/**
*
  Сброс 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%;
}

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: 600ms, @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: "SF Pro Display";
  src: url('../fonts/SFProDisplay-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url('../fonts/SFProDisplay-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url('../fonts/SFProDisplay-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url('../fonts/SFProDisplay-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url('../fonts/SFProDisplay-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


/**
*
  Общие классы
*
**/
.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;
}

.wrap {
  margin: 0 auto;
  width: 1670px;
  padding-left: 15px;
  padding-right: 15px;
}

body {
  font-family: "SF Pro Display";

}

input, button, textarea {
  &::placeholder {
    font-family: SF Pro Display;

  }

  font-family: SF Pro Display;
}

a {
  color: inherit;
}

.header {
  &-shadow {
    height: 136px;
  }

  &.header-drop-active {
    .header-search {

      z-index: 100;
      opacity: 1;
      width: 100%;


    }
  }

  &-socs {
    display: flex;
    align-items: center;
    margin-top: -7px;

    a {
      margin-right: 25px;

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

  &-burger {
    margin-right: 40px;
    cursor: pointer;
  }

  &-col {
    width: 230px;

    &:last-child {
      width: auto;
    }

    ul {
      margin-bottom: 30px;

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

      li:first-child {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
        /* identical to box height, or 21px */


        color: #000000;

      }

      li {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 130%;
        /* identical to box height, or 21px */

        margin-bottom: 10px;

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

        color: #4F4F4E;

      }
    }
  }

  &-flex {
    display: flex;

    justify-content: space-between;
    padding-bottom: 55px;
    margin-bottom: 50px;
    border-bottom: 0.5px solid #B7B7B7;

  }

  &-bottom {
    &-item {
      margin-right: 55px;

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

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

    label {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      display: block;
      margin-bottom: 15px;
      font-size: 16px;
      line-height: 19px;
      /* identical to box height */

      text-transform: uppercase;

      color: #4F4F4E;


    }
  }

  &-drop {
    display: none;
    padding-bottom: 60px;

    &-parent {
      width: 1020px;
    }

    .wrap {
      padding-top: 15px;
      padding-left: 355px;
    }

  }

  &-logo {
    margin-right: 60px;
  }

  &-contact {

    a:first-child {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      line-height: 19px;
      /* identical to box height */


      color: #000000;
    }

    a {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 19px;
      /* identical to box height */


      color: #4F4F4E;

    }
  }

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

  &-search {
    position: absolute;
    right: 0;
    height: 45px;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: -100;
    opacity: 0;
    width: 0%;
    .transition();
    display: flex;
    align-items: center;
    justify-content: space-between;

    input {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 140%;
      /* identical to box height, or 20px */


      flex-grow: 1;
    }

    background: #FFFFFF;
    border: 1px solid #B7B7B7;
    box-sizing: border-box;
    border-radius: 8px;
    left: 0;

  }

  &-menu {
    position: relative;
    display: flex;
    margin-right: 50px;
    align-items: center;

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

      li {
        font-style: normal;
        margin-right: 35px;
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
        /* identical to box height, or 21px */


        color: #000000;
      }
    }

    flex-grow: 1;
  }

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);

  & > .wrap {
    padding-top: 35px;
    padding-bottom: 35px;
    display: flex;
    justify-content: space-between;

    .standart-btn {
      a {
        height: 40px;
        padding: 0 30px;
        font-size: 14px;
        line-height: 24px;
      }
    }

    align-items: center;
  }
}

button {
  cursor: pointer;
}

.standart-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  a, button {

    background: #276EF1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    height: 56px;
    font-size: 18px;
    line-height: 24px;
    padding: 0 70px;
    /* identical to box height, or 133% */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.002em;

    /* Text/White */

    color: #FFFFFF;

    justify-content: center;
  }
}

.warning-btn {
  border: 2px solid #E82127;
  box-sizing: border-box;
  border-radius: 8px;
  width: 174px;
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  display: flex;
  justify-content: center;
  margin-right: 20px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.002em;

  color: #E82127;


  height: 40px;
}

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

.footer {
  padding-bottom: 25px;

  &-copy {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;

    color: #8F8F8F;
  }

  background: #262625;
  padding-top: 100px;

  &-line {
    height: 0.5px;
    background: #535353;;

    margin: 35px 0;
    width: 100%;
  }

  .header-bottom {
    label {
      color: white;
    }
  }

  .header-flex {
    padding-right: 290px;
    border-bottom: 0;
    margin-bottom: 0;
  }

  .header-col {
    path {
      fill: #fff !important;
    }

    li {
      color: #FFFFFF;

      &:first-child {
        color: #FFFFFF;

      }
    }
  }
}

.d6 {
  margin-bottom: 200px;
}

.d1 {
  &-more {
    display: flex;
    justify-content: flex-end;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;

    color: #008EFF;

    svg {
      margin-left: 15px;
    }

    align-items: center;
  }

  &-post {
    display: flex;

    &-content {
      padding-top: 10px
    }

    align-items: flex-start;
    margin-bottom: 45px;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;

      color: #262625;
    }

    &-head {
      display: flex;
      margin-bottom: 12px;
      align-items: center;

      a {
        margin-right: 35px;
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */

        text-transform: uppercase;

        color: #777676;

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

    }

    &-img {
      flex-shrink: 0;
      overflow: hidden;
      border-radius: 8px;

      width: 100px;
      height: 100px;

      img {
        .c_img;
      }

      margin-right: 40px;
    }
  }

  &-right {
    width: 520px;

    &-ttl {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      line-height: 29px;
      /* identical to box height */
      margin-bottom: 20px;

      color: #262625;
    }
  }

  padding-top: 76px;

  &-slid {
    &er {
      .owl-dots {
        position: absolute;
        display: flex;
        justify-content: flex-start;
        left: 100px;
        bottom: 60px;

        .owl-dot {
          margin-right: 20px;
          background: #FFFFFF !important;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          .transition();

          &:hover, &.active {
            opacity: 1;
          }

          opacity: 0.5;
        }
      }
    }

    width: 100%;
    height: 471px;
    border-radius: 24px;

    overflow: hidden;
  }

  &-body {
    padding: 120px 100px;
    width: 100%;

    &-content {
      width: 560px;

    }

    background: linear-gradient(270.2deg, rgba(0, 0, 0, 0) 28.67%, rgba(0, 0, 0, 0.48) 53.31%);
  }

  &-left {
    width: 1080px;
  }

  &-slid {

  }

  &-ttl {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 106.3%;
    /* or 43px */


    color: #FFFFFF;

  }

  &-btn {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.002em;

    color: #262625;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
  }

  &-text {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 35px;
    line-height: 21px;

    color: #FFFFFF;

  }

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

  margin-bottom: 140px;
}

.standart-ttl {
  text-align: center;

  h2 {

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    text-align: center;

    color: #000000;
  }

  p {

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: center;

    color: #262625;

    margin-top: 12px;
  }
}

.d2 {
  .standart-btn {
    margin-top: 20px;
  }

  margin-bottom: 200px;

}

.header {
  z-index: 80;
}


.d3 {
  padding: 200px 0;

  &-flex {
    display: flex;
    margin-top: 80px;
    margin-bottom: 105px;
    justify-content: space-between;
  }

  &-item {
    width: ~"calc(25% - 15px)";

    h3 {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;
      text-align: center;

      color: #000000;

    }

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 19px;
      text-align: center;

      color: #686868;

      margin-top: 5px;
    }

    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    text-align: center;

    img {
      width: 180px;
      height: 180px;
      margin-bottom: 35px;
      border-right: 50px;
    }
  }
}

.standart-tags {
  display: flex;
  flex-wrap: wrap;
}

.standart-tag {
  margin-right: 20px;
  margin-bottom: 20px;
  border: 2px solid #000000;
  box-sizing: border-box;
  border-radius: 24px;
  padding: 0 35px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  height: 37px;
  cursor: pointer;

  &:hover, &.active {
    color: #FFFFFF;
    border: 2px solid #276EF1;

    background: #276EF1;
  }

  /* identical to box height */

  text-align: center;

  color: #000000;

  justify-content: center;
}

