@font-face {
    font-family: "Jost";
    src: url("../fonts/jost/Jost-400-Book.woff2") format("woff2"), url("../fonts/jost/Jost-400-Book.woff") format("woff"), url("../fonts/jost/Jost-400-Book.ttf") format("truetype"); }

@font-face {
    font-family: "Jost";
    font-style: italic;
    src: url("../fonts/jost/Jost-400-BookItalic.woff2") format("woff2"), url("../fonts/jost/Jost-400-BookItalic.woff") format("woff"), url("../fonts/jost/Jost-400-BookItalic.ttf") format("truetype"); }

@font-face {
    font-family: "Jost";
    font-weight: 500;
    src: url("../fonts/jost/Jost-500-Medium.woff2") format("woff2"), url("../fonts/jost/Jost-500-Medium.woff") format("woff"), url("../fonts/jost/Jost-500-Medium.ttf") format("truetype"); }

@font-face {
    font-family: "Jost";
    font-weight: 600;
    src: url("../fonts/jost/Jost-600-Semi.woff2") format("woff2"), url("../fonts/jost/Jost-600-Semi.woff") format("woff"), url("../fonts/jost/Jost-600-Semi.ttf") format("truetype"); }

@font-face {
    font-family: 'Feather';
    src: url("../fonts/feather/Feather.ttf?sdxovp") format("truetype"), url("../fonts/feather/Feather.woff?sdxovp") format("woff"), url("../fonts/feather/Feather.svg?sdxovp#Feather") format("svg");
    font-weight: 400;
    font-style: normal; }

/****** Reset ******/
html, body, div, span, h1, h2, h3, h4, p, ul, li, a{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.2em;vertical-align:baseline;background:transparent;}
article, aside, footer, header, nav, section{display:block;}
a{text-decoration: none;}
ul{list-style:none;}

/****** Site ******/
body{background-color:#f6f6f6;color:#555;font:14px/1.2em Jost, Arial, sans-serif;}
a{color:#555;}
.sg{background:url(/images/sprite.png) no-repeat;display:block;}

section{margin:0 auto;padding-left:5px;width:920px;}
.presentation,
.countries:before{background-color:#fff;border-bottom:1px solid #d2d2d2;height:405px;}
.presentation{overflow:hidden;position:relative;z-index:2;}
.countries:before{content:"";display:block;left:0;position:absolute;top:0;width:100%;z-index:1;}

.logo{height:56px;margin:35px 0 136px;width:310px;background:url(/images/logo.svg) no-repeat;display: block;}
.map{position:absolute;right:2px;top:84px;}
.tt1{color:#000000;font-weight:bold;font-size:24px;margin-bottom:28px;}
.presentation .tt1,
.presentation p{max-width:414px;}
.presentation p{margin-bottom:16px;}

.countries{padding-bottom:20px;}
.tt2{font-weight:bold;font-size:18px;margin:27px 0 20px;}
.flags{padding-bottom: 14px;}
.countries ul{padding-left:4px;}
.countries li{border:1px solid #d2d2d2;display:inline-block;margin:0 6px 6px 0;border-radius:8px;}
.lt-ie8 .countries li{float:left;}
.countries li .sg{border:solid #fff;border-width:11px 10px;display:block;height:22px;width:32px;border-radius:8px;}
.countries li a span{display:inline-block;font-size:11px;line-height:1em;position:absolute;text-align:center;visibility:hidden;}
.countries li a:hover{text-decoration:none;opacity:0.75;filter:alpha(opacity=75);}
.countries li a:hover span{margin:-26px 0 0 -11px;visibility:visible;width:54px;}
.countries li a.uk:hover span{margin-top:-36px;}
.countries .fr{background-position:-311px 0;}
.countries .uk{background-position:-311px -23px;}
.countries .de{background-position:-344px 0;}
.countries .nl{background-position:-344px -23px;}
.countries .es{background-position:-377px 0;}
.countries .it{background-position:-377px -23px;}
.countries .se{background-position:-410px 0;}
.countries .pl{background-position:-410px -23px;}
.countries .ru{background-position:-443px 0;}
.countries .us{background-position:-443px -23px;}
.countries .br{background-position:-476px 0;}
.countries .au{background-position:-476px -23px;}
.countries .jp{background-position:-509px 0;}
.countries .cn{background-position:-509px -23px;}

.button {
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    width: auto;
    padding: 12px;
    min-width: 150px;
    display: inline-block;
    text-transform: uppercase;
}

@media screen and (max-width: 800px) {
    section{box-sizing:border-box;width:100%;}
    .presentation,
    .countries:before{background-color:#fff;border-bottom:1px solid #d2d2d2;height:305px;}
    .logo{margin-bottom:40px;}
    .map{display:none;}
    .presentation p{max-width:500px;}
}
@media screen and (max-width: 400px) {
    section{padding-left:10px;}
}