* { margin: 0; padding: 0; outline: none; box-sizing: border-box; border:0}
/* html, body.mainbody {width: 100%; height: 100%; position: relative;} */
body.mainbody, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
#maineditor { color: #324c62; font: 40px 'Open Sans', Tahoma, Geneva,  sans-serif; font-weight: 100; }
@media screen and (max-width: 3001px){
  body.mainbody, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
  #maineditor { font-size: 24px; }
}
@media screen and (max-width: 2001px){
  body.mainbody, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
  #maineditor { font-size: 20px; }
}
body.mainbody.webeditor , .webeditor th, .webeditor td, .webeditor p, .webeditor div, .webeditor span, .webeditor ul, .webeditor li, .webeditor textarea, .webeditor input, .webeditor select, .webeditor sup, .webeditor sub, .webeditor #maineditor { font-size: 20px; }
body.mainbody.webeditor #maineditor { background-color: #fff; }

body.modal-open {
    overflow: hidden !important;
}

a:link, a:visited, a:active, #maineditor a {color: #546574; text-decoration: none; border-bottom: 1px solid #546574;}
a:hover, #maineditor a:hover { color: #c00; border-color: #c00}
img, #content a.ext_icon img, #content a:hover.ext_icon img { border: 0; }
strong, b { font-weight: 600 }

