* { margin: 0; padding: 0; }
html, body.mainbody { height: 100%; }
body.mainbody, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
#maineditor { color: #092c1d; font: 18px 'Roboto', Arial, sans-serif; font-weight: 300; line-height: 1.6;}
body.mainbody, #cont { background-color: #fff; }

a, input, button { outline: none;} /* FF links outline clear */
a:link, a:visited, a:active, a:hover { color: #092c1d; text-decoration: none; }
.content a:hover, #maineditor a:hover { color:#0e8f3c; text-decoration: none; }
.content a, #maineditor a { color:#0e8f3c; text-decoration: underline; }
img, .content a.ext_icon img, .content a:hover.ext_icon img { border: 0; }

h1, h2, h3, h4, h5, h6 { color: #0E8F3C; text-decoration: none; text-transform: uppercase; font-family: 'Roboto Condensed', Arial, sans-serif !important; }
h1, .indexpage h2 { font-size: 38px; margin-bottom: 80px; }
h2 { font-size: 28px; margin-bottom: 30px; color: #777; }
h3 { font-size: 20px; margin-bottom: 20px; color: #a0a0a0;}
input, textarea, select { margin: 0; padding: 0; vertical-align: middle; border: 1px solid #d4d4d4; background-color: #fff; }
input[type='checkbox'],input[type='radio'] { border: none; }
p {margin: 0}

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


.webedit .we-not-show { display: none; }
.webedit .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:1170px;}
.webedit .content { width: 100%; }
.standard_table tr:hover td, .colored_tablen tr:hover td{background-color:#F1F1F1;}
.content {min-height: 600px;}

.slide { padding-top: 90px; padding-bottom: 90px; }
.t_all { -webkit-transition: all .4s; transition: all .4s; }
.ul-nav { display: block; list-style: none; }
.img-container img { width: 100% !important; height: auto !important; }

.bttn-set { padding: 20px 0; }
.bttn, a.bttn { display: inline-block; margin: 0 10px; padding: 10px 28px; font-weight: 400; color: #fff; text-transform: uppercase; background-color: #4d4d4d; }
a.bttn:hover { color: #fff;}
.bttn-set .bttn:first-child { margin-left: 0; }
.bttn-set .bttn:last-child { margin-right: 0; }


/* ===== HEADER ===== */
.header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: #fff;  z-index: 999; }
.desctop-tools { border-bottom: 1px solid #fff; }

.logo { float: left; display: block; padding: 13px 0; }
.logo span { display: block; width: 280px; height: 50px; background: url(../images/logo.png) 0 50% no-repeat; background-size: cover; }
.logo img { display: none; }

#navigation, .langs {
  float: right;  height: 80px;
  margin: 0px !important;
  padding: 0 10px !important;
/*  -webkit-margin-before:0px;
  -webkit-margin-after:0px;
  -webkit-margin-start:0px;
  -webkit-margin-end:0px;
  -webkit-padding-start:0px;*/
}
#navigation li, .langs li, #navigation li a, .langs li a {  display: inline-block; }
.webedit #navigation li, .webedit .langs li { float: left; }
/* ===== NAVIGATION ===== */
#navigation li { }
#navigation li a { padding: 0 7px; height: 80px; line-height: 80px; font-size: 20px; text-transform: uppercase; font-weight: 400; font-family: 'Roboto Condensed', Arial, sans-serif; border-bottom: 5px solid #fff; box-sizing: padding-box; }
#navigation li.cur a { border-bottom: 5px solid #777; }
/* ===== LANGS ===== */
.langs { background-color: #f5f5f5; }
.langs a span { display: none; }
.langs li { padding: 0 5px; margin: 0 4px; width: 30px; }
.langs li a { width: 20px; height: 80px; line-height: 80px; background:  url(../images/langs.png) 0 50% no-repeat; }
.langs li.eng a { background-position: -30px 50%; }
.langs li.est a { background-position: -90px 50%; }
.langs li.rus a { background-position: -60px 50%; }
.langs li.ger a { background-position: 0 50%; }
.langs li.fin a { background-position: -120px 50%; }

/* ===== TOP_IMG ===== */
#top-img { height: 400px; background-color: #F5F5F5; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; /*background-attachment: fixed;*/ }

.leftside { padding-top: 30px; }
/* ===== SUBNAV ===== */
.subnav { display: block;  position: absolute; top: 20px; /*padding-left: 20px; */ border-left: 1px solid #dedede }
.subnav li, .subnav a {display: block; position: relative;}

.subnav a:before { display: inline-block; content: ''; position: absolute; border-radius:50%; border: 1px solid #dedede; background-color: #fff;}
.subnav > li > a:before { margin-left: -28px; width: 15px; height: 15px; }
.subnav > li:first-child a:before { }
.subnav ul > li a:before {  top: 18px; margin-left: -24px; width: 8px; height: 8px; }
.subnav a.cur:before, .subnav a:hover:before { background-color: #777; border-color: #777 }


.subnav a { display: inline-block; padding: 13px 0; padding-left: 20px; font-size: 18px; line-height: 1.0; text-transform: uppercase; font-family: 'Roboto Condensed', Arial, sans-serif;}
.subnav > li > a { font-size: 18px; padding-left: 20px; }
.subnav > li:first-child > a { padding-top: 0px; }
.subnav > li:last-child > a { padding-bottom: 0px; }
.subnav ul { padding: 10px 0 10px 20px; }
.subnav ul ul { padding: 10px 0 10px 20px; }
.subnav ul ul a { padding-top: 8px; padding-bottom: 8px; text-transform: none; font-size: 16px; }
.subnav ul ul a:before { top: 12px }

/* ===== Indexpage ===== */
/* blocks */
.block-big {  }
.block-small { background-color: #eaeaea; }
.block-img { position: relative; height: 280px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.block-small .block-img { height: 160px; }
.block-img span { display: inline-block; position: absolute; left: 0; bottom: -4px; height: 8px; width: 100px; }
.block-small .block-img span  { bottom: -3px; height: 6px; width: 60px; }
.block-big h4 { padding: 30px 0; font-size: 38px; }
.block-small h4 { padding: 25px 0; font-size: 24px; color: #636363; }
.block-cont {  position: relative; overflow: hidden;}
.block-big .block-cont { height: 105px; }
.block-small .block-cont { height: 207px; }
.block-small .block-cont, .block-small .block-cont * { color: #555; font-weight: 300; font-size: 16px; }
.block-cont span.grad { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; opacity: 0.8; background: linear-gradient(0deg, white, transparent 60%) }
.block-small .block-cont span.grad { background: linear-gradient(0deg, #eaeaea, transparent 60%) }
.block-big .bttn-set { padding-top: 40px; }
.block-small .bttn-set { padding-top: 40px; }
.block-big a.bttn { background-color: #777; }

/* ABOUT */
.about { position: relative; /* background: #0099CC; background: linear-gradient(180deg, #3f72b8, #c6dced 80%);*/ }
.about * { color: #fff; }
.about .container { position: relative; z-index:99}
.cloud, .seagul, .sea { position: absolute; }
.seagul { top: -110px; left: 80; width: 181px; height: 196px; background:  url(../images/seagul.png) 50% 50%  no-repeat; z-index: 110 }
.cloud { bottom: 100px; left: -160px; width: 622px; height: 356px; background:  url(../images/cloud.png) 50% 50%  no-repeat; z-index: 100 }
/* .sea { bottom: 0; left: 0; width: 100%; height: 87px; background:  url(../images/sea.jpg) 50% 50%  no-repeat; background-size: cover; }*/
.sea {top:0; left:0; width: 100%; height: 100%; background: rgba(1, 101, 164, 0.4)}
.about h1 { font-size: 60px; }
.about .content { min-height: 600px; padding-bottom: 100px; overflow-x: hidden; }


/* ===== GOOGLE MAP ===== */
#gmap, #map-canvas { width: 100%; height: 700px; position: relative; z-index: 510 }
.gm-style-iw { top:24px !important; background: none; }
.infoWindow { padding-bottom: 20px; width: 100%; min-width: 230px; min-height:40px; background-color: #fff; }
.infoWindow-topimg { width: 100%; height: 100px; background-size: cover; }
.infoWindow-title {padding: 20px; color: #0E8F3C; font-weight: 600; text-transform: uppercase; font-family: 'Roboto Condensed', Arial, sans-serif !important; }
.infoWindow p { padding: 0 20px; font-size: 16px;  line-height: 1.2; }
.infoWindow p a { color: #0E8F3C; text-decoration: underline }

#quick-links { position: relative; background-color: #fff; z-index: 700; }
#quick-links .alt-nav { position: relative; min-height: 200px; }
#quick-links .alt-nav > li { display: block; }
#quick-links .alt-nav > li > a {
  display: block; padding-left: 30px;
  font-weight: 400; line-height: 34px;
  background: url(../images/ql_arrow.png) 0 50% no-repeat;
}
#quick-links .alt-nav li.alt-nav-title a { padding-left: 0px; background: none }
#quick-links span.line { position: absolute; bottom: 0; left: 15px; width: 60px; height: 1px; line-height: 1px; background-color: #0E8F3C; }
.webedit #quick-links .alt-nav { float: left; width: 25%; }

/* ===== INNER PAGE ===== */
#innercont { padding-top: 180px; background-color: #fff; }
.scrollmagic-pin-spacer #top-img { z-index: 10; }
.scrollmagic-pin-spacer + #innercont { position: relative; padding-top: 80px; z-index: 500; }

.innerpage.bttn, .innerpage a.bttn {
    margin-left: 0;
}
.innerpage a.bttn {
    background-color: #777;
}
.innerpage.bttn, .innerpage a.bttn {
	text-decoration: none;
}


/* ===== ScrollToTop ===== */
.scrolltop {
  position: fixed; bottom: 20px; right: 20px;
  display: none; width: 30px; height: 30px;
  background: #e0e0e0 url(../images/ql_arrow.png) 50% 50% no-repeat;
  border-radius: 50%;
  transform:rotate(-90deg);
  z-index: 990;
}
.scrolltop span { display: none; }

/* ===== FOOTER ===== */
#footer { position: relative; height: 120px; background-color: #f0f0f0; z-index: 550; }
#footer .logo { padding-top: 33px;/* height: 120px; */}
#footer .logo span {background: url(../images/footer-logo.png) 0 50% no-repeat;}
#footer p, #footer p span { line-height: 120px; margin: 0; text-align: right; font-size: 16px !important; }


/* ===== mobile-hamburger ===== */
.mobile-hamburger {
  display: none; float: right; position: relative;
  overflow: hidden;
  margin: 0; padding: 0; width: 50px; height: 80px;
  font-size: 0; text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none; border: none;
  cursor: pointer;
  transition: height 0.3s;
}
.mobile-hamburger:focus {outline: none;}
.mobile-hamburger span {
  display: block;height: 3px;
  position: absolute; top: 38px; left: 20px; right: 0px;
  background: #777;
}
.mobile-hamburger span::before,
.mobile-hamburger span::after {
  content: "";
  display: block; width: 100%; height: 3px;
  position: absolute; left: 0;
  background-color: #777;
}
.mobile-hamburger span::before {top: -10px;}
.mobile-hamburger span::after {bottom: -10px;}
.mobile-hamburger--htx {background-color: transparent;}
.mobile-hamburger--htx span {transition: background 0s 0.3s;}
.mobile-hamburger--htx span::before,
.mobile-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.mobile-hamburger--htx span::before {transition-property: top, transform;}
.mobile-hamburger--htx span::after {transition-property: bottom, transform;}

/* active state, i.e. menu open */
.is-active .mobile-hamburger--htx{background-color: #fff;}
.is-active .mobile-hamburger--htx span {background: none;}
.is-active .mobile-hamburger--htx span::before {top: 0; transform: rotate(45deg);}
.is-active .mobile-hamburger--htx span::after {bottom: 0; transform: rotate(-45deg);}
.is-active .mobile-hamburger--htx span::before,
.is-active .mobile-hamburger--htx span::after {transition-delay: 0s, 0.3s;}

/* ===== FIXED ===== */
.__fixed .header { height: 60px; }
.__fixed .desctop-tools, .innerpage .desctop-tools { border-bottom: 1px solid #eaeaea; }
.__fixed .header .logo { padding: 8px 0; }
.__fixed .header .logo span {  width: 235px; height: 42px; line-height: 42px; background-size: cover; }
.__fixed #navigation,.__fixed .langs,
.__fixed #navigation li a,.__fixed .langs li a { height: 60px; line-height: 60px; }
.__fixed .mobile-hamburger { height: 59px; }
.__fixed .mobile-hamburger span { top: 28px; }

/* ===== MOBIE  ===== */
.header.is-active { /*height: 100%;*/ }
.mobile-tools { display: none; position: relative; /* overflow: hidden;*/  }
.mobile-tools .container { position: relative; /*height: 100%;*/ }
.mobile-langs.langs { display: none; float: none; position: absolute; top: 0; left: 0; width: 100%; height: 60px; line-height: 60px; text-align: center; }
.mobile-langs.langs li a { height: 60px; line-height: 60px; }

#mobile-navigation { position: absolute; top: 0; right: 20px; /* height: calc(100% - 160px); */ padding: 60px 40px; background-color: #F5F5F5;  z-index: 999 }
/*#mobile-navigation ul ul { padding-right: 40px; }
#mobile-navigation > ul > ul { padding-right: 10px; }*/
#mobile-navigation a:hover { }
#mobile-navigation li, #mobile-navigation a { display: block; }

#mobile-navigation a { margin-bottom: 1px; }
#mobile-navigation > ul > li {  }

#mobile-navigation ul ul ul ul > li > a { padding-left: 120px; font-size: 16px; line-height: 24px; }
#mobile-navigation > ul > li > ul > li > ul > li > a { padding-left: 90px; font-size: 18px; line-height: 30px; }
#mobile-navigation > ul > li > ul > li > a { padding-left: 60px; font-size: 26px; line-height: 46px; }
#mobile-navigation > ul > li > a { padding-left: 30px; font-size: 30px; line-height: 60px; text-transform: uppercase; }
#mobile-navigation li.cur > a { color: #777; }

/* ===== MANN WESSEL TRACK editor ===== */
table.gtbl { margin: 10px  0; /*width: 100%;*/ border-collapse: collapse; }
table.gtbl th { padding: 4px 5px; background-color: #E8E8E8; font-weight: bold; text-align: center; vertical-align: middle; }
table.gtbl tr td { padding: 4px 5px; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #fff; }
table.gtbl tr:hover { background-color: #FAFAFA; }
table.gtbl tr td input { padding: 4px; border:1px solid #f0f0f0; background-color: #fafafa; }
table.gtbl input.is-error  { border-color: #CC3300 }
table.gtbl input.biginp { width: 300px; }
.hover { cursor: pointer !important; }
.content button { padding: 6px 8px; width: 90px; color: #fff; text-align: center; border: 1px solid #fff; background-color: #666666;}
.content button:hover { color:#fff; background-color: #4d4d4d;}
button#mobile-hamburger:hover { background-color: #fff;}
.content button.del:hover { background-color: #CC3300; }
.content button.approve { margin: 10px 0; padding: 8px 14px; width: auto; font-weight: bold; text-transform: uppercase; background-color: #347F59; }


@media screen and (max-width: 3200px){
  #navigation { display: none; }
  #mobile-hamburger { display: block; }
  table.transparent_table.table_img { display: block; width: 100%; }
/*   table.transparent_table.table_img td { display: inline-block; width: 25%; } */
  table.transparent_table.table_img td img { width: 100% !important; height: auto !important; }
}

@media screen and (max-width: 1200px){
    table.transparent_table.table_img { display: block; width: 100%; }
/*    table.transparent_table.table_img td { display: inline-block; width: 25%; } */
    table.transparent_table.table_img td img { width: 100% !important; height: auto !important; }
}

@media screen and (max-width: 1025px){
  .slogan { line-height: 1em; }
  .about .content { min-height: 300px; }
  .cloud { bottom: 40px; }
  .slick-dots { bottom: 20px; }
}


@media screen and (max-width: 769px){
  .block-big a.bttn { float: none; margin: 0; margin-right: 20px; margin-bottom: 10px; }
  .indxblock { margin-bottom: 40px; }
  #innercont { padding-top: 100px; }
  .innerpage h1 { margin-bottom: 60px; }
}

@media screen and (max-width: 760px){
  .seagul { left: auto; right: 60px; width: 150px; height: 140px; background-size: contain; }
  .cloud { bottom: 40px; left: auto; width: 90%; height: 100%; background-size: contain; }
  #gmap, #map-canvas { height: 300px; }
  #quick-links .alt-nav { min-height: 10px; height: auto; padding-bottom: 20px; }
}
@media screen and
  (max-width: 800px)
  and (orientation: landscape) {
  .slogan { font-size: 34px; }
  .slick-dots { bottom: 4px; }
  .topcarousel-button { display: none !important; }
  #mobile-navigation { overflow: auto; }
}
@media screen and (max-width: 600px){
  .langs { display: none; }
  .mobile-langs.langs { display: block; }
  #mobile-navigation { top: 60px; overflow: auto; }
}
@media screen and (max-width: 500px){
  .header { height: 60px; }
  .header .logo { padding: 8px 0; }
  .header .logo span {  width: 235px; height: 42px; line-height: 42px; background-size: cover; }
  .mobile-hamburger { height: 59px; }
  .mobile-hamburger span { top: 28px; }

#mobile-navigation { right: auto; }
#mobile-navigation ul ul ul ul > li > a { padding-left: 80px; font-size: 14px; line-height: 30px; }
#mobile-navigation > ul > li > ul > li > ul > li > a { padding-left: 60px; font-size: 16px; line-height: 30px; }
#mobile-navigation > ul > li > ul > li > a { padding-left: 40px; font-size: 22px; line-height: 36px; }
#mobile-navigation > ul > li > a { padding-left: 20px; font-size: 26px; line-height: 40px; text-transform: uppercase; }

  .slogan { font-size: 34px; }
  .indxblock:last-child { margin-bottom: 0px; }
  .slick-dots { bottom: 10px; }


  table.transparent_table.table_img td { display: inline-block; width: 50%; }
  .edss { display: inline-block; width: 40px; height: 120px; background: url(../images/edss-w18x13.png) 50% 50% no-repeat; }
  .edss span { display: none; }
}
@media screen and (max-width: 340px){
  #mobile-navigation { left:0px; }
}