/**
*
  Сброс 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: 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: "UltraLight";
  src: url('/path_to_font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url('../fonts/Gilroy-Extrabold.ttf');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url('../fonts/Gilroy-Medium.ttf');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url('../fonts/Gilroy-Semibold.ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos";
  src: url('../fonts/GolosText-Bold.ttf');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos";
  src: url('../fonts/GolosText-DemiBold.ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos";
  src: url('../fonts/GolosText-Medium.ttf');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos";
  src: url('../fonts/GolosText-Regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url('../fonts/Manrope-Bold.ttf');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url('../fonts/Manrope-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url('../fonts/Manrope-Medium.ttf');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url('../fonts/Manrope-Semibold.ttf');
  font-weight: 600;
  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;
}

//// Basic styles

.container {
  width: 1420px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

.container-big {
  width: 1530px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

body {
  color: #283033;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Golos';
  background-color: #F9FDFC;
}

.standart__btn {
  display: flex;
  position: relative;
  z-index: 10;
  align-items: center;
  position: relative;
  height: 60px;
  background: #283033;
  border-radius: 40px;
  .transition;
  padding-left: 40px;
  cursor: pointer;
  width: 207px;

  span {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
  }

  &:hover {
    transform: scale(1.1);
  }
}

.standart__btn-arrow {
  position: absolute;
  z-index: 3;
  right: 10px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 50%;
}

//// Header

.header {
  position: absolute;
  width: 100%;
  z-index: 100;
  top: 40px;

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

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

  li {
    margin-right: 97px;

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

  a {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #263033;
    .transition;

    &:hover {
      color: #588DA4;
    }
  }
}

.header__nav {
  display: flex;
  align-items: center;
}

.header__link {
  font-family: 'Golos';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #283033;
  border: 1px solid #283033;
  border-radius: 20px;
  .transition;
  padding: 13px 21px;
  margin-right: 7px;

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

  &:hover {
    color: rgba(40, 48, 51, 0.5);
    border: 1px solid rgba(40, 48, 51, 0.5);

    svg {
      path {
        fill: rgba(40, 48, 51, 0.5);
      }
    }
  }

  svg {
    .transition;
    margin-left: 8px;

    path {
      .transition;
    }
  }
}

.header__link:nth-child(2) {
  padding: 12px 16px;
}

//// Main-page

.main-page {
  margin-top: 205px;
}

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

.main__logo {
  display: flex;
  align-items: center;
  width: 756px;

  img {
    margin-right: 53px;
  }

  h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 80px;
    line-height: 80px;
    text-transform: uppercase;
    color: #283033;
  }
}

.main__text {
  width: 464px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #2B2B2B;
    margin-bottom: 33px;
  }
}

.main__image {
  height: 852px;
  object-fit: cover;
  width: 100%;
  margin-top: -61px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;

  img {
    object-fit: cover;
    height: 100%;
  }
}

.main__items {
  position: absolute;
  z-index: 2;
  left: 611px;
  top: calc(100% - 61px);
}

.main-page {
  .container {
    position: relative;
    z-index: 10;
  }
}

//// Industries

.industries {
  margin-top: 150px;
}

.standart__head {
  display: flex;
  margin-bottom: 80px;
  align-items: flex-start;

  span {
    width: 418px;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-right: 75px;
    color: rgba(40, 48, 51, 0.7);
  }

  h2 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 84px;
    line-height: 93px;
    text-transform: uppercase;
    color: #283033;
  }
}

.industries__name {
  display: flex;
  position: relative;
  cursor: pointer;
  .transition;
  z-index: 10;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;

  span {
    .transition;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: rgba(40, 48, 51, 0.5);
  }

  h3 {
    font-family: 'Manrope';
    font-style: normal;
    width: 407px;
    font-weight: 600;
    font-size: 48px;
    line-height: 30px;
    .transition;
    color: #283033;
  }

  svg {
    top: -30px;
    .transition;
    position: relative;

    path {
      .transition;
    }
  }
}

.industries__content__item {
  position: relative;
}

.industries__line {
  position: absolute;
  top: -16px;
  left: 0;
}


.industries__info-text {
  display: flex;
  align-items: flex-end;

  margin-top: 30px;
}

.industries__info-content {
  margin-left: 286px;
  width: 696px;

  p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 30px;
    color: #283033;

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

.industries__img {
  margin-top: 70px;
  height: 478px;
  object-fit: cover;
  width: 100%;
}

.industries__content__item {
  .industries__info {
    display: none;
  }
}


.industries__content__item.active {
  .industries__info {
    display: block;
  }
}

.industries__content__item {
  margin-top: 60px;
}

.industries__img {
  margin-bottom: 30px;
}

.industries__name {
  .transition;

  &:hover {
    span {
      color: #588DA4;
    }

    h3 {
      color: #588DA4;
    }

    svg {
      path {
        stroke: #588DA4;
      }
    }
  }
}

.industries__content__item.active {
  .industries__name {
    svg {
      transform: rotate(270deg);

      path {
        &:nth-child(1) {
          opacity: 0;

        }
      }

    }
  }
}


//// Capabilities

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

.capabilities__block {
  width: 430px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  position: relative;

  span {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin-right: 40px;
    .transition;
    color: rgba(40, 48, 51, 0.5);
  }

  h3 {
    font-family: 'Manrope';
    font-style: normal;
    width: 191px;
    .transition;
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
    color: #283033;
  }

  svg {
    .transition;

    path {
      .transition;
    }
  }

  &:hover {
    span {
      color: #588DA4;
    }

    h3 {
      color: #588DA4;
    }

    svg {
      path {
        stroke: #588DA4;
      }
    }
  }
}

.capabilities-line {
  position: absolute;
  top: -23px;
}

.capabilities__name {
  display: flex;
  align-items: flex-start;
}

.capabilities__arrow {
  position: relative;
  // top: -33px;
  top: -54%;
}

.capabilities__block {
  margin-bottom: 100px;
  .transition;
}


.capabilities {
  margin-top: 150px;
}

//// Main-form

.main-form {
  margin-top: 220px;
}

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

.main-form__content {
  display: flex;
  flex-direction: column;
}

.main-form__info {
  width: 267px;

  p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #283033;
  }
}

.main-form__content {
  width: 910px;

  input {
    width: 100%;
    border-bottom: 2px solid rgba(40, 48, 51, 0.4);
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    cursor: pointer;
    line-height: 28px;
    padding-bottom: 33px;
    .transition;
    color: rgba(40, 48, 51, 0.4);
    margin-bottom: 55px;

    &::placeholder {
      .transition;
    }

    &:hover {
      color: #000;
      border-bottom: 2px solid #000;

      &::placeholder {
        color: #000;
      }
    }
  }

  .standart__btn {
    width: 207px;
    padding-left: 65px;
  }
}

//// Footer

.footer {
  padding-bottom: 75px;
  background: #283033;
}

.footer__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.footer__tel {
  font-family: 'Golos';
  font-style: normal;
  font-weight: 400;
  font-size: 28px !important;
  line-height: 1.5 !important;
  margin-right: 160px;
  .transition;
  display: flex;
  align-items: center;
  color: #FFFFFF;

  &:hover {
    color: #3895CA;
  }

  p {
    flex-grow: 1;
    text-align: right
  }
}

.footer__block {
  display: flex;
  flex-direction: column;
}

.footer__link {
  display: flex;
  align-items: flex-end;
}

.footer__block {
  a {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 55px;
    text-decoration-line: underline;
    color: #FFFFFF;
    .transition;

    &:hover {
      color: #3895CA;
    }
  }

  span {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
  }
}

.footer__social {
  display: flex;
  align-items: center;
  font-family: 'Golos';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 80px;
  .transition;

  color: #FFFFFF;

  svg {
    margin-right: 20px;

    path {
      .transition;
    }
  }

  &:hover {
    color: #3895CA;

    svg {
      path:first-child {
        fill: #3895CA;
      }
    }
  }
}

.footer__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 40px;
  padding-top: 50px;
}

.footer__botom {
  padding-top: 55px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  span {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    margin-right: 357px;
    width: 235px;

    font-size: 14px;
    line-height: 20px;
    color: rgba(198, 198, 198, 0.5);
  }

  p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;

    a {
      text-decoration-line: underline;
      color: #3895CA;
      .transition;
      margin-left: 5px;

      &:hover {
        color: #FFFFFF;
      }
    }
  }
}

.footer__policy {
  font-family: 'Golos';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(198, 198, 198, 0.5);
  .transition;
  text-decoration-line: underline;

  &:hover {
    color: #FFFFFF;
  }
}


.footer {
  margin-top: 250px;
  position: relative;
}

.footer__item {
  position: absolute;
  z-index: 2;
  bottom: calc(100% - 1px);
}

.footer__line::before {
  position: absolute;
  content: "";
  right: 100%;
  background: #283033;
  width: 1000px;
  height: 112px;
  bottom: calc(100% - 1px);
}

.footer__line {
  position: relative;
}

///// Burger

.header__burger {
  width: 20px;
  display: none;
  cursor: pointer;
  flex-direction: column;

  div {
    width: 100%;
    background-color: #283033;
    height: 2px;
    margin-bottom: 5px;

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


.industries__content__item:first-child {
  margin-top: 0;
}

//// .Paginated-navigation

.paginated-navigation {
  margin-bottom: 40px;
}

.paginated-navigation .container {
  display: flex;
  align-items: center;
  margin-top: 135px;
}

.pag-nav_link {
  font-family: 'Golos';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #626769;
  .transition;

  &:hover {
    font-weight: 700;
  }
}

.pag-nav_link.active {
  font-weight: 700;
}

.pag-nav_line {
  margin: 0 8px;
}

//// Training


.training {
  h1 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 100px;
    line-height: 100px;
    text-transform: uppercase;
    color: #283033;
    margin-bottom: 90px;
  }

  .industries__name h3 {
    font-family: 'Golos';
    width: 667px;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    color: #283033;
  }

  .industries__content__item {
    margin-top: 77px;
  }

  .industries__line {
    top: -33px;
  }

  .industries__name svg {
    top: -50px;
  }
}

.industries__name:hover {
  p {
    color: #588DA4;
  }

  h3 {
    color: #588DA4;
  }
}

.industries__name {
  p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #283033;
  }
}

.industries__name-info {
  span {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #AAAAAA;
  }
}

.training {
  .industries__info-content {
    margin-left: 239px;
    width: 728px;
  }

  .industries__info-content p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #283033;
    margin-bottom: 40px;
  }

  .industries__list {

    h3 {
      margin-bottom: 10px;
      font-family: 'Golos';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 30px;
      color: #283033;
    }

    li {
      font-family: 'Golos';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 30px;
      color: #283033;
      list-style: disc;
    }

    ul {
      padding-left: 21px;
      margin-bottom: 40px;
    }
  }
}

.industries__rew-photo {
  position: relative;
  width: 142px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 145px;

}

.industries__photo-people {

  object-fit: cover;
}

.industries__photo-r {
  display: flex;
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 3;
}

.industries__rew-wrapp {
  display: flex;
  align-items: center;
}

.industries__rew {
  h3 {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #283033;
  }
}

.industries__rew-content {
  width: 366px;
  margin-left: 20px;

  span {
    margin-bottom: 10px;
    font-family: 'Golos';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #283033;
  }

  p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
    color: #6B6F71 !important;
  }
}

.industries__info-wrap {
  p {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 36px;
    color: #283033;
  }

  .standart__btn {
    width: 194px;
    padding-left: 57px;
  }
}

.trtraining__more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 95px;

  a {
    display: flex;
    align-items: center;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
    .transition;

    &:hover {
      color: #626769;
    }

    svg {
      margin-left: 20px;
    }
  }
}


.dark {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.75);
  display: block;
}

.industries__photo-people {
  object-fit: cover;
  border-radius: 50%;
  height: 83%;
  width: 87%;
}

.modal {
  position: relative;
  width: 1400px;
  max-height: 90vh;
  overflow-y: auto;
  background-color: white;
}

.modal1 {
  .pos_absc;
  position: fixed;
  z-index: 1000001;
}

.modal2, .modal22 {
  .pos_absc;
  position: fixed;
  z-index: 1000001;
}

.modal3 {
  .pos_absc;
  position: fixed;
  z-index: 1000001;
}

.modal1 {
  .standart__btn {
    width: 194px;
  }
}

.section-inner {
  position: relative;
  height: 1080px;
  align-items: center;
  overflow-y: hidden;
  overflow-x: hidden;
}

.section-inner-main {
  display: flex;
  min-height: 680px;
}

.section-inner-absolute {
  position: absolute;
  top: 230px;
  right: 25px;
  cursor: pointer;
}

.section-inner, .container {
  position: relative;
}

.section-inner-texts {
  padding: 70px 133px 80px 80px;
  background-color: #fff;
}

.section-inner-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 30px;
  color: #283033;
  margin-bottom: 24px;
}

.section-inner-button {
  display: flex;
  justify-content: end;
  width: 170px;
  align-items: center;
  background-color: #283033;
  border-radius: 40px;
  cursor: pointer;
}

.section-inner-texts p {
  font-family: 'Golos';
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 35px;

  b {
    font-weight: 500;
  }

}

.section-inner-btn {
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.05em;
  padding-left: 0px;
  padding-right: 12px;
  display: block;
  text-decoration: none;
  color: #fff;
}

.section-inner-img {
  width: 491px;
  object-fit: cover;
}

.modal1 {
  .standart__btn {
    margin-top: 50px;
  }
}

.section-inner-button {
  display: flex;
  justify-content: end;
  width: 170px;
  align-items: center;
  background-color: #283033;
  border-radius: 40px;
  cursor: pointer;
}

.close {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
}

.modal {
  max-width: 90vw;
}

.section-intro {
  position: relative;
  align-items: center;
}

.section-intro-main {
  display: flex;
  min-height: 680px;
}

.section-intro-info {
  background-color: #283033;
  padding: 75px 91px 91px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 420px;
}

.section-intro-info-texts {
  text-transform: uppercase;
  font-size: 24px;
  color: #FFFFFF;
  opacity: 0.7;
  font-weight: 500;
  font-family: 'Golos';
  margin-bottom: 76px;
}

.section-intro-info-text {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 30px;
  font-family: 'Golos';
}

.section-intro-info-btn {
  color: #3795CA;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  font-family: 'Golos';
  text-decoration-line: underline;
  .transition;

  &:hover {
    color: #fff;
  }
}

.section-intro-texts {
  background-color: #fff;
  padding: 100px 0px 100px 73px;
  width: 983px;
}

.section-intro-absolute {
  position: absolute;
  top: 220px;
  right: 23px;
  cursor: pointer;
}

.section-intro, .container {
  position: relative;
}

.section-intro-inputs {
  display: flex;
  flex-direction: column;
}

.section-intro-input {
  border: none;
  border-bottom: 2px solid rgba(40, 48, 51, 0.4);
  font-size: 24px;
  line-height: 29px;
  padding-left: 40px;
  padding-bottom: 20px;
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: rgba(40, 48, 51, 0.4);
  margin-top: 20px;
  .transition;

  &::placeholder {
    .transition;
  }

  &:hover {
    color: #000;
    border-bottom: 2px solid #000;

    &::placeholder {
      color: #000;
    }
  }
}

.modal2, .modal22 {
  .standart__btn {
    margin-top: 60px;
    padding-left: 60px;
  }
}

///////

.section-product {
  position: relative;
  min-height: 680px;
}

.section-product-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section-product-info-texts {
  text-transform: uppercase;
  font-size: 24px;
  color: #FFFFFF;
  opacity: 0.7;
  font-weight: 500;
  font-family: 'Golos';
}

.section-product-info-text {
  font-size: 14px;
  line-height: 46px;
  color: #727272;
  font-weight: 400;
  font-family: 'Golos';
}

.section-product-intro-btn {
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 400;
  color: #fff;
  font-family: 'Golos';
  text-decoration: none;
}

.section-product-intro-button {
  font-family: 'Golos';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 80px;
  text-decoration-line: underline;
  color: #FFFFFF;
  .transition;

  &:hover {
    color: #3895CA;
  }
}

.section-product-intro-btn {
  .transition;

  &:hover {
    color: #3895CA;
  }
}

.section-product-telegram-text {
  font-size: 24px;
  line-height: 80px;
  font-weight: 600;
  font-family: 'Golos';
  color: #fff;
  margin-left: 26px;
}

.section-product-telegram {
  display: flex;
  align-items: center;
}

.section-product-info {
  background-color: #283033;
  padding: 75px 58px 71px 50px;
  width: 420px;
}

.section-product-text {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #2b2b2b;
  font-family: 'Golos';
  z-index: 10;
  position: relative;
}

.section-product-title {
  font-size: 96px;
  line-height: 90px;
  font-weight: 600;
  font-family: 'Manrope', sans-serif;
  text-align: right;
  color: #283033;
  padding-right: 35px;
  z-index: 10;
  font-size: 82px;
  line-height: 78px;
  position: relative;
}

.section-product-absolutes {
  position: absolute;
  top: 191px;
  right: 136px;
}

.section-product-texti {
  width: 564px;
}

.section-product-texts {
  background-color: #fff;
  padding: 66px 0px 78px 73px;
  width: 983px;
}

.section-product-absolute {
  position: absolute;
  top: 220px;
  right: 23px;
  cursor: pointer;
}

.section__block {
  margin-bottom: 20px;
}

.section-product-telegram {
  .transition;
  font-family: 'Golos';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 80px;
  color: #FFFFFF;

  svg {
    margin-right: 25px;

    path {
      .transition;
    }
  }

  &:hover {
    color: #3795CA;

    svg {
      path:first-child {
        fill: #3795CA;
      }
    }
  }
}

.section-product-info {
  position: relative;
  z-index: 3;
}

.section-product-texts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/// Burger


.burger-menu {
  padding: 30px;
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 10001;
  top: 0;
  .transition();
  transform: translateX(100%);

  &.active {
    transform: translateX(0%);
  }

  bottom: 0;
  background: white;
  color: rgba(14, 31, 52, 0.8);
}

.burger__wr {
  ul {
    margin-top: 30px;

    li {
      margin-bottom: 10px;

      a {
        font-family: 'Golos';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        color: #283033;
        .transition;

        &:hover {
          color: #3895CA;
        }
      }
    }
  }
}

.burger-menu {
  overflow-y: scroll;
}

.main__image img {
  width: 100%;
}

.header__nav-link {
  margin-right: 10px;
  position: relative;

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

.header__link {
  position: relative;
  cursor: pointer;
}

.header__lang {
  position: absolute;
  .xpos_ab;
  .transition;
  background-color: white;
  border: 1px solid #000;
  border-radius: 5px;
  width: 62px;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  display: none;
  flex-direction: column;
  padding: 10px;
  position: absolute;

  span {
    width: 100%;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;

    color: #283033;
    position: relative;
    .transition;

    &:hover {
      color: #3795CA;
    }

    &::before {
      position: absolute;
      content: "";
      width: 133%;
      height: 1px;
      bottom: 5px;
      background-color: #000;
    }

    &:last-child {
      border: none;
      padding-bottom: 0;

      &::before {
        display: none;
      }
    }
  }
}

.header__nav-link:hover {
  .header__lang {
    display: flex;
  }
}


.header__link {
  display: block;
}

a {
  color: inherit;
}

.header {
  top: 0;
  padding: 20px 0;
  position: fixed;
  left: 0;
  right: 0;

  background: #F9FBFC;
  box-shadow: 0px 4px 20px rgba(88, 141, 164, 0.04);
}


.industries__rew-wrapp {
  margin-bottom: 30px
}

.training .industries__info-content {
  margin-left: 250px
}

.footer__top {
  width: 100%;
  align-items: center
}

.footer__link {
  align-items: center;
  flex-grow: 0;
  display: block
}

.footer__tel p {
  line-height: 1.1
}

.footer__tel p a {
  margin-right: 0px
}

.footer__tel a {
  width: 265px;
  flex-shrink: 0
}

.footer__tel {
  margin-right: 0;
  margin-left: 40px;
  display: flex;
  align-items: center;

  a {
    margin-right: 20px;
    color: white;
    white-space: nowrap;
    .transition;

    &:hover {
      color: #3895CA;
    }
  }

  p {
    color: white;

    font-size: 20px;

    a {
      text-decoration-line: underline;

      color: #3895CA;

    }
  }
}

.footer__social {
  line-height: normal;
  margin-bottom: 10px;

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

.footer__botom {
  align-items: center
}

.footer__social {
  font-size: 24px !important
}

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

  a {
    svg {
      margin: 0;
    }

    margin: 0;
    margin-right: 20px;

    &:last-child {

      margin-right: 0;
    }
  }
}

.partner {

  padding-top: 40px;

  border-top: 1px solid rgba(40, 48, 51, 0.5);


  &__list {
    margin-top: 20px;
  }

  margin-top: 80px;

  &__img {
    flex-grow: 1;
    padding-right: 40px;
  }

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

  &__text {
    font-family: 'Golos';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding-right: 110px;
    width: 910px;
    /* or 175% */


    color: #000000;

    opacity: 0.7;
  }

  &s {
    &__img {
      margin-top: 90px;

      img {
        width: 100%;
      }
    }

    &__text {
      margin-top: 90px;
      line-height: 1.7;
      width: 1290px;

      p {
        margin-top: 20px;

        font-family: 'Golos';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;

        &:first-child {
          font-size: 24px;
          margin-top: 0;
        }


        color: #000000;

      }
    }
  }
}

