@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700,900&subset=cyrillic,cyrillic-ext');
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: local('../fonts/Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
    url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
    url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: local('../fonts/Gilroy Light'), local('Gilroy-Light'),
    url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Light.woff') format('woff'),
    url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
* {
    box-sizing: border-box;
    scroll-behavior: smooth;

}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
    opacity: 1;
}
/*
body *{
    opacity: 0;
    transition: opacity 500ms;
}*/
.body {
    background: url("../images/back1.png") repeat;
}
@media (min-width: 320px) {
    .body {
        background-size: 51%;
    }
}
@media (min-width: 650px) {
    .body {
        background-size: auto;
    }


}

.call_back{
-webkit-transform: rotate(-90deg);  /*Поворот блока с текстом кнопки  на 30 градусов*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:999;
left: 0px; /*отступ с слева*/
top: 50%; /*отступ сверху*/
margin-left:-110px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
}
/*Стили для ссылки*/
.call_back a{
color:#fff!important; /*цвет ссылки*/
display:block;
background:#e51d25; /*цвет фона кнопки*/
font-size:1.2em; /*размер шрифта*/
text-align:center; /*выравнивание по центру*/
padding:10px 20px; /*внутренние отступы*/
font-weight:bold;/*жирный шрифт*/
border-radius:5px; /*радиус скругления углов*/
border:1px solid #fff; /*рамка вокруг кнопки*/
text-transform: uppercase;
text-decoration: none; /* Отменяем подчеркивание у ссылки */
}
.psevdo_header{
    width: 100%;
    height: 76px;
    position:  relative;
}
.icon-mouse-parent{
    width: 100%;
    position: relative;
    order: 3;
}


@media (min-width: 320px) {
    .icon-mouse {
        display: none;
    }
}
@media (min-width: 768px) {
    .icon-mouse {
        display: flex;
        position: relative;
        margin: 100px auto 40px;
        width: 28px;
        height: 40px;
        border: 3px solid #333;
        border-radius: 15px;
        background: transparent;
        order: 2;
        flex-shrink: 0;
    }
}
@media (min-width: 960px) {
    .icon-mouse {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        border: 3px solid #fff;
        bottom: 40px;
    }
}

@media (min-width: 320px) {
    .header__bckgrnd {
        position: relative;
        order: 1;
        width: 100%;
        height: 235px;
        background: url('../images/bckgrnd_mobile.jpg') no-repeat;
        background-size: 140%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 10px;
        overflow: visible;
        padding-bottom: 56.25%;
        z-index: -1;
    }
}

@media (min-width: 760px) {
    .header__bckgrnd {
        width: 100%;
        height: 48%;
        background-size: 100%;
        background-position-x: 25px;
    }
}
@media (min-width: 960px) {
    .header__bckgrnd {
        background: url('../images/bckgrnd.jpg') no-repeat;
        position: absolute;
        right: 0;
        width: 60vw;
        height: 100%;
        background-size: auto 100%;
        background-position-x: 60px;
        padding: 0;
    }
}
@media (min-width: 1140px) {
    .header__bckgrnd {
        /*min-height: 900px;*/
    }
}
/*
@media (min-width: 1140px) and (min-height: 650px) {
    .header__bckgrnd {
        min-height: 650px;
    }
}*/
.header {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

@media (min-width: 320px) {
    .header {
        width: 100%;
        height: 100vh;
        height:  auto;
    }
}
@media (min-width: 960px) {
    .header {
        max-width: 1140px;
        margin:   0 auto;
        left: 33px;
        width:  95%;
        min-height: 630px;
    }
}

@media (min-width: 1140px) {
    .header {
        /*min-height: 900px;*/
    }
}
@media (min-width: 1140px) and (min-height: 650px) {
    .header {
        /* min-height: auto;*/
    }
}

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

ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
}

.logo {
    width: 201px;
    height: 56px;
    background: url('../images/logo.svg') no-repeat;
}

@media (min-width: 320px) {
    .logo {
        width: 50px;
        height: 60px;
        /* background-size: 230px 100%; */
        /* background-position-x: -6px; */
        width: 220px;
        height: 53px;
        margin: 10px 0;
    }
}
@media (min-width: 768px) {
    .logo {
        width: 201px;
        height: 56px;
        background-size: 100%;
        background-position-x: 0;
        margin: 0;
    }
}
@media (min-width: 1140px) {
    .logo {
        width: 201px;
        height: 56px;
    }
}

.header__phone {
    font-family: 'Gilroy';
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    color: #333333;
}

@media (min-width: 320px) {
    .menu .header__phone {
        display: block;
        line-height: 1;
        font-size: 24px;
    }
}
@media (min-width: 730px) {
    .menu .header__phone {
        display: block;
        line-height: 1;
        margin: 0 40px;
    }
}

@media (min-width: 320px) {
    .header__phone {
        display: none;
    }
}
@media (min-width: 730px) {
    .header__phone {
        display: block;
        margin: 0 15px;
    }
}
@media (min-width: 960px) {
    .header__phone {
        margin: 0 30px;
    }
}

@media (min-width: 320px) {
    .text_size_m {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 500;
        text-align: left;
        color: #333333;
    }
}
@media (min-width: 768px) {
    .text_size_m {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 500;
        text-align: left;
        color: #333333;
    }
}
@media (min-width: 960px) {
    .text_size_m {
        display: inline;
        font-family: 'Gilroy';
        font-size: 30px;
        font-weight: 800;
        text-align: center;
        color: #333333;
    }
}

@media (min-width: 320px) {
    .order-row {
        order: 1;
        padding: 0;
        padding:  0;
        margin: -50px auto;
    }

    .header__row.order-row {
        margin: 30px auto 20px auto;
    }
}
@media (min-width: 768px) {
    .order-row {
        order: 2;
        margin: -50px auto;
    }
    .header__row.order-row {
        margin: -10% auto;
    }
}
@media (min-width: 960px) {
    .header__row.order-row {
        margin: 0 25px auto;
        padding: 0;
    }
}
@media (min-width: 1140px) {
    .header__row.order-row {
        margin: 0 10px auto;
        padding: 0;
    }
}
@media (min-width: 320px) {
    .header__row {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        margin: 20px 0 20px 0;
    }
    .header__row.header__row_m {
        margin: 30px 0 30px 0;
    }
}
@media (min-width: 768px) {
    .header__row {
        padding: 0 23px;
        margin: 0 0 40px 0;
        margin: 37px 0;
    }
}
@media (min-width: 768px) {
    .header__row {
        padding: 10px 25px;
    }
}
@media (min-width: 768px) {
    .header__row.header__row_m {
        margin: 47px 0 47px 0;
    }
}
@media (min-width: 1024px) {
    .header__row.header__row_m {
        margin: auto 25px 60px;
    }
}
@media (min-width: 1140px) {
    .header__row.header__row_m {
        margin: auto 10px 60px;
    }
}
.header__menu {
    width: 100px;
    height: 20px;
    border: 1px dotted gray;
}
.header__menu-text {
    text-transform: uppercase;
    font-family: 'Gilroy';
    font-size: 18px;
    font-weight: 800;
    text-align: left;
    color: #333333;
}
@media (min-width: 1024px) {
    .row_xl {
        margin: auto 0 0;
        width: 510px;
        padding: 0;
    }
}
@media (min-width: 1140px) {
    .row_lg {
        justify-content: flex-start;
    }
}

.header__title {
    font-family: 'Gilroy';
    font-size: 26px;
    color: #333333;
    font-weight: 800;
    margin: 0 10px;
    text-align: center;
    text-transform: uppercase;
}
.header__title .text--accent--color{
    max-width: 430px;
    display: block;
}

@media (min-width: 768px) {
    .header__title {
        font-size: 42px;
        width:  75%;
        margin: 0 auto;
    }
}
@media (min-width: 960px) {
    .header__title {
        width: 100%;
        text-align: left;
        font-size: 42px;
        margin: 0;
    }
}
@media (min-width: 1140px) {
    .header__title {
        font-size: 48px;
    }
}

.text--accent--color {
    color: #e51d25;
}

.text--accent--weight {
    display: block;
    font-family: 'Gilroy';
    font-size: 22px;
    font-weight: 800;
    line-height: normal;
}
@media (min-width: 320px) {
  .button_size_xl .text--accent--weight {
    font-size: 20px;
  }
}
@media (min-width: 320px) {
  .button_size_xl .text--accent--weight {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .button_size_xl .text--accent--weight {
    font-size: 22px;
    margin: 0;
  }
}
.text--accent--shadow {
    text-shadow: 0 0 10px rgba(252, 189, 31, 0.35);
}

.header__desc {
    display: block;
    padding: 39px 0 0 0;
    /*padding: 20px 0 0 0;*/
    margin: 0;
    font-size: 16px;
    text-align: center;
    color: #333333;
}
@media (min-width: 320px) {
    .header__desc {
        padding: 30px 20px 0 20px;
    }
}
@media (min-width: 768px) {
    .header__desc {
        padding: 39px 0 0 0;
        margin: 0 120px;
        font-size: 17px;
    }
}
@media (min-width: 960px) {
    .header__desc {
        text-align: left;
        margin: 0;
        padding: 60px 0 0 0;
        font-size: 18px;
        width: 460px;
    }
}
@media (min-width: 1140px) {
    .header__desc {
        width: 455px;
        padding: 55px 0 0 0;
    }
}
.button:hover {
    background: #ffc83f;
}

@media (min-width: 320px) {
    .button {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fcbd1f;
    }
    .button_size_xl {
        border-radius: 8px;
        width: 300px;
        /*height: 86px;*/
        height: 116px;
        margin: 0 auto;
    }
}

@media (min-width: 730px) {
    .button_size_m {
        border-radius: 4px;
        width: 202px;
        height: 42px;
    }
    .button_size_xl {
        margin: 0 auto;
        width: 394px;
        height: 86px;
    }
}
@media (min-width: 960px) {
    .button_size_m {
        width: 214px;
        height: 42px;
    }
    .button_size_xl {
        margin: 0;
    }
}
@media (min-width: 320px) {
    .button-order {
        display: none;
    }
}
@media (min-width: 730px) {
    .button-order {
        display: flex;
        margin: 0 15px;
    }
}

@media (min-width: 320px) {
    .contacts .button-order {
      margin: 0;
      display: flex;
      height: 42px;
      width: 100%;
      border-radius: 4px;
    }
}

@media (min-width: 576px) {
    .contacts .button-order {
      width: 214px;
    }
}

@media (min-width: 960px) {
    .button-order {
        margin: 0 30px;
    }
}

@media (min-width: 320px) {
    .button--accent--shadow {
        box-shadow: 0px 5px 15px 0 rgba(252, 189, 31, 0.8);
    }
}
@media (min-width: 730px) {
    .button--accent--shadow {
        box-shadow: 0px 15px 40px 0 rgba(252, 189, 31, 0.8);
    }
}
@media (min-width: 960px) {
    .button--accent--shadow {
        box-shadow: 0px 15px 60px 0 rgba(252, 189, 31, 0.8);
    }
}

@media (min-width: 320px) {
    .button__text {
        font-size: 14px;
        text-align: center;
        color: #333333;
        text-transform: uppercase;
    }
}
@media (min-width: 730px) {
    .button__text {
        font-size: 13px;
    }
}

.button__text--weight {
    font-weight: bold;
}
.button_type_link {
    text-decoration: none;
}

.button__text_call {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

@media (min-width: 320px) {
    .button_call {
        width: 151px;
        height: 42px;
        border-radius: 4px;
        background-color: #e51d25;
    }
}
@media (min-width: 730px) {
    .button_call {
        display: none;
    }
}

@media (min-width: 320px) {
    .contact__wrap_xs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 20px 0;
    }
}
@media (min-width: 730px) {
    .contact__wrap_xs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: auto;
        margin: 0;
    }
}
@media (min-width: 960px) {
    .contact__wrap_xs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        width: auto;
        margin: 0;
    }
}

/* advantage */

.advantage {
    position: relative;
    margin-bottom: 60px;
}

