@font-face {
   font-family: 'Oswald';
   src: url('../fonts/Oswald-RegularItalic.eot');
   src: url('../fonts/Oswald-RegularItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Oswald-RegularItalic.woff2') format('woff2'),
      url('../fonts/Oswald-RegularItalic.woff') format('woff'),
      url('../fonts/Oswald-RegularItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
}

/* style-repeat */

html {
   overflow-x:hidden;
   transition: all 0.4s ease;
}

h1 {
   font-family: 'Oswald', sans-serif;
   font-style: italic;
   font-size: 44px;
   line-height: 66px;
   color: #333333;
   font-weight: normal;

}

h2 {
   font-family: 'Oswald', sans-serif;
   font-size: 37px;
   line-height: 50px;
   font-weight: 400;
   font-style: normal;
   color: #333333;
   font-style: italic;
}

h3 {
   font-size: 22px;
   line-height: 24px;
   color: #333333;
   font-family: 'Oswald', sans-serif;
   font-style: italic;
   font-weight: 400;
}

h4 {
   font-size: 20px;
   line-height: 24px;
   font-style: italic;
   margin-top: 0;
   color: #0066b2;
   font-weight: 400;
}



/* style-repeat-end */


/* MY STYLE */

body {
   font-family: 'Oswald';
   font-size: 18px;
   overflow-x: hidden;
   margin: 0;
   padding: 0;
   transition: all 0.4s ease;
}


header {
   background: #f5f5f5;
   padding-top: 7px;
   position: relative;
   box-shadow: 0px 2px 9px rgb(0, 0, 0, 0.3);
}

/* modal-winwdow-style */
.box-modal {
   position: relative;
   width: 385px;
   padding: 16px;
   margin: 0 auto;
}

.box-modal_close {
   position: absolute;
   right: 25px;
   top: 20px;
   font-size: 45px;
   line-height: 15px;
   color: #0066b2;
   cursor: pointer;
   border: 1px solid #0066b2;
   border-radius: 100%;
   width: 20px;
   height: 20px;
   text-align: center;
}

.box-modal_close:hover {
   color: #6897bb;
}

.arcticmodal-container_i {
   border-collapse: unset;
}

.arcticmodal-container_i th {
   font-size: 12px;
   padding: 0;
}
.arcticmodal-container_i tr,
.arcticmodal-container_i td {
   font-size: 12px;
   padding: 0;
   background-color: transparent;
   font-family: inherit;
}
.arcticmodal-container_i tr:hover{
   background-color: transparent;
}

.arcticmodal-container_i td:first-child {
   padding-left: 0px;
}

#cooper {
   width: 600px;
}

#cooper img {
   width: 100%;
}

/* modal-winwdow-style end */
.universal-btn {
   display: block;
   width: 223px;
   height: 41px;
   background: #0066b2;
   font-family: 'Oswald', sans-serif;
   font-style: italic;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
   line-height: 41px;
   transition: all 0.2s ease;
}

.universal-btn:hover {
   box-shadow: 0px 2px 2px rgb(0, 0, 0, 0.4)inset;
   transition: all 0.2s ease;
}

/* MY STYLE */
.container {
   max-width: 1270px;
   margin: 0 auto;
   padding-right: 15px;
   padding-left: 15px;
}

.block-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.block-tel {}

.block-tel__icon {
   display: inline-block;
   vertical-align: middle;
   visibility: hidden;
   visibility: visible;
}

.block-tel__number {
   display: inline-block;
   margin-left: 14px;
   vertical-align: middle;
}

.block-tel__number a  {
   display: block;
   font-size: 20px;
   text-decoration: none;
   line-height: 25px;
   color: #666;
   font-family: 'Oswald';
   font-weight: 400;
}

.header-btn {
   margin-top: 12px;
}

.block-logo {
   max-width: 680px;
   text-align: center;
}

.block-logo__img,
.block-logo__text {
   display: inline-block;
   vertical-align: middle;
}

.block-logo__text {
   margin-top: 6px;
   margin-left: -9px;
}

.block-logo__link {
   cursor: pointer;
   display: block;
   font-size: 50px;
   line-height: 54px;
   text-decoration: none;
   color: #2b4765;
   font-weight: 700;
   font-family: 'Roboto Condensed', sans-serif;
}

.info-company {
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   font-size: 20px;
   color: #000000;
   text-transform: uppercase;
   margin-top: 7px;
}

.block-header-cnt {}

.block-address {}

.block-address__icon {
   display: inline-block;
   vertical-align: middle;
}

.block-address__icon img {}

address {
   max-width: 180px;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   line-height: 16px;
   font-size: 15px;
   font-style: normal;
   display: inline-block;
   vertical-align: middle;
   margin-left: 8px;
   color: #666666;
}

.block-email {
   margin-top: 17px;
}

.block-email__icon {
   display: inline-block;
   vertical-align: middle;
}

.block-email__icon img {}