.d2 {
  &-img {
    position: absolute;
    right: 0;
    bottom: 0;

  }

  &-flex {
    margin: 80px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

  }

  &-item {
    width: ~"calc(33.33% - 20px)";
    position: relative;

    margin-bottom: 40px;
    padding: 50px 100px;
    padding-bottom: 70px;
    background: #F7F7F8;

    &:not(.d2-big) {
      img {
        margin: 35px 0;
        margin-top: 15px;
      }

      h3 {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;

        color: #000000;
        margin-bottom: 10px;
      }

      p {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;

        color: #686868;

      }

    }

    border-radius: 16px;

    &.d2-big {
      width: ~"calc(66.66% - 10px)";

      h3, p {
        width: 460px;
      }

      h3 {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 600;
        font-size: 40px;
        line-height: 48px;


        margin-top: 30px;
        color: #000000;

      }

      p {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;

        color: #686868;
        margin-top: 20px;
      }
    }
  }
}

.rew {
  &-more {
    width: 205px;
    height: 40px;
    border: 1px solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 180px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;

    svg {
      margin-right: 10px;
    }

    /* identical to box height, or 171% */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.002em;

    color: #000000;

    border-radius: 32px;
  }

  &-slider {


    .owl-nav {
      display: flex;
      position: absolute;
      margin-top: 59px;
    }

    .owl-nav .owl-prev, .owl-nav .owl-next {
      background: #C4C4C4 !important;
      margin-right: 25px;

      path {
        fill: none !important;
      }

      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    margin-top: 90px;
    margin-bottom: 60px;
  }

  &-user {
    margin-top: 75px;
    display: flex;
    align-items: center;

  }

  &-img {
    width: 90px;
    margin-right: 35px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;

    img {
      .c_img;
    }
  }

  &-text {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;

    color: #686868;

  }

  &-slid {
    background: #F4F3F4;
    border-radius: 16px;
    padding: 100px;

    span {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 19px;

      color: #276EF1;

    }

    padding-bottom: 55px;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      margin-top: 30px;
      margin-bottom: 20px;
      line-height: 29px;

      color: #000000;
    }
  }
}

.post {
  &-item {
    display: flex;
    align-items: flex-start;
  }

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

      a {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */

        text-transform: uppercase;

        color: #777676;
        margin-right: 30px;

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

    &-text {
      padding-top: 15px;

      p {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;

        color: #000000;

      }

      h3 {
        margin-top: 15px;
        margin-bottom: 10px;
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;

        color: #000000;

      }
    }
  }

  &-prev-img {
    flex-shrink: 0;
    margin-right: 40px;
    width: 140px;
    height: 140px;

    img {
      .c_img;
      border-radius: 16px;

    }
  }

}

.d4 {
  .wrap {
    width: 1470px;
  }

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

  .post-item {
    width: 600px;
    margin-top: 70px;
  }

  &-btn {
    margin-left: 55px;
    display: flex;
    align-items: center;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    cursor: pointer;

    svg {
      margin-right: 10px;
    }

    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 32px;
    font-size: 14px;
    line-height: 24px;
    width: 236px;
    height: 40px;
    /* identical to box height, or 171% */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.002em;

    color: #000000;

    justify-content: center;
  }

  &-head {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  padding-top: 76px;
  background: #F4F3F4;
  padding-bottom: 110px;
}


.aboutd {
  .owl-prev {
    margin-right: 20px;
  }

  .owl-nav {
    margin-top: 85px;
  }

  background: url("../imgs/aboutd.png");
  .b_img;

  &-right {
    width: 660px;


  }

  &-left {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 76px;

    color: #FFFFFF;
    width: 710px;
  }

  &-slid {
    a {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      justify-content: center;
      width: 241px;
      height: 40px;
      margin-top: 35px;
      line-height: 24px;
      border: 2px solid #FFFFFF;
      box-sizing: border-box;
      border-radius: 32px;
      /* identical to box height, or 171% */

      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: 0.002em;

      color: #FFFFFF;


    }

    p {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 24px;

      color: #FFFFFF;
    }
  }

  padding-top: 155px;
  padding-bottom: 85px;

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

  }
}

/*
 *  STYLE 2
 */


.modal1 {
  width: 661px;
  background: #F4F3F4;
  border-radius: 16px;

  .standart-btn {
    justify-content: flex-start;
  }

  padding: 50px 100px;

  input {
    margin-top: 15px;
  }

  .standart-ttl {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 20px;

    h2 {
      text-align: left;
      font-size: 36px;
      line-height: 43px;

    }

    p {
      text-align: left;
    }
  }
}

.file-upload {
  margin-top: 25px;
  display: flex;
  align-items: center;

  input {
    display: none;
  }

  svg {

  }

  span {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    margin-left: 10px;
    line-height: 140%;
    /* identical to box height, or 20px */


    color: #008EFF;
  }
}