@media (min-width: 320px) {
    .advantage {
        position: relative;
        margin-bottom: 10px;
    }
}
@media (min-width: 730px) {
    .advantage {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}
@media (min-width: 1024px) {
    .advantage {
        margin-bottom: 20px;
    }
}

@media (min-width: 320px) {
    .decor-line {
        width: 300px;
        margin: 0 auto;
        height: 1px;
        background: #fcbd1f;
    }
}
@media (min-width: 576px) {
    .decor-line {
        width: 95%;
    }
}
@media (min-width: 730px) {
    .decor-line {
        width: 720px;
    }
}
@media (min-width: 1024px) {
    .decor-line {
        width: 960px;
    }
}
@media (min-width: 1140px) {
    .decor-line {
        width: 1140px;
        margin-bottom: 20px;
    }
}

@media (min-width: 730px) {
    .adv__row_m {
        width: 100%;
        height: 279px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0 20px 0 0;
        margin-bottom: 40px;
    }
}
@media (min-width: 1024px) {
    .adv__row_m {
        margin-top: 80px;
    }
}
@media (min-width: 1140px) {
    .adv__row_xl {
        width: 1140px;
        margin: 160px auto 40px auto;
        height: 279px;
        padding: 0;
    }
}
.adv__row_xs {
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 320px) {
    .adv__row_xs {
        width: 100%;
        padding: 10px 20px 0 20px;
    }
}

@media (min-width: 768px) {
    .adv__row_s {
        padding: 20px 35px 0 35px;
    }
}

@media (min-width: 1140px) {
    .adv__row_xs {
        width: 1140px;
        margin: 0 auto;
    }
}


@media (min-width: 320px) {
    .adv__col {
        width: 100%;
        margin: 15px 0;
    }
}
@media (min-width: 768px) {
    .adv__col {
        width: 47%;
        margin: 20px 0;
    }
}
@media (min-width: 1140px) {
    .adv__col {
        width: 47%;
        margin: 18px 0;
    }
}

.adv__title {
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    color: #333333;
    margin-top: -10px;
}

@media (min-width: 320px) {
    .adv__title {
        padding: 40px 15px 0px 15px;
    }
}
@media (min-width: 768px) {
    .adv__title {
        width: 405px;
        font-size: 36px;
        text-align: left;
        padding: 0;
    }
}
@media screen and (min-width: 1024px) {
    .adv__title {
        width: 55%;
        /*width: 45%;*/
        font-size: 42px;
    }
}
@media (min-width: 1140px) {
    .adv__title {
        width: 595px;
        font-size: 48px;
    }
}

.adv__head-text {
    color: #62687f;
}
@media (min-width: 320px) {
    .adv__head-text {
        padding: 25px 30px;
        font-size: 13px;
        text-align:  center;
    }
}
@media screen and (min-width: 768px) {
    .adv__head-text {
        width: 405px;
        padding: 0;
        font-size: 17px;
        letter-spacing: -0.3px;
        text-align: left;
    }
}
@media screen and (min-width: 1024px) {
    .adv__head-text {
        width: 55%;
    }
}
@media (min-width: 1140px) {
    .adv__head-text {
        padding: 0;
        width: 595px;
        font-size: 18px;
        letter-spacing: normal;
    }
}

.col__title {
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    color: #333333;
}

.col__text {
    display: block;
    padding:  10px 0 0  0;
    font-size: 15px;
    color: #62687f;
}
@media (min-width: 320px) {
    .col__text {
        font-size: 13px;
        letter-spacing: -0.4px;
    }
}
@media (min-width: 768px) {
    .col__text {
        font-size: 15px;
        letter-spacing: normal;
    }
}
@media (min-width: 1140px) {
    .col__text {
        font-size: 15px;
    }
}

.col__head {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}

.adv__icon {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    margin-right: 20px;
    background: url('../images/advantages-sprite.svg') no-repeat;
    background-size: 151px 335px;
}

@media (min-width: 320px) {
    .adv__icon {
        width: 40px;
        height: 40px;
        background-size: 102px 224px;
    }
}

@media (min-width: 768px) {
    .adv__icon {
        width: 60px;
        height: 60px;
        background-size: 151px 335px;
    }
}

@media (min-width: 320px) {
    .icon__2 {
        background-position: -61px 0px;
    }
    .icon__3 {
        background-position: 0px -61px;
    }
    .icon__4 {
        background-position: -61px -61px;
    }
    .icon__5 {
        background-position: -1px -123px;
    }
    .icon__6 {
        background-position: -62px -123px;
    }
    .icon__7 {
        background-position: 0px -184px;
    }
    .icon__8 {
        background-position: -62px -184px;
    }
}

@media (min-width: 768px) {
    .icon__2 {
        background-position: -91px 0px;
    }
    .icon__3 {
        background-position: 0px -92px;
    }
    .icon__4 {
        background-position: -91px -91px;
    }
    .icon__5 {
        background-position: 1px -184px;
    }
    .icon__6 {
        background-position: -91px -184px;
    }
    .icon__7 {
        background-position: 1px -276px;
    }
    .icon__8 {
        background-position: -92px -275px;
    }
}

/* Slider */
@media (min-width: 320px) {
    .slider.slick-dotted.slick-slider {
        margin-bottom: 0;
        height: inherit;
    }
}
.slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slider__item {
    width: 100%;
    height: 279px;
    outline: none;
}

@media (min-width: 320px) {
    .slider-wrap {
        display: none;
        top: 0;
        height: 154px;
    }
}
@media (min-width: 768px) {
    .slider-wrap {
        display: block;
        position: absolute;
        left: 0;
        width: 40%;
        height: 279px;
        /*width: 325px;*/
    }
}

@media (min-width: 1140px) {
    .slider-wrap {
        width: 48%;
    }
}

.slider__img {
    height: 279px;
    background: url('../images/roof-long.jpg');
    background-size: auto 279px;
    background-position-x: 85%;
}

@media (min-width: 320px) {
    .slider__img {
        height: 154px;
        background-size: auto 154px;
        background-position-x: 0;
    }
}
@media (min-width: 768px) {
    .slider__img {
        height: 279px;
        background-size: auto 279px;
        background-position: 90%;/*-960px*/
    }
}
@media (min-width: 1140px) {
    .slider__img {
        background-position-x: 92%;
    }
}

.slider-navigation {
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    align-content: center;
    bottom: 0;
}

@media (min-width: 320px) {
    .slider-navigation {
        width: 100%;
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .slider-navigation {
        width: 240px;
        right: 40px;
    }
}
@media (min-width: 1140px) {
    .slider-navigation {
        width: 400px;
        right: 90px;
    }
}

@media (min-width: 320px) {
    .profile__img {
        width: 280px;
        height: 98px;
    }
}

@media (min-width: 768px) {
    .profile__img {
        width: 384px;
        height: 194px;
        margin-right: 40px;
    }
}
/*
@media (min-width: 1024px) {
    .profile__img {
        width: auto;
        height: 150px;
        margin-right: 0;
    }
}*/
@media (min-width: 1140px) {
    .profile__img {
        width: 330px;
        height: 300px;
        margin-right: 0;
    }
}

@media (min-width: 320px) {
    .profile__img.monterrey {
        background: url('../images/monterrey.png') no-repeat;
        background-size: 280px;
        background-position-x: right;
        background-position-y: center;
    }
    .profile__img.banga {
        background: url('../images/banga.png') no-repeat;
        background-size: 280px;
        background-position-x: right;
        background-position-y: center;
    }
    .profile__img.kaskad {
        background: url('../images/kaskad.png') no-repeat;
        background-size: 280px;
        background-position-x: right;
        background-position-y: center;
    }
    .profile__img.gerkules {
        background: url('../images/gerkules.png') no-repeat;
        background-size: 280px;
        background-position-x: right;
        background-position-y: center;
    }
    .profile__img.ararat {
        background: url('../images/ararat.png') no-repeat;
        background-size: 280px;
        background-position-x: right;
        background-position-y: center;
    }
}
@media (min-width: 768px) {
    .profile__img.monterrey {
        background: url('../images/monterrey.png') no-repeat;
        background-size: auto 149px;
        background-position-x: -50px;
        background-position-y: center;
    }
    .profile__img.banga {
        background: url('../images/banga.png') no-repeat;
        background-size: auto 149px;
        background-position-x: -50px;
        background-position-y: center;
    }
    .profile__img.kaskad {
        background: url('../images/kaskad.png') no-repeat;
        background-size: auto 149px;
        background-position-x: -50px;
        background-position-y: center;
    }
    .profile__img.gerkules {
        background: url('../images/gerkules.png') no-repeat;
        background-size: auto 149px;
        background-position-x: -50px;
        background-position-y: center;
    }
    .profile__img.ararat {
        background: url('../images/ararat.png') no-repeat;
        background-size: auto 149px;
        background-position-x: -50px;
        background-position-y: center;
    }
}
/*
@media (min-width: 1024px) {
    .profile__img.monterrey {
        background: url('../images/monterrey.png') no-repeat;
        background-size: cover;
        background-position-x: -220px;
    }
    .profile__img.banga {
        background: url('../images/banga.png') no-repeat;
        background-size: cover;
        background-position-x: -190px;
    }
    .profile__img.kaskad {
        background: url('../images/kaskad.png') no-repeat;
        background-size: cover;
        background-position-x: -190px;
    }
    .profile__img.gerkules {
        background: url('../images/gerkules.png') no-repeat;
        background-size: cover;
        background-position-x: -190px;
    }
    .profile__img.ararat {
        background: url('../images/ararat.png') no-repeat;
        background-size: cover;
        background-position-x: -190px;
    }
}*/
@media (min-width: 1140px) {
    .profile__img.monterrey {
        background: url('../images/monterrey.png') no-repeat;
        background-size: cover;
        background-position-x: right;
    }
    .profile__img.banga {
        background: url('../images/banga.png') no-repeat;
        background-size: cover;
        background-position-x: right;
    }
    .profile__img.kaskad {
        background: url('../images/kaskad.png') no-repeat;
        background-size: cover;
        background-position-x: right;
    }
    .profile__img.gerkules {
        background: url('../images/gerkules.png') no-repeat;
        background-size: cover;
        background-position-x: right;
    }
    .profile__img.ararat {
        background: url('../images/ararat.png') no-repeat;
        background-size: cover;
        background-position-x: right;
    }
}
.slider-prev, .slider-next {
    width: 33px;
    height: 41px;
    opacity: 0.5;
    cursor: pointer;
    padding: 10px 20px;
}
.slider-prev:hover, .slider-next:hover {
    opacity: 1;
}

.slider-prev {
    order: 0;
    transform: rotate(180deg);
}

.slider .slick-next.slick-arrow, .slider .slick-prev.slick-arrow {
    display: none !important;
}
.slider-next {
    order: 2;
}

@media (min-width: 1140px) {
    .slider-next {
        width: 21.5px;
    }
}

/* ========================= */
.arrow-slider {
    display: block;
    width: 13px;
    height: 22px;
}
@media (min-width: 320px) {
    .arrow-slider_size {
        width: 6px;
        height: 11px;
    }
}
@media (min-width: 768px) {
    .arrow-slider_size {
        width: 7px;
        height: 14px;
    }
}
@media (min-width: 1024px) {
    .arrow-slider_size {
        width: 8px;
        height: 13px;
    }
}
@media (min-width: 1140px) {
    .arrow-slider_size {
        width: 13px;
        height: 22px;
    }
}
/* ========================= */
@media (min-width: 320px) {
    .slider-lines {
        list-style-type: none;
        display: flex;
        position: relative;
        width: auto;
        justify-content: center;
        height: auto;
        padding: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 1;
    }
}
@media (min-width: 1140px) {
    .slider-lines {
        order: 1;
        justify-content: flex-end;
        right: 0;
        top: 0;
    }
}

@media (min-width: 320px) {
    .slider-lines li {
        position: relative;
        top: 0;
        width: 33px;
        height: 4px;
        background-color: #fff;
        opacity: 0.5;
        border: none;
        cursor: pointer;
        margin: 0 7.5px;
    }
}
@media (min-width: 768px) {
    .slider-lines li {

    }
}

@media (min-width: 1140px) {
    .slider-lines li {
        position: relative;
        margin: 0 10px;
    }
}
.slider-lines li.slick-active {
    opacity: 1;
}
.slider-lines li:hover {
    opacity: 1;
}

/* Profiles Slider */
.profiles {
    width: 100%;
}

@media (min-width: 1024px) {
    .profiles {
        /*height: 100vh !important;*/
    }
}

.profiles__wrap {
    display: flex;
    height: inherit;
}

@media (min-width: 320px) {
    .profiles__wrap {
        display: flex;
        height: inherit;
        flex-direction: column;
    }
}
@media (min-width: 768px) {
    .profiles__wrap {
        display: flex;
        height: 970px;
        flex-direction: column;
    }
}
@media (min-width: 1024px) {
    .profiles__wrap {
      height: 970px;
       /* height: inherit;
        min-height: 653px;
        flex-direction: row;*/
    }
}
@media (min-width: 1140px) {
    .profiles__wrap {
        height: inherit;
        flex-direction: row;
    }
}

@media (min-width: 320px) {
    .profil-header {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media (min-width: 768px) {
    .profil-header {
        position: relative;
        bottom: 0;
        margin-bottom: 0;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
    }
}
/*
@media (min-width: 1024px) {
    .profil-header {
        position: absolute;
        display: block;
        margin-bottom: 80px;
    }
}*/
@media (min-width: 1140px) {
    .profil-header {
        position: relative;
        display: block;
        margin-bottom: 0;
    }
}
.profiles__title {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    font-family: 'Gilroy';
    font-size: 48px;
    font-weight: 800;
    text-align: center;
    color: #333333;
    pointer-events: none;
}
.profiles__title h2 {
    margin: 0 auto;
    font-size: 48px;
}


@media (min-width: 320px) {
    .profiles__title {
        display: block;
        width: 100%;
        position: relative;
        margin: 0 auto;
        padding: 30px 20px 0;
        font-size: 24px;
        font-family: 'Gilroy';
        font-weight: 800;
        text-align: center;
        background: #fcbd1f;
        color: #333333;
    }
        .profiles__title h2 {
    margin: 0 auto;
    font-size: 24px;
}
}
@media (min-width: 768px) {
    .profiles__title {
        padding: 40px 40px 30px;
        font-size: 36px;
    }
        .profiles__title h2 {
    margin: 0 auto;
    font-size: 36px;
}
}
/*
@media (min-width: 1024px) {
    .profiles__title {
        position: absolute;
        padding: 80px 0 0 0;
        z-index: 1;
        font-size: 42px;
        background: none;
    }
}*/
@media (min-width: 1140px) {
    .profiles__title {
        font-size: 48px;
        position: absolute;
        padding: 80px 0 0 0;
        z-index: 1;
        background: none;
    }
        .profiles__title h2 {
    margin: 0 auto;
    font-size: 48px;
}
}


@media (min-width: 320px) {
    .button_show {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 240px;
        height: 47px;
        border-radius: 8px;
        background-color: #e51d25;
        box-shadow: 0px 10px 20px 0 rgba(229, 29, 37, 0.5);
        font-family: 'Gilroy';
        font-size: 18px;
        font-weight: 800;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        margin: 30px auto 0;
        cursor: pointer;
        pointer-events: all;
    }
}
.button_show {
    pointer-events: none;
}
.swiper-slide-active .button_show {
    pointer-events: all;
}
@media (min-width: 768px) {
    .button_show {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 260px;
        height: 56px;
        border-radius: 8px;
        background-color: #e51d25;
        box-shadow: 0px 10px 20px 0 rgba(229, 29, 37, 0.5);
        font-family: 'Gilroy';
        font-size: 20px;
        font-weight: 800;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        margin: 40px auto 0;
        cursor: pointer;
    }
}
@media (min-width: 1140px) {
    .button_show {
        margin: 40px auto;
    }
}

@media (min-width: 320px) {
    .profile__name-1 {
        height: auto;
        width: auto;
        margin: 20px 0 0 0;

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

        font-family: 'Gilroy';
        font-size: 24px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1;
    }

    .profile__name-1_column {
        flex-direction: column;
        align-items: center;
    }

    .text_gerkules {
        text-transform: uppercase;
        font-size: 13px;
        line-height: 1.5;
        color: #e51d25;
    }
}
@media (min-width: 768px) {
    .profile__name-1 {
        height: auto;
        width: auto;
        margin: 0;

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

        font-family: 'Gilroy';
        font-size: 30px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1;
    }

    .profile__name-1_column {
        flex-direction: column;
        align-items: flex-start;
    }

    .text_gerkules {
        text-transform: uppercase;
        font-size: 17px;
        line-height: 1.5;
        color: #e51d25;
    }
}
/*
@media (min-width: 1024px) {
    .profile__name-1 {
        font-size: 24px;
        height: 34px;
        margin-top: 70px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .text_gerkules {
        font-size: 13px;
    }

    .profile__name-1_column {
        flex-direction: column;
        align-items: center;
    }
}*/
@media (min-width: 1140px) {
    .profile__name-1 {
        height: 42px;
        width: 100%;
        margin: 67px 0 83px 0;

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

        font-size: 28px;
    }

    .profile__name-1_column {
        flex-direction: column; align-items: center;
    }

    .text_gerkules {
        font-size: 15px;
    }

}

.profiles__item {
    cursor: pointer;
    width: 25%;
    height: inherit;
    background: linear-gradient(to right, #fcbd1f, #f6b512 48%, #eda900);
    transition: all 0.3s;
    filter: grayscale(0)
}
@media (min-width: 320px) {
    .profiles__item {
        padding: 30px 20px;
        width: 100%;
        height: auto;
        background: linear-gradient(to bottom, #fcbd1f, #f6b512 48%, #eda900);
        display: flex;
        align-items: center;
    }
}
@media (min-width: 768px) {
    .profiles__item {
        padding: 0;
        height: 100%;
        display: block;
    }
}
@media (min-width: 1024px) {
    .profiles__item {
       /* width: 25%;
        height: inherit;
        background: linear-gradient(to right, #fcbd1f, #f6b512 48%, #eda900);
        transition: all 0.3s;
        filter: grayscale(0)*/
    }
}
@media (min-width: 1140px) {
    .profiles__item {
      height: calc(100vh - 77px);
      display: flex;
      align-items: flex-end;
        min-height: 742px;
        background: linear-gradient(to right, #fcbd1f, #f6b512 48%, #eda900);
        transition: all 0.3s;
        filter: grayscale(0)
    }
}

@media (min-width: 1024px) {
    .profiles__wrap:hover .profiles__item {
        filter: grayscale(1);
        transition: all 0.3s;
    }

    .profiles__wrap:hover .profiles__item:hover {
        filter: grayscale(0);
        transition: all 0.3s;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/* Slider-1 */
.profile-1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url('../images/back2.png') #eef2f4 repeat;
    padding: 80px;
}

@media (min-width: 320px) {
    .profile-1 {
        position: relative;
        overflow: visible;
        width: 100%;
        /*height: auto;*/
        background: url('../images/back2.png') #eef2f4 repeat;
        background-size: 50%;
        padding: 30px 20px 90px 20px;
    }
}

@media (min-width: 576px) {
    .profile-1 {
        background-size: auto;
    }
}

@media (min-width: 768px) {
    .profile-1 {
        padding: 40px 40px 120px 40px;
        background-size: auto;
    }
}

@media (min-width: 1024px) {
    .profile-1 {
        display: flex;
        align-items: center;
        padding: 80px 60px 120px 60px;
    }
}
@media (min-width: 1140px) {
    .profile-1 {
        display: flex;
        /*height: 100vh;*/
        padding: 80px 0 120px 0;
        /*padding: 140px 0 120px 0;*/
        min-height: calc(100vh - 77px);
    }
}
@media (min-width: 1140px) {
    .profile-1.swiper-slide {
        /*height: 100vh !important;*/
    }
}
@media (min-width: 320px) {
    .profile-1__wrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
    }
}
@media (min-width: 768px) {
    .profile-1__wrap {
        padding: 0;
    }
}

@media (min-width: 1024px) {
    .wrap {
        display: flex;
        height: auto;
    }
}
@media (min-width: 1140px) {
    .wrap {
        position: relative;
        display: flex;
        height: auto;
        margin: auto;
    }
}

@media (min-width: 1024px) {
    .profile-1__wrap {
        position: relative;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        height: auto;
    }
}

@media (min-width: 1140px) {
    .profile-1__wrap {
        width: 1140px;
        margin: 0 auto;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

/* ============ */
@media (min-width: 320px) {
    .profile-1__item {
        margin: 0 0 30px 0;
    }
}
/*
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .profile-1__item.my_wow1 {
  margin-left: 40px;
  }
}*/
@media (min-width: 320px) {
    .profile-1__item.my_wow1 {
        /* margin: 30px 0 0 0;*/
        order: 0;
    }
}
@media (min-width: 768px) {
    .profile-1__item.my_wow1 {
        /*margin: 0;*/
    }
}
@media (min-width: 1024px) {
    .profile-1__item.my_wow1 {
        /* margin: 80px 0 0 0;*/
        order: 0;
    }
}
/* ========== */
@media (min-width: 320px) {
    .profile-1__item.my_wow2 {
        order: 1;
    }
    .wrap.gerkules .profile-1__wrap.simple .profile-1__item.my_wow2 {
      margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .profile-1__item.my_wow2 {
        /* margin: 30px auto 0 auto;*/
    }
}
@media (min-width: 1024px) {
    .profile-1__item.my_wow2 {
        margin: 20px 0 0 0;
        order: 1;
    }
}
@media (min-width: 1140px) {
    .profile-1__item.my_wow2 {
        margin: 0;
        order: 1;
        width: 529px;
        height: 170px;
        position: relative;
        top: -5px;
    }
}
/* ============= */
@media (min-width: 320px) {
    .profile-1__item.my_wow4 {
       /* display: flex; */
        order: 3;
        height: auto;
        align-items: center;
    }
}
@media (min-width: 576px) {
    .profile-1__item.my_wow4 {
        height: auto;
    }
}
@media (min-width: 768px) {
    .profile-1__item.my_wow4 {
        width: auto;
        margin: 0 auto 40px auto;
        height: 200px;
        height: fit-content;
    }
}
@media (min-width: 1024px) {
    .profile-1__item.my_wow4 {
        width: 47%;
        margin: 0;
        order: 3;
    }
    .wrap .profile-1__wrap.simple .profile-1__item.my_wow4 {
      margin-top: -80px;
    }
    .monterrey .profile-1__item.my_wow4 {
      margin-top: -80px;
    }
    .ararat .profile-1__item.my_wow4 {
      margin-top: -10px;
    }
    .banga .profile-1__item.my_wow4 {
      margin: -140px 0 0 0;
    }
    .kaskad .profile-1__item.my_wow4 {
      margin: 0;
      margin-top: -60px;
    }
}
@media (min-width: 1024px) {
    .wrap.gerkules .profile-1__wrap.simple .profile-1__item.my_wow4 {
        margin-top: 120px;
        height: 172px;
        transition: 500ms;
    }
}
@media (min-width: 1140px) {
    .wrap .profile-1__wrap.simple .profile-1__item.my_wow4 {
      margin-top: 0px;
    }
    .wrap.gerkules .profile-1__wrap.simple .profile-1__item.my_wow4 {
        margin-top: 180px;
    }
    .monterrey .profile-1__item.my_wow4 {
      margin: 0;
    }
    .banga .profile-1__item.my_wow4 {
      margin: -50px 0 0 0;
    }
    .kaskad .profile-1__item.my_wow4 {
      margin: 0;
    }
}
/*==============*/

@media (min-width: 320px) {
    .profile-1__item.my_wow3 {
        order: 4;
    }
    .wrap .profile-1__wrap.simple .profile-1__item.my_wow3 {
      margin-bottom: 0px;
    }
    .wrap.gerkules .profile-1__wrap.simple .profile-1__item.my_wow3 {
      margin-bottom: 30px;
    }
}
@media (min-width: 768px) {
    .wrap .profile-1__wrap.simple .profile-1__item.my_wow3 {
      margin: 0;
    }
    .wrap.gerkules .profile-1__wrap.simple .profile-1__item.my_wow3 {
      margin: 0 0 30px 0;
    }
}
@media (min-width: 1024px) {
    .profile-1__item.my_wow3 {
        margin: 20px 0 40px 0;
        order: 2;
    }
    .wrap .profile-1__wrap.simple .profile-1__item.my_wow3 {
      margin-top: 30px;
    }
    .wrap .profile-1__wrap.simple .profile-1__item.my_wow3 {
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .wrap.gerkules .profile-1__wrap.simple .profile-1__item.my_wow3 {
      margin-top: 30px;
    }
}

@media (min-width: 320px) {
    .profile-1__item.my_wow5 {
        order: 5;
    }
}

@media (min-width: 1024px) {
    .profile-1__item.my_wow5 {
        order: 4;
    }
    .wrap.gerkules .profile-1__item.my_wow5 {
        position: relative;
        top: 0;
    }
}

@media (min-width: 1140px) {
    .wrap.gerkules .profile-1__item.my_wow5 {
        top: -20px;
    }
}

/*==================*/
@media (min-width: 320px) {
    .profile-1__item.my_wow7 {
        order: 10;
       /* align-items: center;
        flex-direction: row;
        position: relative;
        margin-bottom: 0;*/
    }
    /*
    .banga .profile-1__item.my_wow7 {
      display: none;
    }
    .kaskad .profile-1__item.my_wow7 {
      display: none;
    }*/
    .no1day .profile-1__item.my_wow7 {
        display: none;
    }
    .kaskad .profile-1__item.my_wow8 {
      display: none;
    }
    .banga .profile-1__item.my_wow8 {
      display: none;
    }
    .wrap.gerkules .profile-1__wrap.simple .profile-1__item.my_wow8 {
      display: none;
    }
    .wrap .profile-1__wrap.simple .profile-1__item.my_wow8 {
      display: none;
    }
}

.slide_btn{
    position: absolute;
    bottom: 0;
     width: 50%;
    transition-delay: 0.25s !important;
}
.slide_btn a{
 margin: 0 auto;
}
.gerkules .slide_btn{
    right: 0;
    bottom: 150px;
}

.slide_btn .gerkules_b{
    opacity: 0;
}


@media (max-width: 1023px) {
    .slide_btn {
        right: auto;
        bottom: -150px;
        display: block;
        position: static;
        order: 6;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .profile-1__item.my_wow7 {
        /*align-items: center;
        flex-direction: row;
        position: relative;*/
    }
}

@media (min-width: 1024px) {
    .profile-1__item.my_wow7 {
      /*  display: flex;
        align-items: center;
        flex-direction: column;
        position: absolute;
        margin: 0;
        bottom: 0;
        left: 60px;
        top: 60px;
        order: 5;*/
    }
}

@media (min-width: 1140px) {
    .profile-1__item.my_wow7 {
        /*left: 360px;*/
    }
}

@media (min-width: 1024px) {
    .gerkules .profile-1__item.my_wow7 {
        left: auto;
        right: 0;
        bottom: 40px;
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .gerkules .profile-1__item.my_wow7 {
        bottom: 0;
    }
}

@media (min-width: 1140px) {
    .profile-1__item.my_wow7 {
      /*  align-items: center;
        flex-direction: row;
        width: auto;*/
    }
}
/* ============ */
@media (min-width: 320px) {
    .profile-1__item.my_wow8 {
        display: block;
        position: absolute;
        width: 80px;
        height: 49px;
        right: 20px;
        top: 99px;
        order: 2;
    }

    .gerkules .profile-1__item.my_wow8 {
        top: 99px;
    }


}
/*
@media (min-width: 768px) {
    .profile-1__item.my_wow8 {
        position: absolute;
        width: 100%;
        margin: 105px 0 0 500px;
        margin: 0;
        right: -560px;
    }
}
*/
@media (min-width: 1024px) {
    .profile-1__item.my_wow8 {
        display: none;
    }
}


@media (min-width: 320px) {
    .profile-1__item.my_wow9 {
        order: 4;
    }
}
@media (min-width: 768px) {
    .profile-1__item.my_wow9 {
      order: 4;
    }
}
@media (min-width: 1024px) {
    .profile-1__item.my_wow9 {
        margin-top: 20px;
    }
}
@media (min-width: 1140px) {
    .profile-1__item.my_wow9 {
        margin-top: 40px;
    }
}

@media (min-width: 320px) {
    .profile-1__item.my_wow10 {
        order: 6;
    }
}

@media (min-width: 320px) {
    .profile-1__item.my_wow11 {
        order: 9;
    }
}

@media (min-width: 1024px) {
    .profile-1__item.my_wow11 {
        position: absolute !important;
        bottom: 165px;
        right: 0;
    }
    .profile-1__item.my_wow10.gerkules_b {
      position: relative;
      top: 0px;
    }
}

@media (min-width: 1140px) {
    .profile-1__item.my_wow11 {
        bottom: 155px;
    }
    .profile-1__item.my_wow10.gerkules_b {
      position: relative;
      top: -70px;
    }
}
/* ============= */
@media (min-width: 768px) {
    .profile-1__item {
        width:100%;
        display: flex;
        flex-direction: column;
        margin: 0 0 40px 0;
    }
}
@media (min-width: 1024px) {
    .profile-1__item {
        width: 45%;
        margin: 0 0 0 0;
        display: table;
    }
}
/* ======================== */

.profile__title-small {
    font-family: 'Gilroy';
    font-size: 15px;
    font-weight: 800;
    color: #62687f;
    line-height: 1;
}
@media (min-width: 320px) {
    .profile__title-small .total-num {
        color: #c6cad8;
    }
}
@media (min-width: 768px) {
    .profile__title-small {
        font-size: 17px;
    }
}
/* ========================== */

.profile__desc {
    font-size: 13px;
    color: #62687f;
}
@media (min-width: 320px) {
    .profile__desc {
        font-size: 13px;
        color: #62687f;
    }
}
@media (min-width: 768px) {
    .profile__desc {
        font-size: 16px;
    }
}

/* ======================== */
.profile__type {
    display: block;
    font-family: 'Gilroy';
    font-size: 15px;
    font-weight: 800;
    color: #e51d25;
    line-height: 1;
}
@media (min-width: 320px) {
    .profile__type {
        font-size: 17px;
    }
}
@media (min-width: 768px) {
    .profile__type {
        font-size: 24px;
    }
}
/* =========================== */
.profile__name {
    font-family: 'Gilroy';
    font-size: 24px;
    color: #333333;
    font-weight: 800;
}

@media (min-width: 320px) {
    .profile__name {
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    .profile__name {
        font-size: 42px;
    }
}

@media (min-width: 1140px) {
    .profile__name {
        font-size: 48px;
    }
}
/* ===================*/

.profile__img-1 {
    width: 100%;
}

.profile__img-1 .gerkules_a {
    width: 531px;
    height: 183px;
}
@media (min-width: 320px) {
    .img-profile_xs {
        width: 80%;
        margin: auto;
    }
}
@media (min-width: 768px) {
    .img-profile_xl {
        width: 531px;
       /* height: 183px; */
    }

    .img-profile_m {
        margin: auto;
    }
}
@media (min-width: 1024px) {
    .img-profile_m {
        width: 100%;
        height: auto;
        margin: 0;
    }
}

/* ======== */
.table__name {
    padding: 0 0 30px 0;
    line-height: 1;
    font-family: 'Gilroy';
    font-size: 18px;
    font-weight: 800;
    color: #e51d25;
    margin:0 auto;
}
@media (min-width: 320px) {
    .table__name {
        display: block;
        padding: 0 0 20px 0;
    }
}
@media (min-width: 768px) {
    .table__name {
        padding: 0 0 15px 0;
        font-size: 24px;
    }
}
@media (min-width: 1024px) {
    .table__name {
        padding: 0 0 30px 0;
        font-size: 24px;
    }
    .table__name h3 {
    margin: 0 auto;
}
}
/* =================== */
.profile__table {
    background: #eef2f4;
    border-collapse:collapse;
    font-family: 'Gilroy';
    font-size: 15px;
    font-weight: 800;
    color: #333333;
    margin: 0;
}

@media (min-width: 320px) {
    .profile__table {
        width: 100%;
        font-size: 15px;

    }
}
@media (min-width: 768px) {
    .profile__table {
        font-size: 17px;
        margin-bottom: 0;
    }
}
/* ======================== */
.profile__table td {
    width: 50%;
    border: solid 1px #8d96b2;
    padding: 7px 5px;
    border-collapse: collapse;
}
.profile__table tr.gerkules_a td {
    border: solid 1px #8d96b2;
}
@media (min-width: 768px) {
    .profile__table td {
        padding: 10px 23px;
    }
}

@media (min-width: 1024px) {
    .gerkules .profile__table td {
        padding: 10px 23px;
    }
}
@media (min-width: 1140px) {
    .gerkules .profile__table td, .profile__table td {
        padding: 10px 30px;
    }
}
/* ============================= */
.profile__table td.center {
    text-align: center;
}

.button_sel-color {
    width: 325px;
    height: 56px;
}
@media (min-width: 320px) {
    .button_sel-color {
        width: 100%;
        height: 46px;
    }
}
@media (min-width: 768px) {
    .button_sel-color {
        width: 325px;
        height: 56px;
    }
}
@media (min-width: 1024px) {
    .button_sel-color {
        margin: auto;
    }
}

@media (min-width: 1024px) {
    .gerkules .button_sel-color {
        width: 278px;
        height: 56px;
    }
}

@media (min-width: 1140px) {
    .gerkules .button_sel-color {
        width: 325px;
        height: 56px;
    }
}

.text--sel-color {
    font-family: 'Gilroy';
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.3px;
    line-height: 1;
}
@media (min-width: 320px) {
    .text--sel-color {
        font-size: 18px;
        font-weight: 800;
        letter-spacing: -0.3px;
    }
}

.sp-icon {
    width: 166px;
    height: 102px;
    margin: 0 36px 0 0;
}

.icon-own {
    width: 166px;
    height: 102px;
}

@media (min-width: 1024px) {
    .icon-own {
        width: 140px;
        height: 86px;
    }
}
@media (min-width: 1140px) {
    .icon-own {
        width: 166px;
        height: 102px;
    }
}
@media (min-width: 320px) {
    .profile-1__item.my_wow7 .sp-icon {
        display: none;
    }
    .profile-1__item.my_wow8 .sp-icon {
        /*height: 92px;
        width: 150px;*/
        width: 80px;
        height: 49px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    .profile-1__item.my_wow7 .sp-icon {
        display: none;
    }
    .profile-1__item.my_wow8 {
        position: absolute;
        width: 100%;
        margin: 105px 0 0 500px;
        margin: 0;
        right: -560px;
    }
    .profile-1__item.my_wow8 .sp-icon {
        width: 166px;
        margin: 0;
    }
    .sp-icon {
        width: 166px;
        height: 102px;
        margin: 0 36px 0 0;
    }
}

@media (min-width: 1024px) {
    .profile-1__item.my_wow7 {
      position: absolute;
      left: 35%;
      top: 0;
    }
    .profile-1__item.my_wow7 .sp-icon {
      display: block;
    }
    .profile-1__item.my_wow8 {
        display: none;
    }
}

@media (min-width: 1024px) {
    .gerkules .profile-1__item.my_wow7 .sp-icon {
        top: 0;
        left: 0;
        width: 140px;
        height: 86px;
    }
}

@media (min-width: 1140px) {
    .profile-1__item.my_wow7 {
      position: absolute;
      left: 35%;
      top: 0;
    }
    .profile-1__item.my_wow7 .sp-icon {
      display: block;
    }
}

@media (min-width: 1140px) {
    .gerkules .profile-1__item.my_wow7 .sp-icon {
        top: 0;
        left: 0;
        width: 166px;
        height: 102px;
    }
}

/* ===== */
.slider__nav-wrap:hover {
    background: #ffc83f;
}
@media (min-width: 320px) {
    .slider__nav-wrap {
        pointer-events: all;
        width: 40px;
        height: 40px;
        background-color: #fcbd1f;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
}
@media (min-width: 768px) {
    .slider__nav-wrap {
        width: 50px;
        height: 50px;
        background-color: #fcbd1f;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
}
@media (min-width: 1140px) {
    .slider__nav-wrap {
        width: 80px;
        height: 80px;
    }
}
/* === */

@media (min-width: 1140px) {
    .slider__nav-wrap.next {
        /* margin-right: 20px;*/
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes main_animate {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes main_animate {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.main_animate {
    -webkit-animation-name: main_animate;
    animation-name: main_animate;
}


.swiper-bul-page {
    display: flex;
}
/* =========== */
.slider-pagin-wrap {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    width: 100%;
}
@media (min-width: 320px) {
    .slider-pagin-wrap {
        bottom: 30px;
    }
}
@media (min-width: 768px) {
    .slider-pagin-wrap {
        bottom: 40px;
    }
}

.bul-wrap {
  width: 112px;
}

.bul-custom-wrap {
    display: flex;
    align-items: center;
    height: 46px;
    z-index: 2;
    width: auto;
    margin: 0;
}

@media (min-width: 320px) {
    .bul-wrap {
        width: 75px;
    }
    .bul-custom-wrap {
        height: 32px;
    }
}
/* =========== */
@media (min-width: 768px) {
    .bul-wrap {
        width: 112px;
    }
    .bul-custom-wrap {
        height: 42px;
    }
}

/* ================== */
@media (min-width: 320px) {
    .bul-dot {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #8d96b2;
        cursor: pointer;
        margin: 5px 5px;
        flex-shrink: 0;
        border: 3px solid #eef2f4;
        box-sizing: content-box;
        z-index: 1;
    }
}
@media (min-width: 768px) {
    .bul-dot {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color: #8d96b2;
        cursor: pointer;
        margin: 5px 5px;
        flex-shrink: 0;
        z-index: 3;
        border: 7px solid #eef2f4;
        box-sizing: content-box;
        z-index: 1;
    }
}

.about-slider-pagination .bul-dot {
  background-color: #fff;
  margin: 10px;
  border: 0px solid #eef2f4;
}

.bul-dot-parent{
    border: 2px solid  rgba(0, 0, 0, 0);
    border-radius: 100%;
    transition: all 550ms;
}
.bul-dot_active .bul-dot-parent{
    border: 2px solid #8d96b2;
    transition: all 350ms;
}
.about-slider-pagination .bul-dot_active .bul-dot-parent{
  border: 2px solid #fff;
  transition: all 350ms;
  z-index: 1;
}
@media (min-width: 320px) {
    .bul-line {
        width: 63px;
        height: 1px;
        background: #c6cad8;
        position: absolute;
        left: 24px;
        z-index: 0;
    }
}
@media (min-width: 768px) {
    .bul-line {
        width: 80px;
        height: 1px;
        background: #c6cad8;
        position: absolute;
        left: 34px;
        z-index: 0;
    }
}

.slider-photo-pagin-wrap .bul-line {
  width: 53px;
  left: 33px;
}
.about-slider-pagination .bul-line {
  width: 53px;
  left: 29px;
}
.slider-photo-pagin-wrap .bul-wrap, .about-slider-pagination .bul-wrap {
  width: 85px;
}
.bul-dot-wrap {
    display: flex;
    width: auto;
    height: 44px;
    align-items: center;
    position: relative;
}

.bul-wrap.no-active {
    margin-left: -10px;
}

@media (min-width: 320px) {
    .swiper-pagination1 {
        position: absolute;
        display: flex;
        justify-content: space-between;
        top: 160px;
        width: 100%;
        z-index: 1;
        pointer-events: none;
    }
}

@media (min-width: 768px) {
    .swiper-pagination1 {
        top: 279px;
        width: 100vw;
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 1024px) {
    .swiper-pagination1 {
        top: 40vh;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}
.none {
    display: none;
}

@media (min-width: 320px) {
    .shema-profile {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
}
@media (min-width: 576px) {
    .shema-profile {
        width: 500px;
    }
}
@media (min-width: 1024px) {
    .shema-profile_g {
        width: 400px;
        height: 190px;
    }
    .monterrey .shema-profile {
        width: 400px;
        height: 190px;
    }
    .ararat .shema-profile {
        width: 400px;
        height: 190px;
    }
    .banga .shema-profile {
        width: 400px;
        height: 190px;
    }
    .kaskad .shema-profile {
        width: 400px;
        height: 190px;
    }
}
@media (min-width: 1140px) {
    .shema-profile_g {
        width: 500px;
        height: 190px;
    }
        .monterrey .shema-profile {
        width: 500px;
        height: 190px;
    }
    .banga .shema-profile {
        width: 500px;
        height: 190px;
    }
    .kaskad .shema-profile {
        width: 500px;
        height: 190px;
    }
}
/* Gerkules Module */
.img-gerkules-module {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .img-gerkules-module {
        width: 598px;
    }
}

@media (min-width: 1024px) {
    .img-gerkules-module {
        width: 430px;
        max-height: 230px;
    }
}
@media (min-width: 1140px) {
    .img-gerkules-module {
        width: 528px;
        max-height: 230px;
    }
}

@media (min-width: 320px) {
    .wave2, .wave3 {
        width: inherit;
    }
}
@media (min-width: 1140px) {
    .wave2, .wave3 {
        width: 528px;
    }
}
@media (min-width: 768px) {
    .b-inside__wrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -20px;
    }
}

@media (min-width: 1024px) {
    .b-inside__wrap {
      width: 470px;
      margin-bottom: 20px;
      justify-content: space-between;
    }
}
@media (min-width: 1140px) {
    .b-inside__wrap {
      width: 500px;
      margin-bottom: 20px;
      justify-content: space-between;
    }
}
.b-inside__item {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 15px 22px 15px 0;
}

@media (min-width: 320px) {
    .b-inside__item {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .b-inside__item {
        width: 46.7%;
    }
}

@media (min-width: 1024px) {
    .b-inside__item {
        width: 45%;
        flex-direction: column;
        text-align: center;
        margin-right: 0;
    }
}

.item__name {
    display: block;
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    color: #333333;
}
@media (min-width: 320px) {
    .item__name {
        font-size: 20px;
        text-align: center;
    }
}
@media (min-width: 768px) {
    .item__name {
        margin: 0 0 15px 0;
        font-size: 24px;
        text-align: left;
    }
}

.adv-gerkules {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #8d96b2;
    margin-right: 20px;
    flex-shrink: 0;
}
.bracing {

}
@media (min-width: 1024px) {
    .adv-gerkules {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.slider-photo-pagin-wrap .bul-dot-parent, .about-slider-pagination .bul-dot-paren {
  z-index: 1;
}
/*
.bracing {

}
.height-wave {

}
.z-lock {
  
}
.three-d {

}*/

.img-text {
    margin: 20px 0 30px 0;
}
@media (min-width: 768px) {
  .img-text:last-child {
    margin: 20px 0 0 0;
  }
}
@media (min-width: 1024px) {
  .img-text:last-child {
    margin: 20px 0 30px 0;
  }
  .img-text {
    margin: 20px 0 30px 0;
  }
}

.text_m {
  font-family: 'Gilroy';
  font-size: 17px;
  font-weight: 800;
  color: #333333;
}

@media (min-width: 1024px) {
    .text_m {
        font-size: 15px;
    }
    .adv.text_m {
      font-size: 17px;
      padding: 0 15px;
      width: 220px;
    }
    .text_m.letter {
        letter-spacing: -0.5px;
    }
}

@media (min-width: 1140px) {
    .adv.text_m {
      padding: 0;
      width: 200px;
    }
    .text_m {
        font-size: 17px;
        padding: 0 30px;
        width: 250px;
    }
    .text_m_g {
      width: 100%;
    }
    .other__item .text_m {
        padding: 0;
    }
}

@media (min-width: 320px) {
    .text_pad {
        display: block;
        padding: 0 0 20px 0;
    }
}

@media (min-width: 768px) {
    .text_pad {
        padding: 0 0 30px 0;
    }
}
@media (min-width: 1024px) {
    .text_pad {
        padding: 20px 0 30px 0;
    }
}
.text_up {
    text-transform: uppercase;
}
.text_al {
    text-align: center;
}

.table__tabs {
    display: flex;
    margin: 0 -20px 30px -20px;
}

@media (min-width: 320px) {
    .table__tabs {
        flex-direction: column;
        margin: -15px -20px 15px -20px;
    }
}

@media (min-width: 768px) {
    .table__tabs {
        flex-direction: row;
        margin: 0 -20px 20px -20px;
    }
}

@media (min-width: 1024px) {
    .table__tabs {
        justify-content: space-between;
        margin: 0 0 30px 0;
        margin-bottom: 15px;
    }
}

@media (min-width: 1140px) {
    .table__tabs {
        justify-content: flex-start;
    }
}

.table__name1 {
    margin: 0 20px;
    font-family: 'Gilroy';
    font-size: 17px;
    font-weight: 800;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 320px) {
    .table__name1 {
        width: max-content;
        width: fit-content;
        margin: 15px 20px;
    }
}

@media (min-width: 1024px) {
    .table__name1 {
        margin: 0;
        letter-spacing: -0.6px;
    }
}

@media (min-width: 1024px) {
    .table__name1:first-child {
        margin-right: 20px;
    }
}

@media (min-width: 1024px) {
    .gerkules_1024 {
        height: 172px;
    }
}

.table__name1.active {
    color: #e51d25;
    pointer-events: none;
}
.table__name1:hover {
    color: #e51d25;
}
.table__name1.active::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e10512;
}
.profile__table.three-column td.head {
    color: #e51d25;
}

.profile__table.three-column td:first-child {
    width: 29%;
}

@media (min-width: 320px) {
    .profile__table.three-column td:first-child {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .profile__table.three-column td:first-child {
        text-align: left;
    }
}

@media (min-width: 1024px) {
    .profile__table.three-column td:first-child {
        width: 31%;
    }
}

.profile__table.three-column td:nth-child(2) {
    width: 35%;
}
.profile__table.three-column td:nth-child(3) {
    width: 35%;
}
@media (min-width: 1024px) {
    .profile__table.three-column td:nth-child(2) {
        width: 15%;
    }
    .profile__table.three-column td:nth-child(3) {
        width: 15%;
    }
}
.other {
    display: flex;
    justify-content: center;
}

@media (min-width: 320px) {
    .other {
        flex-direction: column;
    }
}

@media (min-width: 576px), (min-width: 768px) {
    .other {
        flex-direction: row;
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .other {
      justify-content: space-between;
      width: 460px;
      top: 30px;
      position: relative;
    }
}
@media (min-width: 1140px) {
    .other {
        align-items: center;
        width: 548px;
        top: 0;
    }
}
.other__item {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    margin: 30px 0 0 0;
}

@media (min-width: 320px), (min-width: 576px) {
    .other__item:first-child {
        margin-top: 0;
    }
}
@media (min-width: 576px) {
    .other__item {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .other__item {
        width: 38%;
        margin: 0px 0 0 0;
    }
}
@media (min-width: 768px) {
    .other__item:first-child {
        margin-top: auto;
        margin-right: 50px;
    }
}
@media (min-width: 1024px) {
    .other__item:first-child {
        margin-top: 0;
    }
}
@media (min-width: 1024px) {
    .other__item {
        width: 48%;
        margin: 0;
    }
}
@media (min-width: 1140px) {
    .other__item {
        width: 50%;
        margin: 30px 0 0 0;
    }
}
@media (min-width: 1140px) {
    .other__item:first-child {
        width: 48%;
    }
}

.other__item:hover .text_m {
    color: #e51d25;
}

.icon-load, .icon-video {
    background-image: url('../images/play_doc.svg');
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-right: 20px;
    flex-shrink: 0;
}
.icon-video {
  background-color: #fcbd1f;
}
.icon-load {
  background-color: #3aaa35;
}
.other__item:hover .icon-video, .other__item:hover .icon-load {
    background-color: #e51d25;
}

@media (min-width: 320px) {
    .icon-load, .icon-video {
        width: 60px;
        height: 60px;
        margin-right: 20px;
    }
    .icon-video {
      background-size: 163px 73px;
      background-position: 10px -6px;
    }
    .icon-load {
      background-size: 163px 73px;
      background-position: -117px -7px;
    }
    .other__item:hover .icon-video {
      background-position: -54px -6px;
    }
}

@media (min-width: 576px) {
    .icon-load, .icon-video {
        width: 60px;
        height: 60px;
        margin-right: 20px;
    }
    .icon-video {
      background-size: 163px 73px;
      background-position: 10px -6px;
    }
    .icon-load {
      background-size: 163px 73px;
      background-position: -117px -7px;
    }
    .other__item:hover .icon-video {
      background-position: -54px -6px;
    }
}

@media (min-width: 768px) {
    .icon-load, .icon-video {
        width: 60px;
        height: 60px;
        margin-right: 20px;
    }
    .icon-video {
      background-size: 163px 73px;
      background-position: 10px -6px;
    }
    .icon-load {
      background-size: 163px 73px;
      background-position: -117px -7px;
    }
    .other__item:hover .icon-video {
      background-position: -54px -6px;
    }
}

@media (min-width: 1024px) {
    .icon-load, .icon-video {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .icon-video {
      background-size: 136px 73px;
      background-position: 8px -11px;
    }
    .icon-load {
      background-size: 136px 73px;
      background-position: -98px -12px;
    }
    .other__item:hover .icon-video {
      background-position: -45px -12px;
    }
}

@media (min-width: 1140px) {
    .icon-load, .icon-video {
        width: 60px;
        height: 60px;
        margin-right: 20px;
    }
    .icon-video {
      background-size: 163px 73px;
      background-position: 10px -6px;
    }
    .icon-load {
      background-size: 163px 73px;
      background-position: -117px -7px;
    }
    .other__item:hover .icon-video {
      background-position: -54px -6px;
    }
}

#catalog{
   /* height: 100vh;*/
    /*display: none;*/
    position: relative;
}
.catalog_header_h1 {
    font-family: 'Gilroy';
    font-size: 48px;
    font-weight: 800;
    text-align: center;
    color: #333333;
    width: 100%;
    margin:  0 auto;
    margin-top: 80px;
    line-height: 1;
}

@media (min-width: 320px) {
    .catalog_header_h1 {
        font-size: 24px;
        margin: 40px auto 0 auto;
        padding: 0 40px;
    }
}
@media (min-width: 768px) {
    .catalog_header_h1 {
        font-size: 36px;
        margin: 0 auto;
        margin-top: 40px;
        padding: 0;
    }
}
@media (min-width: 1024px) {
    .catalog_header_h1 {
        font-size: 42px;
        margin-top: 80px;
    }
}
@media (min-width: 1140px) {
    .catalog_header_h1 {
        font-size: 48px;
        margin-top: 80px;
    }
}
.catalog_header_h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-align: center;
    color: #62687f;
    margin:  0 auto;
    margin-top: 40px;
}

@media (min-width: 320px) {
    .catalog_header_h2 {
        font-size: 13px;
        margin: 30px 20px 0 20px;
    }
}
@media (min-width: 768px) {
    .catalog_header_h2 {
        font-size: 17px;
        margin-top: 38px;
    }
}

@media (min-width: 1024px) {
    .catalog_header_h2 {
        width: 700px;
        margin: 40px auto 0 auto;
    }
}

.catalog_menu{
    margin-top: 60px;
}
@media (min-width: 320px) {
    .catalog_menu {
        margin-top: 30px;
    }
}
@media (min-width: 750px) {
    .catalog_menu {
        margin-top: 36px;
    }
}
@media (min-width: 1024px) {
    .catalog_menu {
        margin-top: 60px;
    }
}
.catalog_menu_h3{
    width: 100%;
    position: relative;
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    color: #333;
    margin:  0 auto;
    line-height: 1.5;
    z-index: 1;
}
@media (min-width: 768px) {
  .catalog_menu_h3{
    background-color: transparent;
  }
}
.catalog_menu_items {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
    text-transform: uppercase;
    position: relative;
}

@media (min-width: 320px) {
    .catalog_menu_items {
        flex-direction: column;
        margin-top: 20px;
    }
}
@media (min-width: 750px) {
    .catalog_menu_items {
        flex-direction: row;
        margin-top: 30px;
    }
}
.catalog_menu_item {
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    color: #62687f;
    padding: 9px 30px;
    z-index: 1;
    cursor: pointer;
    /*mix-blend-mode: screen; troble in FF*/
    transition: all 550ms;
}
@media (min-width: 320px) {
    .catalog_menu_item.active {
        font-size: 18px;
    }
    .catalog_menu_item {
        font-size: 15px;
    }
}
@media (min-width: 750px) {
    .catalog_menu_item, .catalog_menu_item.active {
        font-size: 18px;
        padding: 9px 20px;
    }
}

@media (min-width: 1024px) {
    .catalog_menu_item, .catalog_menu_item.active {
        font-size: 24px;
        padding: 9px 30px;
    }
}

.catalog_menu_item.active{
    color: #ffffff;
}

.catalog_menu_bk_item{
    width: 277px;
    height: 100%;
    border-radius: 4px;
    background-color: #e51d25;
    box-shadow: 0px 10px 20px 0 rgba(229, 29, 37, 0.5);
    position: absolute;
    left: 495px;
    transition: all 450ms;
}


/* ============== */
.select-cover-b {
    position: relative;
    background-color: #fff;
}
@media (min-width: 320px) {
  .select-cover-b {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 5px 25px 20px 25px; /* padding: 5px 25px 80px 25px; */
  }
}
@media (min-width: 576px) {
  .select-cover-b {
    padding: 5px 25px 30px 25px;
  }
}
@media (min-width: 768px) {
    .select-cover-b {
        margin: 60px auto 0 auto;
        padding: 0 25px;
    }
}

@media (min-width: 1024px) {
    .select-cover-b {
        margin: 80px auto 0 auto;
        padding: 0 30px;
        background-color: transparent;
    }
}

@media (min-width: 1140px) {
    .select-cover-b {
        width: 1140px;
        padding: 0;
    }
}

.select-roof-drop {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
    top: 50px;
}

@media (min-width: 768px) {
    .select-roof-drop {
        flex-direction: row;
        top: 80px;
    }
}
.select-label {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #62687f;
    margin: 0 0 20px 0;
}
@media (min-width: 768px) {
    .select-label {
        margin: 0 40px 0 0;
    }
}

/* change default style for select2 */
.select2-dropdown.select-roof {
  border: 1px solid #c6cad8;
}
.select2-selection.select2-selection--single {
  outline: none;
}
.select2-container--open .select2-selection__arrow{
    transform: rotate(180deg);
}


.rotate {
    transform: rotate(180deg);
}

.select-roof .select2-container--default .select2-selection--single {
    width: 206px;
    height: 55px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    border: solid 1px #c6cad8;
    font-family: 'Gilroy';
    font-size: 17px;
    font-weight: 800;
    color: #62687f;
}
.select2-selection .select2-selection--single {
    outline: none;
}
.select-roof .select2-results__options {
    font-family: 'Gilroy';
    font-size: 17px;
    font-weight: 800;
    color: #62687f;
    max-height: 100% !important;
}
.select-roof .select2-results__option {
    padding: 13px 20px;
    border-bottom: 1px solid #c6cad8;
}
.select-roof .select2-results__option:last-child {
    border-bottom: none;
}
.select2-container--default .select-roof .select2-results__option--highlighted[aria-selected] {
    background-color: #fcbd1f;
    color: #333;
}
.select2-container--default .select-roof .select2-results__option[aria-selected=true]:hover {
    background-color: #fcbd1f;
}
.select2-container--default .select-roof .select2-results__option[aria-selected=true] {
    background-color: transparent;
}

.select-roof .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 20px;
}
.select-roof .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: 40%;
    right: 20px;
    width: auto;
}

.select-roof .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: flex !important;
    width: 10px !important;
    height: 14px !important;
    background: url('../images/arrow-select-input.svg') no-repeat !important;
    background-size: 21px 14px !important;
    transform: rotate(90deg) !important;
    background-position: -6px 0px !important;

    border: none !important;
    left: 0 !important;
    margin-left :0 !important;
    margin-top: 0 !important;
    position: relative !important;
    top: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.character {
    display: flex;
    justify-content: center;
    font-size: 13px;
    color: #62687f;
}
@media (min-width: 320px) {
    .character {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 20px;
    }
}
@media (min-width: 768px) {
  .character {
    margin: 0;
   /* 0: 10px*/
    flex-direction: row;
    flex-wrap: nowrap;
    border-top: 1px solid #fcbd1f;
    padding: 20px 0;
  }
}
@media (min-width: 1024px) {
    .character {
      justify-content: center;
      font-size: 15px;
      border-top: 1px solid #fcbd1f;
    }
}
@media (min-width: 1140px) {
    .character {
        display: flex;
        justify-content: center;
        font-size: 15px;
        border-top: 1px solid #fcbd1f;
    }
}
.character__title {
    font-family: 'Gilroy';
    font-size: 15px;
    color: #62687f;
    font-weight: 800;
}
@media (min-width: 320px) {
    .character__title {
        padding: 20px 0 10px 0;
    }
}
@media (min-width: 768px) {
    .character__title {
        padding: 0;
        font-size: 15px;
    }
}
@media (min-width: 1024px) {
    .character__title {
        font-size: 17px;
    }
}
.character__val {
    font-weight: 500;
    color: #333;
    padding-left: 5px;
}
@media (min-width: 576px) {
  .character__val {
      padding-left: 0;
  }
}
.cls-garanty {
    display: flex;
    align-items: center;
    font-family: 'Gilroy';
    font-size: 15px;
    font-weight: 800;
}
@media (min-width: 320px) {
    .cls-garanty {
        width: 120px;
    }
}
@media (min-width: 576px) {
    .cls-garanty {
        width: auto;
    }
}
@media (min-width: 768px) {
    .cls-garanty {
        font-family: 'Gilroy';
        font-size: 15px;
        font-weight: 800;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .cls-garanty {
        font-size: 17px;
        width: auto;
    }
}

@media (min-width: 320px) {
    .icon-garanty {
        display: flex;
        flex-shrink: 0;
        width: 30px;
        height: 40px;
        margin-right: 14px;
        background: url('../images/15.svg');
        background-size: 30px 40px;
    }
}
@media (min-width: 768px) {
    .icon-garanty {

    }
}

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

@media (min-width: 768px) {
    .character__item  {
        /* margin: 0 10px; */
    }
}
.character__item.block {
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 320px) {
    .character__item.block {
        width: 100%;
        padding: 4px 0;
        display: flex;
        flex-direction: row;
    }
    .character__item:nth-child(2)  {
        width: 100%;
    }
}
@media (min-width: 576px) {
    .character__item.block {
        width: 33%;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
}
@media (min-width: 768px) {
  .character__item.block {
    padding: 0 5px;
    align-items: flex-start;
    width: auto;
  }
  .character__item.block:last-child {
    padding: 0 0 0 10px;
  }
  .character__item:first-child  {
    margin-right: 0;
    padding: 0 20px 0 10px;
    border-right: 1px solid #fcbd1f;
  }
  .character__item:nth-child(2)  {
    margin-left: 20px;
    margin-right: 10px;
    width: auto;
    width: min-content;

  }

}

@media (min-width: 1024px) {
    .character__item  {
        margin: 0 10px;
    }

    .character__item.block {
      padding: 0;
      flex-direction: column;
      align-items: flex-start;
    }

    .character__item:first-child  {
        margin: 0;
        padding: 0 20px 0 0;
        border-right: 1px solid #fcbd1f;
    }
    .character__item.block:last-child {
      padding: 0;
    }
    .character__item:nth-child(2)  {
        margin-left: 20px;
        width: auto;
    }
}

@media (min-width: 1140px) {
    .character__item  {
        margin: 0 20px;
    }

    .character__item.block {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .character__item:first-child  {
        margin-right: 0;
        padding: 0 40px 0 0;
        border-right: 1px solid #fcbd1f;
    }
    .character__item:nth-child(2)  {
        margin-left: 40px;
    }
}

.cover-type {
    margin-bottom: 0;
    font-family: 'Gilroy';
    font-size: 15px;
    font-weight: 800;
    color: #333333;
    line-height: 1;
}
@media (min-width: 320px) {
    .cover-type {
        text-align: center;
        padding-bottom: 5px;
    }
}
@media (min-width: 576px) {
    .cover-type {
        text-align: left;
    }
}
@media (min-width: 768px) {
    .cover-type {
        font-size: 18px;
    }
}
@media (min-width: 1024px) {
    .cover-type {
        font-size: 24px;
        margin-bottom: 0px;
        padding-bottom: 0;
    }
}
@media (min-width: 1140px) {
    .cover-type {
        margin-bottom: 10px;
        padding-left: 20px;
    }
}

.cover-name {
    line-height: 1;
    font-family: Gilroy;
    font-size: 24px;
    font-weight: 800;
    color: #e51d25;
}
@media (min-width: 320px) {
    .cover-info__item.cover-name {
        padding: 0 0 10px;
        border-bottom: 1px solid #fbbb22;
        width: 100%;
    }
}
@media (min-width: 576px) {
    .cover-info__item.cover-name {
      border-bottom: none;
      padding: 0;
      width: auto;
    }
}
@media (min-width: 768px) {
    .cover-name {
        font-size: 30px;
    }
    .cover-info__item.cover-name {
      padding: 0 20px 0 0;
      letter-spacing: -0.9px;
    }
}
@media (min-width: 1024px) {
    .cover-name {
        font-size: 42px;
    }
    .cover-info__item.cover-name {
      padding: 0 40px 0 0;
    }
    .cover-info__item.cover-name.ru {
      padding: 0 20px 0 0;
    }
    .cover-info__item.cover-name.korea {
      padding: 0 40px 0 0;
      letter-spacing: -1px;
    }
    .cover-info__item.cover-name.poliester {
      padding: 0 40px 0 0;
    }
}
@media (min-width: 1140px) {
    .cover-name {
        font-size: 48px;
    }
    .cover-info__item.cover-name {
      padding: 0 20px 0 0;
    }
}

.img-cover-logo {
  width: 125px;
  height: 39px;
}
@media (min-width: 320px) {
  .img-cover-logo.korea{
      width: 50px;
      height: 39px;
  }
}
@media (min-width: 576px) {
  .img-cover-logo.korea{
      width: 66px;
      height: 49px;
  }
}
@media (min-width: 768px) {
    .img-cover-logo {
        display: block;
        width: 154px;
        height: 47px;
    }
}
@media (min-width: 1024px) {
    .img-cover-logo {
        width: 156px;
        height: 49px;
    }
    .img-cover-logo.korea{
        width: 66px;
        height: 49px;
        margin-right: 20px;
    }
}

.button-catalog {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 249px;
    height: 46px;
    border-radius: 4px;
    background-color: #3aaa35;
    box-shadow: 0px 10px 20px 0 rgba(58, 170, 53, 0.5);
    text-decoration: none;
}

@media (min-width: 1024px) {
    .button-catalog {
        width: 297px;
        height: 56px;
    }
}
@media (min-width: 1140px) {
    .button-catalog {
        width: 315px;
    }
}
.button-catalog__text {
    font-family: 'Gilroy';
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .button-catalog__text {
        font-size: 18px;
    }
}

.flagRu {
    width: 59px;
    height: 24px;
    margin-right: 15px;
}
@media (min-width: 320px) {
  .flagRu {
      margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .flagRu {
      width: 59px;
      height: 24px;
      margin-top: 0;
      margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .flagRu {
      margin-right: 20px;
  }
}
.text-cls-1 {
    width: 84px;
    font-family: 'Gilroy';
    font-size: 17px;
    font-weight: 800;
    color: #333333;
    text-transform: uppercase;
}
@media (min-width: 320px) {
  .text-cls-1 {
    display: none;
  }
}
@media (min-width: 576px) {
  .text-cls-1 {
    display: flex;
    width: 150px;
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .text-cls-1, .text-cls-1.korea {
    width: 70px;
    font-size: 13px;
    margin-left: 10px;
  }
}
@media (min-width: 1024px) {
  .text-cls-1, .text-cls-1.korea {
    width: 150px;
    font-size: 17px;
    margin-left: 0;
  }
}
@media (min-width: 1140px) {
  .text-cls-1 {
    width: 85px;
  }
}
@media (min-width: 320px) {
    .cover-info {
        display: flex;
        justify-content: center;
        margin: 0;
        width: 100%;
    }
}
@media (min-width: 576px) {
    .cover-info {
      flex-wrap: wrap;
    }
}
@media (min-width: 768px) {
    .cover-info {
        display: flex;
        justify-content: space-between;
        margin: 0 0 25px 0;
        width: auto;
    }
}
@media (min-width: 1024px) {
    .cover-info {
        margin: 0 0 30px;
    }
}
@media (min-width: 1140px) {
    .cover-info {
        display: flex;
        flex-wrap: nowrap;
        margin: 0 0 30px 0;
        padding-left: 20px;
    }
}
@media (min-width: 320px) {
  .cover-info__b1 {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 576px) {
  .cover-info__b1 {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }
  .cover-info__b2 {
    flex-grow: 0;
  }
}
@media (min-width: 320px) {
    .catalog__profile {
        position: absolute;
        height: 81px;
        width: 234px;
        left: -23px;
        top: 27%;
    }
}
@media (min-width: 768px) {
    .catalog__profile {
        position: absolute;
        height: 190px;
        /*width: 100%;*/
        width: 150%;
        left: -85px;
        top: 27%;
    }
}
@media (min-width: 1140px) {
    .catalog__profile {
        position: absolute;
        height: 190px;
        /*width: 100%;*/
        width: 150%;
        left: -85px;
        top: 27%;
    }
}
.catalog__profile img{
    display: none;
    position: absolute;
    width: 100%;
    max-height: 185px;
}

.slide-cover {
    position:  relative;
    display: flex;
    width: 640px;
    padding: 40px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 3px 20px 0 rgba(98, 104, 127, 0.5);
    flex-direction: column;
    align-items: center;
}

@media (min-width: 320px) {
    .slide-cover {
        width: 300px;
        padding: 138px 33px 122px 33px;
        height: 510px;
    }
}

@media (min-width: 768px) {
    .slide-cover {
        width: 569px;
        height: 651px;
        padding: 135px 40px 40px 40px;
    }
}

@media (min-width: 1024px) {
    .slide-cover {
        width: 640px;
        height: 672px;
    }
}
.img-circle {
    background-size: 105%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 195px;
    height: 195px;
    border: 3px solid #c6cad8;
    border-radius: 100%;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .img-circle {
        width: 360px;
        height: 360px;
        border: 6px solid #c6cad8;
    }
}

.color {
    font-family: Gilroy;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    color: #333333;
}
@media (min-width: 768px) {
    .color {
        font-size: 24px;
    }
}
.color-name {
    display: block;
}
.color-ral {
    display: block;
    font-size: 15px;
    color: #62687f;
}
@media (min-width: 768px) {
    .color-ral {
        font-size: 17px;
    }
}

.cover-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 20px 0 0 0;
}

@media (min-width: 768px) {
    .cover-image {
        margin: 40px 0;
    }
}
.price-line {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    bottom: 35px;
    width: 100%;
    opacity: 0;
    transition: opacity 350ms;
}
.is-selected .price-line {
    opacity: 1;
    transition: opacity 350ms;
}

@media (min-width: 768px) {
    .price-line {
        flex-direction: row;
        bottom: 40px;
        width: auto;
    }
}
@media (min-width: 1024px) {
    .price-line {
        left: 12%;
    }
}

.price-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 224px;
    height: 58px;
    background-color: #fcea1f;
    box-shadow: 0px 10px 20px 0 rgba(252, 234, 31, 0.5);
    border-radius: 4px;
    margin: 0 0 10px 0;
}
@media (min-width: 320px) {
    .price-info {
      flex-direction: row;
      width: auto;
      height: 58px;
      border: none;
      margin: 0 0 10px 0;
    }
}
@media (min-width: 768px) {
    .price-info {
      flex-direction: column;
        width: 218px;
        height: 80px;
        border-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        margin: 0;
    }
}
@media (min-width: 1024px) {
    .price-info {
        height: 100px;
    }
}

.price-val {
    font-family: 'Gilroy';
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}
.price-currency {
    font-size: 18px;
}

.info-cost {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    color: #333;
    line-height: 1;
}
@media (min-width: 320px) {
  .info-cost {
    width: min-content;
    border-left: 1px solid #afa214;
    text-align: left;
  }
  .price-val, .info-cost {
    padding: 0 13px;
  }
}

@media (min-width: 768px) {
    .price-val {
        font-size: 48px;
    }
    .price-currency {
        font-size: 19px;
    }
    .info-cost {
      width: auto;
      border: none;
      text-align: center;
  }
}

.calculate-cost {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-family: 'Gilroy';
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
@media (min-width: 768px) {
    .calculate-cost {
        text-align: left;
        padding: 0 0 0 20px;
    }
}
.button-wrap {
    width: 280px;
    height: 67px;
    background-color: #e51d25;
    box-shadow: 0px 10px 20px 0 rgba(229, 29, 37, 0.5);
    border-radius: 4px;
}

@media (min-width: 768px) {
    .button-wrap {
        width: 272px;
        height: 80px;
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
}

@media (min-width: 1024px) {
    .button-wrap {
        height: 100px;
    }
}

.cover-info__item {
    display: flex;
    align-items: center;
    padding: 0 20px;
    letter-spacing: -0.3px;
}
@media (min-width: 320px) {
    .cover-info__item {
        justify-content: center;
    }
}
@media (min-width: 320px) {
    .cover-info__item.flag {
      position: absolute;
      right: 0;
      top: 80px;
    }
    .cover-info__item.flag.severstal {
        display: none;
    }
}

@media (min-width: 576px) {
    .cover-info__item.flag {
        position: relative;
        justify-content: flex-start;
        margin: 0;
        top: 0;
    }
}

@media (min-width: 768px) {
    .cover-info__item.flag {
        display: flex;
        position: relative;
        margin: 0;
        padding: 0;
    }
}
@media (min-width: 768px) {
    .cover-info__item {
        justify-content: flex-start;
        padding: 0 16px;
        letter-spacing: 0;
    }
}
@media (min-width: 768px) {
    .cover-info__item:last-child {
        padding: 0;
        padding-left: 20px;
    }
}
@media (min-width: 1024px) {
    .cover-info__item {
        display: flex;
        align-items: center;
        padding: 0 20px;
        letter-spacing: -0.3px;
    }
}
@media (min-width: 1024px) {
    .cover-info__item:last-child {
        padding: 0 0 0 20px;
    }
}
@media (min-width: 1024px) {
  .cover-info__item.flag {
    margin-left: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1140px) {
  .catalog_menu_block_4.active .cover-info__item.flag.ru {
    padding-left: 40px;
  }
  .cover-info__item.flag {
    margin-left: 0px;
  }
  .cover-info__item.flag.korea {
    padding-left: 40px;
  }
  .cover-info__item.flag.severstal {
      display: flex;
      position: relative;
  }
}
/* Hide */
.catalog_menu_block_4.active .cls-garanty {
  display: none;
}
/* #Hide */
.cover-logo {
    display: flex;
    align-items: center;
}

@media (min-width: 320px) {
  .cover-logo {
    position: absolute;
    right: 0;
    top: 80px;
  }
}
@media (min-width: 576px) {
  .cover-logo {
    position: relative;
    right: auto;
    top: auto;
    padding: 0;
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .cover-logo {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .cover-logo {
    padding: 0 0 0 40px;
    position: relative;
  }
}
@media (min-width: 1140px) {
  .cover-logo {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.icon-arrow {
  width: 8px;
  height: 14px;
  background-image: url('../images/arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 13px;
  margin-left: 15px;
}
@media (min-width: 1024px) {
  .icon-arrow {
    width: 13px;
    height: 22px;
    background-size: 29px 22px;
    margin-left: 20px;
  }
}

@media (min-width: 320px) {
  .cover-info__item.button-c {
    position: absolute;
    bottom: 20px;
    padding: 0;
  }
}
@media (min-width: 576px) {
    .cover-info__item.button-c {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 20px;
    }
}
@media (min-width: 768px) {
    .cover-info__item.button-c {
      padding-right: 0;
      margin: 0;
    }
}
@media (min-width: 1024px) {
    .cover-info__item.button-c {
    }
}
@media (min-width: 1140px) {
    .cover-info__item.button-c {
    }
}
@media (min-width: 768px) {
    .flag::before {
        content: '';
        display: none;
        position: relative;
        left: -10px;
        width: 1px;
        height: 40px;
        background-color: #8d96b2;
    }
}

.module {
    display: none;
}/*
.simple {
  display: none;
}*/

.wrap:not(.gerkules) .gerkules_b *, .gerkules .gerkules_a *{
    position: absolute;
    opacity: 0 !important;
    transition: opacity 0ms,transform 450ms !important;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}


.swiper-slide-active .wrap:not(.gerkules) .gerkules_a * , .swiper-slide-active .gerkules .gerkules_b *{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative;
    transition: all 450ms;
    opacity: 1 !important;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: opacity 450ms ,transform 450ms ease 0s !important;
}

@keyframes my_zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
        height: auto;
    }

    50% {
        opacity: 1 !important;
    }
}
@-webkit-keyframes my_fadeOutLeft {
    from {

        opacity: 0;
        margin-top: 150px;
    }
    50% {
        height: 0px;
    }
    90% {
        position: absolute;
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        margin-top: 250px;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);

    }
}

@keyframes my_fadeOutLeft {
    from {
        opacity: 1;
        position: absolute;
    }
    50% {
        height: 0px;
    }
    90% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}


@keyframes my_fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        height: auto;

    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.catalog_slider {
    width: 100%;
}
@media (min-width: 768px) {
    .catalog_slider {
        margin: 0;
    }
}

.flickity-viewport{
    padding-top: 30px;
    height: 620px !important;
}
@media (min-width: 750px) {
    .flickity-viewport{
        padding-top: 40px;
        height: 800px !important;
    }
}
.catalog_slider .slide-cover{
    margin: 0px -30px 10px -30px;
    z-index: 0;
    position: relative;
    transition: margin 500ms;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 450ms , transform 500ms;
    will-change: opacity,transform;
}
@media (min-width: 750px) {
    .catalog_slider .slide-cover{
        opacity: 0.7;
    }
}
.catalog_slider .is-selected{
    will-change: opacity,transform;
    z-index: 1;
    transform: translateY(0px);
    opacity: 1;
    transition: opacity 450ms , transform 500ms;

}

.flickity-button {
    width: 40px;
    height: 40px;
}
@media (min-width: 750px) {
    .flickity-button {
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 1140px) {
    .flickity-button {
        width: 80px;
        height: 80px;
    }
}

.flickity-button-icon {
    display: none;
}

.flickity-prev-next-button{
    border-radius: 0;
    z-index: 2;
    background-image: url('../images/arrow-black.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 13px;
    background-color: #fcbd1f;
}
.flickity-prev-next-button:hover{
    background-color: #ffc83f;
    background-image: url('../images/arrow-black.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 13px;
}
@media (min-width: 750px) {
    .flickity-prev-next-button {
        background-image: url('../images/arrow-black.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px 13px;
    }
}
@media (min-width: 1140px) {
    .flickity-prev-next-button {
        background-image: url('../images/arrow-black.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px 20px;
    }

    .flickity-prev-next-button:hover{
        background-color: #ffc83f;
        background-image: url('../images/arrow-black.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px 20px;
    }

}
.flickity-prev-next-button.next {
    right: 0;
    top: 305px;
}

.flickity-prev-next-button.previous {
    left: 0;
    top: 285px;
}

@media (min-width: 768px) {
    .flickity-prev-next-button.previous{
        top: 385px;
    }
    .flickity-prev-next-button.next {
        right: 0;
        top: 403px;
    }
}
@media (min-width: 1024px) {
    .flickity-prev-next-button.previous{
        top: 372px;
    }
    .flickity-prev-next-button.next {
        right: 0;
        top: 397px;
    }
}
@media (min-width: 1140px) {
    .flickity-prev-next-button.previous{
        top: 45%;
    }
    .flickity-prev-next-button.next {
        right: 0;
        top: 45%;
    }
}

.flickity-prev-next-button.previous {
    transform: rotate(180deg);
}

.catalog_slider_index {
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    color: #c6cad8;
    width: 100%;
    text-align: center;
    padding: 20px 20px 0 20px;
    line-height: 1;
}
.catalog_slider_index {
    padding: 10px 20px 0 20px;
}
@media (min-width: 768px) {
    .catalog_slider_index{
        font-size: 36px;
    }
}
.catalog_slider_index span{
    color: #62687f;
}
@media (max-width: 1040px) {
    .catalog_slider_ghost_l, catalog_slider_ghost_r {
        display: none;
    }
}

@media (min-width: 1040px) {
    .catalog_slider_ghost_l{
        height: 100%;
        width: 15%;
        display: block;
        position: absolute;
        -webkit-tap-highlight-color: none;
        opacity: 1;
        z-index: 1;
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);
        left: 0;

    }
    .catalog_slider_ghost_r{
        height: 100%;
        width: 15%;
        display: block;
        position: absolute;
        -webkit-tap-highlight-color: none;
        opacity: 1;
        z-index: 1;
        background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0.7) 70%,rgba(255,255,255,0) 100%);
        right: 0px;
    }
}
.catalog_menu_block{
    display: none;
    margin-top: -25px;
}

@media (min-width: 320px) {
  .catalog_menu_block.catalog_menu_block_1 {
    margin-top: -25px;
  }
  .catalog_menu_block_4.active .cls-garanty, .catalog_menu_block_2.active .cls-garanty, .catalog_menu_block_3.active .cls-garanty {
    width: auto;
  }
}

@media (min-width: 750px) {
  .catalog_menu_block.catalog_menu_block_1 {
    margin-top: 0;
  }
  .catalog_menu_block.catalog_menu_block_2 {
    margin-top: 0;
  }
  .catalog_menu_block.catalog_menu_block_3 {
    margin-top: 0;
  }
  .catalog_menu_block.catalog_menu_block_4 {
    margin-top: 0;
  }
}
.catalog_menu_items_mobile{
    display: none !important;
}

@media (max-width: 750px) {
    .catalog_menu_items {
        display: none;
    }

    .catalog_menu_items_mobile {
        display: block !important;
        max-width: 500px;
        width: 80%;
        margin: 0 auto;
        margin-top: -20px;
    }
    .catalog_menu_items_mobile .catalog_menu_item {
        text-align: center;
        padding: 25px;
        color: #62687f;
        font-family: Gilroy;
        font-size: 15px;
        transition: all 350ms;
        height: 80px;

    }
    .catalog_menu_items_mobile  .catalog_menu_item.active , .slick-center .catalog_menu_item{
        font-size: 18px;
        font-weight: 800;
        border-radius: 4px;
        color: #FFFFFF;
        transition: all 350ms;
    }

    .catalog_menu_items_mobile .slick-arrow {
        left: calc(50% - 50px);
    }
    .catalog_menu_items_mobile:after{
        content: "";
        width: 100%;
        height: 46px;
        background-color: #e51d25;
        box-shadow: 0px 10px 20px 0 rgba(229, 29, 37, 0.5);
        position: absolute;
        top: calc(50% - 27px);
        z-index: -1;
        border-radius: 4px;
    }
    .catalog_menu_items_mobile button {
        background-image: url(../images/arrow-red.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-color: transparent;
        border: none;
        padding: 50px;
        position:  absolute;
        cursor: pointer;
        z-index: 2;
        /* width: 6px; */
        /* height: 11px; */
    }
    .catalog_menu_items_mobile #next{
        transform:  rotate(90deg);
        top: 118px;
    }
    .catalog_menu_items_mobile #prev{
        transform:   rotate(-90deg);
        top: 24px;
    }
    .catalog_menu_items_mobile button:active, button:focus {
        outline: none;
    }
    .catalog_menu_items_mobile button::-moz-focus-inner {
        border: 0;
    }
}
.flickity-prev-next-button:disabled{
    opacity: 0;
    transition: opacity 350ms;
}
#phone_block,#catalog{
    opacity: 1 !important;
}
.catalog_slider{
    position: relative;
}

.slider-pagin-wrap .bul-custom-wrap {
    display: none;
}

.slider-photo-pagin-wrap .bul-custom-wrap {
    display: flex;
    margin-left: 30px;
}

.flickity-slider{
    filter: blur(0px);
}


@media (max-width: 750px) {
    .fadeInLeft_desktop {
        -webkit-animation-name: none !important;
        animation-name: none !important;
        position: relative;

    }
}

@media (min-width: 750px) {
    .fadeInLeft_desktop {
        position: relative;
        -webkit-animation-name: fadeInLeft_desktop;
        animation-name: fadeInLeft_desktop;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
}

@-webkit-keyframes fadeInLeft_desktop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft_desktop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@media (min-width: 768px) {
  .decor-line-1 {
    width: 1px;
    background: #8d96b2;
    height: 40px;
    position: relative;
  }
  .catalog_menu_block_2.active .decor-line-1 {
    top: 0;
  }
  .catalog_menu_block_4.active .decor-line-1 {
    top: 0;
  }
}
@media (min-width: 1024px) {
  .decor-line-1 {
    width: 1px;
    background: #8d96b2;
    height: 40px;
    position: relative;
  }
  .catalog_menu_block_2.active .decor-line-1 {
    top: 0;
  }
  .catalog_menu_block_4.active .decor-line-1 {
    top: 0;
  }
}
@media (min-width: 768px) {
  .decor-line-1.size_l {
    display: flex;
  }
  .decor-line-1.size_xl {
    display: none;
  }
}
@media (min-width: 1024px) {
  .decor-line-1.size_xl {
    display: none;
  }
}
@media (min-width: 1140px) {
  .decor-line-1.size_xl {
    display: flex;
  }
  .decor-line-1.size_l {
    display: none;
  }
}



.calculate-cost {
    position: relative;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    left: -1px;
}

.ink.animate {
    -webkit-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


/* Block Photo */
.photo {
  width: 100%;
  background: url('../images/back2.png') #eef2f4 repeat;
}

@media (min-width: 1140px) {
  .photo {
    height: auto;
    padding: 70px 0;
  }
}
.section__header {
  font-family: 'Gilroy';
  font-weight: 800;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 768px) {
  .section__header {
    width: 720px;
    font-size: 48px;
    padding: 0 0 70px 0;
  }
  .section__header.services__title {
    padding: 0 0 110px 0;
  }
  .contacts .section__header {
    padding: 0 0 40px 0;
  }
}

@media (min-width: 1140px) {
  .section__header {
    width: 720px;
    font-size: 48px;
    padding: 0 0 70px 0;
  }
  .section__header.services__title {
    padding: 0 0 110px 0;
  }
  .contacts .section__header {
    padding: 0 0 40px 0;
  }
}

@media (min-width: 1140px) {
  .photo__wrap {
    width: 1140px;
    margin: 0 auto 40px auto;
    position: relative;
    padding: 0 20px;
  }
}
@media (min-width: 1140px) {
  .photo__slider {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 1140px) {
  .photo__slider-item-wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1140px) {
  .photo__slider-item-wrap .column {
    padding: 0 80px 0 0;
  }
}
@media (min-width: 1140px) {
  .review__header {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1140px) {
  .review__b-what {
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #e51d25;
    padding: 0 0 15px 0;
  }
}
@media (min-width: 1140px) {
  .review-header__item {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
  }
}
@media (min-width: 1140px) {
  .review-header__item-val {
    font-weight: bold;
  }
}
@media (min-width: 1140px) {
  .review__b-who {
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 45px 0 50px 0;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1140px) {
  .review__text {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #62687f;
  }
}
@media (min-width: 1140px) {
  .review__photos {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .review__photos .row {
    margin: 0 -5px;
    display: flex;
  }
}
@media (min-width: 1140px) {
  .review__photo_l {
    display: inline-block;
    width: 510px;
    height: 490px;
    margin: 0;
    background-color: #c6cad8;
  }
  .review__photo_s {
    width: 250px;
    height: 218px;
    margin: 10px 5px 0;
    background-color: #c6cad8;
  }
}

@media (min-width: 1140px) {
  .icon-quotes {
    flex-shrink: 0;
    width: 80px;
    height: 56px;
    margin: 0 30px 0 0;
  }
}
.photo__slider .slick-prev, .photo__slider .slick-next {
  display: none !important;
}
.slider-photo-pagination {
  display: flex;
  position: absolute;
  width: 510px;
  margin: 0;
  justify-content: space-between;
  bottom: 0;
}
.slider-photo-pagination .slider__nav-wrap {
  width: 40px;
  height: 40px;
  outline: none;
}
@media (min-width: 1140px) {
  .slider-photo-pagination .arrow-slider_size {
    width: 6px;
    height: 11px;
  }
}
@media (min-width: 1140px) {
  .photo__footer {
    width: 1140px;
    margin: 40px auto 0 auto;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1140px) {
  .photo__footer-left {
    width: 421px;
    height: 266px;
    flex-shrink: 0;
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media (min-width: 1140px) {
  .photo__footer-right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 1140px) {
  .photo__footer-text {
    font-family: 'Gilroy';
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    margin-bottom: 40px;
  }
}
@media (min-width: 1140px) {
  .button_load-catalog {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 56px;
    border-radius: 8px;
    background-color: #fcbd1f;
    box-shadow: 0px 10px 20px 0 rgba(252, 189, 31, 0.5);
  }
}
@media (min-width: 1140px) {
  .button_text-1 {
    text-transform: uppercase;
    font-family: 'Gilroy';
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
  }
}
@media (min-width: 1140px) {
  .button_load-catalog:hover {
    background: #ffc83f;
  }
}
@media (min-width: 1140px) {
  .servises {
    padding: 80px 0;
  }
}
@media (min-width: 1140px) {
  .section__wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1140px) {
  .section__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding: 0 100px;*/
    padding: 0 4.6%;
  }
}
@media (min-width: 1140px) {
  .section__text {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #62687f;
    margin: 40px 0 0 0;
    width: 390px;
  }
}

@media (min-width: 1140px) {
  .button_cls-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 56px;
    border-radius: 8px;
    background-color: #fcbd1f;
    box-shadow: 0px 10px 20px 0 rgba(252, 189, 31, 0.5);
    padding: 0 30px;
  }
}
@media (min-width: 1140px) {
  .button_cls-2 {
    padding: 0 67px;
  }
}
@media (min-width: 1140px) {
  .button_cls-2:hover, .button_cls-1:hover {
    background: #ffc83f;
  }
}
.button_about {
  width: 509px;
}
@media (min-width: 1140px) {
  .section__icon {
    width: 140px;
    border: 1px dotted;
    height: 130px;
    margin: 0 0 70px 0;
  }
}

/* #Block Photo */

.about {
  width: 100%;
}

.about__wrap {
  width: 1140px;
  margin: 80px auto;
  display: flex;
  justify-content: space-between;
}

.about__column {
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
}
.about__column:first-child {
  width: 494px;
  margin: 0 40px 0 0;
  flex-shrink: 0;
}
.about__column:nth-child(2) {
  width: 600px;
}
.about-slider-pagination {
  position: absolute;
  bottom: 40px;
  width: 100%;
}
.about-slider-pagination .bul-custom-wrap {
  justify-content: center;
}
.about__slider-item {
  width: 494px;
  height: 771px;
}
.about-slider .slick-next {
  right: 0;
}
.about-slider .slick-prev {
  left: 0;
}
.about-slider .slick-next, .about-slider .slick-prev {
  width: 40px;
  height: 40px;
  background-color: #fcbd1f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
    z-index: 2;
}

.about-slider .slick-prev:before, .about-slider .slick-next:before {
  content: '';
  display: flex;
  width: 7px;
  height: 11px;
  background: url('../images/arrow-black.svg') no-repeat;
  background-size: 13px 10px;
  background-position: -3px 0px;
  transform: rotate(0deg);
}
.about-slider .slick-prev:before {
  transform: rotate(180deg);
}

.about-slider .slick-prev:hover, .about-slider .slick-prev:focus, .about-slider .slick-next:hover, .about-slider .slick-next:focus {
  background: #ffc83f;
}
.about__title {
  font-family: 'Gilroy';
  font-size: 48px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  position: relative;
  top: -12px;
  margin-bottom: 20px;
}
.about__title span {
  display: block;
  color: #e51d25;
}
.about__text {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #62687f;
}

.about__title_s {
  font-family: 'Gilroy';
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 32px 0 38px 0;
}
.about__title_s span {
  color: #e51d25;
}
.about__causes {
  font-family: 'Gilroy';
  font-size: 15px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.causes__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px 0;
  width: 270px;
}
.causes__icon {
  width: 60px;
  height: 60px;
  background-color: #aeaeae;
  flex-shrink: 0;
  margin: 0 20px 0 0;
}

/* Address List */
.contacts {
  padding: 80px 0;
    position: relative;
}
@media (min-width: 320px) {
  .contacts {
    padding: 0 0 60px 0;
  }
}
@media (min-width: 1024px) {
  .contacts {
    padding: 80px 0;
  }
}

.section__desc {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #62687f;
  padding: 0 5% 40px 5%;
  width: 55.8%;
  display: block;
  margin: auto;
}
@media (min-width: 320px) {
  .section__desc {
    width: 100%;
    font-size: 15px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .section__desc {
    font-size: 18px;
    padding: 0 80px 30px 80px;
  }
}
@media (min-width: 1024px) {
  .section__desc {
    width: 85%;
    padding: 0 5% 40px 5%;
  }
}

@media (min-width: 1140px) {
  .section__desc {
    width: 1080px;
  }
}
.contacts .section__wrap {
  width: 1140px;
  margin: 0 auto;
  flex-direction: column;
}

@media (min-width: 320px) {
  .contacts .section__wrap {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .contacts .section__wrap {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .contacts .section__wrap {
    width: 100%;
  }
}

@media (min-width: 1140px) {
  .contacts .section__wrap {
    width: 1140px;
  }
}
.section__content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
    position: relative;
}
@media (min-width: 320px) {
  .section__content {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .section__content {
    flex-direction: row;
  }
}

.section__switches {
  display: flex;
  align-items: center;
  margin: 0 0 38px 0;
  padding: 0 20px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #62687f;
}
@media (min-width: 320px) {
  .section__switches {
    margin: 0 0 20px 0;
  }
}

@media (min-width: 768px) {
  .section__switches {
    margin: 0 0 38px 0;
  }
}

.section__left {
  display: flex;
  flex-direction: column;
  margin-right: 50px;
  flex-grow: 0;
}
@media (min-width: 320px) {
  .section__left {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .section__left {
    margin-right: 50px;
  }
}

.section__right {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}
@media (min-width: 320px) {
  .section__right {
    margin-top: 30px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .section__right {
    margin-top: 40px;
  }
}
@media (min-width: 1024px) {
  .section__right {
    margin: 0;
    width: auto;
  }
}
.contacts-list {
  border-left: 1px solid #62687f; 
}
@media (min-width: 320px) {
  .contacts-list {
    border-left: 0px solid #62687f; 
  }
}

@media (min-width: 1024px) {
  .contacts-list {
    border-left: 1px solid #62687f; 
  }
}

.contacts-list .list__item {
  display: flex;
  justify-content: space-between;
  padding: 40px 0 40px 40px;
  border-bottom: 1px solid #62687f;
}

@media (min-width: 320px) {
  .contacts-list .list__item {
    flex-direction: column;
    padding: 20px 0;
    padding-left: 10px;
  }
}

@media (min-width: 768px) {
  .contacts-list .list__item {
    flex-direction: row;
    padding: 30px 0;
    padding-left: 10px;
  }
}

@media (min-width: 1024px) {
  .contacts-list .list__item {
    padding: 40px 0 40px 40px;
  }
}
@media (min-width: 1140px) {
  .contacts-list .list__item {
    padding-right: 20px;
  }
}
.contacts-list .list__item:last-child {
  border-bottom: 0px;
  padding-bottom: 0;
}
.contacts-list .list__item:first-child {
  padding-top: 0;
}
.office-info {
  display: flex;
  flex-direction: column;
}
.city-name {
  font-family: 'Gilroy';
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.contacts__phone {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  margin: 15px 0;
}
.contacts__phone span {
  display: block;
  font-family: 'Gilroy';
  font-size: 30px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e51d25;
}

.icon-list {
  display: flex;
  width: 25px;
  height: 20px;
  margin: 0 12px 0 20px;
  background: url('../images/icon_contact.svg') no-repeat;
  background-size: 94px 65px;
  background-position: 1px -42px;
}

.icon-label {
  display: flex;
  width: 22px;
  height: 30px;
  margin: 0 12px 0 10px;
  background: url('../images/icon_contact.svg') no-repeat;
  background-size: 117px 72px;
  background-position: -49px 0px;
}

.switche-link.active .icon-list {
  background-position: -36px -42px;
}

.switche-link.active .icon-label {
  background-position: -95px 0px;
}
.switche-link:last-child {
  margin-right: 0;
}
.icon-label_black {
  background-position: -4px 0px;
  margin: 0;
}

.icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fcbd1f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.switche-link {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #62687f;
  text-decoration: none;
  margin-right: 10px;
}  
.switche-link.active {
  color: #e51d25;
  text-decoration: underline;
  /*font-weight: 500;*/
}
.office-type {
  display: block;
  font-family: 'Gilroy';
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #e51d25;
}
.office-type span{
    position: absolute;
    margin-left: -10px;
}
.schedule{
    margin-top: 17px;
}
.schedule table{
    margin-top: 10px;
}
.adress {
  font-family: 'Gilroy';
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 320px) {
  .adress {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .adress {
    font-size: 24px;
  }
}
.shedule__title {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #62687f;
}

.w-day {
  padding-right: 20px;
}

@media (min-width: 320px) {
  .w-day {
    width: 150px;
  }
}

@media (min-width: 768px) {
  .w-day {
    width: auto;
  }
}

.w-day, .work-time {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  padding: 0px 20px 0px 0px;
  margin: 0;
}
.work-time {
  font-weight: 500;
  text-align: left;
}

.show-in-map__wrap {
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media (min-width: 320px) {
  .show-in-map__wrap {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .show-in-map__wrap {
    margin: 0;
  }
}

.show-in-map {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  padding-left: 12px;
}
.separate {
  width: 1100px;
  margin: 0 auto;
  height: 1px;
  background-color: #fcbd1f;
}
.text_pre_send--accent {
  display: block;
  margin: 0 auto;
  width: 750px;
  text-align: center;
  width: fit-content;
  font-family: 'Gilroy';
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #e51d25;
}
@media (min-width: 320px) {
  .text_pre_send--accent {
    width: 100%;
    padding: 0 20px;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .text_pre_send--accent {
    width: 650px;
    padding: 0;
    font-size: 20px;
  }
}

.footer__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    justify-content: space-between;
}

@media (min-width: 320px) {
    .footer__wrap {
    }
}

@media (min-width: 768px) {
    .footer__wrap {
        flex-wrap: wrap;
        flex-direction: row;
        padding: 50px 10px;
    }
}

@media (min-width: 1024px) {
    .footer__wrap {
        flex-direction: row;
        flex-wrap: nowrap;
        width: 1024px;
        padding: 80px 20px;
    }
}

@media (min-width: 1140px) {
    .footer__wrap {
        width: 1140px;
        padding: 80px 10px;
    }
}

.footer__logo {
    width: 201px;
    height: 56px;
    order: 0;
}
@media (min-width: 768px) {
    .footer__logo {
        width: 45%;
    }
}

@media (min-width: 1024px) {
    .footer__logo {
        width: 201px;
    }
}

.vertical-decor-line {
    display: none;
}

@media (min-width: 1024px) {
    .vertical-decor-line {
        display: block;
        width: 1px;
        height: 36px;
        background-color: #fff;
        margin: 0 20px;
        order: 1;
    }
}

@media (min-width: 1140px) {
    .vertical-decor-line {
        margin: 0 30px;
    }
}

.button-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: solid 2px #ffffff;
    border-radius: 4px;
    width: 214px;
    height: 42px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    order: 3;
}

@media (min-width: 320px) {
    .button-1 {
        margin: 0 auto;
    }
}
@media (min-width: 576px) {
    .button-1 {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .button-1 {
        order: 4;
        width: 45%;
    }
}

@media (min-width: 1024px) {
    .button-1 {
        width: 214px;
    }
}

.button-order-1:hover {
    background-color: #fff;
    color: #504f4f
}

.footer__phone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin: 20px 0;
    order: 2;
}

@media (min-width: 768px) {
    .footer__phone {
        margin-top: 0;
        margin-bottom: 15px;
        order: 3;
        width: 45%;
    }
}

@media (min-width: 1024px) {
    .footer__phone {
        margin: 0 15px 0 0;
        width: auto;
        order: 4;
    }
}

@media (min-width: 1140px) {
    .footer__phone {
        margin: 0 30px 0 0;
    }
}

.footer__phone .phone {
    font-family: 'Gilroy', sans-serif;
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;

}

@media (min-width: 320px) {
    .footer__phone .phone {
    }
}

@media (min-width: 1024px) {
    .footer__phone .phone {
        font-size: 24px;
    }
}

@media (min-width: 1140px) {
    .footer__phone .phone {
        font-size: 30px;
    }
}

.footer__copy-text {
    width: 100%;
    padding: 20px 20px 0 20px;
    order: 4;
    text-align: center;
}

@media (min-width: 320px) {
    .footer__copy-text {

    }
}

@media (min-width: 576px) {
    .footer__copy-text {
        padding: 20px 0 0 0;
    }
}

@media (min-width: 768px) {
    .footer__copy-text {
        width: 45%;
        order: 4;
    }
}

@media (min-width: 1024px) {
    .footer__copy-text {
        padding: 0;
        width: 260px;
        margin-right: 0px;
        text-align: left;
    }
}

@media (min-width: 1140px) {
    .footer__copy-text {
        margin-right: 80px;
    }
}
footer {
    display: block;
    background-color: #504f4f;
    width: 100%;
}

.post_price{
    bottom: 10px;
    display: block;
    /* margin-top: 20px; */
    position: absolute;
    /* font-family: 'Museo Sans Cyrl 500'; */
    font-size: 13px;
    /* text-align: left; */
    color: #757575;
    opacity: 0;
}
.is-selected .post_price{
    opacity: 1;
}
#loader{
    background: url(/images/pre.svg) no-repeat center;
    position: fixed;
    width: 360px;
    height: 120px;
    /* display: none; */
    z-index: 99999;
    /* left: calc(50% - 180px); */
    /* top: calc(50% - 60px); */
    /* margin: 0 auto; */
    background-color: #fff;
    width: 100%;
    height: 100vh;
}