/**
*
  Сброс CSS стилей
*
**/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
}
.d4-item{
  display: block;
}
.d5-flex{
  justify-content: center!important;
.d5-item{
  margin: 0 10px;
}
}
html {
  -webkit-text-size-adjust: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {

  &.__hidden {
    overflow: hidden;
  }

}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

input,
textarea,
button,
select {
  resize: none;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0;
}

img {
  border: 0;
  vertical-align: top;
}

html, body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}


/**
*
  Flex
*
**/
.flex_w {
  display: flex;
  flex-wrap: wrap;

  &.__ai_fs {
    align-items: flex-start;
  }

  &.__ai_fe {
    align-items: flex-end;
  }

  &.__ai_c {
    align-items: center;
  }

  &.__jc_sa {
    justify-content: space-around;
  }

  &.__jc_sb {
    justify-content: space-between;
  }

  &.__jc_c {
    justify-content: center;
  }
}


/**
*
  Функции
*
**/
.radius(@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.transition(@properties: all .6s) {
  -webkit-transition: @properties;
  -moz-transition: @properties;
  -ms-transition: @properties;
  -o-transition: @properties;
  transition: @properties;
}

.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
  text-shadow: @string;
}

.box-shadow (@string) {
  -webkit-box-shadow: @string;
  -moz-box-shadow: @string;
  box-shadow: @string;
}

.box-shadow2 (@string, @string) {
  -webkit-box-shadow: @string, @string;
  -moz-box-shadow: @string, @string;
  box-shadow: @string, @string;
}

.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-sizing (@type: border-box) {
  -webkit-box-sizing: @type;
  -moz-box-sizing: @type;
  box-sizing: @type;
}

.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.opacity (@opacity: 0.5) {
  -webkit-opacity: @opacity;
  -moz-opacity: @opacity;
  opacity: @opacity;
}

.gradient (@startColor: #eee, @endColor: white) {
  background-color: @startColor;
  background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
  background: -webkit-linear-gradient(top, @startColor, @endColor);
  background: -moz-linear-gradient(top, @startColor, @endColor);
  background: -ms-linear-gradient(top, @startColor, @endColor);
  background: -o-linear-gradient(top, @startColor, @endColor);
}