.d5 {
  .owl-nav {
    margin-top: 45px;

    .owl-prev {
      margin-right: 70px;
    }
  }

  &-slid {

    &er {
      margin-top: 55px;

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

    background: #F7F7F8;
    border-radius: 16px;
    width: 275px;
    height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  margin: 200px 0;
  position: relative;

  &::after {
    right: 0;
    background: linear-gradient(90deg, transparent 1.63%, transparent 48.51%, #fff 83.48%);
    content: "";
    position: absolute;
    z-index: 4;
    height: 100%;
    top: 0;
    width: 200px;

  }
}

form {
  input, textarea, button {
    margin-top: 30px;
  }

  textarea {
    height: 45px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    height: 172px;

    font-size: 14px;
    width: 100%;
    line-height: 140%;
    display: block;
    /* identical to box height, or 20px */


    color: #535353;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 15px 20px;
  }

  input {
    height: 45px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    line-height: 140%;
    display: block;
    /* identical to box height, or 20px */


    color: #535353;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 0 20px;
  }
}

.standart-form-policy {

  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  /* identical to box height, or 20px */


  color: #000000;

  a {
    color: #008EFF
  }

  margin-top: 15px;
}

.d7 {
  .standart-btn {
    justify-content: flex-start;
  }

  background: #F4F3F4;
  padding-top: 80px;
  padding-bottom: 95px;

  .standart-ttl {
    text-align: left;

    h2 {
      text-align: left;
      font-size: 36px;
      line-height: 43px;

    }

    p {
      text-align: left;
    }
  }

  .wrap {
    width: 1100px;

  }

  &-left {
    width: 520px;
  }

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

.d6 {
  &-content {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    display: none;
    text-transform: capitalize;

    color: #535353;
    padding-top: 40px;
  }

  .wrap {
    width: 1160px;
  }

  &-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    font-size: 30px;
    line-height: 130%;
    /* identical to box height, or 39px */

    letter-spacing: -0.01em;

    color: #000000;

    &.active {
      svg {
        transform: rotate(180deg);
      }
    }

    svg {
      margin-left: 20px;
      flex-shrink: 0;
      .transition();
    }
  }

  &-item {
    border-bottom: 1px solid #C4C4C4;

    margin-bottom: 50px;
    padding-bottom: 50px;

    &s {
      margin-top: 96px;
    }
  }
}

.d8 {
  padding: 70px 0;

  form {
    align-items: center;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 25px;
      margin-right: 80px;
      line-height: 30px;

      color: #000000;


    }

    button {
      width: 183px;
      margin-top: 0;

      height: 48px;
      font-size: 14px;
      line-height: 24px;
    }

    input {
      border: 1px solid #8F8F8F;
      margin-top: 0;
      width: 420px;
      margin-right: 35px;
    }

    display: flex;
    align-items: center;
  }
}

.header-search {
  input {
    height: auto;
    margin-top: 0;
  }

  button {
    height: auto;
    margin-top: 0;
  }
}

.dark {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  z-index: 100;
  display: none;
}

.open-modal {
  cursor: pointer;
}

.modal {
  max-width: 90%;
  display: none;

  &-close {
    cursor: pointer;
  }

  max-height: 90%;
  .pos_absc;
  z-index: 1000;
  position: fixed;
  overflow-y: auto;

  &d2 {
    background: #FFFFFF;
    width: 1360px;
    padding: 50px 140px 125px 100px;
    border-radius: 24px;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 22px;
      line-height: 26px;

      color: #000000;

    }

    h3 {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 48px;
      line-height: 57px;
      margin-top: 24px;
      margin-bottom: 36px;
      color: #000000;

    }
  }
}

.header-result {
  display: none;

  .post {
    &-prev {

      &-head {
        a {
          font-family: SF Pro Display;
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 14px;
          text-transform: uppercase;

          color: #777676;

        }
      }

      &-text {
        padding-top: 0;

        h3 {
          font-size: 14px;
          line-height: 140%;
          /* identical to box height, or 20px */


          color: #000000;
        }
      }

      &-img {
        width: 60px;
        height: 59px;
        margin-right: 25px;

        img {
          border-radius: 8px;
        }

      }
    }

    &-item {
      .transition();
      //&:hover{
      //  background: #F7F7F8;
      //
      //}
      padding-bottom: 25px;
      margin-bottom: 25px;
      border-bottom: 0.5px solid #B7B7B7;

    }
  }

  &-more {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */


    color: #008EFF;

    svg {
      margin-left: 10px;
    }

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

  padding: 30px 55px;
  background: #FFFFFF;
  box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: ~"calc(100% + 10px)";
}

.modal2 {
  width: 1079px;

}

.standart-form-flex {
  display: flex;
  flex-wrap: wrap;

  textarea {
    margin-top: 15px;
  }

  justify-content: space-between;

  input {
    width: ~"calc(50% - 20px)";
  }
}

.standart-radio {

  font-family: SF Pro Display;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  margin-right: 30px;
  font-size: 16px;
  display: flex;
  align-items: center;
  line-height: 19px;
  /* identical to box height */


  color: #262625;

  input {
    display: none;

    &:checked + div {
      &::after {
        .pos_absc;
        content: "";
        background: #276EF1;

        border-radius: 50%;
        width: 8px;
        height: 8px;
      }
    }

    & + div {
      position: relative;
      display: flex;
      background: #FFFFFF;
      /* Text/Gray Light */

      border: 1px solid #E0E0E0;
      box-sizing: border-box;
      border-radius: 32px;
      width: 18px;
      margin-right: 10px;
      height: 18px;
    }
  }

  &s {
    margin: 30px 0;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
  }
}


.chleb {
  display: flex;
  align-items: center;

  a, span {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #777676;
  }

  padding-top: 30px;

  div {
    margin: 0 15px;
    width: 3px;
    height: 3px;
    background: #C4C4C4;
    border-radius: 50%;

  }
}

.search-result {

}

.pagination {
  margin-top: 75px;
  padding-top: 70px;
  display: flex;
  align-items: center;

  & > * {
    margin: 0 7.5px;
  }

  border-top: 0.5px solid #C4C4C4;

  align-items: center;
}

.search-page {
  margin-top: 70px;
  padding-bottom: 150px;

  .post-item {
    margin-top: 50px;
  }

  .standart-ttl {
    p {
      margin-top: 30px;
    }

    h2, p {
      text-align: left;
    }
  }
}

.pag-num, .pag-prev, .pag-next {
  width: 38px;
  cursor: pointer;
  height: 37px;
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  border-radius: 8px;

  .transition();

  &:hover {
    background: #F1F2F2;
  }

  font-size: 20px;
  line-height: 130%;
  /* identical to box height, or 26px */


  color: #000000;

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

.news-page {
  .standart-ttl {
    h2 {
      text-align: left;
    }
  }
}

.nd1 {
  margin-top: 70px;
  margin-bottom: 115px;

  &-img {
    width: 980px;
    height: 455px;

    flex-shrink: 0;
  }

  &-content {
    padding: 0 100px;
    flex-grow: 1;
  }

  &-body {
    overflow: hidden;
    align-items: center;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 40px;
      line-height: 106.3%;
      /* or 43px */


      color: #000000;

      margin-top: 50px;
    }

    margin-top: 95px;
    display: flex;
    justify-content: space-between;
    background: #F4F3F4;
    border-radius: 24px;
  }
}

.nd2 {
  margin-bottom: 140px;

  &-ttl {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;

    font-size: 48px;

    span {
      font-size: 72px;
    }
  }

  &-slider {
    .owl-nav {
      margin-top: 45px;
    }

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

    margin-top: 70px;
  }

  &-content {
    padding: 25px 40px;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 21px;

      color: #FFFFFF;
    }

    height: 100%;
    width: 100%;
    background: linear-gradient(177.06deg, rgba(0, 0, 0, 0) 20.88%, #000000 97.55%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
  }

  &-item {
    background-size: cover;
    background-position: center;
    width: 520px;
    border-radius: 16px;
    overflow: hidden;
    height: 223px;
  }
}

.nd3 {
  .d1-more {
    justify-content: center;
    margin-top: 100px;
  }

  &-tab {
    border: 2px solid #000000;
    box-sizing: border-box;
    border-radius: 24px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */

    text-align: center;

    padding: 10px 35px;
    .transition();

    &.active, &:hover {
      background: #276EF1;
      border-color: #276EF1;;
      color: white;
    }

    color: #000000;

    &s {
      margin-top: 50px;
      margin-bottom: 30px;
      display: flex;
      align-items: center;
    }

    margin-right: 30px;
  }

  .post-item {
    width: ~"calc(50% - 70px)";
    margin-top: 50px;
  }

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

.nd4 {
  background: #262625;
  margin-top: 250px;

  .owl-dots {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    left: 0px;
    bottom: 15px;

    .owl-dot {
      margin-right: 20px;
      background: #FFFFFF !important;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      .transition();

      &:hover, &.active {
        opacity: 1;
      }

      opacity: 0.5;
    }
  }

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

  padding: 80px 0;

  .owl-nav {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;

    .owl-next {
      margin-left: 20px;
    }
  }

  margin-bottom: 140px;

  &-content {
    padding: 70px 100px;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 36px;
      line-height: 106.3%;
      /* or 38px */


      color: #FFFFFF;
    }

    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.94%, rgba(0, 0, 0, 0.57) 81.25%, rgba(0, 0, 0, 0.9) 100%, #000000 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  &-item {
    height: 570px;
    border-radius: 24px;

    overflow: hidden;
    background-position: center;
    background-size: cover;
  }

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

  &-parent {
    width: 1220px;
    margin-top: 65px;
  }
}


.pwrap.wrap {
  width: 1080px;
}

.pd {
  &-slid {
    &-label {
      display: flex;
      margin-top: 25px;

      span {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;

        color: #686868;
        margin-right: 40px;
      }

      align-items: center;
    }

    & > img {
      width: 100%;
    }
  }

  &-slider {
    .owl-next, .owl-prev {
      .ypos_ab;
      background: red;
      width: 100px;
      height: 100px;
    }

    .owl-next {
      left: 100%;
    }

    .owl-prev {
      right: 100%;
    }

    margin-bottom: 115px;
  }

  &-bq {
    span {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;

      color: #686868;
    }

    h3 {
      margin-bottom: 20px !important;
    }

    margin-bottom: 115px;
    padding: 50px 0;
    background: #F1F2F2;
    position: relative;

    &::after {
      left: 100%;
      width: 1000px;
      background: #F1F2F2;
      content: "";
      top: 0;
      position: absolute;

      bottom: 0;
      height: 100%;
    }

    &::before {
      right: 100%;
      position: absolute;
      width: 1000px;
      background: #F1F2F2;
      content: "";
      top: 0;
      bottom: 0;
      height: 100%;
    }
  }

  &-line {
    margin-top: -40px;
    margin-bottom: 75px;
    height: 1px;
    width: 100%;
    background: #535353;;
  }

  &-text {
    margin-bottom: 115px;

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;

    color: #000000;

    p {
      margin-bottom: 20px;

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

  }

  &-content {
    padding-top: 115px;

    h3 {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 36px;

      color: #000000;
      margin-bottom: 60px;
    }
  }

  &-footer {
    padding: 70px 0;
  }
}

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

  &:hover {
    path {
      fill: #494747 !important;
    }
  }
}

.standart-btn a, .standart-btn button {
  .transition();

  &:hover {
    background: #194FB3;
    color: #FFFFFF !important;


  }
}

.d1-btn {
  .transition();
}

.d1-btn:hover {
  background: #000000;
  color: #FFFFFF;


}

.d22 {
  margin-bottom: 200px;

  &-img {
    overflow: hidden;
    height: 191px;
    border-radius: 8px;

    img {
      .c_img;
    }

  }

  &-item {
    b {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 130%;
      /* or 31px */

      letter-spacing: -0.01em;

      color: #000000;

      display: block;
      margin-top: 40px;
      margin-bottom: 15px;


    }

    color: #535353;
    width: 306px;

  }
}

.d22-flex {
  margin: 90px 0;
  display: flex;
  justify-content: space-between;
}

.nd4 {
  .standart-ttl {

    h2 {
      text-align: left;
    }
  }
}

.d1-post {
  &:nth-child(4) {
    border-bottom: 0;
  }

  border-bottom: 0.5px solid #8f8f8f54;

  padding-bottom: 20px;
  margin-bottom: 20px;
}

.d1-more {
  color: #262625;

  path {
    fill: #262625;

    .transition();
  }

  .transition();

  &:hover {
    color: #276EF1;

    path {
      fill: #276EF1;
    }
  }
}

.header-socs {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 200px;

  a {
    margin-bottom: 15px;
    margin-right: 25px;
  }
}

.header, .footer {
  a {
    .transition();

    &:hover {
      color: #276EF1;

    }
  }
}

a {
  .transition();

  &:hover {
    color: #276EF1;

  }
}

.header-burger {
  &:hover {

    path {
      .transition();
      fill: #276EF1 !important;

    }
  }

}

.warning-btn {
  .transition();

  &:hover {
    color: #FFFFFF !important;

    background: #E82127;;
  }
}

.pd1 {

  &-footer {
    label {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 29px;
      /* identical to box height */

      display: block;
      margin-bottom: 20px;
      color: #FFFFFF;

    }
  }

  &-socs {
    align-items: center;
    display: flex;

    a {
      margin-right: 40px;

    }
  }

  &-ttl {
    margin: 20px 0;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    font-size: 72px;
    line-height: 86px;

    color: #FFFFFF;
  }

  &-head {
    margin-top: 155px;
    display: flex;

    * > {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 29px;
      /* identical to box height */
      margin-right: 35px;

      color: #FFFFFF;
    }
  }

  .chleb a, .chleb span {
    color: white;
  }

  .chleb div {
    background: white;
  }

  .wrap {
    z-index: 4;
    position: relative;
  }

  &-shadow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);


  }

  position: relative;
  height: 682px;
  background-size: cover;
  background-position: center;
}


