@charset "utf-8";
/* CSS Document */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {box-sizing: inherit; }

@font-face {font-family: 'GothamHTFBook';  src: url('../font/GothamHTFBook.eot'); src: url('../font/GothamHTFBook.eot') format('embedded-opentype'), url('../font/GothamHTFBook.woff2') format('woff2'), url('../font/GothamHTFBook.woff') format('woff'), url('../font/GothamHTFBook.ttf') format('truetype'),url('../font/GothamHTFBook.svg#GothamHTFBook') format('svg');}
@font-face{font-family:GothamHTFLight;src:url(../font/GothamHTFLight.eot);src:url(../font/GothamHTFLight.eot) format('embedded-opentype'),
url(../font/GothamHTFLight.woff2) format('woff2'),
url(../font/GothamHTFLight.woff) format('woff'),
url(../font/GothamHTFLight.ttf) format('truetype'),
url(../font/GothamHTFLight.svg#GothamHTFLight) format('svg')
}
@font-face{font-family:GothamHTFBold;src:url(../font/GothamHTFBold.eot);src:url(../font/GothamHTFBold.eot) format('embedded-opentype'),
url(../font/GothamHTFBold.woff2) format('woff2'),
url(../font/GothamHTFBold.woff) format('woff'),
url(../font/GothamHTFBold.ttf) format('truetype'),
url(../font/GothamHTFBold.svg#GothamHTFBold) format('svg')
}
@font-face{font-family:GothamHTFBlack;src:url(../font/GothamHTFBlack.eot);src:url(../font/GothamHTFBlack.eot) format('embedded-opentype'),
url(../font/GothamHTFBlack.woff2) format('woff2'),
url(../font/GothamHTFBlack.woff) format('woff'),
url(../font/GothamHTFBlack.ttf) format('truetype'),
url(../font/GothamHTFBlack.svg#GothamHTFBlack) format('svg')
}


body.map-page{ margin:0px !important; padding:0px !important;  font-family: 'GothamHTFBook';}
html{ margin:0px !important;  	padding:0px !important;}
.row { margin: 0 -15px; }
div[class*="col"] { padding:0 15px; }
.container{ max-width:1200px; margin:auto;}
header{ background:#f2f2f2; padding:32px 0px; margin-top:0px !important; float:left; width:100%; position:fixed; z-index:99999;}
header .col-3{ width:300px; float:left;}
header .col-3 .logo{ text-align:center; width:100%}
header .col-3 .logo img{ display:inline-block}
header .col-9{ width:calc(100% - 337px); float:left; display:flex; justify-content: space-between;}
ul.countries-menu{ margin:15px 0 0 0; padding:0px;}
ul.countries-menu li{ margin:0px; padding:0px 15px; list-style:none; float:left; position:relative;  }
ul.countries-menu li:before{ background:#51585c; content:""; position:absolute; left:0; top:4px; width:2px; height:14px; }
ul.countries-menu li a{ color:#51585c; font-size:14px; text-transform:uppercase; padding-bottom: 20px;
font-family: 'GothamHTFMedium'; }
ul.countries-menu li a:hover{ color:#577DAB; }
ul.countries-menu li:first-child:before{ content:""; display:none;}

.worldmap-wrap{float:right !important; margin-right:60px;}

.middlecotnainer{width:100%; float:left; padding-top:270px; height:calc(100% - 340px); padding-bottom:70px;}
.middlecotnainer  .col-3{ width:330px; float:left;}
.middlecotnainer  .col-9{ width:calc(100% - 400px); float:left; }
.map-info{ margin-top:70px;}
.map-info h1{ font-family:GothamHTFBlack; font-size:27px; text-transform:uppercase;}
.map-info span{ display:block; margin-bottom:10px; font-size:21px; text-transform:uppercase; color:#4370a4; letter-spacing:2px}
.map-info p{ font-size:14px; line-height:1.3}

footer { background: #f2f2f2; width: 100%; position:fixed; bottom:0;  color: #45494d; text-align: center; height: 40px; line-height: 40px; z-index: 9999;font-family: GothamHTFLight; font-size: 13px;}
.worldmap{ position:relative; width:860px;}
.worldmap .area-select { position:absolute; left:0px; top:0px; width:110px; }
.worldmap .area-select a{ height:68px; float:left; width:100%; position:relative; width:100%; cursor:pointer; z-index:9999; 	}

.worldmap .area-select.country-uk a{ z-index:9998;}
.worldmap .area-select img{ position:relative; z-index:99; }
.worldmap .area-select.country-uk img {  z-index:999}
.worldmap .area-select img {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
}


#moove_gdpr_cookie_info_bar{ z-index:99999 !important}
/*

.worldmap .area-select:before { width:68px; height:55px; content:""; background:url(../images/Pin.png) no-repeat; float:left; position:absolute; left:0; top:0; z-index:9;}*/
.worldmap .area-select span.country-name {
    color: #fff;
    font-family: GothamHTFBold;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    float: left;
    text-align: center;
    z-index: 9;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
}


.worldmap .area-select.country-ca { position:absolute; left:76px; top:58px;}
.worldmap .area-select.country-us { position:absolute; left:100px; top:130px;}
.worldmap .area-select.country-uk { position:absolute; left:338px; top:76px;}
.worldmap .area-select.country-eu { position:absolute; left:410px; top:88px;}
.worldmap .area-select.country-au { position: absolute; bottom: 79px; right: 79px; left: inherit; top: inherit; }


.worldmap .area-select.country-ca:hover:after{ 
width:221px; height:170px; content:""; background:url(../images/cn-hover.png) no-repeat; float:left; position:absolute;  left:-11px; top:-55px; background-size:212px; }


.worldmap .area-select.country-us:hover:after{ 
width:144px; height:72px; content:""; background:url(../images/us-hover.png) no-repeat; float:left; position:absolute;  left:5px; top:14px; 
background-size:137px;  }


.worldmap .area-select.country-au:hover:after{ 
width:101px; height:91px; content:""; background:url(../images/au-hover.png) no-repeat; float:left; position:absolute;  bottom: -41px; right: 10px; left: inherit; top: inherit;
background-size:98px;  }


.worldmap .area-select.country-uk:hover:after{ 
width:25px; height:38px; content:""; background:url(../images/uk-hover.png) no-repeat; float:left; position:absolute;  left:45px; top:29px;
background-size:25px;  }

.worldmap .area-select.country-eu:hover:after{ 
width:158px; height:127px; content:""; background:url(../images/eu-hover.png) no-repeat; float:left; position:absolute;  left:-64px; top:-25px;
background-size:153px;  }

.worldmap .area-select.country-eu{width:68px;}
.worldmap .area-select.country-uk{width:68px; z-index:999}
.worldmap .area-select.country-eu img{ left:12px;}
.worldmap .area-select.country-uk span.country-name{width:59px; text-align:right;}



.map-header .header-home{ width:290px; float:right; font-size: 17px; color: #4772a0; font-family: 'GothamHTFMedium'; font-weight: 500 !important; position:relative; padding-left:0px; line-height:20px; text-transform:uppercase;}
.map-header .header-home .logo{width: 270px;}
.map-header .header-home a.link{ color: #4772a0; position:relative; padding-left:85px; display: flex; flex-wrap: wrap;}
.map-header .header-home a.link:before{ content:""; width:65px; height:65px; position:absolute; background:url(../images/home-icon-b2b.png) no-repeat; left:0; background-size:100%;margin-top:-13px; border-radius:4px}
.map-header .header-home span.txt { position: relative; display: block; color: #4772a0; font-size: 12px; padding-left: 20px; letter-spacing: 0.04rem;  font-family:GothamHTFBold; }
.map-header .header-home span.txt:before { content: ""; width: 15px; height: 15px; position: absolute; background: url(../images/b2b/home-arrow.png) center center no-repeat; left: 0; margin-top:1px; background-size: 100%;  border-radius: 0px;}
.map-header .header-home a.link:hover{ opacity:0.9}
.map-header .header-home .number{ padding-left:85px; font-size:13px; color:#51585c; display:block; margin-top:0px }
.map-header .header-home .number a{ 	 color:#51585c; }
header.map-header { background: #f2f2f2; padding: 32px 0;  }

@media (min-width:1200px) and (max-width:1279px) {

.worldmap .area-select img {left: 15px;top: 14px;}
.worldmap .area-select img{width:50px;}
.worldmap .area-select.country-eu img{width:25px;}

.worldmap .area-select.country-au{  bottom:74px; 	right:74px;}
.worldmap .area-select.country-ca { left: 66px; top: 53px; }
.worldmap .area-select.country-us{ left: 84px; top: 103px;}
.worldmap .area-select.country-uk{ left: 311px; top: 64px;}
.worldmap .area-select.country-eu{ left: 392px; top: 77px;}
.worldmap .area-select::before { width: 48px; height: 40px; background-size: 100%; left:17px; top:15px;}
.worldmap .area-select.country-eu::before {left: -4px; }

.worldmap .area-select.country-ca:hover:after{  background-size: 198px;  left: -6px; top: -50px;}
.worldmap .area-select.country-us:hover:after{  background-size: 130px;  left: 12px; top: 29px;}
.worldmap .area-select.country-au:hover:after{  background-size: 90px;  right: 1px; bottom: -45px;}
.worldmap .area-select.country-eu:hover:after{  background-size: 142px;  left: -70px; top: -18px;}
.worldmap .area-select.country-uk:hover:after{  background-size: 22px;  left: 46px; top:35px;}
.worldmap{width:800px;}
.worldmap-wrap{margin-right:0px;}
}

@media (min-width:1280px) and (max-width:1500px) {


.middlecotnainer {
    width: 100%;
    float: left;
    padding-top: 200px;
    height: calc(100% - 270px);
    padding-bottom: 70px;
}


}

@media (max-width:1279px) {
.container{ max-width:1140px}
.worldmap-wrap{margin-right:0px;}


}

@media (max-width:1199px) {
.container{ max-width:inherit; padding: 0 15px;}
.middlecotnainer .col-3{width:100%}
.middlecotnainer .col-9{width:calc(100% - 0px);}
.middlecotnainer .col-9{width:100% !important;}
.middlecotnainer .col-9 .worldmap{width:860px; margin:auto;}
.map-info { max-width: 340px;  margin: 0  auto 68px; }
.middlecotnainer { padding-top: 170px; height: calc(100% - 240px); }
.map-info { max-width: 600px; margin: 50px auto;  text-align: center;}
.map-header .header-home a.link:before{ width: 55px; height: 55px;}
.map-header .header-home a.link{     padding-left: 65px;}
.map-header .header-home{ font-size:16px}
.map-header .header-home{ width:260px;}
header .col-3 {  width: 280px; }
header .col-9{ width: calc(100% - 280px);}
.map-header .row{    display: flex; flex-wrap: wrap; align-items: center; }
ul.countries-menu {  margin: 10px 0 0 0;}
}


@media (min-width:768px) and (max-width:990px) {
.worldmap .area-select img {left: 15px;top: 15px;}
.worldmap .area-select img{width:48px;}
.worldmap .area-select.country-eu img{width:24px; left:18px;}

.worldmap .area-select.country-au{  bottom:65px; 	right:65px;}
.worldmap .area-select.country-ca { left: 60px; top: 47px; }
.worldmap .area-select.country-us{ left: 78px; top: 95px;}
.worldmap .area-select.country-uk{ left: 288px; top: 57px;}
.worldmap .area-select.country-eu{ left: 366px; top: 69px;}
.worldmap .area-select::before { width: 40px; height: 30px; background-size: 100%; left:22px; top:20px;}
.worldmap .area-select.country-eu::before {left: -4px; width:37px;  }
.worldmap .area-select span.country-name{font-size:9px !important;}
.worldmap .area-select.country-ca:hover:after{  background-size: 184px;  left: -3px; top: -44px;}
.worldmap .area-select.country-us:hover:after{  background-size: 122px;  left: 12px; top: 29px;}
.worldmap .area-select.country-uk:hover:after{  background-size: 20px;  left: 48px; top:36px;}
.worldmap .area-select.country-eu:hover:after{  background-size: 132px;  left: -64px; top: -13px;}
.worldmap .area-select.country-au:hover:after{  background-size: 84px;  right: -1px; bottom: -44px;}


}


@media (max-width:990px) {
.container{ max-width:750px}
header.map-header { padding: 20px 0;}
.middlecotnainer .col-9 .worldmap{width:750px;}
header .col-9 { flex-wrap: wrap-reverse;       width: calc(100% - 220px);   justify-content: flex-end;}
.map-header .header-home a.link{     padding-left: 55px;}
.map-header .header-home{ font-size:14px;     width: 226px;}
header .col-3{ width: 220px}
.map-header .header-home span.txt{ font-size:10px}
.map-header .header-home a.link:before { width: 45px; height: 45px; margin-top: -4px; }
}
@media (max-width:767px) {
header.map-header {  padding: 0px 0;}
.map-header .header-home {  margin-top: -59px; position:relative; z-index:99}
header .col-3 .logo{text-align:left}	
.container{ max-width:auto; }
.middlecotnainer .col-9 .worldmap{width:700px; margin:auto;}
.middlecotnainer .col-9 .worldmap img{ max-width:100%}
header .col-3{ width:100%}
header .col-9{ width:calc(100% - 0px);}
ul.countries-menu{ text-align:center; margin-bottom:10px; width:100%}
ul.countries-menu li a{ font-size:20px;}

ul.countries-menu li:before {top: 3px; height: 16px;}

ul.countries-menu li{float:none; display:inline-block; margin-bottom:8px}
header{ padding:20px 0 }
.map-info{ margin:50px 20px; max-width:inherit; margin-bottom:50px; text-align:center;   }
footer, header{position:inherit}
.middlecotnainer { padding-top:55px; height: calc(100% - 0px); }
.worldmap{ overflow:hidden}
footer{clear:both; margin-top:0px;}
.row { margin: 0 0px; }
div[class*="col"] { padding:0 0px; }
.worldmap .area-select img {left: 22px;top: 22px;}
.worldmap .area-select img{width:40px;}
.worldmap .area-select.country-eu img{width:20px; left:18px;}
.worldmap .area-select.country-ca{ left: 53px; top: 35px;}
.worldmap .area-select.country-us{ left:67px; top: 78px;}
.worldmap .area-select.country-au{ right:58px; bottom:62px;}
.worldmap .area-select.country-uk{ left:265px; top: 50px;}
.worldmap .area-select.country-eu{ left:339px; top: 59px;}
.worldmap .area-select:hover:after{display:none !important}
}

@media (max-width:700px) {
.middlecotnainer .col-9 .worldmap{width:500px; margin:auto;}
.worldmap .area-select{width:40px;}
.worldmap .area-select a{height:40px; }
.worldmap .area-select img {left: 0px;top: 3px;}
.worldmap .area-select img{width:30px;}
.worldmap .area-select.country-eu img{width:15px; left:12px;}
.worldmap .area-select.country-us img{ left:-4px;}
.worldmap .area-select.country-uk{width:40px}
.worldmap .area-select.country-eu{width:40px}
.worldmap .area-select.country-uk span.country-name { width: 24px; }
.worldmap .area-select.country-uk { left: 205px; top: 50px; }
.worldmap .area-select.country-eu { left: 241px; top: 56px; }
.worldmap .area-select.country-au {right: 65px;bottom: 42px;}
.worldmap .area-select span.country-name{font-size:8px}
}

@media (max-width:500px) {
.middlecotnainer .col-9 .worldmap{width:400px; margin:auto;}
.worldmap .area-select span.country-name{font-size:6px}
.worldmap .area-select{width:40px;}
.worldmap .area-select a{height:40px; }
.worldmap .area-select img {left: 0px;top: 4px;}
.worldmap .area-select img{width:30px;}
.worldmap .area-select.country-eu img{width:15px; left:18px;}
.worldmap .area-select.country-uk{width:40px}
.worldmap .area-select.country-eu{width:40px}
.worldmap .area-select.country-ca{ left: 40px; top: 22px;}
.worldmap .area-select.country-us{ left:50px; top: 55px;}
.worldmap .area-select.country-au{ right:45px; bottom:34px;}
.worldmap .area-select.country-uk{ left:158px; top: 31px;}
.worldmap .area-select.country-eu{ left:	191px; top:37px;}



header .col-3 .logo { max-width: 170px;}
.map-header .header-home a.link:before{ width:35px; height:35px;     margin-top: 1px;}
.map-header .header-home a.link {  padding-left: 40px;}
.map-header .header-home { margin-top: -57px; width: 190px;   font-size: 12px;	}

}
@media (max-width:413px) {
header .col-3 .logo {
    max-width: 140px;
}
}
@media (max-width:375px) {
.middlecotnainer .col-9 .worldmap{width:360px; margin:auto;}
ul.countries-menu li:nth-child(4):before{display:none}
.worldmap .area-select{width:30px;}
.worldmap .area-select a{height:35px; }
.worldmap .area-select img{width:25px;     left: -4px;top: 4px;}
.worldmap .area-select.country-eu img{width:12px; left:9px;}
.worldmap .area-select.country-uk img{left:12px;}
.worldmap .area-select.country-ca{ left: 40px; top: 22px;}
.worldmap .area-select.country-us{ left:50px; top: 55px;}
.worldmap .area-select.country-au{ right:45px; bottom:30px;}
.worldmap .area-select.country-uk{ left:133px; top: 31px;}
.worldmap .area-select.country-eu{ left:	173px; top:34px;}
.worldmap .area-select.country-uk span.country-name {width: 35px;}
ul.countries-menu li{ padding:0 8px;} 
.map-info h1{font-size:25px;}
footer{font-size:12px; }
.map-info span{font-size:20px;}
}

@media (max-width:374px) {
.middlecotnainer .col-9 .worldmap{width:300px; margin:auto;}
ul.countries-menu li a{font-size:19px;}
.worldmap .area-select.country-eu{width:30px;}
.worldmap .area-select.country-uk{width:30px;}
.worldmap .area-select span.country-name{font-size:6px; display:none}
.worldmap .area-select.country-ca{ left: 31px; top: 14px;}
.worldmap .area-select.country-us{ left:38px; top: 40px;}
.worldmap .area-select.country-au{ right:38px; bottom:26px;}
.worldmap .area-select.country-uk{ left:106px; top: 23px;}
.worldmap .area-select.country-eu{ left:	146px; top:31px;}
.worldmap .area-select a { height: 25px;}
.worldmap .area-select.country-eu img {left: 6px;}
	.map-header .header-home { margin-top: 0px;}
header .col-9{    justify-content: center;}	
header .col-3 .logo { max-width: 100%;  text-align: center;}
}
.xoo-wsc-modal,  #intercom-frame, .intercom-lightweight-app{display:none !important}