.has__children{
  a.active{
    svg{
      transform: rotate(0deg);
      margin-left: 10px;
      path{
        stroke: #588DA4!important;
      }
    }
  }
  &:hover{
    path{
      stroke: #588DA4!important;
    }
  }
  svg{
    transform: rotate(180deg);
    margin-left: 10px;      .transition();

    path{
      .transition();
    }
  }

  position: relative;
  ul{
    position: absolute;
    left: 0;
    right: 0;
    top: ~"calc(100% + 10px)";
    width: 100%;
    li{
      margin-right: 0;

      a{
        &:hover{
          color: #588DA4
        ;
          border-bottom: 1px solid #588DA4;

        }
        width: 100%;display: block;
        line-height: 36px;
        /* or 257% */border-bottom: 1px solid #868686;

        font-family: 'Golos';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;

        color: #868686;
      }

    }
    display: none;
  }
}

.blog{

  &__flex{
    display: flex;justify-content: space-between;
  }
  &__right{
    width: 910px;
    display: flex;justify-content: space-between;
    flex-wrap: wrap;
  }
  &__left{
    margin-right: 60px;
    flex-grow: 1;
    a{
      display: block;

      font-family: 'Golos';
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 60px;
      /* or 200% */

.transition();
      color: #AAAAAA
    ;
      &.active,&:hover{
        color: #588DA4
      ;
      }

    }
  }

  &__item{
    width: ~"calc(50% - 15px)";
    margin-top: 30px;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    &:first-child{
      margin-top: 0;
      width: 100%;
      position: relative;

      border: none;
      height: 600px;
      .blog__content{
        z-index: 5;
        width: 100%;
        height: 100%;
        padding: 40px 50px;
        display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;
        position: relative;
        background: linear-gradient(180deg, rgba(38, 48, 51, 0.35) 0%, rgba(38, 48, 51, 0.147) 0.01%, rgba(38, 48, 51, 0.455) 57.81%, rgba(38, 48, 51, 0.7) 89.06%);
      }
      .blog__ttl{
        font-style: normal;
        font-weight: 600;
        font-size: 36px;
        width: 650px;
        line-height: 42px;
        /* or 117% */


        color: #FFFFFF;

      }
      .blog__date{
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */


        color: #FFFFFF;

      }
      .blog__img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
      }
    }
  }
  &__ttl{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    /* or 125% */


    color: #000000;
  }
  &__date{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */

margin-top: 15px;
    color: #AAAAAA;

  }
  &__content{
    padding: 25px 30px;
  }
  &__img{
    height: 315px;
    img{
      .c_img;
    }
  }
}
.owl-carousel{
  div{max-width: 100045350px}
  .owl-stage-outer{
    overflow: visible!important;
  }
}