.post-footer {
  display: flex;
  justify-content: space-between;

  &-item {
    span {
      display: block;
      font-size: 14px;
      line-height: 16px;

      color: #535353;

    }

    b {
      font-weight: 600;
      font-size: 24px;
      line-height: 130%;
      /* or 31px */

      display: block;
      margin-bottom: 10px;
      color: #000000;

    }

    background: #F1F2F2;

    & > img {
      margin-right: 45px;
    }

    width: 377px;
    padding: 0 70px;
    height: 144px;
    display: flex;
    align-items: center;
    border-radius: 16px;

    &:last-child {
      width: 581px;

    }
  }
}

.archive-group {
  .standart-ttl {
    margin-top: 80px;

    h3 {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 36px;
      text-align: left;
      line-height: 43px;
      /* identical to box height */


      color: #000000;
    }
  }
}

.archive-page {
  .standart-ttl {

    h2 {
      margin-top: 70px;
      margin-bottom: 40px;
      text-align: left;
    }
  }

  .post-item {
    margin-top: 50px;
    width: 1340px;
  }

  padding-bottom: 60px;
}

.archive-filter {
  padding: 35px 0;

  &::after {
    left: 100%;
    width: 1000px;
    background: #F5F5F7;
    content: "";
    top: 0;
    position: absolute;

    bottom: 0;
    height: 100%;
  }

  &::before {
    right: 100%;
    position: absolute;
    width: 1000px;
    background: #F5F5F7;
    content: "";
    top: 0;
    bottom: 0;
    height: 100%;
  }

  position: relative;
  background: #F5F5F7;

  select {
    margin-left: 60px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    background: url("../imgs/arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    font-size: 18px;
    padding-right: 20px;
    line-height: 21px;

    color: #000000;

  }

  label {

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;

    color: #686868;
  }
}

.contact-page {
  padding-bottom: 190px;

  .wrap {
    .standart-ttl {
      margin-bottom: 120px;

      h2 {
        text-align: left;
      }
    }

    display: flex;
    justify-content: space-between;

  }

  margin-top: 70px;
}

.contact {
  &-socs {
    display: flex;
    align-items: center;

    a {
      display: flex;
      align-items: center;
      margin-right: 40px;
    }
  }

  &-item {
    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 30px;
      line-height: 36px;
      /* identical to box height */


      color: #000000;

    }

    margin-top: 60px;

    label {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 130%;
      /* or 23px */

      display: block;
      color: #777676;
      margin-bottom: 10px;

    }
  }

  &-left {

  }

  &-map {
    margin-top: 35px;
    flex-shrink: 0;
  }
}

.team-group {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 120px;
}

.team-label {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 10px;
  font-size: 40px;
  line-height: 106.3%;
  /* identical to box height, or 43px */


  color: #000000;
  width: 100%;
}

.team {
  &-page {
    padding-bottom: 140px;

    .standart-ttl {
      margin-top: 60px;

      h2 {
        text-align: left;
      }
    }
  }

  &-content {
    text-align: center;

    span {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 21px;
      text-align: center;

      color: #686868;

    }

    strong {
      display: block;
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      line-height: 29px;
      text-align: center;

      color: #000000;

      margin-bottom: 15px;
    }

    background: #F7F7F8;
    padding: 40px 0;
  }

  &-img {
    height: 290px;

    img {
      .c_img;
    }
  }
}

.team-item {
  border-radius: 16px;
  overflow: hidden;
  width: ~"calc(25% - 20px)";
  margin-top: 40px;
  margin-right: 20px;
}

