/* roboto-100 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-ext_latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-v18-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v18-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

* { margin: 0; padding: 0; outline: none; box-sizing: border-box;}
html, body.mainbody { height: 100%; }
body.mainbody, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
#maineditor { color: #464444; font: 15px 'Roboto', Arial, Helvetica, sans-serif; line-height: 22px; }
body.mainbody {position: relative;}

a:link, a:visited, a:active, #content a:hover, #maineditor a:hover { color: #464444; text-decoration: underline; }
a:hover, .content a, #maineditor a{color:#000; text-decoration: underline;}
img, .content a.ext_icon img, .content a:hover.ext_icon img { border: 0; }
h1, h2, h3, h4, h5, h6 { color: #364458; text-decoration: none; }

h2 { margin-bottom: 24px; font-size: 20px; font-weight: 400; }
h3 { margin-bottom: 24px; font-size: 20px; font-weight: 400; }

p {padding: 0 0 20px;}

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; }

/* 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; }

.we--div-row {display: flex}
a.not-link, a:hover.not-link, a[data-href] {text-decoration: none; cursor: pointer;}
/* ====== Standart forms ======== */
.weform table td { padding: 2px 4px; }
.weform input { padding: 2px; }
.weform .btn input { font-size: 14px; font-weight: bold; padding: 5px 20px; border: none; background: none; background-color: #8B755B; color: #fff;}
span.we--form-err_msg {color: #CC0000;}
span.we--form-err_field {  }
span.we--form-err_uplfile {  }
.fbstar { color: #CC0000; } /* for feedback stars */
.btn input { font-size: 14px; font-weight: bold; padding: 5px 20px; border: none; background: none; background-color: #ae004b; color: #fff;}
/* ========================================================================== */
.preloader {
  position: fixed; top:0; left:0;
  width: 100%; height: 100vh;
  background-color: #21578a; opacity: 0.9;
  z-index: 9999999;
}

.preloader img {
  display: block; width: 100px; margin: -50px -50px 0 0;
  position: absolute; top:50%; right:50%;
}
.preloader img.svg-loader {
  width: 200px; margin: -100px -100px 0 0;
  -webkit-animation: svg-loader 1s linear infinite;
  animation: svg-loader 1s linear infinite;
}

@-webkit-keyframes svg-loader {
  from {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }
  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes svg-loader {
  from {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }
  to {
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}









.slide { margin: 0 auto; width: 100%; }
.slide.full { height: 100%; }
.webedit .slide.full { height: auto; }

.container { position: relative; margin: 0 auto; padding: 120px 2% 80px; width: 100%; max-width: 1200px;}
#s2 .container, #s3 .container, #gall .container, #footer .container {padding-top: 80px}
.flex-box {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.half {width: 49%}
.hide {display: none;}

/* ===== HEADER ===== */
#header {
  position: absolute; top: 0; left: 0; width: 100%;
  background-color: transparent;
  overflow: visible; z-index: 9990;
  transition: all 1s ease-in-out; }

  #header._fixed, .show_nav #header, .innerpage #header {position: fixed; background-color: #002c55;}
  .webedit #header {position: relative; transition: none; background-color: #002c55;}

  #header .container {
    padding-top: 20px; padding-bottom: 10px;
    display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
    z-index: 1000; transition: all 1s;}
  #header._fixed .container {padding-top: 10px;}
  .webedit #header .container {display: block; transition: none;}


  #header .logo {width: 0px; height: 0px;}
  #header._fixed .logo, .show_nav #header .logo { width: 200px; height: 35px;}
    .logo img {display: block; position: relative; overflow: hidden; height: 400px; transition: width 1.5s, height 0.1s, opacity 0.5s .5s;}
      .logo img.up {width: 140px; height: 140px; top:0; left:0; opacity:1; visibility: visible; }
      .logo img.dwn {width: 0px; height: 35px; top:-50px; left:0; opacity:0; visibility: hidden; }

      /* .show_nav .logo img.up, #header._fixed .logo img.up {top:0; width:0; height:0; opacity:0; visibility: hidden;} */
      .show_nav .logo img.dwn, #header._fixed .logo img.dwn {top:0; width: 200px; opacity: 1; visibility: visible;}
      .webedit #header .logo img.up, .webedit #header .logo img.dwn {display: none;}
      .webedit #header .logo img.forEditor {display: block; float: left; width: auto; height: 35px;}

  .header-tools {display: flex; width: 100%; justify-content: space-between; align-items: center;}
  .webedit #header._fixed .header-tools {display: block; float: right; width: auto;}
    .langs {display: flex; margin: 0 0 0 10px; list-style-type: none; padding-right: 30px; /*padding-left: 30px;  border-left: 1px solid #fff;*/}
    .webedit #header._fixed .langs {display: block; width: auto; float: right;}
    #header._fixed .langs {display: none;}
      .langs li, .langs a {display: inline-block;}
      .langs a {
        padding: 0 10px;
        color:#fff; text-decoration: none;
        text-transform: uppercase; line-height: 40px;
        border-radius: 50%;}
      .langs li.curr a {text-decoration: none; background-color: #6da5dc;}

  .mobile-menu-trigger {display: none; position: relative; margin: 0; width: 40px; cursor:pointer;}
    .mobile-menu-trigger span {
      display: block; position: relative;
      margin: 5px 0; width: 33px; height: 3px;
      top:0;
      background-color: #fff;
      transform: rotate(0);
      transform-origin: 50% 50%;
      transition: all .28s ease-in;
    }
    .mobile-menu-trigger.active span {
      transform-origin: 50% 50%;
      transition: all .28s;
      transition-timing-function: ease-out;
    }
    .mobile-menu-trigger.active span:nth-child(1) {top:9px; transform: rotate(45deg)}
    .mobile-menu-trigger.active span:nth-child(2) {opacity: 0;}
    .mobile-menu-trigger.active span:nth-child(3) {top:-7px; transform: rotate(-45deg)}

  .navigation {
      /* position: absolute; top:0; left:0; width: 100%; height: 0; max-height: 0; */
      display: flex; justify-content: flex-start; align-items: center;
      width: 100%;
      line-height: normal;
      overflow: hidden; z-index: 400;
      text-align: center;}
    .webedit #header._fixed .navigation {display: block; width: auto; float: left;}
    .navigation *, .navigation a {display: inline-block; color: #fff; font-size: 16px; font-weight: 400; line-height: 40px; text-decoration: none;}
    .navigation a {padding: 0 30px 0 0;}
    #header._fixed .navigation {justify-content: flex-end;}
    #header._fixed .navigation > div, #header._fixed .navigation a:last-child {padding-right: 0px;}
    /* .show_nav .navigation {height: 100vh; max-height: 100vh; } */
    .navigation > div {position: relative; padding: 0px; z-index: 400;}
    /* .show_nav .navigation > div {opacity: 1; visibility: visible; } */


/* ===== TOP ===== */
.anim {animation: slideToUp 2s 1s forwards;}
#top {
  position: relative;
  background: #21578a url(../images/top/1.jpg) 50% 50% no-repeat;
  background-size: cover;}
  .webedit #top {display: none;}
  #top .top-carousel {
    position: absolute; top:0; left:0;
    width: 100%;}
    #top .top-carousel div {
      width: 100%; height: 100vh;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;}
  #top .top-shadow {
    position: absolute; top:0; left:0;
    width: 100%; height: 100vh;
    /*background-color: rgba(0, 44, 85, 0.0);*/
	pointer-events: none;
	}
    #top .container {
      display: flex; flex-direction: column; justify-content: space-between; padding-top: 80px;pointer-events: none;
      height: 100vh;}
      #slogan {
        opacity: 0; display: flex; align-items: center;
        position: relative;
        min-height: 120px;
        margin-top: 5%;
        /* animation: slideToUp 2s 1s forwards; */
      }
        #slogan div {
          color: #fff;
          font-size: 80px;
          line-height: 90px;
          font-weight: 900;
          text-transform: uppercase; }
        #slogan img {display: block; margin-right: 30px; width: 130px; height: 130px;}
        #slogan span {
          display: block;
          color: #97c4f1;
          font-size: 20px;
          font-weight: 500;
          text-transform: uppercase;}
      .moblogo {display: none;}
      .weather {
        opacity: 0;
        display: flex; flex-wrap: nowrap; min-height: 80px; 
		position: absolute; left:20px; bottom: 17%;
        /*position: relative;
        display: flex; flex-wrap: nowrap;
        min-height: 80px; margin-bottom: 10%;
        animation: slideToUp 2s 1.5s forwards; */
      }
        .weather * {color: #fff}
        .weather-data {
          margin: 0 1px; padding: 10px 15px;
          background-color: rgba(0,0,0,0.4)}
        .weather-data--label { margin-bottom: 6px; font-size: 14px; font-weight: 500;}
        .weather-data--label span, .weather-data--label sup {display: inline-block; color: #f9b000; text-align: right;}
        /* .weather-data--label img {transform: rotate(0deg)} */
        #windspeed .weather-data--label {margin-top: -6px;}
        .weather-data--text sup {font-size: 12px; line-height: 12px;}
        .weather-data--text * {font-weight: 300; font-size: 26px}
        .weather p {
          position: absolute; left: 0; bottom: -40px;
          padding: 0 0 0 20px;
          color: #fff; font-size: 10px; line-height: 10px;
          border-left: 2px solid #f9b000; }
          .weather p span {color: #fff; font-size: 10px; line-height: 10px;}
      #next {position: absolute; left: 0; bottom: 20px; width: 100%; height: 32px; text-align: center;}
	  #refec {opacity: 0;position: absolute; right:20px; bottom: 10%; width: 179px; height: 159px;  /* background-color: rgba(255, 255, 255, 0.6); padding:20px; */}
     .webedit .refec {display: none;}
     .refec {display: block; width: 179px; height: 159px; background: url(../images/refec.png) 50% 50% no-repeat;}



.numbers {
  position: absolute; top: -80px; left: 315px; height: 80px; overflow-y: hidden;
  color: #f3f3f3; font-size: 110px; line-height: 110px; font-weight: 500; z-index: 2;
}
.webedit .numbers {display: none;}
.wrapp {display: flex; flex-wrap: nowrap; width: 100%; position: relative; z-index: 2}
.webedit .wrapp {display: block;}
.leftside {margin-right: 20px; width: 280px; min-width: 280px; text-align: center;}
.webedit .leftside {display: none;}
.webedit .rightside {width: 100%}
hr.div-line {margin: 26px auto 0; width: 190px; border: none; border-top: 1px solid #6da5dc;}


.header-pictures {
  position: relative;
  display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row;
  margin-bottom: 78px; width: 100%; z-index: 10;
}
.header-pictures.video, .header-pictures.video2, .header-pictures.video3, .header-pictures.video4 {margin: 30px 0 50px 0;}
.webedit .header-pictures {display: none}
  .header-pictures span, .header-pictures.video a, .header-pictures.video2 a, .header-pictures.video2 .left-carousel-wrap {
    position: relative; z-index: 10;
    display: block; height: 280px;
    background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
  }
  .header-pictures span.header_pic1, .header-pictures.video a:nth-child(1), .header-pictures.video2 a {width: calc(100% - 260px); margin-right: 20px;}
  .header-pictures span.header_pic2, .header-pictures.video a:nth-child(2), .header-pictures.video2 .left-carousel-wrap, .header-pictures.video3 .left-carousel-wrap, .header-pictures.video4 .left-carousel-wrap {width: 280px; min-width: 280px; }

    #s1 .header-pictures span.header_pic1 {background-image: url(../images/pictures/s11.jpg)}
    #s1 .header-pictures span.header_pic2 {background-image: url(../images/pictures/s12.jpg)}

    .header-pictures.video a::before, .header-pictures.video2 a::before, .header-pictures.video3 a::before, .header-pictures.video4 a::before {display: block; content: ''; position: absolute; top: 42%; left: 50%; margin-left: -25px; background-repeat: no-repeat; background-position: 50% 50%;}
    .header-pictures.video a:nth-child(1)::before, .header-pictures.video2 a::before, .header-pictures.video3 a::before, .header-pictures.video4 a::before {width: 50px; height: 45px; background-image: url(../images/youtube.svg)}
    .header-pictures.video a:nth-child(2)::before {width: 50px; height: 50px; background-image: url(../images/streetview.svg)}
      #s1 .header-pictures.video a:nth-child(1) {background-image: url(../images/video.jpg)}
      #s1 .header-pictures.video a:nth-child(2) {background-image: url(../images/pano.jpg)}
      #s1 .header-pictures.video2 a {background-image: url(../images/video2.jpg)}
      #s1 .header-pictures.video3 a {
		  width: calc(100% - 260px); 
          position: relative; z-index: 10;
          display: block; height: 280px;
          background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
 	      background-image: url(../images/video3.jpg)
	  }
      #s1 .header-pictures.video4 a {
		  width: calc(100% - 260px); 
          position: relative; z-index: 10;
          display: block; height: 280px;
          background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
 	      background-image: url(../images/video4.jpg)
	  }

    #s4 .header-pictures span.header_pic1 {background-image: url(../images/pictures/s42.jpg);}
    #s4 .header-pictures span.header_pic2 {background-image: url(../images/pictures/s41.jpg)}
    #s5 .header-pictures span.header_pic1 {background-image: url(../images/pictures/s51.jpg)}
    #s5 .header-pictures span.header_pic2 {background-image: url(../images/pictures/s52.jpg)}

    #s5 .header-pictures span.header_pic1 {width: calc(100% - 170px);}
    #s5 .header-pictures span.header_pic2 {width: 190px; min-width: 190px;}

    .header-pictures.video, .header-pictures.video2, .header-pictures.video3, .header-pictures.video4, #s4 .header-pictures {flex-direction: row-reverse;}
    .header-pictures.video a:nth-child(1), .header-pictures.video2 a, .header-pictures.video3 a, .header-pictures.video4 a, #s4 .header-pictures span.header_pic1 {margin-right: 0px;margin-left: 20px;}

	.header-pictures.video3 .left-carousel-wrap {
		padding:0;
		background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
		background-image: url(../images/pictures/s13.jpg)
	}
	.header-pictures.video4 .left-carousel-wrap {
		padding:0;
		background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
		background-image: url(../images/pictures/s14.jpg)
	}
/* SLIDE 1 */
.s11 .leftside hr {margin-bottom: 160px;}
#video-img {
  display: flex; justify-content: center; align-items: center;
  position: relative; margin: 60px 0; height: 310px; background: url(../images/video.jpg) 50% 50% no-repeat; background-size: cover;
  display: none;
}
#video-img img {display: block; width: 45px; height: 45px; }
.mfp-bg {z-index: 9992 !important;}
.mfp-wrap {z-index: 9994 !important;}

.mfp-iframe-holder .mfp-content {max-width: 1200px; }
.pano .mfp-iframe-holder.mfp-container {padding: 0;}
.pano .mfp-iframe-holder.mfp-container:before {display: none; height: 100%;}
.pano .mfp-iframe-holder .mfp-content {max-width: none; height: 100%;}
.pano .mfp-iframe-holder .mfp-iframe-scaler {height: 100%; padding: 0;}
/* .mfp-iframe-holder.mfp-container .mfp-close {top: 40px; right: 20px; } */
.pano .mfp-iframe-holder.mfp-container .mfp-close {top: 6px; right: 10px; }
.pano .mfp-iframe-holder .mfp-iframe-scaler iframe {
  width: 100vw;
  height: 100vh;
}

.left-carousel-wrap {background-color: #f3f3f3; padding-top:40px; text-align: center;}
.left-carousel{ margin: 0 auto; width: 160px; }
.left-carousel p {padding:0}
.left-carousel span {display: block; margin: 10px 0; font-size: 34px; height: auto; line-height: 40px; font-weight: 300; text-align: center}

/* SLIDE 2 - Services  */
#s2 {background-color: #f3f3f3;}
/* #s2 .container {overflow-x: hidden;} */
h5.subtitle {margin-bottom: 30px; font-size: 26px; font-weight: 400;}
.service {width: 100%; overflow: hidden;}
.service > div {padding: 0 0 50px; display: flex; justify-content: space-between; align-items: flex-start; animation: slideToLeft 2s 0.5s forwards; }
.webedit .service div {display: block;}
.service:nth-child(2n) > div {flex-direction: row-reverse; animation: slideToRight 2s 0.9s forwards;}
.service-img, .service-text {display: block; min-width: 48%;}
.service-img {position: relative; height: 280px; background-color: #4671a8; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.service-img a {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.service-img span {display: none;}
.service-text {padding: 40px 35px 0 72px; }
.service-text .content {
  max-height: 500px; overflow: hidden;
  transition: all 2s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) }
  .service-text .content.shown {max-height: 500px; /*auto*/}
  .readmore {display: inline-block; padding-right: 60px; margin-top: 60px; background: url(../images/arrow.png) 100% 50% no-repeat; transition: margin 1s 0.5s}
  .service-text .content.shown + .readmore {margin-top: 20px; transition: margin 1s 1s}
  .readmore span {color: #6da5dc;}
  .readmore span:nth-child(2),
  .service-text .content.shown + .readmore span:nth-child(1) {opacity: 0; display: none; transition: 1.5s 0.5s;}
  .readmore span:nth-child(1),
  .service-text .content.shown + .readmore span:nth-child(2) {opacity: 1; display: inline; transition: 1s 0.5s;}

  .readmore:hover {color: #456094; text-decoration: none; cursor: pointer;}

/* SLIDE3*/
/* linear-gradient(to top, rgba(72, 98, 150, 0) 0%, #486296 80%, #486296 100%), */
#s3 {
  background: #4671a8 url(../images/ship.jpg) 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto}
  #s3 * {color: #fff;}
  #s3 .container {padding-bottom: 360px;}
  #s3 .content ul {list-style-image: url(../images/pdf_w.png);}

/* SLIDE4 */
#s4 {background-color: #f3f3f3;}
#s4 .numbers {color: #fff;}
#s1 .content ul, #s2 .content ul, #s4 .content ul {list-style-image: url(../images/pdf_b.png);}

/* SLIDE5 - People */
#s5 .rightside {width: 100%;}
#s5 .content {display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end;}
#s5 .content strong {display: inline-block; margin-bottom: 10px; color: #6da5dc; font-weight: 400; font-size: 18px;}
#s5 .content h3 {display: inline-block; margin-bottom: 10px; color: #6da5dc; font-weight: 600; font-size: 18px;}
#s5 .content p { display: block; margin-bottom: 20px; min-width: 40%;}
#s5 .transparent_table {display: block;}
#s5 .transparent_table td { padding-right: 20px}
/* #def-contacts {padding-top: 70px; text-align: left !important} */

#gall { padding-bottom: 140px; background-color: #f3f3f3;}
#gall .container {padding-bottom: 0px;}
.gallery-list {overflow: hidden;}
.gall-itm {
  display: block; height: 400px; margin: 0 2px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.slick-arrow {
  display: block; width: 40px; height: 40px;
  position: absolute; top: 50%; margin-top: -20px;
  background: #4671a8 url(../images/next.png) 50% 50% no-repeat;
  border-radius: 50%;
  border: none; cursor: pointer;
  opacity: 0.8; text-indent: 99999px;
  z-index: 990;
}
.slick-prev {left: 20px; transform: rotate(90deg)}
.slick-next {right:20px; transform: rotate(-90deg)}


.title { padding-bottom: 40px; }
.title h1, h4.title, #edmheaderspan {
  color: #364458;
  font-size: 44px;
  line-height: 50px;
  font-weight: 300;
}
.webedit .content { min-height: 300px; height: auto !important; height: 300px; he\ight: 300px; }

/* ===== FOOTER ===== */
#footer {
  position: relative; z-index: 10;
  background: #6da5dc url(../images/footer.jpg);
  background-position: 50% 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;}

  #footer .numbers {color: #fff;}
  #footer h4 {color: #fff;}
  #footer hr {border-top-color: #fff;}
  .form-feedback .rightside {width: 100%;}
  .form-group {margin-bottom: 40px; width: 100%;}
  label {display: block; margin-bottom: 10px; color: #fff;}
  input, textarea {padding: 14px 20px; width: 100%; max-width: 540px; font-size: 16px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.6);}
  #form-bttn {
    padding: 16px 60px;
    border: none;
    background: none;
    background-color: #456094;
	  border-radius: 4px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
  }
  .wrong-inp label {color: #ae004b}
  .wrong-inp input {border: 1px solid #ae004b; background-color: rgba(174, 0, 75, 0.1)}

  #contact-form input[placeholder]::-webkit-input-placeholder {color:#fff;}
  #contact-form input[placeholder]::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
  #contact-form input[placeholder]:-moz-placeholder           {color:#fff;}/* Firefox 18- */
  #contact-form input[placeholder]:-ms-input-placeholder      {color:#fff;}
  #contact-form textarea[placeholder]::-webkit-input-placeholder {color:#fff;}
  #contact-form textarea[placeholder]::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
  #contact-form textarea[placeholder]:-moz-placeholder           {color:#fff;}/* Firefox 18- */
  #contact-form textarea[placeholder]:-ms-input-placeholder      {color:#fff;}

  #success {
    position: absolute; top:50%; left:0;
    padding: 40px; width: 100%; height: 0; opacity: 0;
    display: flex; justify-content: center; align-items: center;
    background-color: rgba(0, 44, 85, 0.705);
    transition: all 1s;
    }
  #success p {color: #fff; font-size: 1.8em; text-align: center;}
  #success.sending {top:0; height: 100%; opacity: 1;}

#footer-data {background-color: rgba(255, 255, 255, 0.8);}
.webedit #footer-data {background-color: #f3f3f3;}
#footer-data .container {padding: 30px 2%; justify-content: space-between; align-items: center}

#def-contacts {width: 100%;}
#def-contacts h3 {margin-bottom: 10px; color: #002c55; font-weight: 400; font-size: 16px;}
#def-contacts .transparent_table {display: table;}
#def-contacts .transparent_table td {padding: 0 40px 0 0}
#def-contacts .transparent_table td, #def-contacts .transparent_table td p {font-size: 14px;}

#edss {margin-left: 20px; display: block; width: 170px; height: 70px; background: url(../images/ISO9001.png) 0 50% no-repeat; }
#edss span { display: none; }

.clouds {
  width: 1200px; height: 400px;
  position: absolute; left: -700px; bottom: 600px;
  background: url(../images/clouds.png) 100% 100% no-repeat;
  animation: slideToRight 4s 1.5s forwards;
  z-index: 1;
}
.seagull {
  top: 200px;
  left: -50px;
  width: 285px; height: 208px;
  position: absolute;
  background: url(../images/seagull.png) 0 0 no-repeat; background-size: contain;
  /* animation: slideToLeft 1s 0.5s forwards; */
  z-index: 1;
}
#totop {
  display: none; width: 40px; height: 40px; padding-top: 4px;
  position: fixed; right: 20px; bottom: 20px;
  border-radius: 50%; background-color: #4671a8;
  text-align: center; vertical-align: middle;
  z-index: 999; opacity: 0.8;
  }
  #totop img {transform: rotate(180deg);}

.wow { opacity: 0; animation-fill-mode: forwards;}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

@keyframes fade {
  from
    {opacity: 0}
  to
    {opacity: 1}}
@keyframes fadeOut {
  from
    {opacity: 1}
  to
    {opacity: 0}}
@keyframes slideToLeft {
  from
    {transform: translate3d(180px, 0, 0)}
  10%
    {opacity: 1}
  to
    {opacity: 1;
    transform: translate3d(0, 0, 0)}}
@keyframes slideToRight {
  from
    {transform: translate3d(-180px, 0, 0)}
  10%
    {opacity: 1}
  to
    {opacity: 1;
    transform: translate3d(0, 0, 0)}}
@keyframes slideToUp {
  from
    {opacity: 0;
    transform: translate3d(0, 80px, 0)}
  to
    {opacity: 1;
    transform: translate3d(0, 0, 0)}}



@media screen and (max-width: 1200px){
  #refec {right:20px;}
  .langs {padding-right: 40px;}
  .header-tools {justify-content: flex-end;}
  .navigation {display: none;}
  .show_nav .navigation {
    display: block; width: 100%;
    position: fixed; top: 70px; left: 0px;
    padding: 40px 0;
    background-color: #002c55;
  }
  #slogan {margin-bottom: 30%;}
  .show_nav .navigation > div {
    display: flex; flex-direction: column;
    width: 100%; text-align: right;
  }
  .show_nav .navigation a {padding: 0 29px; font-size: 20px; line-height: 36px; text-transform: uppercase;}
  #header._fixed .navigation a:last-child {padding: 0 29px;}
  .show_nav #header._fixed .navigation {top: 55px}
  .mobile-menu-trigger {display: block;}
}
@media screen and (max-width: 790px){
  .container {padding-top: 80px; padding-bottom: 80px;}
  #header._fixed .logo img.dwn  {width: 180px; height: 30px;}
  /* #header .navigation > div { display: flex; justify-content: space-between; width: 100%; padding: 0 0 0 20px}
  #header .navigation a {padding: 0;} */
  #header .langs {margin-left: 30px;}
  .header-pictures {margin-bottom: 40px;}
  .title h1, h4.title {font-size: 36px; line-height: 40px;}
  .wrapp {flex-direction: column-reverse}
  .leftside, .rightside {width: 100%}
  .leftside {margin-right: 0px;}

  .s11 .leftside hr {margin-bottom: 60px;}
  .s12 .leftside {display: none;}
  .gall .leftside {display: none;}

  .service > div {flex-direction: column; animation-name: slideToUp; padding: 50px 0 0;}
  .service:nth-child(2n) > div {flex-direction: column; animation-name: slideToUp;}
  .service-img, .service-text {width: 100%; min-width: auto;}
  .service-img {height: 320px;}
  .service-img a {height: 50%;}
  .service-img span {
    display: block; width: 100%; padding: 20px 10px;
    position: absolute; bottom: 0;
    color: #fff; font-size: 22px; text-align: center; font-weight: 400;
    background-color: rgba(0, 44, 85, 0.6);}
   h5.subtitle, .readmore {display: none;}
   .service-text {padding: 0;}
   .service-text .content {max-height: 0px; padding: 0 20px 0;}
   .service-text .content.shown {padding: 40px 20px 0}

   #s3 .container {padding-bottom: 160px;}

  #footer {background-size: 200% auto;}
  .seagull, .clouds, .numbers, .refec, #refec {display: none !important;}
  input, textarea {max-width: none;}

  #footer-data .transparent_table,
  #footer-data .transparent_table tbody {display: block; width: 100%}
  #footer-data .transparent_table tr {display: flex; flex-wrap: wrap; width: 100%;}
  #footer-data .transparent_table td {display: block; width: 50% !important;}
}
@media screen and (max-width: 710px){
  #slogan div {font-size: 50px; line-height: 40px;}
  #slogan img {display: block; margin-right: 20px; width: 80px; height: 80px;}
  .header-pictures span.header_pic1 {width: 100% !important; margin: 0px !important;}
  .header-pictures span.header_pic2 {display: none;}

  #contact-form p {text-align: center;}
  #footer-data .container {flex-direction: column; align-items: initial; padding-top: 60px;}
  .s5 .transparent_table,
  .s5 .transparent_table tbody {display: block; width: 100% !important;}
  .s5 .transparent_table tr {display: flex; flex-wrap: wrap; width: 100%;}
  .s5 .transparent_table td {display: block; width: 50% !important;}
  #edss { margin-left: 0px;}
}
@media screen and (max-width: 638px){
  .left-carousel-wrap {display: none !important}
  .header-pictures.video a, .header-pictures.video2 a, .header-pictures.video3 a, .header-pictures.video4 a { width: 100% !important; margin: 0px !important;}
  .header-pictures span, .header-pictures.video a, .header-pictures.video2 a, .header-pictures.video3 a, .header-pictures.video4 a {height: 200px !important;}
  .header-pictures.video {flex-wrap: wrap; flex-direction: column-reverse;}
  .header-pictures.video a + a {margin-bottom: 20px !important;}
}
@media screen and (max-width: 540px){
  #next {display: none;}
  .s5 .transparent_table,
  .s5 .transparent_table tbody {display: block; width: 100%}
  .s5 .transparent_table tr {display: flex; flex-direction: column; width: 100%;}
  .s5 .transparent_table td {display: block; width: 100% !important;}

  #footer-data .transparent_table,
  #footer-data .transparent_table tbody {display: block; width: 100%}
  #footer-data .transparent_table tr {display: flex; flex-wrap: wrap; width: 100%;}
  #footer-data .transparent_table td {display: block; width: 100% !important;}
}
@media screen and (max-height: 460px){
  #top .container {padding-top: 80px;}
  #slogan {display: none !important;}
  #next {display: none;}
  .moblogo {display: block; width: 360px; height: 80px; padding-bottom: 20px; }
  .show_nav .navigation {padding-top: 10px}
/*   .header-pictures span {height: 200px;} */
  .service-img a {display: none;}
  #footer {background-size: 400% auto;}
}
@media screen and (max-width: 426px){
  #header .logo img.dwn {width: 180px;}
  #header .langs {margin-left: 10px; padding-left: 10px;}
  #slogan img {width: 120px; height: 120px;}
  .weather-data--text * {font-size: 16px; line-height: normal;}
  .weather {min-height: 60px;}
}

/* @media screen and (orientation:landscape) {
  #footer-data .container {align-items: flex-start; text-align: left; }

  .header-pictures span.header_pic2, .header-pictures.video a:nth-child(2), .header-pictures.video2 .left-carousel-wrap {width: 280px; min-width: 280px;}

    } */