.post{
  h1{
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    /* or 133% */


    color: #000000;
  }
  blockquote{
   padding-left: 80px;
    padding-top: 20px;
    position: relative;
    margin: 40px 0;
    p{
      margin-top: 0;
      strong{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        /* identical to box height, or 175% */


        color: #000000;
        font-style: normal;
      }
    }
    &::after{
      content: "“";
      position: absolute;
      font-style: normal;
      font-weight: 400;
      font-size: 128px;
      line-height: 36px;
      /* or 28% */


      color: #588DA4;

      left: 0;
      top: 20px;

    }

    em{
      margin-top: 20px;
      font-style: normal;
      font-weight: 400;display: block;
      font-size: 16px;
      line-height: 28px;
      /* identical to box height, or 175% */


      color: #989898;

    }
    p{font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      /* or 150% */


      color: #000000;


    }
  }
  &__flex{align-items: flex-start;
    display: flex;
    margin-top: 80px;
    justify-content: space-between;
  }
  &__left{
    width: 280px;border-bottom: 1px solid #588DA4;
padding-bottom: 25px;
    flex-shrink: 0;
    b{
      display: block;font-style: normal;
      font-weight: 500;
      font-size: 16px;


      color: #000000;
    }
    span{
      display: block;font-style: normal;
      font-weight: 400;
      font-size: 16px;


      color: #999999;

    }
  }
  &__text{
    width: 910px;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    /* or 188% */

.gallery{
  margin: 100px 0;
  img{
    width: 100%!important;height: auto!important;}
}
    color: #2B2B2B;



    li{
      padding-left: 40px;
      &::after{
        content: "";
        position: absolute;
        left: 0;background: #26467B;
        top: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
      }

      position: relative;
      margin-top: 30px;
    }
    a{
      text-decoration: underline;
      color: #3795CA
    ;
      .transition();
      &:hover{
        opacity: 0.7;
      }
    }
    &>*:first-child{
      margin-top: 0;
    }
    h2{
      font-family: 'Golos';
      font-style: normal;
      font-weight: 500;
      font-size: 36px;
      line-height: 50px;
      /* or 139% */
      margin: 40px 0;


      color: #000000;

    }
    p{
      strong{
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 40px;
        /* or 167% */


        color: #000000;

      }
      margin-top: 30px;
    }
  }
}
.other-post{
  margin-top: 160px;
  h2{
    margin-bottom: 90px;
    font-style: normal;
    font-weight: 500;
    font-size: 84px;
    line-height: 120px;
    /* identical to box height, or 143% */

    text-transform: uppercase;

    color: #283033;

  }
  .blog__right{
    width: 100%;
    .blog__item{
      width: 32%;
    }
  }
}
.gallery{
  figure{
    margin: 0;
  }
}
.post__text .gallery .gallery-icon
{
  height: 500px;
  display: flex;
  justify-content: center;
  img{
    height: 100% !important;    width: 100%!important;
    object-fit: cover;

  }
}
.partner__text{
  strong{
    font-weight: 700;
  }
  a{
    transition: all 0.6s ease;
    color: #3795CA;
    text-decoration: underline;
    &:hover{
      opacity: 0.6;
    }
  }
}
/**
*
  Адаптивка
*
**/
@media only screen and(max-width: 1499px) {
  .container {
    width: 1400px;
  }
  .post__left{
    width: 180px;
  }
  .blog__right {
    width: 860px;
  }

  .main__items {
    top: calc(100% - 44px);
  }

  .main__image {
    margin-top: -154px;
  }

  .main__items {
    top: calc(100% - 72px);
  }

  .main__text {
    position: relative;
    z-index: 10;
  }

  .main__image {
    margin-top: -65px;
  }
}