.people {
  &-footer {
    margin-top: 40px;

    &-item {
      margin-right: 190px;

      span {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 24px;
        color: #535353;
      }
    }

    display: flex;

    a {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 30px;
      line-height: 36px;
      display: block;

      color: #000000;

    }
  }

  &-page {
    padding-bottom: 105px;
  }

  &-item {
    margin: 0 auto;

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;

    color: #4F4F4E;

    ul {
      padding-left: 20px;
    }

    p, ul {
      margin-bottom: 50px;

      li {
        list-style-type: disc;
      }
    }

    margin-top: 100px;

    h2 {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 40px;
      line-height: 48px;
      /* identical to box height */
      margin-bottom: 22px;

      color: #000000;

    }

    background: #F7F7F8;
    padding: 90px 100px;
    width: 1080px;
    border-radius: 24px;
  }

  &-name {

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 57px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 15px;

    color: #000000;
  }

  &-status {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 36px;
    text-align: center;

    color: #276EF1;

  }

  &-head {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  &-img {
    width: 523px;
    height: 498px;

    img {
      .c_img;
      border-radius: 16px;

    }
  }
}

.reestr-btn {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  display: flex;

  width: 151px;
  height: 32px;
  .transition();

  &:hover {
    background: #276EF1;
    color: #FFFFFF;
    border: 1px solid #276EF1;

  }

  border: 1px solid #595858;
  box-sizing: border-box;
  border-radius: 8px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.002em;

  color: #595858;


  justify-content: center;
}

.reestr {
  &-td {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #686868;
    padding: 40px;
    vertical-align: middle;

    svg {
      margin-right: 12px;
    }

    &:nth-child(2) {
      flex-grow: 1;
    }

    &:first-child {
      width: 230px;

    }

    &:nth-child(3) {
      width: 220px;

    }

    &:nth-child(4) {
      width: 270px;

    }

    &:nth-child(5) {
      width: 160px;

    }
  }

  &-tr {
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ECEBED;

    //&:first-child {
    //  background: #F8F8F8;
    //  border-radius: 8px;
    //  border-bottom: 0;
    //  height: 69px;
    //  padding-top: 0;
    //  padding-bottom: 0;
    //}
  }

  &-table {
    margin: 55px 0;
  }
}

.reestr-search {
  label {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 106.3%;
    /* or 21px */


    color: #000000;
  }

  form {
    display: flex;
    align-items: center;
    width: 840px;
    margin-top: 25px;

    button {
      margin-top: 0;


    }

    input {
      flex-grow: 1;
      height: auto;
      margin-top: 0;
    }

    height: 45px;
    background: #FFFFFF;
    border: 1px solid #B7B7B7;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 20px;
    justify-content: space-between;
  }
}

.reestr-page {
  padding-bottom: 125px;
  padding-top: 70px;

  .pagination {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }

  .standart-ttl {
    margin-bottom: 130px;

    h2 {
      text-align: left;
    }
  }
}

.aboutd1 {
  &-item {
    span {
      position: absolute;
      top: -75px;
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 96px;
      line-height: 115px;
      /* identical to box height */


      color: rgba(255, 255, 255, 0.2);
    }

    position: relative;

    p {
      z-index: 4;
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;

      color: #FFFFFF;
      position: relative;
    }

    width: ~"calc(33.33% - 20px)";
  }

  &-footer {
    flex-wrap: wrap;
    display: flex;
    margin-top: 150px;
    justify-content: space-between;
  }

  &-label {
    margin-bottom: 100px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    display: block;
    color: #FFFFFF;

    width: 100%;
  }

  &-right {
    margin-top: 40px;
  }

  &-btn {
    width: 345px;
    height: 56px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    margin-top: 60px;
    line-height: 24px;
    /* identical to box height, or 133% */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.002em;

    color: #276EF1;


    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  &-ttl {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: bold;
    font-size: 76px;
    line-height: 106.3%;
    /* or 81px */


    color: #FFFFFF;

  }

  &-left {
    width: 940px;

    p {
      margin-top: 50px;
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;

      color: #FFFFFF;


      b {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        /* identical to box height */


        color: #FFFFFF;

        display: block;
        margin-bottom: 10px;
      }
    }
  }

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

  .chleb {
    margin-bottom: 70px;

    a, span {
      color: white;
    }

    div {
      background: white;
    }
  }

  padding-bottom: 155px;
  background: linear-gradient(180.04deg, #62C1F1 29.39%, #276EF1 98.13%);
}

.aboutd2 {
  padding-top: 96px;
  padding-bottom: 220px;

  .standart-ttl {
    h2 {
      text-align: left;
    }
  }

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

  &-item {
    width: ~"calc(33.33% - 20px)";

    p {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 29px;
      margin-top: 40px;
      width: 380px;

      span {
        color: #276EF1;

      }
    }

    margin-top: 110px;
  }
}

.aboutd3 {
  padding-bottom: 220px;

  .standart-ttl {
    h2 {
      text-align: left;
    }
  }

  &-item {
    ul {
      list-style-type: disc;
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      padding-left: 20px;
      font-size: 24px;
      line-height: 29px;

      li {
        list-style-type: disc;
        margin-bottom: 10px;
      }

      color: #008EFF;

    }

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 30px;
      line-height: 106.3%;
      /* or 32px */


      color: #4F4F4E;
      margin-bottom: 30px;

    }

    width: ~"calc(33.33% - 20px)";
    margin-top: 60px;
  }

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

.rek-page {
  .standart-ttl {
    h2 {
      text-align: left;
    }
  }

  padding-top: 70px;
  padding-bottom: 220px;
}

.rek-content {
  margin-top: 120px;

  p {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 106.3%;
    /* or 21px */


    color: #000000;

    margin-top: 20px;
  }

  h3 {

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 106.3%;
    /* identical to box height, or 43px */


    color: #000000;

  }
}

.rek-pris {
  &.active {
    background: #276EF1;

    * {
      color: white !important;
    }
  }

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

  background: #F7F7F8;
  height: 242px;
  margin-top: 60px;

  strong {
    font-family: SF Pro Display;
    margin-top: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;

    line-height: 106.3%;


    /* identical to box height, or 32px */


    color: #000000;
  }

  small {

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 106.3%;
    /* or 19px */


    color: #535353;
  }

  b {


    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 72px;

    span {
      font-size: 48px;
    }

    line-height: 106.3%;

    color: transparent;
    -webkit-background-clip: text;
    background-image: -o-linear-gradient(90deg, #276EF1 0%, #01B2EB 100%);
    background-image: linear-gradient(90deg, #276EF1 0%, #01B2EB 100%);
  }

  border-radius: 24px;
  padding: 0 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: ~"calc(33.33% - 20px)";
}

.uslovia-page {
  ul {
    color: #000000;
    font-weight: normal;

    li {
      line-height: normal;
      margin-bottom: 20px;
    }

    a {
      color: #276EF1;
    }
  }
}

.rek-text {

  padding-left: 100px;
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 180%;
  /* or 43px */

  ul {
    margin: 50px 0;
    padding-left: 20px;
    list-style-type: disc;
    width: 980px;
  }

  color: #535353;
}

.sd1 {
  margin-top: 15px;

  .wrap {
    text-align: center;
    background: #FBF6F1;
    border-radius: 24px;
    padding: 115px 40px;

    p {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;
      text-align: center;

      color: #4F4F4E;

      b {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        /* identical to box height */

        text-align: center;

        color: #000000;

        margin-bottom: 10px;
        display: block;
      }
    }

    h1 {
      font-weight: bold;
      font-size: 96px;
      line-height: 106.3%;
      /* identical to box height, or 102px */


      color: #EF8057;
      margin-bottom: 60px;
    }
  }
}

.sd-tabs {
  display: flex;

  div {
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
}

.sd2 {
  padding-top: 120px;
  padding-bottom: 120px;

  &-item {
    margin-bottom: 160px;

    p {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;

      color: #4F4F4E;
    }

    b {
      font-family: SF Pro Display;
      font-style: normal;
      margin-top: 40px;
      margin-bottom: 20px;
      font-weight: 600;
      font-size: 24px;
      line-height: 29px;

      color: #000000;

      display: block;
    }

    width: 420px;
  }

  &-icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    background: #FBF6F1;
  }

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

.form3 {
  .d7-left {
    width: 100%;
  }

  .standart-form-flex img {
    position: absolute;
    top: -120px;
    right: 0;
  }
}

.standart-form-flex {
  position: relative;
}

html {
  zoom: 0.9;
}

.aboutd1-right {
  width: 440px;
  align-items: flex-start;

  margin-top: 0;
  display: flex;
  flex-direction: column;
}

.aboutd1r-item {
  background: #F8F8F8;
  margin-bottom: 30px;
  padding: 10px 13px;
  border-radius: 20px;
  position: relative;


  &:nth-child(1) {
    font-size: 18px;
    margin-left: 64px;
    line-height: 22px;
  }

  &:nth-child(2) {
    font-size: 30px;
    margin-right: 90px;
    line-height: 36px;
  }

  &:nth-child(3) {
    font-size: 24px;
    line-height: 29px;
  }

  &:nth-child(4) {
    font-size: 18px;
    margin-right: 54px;
    line-height: 22px;
  }

  &:nth-child(5) {
    font-size: 18px;
    margin-left: 47px;
    line-height: 22px;
  }

  &:nth-child(6) {
    font-size: 16px;
    line-height: 19px;
  }

  &:nth-child(7) {
    font-size: 18px;
    margin-left: 14px;
    line-height: 22px;
  }

  &:nth-child(8) {
    font-size: 24px;
    margin-right: 32px;
    line-height: 29px;
  }

  &::after {
    position: absolute;
    content: "";
    left: -7px;
    bottom: -4px;
    width: 22px;
    height: 23px;
    background: url("../imgs/about-type1.svg");
  }

  font-family: SF Pro Display;

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

  color: #434343;

  &:nth-child(2n) {
    margin-left: auto;

    &:after {
      background: url("../imgs/about-type2.svg");
      right: -7px;

      left: auto;

    }

    background: #0975FD;
    border-radius: 20px;
    color: #FFFFFF;

  }
}

.steam {
  &-contact {
    &-item {
      margin-top: 30px;

    }
  }

  &-name {
    margin-bottom: 60px;

    b {
      font-family: SF Pro Display;
      font-style: normal;
      font-weight: bold;
      display: block;
      margin-bottom: 10px;
      font-size: 30px;
      line-height: 36px;

      color: #000000;
    }
  }

  &-img {
    margin-bottom: 25px;

    img {
      width: 195px;
      height: 195px;
      border-radius: 50%;
      object-fit: cover;
    }
  }

  margin-bottom: 200px;

  &-flex {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  &-item {
    a {
      margin-top: 10px;
    }

    label, a {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 29px;
      /* identical to box height */


      color: #000000;
      display: block;
    }

    span {

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;
      /* identical to box height */


      color: #686868;

    }

    margin-bottom: 40px;
    background: #F4F3F4;
    border-radius: 24px;
    padding: 95px;
    width: ~"calc(33.33% - 20px)";
  }
}

/**
*
  Адаптивка
*
**/
@media only screen and(max-width: 1599px) {
  html {
    zoom: 0.8;
  }
}

@media only screen and(max-width: 1399px) {
  html {
    zoom: 0.7;
  }
}

.nd1-img {
  img {
    .c_img

  }
}

@media only screen and(min-width: 1199px) {
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
  }

  ::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #276EF1;
  }
}

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


@media only screen and(max-width: 1199px) {
  .nd2-ttl {
    margin: 40px 0 !important;
  }

  .reestr-table {
    max-width: 1640px;
    width: 1640px;
  }

  .reestr-table-parent {
    overflow-x: auto;
  }

  .nd2-item {
    height: 400px !important;
  }

  .nd2-content {
    padding: 40px 20px !important;
  }

  .nd2-ttl {
    font-size: 24px !important;
  }

  .steam-item {
    padding: 30px;
  }

  .steam-img img {
    width: 100px;
    height: 100px;
  }

  .d2-item {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .header-rightm-flex {
    display: flex;
    align-items: center;

    a {
      margin-right: 20px;

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

  .header-burger {
    display: flex;
    align-items: center;
  }

  .header-logo, .header-menu {
    justify-content: flex-start !important;
  }

  .header-logo {
    width: auto !important;
    margin-right: 20px !important;
  }

  .rew-slider {
    margin-top: 60px;
  }

  .d22-item {
    width: 250px;
  }

  .rew-slid {
    padding: 50px;
  }

  .d2, .d22 {
    margin-bottom: 140px;
  }

  .rek-pris strong {
    font-size: 18px;
  }

  .form3 .standart-form-flex img {
    display: none;
  }

  .rek-pris {
    padding: 30px;
    height: auto;

    b {
      font-size: 56px;
    }
  }

  .reestr-tr {
    //display: flex;
    padding: 25px 40px;
  }

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

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

  .header-drop .wrap {
    padding-left: 15px;
  }

  .contact-page .wrap {
    display: block;
  }

  .nd3 .post-item {
    width: calc(50% - 20px);
  }

  .nd1-img {
    width: 50%;
  }

  .nd1-content {

    padding: 0 40px;
  }

  .wrap {
    width: 1100px !important;
  }

  .footer .header-flex {
    flex-wrap: wrap;

    .header-col:first-child {
      width: 100%;
      margin-bottom: 40px;
    }
  }

  .d5-slid {
    width: 240px;
    height: 100px;
  }

  .aboutd .wrap {
    display: block;
  }

  .aboutd .owl-nav {
    margin-top: 40px;
  }

  .aboutd-right {
    width: 100%;
    margin-top: 40px;
  }

  .d4 .post-item {
    width: ~"calc(50%  - 20px)";
  }

  .d1-right {
    width: 100%;
    margin-top: 40px;
  }

  .d1 .wrap {
    display: block;
  }

  .header-result .post-item {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }

  .footer .header-flex {
    padding-right: 0;
  }

  .header-result {
    padding: 15px;

    .post-prev-img {
      display: none
    }
  }

  .header-menu {
    ul {
      display: none;
    }
  }

  .header-logo, .header-menu {
    margin-right: 30px;
  }
}


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

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

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

}

.reestr-search form input {
  padding-left: 0;
}

.d22-item {
  margin-bottom: 140px;
}

.d22 {
  .d22-item {
    margin-bottom: 0;
  }
}

.header-drop {
  .header-search {
    position: static;
    display: none !important;
  }
}

.services-page {
  margin-top: 70px;

}

.standart-more {
  background: #F1F2F2;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  height: 74px;

  svg {
    margin-left: 15px;
  }

  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 130%;
  /* identical to box height, or 26px */


  color: #595858;

}

.event-d1 {
  align-items: stretch;

  .nd1-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 40px;
  }
}

.tags-filter {
  margin-top: 80px;
}

.prim-page {
  margin-bottom: 200px;
}

//.prim-page .d2-flex{
//  margin-top: 20px;
//  margin-bottom: 40px;
//}
.about-page {
  .rew {
    margin-bottom: 200px;
  }
}

.rew-flex {
  margin-top: 80px;

  .rew-slid {
    margin-bottom: 40px;
    width: ~"calc(50% - 20px)";
  }
}

.d2-item, .standart-more {
  .transition();

  &:hover {
    background: #ECEBED;
  }
}

.nd2-item {
  display: flex;
  overflow: hidden;
  height: 511px;

  &:hover {
    .nd2-content {
      background: rgba(0, 0, 0, 0.6);

      path {
        fill: white !important;
      }
    }

    * {
      color: #FFFFFF;

    }
  }

  * {
    .transition();
  }

  border-radius: 24px;
  width: ~"calc(33.33% - 20px)";

}

.nd2-item {
  margin-bottom: 40px;
}

.nd2 {
  &-footer {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;

    svg {
      margin-left: 10px;
    }

    path {
      fill: black !important;
    }

    line-height: 106.3%;
    /* identical to box height, or 15px */


    color: #000000;

    div {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }
  }

  &-head {
    display: flex;
    width: 100%;

    &-item {
      width: 50%;

      div {
        margin-bottom: 10px;
      }

      font-family: SF Pro Display;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 106.3%;
      /* identical to box height, or 15px */


      color: #000000;
    }

    justify-content: space-between;
  }
}

.nd2-ttl {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 106.3%;
  flex-grow: 1;
  margin: 60px 0;
  /* or 32px */


  color: #000000;
}

.nd2-content {
  background: #F4F3F4;
  padding: 60px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;

}

.standart-more:hover {
  background: #D7D7D7 !important;
}

thead .reestr-tr {
  background: #535353;
  border: 1px solid #ECEBED;

  .reestr-td {
    color: #FFFFFF;
    padding: 23px 40px;

    &:first-child {
      border-radius: 8px 0 0 8px;
    }

    &:last-child {
      border-radius: 0 8px 8px 0;
    }
  }
}

.pd-text {
  ul {
    list-style: disc outside; /* Квадратные маркеры */

  }

  ol {
    list-style: decimal outside; /* Квадратные маркеры */

  }

  ul, ol {
    padding-left: 25px;
    margin-bottom: 40px;

    li {
      margin-bottom: 10px;

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

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

.post-item {
  cursor: pointer;

  h3 {
    .transition()

  }

  &:hover {
    h3 {
      color: #276EF1;
    }
  }
}

.header-burger {
  &:hover {
    span {
      color: #276EF1;

    }
  }

  span {
    .transition();

    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    /* identical to box height, or 21px */


    color: #000000;

    padding-left: 15px;
  }
}

@media only screen and(max-width: 767px) {
  .d8 form p {
    br {
      display: none;
    }
  }

  .header-burger {
    span {
      display: none;
    }
  }

  .header-rightm-flex a {
    margin-right: 15px;
  }

  .standart-ttl {
    flex-wrap: wrap !important;

    .rew-more {
      margin-left: 0 !important;
      margin-top: 30px !important;
    }
  }

  .rew-flex {
    margin-top: 40px;

    .rew-slid {
      margin-bottom: 20px;
      width: 100%;
    }
  }

  .nd2-item {
    margin-bottom: 20px;
    width: 100% !important;
  }

  .nd2-ttl {
    margin: 40px 0 !important;
  }

  .nd2-item {
    height: 400px !important;
  }

  .nd2-content {
    padding: 40px 20px !important;
  }

  .nd2-ttl {
    font-size: 24px !important;
  }

  .standart-more {
    height: 50px;
  }

  .tags-filter {
    margin-top: 40px;
  }

  .standart-tag {
    margin-bottom: 10px;
  }

  .d2-item.d2-big h3 {
    font-size: 28px;
    line-height: normal;

    br {
      display: none;
    }
  }

  .standart-more {
    font-size: 16px;
  }

  .prim-page {
    margin-bottom: 80px;
  }

  .about-page {
    .rew {
      margin-bottom: 80px;
    }
  }

  .header .header-burger {
    path {
      fill: black !important;

    }
  }

  .steam-item span {
    font-size: 16px;
  }

  .steam-contact-item {
    margin-top: 20px;
  }

  .steam-item label, .steam-item a {
    font-size: 20px;
    line-height: normal;
  }

  .steam-name {
    margin-bottom: 40px;
  }

  .steam-name b {
    br {
      display: none
    }

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

  .steam {
    margin-bottom: 80px;
  }

  .steam-item {
    padding: 30px 20px;
    width: 100%;
    margin-bottom: 20px;
  }

  .steam-flex {
    margin-top: 40px;
  }

  .aboutd1r-item::after {
    display: none !important;
  }

  .aboutd1-right {
    flex-direction: row;
    display: flex;
    margin-top: 40px;
    flex-wrap: wrap;
  }

  .aboutd1r-item {
    line-height: normal !important;
    margin: 0 !important;

    br {
      display: none;
    }

    background: white !important;
    color: black !important;
    padding: 0 10px !important;
    line-height: 30px !important;
    font-size: 12px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
  }

  .aboutd1-head {
    display: block;
  }

  .header-drop-active {
    .header-burger {
      path {
        &:nth-child(1) {
          transform: rotate(45deg) translateX(2px) translateY(0);
        }

        &:nth-child(3) {
          transform: rotate(-45deg) translateX(-11px) translateY(0);
        }

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

        fill: black !important;

      }
    }
  }

  .header-logo {
    margin-right: 13px !important;
  }

  .header-burger svg {
    width: 20px !important;
    height: 20px !important;
  }

  .header-drop {
    .header-search {
      position: static;
      width: 100% !important;
      margin-right: 0 !important;
      margin-bottom: 20px;
      display: flex !important;
    }
  }

  .header-drop .wrap {
    padding-top: 0;
  }

  .header-menu {
    .header-search {
      display: none !important;
    }
  }

  .d1-left {
    margin-top: -5px;
  }

  .header-logo {
    width: 40px !important;
  }

  .header-rightm-flex a {
    width: 20px;
  }

  .header > .wrap .standart-btn a {
    padding: 0 15px;
    height: 30px;
    width: auto;
    font-size: 12px;
    max-height: 30px;
  }

  .d1-slider .owl-dots .owl-dot {
    background: #535353 !important;
    opacity: 0.5 !important;

    &.active {
      opacity: 1 !important;
    }
  }

  .d1-slid {
    border-radius: 10px;

    img {

      width: 100%;
    }
  }

  .d1-body {
    background: #F4F3F4;

    .d1-btn {
      color: white;
      background: #276EF1;
    }
  }

  .d1-ttl {
    color: #000000;

  }

  .d1-text {
    color: #535353;

  }

  .rew-more {
    margin-left: 130px;
  }

  .rew-user {
    display: block;
    margin-top: 40px;
  }

  .rew-text {
    margin-top: 20px;
  }

  .rew-slid {
    padding: 20px;
  }

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

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

  .pd1-head {
    margin-top: 60px;

  }

  .d22-item b {
    margin-top: 20px;
  }

  .d2-item {
    padding: 20px;
  }

  .standart-tag {
    padding: 0 25px;
  }

  .d22-item, .d22 .d22-item {
    width: 100%;

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

    margin-bottom: 40px;
  }

  .d22-flex, .d2-flex {
    margin: 60px 0;
  }

  .d2-item.d2-big {
    padding-bottom: 500px;
  }

  .sd1 .wrap p b {
    font-size: 20px;
    line-height: normal;
  }

  .sd1 .wrap p {
    font-size: 18px;
    line-height: normal;

  }

  .sd1 .wrap {
    padding: 40px 15px;
  }

  .sd1 .wrap h1 {

    margin-bottom: 15px;
    font-size: 42px;
  }

  .sd2-item b {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: normal;
  }

  .sd2-item p {
    font-size: 16px;
    line-height: normal;
  }

  .sd2-item {
    margin-bottom: 60px;
  }

  .sd2 {
    &-icon {
      width: 50px;
      height: 50px;
      padding: 10px;

      svg {
        max-width: 100%;
      }
    }

    padding: 60px 0;
  }

  .rek-priss {
    display: block;
  }

  .rek-pris {
    margin-top: 20px;
    width: 100%;
  }

  .rek-content p {
    font-size: 16px;
    margin-top: 10px;
  }

  .rek-page {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .rek-content h3 {
    font-size: 24px;
    line-height: normal;
  }

  .rek-text {
    padding-left: 0;
  }

  .rek-text ul {
    margin: 30px 0;
  }

  .rek-content {
    margin-top: 40px;
  }

  .people-img {
    height: auto;
  }

  .reestr-td {
    font-size: 14px;
  }

  .aboutd2 {
    padding-bottom: 80px;
  }

  .aboutd3 {
    padding-bottom: 80px;
  }

  .aboutd3-item p {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: normal;
  }

  .aboutd3-item ul {
    font-size: 18px;
    line-height: normal;
  }

  .aboutd3-item {
    width: 100%;
    margin-top: 40px;
  }

  .aboutd1-ttl {
    font-size: 48px;
    line-height: normal;
  }

  .aboutd2-item {
    width: 100%;
    margin-top: 40px;
  }

  .aboutd2-item p {
    font-size: 18px;
    line-height: normal;
    margin-top: 20px;
  }

  .aboutd1-footer {
    margin-top: 50px;
  }

  .aboutd1-item span {
    font-size: 56px;
  }

  .aboutd1 {
    padding-bottom: 80px;
  }

  .aboutd1-item {
    margin-top: 60px;

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

    width: 100%;
  }

  .aboutd1-label {
    margin-bottom: 40px;
    font-size: 28px
  }

  .reestr-table-parent {
    overflow-x: auto;
  }

  .aboutd1-left p {
    font-size: 16px;
    margin-top: 30px;
  }

  .reestr-table {
    max-width: 1640px;
    width: 1640px;
  }

  .reestr-table-parent {
    overflow-x: auto;
  }

  thead .reestr-tr td {
    height: auto;
    padding: 10px 15px;
  }

  .reestr-td:first-child {
    width: 200px;
  }

  .reestr-td:last-child {
    width: 200px;
  }

  .people-name {
    font-size: 24px;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .people-item p, .people-item ul {
    margin-bottom: 20px;
  }

  .reestr-search form {
    margin-top: 10px;
  }

  .reestr-tr {
    padding: 10px 15px;
  }

  .reestr-search label {
    font-size: 18px
  }

  .people-footer-item {
    margin-top: 20px;
    margin-right: 0;
  }

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

  .reestr-page {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .people-footer a {
    font-size: 18px;
    line-height: normal;
  }

  .people-footer-item span {
    font-size: 14px;
  }

  .people-footer {
    display: block;
    margin-top: 20px;
  }

  .people-item h2 {
    line-height: normal;
    font-size: 24px;
  }

  .people-item p, ul {
    li {
      margin-bottom: 10px;
    }

    font-size: 14px;
    line-height: 1.5;
    line-height: normal;
  }

  .people-item {
    padding: 20px;
    margin-top: 40px;
  }

  .people-status {
    font-size: 18px;
  }

  .team-content {
    padding: 20px;
  }

  .team-group {
    margin-top: 60px;
  }

  .team-content strong {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 5px;
  }

  .team-page {
    padding-bottom: 80px;
  }

  .team-content span {
    font-size: 14px;
    line-height: normal;
  }

  .team-label {
    font-size: 28px;
    line-height: normal;
  }

  .contact-page {
    margin-bottom: 70px;
  }

  .contact-item {
    margin-top: 30px;
  }

  .team-item {
    width: 100%;
    margin-top: 20px;
    margin-right: 0;
  }

  .contact-item p {
    font-size: 18px;
    line-height: normal;
  }

  .contact-page .wrap .standart-ttl {
    margin-bottom: 0;
  }

  .pd-content {
    padding-top: 60px;
  }

  .pd-content h3 {
    margin-bottom: 30px;
  }

  .post-footer-item {
    width: 100%;

    &:first-child {
      margin-bottom: 30px;
    }

    padding: 20px;
    height: auto;
  }

  .pd-footer {
    padding: 40px 0;
  }

  .post-footer-item > img {
    margin-right: 20px;
  }

  .post-footer {
    display: block
  }

  .pd-text {
    font-size: 14px;
    margin-bottom: 60px;
    line-height: normal;
  }

  .pd-slider {
    margin-bottom: 60px;
  }

  .pd-slid-label span {
    margin-right: 20px;
  }

  .pd-bq {
    margin-bottom: 60px;
  }

  .pd-line {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .pd-content h3 {
    line-height: normal;
    font-size: 24px;
  }

  .pd1 {
    height: auto;
    padding-bottom: 60px;
  }

  .pd1-head * {
    font-size: 16px;
    line-height: normal;
  }

  .pd1-socs a {
    margin-right: 15px;
  }

  .pd1-footer label {
    font-size: 16px;
    line-height: normal;

  }

  .pd1-ttl {
    font-size: 28px;
    line-height: normal;
  }

  .post-item {
    display: block;
  }

  .pagination {
    padding-top: 50px;
    margin-top: 50px;
  }

  .nd3 .post-item {
    width: 100%;
  }

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

  .nd1 {
    margin: 40px 0;
    margin-bottom: 80px;
  }

  .nd2-slider {
    margin-top: 40px;
  }

  .nd2-content {
    padding: 20px;
  }

  .nd2-content p {
    font-size: 16px;
  }

  .nd2-ttl {
    font-size: 32px;

    span {
      font-size: 48px;
    }
  }

  .nd4-item {
    height: auto;
  }

  .nd4-content p {
    font-size: 26px;
  }

  .nd4-content {
    padding: 40px 20px;
  }

  .nd4 {
    padding: 60px 0;
    margin-bottom: 40px;
    margin-top: 80px;
  }

  .nd3 .d1-more {
    margin-top: 40px;
  }

  .nd3-tab {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .nd3-tabs {
    margin: 30px 0;
    flex-wrap: wrap;
  }

  .nd2 {
    margin-bottom: 80px;
  }

  .nd2-item {
    height: 170px;

    width: ~"calc(100vw - 30px)";
  }

  .nd3 .post-item {
    margin-top: 30px;
  }

  .nd1-body p {
    font-size: 24px;
    margin-top: 20px;
  }

  .nd1-content {
    padding: 40px 20px;
  }

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

  .nd1-body {
    margin-top: 40px;
    display: block;
  }

  .search-page {
    padding-bottom: 80px;
  }

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

  .header-logo {
    width: 180px;
  }

  .modal1 {
    padding: 40px 20px;
  }

  .modal1 .standart-ttl h2 {
    font-size: 28px;
    line-height: normal;
  }

  .header-burger {
    flex-shrink: 0;

    svg {
      width: 30px;
      height: 30px;
    }

    margin-right: 0;
  }

  .standart-radios {
    flex-wrap: wrap;
  }

  .standart-radio {
    margin-bottom: 10px;
  }

  .standart-form-flex input {
    width: 100%;
  }

  .header-menu {
    position: static;
  }

  .header.header-drop-active .header-search {
    left: 10px;
    right: 10px;
    width: ~"calc(100% - 20px)";
  }

  .header-logo, .header-menu {
    margin-right: 0;
    justify-content: flex-end;
  }

  .header > .wrap {
    position: relative;
    padding: 20px 15px;
  }

  .header-drop {
    max-height: ~"calc(70vh - 80px)";
    overflow-y: auto;
  }

  .header-right {
    display: none;
  }

  .header-contact {
    display: none;
  }

  .header-search input {
    padding-left: 0;
  }

  .header-flex {
    display: block;
  }

  .header-col ul {
    margin-bottom: 30px !important;
  }

  html {
    zoom: 1;
  }

  .header-col {
    width: 100%;
  }

  .header-flex {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .header-bottom-item {
    margin-right: 0;
    margin-bottom: 20px;

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

    img {
      height: 35px;
    }
  }

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

  .d5-slider, .d5 .owl-nav {
    margin-top: 30px;
  }

  .d1-slid {
    height: auto;
  }

  .d8 {
    padding: 40px 0;
  }

  .d8 form p {
    margin-right: 0;
  }

  .d8 form input {
    margin: 30px 0;
  }

  .d8 form {
    display: block;
  }

  .footer {
    padding-top: 80px;
  }

  .d6-items {
    margin-top: 40px;
  }

  .d7 .standart-ttl h2 {
    font-size: 28px;
    line-height: normal;
  }

  .d7-right {
    display: none;
  }

  .d6 {
    margin-bottom: 80px;
  }

  .d6-content {
    padding-top: 20px;
    font-size: 16px;
    line-height: normal;
  }

  .d6-head {
    font-size: 24px
  }

  .d6-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .post-prev-text h3 {
    font-size: 18px;
  }

  .d5 .owl-nav .owl-prev {
    margin-right: 30px;
  }

  .d5 {
    margin: 80px 0;
  }

  .d4 .post-item {
    display: block;
    margin-top: 30px;
  }

  .d4-btn {
    margin-left: 0;
    margin: 0 auto;
    margin-top: 20px;
  }

  .d5::after {
    display: none
  }

  .d4-head {
    display: block;
  }

  .d3 {
    padding: 80px 0;
  }

  .d4 {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .d3-item img {
    margin-bottom: 20px;
  }

  .d3-item {
    width: 100%;
    margin-bottom: 30px;
  }

  .d3-flex {
    margin-top: 40px;
    margin-bottom: 60px;
    display: block;
  }

  .aboutd-left {
    font-size: 36px;

    br {
      display: none;
    }

    line-height: normal;
  }

  .aboutd {
    padding-top: 80px;
  }

  .d2 {
    margin-bottom: 80px;
  }

  .standart-btn a, .standart-btn button {
    padding: 0px 30px;
  }

  .standart-ttl h2 {
    font-size: 32px;
    line-height: normal;
  }

  .d1 {
    margin-bottom: 80px;
  }

  .d1-post {
    margin-bottom: 30px;
  }

  .d1-text {
    font-size: 14px;
  }

  .d1-post-content {
    margin-top: 20px;
  }

  .d1-post p {
    font-size: 16px;
  }

  .d1-post {
    display: block;
  }

  .d1-body-content {
    width: 100%;
  }

  .d1-ttl {
    font-size: 24px;
    line-height: normal;
  }

  .d1 {
    padding-top: 30px
  }

  .header-drop {
    padding-bottom: 30px;
  }

  .d1-slider .owl-dots {
    left: 20px;
    bottom: 40px;
  }

  .d1-body {
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .header-bottom-flex {
    display: block;
  }

  .header-shadow {
    height: 85px;
  }

  .archive-filter select {
    margin-top: 15px;
    margin-left: 0;
    display: block;
  }
}


@media only screen and(max-width: 475px) {
  .d2-item.d2-big {
    padding-bottom: 100vw;
  }
}


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