.block-email__link {
   display: inline-block;
   vertical-align: middle;
   margin-left: 8px;
   font-family: 'Exo 2', sans-serif;
   font-weight: 700;
   font-size: 16px;
   color: #666666;
   text-decoration: none;
}

/* menu */
nav a {
   text-decoration: none;
   display: block;
   transition: .3s linear;
}

.navigation-header {
   border-top: 1px solid #2b4765;
   padding-top: 13px;
   padding-bottom: 11px;
   margin-top: 10px;
   box-sizing: border-box;
}

/*menu-tablet*/
.d-block{
   display: block;
}

.hamburger {
      display: none;
    position: relative;
    /*right: 10px;
    top: 50%;*/
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 26px;
    height: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .hamburger span {
    display: block;
    height: 3px;
    width: 100%;
    background: #000;
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .hamburger_active span {
    margin-bottom: -2px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .hamburger_active span:nth-child(1) {
    -webkit-transform: translateY(3px) rotate(-45deg);
            transform: translateY(3px) rotate(-45deg);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .hamburger_active span:nth-child(2) {
    display: none;
  }
  .hamburger_active span:nth-child(3) {
    -webkit-transform: translateY(3px) rotate(45deg);
            transform: translateY(3px) rotate(45deg);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  /*.no-scroll {
   overflow: hidden;
  }*/

/*menu-tablet*/

.menu-header {
   margin: 0;
   padding: 0;
   display: flex;
   max-width: 1186px;
   justify-content: space-between;
   align-items: center;
   transition: all 0.4s ease;
}

.menu-header>li {
   list-style: none;
   border-right: 1px solid #0066b2;
   padding-left: 19px;
   padding-right: 19px;
   position: relative;
}

.menu-header li:first-child {
   padding-left: 0px;
}

.menu-header li:last-child {
   border: none;
}

.level1>.menu-header-linck {
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   color: #4c4c4c;
   transition: .3s linear;
}

.level1>.menu-header-linck > span {
   display: inline-block;
   margin-left: 9px;
   transform: rotate(90deg);
}

.menu-header>ul li {
   position: relative !important;
}


.menu-header li ul {
   position: absolute;
   z-index: 99;
   background: #0066b2;
   margin: 0;
   padding: 0;
   top: 23px;
   display: none;
   transition: all 0.3s ease;
}

.menu-header li:hover>ul {
   display: block;
   transition: all 0.3s ease;
}

.menu-header li>ul li {
   list-style: none;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 18px;
   padding-right: 17px;
   border-bottom: 1px solid #004880;
}

.menu-header li>ul li a {
   font-size: 16px;
   color: #fff;
   line-height: 20px;
   white-space: nowrap;
   transition: all 0.3s ease;
   font-family: 'Exo 2', sans-serif;
}

.menu-header li>ul li a:hover {
   color: #9ad3ff;
   transition: all 0.3s ease;
}

.menu-header li>ul li:first-child {
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 18px;
   padding-right: 17px
}

.menu-header li>ul li ul {
   position: absolute;
   left: calc(100% + 2px);
   top: 0;
   border-left: 2px solid #FFF;
}



.menu-header-linck:hover {
   color: #0066b2;
   transition: .3s linear;
}


.menu_active {
   display: block!important;
   transform: translateX(260px);
   transition: all 0.4s ease;
}

.bodyleft {
   transition: all 0.4s ease;
   transform: translateX(-260px);
   overflow-y: hidden;
   overflow-x:hidden;
}


/* menu end */

.wrapper-header-block {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.lang-block {
   display: flex;
}

.lang-block a {
   display: block;
   height: 20px;
   width: 30px;
}

.lang-block__line {
   width: 2px;
   background: #4d4d4d;
   height: 20px;
   margin-left: 10px;
   margin-right: 10px;
}

.lang-block .ru{
   background-image: url('/assets/img/icons/ru.png');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: contain;
}
.lang-block .en{
   background-image: url('/assets/img/icons/en.png');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: contain;
}
/* OFFER */

.offer {
   position: relative;
}

/* SLIDER__MAIN */

.container-slider {
   width: 100%;
}

/* SLIDER__MAIN */

.main-slider {
   width: 100%;
   max-height: 840px;
   height: 100%;
}

.main-slider__item {
   width: 100%;
   max-height: 840px;
   position: relative;
}

.overlay-slider {
   position: absolute;
   top:0;
   left: 0;
   width: 100%;
   height: 100%;
   /* background: rgba(0, 0, 0, .3); */
}

.main-slider__item img {
   max-width: 100%;
   height: 100%;
   width: 100%;
}

.block-offer {
   position: absolute;
   bottom: 100px;
   z-index: 100;
   padding: 50px;
   background: rgba(244,244,244,0.7);
}

.block-offer__text {
   max-width: 650px;
   width: 576px;
   font-size: 33px;
   line-height: 66px;
   color: #fff;
   text-transform: uppercase;

   color: black;
}

.block-offer__number {
   font-size: 46px;
   display: block;

   color: black;
}

.block-offer-statistics {
   font-family: 'Exo 2', sans-serif;
   font-size: 20px;
   line-height: 20px;
   color: #fff;
   margin-top: 20px;

   color: black;
   
}

.block-offer-statistics__icon{
   width: 60px;
   height: 60px;
   display: inline-block;
   vertical-align: middle;
}

.block-offer-statistics__info {
   display: inline-block;
   vertical-align: middle;
   margin-left: 10px;
   max-width: 600px;
   width: 497px;
}

.btn-choice-slider_left {
   position: absolute;
   left: -42px;
   top: 30%;
   z-index: 99;
   border: none;
   background: transparent;
   cursor: pointer;
}

.btn-choice-slider_right {
   position: absolute;
   right: -42px;
   top: 30%;
   z-index: 99;
   border: none;
   background: transparent;
   cursor: pointer;
}


.btn-main-slider_left {
   position: absolute;
   left: 0px;
   top: 50%;
   z-index: 99;
   border: none;
   background: transparent;
   cursor: pointer;
   margin-top: -45px;
}

.btn-main-slider_right {
   position: absolute;
   right: 0px;
   top: 50%;
   z-index: 99;
   border: none;
   background: transparent;
   cursor: pointer;
   margin-top: -45px;
}

/* OFFER END*/

/* ABOUT */

.about {
   background: #fff;
   padding-top: 76px;
   padding-bottom: 30px;
}




.about h1 {
   text-align: center;
   color: #4c4c4c;
   text-transform: uppercase;
   margin: 0;
   padding: 0;
   font-weight: normal;
}

.block-about-text {
   max-width: 630px;
   margin-right: 10px;
}

.wrapper-block-about {
   display: flex;
   margin-top: 15px;
}

.block-about-text p {
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   color: #4c4c4c;
   font-size: 18px;
   line-height: 20px;
   margin-top: 0;
}

.about-video {
   margin-top: 5px;
   margin-left: 10px;
   height: 100%;
   width: 628px;
}

.youtube {
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   display: inline-block;
   overflow: hidden;
   transition: all 200ms ease-out;
   cursor: pointer;
   max-width: 628px;
   max-height: 350px;
   width: 628px;
   height: 350px;
}

.about-video iframe {
   width: 628px;
   height: 350px;
}

.youtube .play {
   background: url('/assets/img/youtube-play-btn.png') no-repeat;
   /*ВАЖНО: здесь укажите адрес до изображения*/
   background-position: 0 -50px;
   -webkit-background-size: 100% auto;
   background-size: 100% auto;
   position: absolute;
   height: 50px;
   width: 69px;
   transition: none;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}

.youtube:hover .play {
   background-position: 0 0;
}

/* ABOUT END */

/* CATALOG */

.catalog {
   background: #f2f2f2;
   padding-top: 73px;
   padding-bottom: 80px;
}



.catalog h2 {
   text-transform: uppercase;
   font-style: italic;
   margin-top: 0;
}

.wrapper-catalog-block {
   display: flex;
    flex-wrap: wrap; 
   justify-content: space-between;

}

.product-block-link {
   font-size: 18px;
   line-height: 24px;
   color: #ffffff;
   text-decoration: none;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;

}

.product-block-link {
   width: 239px;
   margin-top: 25px;
   /*margin-left: auto;
   margin-right: auto;*/
}

.product-block-link:first-child {
   margin-left: 0px;
}

.product-block-link:last-child {
   margin-right: 0px;
}

.product-block {
   /* width: 239px; */
   box-shadow: 0px 2px 9px rgb(0, 0, 0, 0.3);
}

.product-block__img {
   height: 257px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.product-block__img img {
   max-width: 100%;
   text-align: center;
   margin: auto;
   /* width: 95%; */
}


.product-block__name {
   text-align: center;
   padding-left: 6px;
   padding-right: 6px;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 97px;
   background: #0066b2 url(/assets/img/product/watermark.png)no-repeat right 50%;
}

/* CATALOG END */

/* ADVANTAGES */
.advantages {
   background: #ffffff;
   padding-top: 73px;
   padding-bottom: 80px;
}

.advantages h2 {
   text-transform: uppercase;
   font-style: italic;
   margin-top: 0;
}

.wrapper-advantages {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.advantages-block {
   width: 239px;
   border: 1px solid #f2f2f2;
   height: 252px;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 28px;
   box-sizing: border-box;
   margin-top: 25px;
   font-weight: 400;

   font-family: 'Yanone Kaffeesatz', sans-serif;
   font-size: 18px;
   color: #4c4c4c;
   text-align: center;
   display: block;
   margin-top: 19px;
}

.advantages-block {
   text-align: center;
}


.advantages-block__img {}

.advantages-link {
   font-family: 'Yanone Kaffeesatz', sans-serif;
   font-size: 18px;
   color: #4c4c4c;

   text-decoration: none;
}

.advantages-block__info {
   display: block;
   margin-top: 19px;
   font-size: 20px;
}

/* ADVANTAGES END */

/* CHOICE END */

.choice {
   padding-top: 73px;
   padding-bottom: 80px;
   background: #f2f2f2;
}

.choice h2 {
   text-transform: uppercase;
   font-style: italic;
   margin-top: 0;
}

.choice-slider {
   /* margin: 0 -15px; */
   width: 100%;
   height: 210px;
}

.slick-arrow {
   outline: none;
}

.choice-slider-item {
   background: #fff url(/assets/img/slider-choice/watermark.png)no-repeat 106% 127%;
  /* width: 239px !important;*/
   height: 210px;
   margin: 0;
   margin-right: 12px;
   margin-left: 3px;
}

.choice-slider-item__img {
   height: 109px;
   text-align: center;
   padding-top: 15px;
   width: 239px;
   position: relative;
   margin: 0 auto;
}

.choice-slider-item__icon {
   width: 24px;
   position: absolute;
   top: 10px;
   right: 13px;
}

.choice-slider-item__logo {
   max-width: 100%;
   height: 109px;
   margin: 0 auto;
}

.choice-slider-item__title {
   padding-left: 7px;
   padding-right: 7px;
   text-align: center;
   font-size: 20px;
   line-height: 24px;
   color: #4c4c4c;
   margin-top: 22px;
   text-transform: uppercase;
}

/* CHOICE END */

/* MASS-MEDIA  */
.mass-media {
   background: #fff;
   padding-top: 73px;
   padding-bottom: 80px;
}

.mass-media h2 {
   text-transform: uppercase;
   font-style: italic;
   margin-top: 0;
}

.wrapper-mass-media {
   display: flex;
   width: 100%;
   justify-content: space-between;
   flex-wrap: wrap;

}
.wrapper-mass-media:after{
   content:'';
   flex: 1 24%;
}

.large-block-news {
   max-width: 100%;
   width: 628px;
   display: flex;
   /*margin-right: 10px;*/
   height: auto;
   margin-top: 25px;
}

.large-block-news {
   height: 334px;
}

.large-block-news__img {
   width: 304px;
   height: 334px;
}

.large-block-news__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.large-block-news__info {
   max-width: 324px;
   width: 100%;
   padding: 20px;
   border: 1px solid #f2f2f2;
   box-sizing: border-box;
   font-family: 'Exo 2', sans-serif;
   font-size: 18px;
   color: #4c4c4c;
   padding-top: 26px;
   overflow: hidden;
   line-height: 20px;
}

.large-block-news__info p {
   height: 120px;
   overflow: hidden;
}



.large-block-news__info h3 {
   margin: 0;
   color: #4c4c4c;
}

time {
   font-size: 14px;
   line-height: 24px;
   color: #0066b2;
   font-family: 'Oswald', sans-serif;
}

.news-btn {
   margin-left: auto;
   width: 143px;
}


.small-block-news {
   height: auto;
   max-width: 100%;
   width: 304px;
   /*margin-left: 10px;
   margin-right: 10px;*/
   border: 1px solid #f2f2f2;
   /* height: 334px; */
   box-sizing: border-box;
   margin-top: 25px;
}

.small-block-news__img {
   height: 169px;
   max-height: 100%;
   object-fit: cover;
   object-position: center;
}


.small-block-news img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.small-block-news__info {
   padding: 10px;
}

.small-block-news__info h3 {
   margin-top: 0;
   color: #4c4c4c;
   margin-bottom: 0;
}


/* MASS-MEDIA END */

/* CONTACT*/


/* карта */
/* "Блок-обертка", где мы задаем фоновое изображение скриншотом как на карте */
.ymap-container {
   position: relative;
   overflow: hidden;
   cursor: pointer;
   background: /* url('/assets/img/map.png') */ #ffffff no-repeat;
   background-position: center center;
   background-size: cover;
   /* box-shadow: 0 0 2em 0 rgba(0, 0, 0, .2); */
}

/* Блок, в котором появится Яндекс.Карта */
#map-yandex {
   position: relative;
   z-index: 150;
   width: 100%;
   height: 600px;
   cursor: pointer;
   background-color: transparent;
}



/* Индикатор загрузки, который показывается до загрузки карты */
.loader {
   position: absolute;
   z-index: 15;
   top: -100%;
   left: 0;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   overflow: hidden;
   color: #000000;
   transition: opacity .7s ease;
   opacity: 0;
   background-color: rgba(0, 0, 0, .55);
}

.loader:after,
.loader:before {
   box-sizing: border-box;
}

.loader.is-active {
   top: 0;
   opacity: 1;
}

.loader-default:after {
   position: absolute;
   top: calc(50% - 24px);
   left: calc(50% - 24px);
   width: 48px;
   height: 48px;
   content: '';
   animation: rotation 1s linear infinite;
   border: solid 8px #ffffff;
   border-left-color: transparent;
   border-radius: 50%;
}

@keyframes rotation {
   from {
      transform: rotate(0);
   }

   to {
      transform: rotate(359deg);
   }
}

@keyframes blink {
   from {
      opacity: .5;
   }

   to {
      opacity: 1;
   }
}

/* блок стилей контейнера  формы  */
.map-block {
   position: relative;
   width: 100%;
   left: 0;
   top: 0;
}

.container-maps-block {
   position: relative;
   z-index: 333;
}


.location-block {
   position: absolute;
   left: 0;
   z-index: 333;
}

.block-form-map {
   position: absolute;
   right: 0;
   z-index: 333;
}


.location-block {
   background: #fff;
   padding-top: 28px;
   padding-right: 32px;
   padding-bottom: 38px;
   padding-left: 20px;
   width: 304px;
   box-sizing: border-box;
   margin-top: 139px;
   max-height: 360px;
}

.location-block h2 {
   color: #4c4c4c;
   margin: 0;
   font-style: italic;
}

.location-block .block-tel {
   margin-top: 18px;
}

.location-block .block-address {
   margin-top: 18px;
}

.location-block.block-email {
   margin-top: 18px;
}

.location-block .block-fax {
   margin-top: 18px;
}

.block-fax__icon {
   display: inline-block;
   vertical-align: middle;
}

.block-fax__link {
   display: inline-block;
   vertical-align: middle;
   margin-left: 14px;
   font-size: 20px;
   text-decoration: none;
   line-height: 25px;
   color: #666;
   font-family: 'Oswald';
   font-weight: 400;
}

.block-form-map {
   width: 385px;
   margin-left: auto;
   box-sizing: border-box;
   margin-top: 27px;
}

.form {
   background: #fff;
   padding-bottom: 40px;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 35px;
   box-sizing: border-box;
   width: 385px;
}

.form_ok{
   display: none;
}

.title-form {
   font-size: 27px;
   color: #4c4c4c;
   font-weight: 400;
   font-style: italic;
   text-transform: uppercase;
   text-align: center;
   margin: 0;
   line-height: 40px;
}

.subtitle {
   text-align: center;
   font-size: 20px;
   color: #4c4c4c;
}

.form-tel {
   text-align: center;
   display: block;
   font-size: 27px;
   text-decoration: none;
   color: #0066b2;
}

.form input {
   display: block;
   width: 100%;
   height: 46px;
   margin-top: 13px;
   max-width: 100%;
   box-sizing: border-box;
   border: 1px solid #cccccc;
   padding-left: 18px;
   font-size: 16px;
   line-height: 24px;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   color: #4d4d4d;
}

.form textarea {
   display: block;
   width: 100%;
   box-sizing: border-box;
   height: 90px;
   margin-top: 13px;
   resize: none;
   box-sizing: border-box;
   border: 1px solid #cccccc;
   padding-left: 18px;
   font-size: 16px;
   line-height: 24px;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   color: #4d4d4d;
}

.form-btn {
   margin: 0 auto;
   border: none;
   font-size: 20px;
   line-height: 20px;
   width: 263px;
   box-sizing: border-box;
   margin-top: 30px;
   cursor: pointer;
}

.form-politic,
.form-politic a {
   color: #4c4c4c;
   font-size: 14px;
   line-height: 16px;
   font-family: 'Yanone Kaffeesatz', sans-serif;
   margin-top: 16px;
}


/* CONTACT END */

/* FOOTER */

footer {
   padding-top: 30px;
   background: #004880 url(/assets/img/bg-footer.png)repeat;
}

.footer-logo__img {
   display: inline-block;
   vertical-align: middle;
}

.footer-logo__text {
   display: inline-block;
   vertical-align: middle;
   font-size: 22px;
   color: #fff;
   font-weight: 700;
   font-family: 'Roboto Condensed', sans-serif;
}

.wrrapper-footer-block {
   display: flex;
   align-items: center;
   padding-bottom: 52px;
   justify-content: space-between;
}

.navigation-footer li {
   list-style: none;
}

.navigation-footer>ul {
   display: flex;
}

.navigation-footer ul li a {
   font-size: 13px;
   color: #fff;
   text-transform: uppercase;
   font-family: 'Rubik', sans-serif;
}

.navigation-footer ul li a:hover {
   color: #0066b2;
}

.navigation-footer>ul li {
   padding-right: 13px;
   position: relative;

}

.navigation-footer li>ul {
   margin: 0;
   padding: 0;
   visibility: hidden;
   opacity: 0;
   transition: all 0.3s ease;
}

.navigation-footer li:hover>ul {
   visibility: visible;
   opacity: 1;
   transition: all 0.3s ease;
}

.navigation-footer li>ul li a span {
   transform: rotate(360deg);
   display: inline-block;
   margin-left: 3px;
}

.navigation-footer li>ul li ul {
   position: absolute;
   top: 0;
   left: 101%;
   margin: 0;
   padding: 0;
}

.navigation-footer li>ul a {
   white-space: nowrap;
}

.navigation-footer li>ul li {
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 18px;
   padding-right: 17px;
   border-bottom: 1px solid rgb(255, 255, 255, 0.3);
}

.navigation-footer li>ul li:last-child {
   border: none;
}

.navigation-footer li>ul li ul li {
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 18px;
   padding-right: 17px;
   border-bottom: 1px solid rgb(255, 255, 255, 0.3);
}


.navigation-footer ul li a span {
   transform: rotate(90deg);
   display: inline-block;
   margin-left: 7px;
}

.navigation-footer li ul {
   background: #004880;
   position: absolute;
}

.footer-info {
   text-align: center;
   color: #fff;
   margin-left: 20px;
}

.wrapper-footer-cnt {
   display: flex;
   flex-direction: column;
}

.wrapper-footer-cnt a {
   color: #fff;
}

.copy-block {
   border-top: 1px solid #000;
   margin-top: 20px;
   padding-bottom: 15px;
   padding-top: 10px;
}

.copy-block span {
   color: #fff;
   font-size: 13px;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   text-transform: uppercase;
}

/* FOOTER END */


.universal {
   padding-top: 73px;
   padding-bottom: 80px;
}

.universal h1 {
   margin-top: 0;
   text-align: center;
   text-transform: uppercase;
}

.universal h2 {
   margin-top: 0;
}


p {
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   color: #4c4c4c;
}

a {
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   color: #264497;
   transition: all 0.3s ease;
}

/* PRODUCTION */

.production {
   background: #f2f2f2;
   padding-bottom: 80px;
   padding-top: 73px;
}
.production_service {
   background: #ffffff;
   padding-bottom: 80px;
   padding-top: 0;
}

.production h2 {
   text-transform: uppercase;
   font-style: italic;
   margin-top: 0;
}

.block-production {
   display: flex;
   margin: 30px 0;
}

.block-production__img {
   width: 300px;
   height: 250px;
   background: #fff url(/assets/img/slider-choice/watermark.png)no-repeat 106% 120%;
   padding: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 10px;
}

.block-production__img img {
   max-width: 100%;
   height: 100%;
   /* width: 100%; */
   /* height: 100%;
   object-fit: cover; */
}

.block-production-info {
   width: 75%;
   margin-left: 10px;
   height: auto;
   position: relative;
}

.block-production-info__link {
   display: flex;
   width: 520px;
   justify-content: space-between;
}

.group-link {
   display: flex;
   flex-flow: wrap;
   width: 100%;
}


.block-production-info__link a {
   color: #4d4d4d;
   text-decoration: none;
   font-family: 'Oswald', sans-serif;
   font-style: italic;
   font-weight: 400;
   line-height: 34px;
   width: 50%;
}
.block-production-titles__link{
   font-size: 20px;
    line-height: 24px;
    font-style: italic;
    margin-top: 0;
    color: #0066b2;
    font-weight: 400;
    text-decoration: none;
    font-family: 'Oswald';
}
.block-btn-product {
   display: flex;
   margin-top: 9px;
   position: relative;
/*   bottom: 0;*/
}

.block-production-info p {
   margin-top: 13px;
   margin-bottom: 13px;
 /*  height: 70px;*/
}

.question-btn {
   border: 2px solid transparent;
   width: 223px;
   box-sizing: border-box;
   margin-right: 20px;
   transition: all 0.5s ease;
   line-height: 35px;
}

.question-btn:hover {
   border: 2px solid #0066b2;
   color: #0066b2;
   background: #fff;
   transition: all 0.5s ease;
   box-shadow: none;
   box-sizing: border-box;

}

/* PRODUCTION END */


/* CARD */
.card {
   background: #f2f2f2;
   padding-top: 73px;
   padding-bottom: 80px;
}

.card h1 {
   margin-top: 0;
   text-transform: uppercase;
   color: #4c4c4c;
   font-size: 37px;
}

.card-block {
   display: flex;
   /* align-items: center; */
}

.card-block__img {
   width: 50%;
   background: #fff;
   height: 374px;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: center;
   align-items: center;
}
.card-block__img_gallery{
    display: block;
     justify-content: unset;
   align-items: unset;
}

.card-block__img img {
   
   height: auto;
   height: 100%;
   /* object-fit: cover;
   object-position: center; */
   align-self: center;

   /* width: 100%;
   object-fit: cover; */
}

.card-block__info {
   width: 50%;
   margin-left: 20px;
}

/* табы */
.wrapper .active {
   background: #fff;
}

.wrapper {
   margin-top: 84px;

}

.tabs {
   display: flex;
}

.tab {
   font-size: 20px;
   color: #4c4c4c;
   font-weight: 400;
   cursor: pointer;
   width: 300px;
   display: block;
   box-sizing: border-box;
   height: 58px;
   text-align: center;
   line-height: 52px;
   margin: 0;
   padding: 0;
}

.tab_item {
   background: #fff;
   padding-top: 1px;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 40px;
}

.modification {
   margin-top: 33px;
}

.tab_item h3 {
   font-size: 27px;
   font-weight: 66px;
   text-transform: uppercase;
   color: #4c4c4c;
   /* margin-top: 0;
   margin-bottom: 0; */
   font-weight: 400;
   font-family: 'Oswald', sans-serif;
}

.modification span {
   font-weight: 700;
   color: #0066b2;
}

.application {
   margin-top: 30px;

}

.application-block {
   display: flex;
   flex-wrap: wrap;

}

.wrp-app-block {
    width: 287px;
    margin-right: 20px;
    /*margin-left: 10px;*/
    flex-grow: 1;
    max-width: 287px;
    margin-top: 25px;
    justify-content: space-around;
}

.application-block__img {
  
   height: 234px;
}

.wrp-app-block:first-child {
   margin-left: 0;
}

.application-block__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.application-block__info {
   border: 1px solid #f2f2f2;
   padding: 15px 10px;
   text-align: center;
   font-size: 20px;
   color: #4c4c4c;
   font-style: italic;
}

/* CARD END*/


/* TYPE_PAGE */

.type {
   padding-bottom: 80px;
}
/* bread-crumbs */
.bread-crumbs {
   margin: 0;
   padding: 0;
   /* margin-top: 16px; */
   height: 40px;
   display: flex;
   align-items: center;
}

.bread-crumbs li {
   display: inline-block;
}

.bread-crumbs li a {
   color: #0066b3;
   font-size: 16px;
   cursor: pointer;
   /* margin-right: 1px; */
   padding: 0 5px;
}

.bread-crumbs li span{
   position: relative;
   top: 2px;
}

.bread-crumbs .active-page {
   color: #333333;
   text-decoration: none;
   cursor: default;
}

.numbering-list-title,
.marker-list-title,
.text-indendent__title,
.table-titl,
.column-title {
   text-align: center;
   font-size: 40px;
}

.number-list-text {
   color: #000;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
}

.numbering-list li {
   color: #000;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
}

.marker-list li {
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   /* color: #333333; */
   color: #0066b2;
   margin-top: 9px;
}

.marker-listli::first-line {
   color: #333333;
}

.text-indendent {
   text-indent: 20px;
   color: #333333;
}

/* таблица */
.wrapper-table {
   width: auto;
}

table{
   width: 100%;
}

table {
   font-size: 12px;
   color: #333333;
   border-width: 1px;
   border-color: #729ea5;
   border-collapse: collapse;
}
table caption{
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   font-size: 18px;
   line-height: 53px;
   height: 53px;
   box-sizing: border-box;
   color: #000;
   
   
}
table th {
   font-size: 18px;
   background-color: #0066b2;
   border-width: 1px;
   padding: 9px;
   border-style: solid;
   border-color: #729ea5;
   text-align: center;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   color: #fff;
   height: 53px;
   box-sizing: border-box;
   width: 165px;
}

table tr {
   background-color: #fff;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   font-size: 18px;
}

table td:first-child {
   padding-left: 20px;
}

table td {
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   font-size: 18px;
   border-width: 1px;
   padding: 8px;
   border: 1px solid #b3b3b3;
   height: 53px;
   box-sizing: border-box;
   color: #000;
   width: 165px;
}

table.vacancy-table {
    display: block;
	overflow-x: auto;
}

table.vacancy-table td {
    width: auto;
}

table tr:hover {
   background-color: #f0f0f0;
}

.block-solid-text,
.block-dashed-text,
.block-dotted-text {
   padding: 20px;
   margin-top: 10px;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   color: #4c4c4c;
}

.style-border {
   width: auto;
}

.block-solid-text {
   border: 1px solid #095899;
}

.block-dashed-text {
   border: 1px dashed #095899;
}

.block-dotted-text {
   border: 1px dotted #095899;
}

.wrp-row {
   display: flex;
}

.wrp-row .wrapper-table {
   margin-right: 50px;
}

.wrapper-column-text {
   display: flex;
   justify-content: space-between;
}

.column-link {
   width: 220px;
   display: flex;
   flex-direction: column;
}

.column-link a {
   color: #000;
   text-decoration: none;
   font-family: 'Exo 2', sans-serif;
   font-weight: 400;
   display: block;
}

.column-link a:hover {
   text-decoration: underline;
   color: #264497;
}

.column-text {
   max-width: 630px;
}

.column-text p {
   color: #000;
   text-indent: 20px;
   margin-top: 0;
}

.block-img-left,
.block-img-right {
   display: flex;
   margin-top: 50px;
}

.wrp-block-img-left__photo {
   width: 466px;
   height: 370px;
   margin-right: 10px;
}

.wrp-block-img-right__photo{
   width: 466px;
   height: 370px;
   margin-left: 10px;
}

.wrp-block-img-left__photo img,
.wrp-block-img-right__photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.block-img-left__title,
.block-img-right__title {
   font-size: 40px;
   margin-top: 0;
   line-height: 35px;
   text-align: center;
}

.block-img-left__info,
.block-img-right__info {
   max-width: 810px;
   position: relative;
   margin-left: 10px;
   max-height: 370px;
   display: flex;
   flex-direction: column;
}

.block-img-left__btn,
.block-img-right__btn {
   margin: auto;
}


.title-foto {
   text-align: center;
}

.block-foto-wrapper {
   width: 80%;
   margin-left: auto;
}

.block-foto-all {
   display: flex;
   flex-wrap: wrap;
}

.block-foto {
   width: 300px;
   height: 290px;
   margin-right: 20px;
   margin-top: 20px;
}

.block-foto img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}


/* preloader */

.loaderArea {
   background: #fff url(/assets/img/preloader.svg)no-repeat center center;
   background-size: 10% 10%;
   overflow: hidden;
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 100000;
   display: none;
}

.loader {
   height: 40px;
   width: 40px;
   position: absolute;
   left: 50%;
   margin-left: -20px;
   top: 50%;
   margin-top: -20px;
}

.loader:before,
.loader:after {
   content: "";
   height: 40px;
   width: 40px;
   border: 8px solid rgba(255, 255, 255, .5);
   border-radius: 10px;
   position: absolute;
   top: 0;
}

.loader:before {
   animation: animate 2s infinite linear;
}

@keyframes animate {
   0% {
       transform: rotate(0) skew(0);
   }
   100% {
       transform: rotate(180deg) skew(360deg);
   }
}

.loader:after {
   animation: animate2 2s infinite linear;
}

@keyframes animate2 {
   0% {
       transform: rotate(0) skew(0);
   }
   100% {
       transform: rotate(-180deg) skew(-360deg);
   }
}

.form-modal-btn {
   margin-left: auto;
   margin-right: auto;
   font-size: 20px;
}


/* TYPE_PAGE */



/* contacts */

.contacts {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: wrap;
   flex-flow: wrap
}

.contacts__title {
   width: 100%;
   font-family: Oswald, sans-serif;
   font-style: italic;
   font-size: 44px;
   line-height: 66px;
   color: #333;
   font-weight: 400
}

.contacts__phone,
.contacts__title {
   padding: 20px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.contacts__phone {
   width: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.contacts__email {
   width: 50%
}

.contacts__address,
.contacts__email {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 20px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.contacts__address {
   width: 100%
}

.contacts__caption {
   margin-bottom: 1.25rem;
   font-family: Exo\ 2, sans-serif;
   font-weight: 700;
   font-size: 16px;
   color: #666
}

.contacts__link {
   display: block;
   font-size: 20px;
   line-height: 25px;
   font-family: Oswald;

   margin-bottom: 1.25rem
}

.contacts__link,
.contacts__link_yandex {
   text-decoration: none;
   color: #666;
   font-weight: 400
}

.contacts__link_yandex {
   margin-left: 0;
   padding-left: 18px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDkuNiAzOTguNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMwLjQgNTYpIj48cGF0aCBkPSJNNDUuMyAxMDYuNWw3My45LTMzLjdjMCA1OC45LTQwLjcgMTE5LjgtNzYuOCAxNzcuOGwtNjEuOSA5MS45IDI3LTE2Ny43IDM3LjgtNjguM3oiIGZpbGw9IiNlMDAwMDAiLz48Y2lyY2xlIGN4PSItNS40IiBjeT0iNjkiIHI9IjEyNSIgZmlsbD0iI2YzMyIvPjxjaXJjbGUgY3g9Ii01LjQiIGN5PSI2OSIgcj0iNDkuOCIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
   background-position: 3px 0;
   background-repeat: no-repeat
}

.contacts__text {
   font-weight: 400;
   color: #666;
   margin-bottom: 1.25rem;
   
}

.contacts__link_yandex,
.contacts__text {
   font-family: Exo\ 2, sans-serif;
   line-height: 16px;
   font-size: 15px;
   font-style: normal;
  
}


.article{
   margin-top: 50px;
}
.articles__content img{
   max-width: 750px;
}

.articles__content ul li,
.articles__content ol li{
   font-weight: normal;
   font-family: 'Exo 2', sans-serif;
   color: #4c4c4c;
}

@media screen and (min-width:320px) and (max-width:767px) {

   .contacts__address,
   .contacts__email,
   .contacts__phone {
       width: 100%
   }
   table caption{
      
      line-height: normal;
     
   }
   .articles__content img{
      max-width: 100%;
   }
  
}




/* contacts end */


/* это для migx документация товара*/
.link__empty{
   list-style-type: none;
   margin: 25px 0 15px;
}
.link__full{
   margin-left: 40px;
}

/* это для контента (картинки + подписи) */

.image__caption{
   text-align: center;
   font-size: 14px;
   
}

/* скролл вложенных таблиц */
.scroll__table{
   overflow: auto;
}


.goods__box{
    width: 100%;
    height: 374px;
}
.goods__box div {
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.goods__box_mini{
    width: 100%;
    height: 70px;
}
.goods__box_mini div{
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

@media screen and (max-width: 560px){
    .goods__box{
        height: 200px;
        
    }
    .goods__box div {
       /*  background-size: cover;
        */
    }
    .goods__box_mini{
        height: 50px;
    }
}



#workemail_0,
#workemail_1{
    display: block;
    width: 2px;
    height: 3px;
    margin-bottom: -3px;
    opacity: .01;
    padding: 0;
    position: absolute;
}