@media only screen and(max-width: 1399px) {
  .container {
    width: 1200px;
  }

  .main__logo h1 {
    font-size: 56px;
    line-height: 64px;
  }

  .main__logo img {
    width: 165px;
  }

  .main__logo {
    width: 620px;
  }

  .main__image {
    margin-top: -212px;
  }

  .main__items {
    top: calc(100% - 80px);
    left: 489px;
  }

  .main-page {
    margin-top: 200px;
  }

  .main__image {
    margin-top: -79px;
    height: 530px;

    img {
      object-fit: cover;
      height: 100%;
      width: 100%;
    }
  }

  .industries {
    margin-top: 128px;
  }

  .standart__head span {
    width: 305px;
  }

  .standart__head span {
    line-height: 50px;
    font-size: 22px;
  }

  .standart__head h2 {
    font-size: 67px;
  }

  .industries__name h3 {
    font-size: 40px;
    width: 390px;
  }

  .industries__info-content {
    margin-left: 184px;
    width: 696px;
  }

  .industries__content__item {
    margin-top: 40px;
  }

  .capabilities__block {
    width: 360px;
  }

  .capabilities__block h3 {
    font-size: 25px;
    line-height: 29px;
  }

  .main__logo img {
    width: 154px;
    margin-right: 36px;
  }

  .standart__head h2 {
    font-size: 59px;
  }

  .industries__name h3 {
    font-size: 28px;
  }

  .main-form__content {
    width: 793px;
  }

  .main-form__content input {
    line-height: 28px;
    font-size: 22px;
    margin-bottom: 45px;
    padding-bottom: 27px;
  }

  .main-form {
    margin-top: 112px;
  }

  .footer__item {
    left: -100px;
  }


  .footer__block a {
    font-size: 25px;
  }

  .footer__top {
    padding-top: 30px;
  }

  .footer__social {
    font-size: 27px;
  }

  .footer__botom span {
    margin-right: 183px;
  }

  .footer__botom p {
    font-size: 18px;
  }

  .footer__botom {
    padding-top: 40px;
  }

  .footer {
    padding-bottom: 48px;
    margin-top: 250px;
  }

  .paginated-navigation {
    margin-bottom: 30px;
  }

  .training h1 {
    font-size: 74px;
    line-height: 1.2;
    margin-bottom: 82px;
  }

  .industries__name p {
    font-size: 20px;
    line-height: 32px;
  }

  .industries__name-info span {
    font-size: 18px;
  }

  .training .industries__name h3 {
    font-size: 26px;
  }

  .section-inner-texts {
    padding: 54px 44px 53px 45px;
    background-color: #fff;
  }

  .close {
    top: 14px;
    right: 14px;
  }

  .section-inner-title {
    margin-bottom: 37px;
    font-size: 36px;
  }

  .section-inner-texts p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 32px;
  }

  .section-intro-texts {
    padding: 92px 0px 87px 65px;
  }

  .section-intro-info {
    padding: 83px 60px 73px 60px;
  }

  .section-inner-title {
    font-size: 36px;
  }

  .section-intro-input {
    font-size: 21px;
    padding-left: 33px;
    padding-bottom: 10px;
    line-height: 24px;
  }

  .section-product-info {
    padding: 54px 44px 64px 40px;
  }

  .section-product-telegram {
    font-size: 20px;
    line-height: 1.2;
  }

  .section-product-telegram svg {
    width: 34px;
    margin-right: 18px;
  }

  .section-product-info-text {
    line-height: 35px;
  }

  .section-product-intro-btn {
    font-size: 32px;
    line-height: 44px;
  }

  .section-product-info-text {
    line-height: 35px;
  }

  .section-product-intro-button {
    line-height: 50px;
  }

  .section__block {
    margin-bottom: 40px;
  }

  .section-product-texts {
    padding: 66px 0px 65px 73px;
  }

  .section-product-absolutes {
    position: absolute;
    top: 149px;
    right: 93px;
    width: 756px;
  }

  .footer__line::before {
    height: 68px;
  }
}