h1, h2, h3, h4, h5 { display: inline-block; padding-bottom: 40px; color: #c00000; text-decoration: none;text-transform: none; font-weight: 100; }
.indexpage h2, .innerpage h1, #edmheaderspan { font-size: 60px; padding-bottom:80px;}
@media screen and (max-width: 3001px){
  .indexpage h2, .innerpage h1, #edmheaderspan { font-size: 52px; padding-bottom:40px;}
}
@media screen and (max-width: 2001px){
  .indexpage h2, .innerpage h1, #edmheaderspan { font-size: 46px; padding-bottom:30px;}
}
.innerpage h2 { font-size: 40px; color: #a69c48 }
.indexpage.webeditor h2, .innerpage.webeditor h1, .webeditor #edmheaderspan { font-size: 46px; padding-bottom:30px;}
h3 { font-size: 34px; padding-bottom: 20px; color: #e89c00 }
h4 { font-size: 30px; padding-bottom: 20px; }


hr { margin: 5px 0; border: none; border-collapse: collapse; border-top: 1px solid #324c62; }


/* clearfix */
.webeditor .clearfix:before, .webeditor .clearfix:after {content: ""; display: table;}
.webeditor .clearfix:after {clear: both;}
.webeditor .clearfix {zoom: 1;}
.clear {clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.flt_l {float: left;}
.flt_r {float: right;}

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* ========================================================================================================================== */
.bg-khaki { background-color: #a69c48 !important; }
.no-br, a.thumb { border: none !important; }
.pointer {cursor: pointer !important;}
/* ========================================================================================================================== */
.mainbody #bttn-dwn {
  position: absolute; display: block; height: 55px; width: 100%;
  line-height: 0; font-size: 0; cursor: pointer;
  background: transparent; color: transparent; bottom: 65px; margin-top: 0; padding: 0; border: none; outline: none;
  text-align: center; z-index: 560;

  animation: bounce 6s infinite;
  animation-name: bounce;
  animation-duration: 6s;
  animation-timing-function: initial;
  animation-delay: initial;
  animation-iteration-count: infinite;
  animation-direction: initial;
  animation-fill-mode: initial;
  animation-play-state: initial;
}
.mainbody  #bttn-dwn #dwn { display: inline-block; width: 55px; height: 55px; line-height: 55px; border: none; outline: none; text-decoration: none; background: transparent; }
.mainbody  #bttn-dwn #dwn:hover { border: none; text-decoration: none; }
.mainbody  #bttn-dwn #dwn:before { content: "\f3d0"; font-family: "Ionicons"; font-size:50px; line-height: 55px; color: #fff;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.innerpage  #bttn-dwn #dwn:before { color: #fff; }

.section-bttn.hvr-shutter-in-vertical, .section-bttn.bg-khaki.hvr-shutter-in-vertical { background-color: #C00000 !important; }
.section-bttn.hvr-shutter-in-vertical:before { background-color: #E89C00 }
.section-bttn.bg-khaki.hvr-shutter-in-vertical:before { background-color: #A69C48 }


/* ========================================================================================================================== */
/* ========================================================================================================================== */

/* == LAYOUT == */
.section {width: 100%;}
.container {margin: 0 auto; padding: 80px 2%; max-width: 1500px; }
@media screen and (max-width: 2001px){
  .container {padding: 110px 4%;}
}
@media screen and (max-width: 900px){
  .container {padding: 60px 4%;}
}
.flex {display: flex;}

#topimg {height: 80px; background-position:50% 60%; background-repeat: no-repeat; background-size: 100% auto;}
/* #maincont { padding-top: 100px; padding-bottom: 60px; }
.anchor { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1px; }*/
[data-animation] { opacity:0; }
.animated[data-animation] { opacity:1; }
@media screen and (max-width:990px) {
  #topimg {height: 60px !important; background-size: cover;}
}
@media screen and (max-width:600px) {
  #topimg {height: 40px !important;}
}

/* == HEADER == */
#header {
  position: fixed; top:0; left:0;
  width: 100%;
  background-color: #fff;
  border-bottom: 2px solid #324C62;
  z-index: 800;

  transition: all .4s;}
#header .flex {justify-content: space-between; align-items: center;}
#header .container {
  position: relative;
  padding-top: 20px; padding-bottom: 20px;
  z-index: 800;
  transition: padding .4s; -webkit-transition: padding .4s; -moz-transition: padding .4s; -ms-transition: padding .4s; -o-transition: padding .4s; }
#header.__fixed .container {padding-top: 10px; padding-bottom: 10px;}

.modal-open #header {
  height: 100%; background-color: rgba(50, 76, 98, 1);
  -webkit-transition: all .4s;
  transition: all .4s;
}
.modal-open #header div.container.clearfix.flex {
  background-color: rgba(50, 76, 98, 1);
}

.webeditor #header {position: relative;}
.webeditor #header .container {padding-top: 6px; padding-bottom: 6px;}
.content div.title { display: none; }


/* == LOGO == */
a.logo span { display: none; }
a.logo {
  display: none;
  width: 180px;
  height: 50px;
  position: relative;
  background-image: url(../images/logo.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: none !important;
  z-index: 990;
  transition: width .2s, height .2s;
}
a.logo:after {
  content: '';
  display: inline-block;
  margin-left: 210px;
  width: 180px;
  height: 100%;
  background: url(../images/art_of_logistics.svg) 0 50% no-repeat;
  background-size: 100% auto;
  transition: margin-left .2s, height .2s;
}

.webeditor a.logo { float: left; width: 160px; background: none; }
.webeditor a.logo img { width: 100%; height: auto; }
.webeditor a.logo:after, body.mobile a.logo:after {display: none;}

#header.__fixed a.logo { width: 140px; }
#header.__fixed a.logo:after { margin-left: 160px; }

.svg a.logo { background-image: url(../images/cfs.svg); }
.svg.modal-open a.logo {background-image: url(../images/cfsW.svg); }

/* == LANGS == */
#langs {display: flex; justify-content: flex-end; align-items: center; width: 100%; padding:0 40px; list-style-type: none;  }
#langs.flags {margin-bottom: 6px; padding: 0; height: 30px; align-items: flex-start; font-size: 0px;}
#langs li, #langs li a { display: block; list-style-type: none; border: none !important;}
#langs li {padding: 0 6px;}
#langs li.lang-seporator:last-child {display: none;}
#langs li.flag a { margin: 0 0 0 16px; padding:0; width: 24px; height: 24px; text-decoration: none !important; }
#langs li:hover .lang-name { background-color: #C00000; }

#langs li.eng a { background: url(../images/langit/eng.png) 0 50% no-repeat; }
#langs li.est a { background: url(../images/langit/est.png) 0 50% no-repeat; }
#langs li.rus a { background: url(../images/langit/rus.png) 0 50% no-repeat; }
#langs li.lat a { background: url(../images/langit/lat.png) 0 50% no-repeat; }
#langs li.lit a { background: url(../images/langit/lit.png) 0 50% no-repeat; }
#langs li.fin a { background: url(../images/langit/fin.png) 0 50% no-repeat; }
#langs li.pol a { background: url(../images/langit/pol.png) 0 50% no-repeat; }

#langs li.flag span { display: none; }
.modal-open #langs a {color:#fff;}

.webeditor #langs {display: block; text-align: right;}
.webeditor #langs li {display: inline;}
.webeditor #langs li a {display: inline-block;}

/* =====  ===== */
.act_bttns {position: absolute; bottom: -170px; right: 30px; z-index: 800;}
.istylea .act_bttns {display: none;}
.act_bttns a {
  position: relative;
  display: block; margin-bottom: 10px; padding: 0 20px 0; height: 55px;
  background-color: #97a7b6; border: none;
}
.act_bttns a span {color: #fff; font-size: 22px; line-height: 55px; text-transform: uppercase; text-decoration: none;}
.act_bttns a::after {
  content:' '; position: absolute; top:0; left: -50px;
  display: block; width: 55px; height: 55px; margin-right: 20px;
  background: #324c62 url(../images/track-n-trace.svg) 50% 50% no-repeat;
  background-size: 50%; cursor: pointer;
}
.act_bttns a#track_trace::after {background-image: url(../images/track-n-trace.svg);}
.act_bttns a#portal::after {background-image: url(../images/portal.svg);}
@media screen and (max-width: 1023px){
  .act_bttns {right: 24px;}
  .act_bttns a { padding: 0; }
  .act_bttns a span { display: none; }
}
@media screen and (max-width: 767px){
  .act_bttns { bottom: -110px; right: 6px; }
  .act_bttns a { margin-bottom: 0; padding: 0; height: 50px; }
  .act_bttns a span { display: none; }
  .act_bttns a::after {width: 36px; height: 36px; margin-right: 0; background-size: 60%;}
}


/* navigation for .net */
.loc-nav {position: relative; margin-bottom: 15px; text-align: right; line-height: 16px; transition: margin-bottom .2s; -webkit-transition: margin-bottom .2s; -moz-transition: margin-bottom .2s; -ms-transition: margin-bottom .2s; -o-transition: margin-bottom .2s; z-index: 900; }
.loc-nav span {display: inline-block; position: relative; color: #aaa; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; cursor: pointer; border-bottom: 1px solid #aaa;}
.loc-nav span:not(:first-child) {margin-left: 20px;}
.loc-nav span:not(:first-child)::before {content: '\f111'; font-family:'FontAwesome'; position: absolute; left: -16px; top: 30%; font-size: 6px; line-height: 10px;}
#header.__fixed .loc-nav {display: none;}


#header-nav {
  width: 80%; height: 100%;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}

.header-nav {display: flex; justify-content: flex-end; list-style-type: none; align-items: center;}
.header-nav * { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
.header-nav li {position: relative; display: block; padding: 0 15px; color: #aaa; font-size: 24px; line-height: 24px; border-left: 1px solid #324C62;}
.header-nav li:first-child {border: none;}
.header-nav > li:last-child {padding-right: 0;}
.header-nav a {color: #324C62; font-size: 24px; font-weight: 700; text-decoration: none; border-bottom: none; white-space: nowrap}
.header-nav > li:hover > a {color: #C00000;}
.modal-open .header-nav > li {display: none;}
ul.countries-nav li, ul.countries-nav li a { font-size: 20px;}
ul.countries-nav li { padding: 0 10px;}

.webeditor .header-nav {display: block; text-align: right;}
.webeditor .header-nav li {display: inline;}
.webeditor .loc-nav span {font-size: 14px;}
.webeditor .loc-nav span:not(:first-child)::before {font-size: 4px; left: -14px;}
.webeditor .header-nav li, .webeditor .header-nav a {font-size: 18px}

@media screen and (max-width: 2001px){
  a.logo {width: 160px;}
  a.logo::after {width: 180px;}
  .loc-nav span {font-size: 14px;}
  .loc-nav span:not(:first-child)::before {font-size: 4px; left: -14px;}
  .header-nav li, .header-nav a {font-size: 18px; line-height: 18px;}
}


/* == NAVIGATION == */
.navigation {
  display: none; padding: 100px 10% 0 20%; width: 100%; height: 100%; overflow: auto;
  position: fixed; top: 0; left: 0; z-index: 700; }
.webeditor .navigation {display: none;}
.modal-open .navigation { display: block; }

.navpart { list-style-type: none; display: block; float: left; padding: 0 2% 0 0; width: 30%; }
.navpart li { display: block; }
.navpart a { display: inline-block; padding-bottom: 8px; color: #fff; font-size: 1.4vw; text-decoration: none; border: none !important; }
.navpart li.nav1 a, .navpart li.nav1 { padding-bottom: 8px; color: #fff; font-size: 1.8vw !important; font-weight: 600; vertical-align: top; border: none !important; }
.lastinnav { padding-bottom: 25px; }
.navpart .nav2 a:hover { color: #97A8B7 }

/* == GAMBURGER == */
#nav-toggle {
  display: none;
  position: relative;
  padding: 16px; width: 26px; height: 20px;
  cursor: pointer; background-color: #324c62;
  box-sizing: content-box;

  transition: padding .4s; z-index: 900;
}
.full-style + * + #nav-toggle {display: block !important;}

#nav-toggle span,
#nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  display: block; height: 4px; width: 26px;
  background: #fff;
  position: absolute; top: 24px;
  content: '';

  transition:  all .6s;
}
#nav-toggle span:before {top: -8px;}
#nav-toggle span:after  {top:  8px;}

#nav-toggle.active span {background-color: transparent !important;}
#nav-toggle.active span:before,
#nav-toggle.active span:after {top: 0 !important;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}

.webeditor #nav-toggle {float: right;}

/* ===== SUB nav ===== */
#activities-nav-up {position: relative; z-index: 810;}
.sub-nav {
  display: block; padding: 0 40px; width: 450px; max-height: 0;
  position: absolute; top: 20px; left: -40px;
  background: #fff;
  z-index: 500; overflow: hidden;
  transition: all .4s;
}
.sub-nav.sub-open {top: 24px; padding: 40px; max-height: 550px; transition: all .4s;}
.sub-nav li { border: none; border-bottom: 1px solid #e1e1e1; padding: 10px 8px;}
.sub-nav li a {font-weight: normal;  text-transform: none;}
.sub-nav li:hover a {color: #C00000; }
.header-nav .sub-nav li:first-child {border-bottom: 1px solid #e1e1e1;}
.header-nav .sub-nav li:last-child {border: none;}

#header.__fixed .sub-nav {top: 40px; transition: all .4s;}
#header.__fixed .sub-nav.sub-open {top: 24px;}
.header-nav > li:last-child .sub-nav {left: auto; right: -20px;}

/* ===== FLOAT nav ===== */
.float-nav {
  position: fixed; top: 0; left: 2%;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  list-style: none;
  width: 10px; height: 100%; z-index: 700;
}
.float-nav li {margin: 5px 0; width: 8px; height: 4vh; background: #ecdaaa;}
.float-nav li:hover, .float-nav .cur {background: #c00;}
.float-nav li a {display: none;}

/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */


#carousel-net .container {border-top: 1px solid #000}

/* ===== Blocks section ===== */
.block {cursor: pointer;}
.blocks-section {background-color:#eaedef}
.blocks-section .content:not(.block-cont) {display: flex; flex-wrap: wrap; justify-content: space-between;}
.block {position: relative; padding-bottom: 80px; margin: 0 10px 40px; width: 31%; min-width: 320px; background-color: #fff;}
.block-data { padding: 20px 40px;}
.block h4 {color:#324C62; font-weight: 400; font-size: }
.block-cont * { font-size: 20px; line-height: normal;}
.block-cont strong { font-weight: 100;}
.block-img img {width: 100%; height: auto;}
.block-link {display: block; position: absolute; left: 40px; bottom: 40px; font-size: 20px;}
@media screen and (max-width: 1400px){
  .block {width: 46%;}
}
@media screen and (max-width: 980px){
  .block {width: 100%;}
}
@media screen and (max-width: 480px){
  .block h4 {font-size: 6vw}
}






/* ===== FULL style blocks ===== */
.imgcont {position: relative; }
.section-img {width: 100%; height: 100vh; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.section-img .container {
  display: flex; align-items: flex-end;
  padding-top: 80px; padding-bottom: 80px; height: 100%;
}
.imgcont:nth-child(odd) .section-img .container {justify-content:flex-end}
  .section-img_title {padding: 40px 80px; background-color: rgba(50, 76, 98, 0.5); display: none}
  .section-img_title h2 {padding-bottom: 0; color: #fff; font-size: 4rem; font-weight: 700}

.imgcont .section-cont {
  position: relative;
  width: 100%; max-height: 0px;
  z-index: 100; overflow: hidden; transition: all 0.8s;}
  .imgcont .section-cont .container {padding-top:80px;padding-bottom:80px; opacity: 0; transition: all 0.8s;}
.imgcont.active .section-cont {
  max-height: 5000px;
  overflow: visible; transition: all 0.6s;}
  .imgcont.active .section-cont .container {opacity: 1; transition: all 0.6s;}
.webeditor .imgcont .section-cont {
  max-height: 1900px;
  overflow: visible;
}




/* NEWS on indexpage */
/* .news-box .img-box { background-image: url(../images/slideimg/news.jpg) } */
.news_date { padding-bottom: 20px; }
.news_date span { color: #e89c00; }
.news_date span, .we_genlist-news-date { padding-right: 20px;  }
.we_genlist td { padding: 4px 20px 4px 0; vertical-align: top; }
.we_genlist td h2 { font-size: 36px; color: #e89c00; padding: 5px 0 0 0; }

/* == Form rate tequest == */
#form-request {background-color: #eaedef;}

/* == GOOGLE MAP == */
#gmap { position: relative; width: 100%; height: 60vh; }
#map-canvas { width: 100%; height: 100%; }




/* == FOOTER == */
#footer { padding: 18px 0 5px 0; background-color: #324c62; }
#footer .container {
  display: flex; justify-content: space-between;
  padding-top: 40px; padding-bottom: 30px;
}
#footer a.logo {display: block; margin-bottom: 40px; width: 160px; height: 60px; background-image: url(../images/logoW.png); z-index:1}
#footer a.logo::after {display: none;}
a.iso {display: inline-block; margin-right: 34px; width: 90px; height: 58px; text-decoration: none; border-bottom: none; background: url(../images/ISO.png) 50% 50% no-repeat}
a.aeo {display: inline-block; margin-right: 34px; width: 66px; height: 58px; text-decoration: none; border-bottom: none; background: url(../images/AEO-logo.png) 50% 50% no-repeat}
a.top {display: inline-block; margin-top: 34px;  margin-right: 20px; width: 80px; height: 80px; text-decoration: none; border-bottom: none; background: url(../images/top_company.png) 50% 50% no-repeat}
a.top2019 {display: inline-block; margin-top: 34px; width: 80px; height: 80px; text-decoration: none; border-bottom: none; background: url(../images/top_company_2019.png) 50% 50% no-repeat}

.fblock {margin-left: 2.5rem; margin-bottom: 1.5rem; min-width: 300px; width: 25%;}
.fblock:first-child {margin-left: 0;}
.fblock#logo-icons {width: 210px; order: 1;}
.fblock#fcontacts {margin-right: 40px; min-width: 320px;  order: 2;}
#fcontacts * {color: #fff;}
#fcontacts p {margin: 14px 0; font-size: 16px;}
#fcontacts span {display: inline-block; width: 24px;}
#fcontacts p span.spacer { margin-left: 27px; font-size: 16px; width: auto;}

.ftitle {height: 50px;}
.ftitle h4 {color: #fff; font-size: 22px; font-weight: 400}
.fblock.socials { min-width: 120px; width:10%; margin-top: -4px; display: flex; flex-direction: column; justify-content: flex-start; list-style-type: none;  order: 3;}
.socials li {display: block; margin-bottom: 6px;}
.socials a { color: #fff; font-size: 16px; }
.socials .fa { margin-right: 10px; padding: 8px 10px; color: #324C62; background-color: #fff; border: none !important; font-size: 14px; }
.socials .fa.fa-facebook { padding: 8px 12px; }
.socials .fa.fa-linkedin { padding: 8px 10px; }
.socials .fa.fa-youtube-play { padding: 8px 8px; }

.fblock.countries { order: 4;  width:35%;}
.countries-list {list-style-type: none; display: flex; flex-wrap: wrap;}
.countries-list li {display: block; margin: 8px 20px 16px 0; width: 33%; max-width: 135px; line-height: 18px;}
.countries-list a {color: #fff; font-size: 16px;}

@media screen and (max-width: 1150px){
  #footer .container {flex-wrap: wrap; padding-bottom: 50px}
  #footer .container > div { width: 40%; order: 0}
  .fblock:nth-child(3) {margin-left: 0;}
}
@media screen and (max-width: 810px){
  #footer .container .fblock {margin-left: 0px !important;margin-right: 0px !important;}
  /* #footer .container .fblock.socials {order: 4} */
}
@media screen and (max-width: 520px){
  #footer .container > div {width: 100%; min-width: auto;}
  #footer .container .socials {order: 4}
  li.ftitle {display: none;}
}




/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ===== CLOSE ===== */
.close {
  position: absolute;right: 32px;top: 32px;
  width: 32px;height: 32px;
  opacity: 0.3;
}
.close:hover {opacity: 1;}
.close:before, .close:after {
  position: absolute;left: 15px;
  content: ' ';
  height: 33px; width: 2px;
  background-color: #333;
}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}
/* == BACK TO TOP == */
.back-to-top.hvr-ripple-out { display: none; }
.back-to-top {
  display: none;
  position: fixed !important; bottom: 50px; right: 65px;
  width: 51px; height: 51px; line-height: 51px;
  text-align: center; vertical-align: middle;
  color: #fff; font-size: 20px !important;
  opacity: .4;
  background-color: #97A8B7;
  cursor: pointer; z-index: 500;
}
.back-to-top i:before {
  display: block; position: absolute; top: 0; left: 0;
  margin-top: 14px; margin-left: 14px;
  width: 22px; height: 22px;
  background-color: rgba(50, 76, 98, 1);

  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; /* future proofing */
  -khtml-border-radius: 50%; /* for old Konqueror browsers */
}
.back-to-top.hvr-ripple-out:before { border: #97A8B7 solid 6px; }




/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */

/* = Mobile version (<1025) = */
.mobile #headertool, .mobile .navigation,
.mobile .container, .mobile .section-box.cont-box { padding-left: 20px; padding-right: 20px; }
.mobile .section-box.cont-box { width: calc(100% - 20px * 2); }
.mobile .navpart a { font-size: 1.8vw !important; }
.mobile .navpart li.nav1 a, .mobile .navpart li.nav1 { color: #fff; font-size: 2.6vw !important; }
/* .mobile .header-nav {display: none;} */
.mobile .header-nav > li { display: none;}
.mobile #langs { padding: 0 20px;}
.mobile .float-nav {display: none !important;}
.mobile #nav-toggle {display: block}
.mobile #langs.flags {padding-top: 6px; margin-right: 10px;}
/*.mobile [data-animation] { opacity: 1; }*/

.mobile.istylea #header-nav {display: none;}
.mobile.istylea.modal-open #header-nav {
  display: block; margin-right: 20px; padding-top: 16px; z-index: 800;
}
.mobile.istylea.modal-open #header-nav * {color: #fff}
.mobile.istylea.modal-open .header-nav.countries-nav {position: absolute; top:0; left: 0; width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; z-index: 800;}
.mobile.istylea.modal-open .header-nav > li {display: block; margin-bottom: 3vh; border: none}
.mobile.istylea.modal-open .header-nav > li, .mobile.istylea.modal-open .header-nav > li a { font-size: 4vh !important;}

.mobile .section.index-section { display: block; width: 100%; height: auto; }
.mobile .section-box { display: block; height: auto; }
.mobile .section-box.img-box { width: 100%; height: 400px; }
.mobile .section-box.cont-box h2 { padding-top: 36px !important; padding-bottom: 20px !important;  line-height: 46px !important; }
.mobile #maincont { padding-top: 100px; padding-bottom: 60px; }
.mobile #inner-topimg + #maincont { padding-top: 100px;}
.mobile #inner-topimg { display: none;}

.mobile .section.rightimg .section-box.cont-box { padding-top: 400px; }
.mobile .section.rightimg .section-box.img-box { position: absolute; left: 0; top: 0; width: 100%; }

.mobile.innerpage h1 { padding-bottom:26px !important; font-size: 46px !important; line-height: 46px;}
.mobile .back-to-top { bottom: 20px; right: 20px; }
.mobile .news_box img { width: 100% !important; height: auto !important; }


@media screen and (min-width: 768px) {
    body.mobile a.logo:after { display: inline-block !important; }
    #header.__fixed body.mobile a.logo:after { margin-left: 120px; height: 30px;}
	body.mobile #footer a.logo::after { display: none !important; }
}

@media screen
  and (max-width:1400px){
    .countries-list li { width: 45%; }
	ul.countries-nav li { padding: 0 5px;}
	a.logo:after { margin-left: 180px; }
}
@media screen
  and (max-width:1025px){
    #edss { display: none; }
    input[type=radio]:not(checked) + span:before { top: 0px}
    input[type=radio]:not(checked) + span:after {top: 4px;}
    .section-img_title h2 {font-size: 6vw}
}

@media screen
  and (min-width:768px)
  and (max-width:1024px){

  body.mainbody, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
  #maineditor, .block-link, a.section-bttn, .section-bttn, .fc--control-box_radio label, #form_rate_request div.fc--block.block-userdata h3 { font-size: 18px !important;  }
    /* tables */
    table.transparent_table.contact { width: 100%; }
    table.transparent_table.contact tr td { display: inline-block;}
    table.transparent_table.contact tr td, table.transparent_table.contact tr td * { font-size: 16px !important;  }
    table.transparent_table.contact tr td:first-child,
    table.transparent_table.contact tr td:nth-child(5) { /*width: 133px !important;*/ width: 103px !important;}
    table.transparent_table.contact tr td:nth-child(2),
    table.transparent_table.contact tr td:nth-child(6) { width: 10px !important;}
    table.transparent_table.contact tr td:nth-child(3),
    table.transparent_table.contact tr td:nth-child(7) { width: 26% !important;}
    table.transparent_table.contact tr td:nth-child(4) { width: 10px !important;}
    table.transparent_table.contact .td_img img,
    table.transparent_table.contact .td_img p img { /*width: 133px !important;*/ width: 103px !important; height: auto !important;}
	#altnav a { font-size:16px !important; }
	.section-box.cont-box h2 { font-size: 40px !important; }
	a.section-bttn, .section-bttn, input[type='submit'] { padding: 6px 20px !important; color: #FFFFFF; font-size: 16px !important;}
}



@media screen and (max-width:890px){

    /* tables */
    table.transparent_table.contact { width: 100%; }
    table.transparent_table.contact tr td { display: inline-block;}
    table.transparent_table.contact tr td, table.transparent_table.contact tr td * { font-size: 14px !important; }
    table.transparent_table.contact tr td:first-child,
    table.transparent_table.contact tr td:nth-child(5) { width: 90px !important;}
    table.transparent_table.contact tr td:nth-child(2),
    table.transparent_table.contact tr td:nth-child(6) { width: 20px !important;}
    table.transparent_table.contact tr td:nth-child(3),
    table.transparent_table.contact tr td:nth-child(7) { width: 26% !important;}
    table.transparent_table.contact tr td:nth-child(4) { width: 10px !important;}
    table.transparent_table.contact .td_img img,
    table.transparent_table.contact .td_img p img { width: 90px !important; height: auto !important;}

}

@media screen and (max-width:767px){
  body.mainbody, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
  #maineditor, .block-link, a.section-bttn, .section-bttn, .fc--control-box_radio label, #form_rate_request div.fc--block.block-userdata h3 { font-size: 16px !important;  }

  h1, h2, .indexpage h2 { font-size: 28px !important; line-height: 36px !important; }
  .mobile.innerpage h1, #edmheaderspan { font-size: 28px !important;  padding: 0 0 10px 0  !important; line-height: 36px !important;}
  .mobile.innerpage h2 { font-size: 26px !important; line-height: 36px !important; }
  .mobile h3 { font-size: 22px !important; }
  .mobile h4 { font-size: 20px !important; }

  /* #header.__fixed #headertool { padding-bottom: 20px; padding-top: 20px; } */
  #header a.logo { width: 100px; height: 30px; background-size:contain !important; -webkit-transition: all .6s; transition: all .6s; }
  #header a.logo:after {margin-left: 120px}
  #header.__fixed a.logo { width: 150px; height: 50px; -webkit-transition: all .6s; transition: all .6s; }
  #header #header-nav {flex-grow: 1; width: auto;}
  #header.__fixed #langs { margin-right: 20px; height: 51px; }
  #header.__fixed #langs li, #header.__fixed #langs li a { height: 51px; line-height: 51px; }

  #nav-toggle { width: 18px; height: 12px; padding: 9px; -webkit-transition: all .6s; transition: all .6s; }
  #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {width: 18px; height: 2px; top: 14px; -webkit-transition: all .6s; transition: all .6s;}
  #nav-toggle span:before { top: -5px;}
  #nav-toggle span:after { top: auto; bottom: -5px;}

  #header.__fixed #nav-toggle { padding: 8px; width: 35px; height: 35px; }
  #header.__fixed #nav-toggle span,
  #header.__fixed #nav-toggle span:before,
  #header.__fixed #nav-toggle span:after { top: 24px; height: 4px; width: 35px; }
  #header.__fixed #nav-toggle span:before { top: -10px;}
  #header.__fixed #nav-toggle span:after { top: auto; bottom: -10px;}
  #header.__fixed #nav-toggle.active span:before,
  #header.__fixed #nav-toggle.active span:after {top: 0;}
  .slideInLeft, .slideInRight { -webkit-animation-name: none !important; animation-name: none !important; }
  .imgcont:nth-child(odd) .section-img .container { justify-content: flex-start; }
  .ftitle { height: auto }
  .ftitle h4 { padding-bottom: 10px; }
  #fcontacts p { margin: 0; }
  .countries-list li {
    margin: 0 20px 10px 0;
   }

    /* navigation list one column */
    .navigation { margin-top: 20px; }
    /* .navigation { height: calc(100% - 140px); }*/
    .navigation { height: calc(100% - 40px); padding: 20px 10% 0 20%;}
    .mobile .navpart { float: none; width: 90%; }
    .mobile .navpart a { font-size: 3.6vw !important; }
    .mobile .navpart li.nav1 a, .mobile .navpart li.nav1 { color: #fff; font-size: 4.6vw !important; padding-bottom: 4px; }
	.lastinnav { padding-bottom: 20px; }
  .mobile #maincont { padding-top: 80px;}
  .mobile #inner-topimg + #maincont { padding-top: 80px;}
  .back-to-top {width: 30px; height: 30px; line-height: 30px;}
  .back-to-top i:before { margin-top: 4px; margin-left:4px; }

  #gmap {height: 400px;}


    input[type=radio]:not(checked) + span:before { top: -2px}
    input[type=radio]:not(checked) + span:after {top: 2px;}
    #form_rate_request label .legend + input { width: 300px; }
    #form_rate_request textarea { width: calc(30% + 300px); }
	#form_rate_request div.title h1 {padding-bottom:0}
    #form_rate_request h3 {font-size: 22px !important;}

    /* tables */
    table.transparent_table.table_img { width: 100%; }
    table.transparent_table.table_img td,
    td.td_img { display: block; box-sizing: border-box; width: 100% !important; }

    table.transparent_table.contact tr td:nth-child(2),
    table.transparent_table.contact tr td:nth-child(6) { width: 10px !important;}
    table.transparent_table.contact tr td:nth-child(3),
    table.transparent_table.contact tr td:nth-child(7) { width: auto !important;}
    table.transparent_table.contact tr td:nth-child(4) { width: 100% !important;}

    .td_img img { margin: 0 !important; width: 100% !important; height: auto !important;}
    .thumb, .thumb img {
      display: block;
      width: 100% !important; height: auto !important;
      margin: 0 0 40px 0 !important;
    }

	a.section-bttn, .section-bttn, input[type='submit'] { /*padding: 5px 12px !important;*/ color: #FFFFFF; /*font-size: 14px !important; */ margin-right: 8px !important;}

	#footer .container {padding: 20px 4%;}
	#footer a.logo { margin-bottom: 20px; }
}

@media screen
  and (max-width: 769px)
  and (orientation: landscape) {
  #header.__fixed #headertool { padding-top: 5px; }
  #header.__fixed a.logo { width: 100px; height: 30px; -webkit-transition: all .6s; transition: all .6s; }
  #header.__fixed a.logo:after {width: 200px; height: 30px; margin-left: 120px;}

  #langs { margin-right: 20px; height: 30px; }
  #header.__fixed #langs { margin-right: 20px; height: 30px; }
  #header.__fixed #langs li, #header.__fixed #langs li a { height: 30px; line-height: 30px; }

  #header.__fixed #nav-toggle { padding: 8px; width: 18px; height: 14px; }
  #header.__fixed #nav-toggle span,
  #header.__fixed #nav-toggle span:before,
  #header.__fixed #nav-toggle span:after { top: 14px; height: 2px; width: 18px; }
  #header.__fixed #nav-toggle span:before { top: -5px;}
  #header.__fixed #nav-toggle span:after { top: auto; bottom: -5px;}
  #header.__fixed #nav-toggle.active span:before,
  #header.__fixed #nav-toggle.active span:after {top: 0;}

  .mainbody  #bttn-dwn { bottom: 0px; }
  .mainbody  #bttn-dwn #dwn { width: 34px; height: 34px; line-height: 34px; border: none; text-decoration: none; }
  .mainbody  #bttn-dwn #dwn:before { line-height: 34px;  border: none; text-decoration: none; }

  .mobile .navpart a { font-size: 2.6vw !important; }
  .mobile .navpart li.nav1 a, .mobile .navpart li.nav1 { font-size: 3.6vw !important; }

}

@media screen and (max-width:600px){
  #form_rate_request .msg {padding-left: 0px;}
  #form_rate_request label .legend { display: block; width: 100%; }
  #form_rate_request label .legend + input { width: 90% }
  #form_rate_request textarea { width: 90%; }
  .section-img_title {padding: 30px 20px 0; width: 100%;}
  .float-nav {display: none;}
}

@media screen and (max-width:376px){
  #header.__fixed a.logo { width: 100px; height: 30px; -webkit-transition: all .6s; transition: all .6s; }

  #langs { /*margin-right: 20px; */ height: 30px; }
  #header.__fixed #langs { margin-right: 20px; height: 30px; }
  #header.__fixed #langs li, #header.__fixed #langs li a { height: 30px; line-height: 30px; }

  #header.__fixed #nav-toggle { padding: 8px; width: 18px; height: 14px; }
  #header.__fixed #nav-toggle span,
  #header.__fixed #nav-toggle span:before,
  #header.__fixed #nav-toggle span:after { top: 14px; height: 2px; width: 18px; }
  #header.__fixed #nav-toggle span:before { top: -5px;}
  #header.__fixed #nav-toggle span:after { top: auto; bottom: -5px;}
  #header.__fixed #nav-toggle.active span:before,
  #header.__fixed #nav-toggle.active span:after {top: 0;}

  .mainbody #bttn-dwn { bottom: 0px;}
  .mainbody #bttn-dwn #dwn { width: 34px; height: 34px; line-height: 34px; border: none; text-decoration: none; }
  .mainbody #bttn-dwn #dwn:before { line-height: 34px;  border: none; text-decoration: none; }

}

@media screen and (max-width:370px){
  #gmap { height: 200px; }
  /* .fblock , .fblock.socials { float: left !important; width: 100%; }
  #specf, .fblock.socials { text-align: left; }
  .select-box { margin-bottom: 5px; } */
  .mobile.istylea.modal-open .loc-nav {position: absolute; padding-top: 60px;}
  .mobile.istylea.modal-open .header-nav.countries-nav { padding-top: 80px;}
  .fc--group-radio > .fc--group {min-width: auto;}
  .block {min-width: 260px;}
}

.error404 #topimg {height: 300px;}
.error404 #footer .container {padding-bottom: 50px}