.horizontal-gradient (@startColor, @endColor) {
  background-color: @startColor;
  background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(left, @startColor, @endColor);
  background-image: -moz-linear-gradient(left, @startColor, @endColor);
  background-image: -ms-linear-gradient(left, @startColor, @endColor);
  background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.vertical-gradient (@startColor, @endColor) {
  background-color: @endColor;
  background-image: -webkit-gradient(linear, top, bottom, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(bottom, @startColor, @endColor);
  background-image: -moz-linear-gradient(bottom, @startColor, @endColor);
  background-image: -ms-linear-gradient(bottom, @startColor, @endColor);
  background-image: -o-linear-gradient(bottom, @startColor, @endColor);
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
  -webkit-animation: @name @duration @delay @ease;
  -moz-animation: @name @duration @delay @ease;
  -ms-animation: @name @duration @delay @ease;
}

.transition (@transition) {
  -webkit-transition: @transition;
  -moz-transition: @transition;
  -ms-transition: @transition;
  -o-transition: @transition;
}

.transform(@string) {
  -webkit-transform: @string;
  -moz-transform: @string;
  -ms-transform: @string;
  -o-transform: @string;
  transform: @string;
}

.scale (@factor) {
  -webkit-transform: scale(@factor);
  -moz-transform: scale(@factor);
  -ms-transform: scale(@factor);
  -o-transform: scale(@factor);
  transform: scale(@factor);
}

.rotate (@deg) {
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -ms-transform: rotate(@deg);
  -o-transform: rotate(@deg);
  transform: rotate(@deg);
}

.skew (@deg, @deg2) {
  -webkit-transform: skew(@deg, @deg2);
  -moz-transform: skew(@deg, @deg2);
  -ms-transform: skew(@deg, @deg2);
  -o-transform: skew(@deg, @deg2);
  transform: skew(@deg, @deg2);
}

.translate (@x, @y:0) {
  -webkit-transform: translate(@x, @y);
  -moz-transform: translate(@x, @y);
  -ms-transform: translate(@x, @y);
  -o-transform: translate(@x, @y);
  transform: translate(@x, @y);
}

.translate3d (@x, @y: 0, @z: 0) {
  -webkit-transform: translate3d(@x, @y, @z);
  -moz-transform: translate3d(@x, @y, @z);
  -ms-transform: translate3d(@x, @y, @z);
  -o-transform: translate3d(@x, @y, @z);
  transform: translate3d(@x, @y, @z);
}

.perspective (@value: 1000) {
  -webkit-perspective: @value;
  -moz-perspective: @value;
  -ms-perspective: @value;
  perspective: @value;
}

.transform-origin (@x:center, @y:center) {
  -webkit-transform-origin: @x @y;
  -moz-transform-origin: @x @y;
  -ms-transform-origin: @x @y;
  -o-transform-origin: @x @y;
}

.background(@path, @position: center center, @repeat: no-repeat) {
  background: url(@path) @position @repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.text-overflow(@lineClamp, @lineHeight) {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @lineClamp;
  overflow: hidden;
  height: @lineClamp * @lineHeight;
}

.placeholder-style(@placeholder-font, @placeholder-color) {

  &::-webkit-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &::-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-ms-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

}


/**
*
  Подключение шрифтов
*
**/
@font-face {
  font-family: Muller;
  src: url('../fonts/MullerRegular.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url('../fonts/MullerBlack.woff2') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url('../fonts/MullerBold.woff2') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url('../fonts/MullerLight.woff2') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url('../fonts/MullerMedium.woff2') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: Muller;
}


/**
*
  Общие классы
*
**/
.show {
  display: block !important;
}

.hide,
.xs-show,
.sm-show,
.md-show {
  display: none !important;
}

.flf {
  float: left !important;
}

.flr {
  float: right !important;
}

.clear {
  display: block;
  clear: both;
}

.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

.pos_rel {
  position: relative;
}

.ypos_ab {
  position: absolute;
  top: 50%;
  .translate(0, -50%);
}

.xpos_ab {
  position: absolute;
  left: 50%;
  .translate(-50%, 0);
}

.pos_absc {
  position: absolute;
  top: 50%;
  left: 50%;
  .translate(-50%, -50%);
}

.c_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.b_img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.psevdo-item {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

body {
  background: url("../imgs/body-bg.jpg");
  background-position: center;
  background-repeat: repeat;
}

.wrap {
  margin: 0 auto;
  width: 1300px;
}

a {
  color: inherit;
}

.header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-bottom: 20px;
  background: url("../imgs/header.png");
  .b_img;

  &-transparent {
    background: transparent;
  }

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

  &-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0px 0px 20px 20px;
    width: 200px;
    height: 92px;
  }

  &-socs {
    margin-right: 30px;
  }

  &-contacts {
    margin-bottom: 10px;
    display: flex;
    align-items: center;

    a {
      margin-right: 15px;

      &:last-child {
        margin-right: 0;
      }

      font-size: 18px;
      line-height: 18px;

      color: #FFFFFF;
    }
  }

  &-contacts {
    display: flex;
    align-items: center;
  }

  &-right {
    text-align: right;
    padding-top: 20px;
  }

  &-zvonok {
    font-size: 16px;
    line-height: 16px;
    text-decoration-line: underline;

    color: #FFD74A;

    opacity: 0.7;
    cursor: pointer;
  }

  &-menu {
    margin: 0 40px;

    ul {
      display: flex;

      li {
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        margin: 0 20px;
        padding: 6px 0;
        /* identical to box height */

        letter-spacing: 0.05em;
        text-transform: uppercase;

        color: #FFFFFF;
        position: relative;

        &:after {
          position: absolute;
          top: 100%;
          left: 0;
          content: "";
          background: #FFC348;;
          height: 2px;
          width: 0;
          border-radius: 2px;
          .transition();
        }

        .transition();

        &:hover {
          &::after {
            width: 100%;
          }

          color: #FFC348;

        }
      }
    }
  }

  z-index: 40;
}

.yellow-btn {
  background: linear-gradient(273.58deg, #FFD74B 0%, #FBA90B 100%);
  border-radius: 6px;
  padding: 0 50px;
  height: 65px;

  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  .transition();
  text-transform: uppercase;
  box-shadow: 0px 2px 15px rgba(54, 47, 21, 0.3), 0px 4px 40px rgba(255, 215, 82, 0.4);
  border-bottom: 3px solid #CFAD35;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  /* identical to box height */

  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #1B2C37;
  padding-top: 5px;
}

.d1 {
  height: 940px;
  background: url("../imgs/d1-bg.png");
  .b_img;

  .wrap {
    padding-top: 280px;
    height: 100%;
    position: relative;
  }

  &-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  &-pris {
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
    /* identical to box height, or 138% */


    color: #FFFFFF;
    margin-left: 25px;
  }

  &-btns {
    display: flex;
    align-items: center;
  }

  &-left {
    width: 490px;

    p {
      font-weight: 500;
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 55px;
      /* or 150% */


      color: #FFFFFF;
    }
  }

  &-img {
    position: absolute;
    .xpos_ab;
    bottom: -105px;
    max-width: 1000000px;
  }

  &-sum {
    color: transparent;
    font-weight: 500;
    font-size: 145px;
    margin-bottom: 30px;
    line-height: 90px;
    /* or 62% */


    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.8);
  }

  &-ttl {
    font-weight: 800;
    font-size: 77px;
    line-height: 90px;
    justify-content: space-between;
    display: flex;
    margin-bottom: 60px;
    text-transform: uppercase;

    color: #FFFFFF;

    text-shadow: 0px 4px 40px rgba(27, 49, 63, 0.2);
  }

  &-content {
    z-index: 5;
    position: relative;
  }

  &-flex {
    display: flex;
    justify-content: space-between;
  }

  &-right {
    width: 360px;

  }

  &-location {
    img {
      margin-right: 20px;
      flex-shrink: 0;
    }

    font-size: 18px;
    line-height: 24px;
    /* or 133% */


    color: #FFFFFF;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 15px;
  }
}

.d2 {
  &-slid {
    &-flex {
      display: flex;
      justify-content: space-between;
    }

  }

  &-btns {
    display: flex;
  }

  &-time {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 15px;
    border: 1px solid #CDDEEA;
    box-sizing: border-box;
    border-radius: 6px;

    svg {
      margin-right: 15px;
      flex-shrink: 0;
    }

    span {
      font-size: 14px;
      line-height: 28px;
      /* identical to box height, or 200% */


      color: rgba(38, 98, 142, 0.5);

    }
  }

  &-more {
    border: 2px solid #FBAA0D;
    box-sizing: border-box;
    border-radius: 6px;
    padding-top: 3px;
    width: 180px;
    height: 52px;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    /* identical to box height */

    letter-spacing: 0.1em;
    text-transform: uppercase;

    color: #FBAA0D;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
  }

  &-left {
    width: 460px;

    p {
      font-weight: 800;
      font-size: 22px;
      line-height: 28px;
      /* or 127% */


      color: #26628E;

      b,strong {
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 35px;
        font-size: 36px;
        line-height: 30px;
        /* identical to box height, or 83% */

        text-transform: uppercase;

        color: #FCAF13;
        display: block;
      }
    }
  }

  &-img {
    width: 390px;
    height: 220px;

    img {
      filter: drop-shadow(0px 0px 15px rgba(15, 94, 187, 0.12));
      border-radius: 20px;
      .c_img;
    }
  }

  z-index: 4;
  position: relative;
  margin-top: -80px;

  .wrap {
    padding: 40px 180px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
    box-shadow: 0px 0px 10px rgba(15, 94, 187, 0.05);
    border-radius: 20px;
    border-bottom: 6px solid #FAFAFA;;

  }
}

.standart-btn {
  border: 2px solid rgba(49, 130, 187, 0.71);
  box-sizing: border-box;
  border-radius: 6px;
  height: 65px;
  padding: 0 25px;
  display: flex;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  /* identical to box height */

  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: rgba(36, 94, 135, 1);

  align-items: center;
  justify-content: center;
  padding-top: 5px;
  .transition();

  &:hover {
    border: 2px solid rgba(49, 130, 187, 1);

    color: rgba(36, 94, 135, 1);

  }
}





.gallery {
    display: flex;
    flex-wrap: wrap;
    figure{
        
        width: 32%;
        img{
            height: auto!important;
        }
        margin-right: 2%;
        &:last-child,&:nth-child(3n){
            margin-right: 0
        }
    }
    
}
.gallery-columns-2{
    justify-content: space-between;
    figure{
        margin-right: 0!important;
        width: ~"calc(50% - 10px)";
    }
}


.d3-big{
  margin-bottom: 20px;
}

.dark{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
}
.modal{
  .pos_absc;
  background: linear-gradient(180deg, #1D4F72 0%, #397599 100%);
  border-radius: 10px;
  width: 550px;
  position: fixed;
  z-index: 101;
  padding: 55px 85px;
  &-close{
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 20px;
  }
  &-ttl{
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    /* or 118% */
margin-bottom: 20px;
    text-align: center;

    color: #FFFFFF;
    text-align: center;
  }
}

.pd1-right br{display: none}
.article-date{
  flex-shrink: 0;
}
.standart-table p{
  display: none;
}
.article .standart-text p img{
  height: auto;
}
.d11-item{
  display: block;
}
.docs-item{
  img{
    .c_img;
  }
}
.standart-ttl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 65px;

  h2,h1 {
    font-weight: 500;
    font-size: 60px;
    line-height: 90px;
    /* or 150% */


    color: #20557B;

  }

  align-items: center;
}

.d3 {
  margin-top: 125px;

  &-flex {
    display: flex;
    flex-wrap: wrap;

    justify-content: space-between;
  }

  &-item {
    width: 310px;
    height: 132px;
    left: 640px;
    top: 1722px;

    background: linear-gradient(97.66deg, #245D86 0%, #3184BF 96.99%);
    border-radius: 7px;
    display: flex;
    padding: 0 40px;
    align-items: center;
    margin-bottom: 20px;

    p {
      font-weight: 500;
      font-size: 16px;
      line-height: 22px;
      /* or 137% */


      color: #FFFFFF;
    }
  }

  &-icon {
    width: 65px;
    flex-shrink: 0;
    margin-right: 35px;
  }

  &-right {
    width: ~"calc(50% - 10px)";
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  &-big {
    width: ~"calc(50% - 10px)";
    border-radius: 7px;
    overflow: hidden;

    h3 {
      font-weight: 500;
      font-size: 30px;
      line-height: 40px;
      /* or 133% */


      color: #FFFFFF;

    }

    height: 285px;
    .b_img;
    padding-left: 310px;
    display: flex;
    align-items: center;
  }
}

.d4 {
  margin-top: 130px;

  &-flex {
    justify-content: space-between;
    display: flex;
  }

  &-item {
    border-radius: 7px;
    width: 310px;
    height: 212px;
    cursor: pointer;
    margin-bottom: 25px;

    position: relative;
    overflow: hidden;

    &:hover {

      .d4-ttl {
        text-decoration: underline;

        &::after {
          width: 10px;
        }
      }

      .d4-shadow {
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 96, 153, 0.57) 14.15%, #006099 100%);

      }
    }

    .b_img;

  }

  &-ttl {
    position: absolute;
    bottom: 30px;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    /* or 131% */


    color: #FFFFFF;
    padding: 0 20px;

    &::after {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      .transition();
      width: 4px;
      content: "";
      background: #FFC01B;;
    }
  }

  &-shadow {
    .transition();

    background: linear-gradient(180deg, rgba(49, 43, 45, 0) 14.15%, #13182B 100%);
    border-radius: 0px 0px 7px 7px;
    height: 154px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  &-big {
    width: ~"calc(50% - 10px)";

    .d4-item {
      width: 100%;
      height: 450px;

    }

    .d4-shadow {
      height: 220px;

    }
  }

  &-right {
    width: ~"calc(50% - 10px)";
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.d5 {
  margin-top: 150px;

  &-item {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.08);
    border-radius: 7px;
    width: 177px;
    height: 131px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  &-flex {
    display: flex;
    justify-content: space-between;
  }
}

.d6 {
  margin-top: 170px;
  padding-top: 100px;
  padding-bottom: 160px;

  .standart-btn {
    border: 2px solid #FFC01B;
    width: 270px;
    margin: 0 auto;
    padding: 0 15px;
    color: #FFC01B;

  }

  &-date {
    background: linear-gradient(97.66deg, #5AA4D9 0%, #1D9BF5 96.99%);
    border-radius: 7px;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */


    color: #FFFFFF;
    top: -15px;
    position: absolute;
    width: 97px;
    height: 30px;
    padding-top: 2px;
    .xpos_ab;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  &-before {
    bottom: -67px;
    .xpos_ab;
    font-size: 230px;
    line-height: 24px;
    /* identical to box height, or 10% */

    display: flex;
    align-items: flex-end;
    text-align: center;

    color: #FFFFFF;

  }

  &-more {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    text-decoration-line: underline;

    color: #007CC5;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
  }

  &-body {
    position: relative;

    h3 {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      /* identical to box height, or 120% */

      text-align: center;

      color: #000000;

    }

    p {
      margin-top: 15px;
      display: none;

      &:nth-child(2) {
        display: block;
      }

      font-style: italic;
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;

      color: #000000;
    }

    background: #FFFFFF;
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.3);
    border-radius: 7px;
    width: 818px;
    margin: 0 auto;
    padding: 55px 70px;
    text-align: center;
  }

  background: url("../imgs/d6.jpg");
  .b_img;

  .standart-ttl {
    h2 {
      color: white;
    }
  }

  &-slider {

  }

  &-slid {
    padding-bottom: 75px;
    padding-top: 15px;
  }
}

.d7 {
  margin-top: 130px;

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

  .standart-ttl {
    display: block;
    line-height: 80px;


    .standart-btn {
      width: 323px;
      margin-top: 50px;
    }
  }
}

.d8 {
  margin-top: 135px;

  &-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  &-img {
    height: 225px;

    img {
      .c_img;
    }
  }

  &-item {
    p {
      padding: 30px;
      font-size: 16px;
      line-height: 26px;
      /* or 162% */

      span {
        color: #9E9E9E;
      }


      color: #3F4449;

      b {
        font-weight: 500;
        font-size: 24px;
        display: block;
        margin-bottom: 10px;
        line-height: 24px;
        /* identical to box height, or 100% */


        color: #20557B;

      }
    }

    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.08);
    border-radius: 10px;
    width: 310px;

  }

}

.d9 {
  margin-top: 150px;
  padding: 150px 0;
  background: url("../imgs/d9.jpg");
  .b_img;

  &-flex {
    display: flex;
    justify-content: space-between;
  }

  &-icon {
    height: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }

  &-item {
    text-align: center;
    width: 290px;

    p {
      font-weight: 300;
      font-size: 16px;
      line-height: 22px;
      /* or 137% */

      text-align: center;

      color: #000000;

    }

    b {
      display: block;
      margin: 15px 0;
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      /* or 120% */


      color: #000000;
    }

    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(27, 49, 63, 0.3);
    border-radius: 7px;
    padding: 30px;
    padding-bottom: 60px;
  }

  &-right {
    font-weight: 300;
    font-size: 50px;
    line-height: 50px;
    padding-top: 20px;
    display: flex;
    align-items: flex-start;

    img {
      margin-right: 60px;
      margin-top: 5px;
    }

    /* or 100% */


    color: #FFFFFF;
  }

  &-head {
    display: flex;
    justify-content: space-between;

    h2 {
      font-weight: 800;
      font-size: 130px;
      line-height: 190px;
      /* or 146% */

      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase;

      color: transparent;
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: white;
    }
  }
}

.d10 {
  margin-top: 150px;

  .wrap {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;

    ul {
      margin-bottom: 30px;

      li {
        padding-left: 60px;
        position: relative;

        &::after {
          position: absolute;
          width: 7px;
          height: 7px;
          .ypos_ab;
          background: #006099;

          content: "";
          border-radius: 50%;
          left: 40px;
        }
      }
    }

    p {
      margin-bottom: 30px;
    }

    /* or 167% */


    color: #464646;

  }
}

.d11 {
  margin-top: 120px;

  &-flex {
    display: flex;
    justify-content: space-between;
  }

  &-item {
    background: #FFFFFF;
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.08);
    border-radius: 10px;
    overflow: hidden;
    width: 310px;
  }

  &-content {
    padding: 20px;

    h4 {
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      /* or 133% */


      color: #20557B;
    }

    p {
      font-size: 14px;
      line-height: 20px;
      /* or 143% */

      margin-top: 7px;
      margin-bottom: 15px;

      color: #3F4449;
    }

    span {
      font-size: 11px;
      line-height: 22px;
      /* identical to box height, or 200% */


      color: #BEBEBE;

    }
  }

  &-img {
    img {
      .c_img;
    }

    height: 190px;

  }
}

.d12 {
  margin-top: 150px;
  background: url("../imgs/d12.jpg");
  padding: 75px 0;
  .b_img;

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

  }

  &-left {
    width: 510px;

    .h2 {
      font-size: 64px;
      font-weight: normal;

      line-height: 70px;
      /* or 109% */
      margin-bottom: 30px;

      color: #FFFFFF;

    }

    p {
      font-size: 20px;
      line-height: 30px;
      /* or 150% */


      color: #FFFFFF;

    }
  }

  &-right {
    width: 390px;
    margin-right: 100px;

    p {
      margin-top: 15px;
      font-size: 13px;
      line-height: 16px;
      /* or 123% */

      text-align: center;

      color: #FFFFFF;

      opacity: 0.5;

      a {
        text-decoration: underline;
      }
    }

    .yellow-btn {
      width: 100%;
    }

    input {
      background: #FFFFFF;
      height: 65px;
      border: 1px solid #FFFFFF;
      box-sizing: border-box;
      box-shadow: 0px 8px 15px rgba(0, 123, 255, 0.05);
      border-radius: 7px;
      margin-bottom: 10px;
      color: #006099;;
      width: 100%;
      font-size: 16px;
      line-height: 16px;
      text-align: center;
    }
  }

}

.footer {
  background: white;

  &-head {
    &-item {
      display: flex;
      align-items: center;

      a {
        font-weight: 500;
        font-size: 18px;
        line-height: 100%;
        /* identical to box height, or 18px */


        color: #21386B;
      }

      span {
        font-size: 12px;
        line-height: 100%;
        /* identical to box height, or 12px */
        display: block;
        margin-top: 10px;

        color: #21386B;

        opacity: 0.5;
      }
    }

    &-icon {
      width: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      background: rgba(186, 230, 255, 0.2);
      margin-right: 20px;

    }

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
  }

  &-center {
    justify-content: space-between;

    ul {
      display: flex;
      align-items: center;

      li {
        font-size: 16px;
        line-height: 16px;
        /* identical to box height */


        color: #000000;
        margin-left: 70px;
      }
    }

    display: flex;
    align-items: center;
    padding: 20px 0;
    border-top: 0.5px dashed #C2C2C2;
    border-bottom: 0.5px dashed #C2C2C2;

  }

  &-bottom {
    padding-top: 30px;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;

    &-right {
      & > ul {
        display: flex;

        & > li {
          font-size: 14px;
          line-height: 36px;
          /* or 257% */


          color: #767676;
          margin-left: 65px;

          & > a {
            display: none;
          }
        }
      }
    }

    &-left {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      span {
        font-size: 12px;
        line-height: 20px;
        /* or 167% */


        color: #21386B;

        opacity: 0.5;
      }

      a {
        font-size: 12px;
        line-height: 20px;
        /* identical to box height, or 167% */


        color: #21386B;

      }
    }
  }
}

.d9-icon {
  img {
    max-height: 100%;
  }
}

.owl-next {
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #FFC01B !important;

  width: 70px;
  height: 70px;
  .ypos_ab;
  .transition();
  display: flex;
  left: ~"calc(100% + 60px)";

  align-items: center;
  justify-content: center;
}

.owl-prev {
  box-sizing: border-box;
  right: ~"calc(100% + 60px)";
  border-radius: 50%;
  border: 2px solid #FFC01B !important;
  .ypos_ab;
  .transition();


  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-next, .owl-prev {
  path {
    .transition();

  }

  &:hover {
    background: #FFC01B !important;

    path {
      stroke: #1B2C37 !important;
    }
  }

}

.owl-stage {
  overflow-x: visible;
}

.owl-item {
  .transition();
  opacity: 0;

  &.active {
    opacity: 1;
  }
}

.owl-carousel {
  div {
    max-width: 10000000px;

  }
}

.d6-slider {
  .owl-prev {
    left: 0;
    right: auto;
  }

  .owl-next, .owl-prev {
    transform: none;
    top: 120px;
  }

  .owl-next {
    right: 0;
    left: auto;
  }
}

.d7 {
  .standart-ttl {
    width: 420px;
  }
}

.d7 .wrap {
  align-items: flex-start;
  flex-wrap: wrap;
}

.d7-slider {
  margin-right: 140px;
  width: 320px !important;
}

a {
  .transition();
}

.header {
  a {
    &:hover {
      color: #FFC348;
    }
  }

  .header-zvonok {
    .transition();

    &:hover {
      opacity: 1;
    }
  }
}

.header-socs a {
  img {
    .transition();

  }

  &:hover {
    img {
      transform: scale(1.2);

    }
  }
}

.yellow-btn {
  .transition();

  &:hover {
    color: white;
    box-shadow: 0px 2px 15px rgba(54, 47, 21, 0.6), 0px 4px 40px rgba(255, 215, 82, 0.6);

  }
}

.d6 .standart-btn, .d2-more {
  &:hover {
    color: white;
    background: #FFC01B;

  }
}

.d3-item, .d3-big {
  cursor: pointer;
  .transition();

  &:hover {
    box-shadow: 0px 0px 35px rgba(49, 132, 191, 1);

  }
}

.d6-more, .d12-right p a {
  .transition();

  &:hover {
    opacity: 0.6;
  }

}

.d5-item, .d11-item {
  cursor: pointer;
  .transition();

  &:hover {
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.38);
  }
}

.footer a {
  .transition();

  &:hover {
    color: #FFC348;
  }
}

.standart-text {
  padding-left: 90px;
  padding-right: 30px;
  font-size: 20px;
  line-height: 30px;

  blockquote {
    position: relative;

    &::after {
      position: absolute;
      left: -90px;
      top: 10px;
      bottom: 10px;
      background: #FCAF13;;
      content: "";
      width: 2px;
    }
  }

  a {
    font-weight: 800;
    text-decoration: underline;
    color: #FCAF13;;
    .transition();

    &:hover {
      opacity: 0.6;
    }
  }

  /* or 150% */


  color: #464646;

  p {

  }
}

.d1ab {
  .standart-text {
    color: white;
  }

  height: 750px;
  background: url("../imgs/d1-bg.png");
  .b_img;
  padding-top: 245px;

  &-ttl {
    display: flex;
    margin-bottom: 90px;

    h2 {
      white-space: nowrap;
      font-weight: 800;
      font-size: 72px;
      line-height: 90px;
      /* identical to box height, or 125% */

      text-align: center;
      text-transform: uppercase;

      color: #FFFFFF;
      margin-right: 90px;

      text-shadow: 0px 4px 40px rgba(27, 49, 63, 0.2);
    }

    p {
      font-weight: 500;
      font-size: 24px;
      line-height: 36px;
      /* or 150% */


      color: #FFFFFF;

    }
  }
}

.team {
  margin-top: 135px;

  &-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 140px;
  }

  &-item {
    width: ~"calc(50% - 10px)";
    background: #FFFFFF;
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.08);
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    .transition();

    &:hover {
      box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.3);

    }

    display: flex;
    align-items: center;
  }

  &-tel {
    a {
      font-size: 16px;
      line-height: 26px;
      /* or 162% */


      color: #20557B;
      display: block;
      margin-top: 0px;
    }
  }

  &-content {

    span {
      font-size: 12px;
      line-height: 26px;
      /* or 217% */


      color: #9C9C9C;
      display: block;
    }

    padding: 30px;

    h4 {
      font-weight: 500;
      font-size: 24px;
      line-height: 24px;
      /* identical to box height, or 100% */


      color: #20557B;
      margin-bottom: 5px;
    }

    p {
      margin: 15px 0;
      font-size: 16px;
      line-height: 26px;
      /* or 162% */


      color: #464646;
    }

  }

  &-img {
    height: 370px;
    width: 310px;
    flex-shrink: 0;;

    img {
      .c_img
    }
  }
}

.docs {
  margin-top: 140px;

  &-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 120px;
  }

  &-item {
    border: 5px solid #FFFFFF;
    display: flex;
    margin-bottom: 20px;
    width: ~"calc(33.33% - 10px)";

    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0px 13px 80px rgba(28, 80, 115, 0.13);
    .transition();

    &:hover {
      box-shadow: 0px 13px 80px rgba(28, 80, 115, 0.3);

    }
  }
}

.owl-carousel .owl-stage-outer {
  overflow: visible !important;
}

.equipment {
  margin-top: 130px;

  &-flex {
    display: flex;
    margin-bottom: 140px;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  &-img {
    height: 227px;
    width: 100%;

    img {
      .c_img;
    }
  }

  &-ttl {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    padding: 30px;
    /* or 150% */


    color: #20557B;

  }

  &-item {
    background: #FFFFFF;
    margin-bottom: 20px;
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.08);
    .transition();

    &:hover {
      box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.3);

    }

    border-radius: 10px;
    width: ~"calc(25% - 15px)";
  }
}

.rew,.d6 {
  .d6-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .d6-body {
    padding: 50px;

  }

  .d6-doc {
    flex-shrink: 0;
    width: 150px;
    margin-left: 50px;

    img {
      width: 100%;
      filter: drop-shadow(0px 4px 60px rgba(32, 85, 123, 0.15));

    }
  }

  .d6-text {
    * {
      text-align: left;

    }
  }
}


.burger {
  display: none;
}

.dark {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  position: fixed;
  left: 0;
  right: 0;
  display: none;
  top: 0;
  bottom: 0;
  z-index: 100;
}

.burger-menu {
  .header-menu ul li {
    margin: 10px 0;
  }

  .header-menu {
    margin: 0;
  }

  .transition();
  left: -200px;

  &.active {
    left: 0;
  }

  width: 200px;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 101;
  padding: 0 15px;
  overflow-y: auto;
  background: #20557B;

  .header-menu ul {
    margin-top: 20px;
    width: 100%;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .header-zvonok {
    text-align: center;
  }

  .header-socs {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .header-contacts {
    flex-direction: column;
    align-items: center;
  }
}

.rew {
  margin-top: 140px;
}

.smargin {
  margin-top: 140px;
}

.sd1 {
  background: url("../imgs/sd1.png");
  .b_img;
  height: 750px;

  .wrap {
    padding-top: 240px;

  }

  .d1-left {
    width: 100%;
  }

  .d1-content {
    width: 600px;
  }

  .d1-ttl {
    span {
      font-size: 60px;
      line-height: 70px;
      /* or 117% */

      text-transform: uppercase;

      color: #FFFFFF;

      text-shadow: 0px 4px 40px rgba(27, 49, 63, 0.2);
    }
  }
}

.sd3 {
  &-text{
    position: relative;
    span{
      position: absolute;
      left: 0;
      font-size: 64px;
      line-height: 30px;

      color: #FCAF13;
      top: 16px;

    }
    padding-left: 100px;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */


    color: #464646;

  }
  &-flex {
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .standart-ttl {
      margin-bottom: 0;
    }

    h2 {
      font-size: 60px;
      line-height: 72px;
    }
  }

  &-table {
    background: #FFFFFF;
    box-shadow: 0px 4px 60px rgba(15, 117, 187, 0.1);
    border-radius: 7px;
    width: 600px;
    overflow: hidden;

    table {


      td {

        width: 50%;

      }
    }
  }
}
.header-shadow{
  height: 110px;

}

.yellow-btn{
  svg  {
    margin-right: 25px;
    path{
      .transition();
    }
  }
  &:hover{
    path{
      fill:white!important;
    }
  }
}
table {
  tr:first-child{
    td{
      background: #3184BF;
      color: #FFFFFF;

    }
  }
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  /* identical to box height */

  text-align: center;

  color: #464646;
  tr:last-child {
    td {
      border-bottom: 0;
    }
  }

  tr:first-child {
    td {
      border-top: 0;
    }
  }

  td {      padding: 15px;

    &:first-child {
      border-left: 0;
    }

    &:last-child {
      border-right: 0;
    }

    border: 1px solid #C4DAE9;

  }
}


.sd4{
   &-slider{
     width: 1020px!important;
     margin: 0 auto;
     .d4-item{
       width: 500px;
       height: 346px;
     }
   }
}
.d12.sd5{
  background: url("../imgs/sd5.png");
  .b_img;
  .d12-left{
    width: 625px;
    .h2{
      font-size: 55px;
      line-height: 60px;
      /* or 109% */
    }
  }
}
.sd7-slider{
  width: 1040px!important;
  margin: 0 auto;
  .owl-item{display: flex;justify-content: center}
}
.sd7-item{
  box-sizing: border-box;                               width: 312px;
  height: 440px;
  filter: drop-shadow(0px 13px 80px rgba(28, 80, 115, 0.1));
}
.standart-text{
  h2{
    font-weight: 500;
    font-size: 60px;
    line-height: 80px;
    /* or 133% */


    color: #20557B;
margin-bottom: 55px;
    text-align: center;
  }
  ul{
    margin-top: 40px;
    margin-bottom: 120px;
   li{
     font-size: 20px;
     line-height: 30px;
     a{
       font-weight: normal;
       font-size: 20px;
       line-height: 30px;
       /* or 150% */

       text-decoration-line: underline;

       color: #006BAA;
     }
     &:after{
       content: "";
       position: absolute;
       top: 10px;
       left: 0;                                     width: 10px;
       height: 10px;
       border-radius: 50%;
       background: #FCAF13;
     }
     /* or 150% */
     margin-bottom: 40px;
     padding-left: 40px;
     position: relative;


     color: #464646;
   }
  }
  h5{
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    /* identical to box height, or 136% */

    margin-top: 50px;
    color: #464646;
  }
}
.services-page{
background: #F6F6F6!important;
}
.faq{
  &s{
    width: 1110px;
    margin: 0 auto;
  }
  &-item{
    background: #FFFFFF;
    box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.08);
    .transition();
    &:hover{
      box-shadow: 0px 13px 60px rgba(15, 94, 187, 0.38);

    }
    border-radius: 7px;
    margin-bottom: 15px;
  }
  &-content{
    font-size: 16px;
    line-height: 26px;
    /* or 162% */

                          display: none;
    color: #2A2D38;
    padding: 35px 90px;
    padding-top: 0;

  }
  &-head{
    cursor: pointer;
    svg{
    path{
      .transition();

    }
      .transition();
    }
    &.active{
      svg{
        transform: rotate(180deg);
        path{
          stroke:  #246D99!important;
        }
      }
    }
    padding: 35px 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    span{
      font-weight: bold;
      font-size: 20px;      color: #246D99;

      line-height: 24px;
    }
  }
}

.sd9{
  h2{
    color: #FFFFFF;

  }
  .d9-icon{
    margin-bottom: 20px;
  }
  .standart-text{
    color: #FFFFFF;
    margin-bottom: 80px;
  }
}
.sd10{
  &-slider{
    width: 1040px!important;
    margin: 0 auto;

  }
  .d11-item{
    width: 310px!important;

  }
}
.pd1{
  &-flex{
    display: flex;
    justify-content: space-between;align-items: flex-start;
  }
  &-right{
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
    box-shadow: 0px 0px 10px rgba(15, 94, 187, 0.05);
    border-radius: 20px;
    width: 445px;
    padding: 40px;
    b{
      font-weight: bold;
      font-size: 22px;
      margin-bottom: 20px;
      line-height: 30px;
display: block;

      color: #464646;
    }
    a{
      margin-top: 5px;
      display: block;
      .transition();
      cursor: pointer;
      font-weight: 500;
      font-size: 18px;
      line-height: 36px;
      /* or 200% */
           &:hover{
             text-decoration-line: underline;

           }

      color: #3184BF;
      
    }
  }
  &-left{
    width: 640px;
    display: flex;
    flex-direction: column;     .standart-text{
   padding-right: 0;
  }
    .yellow-btn{
      margin-top: 60px;
    }
    align-items: flex-start;
  }

  &-ttl{
    font-weight: 800;          color: #20557B;
    color: #20557B;
    text-transform: uppercase;

    font-size: 60px;
    line-height: 70px;
  }
}
table{
  td{
    vertical-align: middle;

  }
}
.standart-text{
  blockquote+h2{
margin-top: 140px;  }
  blockquote+p{
    margin-top: 45px;
  }
  h2{
    font-weight: 500;
    font-size: 60px;
    line-height: 80px;
    /* or 133% */

    text-align: center;

    color: #20557B;

  }
}
.pris{
  &-start{
    padding: 60px;
    display: flex;                              font-size: 44px;
    line-height: 44px;
    /* identical to box height */

    text-align: center;

    color: #464646;


    align-items: center;justify-content: center;
  }
  &-left{
     flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 20px;
    h3{
      margin-bottom: 65px;
      font-weight: 500;
      font-size: 48px;
      line-height: 60px;
      /* or 125% */


      color: #20557B;
      text-align: left;
    }
  }
  &-right{
    background: #FFFFFF;
    box-shadow: 0px 4px 60px rgba(15, 117, 187, 0.1);
    border-radius: 7px;                               width: 600px;

    overflow: hidden;
  }
  &-item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}


.global-ttl{
h2{
  font-weight: 800;
  font-size: 72px;
  line-height: 70px;
  /* or 97% */

  text-transform: uppercase;
}

  color: #20557B;
}
.projects-flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.projects-more{
  .line{
     background: rgba(108, 165, 205, 0.7);
    flex-grow: 1;
    height: 1px;
  }
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: space-between;
  .standart-btn{
    margin: 0 45px;
    width: 260px;
  }
}
.projects-section{
  margin-bottom: 120px;
  &>h2{
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    text-align: left;
    /* or 125% */


    color: #20557B;
margin-bottom: 40px;
  }
  .d4-item{
    margin-bottom: 0;
    width: ~"calc(33.33% - 10px)";
    height: 292px;
    margin-top: 20px;

    .d4-ttl{
      font-size: 16px;
      line-height: 22px;
    }
  }
}

.project{
  blockquote{
    font-size: 30px;
    line-height: 48px;
  }
  &-flex{
    margin: 90px 0;
    display: flex;
    align-items: center;
  }
  &-ttl{
    span{
      font-weight: 500;
      font-size: 24px;
      color: #949494;
    }
    h3,h2{
      font-weight: 500;
      font-size: 36px;
      line-height: 50px;
      /* or 139% */


      color: #464646;
    }
    div{
      height: 1px;
      width: 100%;
      background: #FCAF13;
      margin: 35px 0 ;
    }
  }
  &-location{
    padding-left: 90px;
    b{
      font-size: 64px;
      line-height: 30px;
      /* or 47% */
      font-weight: normal;


      color: #464646;

    }
    p{
      font-weight: 500;
      font-size: 20px;
      /* or 150% */


      color: #464646;

    }
    border-left: 2px solid #FCAF13;
    span{
      display: block;
      font-weight: 500;
      font-size: 16px;
      /* or 187% */


      color: #949494;
      margin-bottom: 30px;
    }
    &:first-child{
      width: 640px;
      margin-right: 140px;
    }

  }

  &-head{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    h2,h1{
      font-weight: bold;
      font-size: 48px;
      line-height: 70px;
      /* or 146% */

      text-transform: uppercase;

      color: #20557B;
    }
  }
  &-img{
    border-radius: 7px;
    width: 370px;
    height: 270px;
    overflow: hidden;
    margin-left: 100px;
    flex-shrink: 0;
    img{.c_img}
  }
}

.d11-flex{
  flex-wrap: wrap;

}
.news{
  .d11-item{
    margin-bottom: 20px;
  }
}
.wp-pagenavi{
  display: flex;
}
.pagination{
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  a,span{margin: 0 7.5px}

  path{
    .transition();
  }
  //span{
  //  font-size: 16px;
  //  line-height: 40px;
  //  /* identical to box height, or 250% */
  //
  //
  //  margin: 0 25px;
  //  color: #20557B;
  //}
  .previouspostslink,.nextpostslink,& a,span{

    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    .transition();
    &:hover,&.active , span.current{
      path{
        stroke: white!important;
      }
      background: linear-gradient(97.66deg, #245D86 0%, #3184BF 96.99%);
      color: white;
      border: transparent;
    }
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 7px;
    width: 56px;
    height: 56px;
  }
  .previouspostslink{
    margin-right: 65px!important;
  }
  .nextpostslink{
    margin-left: 65px!important;
  }
}
.article-ttl{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  h1{
    font-weight: bold;
    font-size: 48px;
    line-height: 70px;
    /* or 146% */

    text-transform: uppercase;

    color: #20557B;

  }
}
.pagination .nextpostslink,.pagination .prevpostslink{
  color: #20557B!important;
}
.wp-pagenavi span.current{
  background: linear-gradient(97.66deg, #245D86 0%, #3184BF 96.99%)!important;
  color: white!important;
  border: transparent!important;
}
.article-date{
  width: 170px;
  padding-left: 50px;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  /* or 150% */

  border-left: 2px solid #FCAF13;
  color: #949494;

}
.standart-text{
  h3{
    font-weight: 500;
    font-size: 36px;
    line-height: 50px;
    margin-top: 70px;
    /* or 139% */


    color: #464646;
margin-bottom: 55px;
  }
}
.article{
  .standart-text{
    p{
      margin-bottom: 30px;

    }
    ul{
      margin-bottom: 50px;
    }
    p{
      img{
        border-radius: 7px;
        width: ~"calc(50% - 10px)";
         &:first-child{
           margin-right: 20px;
         }
      }
    }
  }
}
.article-img{
  margin: 70px 0;
  width: 100%;
  border-radius: 7px;overflow: hidden;
  img{
    .c_img ;

  }
}
.contact{
  background: #FFFFFF;
  width: 100%;
  margin-bottom: 100px;
  display: flex;
  &-item{
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    margin: 35px 0;
    /* or 144% */


    color: #000000;


  }
  &-icon{margin-right: 15px}
  justify-content: space-between;
  &-content{
    width: 50%;
    padding: 90px 70px;
  }
  &-map{
    width: 50%;
    iframe{
      .c_img;
      filter:grayscale(1);
    }
  }
}
.contact-text{
  h5{
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    /* identical to box height, or 125% */


    color: #464646;

    margin-bottom: 40px;
  }

}
.contact-flex{
  display: flex;
  p{                   font-size: 20px;
    line-height: 30px;
    padding-right: 100px;    /* or 150% */


    color: #464646;
    width: 50%;
  }
}
.header-logo{
  align-items: center;
}
.pagination .pages{
  display: none;
}
.footer-bottom-right > ul > li{
  line-height: 1.5;

  li{
    display: block;
    margin-bottom: 15px!important;
  }

}


/**
*
  Адаптивка
*
**/
@media only screen and(max-width: 1350px) {

  .d1ab-ttl h2 {
    font-size: 64px;
    line-height: 90px;
  }

  .d2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-menu ul li {
    margin: 0 20px;
  }

  .d3-right, .d3-item {
    width: ~"calc(50% - 10px)";
  }

  .d3-flex > .d3-item, .d11-item {
    width: ~"calc(25% - 15px)";
  }

  .footer-bottom-right > ul > li {
    margin-left: 45px;
  }

  .d8-item, .d9-item {
    width: ~"calc(25% - 15px)";

  }

  .d9-right {
    padding-top: 35px;
  }

  .d9-head h2 {
    font-size: 110px;
  }

  .d4-right {
    .d4-item {
      width: ~"calc(50% - 10px)";

    }
  }
}


.standart-text p{margin-bottom: 30px}
.standart-text img{
    margin-bottom: 30px;
}

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

  .md-show {
    display: block !important;
  }
  .contact{
    display: block;
    &-content{
      padding:30px 15px;
    }
  }
  .contact{
    margin-bottom: 40px;
  }
  .contact-flex{
    display: block;
  }
  .contact-flex p{
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4;
    width: 100%;
    padding-right: 0;
  }
  .contact-text h5{
    font-size: 20px;
  margin-bottom: 20px;
  }

  .contact-item{
    line-height: normal;
  }
  .contact-item{margin: 0;
  margin-bottom: 15px;
    &:last-child{
      margin-bottom: 0;
    }
  }
  .contact-icon{
    flex-shrink: 0;
  }
  .contact-content,.contact-map{
    width: 100%;
  }
  .article-ttl h1{
    font-size: 32px;
    line-height: 1.3;
  }
  .wrap{
    width: 420px;
  }
  .article-ttl{
    display: block;
  }
  .article .standart-text p img:first-child{
    margin-right: 0;
  }
  .article .standart-text p img{
    margin-bottom: 15px;
    width: 100%;
  }
  .article-img{
    margin: 30px 0;
  }
  .article .standart-text ul{
    margin-bottom: 25px;
  }
  .article .standart-text p{margin-bottom: 15px}
  .standart-text h3{
    margin-top: 35px;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .article-date{
    padding-left: 15px;
    width: 100%;
    font-size: 18px;
    margin-right: 0;
    line-height: normal;
    margin-top: 15px;
    br{
      display: none;


    }
  }

  .pagination a{
    margin: 0 5px;
  }
  .pagination span{
    margin: 0 5px;
  }
  .pagination-prev, .pagination-next, .pagination a{
    height: 40px;
    width: 40px;
  }
  .pagination-prev{
    margin-right: 5px!important;
  }.pagination-next{
    margin-left: 5px!important;
  }
  .projects-more{
    margin-top: 20px;
  }
  .projects-more .standart-btn{
    margin: 0 auto;
  }
  .projects-more .line{
    display: none;
  }
  .md-hide {
    display: none !important;
  }
  .project-head{
    flex-direction: column-reverse;
  }
  .project-img{
    margin: 0;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .project-head h1,
  .project-head h2{
    font-size: 28px;
    line-height: 1.4;
    br{display: none}
  }
  
  .projects-section .d4-item{
    width: 100%;
  }
  .project-location span{
    margin-bottom: 15px;
  }
  .project blockquote{
    font-size: 16px;
    line-height: normal;
  }
  .project-ttl h3  ,.project-ttl h2{
    font-size: 22px;
    line-height: normal;
  }
  .project-ttl span{
    font-size: 14px;
  }
  .project-ttl div{
    margin: 15px 0;
  }
  .project-location b{
    font-size: 36px;
    line-height: normal;
  }
  .project-location
  {
    margin-bottom: 20px;
    padding-left: 15px;
  }
  .project-location p{
    font-size: 16px;
    
  }
  .project-flex{
    margin: 30px 0;               display: block;
  }
  .projects-section{
    margin-bottom: 60px;
  }
  .projects-section > h2{
    font-size: 24px;
    line-height: normal;
    margin-bottom: 20px;
  }

  .pd1-flex{
    display: block;
  }
  .pd1-left{
.pd1-ttl{
  font-size: 32px;
  line-height: 1.3;
}
  }
  .pd1-left .yellow-btn{
    margin-top: 30px;
  }
  .pd1-right{
    padding:15px       ;
    margin-top: 20px;
  }
  .pd1-right a{
    font-size: 16px;
    line-height: normal;
    margin-top: 10px;
  }
  .pd1-right b{
    font-size: 18px;
    margin-bottom: 10px;
  }

  .burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 24px;

    div {
      width: 100%;
      height: 2px;
      background: white;
    }
  }

  .header-menu ul {
    display: none;
  }

  .header .wrap {
    align-items: center;
  }

  .header-logo {
    width: 170px;
    padding: 10px;
    height: 70px;
  }

  .d1 {
    height: auto;
    padding-bottom: 120px;
  }

  .d1-img {
    display: none;
  }

  .d1-right {
    margin-top: 25px;
  }

  .d1-location {
    font-size: 16px;
    line-height: normal;
  }

  .d2-slid-flex {
    width: 100%;
    display: block;
  }

  .d2 .wrap {
    padding: 25px 15px;
  }

  .d1-sum {
    line-height: normal;
    font-size: 80px;
    margin-bottom: 0px;
    text-align: center;
  }

  .d1-pris {
    margin: 0;
    margin-top: 10px;
    font-size: 22px;
    line-height: normal;
  }

  .yellow-btn {
    width: 100%;
    height: 50px;
  }

  .d1-btns {
    display: block;
    text-align: center;
  }

  .d1-left p {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: normal;

    br {
      display: none;
    }
  }

  .d1-flex {
    display: block;
  }

  .d1-ttl {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 30px;
  }

  .d1-ttl {
    display: block;
  }

  .d1 .wrap {
    padding-top: 120px;
  }

  .d2-left {
    width: 100%;
  }

  .d2-left p {
    br {
      display: none;
    }

    font-size: 18px;
    line-height: normal;
  }

  .d2-time {
    margin: 10px 0;
  }

  .owl-next {
    left: 100%;
    height: 30px;
    width: 30px;
    padding: 3px 10px;

    svg {
      width: 10px;
    }
  }

  .owl-prev {
    right: 100%;
    height: 30px;
    width: 30px;
    padding: 3px 10px;

    svg {
      width: 10px;
    }
  }
  .pd1-left .yellow-btn{
    padding-left: 25px;
    padding-right: 25px;
  }
  .standart-text blockquote + h2{
    margin-top: 40px;
  }
  .standart-text blockquote + p{
    margin-top: 30px;
  }
  .pris-start{
    padding: 20px;
    font-size: 28px;
    line-height: normal;
  }
  .pris-left{
    margin-right: 0;
    margin-bottom: 30px;
  }
  .pris-left h3{
    margin-bottom: 20px;
  }
  .standart-btn{
    height: 50px;
  }
  .pris-left h3{
    font-size: 28px;
    line-height: normal;
  }
  .pris-item{
    display: block;
  }
  table td{
    padding: 5px;font-size: 12px;
  }

  .d2-more {
    width: 100%;
  }

  .d2-btn {
    width: 100%;
  }

  .d2-btns {
    display: block;
  }

  .d2-left p b,.d2-left strong {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: normal;
  }

  .d2-img {
    width: 100%;
    height: auto;
  }

  .d3 {
    margin-top: 40px;
  }

  .standart-ttl {
    display: block;

    h2,h1 {
      font-size: 32px;
      line-height: normal;
      margin-bottom: 20px;
    }

  }

  .standart-ttl {
    margin-bottom: 40px;
  }

  .standart-btn {
    width: 100%;
  }

  .d3-right {
    width: 100%;
  }

  .d3-item {
    width: 100% !important;
  }

  .d4-right .d4-item {
    width: 100%;
  }

  .d4-right {
    width: 100%;
  }

  .d4-big {
    height: auto;

    .d4-item {
      height: 212px;

    }

    width: 100%;
  }

  .d4-flex {
    display: block;
  }

  .d3-big h3 {
    line-height: normal;
    font-size: 24px;
  }

  .d3-big {
    height: auto;
    padding: 60px 15px;
    margin-bottom: 20px;
    width: 100%;
  }

  .d7 .standart-ttl .standart-btn {
    margin-top: 0;
  }

  .d7-slider {
    margin: auto;
    width: 260px !important;
  }

  .d8-flex {
    display: block;
  }

  .d8-item {
    margin-bottom: 20px;
    width: 100%;
  }

  .d7, .d8, .d9 {
    margin-top: 40px;
  }

  .d9 {
    padding: 40px 0;
  }

  .d9-flex {
    display: block;
  }

  .d10 .wrap ul li::after {
    left: 5px;
  }

  .d10 .wrap ul li {
    padding-left: 30px;
  }

  .d10 {
    margin-top: 40px;

    .wrap {
      font-size: 16px;
      line-height: 1.4;
    }
  }

  .d11 {
    margin-top: 40px;

    &-flex {
      display: block;
    }

    &-item {
      margin-bottom: 20px;
      width: 100%;
    }
  }

  .d10 li {
    margin-bottom: 20px;
  }

  .d9-right {
    display: none;
  }

  .d9-head h2 {
    font-size: 42px;
    line-height: normal;
    margin-bottom: 20px;
  }

  .d9-item {
    margin-bottom: 20px;
    width: 100%;
  }

  .d6-body {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .d6-slider .owl-next {
    right: -15px;
  }

  .d6-slider .owl-prev {
    left: -15px;
  }

  .d5-flex {
    flex-wrap: wrap;
  }

  .d6 {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .d5-item {
    margin-bottom: 20px;
    padding: 10px;
    height: auto;
    width: ~"calc(50% - 10px)";
  }

  .d4, .d5 {
    margin-top: 40px;
  }

  .d12 {
    margin-top: 40px;
    padding: 40px 0;
  }

  .d12-right input {
    height: 50px;
  }

  .footer-head {
    display: block;
  }

  .footer-head-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }

  .d12-right {
    margin-top: 20px;
  }

  .d12-left .h2 {
    font-size: 42px;
    line-height: normal;
    margin-bottom: 20px;
  }

  .d12-left p {
    font-size: 16px;
    line-height: normal;
  }

  .d12 .wrap {
    display: block;
  }

  .footer-head-item {
    margin-bottom: 15px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .footer-bottom-right {
    display: none;
  }

  .footer-center {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer-bottom-left {
    width: 100%;
  }

  .footer-bottom {
    padding-top: 15px;
    text-align: center;
    padding-bottom: 30px;
  }

  .footer-center ul {
    flex-direction: column;
    align-items: center;
    justify-content: center;

    li {
      margin-left: 0;
      width: 100%;
      text-align: center;
      margin-top: 20px;
    }
  }

  .d1ab {
    height: auto;
    padding-bottom: 40px;
    padding-top: 120px;
  }

  .team-content {
    padding: 15px;
  }

  .team-content p {
    font-size: 14px;
    line-height: 1.5;
    margin: 5px 0;
  }

  .team-img {
    height: auto;
    width: 100%;
  }

  .team-item {
    width: 100%;
    display: block;
  }

  .d1ab-ttl, .team-flex, .docs-flex {
    margin-bottom: 40px;
  }

  .team, .equipment {
    margin-top: 40px;
  }

  .standart-text blockquote::after {
    left: -15px;
  }

  .docs, .rew {
    margin-top: 40px;
  }

  .standart-text {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 0;
    line-height: 1.5;
  }

  .equipment-flex {
    margin-bottom: 40px;
  }

  .equipment-ttl {
    padding: 15px;
  }

  .equipment-item {
    width: 100%;
  }

  .d1ab-ttl {
    display: block;
  }

  .d1ab-ttl h2 {
    margin-right: 0;
  }

  .d1ab-ttl h2 {
    font-size: 34px;
    line-height: normal;
    text-align: left;
    margin-bottom: 15px;

  }

  .d1ab-ttl p {
    font-size: 18px;
    line-height: normal;
  }

  .rew .d6-body {
    padding: 35px 15px;
  }

  .rew .d6-text * {
    text-align: center;
  }

  .rew .d6-content {
    flex-direction: column;

    align-items: center;
  }

  .rew .d6-doc {
    margin-top: 20px;
    margin-left: 0;
  }
  .sd1 .d1-ttl span{
    font-size: 32px;
    line-height: normal;

  }
  .smargin{
    margin-top: 40px;
  }
  .sd3-flex{
    display: block;
    margin-bottom: 20px;
  }
  .sd3-text{
    padding-left: 30px;
    font-size: 14px;
    line-height: 18px;
  }
  .standart-text h5{
    font-size: 16px;
    line-height: normal;
    margin-top: 30px;
  }
  .standart-text ul{
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .standart-text ul li {
    font-size: 16px;
    &::after{
      top: 8px;
      left: 0;
      width: 6px;
      height: 6px;
    }
    line-height: 1.5;
    margin-bottom: 15px;
    padding-left: 20px;
  }
  .sd3-text span {
    position: absolute;
    left: 0;
    font-size: 44px;
    line-height: 9px;
  }
  .d12.sd5 .d12-left .h2{
    font-size: 32px;
    line-height: 1.2;
    br{
      display: none;
    }
  }

  .sd4-slider .d4-item{
    width: 100%;
    height: 250px;
  }
  .standart-text h2{
    font-size: 32px;
    line-height: normal;
    margin-bottom: 30px;
  }
  .faq-head span{
    font-size: 16px;
  }

  .sd10 .d11-item{
    width: 100% !important;
  }
  .faq-head{
    svg{
      flex-shrink: 0;
      margin-left: 20px;
    }
  }

  .faq-content{
    font-size: 14px;
    padding: 15px;
    padding-top: 0;
  }
  .faq-head{
    padding: 15px;
  }
  .standart-text ul li a{
    font-size: inherit;
    line-height: inherit;
  }
  .owl-next,.owl-prev{
    display: none!important;
  }
}


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

  .sm-show {
    display: block !important;
  }

  .sm-hide {
    display: none !important;
  }

}


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

  .xs-show {
    display: block !important;
  }

  .xs-hide {
    display: none !important;
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

}


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

}


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

}


/**
*
  Owl Carousel
*
**/
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}