@media only screen and(min-height: 599px) and (max-height: 800px) {
  .modal {

    .section-intro-input {
      margin-top: 10px;
      padding-bottom: 10px;
    }

    .section-intro-main {
      min-height: 0px;
    }

    .section-intro-texts, .section-intro-info, .section-product-info, .section-inner-texts {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    .section-product-telegram {
      font-size: 22px;
    }

    .section-product-title {
      line-height: 70px;
      font-size: 64px;
    }

    .section-product-absolutes {
      top: 90px;
    }

    .section-inner-texts p {
      font-family: 'Golos';
      font-size: 14px;
      line-height: 24px;
      font-weight: 400;
      margin-bottom: 20px;
    }

    .section-inner-main {
      min-height: 1px;
    }

    .section-inner-img {
      max-height: 90vh;
    }

    overflow: hidden !important;
  }
}

@media only screen and(max-width: 1199px) {
  .post__text .gallery .gallery-icon
  {
    height: 240px;
  }
  .md-show {
    display: block !important;
  }

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

  .container {
    width: 768px;
  }

  .modal {
    overflow-y: auto !important;
  }

  .header__burger {
    display: flex;
  }

  .header ul {
    display: none;
  }

  .header {
  }

  .header__nav-link:nth-child(1) {
    display: none;
  }

  .main-page {
    margin-top: 155px;
  }

  .main__info {
    flex-direction: column;
  }

  .main__logo img {
    width: 121px;
    margin-right: 31px;
  }

  .main__logo h1 {
    font-size: 46px;
    line-height: 51px;
  }

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

  .main__text {
    width: 100%;
  }

  .main__image {
    margin-top: 34px;
    height: auto;
  }

  .main__items {
    top: calc(100% - -26px);
    left: 382px;
    width: 391px;
  }

  .main__text p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 21px;
  }

  .standart__btn {
    width: 200px;
    height: 54px;
    padding-left: 35px;
  }

  .standart__btn span {
    font-size: 13px;
  }

  .standart__head span {
    line-height: 50px;
    font-size: 18px;
    width: 192px;
  }

  .standart__head h2 {
    font-size: 50px;
    line-height: 1.2;
  }

  .standart__head {
    margin-bottom: 40px;
  }

  .industries {
    margin-top: 85px;
  }

  .industries__name span {
    font-size: 21px;
  }

  .industries__name h3 {
    font-size: 29px;
    width: 197px;
    line-height: 1.2;
  }

  .industries__content__item {
    margin-top: 21px;
  }

  .industries__line {
    top: -15px;
  }

  .industries__name svg {
    width: 30px;
  }

  .industries__info-content {
    margin-left: 34px;
    width: 612px;
  }

  .industries__info-content p {
    font-size: 14px;
    margin-bottom: 18px;
    line-height: 30px;
  }

  .industries__img {
    margin-top: 45px;
    height: auto;
    margin-bottom: 21px;
  }

  .capabilities__block {
    width: calc(50% - 20px);
    margin-bottom: 70px;
  }

  .capabilities__blocks {
    margin-top: 80px;
  }

  .capabilities__block span {
    font-size: 22px;
  }

  .capabilities__block h3 {
    font-size: 21px;
    line-height: 27px;
    width: 176px;
  }

  .capabilities__arrow svg {
    width: 35px;
  }

  .standart__head h2 {
    font-size: 45px;
  }

  .main-form__wrap {
    flex-direction: column;
  }

  .main-form__info {
    width: 73%;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .main-form__info p {
    text-align: center;
  }

  .main-form__content input {
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 37px;
    padding-bottom: 23px;
  }

  .footer__item {
    width: 409px;
    left: 0;
  }

  .footer__tel {
    font-size: 39px;
    line-height: 56px;
    margin-right: 43px;
  }

  .footer__block a {
    font-size: 22px;
  }

  .footer__block span {
    font-size: 14px;
  }

  .footer__tel {
    margin-right: 15px;
  }

  .footer__social {
    font-size: 18px;
  }

  .footer__social svg {
    margin-right: 15px;
    width: 30px;
  }

  .footer__tel {
    margin-right: 15px;
    font-size: 33px;
    line-height: 51px;
  }

  .footer__item {

    width: 409px;
    left: 0;
  }

  .footer__top {
    padding-top: 20px;
    padding-bottom: 35px;
  }

  .footer__botom span {
    margin-right: 60px;
  }

  .footer__botom p {
    font-size: 16px;
  }

  .footer__botom {
    padding-top: 30px;
  }

  .paginated-navigation .container {
    margin-top: 130px;
  }

  .pag-nav_link {
    line-height: 1.2;
  }

  .training h1 {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 47px;
  }

  .training .industries__name h3 {

    width: 431px;
    font-size: 22px;
    line-height: 30px;
  }

  .training .industries__content__item {
    margin-top: 58px;
  }

  .trtraining__more {
    margin-top: 55px;
  }

  .training .industries__info-content {
    margin-left: 50px;
    width: 498px;
  }

  .training .industries__info-content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 29px;
  }

  .training .industries__list li {
    font-size: 14px;
  }

  .industries__rew-photo {
    width: 120px;
    height: 120px;
  }

  .industries__photo-people {
    width: 100px;
    height: 100px;
  }

  .industries__name p {
    font-size: 19px;
    line-height: 29px;
  }

  .industries__name span {
    font-size: 18px;
  }

  .industries__info-wrap .standart__btn {
    width: 171px;
    padding-left: 57px;
  }

  .industries__info-wrap p {
    font-size: 20px;
  }

  .section-inner-main {
    flex-direction: column;
  }

  .section-inner-img {
    width: 100%;
    height: 375px;
    object-fit: cover;
  }

  .section-inner-texts {
    padding: 47px 47px 52px 31px;
    background-color: #fff;
  }

  .section-inner-texts p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 25px;
  }

  .modal1 .standart__btn {
    margin-top: 39px;
  }

  .section-inner-title {
    margin-bottom: 27px;
    font-size: 36px;
  }

  .section-intro-main {
    flex-direction: column;
  }

  .section-intro-info {
    padding: 35px 42px 49px 33px;
    width: 100%;
  }

  .section-intro-info-texts {
    margin-bottom: 35px;
  }

  .section-intro-info {
    justify-content: flex-start;
  }

  .section-intro-info-text {
    margin-bottom: 20px;
  }

  .section-intro-info-texts {
    margin-bottom: 30px;
  }

  .section-intro-texts {
    padding: 69px 44px 64px 40px;
  }

  .section-inner-title {
    margin-bottom: 20px;
    font-size: 33px;
    line-height: 1.2;
  }

  .section-intro-input {
    font-size: 18px;
    padding-left: 28px;
    padding-bottom: 27px;
    margin-top: 32px;
    line-height: 24px;
  }

  .modal2 .standart__btn, .modal22 .standart__btn {
    margin-top: 40px;
  }

  .close {
    width: 44px;
    z-index: 10;
  }

  .section-product-info {
    width: 100%;
  }

  .section__wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .section-product-info {
    padding: 38px 53px 41px 35px;
  }

  .section-product-info-texts {
    font-size: 21px;
    margin-bottom: 15px;
  }

  .section__block {
    margin-bottom: 0;

  }

  .section-product-intro-btn {
    font-size: 29px;
    line-height: 40px;
  }

  .section-product-intro-btn {
    br {
      display: none;
    }
  }

  .section__wrap {
    align-items: flex-end;
  }

  .section__block {
    width: 322px;
  }

  .section-product-intro-button {
    font-size: 22px;
  }

  .section-product-telegram svg {
    width: 32px;
    margin-right: 16px;
  }

  .section-product-texts {
    padding: 36px 0px 53px 26px;
  }

  .section-product-text {
    font-size: 19px;
    line-height: 31px;
  }

  .section-product-title {
    font-size: 74px;
    line-height: 78px;
    padding-right: 19px;
    bottom: -40px;
  }

  .section-product-absolutes {
    position: absolute;
    top: 310px;
    right: 93px;
    width: 645px;
  }

  .main__items {
    top: calc(100% - -34px);
  }

  .footer__line::before {
    height: 66px;
  }

  .footer__tel {
    margin-bottom: 20px;

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

    margin-right: 0 !important;
    display: block;

    p {
      text-align: left;
    }
  }

  .footer__tel > a {
    width: 100%
  }

  .partner {
    display: block;
    &__img{
      margin-bottom: 30px;
    }
    &__text{
      padding-right: 0;
    }
    margin-top: 40px;
  }
  .partners__text{
    margin-top: 40px;
  }
  .partners__text p{
    font-size: 14px;
  &:first-child{
    font-size: 18px;
  }
  }
  .partner__text{
    font-size: 14px;
  }
  .blog__flex{
    display: block;
  }
  .blog__right,.blog__left{
    padding: 0;
    width: 100%;
  }
  .blog__left a{
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .blog__item{
    width: 100%;
    margin-top: 20px;
  }
  .blog__content{
    padding: 20px;
  }
  .blog__img{
    height: 160px;
  }
  .blog__item:first-child{
    height: 320px;
  }
  .blog__ttl{
    font-size: 18px;
    line-height: normal;
  }
  .blog__item:first-child .blog__content{
    padding: 20px;
  }
  .blog__item:first-child .blog__ttl{
    font-size: 24px;
    line-height: normal;

  }

  .post h1{
    font-size: 28px;
    line-height: normal;
  }
  .partners__img{
    margin-top: 40px;
  }
  .post__flex{
    display: block;
    margin-top: 40px;
  }
  .post__left{
border-bottom: 0;  }

  .post__text{
    font-size: 14px;
    p{
      margin-top: 20px;
    }
    line-height: 1.8;
  }
  .post blockquote::after{
    display: none;
  }
  .post__text li::after{
    top: 8px;
  }
  .post__text .gallery{
    margin: 50px 0;
  }
  .post__text li{
    padding-left: 25px;
    margin-top: 20px;
  }
  .post__text p strong{
    font-size: 18px;
    line-height: 1.8;
  }
  .post blockquote{
    padding-top: 0;
    padding-left: 0px;
    p{
      font-size: 16px;
      line-height: 1.7;
    }
  }
  .post__text h2{
    line-height: 1.5;
    font-size: 24px;
  }
  .other-post .blog__right .blog__item{
    width: 100%;
  }
  .other-post h2{
    font-size: 32px;
    line-height: normal;
  margin-bottom: 30px;
  }
  .other-post{
    margin-top: 60px;
  }
}


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

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

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

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

  .footer {
    margin-top: 100px;
  }

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

  .container {
    width: 360px;
  }

  .main__logo img {
    width: 76px;
    margin-right: 20px;
  }

  .main__logo h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .main-page {
    margin-top: 116px;
  }

  .main__text p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .standart__btn span {
    font-size: 12px;
  }

  .standart__btn {
    width: 175px;
    height: 48px;
    padding-left: 35px;
  }

  .standart__btn-arrow {
    width: 30px;
    height: 30px;
  }

  .header__link {
    font-size: 11px;
    padding: 11px 19px;
  }

  .header__link:nth-child(2) {
    padding: 11px 16px;
  }

  .main__items {
    top: calc(100% - -27px);
    left: 158px;
    width: 235px;
  }

  .main__logo {
    margin-bottom: 20px;
  }

  .standart__head {
    flex-direction: column;
  }

  .industries {
    margin-top: 61px;
  }

  .standart__head span {
    line-height: 1.2;
    font-size: 18px;
    width: 100%;
    margin-bottom: 10px;
  }

  .standart__head h2 {
    font-size: 40px;
  }

  .industries__name span {
    font-size: 18px;
  }

  .industries__name h3 {
    font-size: 25px;
    width: 200px;
    line-height: 1.2;
  }

  .industries__name {
    min-height: auto;
  }

  .industries__content__item {
    margin-top: 35px;
  }

  .industries__line {
    top: -39px;
  }

  .industries__name svg {
    width: 27px;
    top: -42px;
  }

  .industries__info-text {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    margin-top: 30px;
  }

  .industries__info-content {
    margin-left: 0;
    margin-bottom: 30px;
    width: 100%;
  }

  .industries__img {
    margin-top: 33px;
  }

  .capabilities {
    margin-top: 112px;
  }

  .capabilities__block {
    width: 100%;
    margin-bottom: 38px;
  }

  .capabilities__block span {
    font-size: 19px;
  }

  .capabilities__block h3 {
    font-size: 19px;
    line-height: 1.2;
    width: 177px;
  }

  .capabilities__arrow svg {
    width: 31px;
  }

  .capabilities-line {
    top: -26px;
  }

  .main-form {
    margin-top: 76px;
  }

  .main-form__info p {
    text-align: start;
  }

  .main-form__info {
    width: 100%;
    margin: inherit;
    margin-bottom: 40px;
  }

  .main-form__content input {
    line-height: 24px;
    font-size: 17px;
    margin-bottom: 26px;
    padding-bottom: 23px;
  }

  .main-form__content .standart__btn {
    width: 142px;
    padding-left: 39px;
  }

  .footer__item {
    width: 311px;
    left: 0;
  }

  .footer__line::before {
    height: 52px;
  }

  .footer__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__link {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__tel {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    font-size: 25px;
    line-height: 1.2;
  }

  .footer__block {
    margin-bottom: 10px;
  }

  .footer__block a {
    font-size: 20px;
  }

  .footer__block span {
    font-size: 13px;
  }

  .footer__top {
    padding-bottom: 13px;
  }

  .footer__botom {
    padding-top: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__botom span {
    margin-right: 0;
  }

  .footer__botom-wr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .footer__botom p {
    font-size: 15px;
    line-height: 27px;
    margin-top: 20px;
  }

  .footer {
    padding-bottom: 35px;
  }

  .training .industries__name h3 {
    width: 211px;
    font-size: 17px;
    line-height: 24px;
  }

  .industries__name p {
    font-size: 15px;
    line-height: 21px;
  }

  .industries__name span {
    font-size: 16px;
  }

  .training .industries__name svg {
    top: -56px;
  }

  .paginated-navigation .container {
    margin-top: 103px;
  }

  .training h1 {
    font-size: 41px;
    line-height: 1.2;
    margin-bottom: 42px;
  }

  .training .industries__content__item {
    margin-top: 38px;
  }

  .training .industries__info-content {
    margin-left: 0;
    width: 100%;
  }

  .training .industries__info-text {
    flex-direction: column;
  }

  .industries__info-wrap p {
    font-size: 17px;
    margin-bottom: 7px;
  }

  .industries__info-wrap .standart__btn {
    width: 145px;
    padding-left: 43px;
  }

  .industries__info-wrap {
    margin-bottom: 20px;
  }

  .training .industries__info-content p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 23px;
  }

  .training .industries__list ul {
    margin-bottom: 30px;
  }

  .industries__photo-people {
    width: 100%;
    height: auto;
  }

  .industries__photo-people {
    width: 66px;
    height: 68px;
  }

  .industries__rew-content p {
    font-size: 12px !important;
    line-height: 21px !important;
  }

  .industries__photo-r {
    top: 21px;
  }

  .section-inner-img {
    width: 100%;
    height: 237px;
    object-fit: cover;
  }

  .section-inner-texts {
    padding: 34px 20px 46px 20px;
    background-color: #fff;
  }

  .section-inner-title {
    margin-bottom: 23px;
    font-size: 31px;
  }

  .section-inner-texts p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .modal1 .standart__btn {
    margin-top: 28px;
  }

  .section-intro-info-texts {
    margin-bottom: 19px;
    font-size: 20px;
    line-height: 1.2;
  }

  .section-intro-info-text {
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 13px;
  }

  .section-intro-info-btn {
    font-size: 14px;
    line-height: 24px;
  }

  .close {
    width: 32px;
  }

  .section-intro-info {
    padding: 31px 29px 38px 25px;
  }

  .section-inner-title {
    margin-bottom: 12px;
    font-size: 24px;
  }

  .section-intro-texts {
    padding: 47px 0px 51px 29px;
  }

  .section-intro-input {
    font-size: 16px;
    padding-left: 18px;
    padding-bottom: 23px;
    margin-top: 25px;
    line-height: 23px;
  }

  .modal2 .standart__btn, .modal22 .standart__btn {
    margin-top: 33px;
  }

  .section-intro-main {
    min-height: 640px;
  }

  .section-product-info-texts {
    font-size: 19px;
    margin-bottom: 10px;
  }

  .section-product-intro-btn {
    font-size: 21px;
    line-height: 1.2;
  }

  .section__block {
    width: 100%;
    margin-bottom: 17px;
  }

  .section-product-intro-button {
    line-height: 1.2;
  }

  .section-product-telegram {
    font-size: 19px;
    margin-top: 11px;
    line-height: 1.2;
  }

  .section-product-telegram svg {
    width: 29px;
    margin-right: 14px;
  }

  .section-product-text {
    font-size: 14px;
    line-height: 27px;
  }

  .section-product-title {
    font-size: 37px;
    line-height: 1.4;
    padding-right: 18px;
    bottom: -56px;
  }

  .section-product-absolutes {
    position: absolute;
    top: 367px;
    right: 36px;
    width: 385px;
  }

  .section-product-texts {
    padding: 31px 0px 0px 24px;
  }

  .footer__line::before {
    height: 51px;
  }

  .footer__tel {
    margin-left: 0
  }

  .footer__tel {
    font-size: 20px !important
  }

  .footer__tel p {
    font-size: 16px
  }

  .footer__social {
    margin-top: 10px
  }

  .footer__socials {
    margin-top: 20px;
  }
}

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

}


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