@font-face {
    font-family: 'Idealist Sans';
    src: local('Idealist Sans Light'),
    local('IdealistSans-Light'),
    url('../fonts/idealistsanslight.woff2')
    format('woff2'),
    url('../fonts/idealistsanslight.woff') format('woff'),
    url('../fonts/idealistsanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Idealist Sans';
    src: local('Idealist Sans'),
    local('IdealistSans'),
    url('../fonts/idealistsans.woff2') format('woff2'),
    url('../fonts/idealistsans.woff') format('woff'),
    url('../fonts/idealistsans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@keyframes scroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
.copyright__style img {
    width: 100%;
    max-width: 90px;
    transition: all .3s;
    display: block;
    position: relative;
    z-index: 1;
}
.copyright__style {
    position: relative;
    margin-left: 5px;
    overflow: hidden;
}
.copyright__style:before, .copyright__style:after {
    content: '';
    width: 100%;
    height: 300%;
    position: absolute;
    /* background: rgba(0,0,0,0.5); */
    z-index: 2;
    -moz-transform: rotate(-80deg); /* Для Firefox */
    -ms-transform: rotate(-80deg); /* Для IE */
    -webkit-transform: rotate(-80deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-80deg); /* Для Opera */
    transform: rotate(-80deg);
    top: -50%;
    background: transparent;
    /* opacity: 0; */
    transition: all .3s;
}
.copyright__style:before {
    left: -92%;
}
.copyright__style:after {
    right: -88%;
}
.copyright__style:hover .logo__transparent {
    opacity: 0;
}
.copyright__style:hover:before,.copyright__style:hover:after {
    background: rgba(0,0,0,0.5);
    animation: buttonAnimation ease-in 1s;
    opacity: 0;
}
.copyright__style:hover:before {
    left: -39px;
}
.copyright__style:hover:after    {
    right: -37px;
}
.copyright__style .logo__colors {
    transition: all 0.3s;
}
.copyright__style:hover .logo__colors {
/*     z-index: 3; */
}
@keyframes buttonAnimation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.copyright__style .logo__transparent {
    position: absolute;
    left: 0;
    top: 0;
}
.copyright__style--wrapper {
    display: flex;
    align-items: center;
}
button:focus {
    outline: none;
}
html , body {
    font-family: 'Idealist Sans';
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    color: #100E0C;
    /* background: #F8F8F8; */
}
a {
    font-family: 'Idealist Sans';
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 8px;
    color: #100E0C;
    outline: none !important;
}
.map__wrap--map {
    position: relative;
    padding: 40px 0px;
}
.section {
    padding: 80px 0px;
    overflow: hidden;
    position: relative;
}
.map {
    padding: 40px 0px 0;
}
.quiz .quiz__slide:before {
    background-image: url(/images/quiz__background.png);
    /* background-position: center; */
    /* background-size: contain; */
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: -80px;
    /* bottom: -80px; */
    left: calc(100% + 50px);
    width: 100%;
    height: 800px;
}
.btn {
    width: 156px;
    height: 44px;
    background: #FFFFFF;
    border: 0.5px solid #BFBFBF;
    box-sizing: border-box;
    box-shadow: 0px 3px 0px #B6B6B6;
    border-radius: 55px;
}

.btn--header {
    width: 322px;
    height: 55px;
    border: 0.5px solid #9B9B9B;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 300;
    line-height: 11px;
    text-align: center;
    color: #100E0C;
    box-shadow: none;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}
.header__contact {
    font-weight: 300;
    font-size: 14px;
    line-height: 70%;
    transition: all .3s;
}
.header__contact:hover {
    color: #D0171C;
    text-decoration: none;
}
.header__column:not(.header__column--list) > *:not(:first-child) {
    margin-left: 7px;
}
.footer .header__column:not(.header__column--list) > *:not(:first-child) {
    margin-left: 14px;
}
.header__link .icon {
    width: 20px;
    height: 20px;
}

.header__column {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.header__social {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__column--list {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 20px;
    margin-bottom: 5px;
}
.btn .icon {
    width: 17px;
    height: 14px;
    stroke: #100E0C;
    transition: all .3s;
}
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    outline: none !important;
}
.btn--red {
    background: #EE1C29;
    box-shadow: 0px 4px 0px #AF171F, inset 2px 4px 20px rgba(255, 114, 123, 0.4);
    border-radius: 40px;
    color: #ffffff;
    border: none;
    position: relative;
}
.btn--banner {
    width: 258px;
    height: 65px;
    font-size: 16px;
    line-height: 11px;
}
.btn--banner:after{
    content: '';
    box-shadow: inset 0px 4px 20px rgba(255, 153, 153, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    z-index: 1;
    pointer-events: none;left: 0;top: 0;
}
.btn--prev:hover {
    box-shadow: 0px 4px 0px #AF171F, inset 2px 4px 20px rgba(255, 114, 123, 0.4);
}
.btn--banner img {
    position: absolute;
    width: 103px;
    height: 90px;
    right: -50px;
    top: 50%;
    margin-top: -50px;
    z-index: 2;
    pointer-events: none;
}
.btn--final img {
    width: 145px;
    height: auto;
    margin-top: -64px;
    right: -27px;
}
.btn--banner--end {
    max-width: 226px;
    margin-left: 15px;
}
.btn--banner--end:after {
    display: none;
}
.banner__btn--text + .banner__btn img {
    right: -175px;
    top: 50%;
    margin-top: -75px;
    z-index: 2;
    pointer-events: none;
    width: 237px;
    height: 151px;
}
.header__logo--text:before {content: '';margin-left: 13px;height: 48px;width: 1px;background: #100E0C;opacity: 0.4;}
.header__logo {
    display: flex;
    align-items: center;
}

.header__logo--text {
    max-width: 300px;
    display: flex;
    align-items: center;
}

.header__logo--text > * {
    margin: 0;
    margin-left: 14px;
    flex: 1;
}
.header__button {
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex;
}
.header {
    padding: 15px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: all .3s;
}
.header.active {
    background-color: #ffffff;
}

/*
 * banner
 */

.banner__title {
    font-size: 50px;
    line-height: 55px;
    margin: 0;
    letter-spacing: 0.6px;
    position: relative;
    z-index: 1;
    font-weight: normal;
    font-weight: 900;
    font-size: 52px;
    line-height: 110%;
    /* or 57px */
    letter-spacing: 0.3px;
    color: #FFFEFD;
}
.banner__title span {
    color: #EE1C29;
}
.banner__form {
    background: #F5FCFF;
    box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.45);
    border-radius: 10px;
    padding: 10px;
    max-width: 670px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.banner__form--wrap {
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(71, 71, 71, 0.35);
    border-radius: 10px;
    padding: 40px 30px 35px 40px;
}

.banner__form--wrap .banner__btn--text {
    margin-top: 0;
    font-weight: 300;


    /* or 25px */
    max-width: 515px;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #100E0C;
    padding-left: 128px;
}
.banner__subtitle {
    display: flex;
    align-items: center;
    margin: 0;
    margin-top: 14px;
    position: relative;
    z-index: 1;
}
.banner__subtitle p {
    flex: 1;
    margin: 0;
    max-width: 752px;
    font-weight: 300;
    font-size: 22px;
    line-height: 140%;
    /* or 31px */
    color: #FFFEFD;
}
.banner:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: -130px;background-image: url(/images/banner__bg.jpg);background-repeat: no-repeat;background-position: bottom center;}
.banner:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: -130px;background-image: url(/images/banner__bg--back.png);/* background-repeat: no-repeat; */background-position: bottom center;}

.banner__subtitle p i {
    text-decoration: underline;
    font-style: normal;
}
.banner__subtitle .icon {
    width: 12px;
    height: 59px;
    margin-right: 17px;
}
.banner__btn {
    margin-top: 20px;
    position: relative;
    z-index: 1;
}
.banner__btn--text + .banner__btn {
    margin-top: 35px;
    display: flex;
}
.banner__btn--text {
    line-height: 20px;
    color: #626262;
    max-width: 258px;
    display: flex;
    align-items: center;
    margin-top: 26px;
    position: relative;
    z-index: 1;
}

.banner__btn--text img {
    /* margin-left: 6px; */
    /* margin-right: 20px; */
    position: absolute;
    width: 202px;
    left: -61px;
}
.banner {
    padding-top: 85px;
    /* background-image: url(/images/banner__bg--new.jpg); */
    background-position: top;
    min-height: 800px;
    background-size: cover;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    position: relative;
}
.banner > * {
    padding: 30px 15px;
    position: relative;
    z-index: 1;
}
.quiz__slide--name {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 30px;
    line-height: 36px;
}
.section--name {
    font-weight: bold;
    font-size: 36px;
    line-height: 120%;
    /* or 43px */


    /* B1 */
    color: #100E0C;
    font-family: 'Source Sans Pro', sans-serif;
}
.section--name-white {
    color: #FFFFFF;
}
.garant--wrap .banner__btn, .garant--wrap .modal__text-btn {
    max-width: 410px;
    color: #CECECE;
}
.quiz__slide--name .icon {
    width: 12px;
    height: 59px;
    margin-right: 20px;
}
.quiz__slide--name p {
    flex: 1;
    margin: 0;
}
.quiz__slide--progress-info {
    font-size: 18px;
    line-height: 25px;
    color: #9B9B9B;
    margin-right: 40px;
    letter-spacing: -0.1px;
}
.quiz__slide--progress {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn--red .icon {
    transform: rotate(-90deg);
    margin-top: 1px;
    fill: #ffffff;
    stroke: #ffffff;
    width: 18px;
    margin-left: 5px;
}
.btn--prev .icon {
    transform: rotate(90deg);
    margin-top: 1px;
    width: 18px;
}

.btn--red {
    display: flex;
    width: 238px;
    height: 65px;
    font-size: 16px;
    line-height: 70%;
}
.btn--red:before {
    content: "";
    box-shadow: 0px 10px 10px rgba(238, 28, 41, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 40px;
    pointer-events: none;
}

.btn--banner--start {width: 100%;max-width: 328px;}
.checkbox__item {
    width: 25%;
    transition: all .3s;
}

.checkbox__wrap--list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -35px;
    margin-right: -35px;
    /* background: red; */
    margin-top: 17px;
}
.checkbox__item--wrap {
    padding: 0 35px;
    /* margin: 10px 10px 0; */
    position: relative;
}

.checkbox__item--image img {position: absolute;}

.checkbox__item--image {
    /* width: 100%; */
    background-size: cover;
    background-position: center;
    padding-bottom: 56%;
    background-repeat: no-repeat;
    margin: 10px 10px 0;
    border-radius: 20px;
    position: relative;
    transition: all .3s;
    pointer-events: none;
}
.checkbox__item--last .checkbox__item--image {

    background-size: auto;

    border: 1px solid #9B9B9B;
}
.quiz-col-custom {
    /* max-width: 926px; */
    width: 100%;
    padding: 0 15px;
}
.quiz__slider {
    position: relative;
}

.quiz {
    overflow: hidden;
}
.checkbox__item--image:before {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    border: 1px solid rgba(155, 155, 155, .5);
    box-sizing: border-box;
    border-radius: 20px;
    transition: all .3s;
}
.checkbox__item--wrap input:hover + .checkbox__item--image:before {
    /* transform: scale(.95); */
    /* top: -5px; */
    left: -5px;
    right: -5px;
    top: 0;
    bottom: -20px;
}
.checkbox__item--wrap input:checked + .checkbox__item--image:before {
    /* transform: scale(.95); */
    /* top: -5px; */
    left: -5px;
    right: -5px;
    top: 0;
    bottom: -20px;
}
.quiz__wrap--title {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    margin-top: 29px;
    font-size: 22px;
    line-height: 140%;
}
.checkbox__item--name {
    margin-top: 12px;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    pointer-events: none;
    transition: all .3s;
}
.checkbox__item--wrap input:checked+.checkbox__item--image {
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.25);
    /* transform: scale(1.05); */
    /* top: -5px; */
    margin: 0 5px 0;
}

.checkbox__item--wrap input:hover +.checkbox__item--image {
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.25);
    /* transform: scale(1.05); */
    /* top: -5px; */
    margin: 0 5px 0;
}
.checkbox__item--wrap input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.checkbox__item--wrap input:hover +.checkbox__item--image+.checkbox__item--name {
    margin-top: 22px;
    color: #D0171C;
}
.checkbox__item--wrap input:checked+.checkbox__item--image+.checkbox__item--name {
    color: #D0171C;
    margin-top: 22px;
}
.checkbox__wrap--btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 41px;
}
.checkbox__item:nth-child(n+5) {
    margin-top: 30px;
}
.quiz__slide--progress-line {
    flex: 1;
    background: #F1F1F1;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 15px;
    position: relative;
    overflow: hidden;
    margin-top: 1px;
}

.quiz__slide--progress-line:before {
    background-color: #EE1C29;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    content: '';
    width: 25%;
    height: 100%;
    position: absolute;
    background-image: url(/images/progress__bg.png);
    animation: scroll linear 10s infinite;
    overflow: hidden;
    left: 0;
    top: 0;
}
.quiz__slide--progress-line:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.45);
    left: 0;
    top: 0;
}
.line-2:before {
    width: 50%;
}
.line-3:before {
    width: 75%;
}
.line-4:before {
    width: 100%;
}
.checkbox__wrap--btn > *:not(:first-child) {
    margin-left: 40px;
}
.quiz__wrap--field input {
    height: 60px;
    border: 1px solid #BFBFBF;
    width: 100%;
    padding-left: 54px;
    font-size: 18px;
    line-height: 25px;
    color: #9B9B9B;
    border-radius: 5px;
}
.quiz__wrap--field.error input {
    border-color: #EE1C29;
}

.quiz__wrap--field {
    margin-top: 20px;
    position: relative;
    /* border-radius: 5px; */
}
.field__email:before {content: '';width: 13px;height: 13px;position: absolute;left: 24px;background-image: url(/images/map-pin.svg);top: 24px;}
.field__length:before {content: '';position: absolute;left: 14px;background-image: url(/images/lenght.svg);top: 26px;width: 35px;height: 12px;background-repeat: no-repeat;background-position: center;}
.field__width:before {content: '';position: absolute;left: 14px;background-image: url(/images/width.svg);top: 26px;width: 35px;height: 12px;background-repeat: no-repeat;background-position: center;}
.field__quiz--user:before {content: '';position: absolute;left: 14px;background-image: url(/images/user-minus.svg);top: 26px;width: 35px;height: 12px;background-repeat: no-repeat;background-position: center;}
.field__quiz--phone:before {content: '';position: absolute;left: 14px;background-image: url(/images/phone.svg);top: 26px;width: 35px;height: 12px;background-repeat: no-repeat;background-position: center;}
.quiz__wrap--files label {
    width: 270px;
    height: 60px;
    border: 1px dashed #8D8D8D;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #EE1C29;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    margin: 0;
    position: relative;
}
.quiz__wrap--files label .icon {
    width: 24px;
    height: 24px;
    margin-top: 2px;
    margin-right: 15px;
}
.quiz__wrap--files input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.quiz__wrap--files {
    position: relative;
}
.quiz__wrap--checkbox label i {
    width: 24px;
    height: 24px;
    border: 1px solid #8D8D8D;
    box-sizing: border-box;
    display: block;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
    margin-top: 3px;
}

.quiz__wrap--checkbox {
    display: flex;
    align-items: center;
    position: relative;
    /* margin-left: 80px; */
}
.checkbox-image img {
    border-radius: 20px;
    width: 100%;
}

.checkbox-image {
    border: 1px solid rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    padding: 10px;
    width: 100%;
    max-width: 180px;
    margin-bottom: 20px;
    position: relative;
}
.quiz__wrap--checkbox-image--delete .checkbox-image:after {
    background-image: url(/images/delete.svg);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
}
.quiz__wrap--checkbox-image:not(:first-child) {
    margin-left: 72px;
}
.quiz__wrap--checkbox-image {
    flex-direction: column;
}
.quiz__wrap--checkbox label {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 18px;
    line-height: 25px;
    color: #100E0C;
    pointer-events: none;
}

.quiz__wrap--checkbox input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.quiz__wrap--fields {
    display: flex;
    align-items: center;
    margin-top: 18px;
}
.quiz__wrap--fields-fix {
    justify-content: space-between;
}
.quiz__wrap--checkbox input:checked + label i:before {
    background: #F02834;
}

.quiz__wrap--checkbox label i:before {content: '';width: 12px;height: 12px;background: transparent;position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -6px;border-radius: 50%;transition: all .3s;}
.quiz__slide--progress-custom {
    max-width: 620px;
    margin: 0 auto;
    margin-top: 40px;
}

.quiz__slide--progress-custom .quiz__slide--progress-line {
    height: 34px;
    border-radius: 25px;
}
.quiz__slide--progress-custom .quiz__slide--progress-line:before {
    background-image: url(/images/progress__bg--big.png);
}
.quiz__slide--loader img {
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 50px;
    height: 50px;
}

.quiz__slide--loader {
    text-align: center;
}

.quiz__slide--name-custom {text-align: center;}
.quiz__slide--final-left {
    width: 447px;
    min-height: 346px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(144, 144, 144, 0.25);
    padding: 9px;
    display: flex;
    flex-direction: column;
    margin-top: 100px;
    border-radius: 10px;
    position: relative;
}
.quiz__slide--final-wrapper {
    border: 1px solid #BFBFBF;
    height: 100%;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    padding: 40px 53px 74px 45px;
    position: relative;
    flex: 1;
    border-radius: 10px;
    background: #ffffff;
}
.quiz__slide--final-left .quiz__slide--final-wrapper:before {content: '';position: absolute;left: -9px;right: -9px;top: -9px;bottom: -9px;z-index: 0;border: 8px solid #ffffff;border-radius: 10px;}
.quiz__slide--final-wrapper ul {
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 18px;
}

.quiz__slide--final-wrapper i {
    color: #EE1C29;
    text-decoration: underline;
    font-style: unset;
}
.quiz__slide--final-wrapper ul li {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-left: 37px;
    max-width: 305px;
}

.quiz__slide--final-wrapper ul li:before {content: '';width: 22px;height: 22px;background-image: url(/images/check.svg);display: block;/* margin-right: 15px; */margin-top: 2px;position: absolute;left: 0;top: 0;}

.quiz__slide--final-wrapper ul li:not(:first-child) {
    margin-top: 9px;
}
.quiz__slide--final-name {
    font-weight: normal;
    font-size: 30px;
    line-height: 120%;
}
.quiz__slide--final-name-mobile {
    display: none;
}

.quiz__slide--final-text, .quiz__slide--final-text a {
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    margin-top: 20px;
}
.quiz__slide--final-text i {
    text-decoration: underline;
    font-style: normal;
}
.quiz__slide--final-text span {
    color: #EE1C29;
    text-decoration: underline;
}
.quiz__slide--final-block {
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    display: flex;
    align-items: flex-start;
    border: 1px solid #BFBFBF;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px rgba(154, 154, 154, 0.35);
    padding: 16px;
    margin-top: 20px;
    border-radius: 10px;
}
.advantages--column {
    min-height: 340px;
    flex-direction: column;
    align-items: self-start;
    display: flex;
    justify-content: space-between;
}
.advantages--column+.advantages--column {
    align-items: flex-end;
}
.advantages-el {
    max-width: 410px;
    background: #ffffff;
    margin-top: 0;
    min-width: 320px;
}
.advantages__content:before {
    background-position: center;
    background-image: url(/images/advantages__bg--new.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 510px;
    height: 503px;
    left: 50%;
    margin-left: -505px;
    margin-top: -185px;
    width: 950px;
    height: 585px;
}
.advantages__content {
    margin-top: 90px;
}
.advantages {
    position: relative;
    z-index: 1;
    padding-bottom: 160px;
    background-image: url(/images/advantages__bg--image.png);
    background-position: top center;
    background-size: cover;
}
.quiz__slide--final-block .icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.quiz__slide--final-right {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(144, 144, 144, 0.25);
    padding: 9px;
    position: relative;
    z-index: 1;
    /* margin-left: -15px; */
    border-radius: 10px;
}
.quiz__slide--final-right:before {
    content: '';
    width: 893px;
    height: 638px;
    position: absolute;
    left: -92%;
    background-image: url(/images/final-1.png);
    top: 60px;
    z-index: -1;
    pointer-events: none;
}
.quiz__slide--final-right .quiz__slide--final-wrapper {}
.quiz__slide--final-block p {
    flex: 1;
    margin: 0;
}

.quiz__slide {
    max-width: 926px;
    width: 100%;
    position: relative;
    transition: all .3s;
    pointer-events: none;
}

.quiz__slide--final {
    max-width: 100%;
    padding-bottom: 70px;
}
.quiz__slide--loader {
    max-width: 100%;
}
.quiz__slide--final-name+.quiz__slide--final-text {
    margin-top: 45px;
}

.quiz__slide--final-block+.banner__btn {
    margin-top: 45px;
}

.btn--final {
    width: 100%;
}

.quiz__slide--final-btn-text {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    /* or 20px */
    color: #65594E;
    text-align: center;
    width: 368px;
    margin-top: 18px;
}
.quiz__slide--wrapper > * {
    display: flex;
    /* align-items: center; */
}
.quiz__slide--final-right .quiz__slide--final-wrapper:before {content: '';position: absolute;left: -9px;top: -9px;right: -9px;bottom: -9px;background: #ffffff;z-index: -1;pointer-events: none;border-radius: 10px;}
.quiz__slide--final-left:before {content: '';background: url(/images/top-bg.png);position: absolute;top: -100px;left: 30px;pointer-events: none;z-index: 0;width: 295px;height: 224px;background-repeat: no-repeat;}
.quiz__slide--final-left:after {content: '';background: url(/images/bottom-bg.png);position: absolute;pointer-events: none;z-index: 1;width: 308px;height: 50px;bottom: 23px;left: 50px;}
.footer {
    background: #100E0C;
    padding: 80px 0 40px;
    position: relative;
    z-index: 0;
}

.footer .header__logo--text p {
    color: #FFFFFF;
}

.footer .header__logo--text:before {
    background: #ffffff;
    opacity: 1;
}
.btn--footer {
    color: #ffffff;
    width: 246px;
}

.header__link--whatsapp .icon {
    fill: green;
}
.footer__line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer__line--copyright {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4;
    /* or 10px */


    /* S1 */
    color: #9B9B9B;
}
.footer__line--copyright a {
    color: #FFFFFF;
}
a.header__contact.footer__contact {}

.footer__contact {
    color: #ffffff;
}

.footer__line--bottom {
    margin-top: 30px;
}
.footer__line--social .header__link .icon {
    width: 35px;
    height: 35px;
}
.header__link--facebook .icon {
    fill: #4267b2;
}
.header__link--vk {
    fill: #4a76a8;
}
.header__link--instagram {
    fill: #8a3ab9;
}
.header__link:hover .icon {
    /* fill: #ffffff; */
}
.header .header__link:hover .icon {opacity: 0.5;}

.header__link .icon {
    transition: all .3s;
}
.btn--footer .icon {
    width: 20px;
    height: 20px;
    fill: transparent;
}
.btn--transparent:hover {
    background: #EE1C29;
    border-color: #EE1C29;
    color: #ffffff;
}
.btn--transparent:hover .icon, .btn--transparent:active .icon {
    stroke: #ffffff;
}
.btn--transparent:active {
    background: #AF171F;
    border-color: #AF171F;
    color: #ffffff;
}
.btn--red:hover {
    box-shadow: 0px 6px 0px #AF171F, inset 2px 4px 20px rgba(255, 114, 123, 0.4);
    color: #ffffff;
}
.btn--red:active{
    background: #AF171F;
    box-shadow: none;
}
.btn--red:active:before , .btn--red:active:after {
    display: none;
}
.quiz__slide {
    /* display: none; */
    position: absolute;
    opacity: 0;
    top: 0;
    height: 0;
    /* width: 0; */
}
.quiz__slide.active {
    /* display: block; */
    position: relative;
    opacity: 1;
    pointer-events: all;
    height: auto;
    /* width: 100%; */
}
.modal__name {
    font-weight: normal;
    font-size: 30px;
    line-height: 120%;
}
.popup--custom .modal__name {text-align: center;}
.modal__text {
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    margin-top: 45px;
}
.modal__text-medium {
    margin-top: 15px;
    text-align: center;
}
.popup {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
    padding: 9px;
    background: #ffffff;
}

.popup .btn {
    width: 349px;
    height: 65px;
    margin-top: 45px;
    font-size: 17px;
    line-height: 70%;
}

.popup .btn .icon {
    width: 14px;
    height: 14px;
    transform: none;
}
.modal__text-btn {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    /* or 20px */
    color: #65594E;
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.modal__text-btn img {
    width: 30px;
    height: 36px;
    margin-top: 7px;
}
.popup--wrap {
    border: 1px solid #BFBFBF;
    padding: 50px;
    position: relative;
    z-index: 1;
}
.image__name {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    /* or 20px */
    color: #65594E;
    text-align: center;
}
.image__popup {
    width: 100%;
}
.popup--column {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.popup--column:first-child {
    align-items: center;
}
.btn--header .icon {
    margin-left: 22px;
    margin-top: 4px;
}

.header__column--list li:not(:first-child) {
    margin-top: 6px;
}
.header--fix {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner__bg--home {
    position: absolute;
    right: 0;
    top: 0;
    height: 105%;
    z-index: 0;
    pointer-events: none;
    /* right: -17%; */
}
.btn--next, .btn--prev {
    font-size: 17px;
    line-height: 70%;
    width: 156px;
    height: 44px;
}
.btn--next .icon {
    margin-left: 12px;
}
.btn--prev .icon {
    margin-right: 12px;
}
.popup--medium {
    max-width: 588px;
}
.popup--small {
    max-width: 497px;
}
.popup--medium-fix {
    max-width: 540px;
    overflow: visible;
}
.popup--field {
    max-width: 373px;
    width: 100%;
    position: relative;
}
.popup--field:not(:first-child) {
    margin-top: 10px;
}
.popup--field input {
    max-width: 373px;
    width: 100%;
    height: 60px;
    border: 1px solid #CACACA;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #8A8A8A;
    padding-left: 50px;
    padding-right: 15px;
    resize: none;
    padding-top: 20px;
    padding-bottom: 20px;
}
.popup--field textarea {
    max-width: 373px;
    width: 100%;
    border: 1px solid #CACACA;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #8A8A8A;
    padding-left: 50px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    resize: none;
}

.popup .btn--popup-medium {
    max-width: 373px;
    width: 100%;
    margin-top: 20px;
}
.popup--custom .modal__text-btn {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #65594E;
}
.popup--custom .modal__text-btn a {
    display: inline-block;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #65594E;
    text-decoration: underline;
}
.popup--fields {
    margin-top: 45px;
    position: relative;
}
.popup--field-email:before {
    background-image: url(/images/mail.svg);
}
.popup--field-tel:before {
    background-image: url(/images/phone.svg);
}
.popup--field-message:before {
    background-image: url(/images/edit-3.svg);
}
.popup--field-name:before {
    background-image: url(/images/user-minus.svg);
}
.popup--field:before {content: '';pointer-events: none;position: absolute;width: 14px;height: 14px;left: 24px;top: 25px;/* margin-top: -6px; */background-position: center;background-size: cover;}
.footer-align-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer__line--links {
    align-items: center;
}

.footer__line--links > * {
    margin-left: 0;
    text-align: center;
    align-items: center;
}
.quiz__slide--final-wrapper .modal__text-btn {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #65594E;
    margin-top: 10px;
}
.quiz__slide--final-wrapper .modal__text-btn a {
    display: inline-block;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #65594E;
    text-decoration: underline;
}
.hidden__default {
    position:absolute;
    opacity: 0;
    pointer-events: none;
}
.popup--medium-fix .modal__name {
    max-width: 373px;
    text-align: left;
    letter-spacing: -1.9px;
    width: 100%;
}
.popup--medium-fix .modal__name + .popup--fields {
    margin-top: 25px;
}
.popup--medium-fix:before {content: '';position: absolute;width: 900px;height: 750px;background-image: url("/images/popup--variables--bg.png");z-index: 0;right: 50%;top: -10%;background-repeat: no-repeat;pointer-events: none;}
.popup--medium-fix:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: red;
    top: 0;
    left: 0;
    background: #ffffff;
    pointer-events: none;
}
.header__social--btn {
    display: none;
}
.section__text--wrap {
    padding-left: 30px;
    max-width: 500px;
}
.section__text-2:before {
    content: '';
    position: absolute;
    background-position: top;
    background-image: url(/images/info__bg--bottom.png);
    width: 100%;
    left: 0;
    bottom: 0;
    height: 65px;
    pointer-events: none;
    z-index: 1;
}
.section__text-2 .section--name {
    align-items: flex-start;
}

.section__text-2 .section--name .icon {
    margin-top: 10px;
}
.section__text {
    background: #000;
    background-image: url(/images/section__text--bg.jpg);
    background-position: center;
    background-size: cover;
}
.section__text-2 {
    background-image: url(/images/section__text-1.jpg);
}
.section__text--wrap > * {
    color: #fff;
}
.section__text--wrap .modal__text-btn {
    text-align: center;
    justify-content: center;
}
.section__text .quiz__slide--final-block {
    color: #100E0C;
    background-color: #ffffff;
}
.section__text-2 .section__text--wrap {
    max-width: 690px;
}

.section__text-2 .banner__btn {
    display: flex;
}
.section__text-2 .btn--transparent {
    max-width: 258px;
    margin-left: 15px;
}
.section__text-2 .btn--transparent:after {
    display: none;
}
.about__wrap--images img {
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
    width: 100%;
}
.about__wrap--text+.about__wrap--images {
    margin-top: 70px;
    max-width: 500px;
}
.about__column--first .quiz__slide--final-text {
    margin-left: 30px;
}
.about__wrap--images+.about__wrap--text {
    margin-top: 70px;
}
.section--name-custom img {
    margin-right: 20px;
    width: 103px;
}
.section--name-custom p {
    position: relative;
    padding-left: 36px;
}
.section--name-custom p:before {
    position: absolute;
    content: '';
    height: 67px;
    width: 1px;
    background-color: rgba(16, 14, 12, .4);
    left: 0;
    top: 50%;
    margin-top: -33px;
}
.about__block--decoration {
    margin-top: 50px;
    width: 100%;
    min-height: auto;
}
.about__block--decoration:before {
    display: none;
}
.about__block--decoration .quiz__slide--final-wrapper {
    font-size: 22px;
    line-height: 140%;
    /* or 31px */
    color: #100E0C;
    padding: 25px;
}
.about__block--decoration i {
    text-decoration: none;
}
.about__block--decoration ul li {
    max-width: 100%;
    font-size: 22px;
    line-height: 140%;
    /* or 31px */
    color: #100E0C;
}
.section--name p span {
    color: #EE1C2A;
}
.section__text-3 {
    background-image: url(/images/section__text-3.jpg);
}
.content--name {
    width: auto;
    justify-content: center;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 36px;
    line-height: 120%;
}
.content--name p {
    flex: none;
}
.content--name .icon {
    margin: 0;
}
.content--name p {
    margin: 0 15px;
}
.content--subname {
    text-align: center;
    margin: 0;
    font-weight: 300;
    font-size: 22px;
    line-height: 140%;
    /* identical to box height, or 31px */
    text-align: center;
}
.content__item {
    margin-top: 40px;
    position: relative;
}
.content__item img {
    width: 100%;
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
    border-radius: 10px;
}
.content__item--name {
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */
    color: #100E0C;
    position: absolute;
    background-color: #ffffff;
    padding: 15px 15px 15px 40px;
    max-width: 350px;
    left: 0;
    bottom: 35px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
}
.content__item--name .icon {
    height: 44px;
    width: 10px;
}
.content__bottom {
    margin-top: 80px;
}

.section__content--list {
    margin-top: 40px;
}

.section__content--item:not(:first-child) {
    margin-top: 30px;
}

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

.section__content--item b {
    font-size: 22px;
    line-height: 140%;
    /* or 31px */
    color: #100E0C;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}
.section__content--wrap {
    max-width: 73px;
    width: 100%;
    margin-right: 20px;
}
.section__content--item p {
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    color: #302923;
    margin: 0;
}
.content__bottom--images img {
    width: 100%;
}
.section__content {
    background-image: url(/images/section__content.png);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}
.section__content-1 {
    background-image: url(/images/section__content-1.jpg);
    background-size: cover;
}

.content--name-white {
    color: #ffffff;
}

.section__content-1 .content--subname {
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    line-height: 140%;
    /* identical to box height, or 31px */
    text-align: center;
    color: #FFFFFF;
}
.content--info {
    justify-content: flex-start;
}
.info--name {
    justify-content: flex-start;
}
.info--subname {
    text-align: left;
    margin-left: 28px;
}
.info__left {
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #100E0C;
    height: 100%;
    display: flex;
}

.info__right {
    font-size: 14px;
    line-height: 140%;
    /* or 20px */
    color: #100E0C;
    background: #FFFFFF;
    
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
    border-radius: 10px;
    padding: 14px 14px 14px 24px;
    max-width: 266px;
    position: relative;
}
.info__right:before {content:"";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #FFFFFF;box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);border-radius: 10px;z-index: 1;}
.info__right--text {position: relative;z-index:3;}
.info__wrap {
    margin-top: 30px;
}
.info__wrap .row {
    align-items: center;
}
.section__info {
    background-image: url(/images/info__bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.info__right img {
    position: absolute;
    top: 50%;
    margin-top: -230px;
    z-index: 0;
    left: 45%;
    top: 60%;
}
.section__info > * {
    position: relative;
    /* z-index: 1; */
}

.section__info:after {content: '';position: absolute;background-position: top;background-image: url(/images/info__bg--bottom.png);width: 100%;left: 0;bottom: 0;height: 65px;pointer-events: none;}
.info__left .icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.info__left p {
    margin: 0;
    flex: 1;
}
.section__content-4 {
    background: none;
}
.products__item {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}
.products__item--left img {
    width: 100%;
}

.products__item--left {
    width: 100%;
    max-width: 400px;
    background-position: center;
    background-size: cover;
    padding-bottom: 60%;
}

.products__item--right {
    flex: 1;
    padding: 40px;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    color: #302923;
    background-image: url(/images/marker.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.products__item--name {
    font-size: 22px;
    line-height: 140%;
    /* or 31px */
    color: #100E0C;
}

.products__item--text {
    margin-top: 20px;

    /* or 22px */
}

.products__item--time {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
}

.btn--product {
    margin-top: 24px;
}
@keyframes rotateAnim {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-o-keyframes rotateAnim {
    from {
        -o-transform: rotate(360deg);
    }
    to {
        -o-transform: rotate(0deg);
    }
}

@-ms-keyframes rotateAnim {
    from {
        -ms-transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0deg);
    }
}

@-webkit-keyframes rotateAnim {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotateAnim {
    from {
        -moz-transform: rotate(360deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}

.products__item--time img {
    max-width: 27px;
    margin-right: 15px;
    width: 100%;
    margin-left: -3px;
    margin-top: 2px;
}

.products__item--time p {
    flex: 1;
}

.products__item:not(:first-child) {
    margin-top: 30px;
}

.products__list {
    margin-top: 40px;
}
.question__form--right {
    width: 100%;
    max-width: 625px;
    padding-bottom: 120px;
    padding-top: 40px;
    position: relative;
    z-index: 1;
}
.about__left, .about__right {
    padding: 0 15px;
}
.question__form--left {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}
.question__form--name span {
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #100E0C;
    display: block;
}

.question__form-wrapper {
    padding: 55px 20px 50px 40px;
}

.question__form--wrap {
    width: 100%;
    max-width: 375px;
    margin-top: 30px;
}
.question__form--field {
    margin: 0;
    max-width: 100%;
}

.question__form--field:not(:first-child) {
    margin-top: 10px;
}

.question__form--btn {
    margin-top: 15px;
}
.question__form--field textarea {
    border-radius: 5px;
    max-width: 100%;
}
.question__form--border {
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
    border-radius: 10px;
    padding: 10px;
    background-color: #ffffff;
}
.question__form {
    background-image: url(/images/question__form--bg.jpg);
    background-position: center;
    background-size: cover;
    /* padding-bottom: 120px; */
    /* padding-top: 40px; */
    position: relative;
}
.question__form--right:after {content: '';background-image: url(/images/question__form--after.png);width: 285px;height: 650px;position: absolute;right: -95px;bottom: 0;background-repeat: no-repeat;background-position: bottom center;z-index: 0;}
.question__form:after {content: '';position: absolute;background-position: top;background-image: url(/images/info__bg--bottom.png);width: 100%;left: 0;bottom: 0;height: 65px;pointer-events: none;z-index: 1;}
.question__form--message {
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #FFFFFF;
    position: relative;
}

.question__form--left img {
    position: absolute;
    bottom: 0;
    right: -130px;
}

.question__form .row {
    /* align-items: center; */
}

.question__form--message:after {
    width: 120px;
    height: 105px;
    content: '';
    position: absolute;
    background-image: url(/images/question__form--message.svg);
    z-index: 1;
    background-size: cover;
    bottom: -65px;
    right: -65px;
    display: none;
}
.map__mail--link > .icon {
    width: 19px;
    height: 19px;
    margin-right: 15px;
}

.map__list--icon {
    display: flex;
    align-items: center;
}
.map__mail--link {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #100E0C;
    transition: all .3s;
    text-decoration: none;
}
.map__mail--link span {
    flex: 1;
}
.map__wrap--left {
    width: 276px;
    background-image: url(/images/map__image.jpg);
    background-position: center;
    background-size: cover;
}

.map__list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

.map__list--messenger {
    margin-left: 15px;
}

.map__list > li:not(:first-child) {
    margin-top: 10px;
}

.map__wrap {
    display: flex;
    background: #FFFFFF;
    /* тень для верха плашки */
    box-shadow: 0px 2px 8px rgba(71, 71, 71, 0.35);
    border-radius: 10px;
    overflow: hidden;
}

.map__wrap--right {
    padding: 40px 30px;
}
#YaMaps {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

#YaMaps > * {
    width: 100% !important;
    height: 100% !important;
}

#YaMaps + * {
    position: relative;
    z-index: 1;
    pointer-events: none;
}
.map__wrap--border {
    background: #FFFFFF;
    /* тень для верха плашки */
    box-shadow: 0px 2px 8px rgba(71, 71, 71, 0.35);
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    max-width: 670px;
    pointer-events: all;
}
.btn--map {
    width: 300px;
    height: 49px;
    margin-top: 15px;
}
.map__mail--link:hover {
    color: #EE1C29;
}
.big__image:before {content: '';position: absolute;right: 100%;width: 200%;top: -50px;bottom: -90px;background-image: url(/images/big--image.png);background-repeat: no-repeat;background-position: center right;background-size: contain;margin-right: 30px;}

.big__image--wrap {
    padding: 0;
    overflow: visible;
}

.big__image {
    padding: 80px 0px;
}
.about__block--decoration:after {
    background: url(/images/marker.png);
    width: 180px;
    height: 180px;
    bottom: -25px;
    right: -25px;
    left: auto;
    background-size: contain;
}
.about__column--first .about__wrap--text:after {
    content: '';
    background: url(/images/marker.png);
    width: 180px;
    height: 180px;
    bottom: -25px;
    right: -25px;
    left: auto;
    background-size: contain;
    position: absolute;
}

.about__column--first .about__wrap--text {
    max-width: 500px;
    position: relative;
}
.about__column--first .about__wrap--text:before {
    content: '';
    position: absolute;
    width: 326px;
    height: 160px;
    background-image: url(/images/line.svg);
    background-position: center;
    background-size: cover;
    left: 53%;
    top: 50%;
    z-index: 0;
}
.about__left {
    width: 100%;
    max-width: 500px;
}

.about__right {
    flex: 1;
    margin-left: 70px;
    position: relative;
    z-index: 1;
}
.file__size__image--text {
    width: 367px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.file__size__image--text p {
    margin: 0;
    margin-bottom: 8px;
    margin-left: 12px;
}

.file__size__image--text img {
    width: 28px;
}
.garant--wrap {
    position: relative;
}

.garant--wrap:after {content: '';position: absolute;width: 530px;height: 525px;background-image: url(/images/garant__bg.png);left: 50%;top: 50%;margin-top: -50px;}

.garant {
    overflow: visible;
    /* overflow-y: visible; */
    /* overflow-x: hidden; */
}
.video__play {
    width: 181px;
    height: 181px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 60px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
.video__play img {
    max-width: 100%;
}
.video__play:after {content: "";animation-name: rotateAnim;-o-animation-name: rotateAnim;-ms-animation-name: rotateAnim;-webkit-animation-name: rotateAnim;-moz-animation-name: rotateAnim;animation-duration: 1s;-o-animation-duration: 1s;-ms-animation-duration: 1s;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-timing-function: linear;-o-animation-timing-function: linear;-ms-animation-timing-function: linear;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;background-image: url("/images/video__play__border.png");position: absolute;width: 100%;height: 100%;}
.garant--wrap .btn--banner img {
    right: -85px;
}
.filter {
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    /* or 20px */
    text-align: center;
    color: #100E0C;
    padding: 0;
    border: none;
    margin: 0;
    background: transparent;
    flex: 1;
    height: 56px;
    cursor: pointer;
    padding: 0 3px;
}
.filter.active {
    background: #EE1C2A;
    color: #ffffff;
    border-radius: 10px;
}
.filter.active+.filter {
    border-left: none;
}
.filter:not(:first-child) {
    border-left: 1px solid #DBDBDB;
}
.works__filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    border-radius: 10px;
    overflow: hidden;
    background: #F0F0F0;
    border: 1px solid #DBDBDB;
}
.works__subname {
    font-weight: 300;
    font-size: 22px;
    line-height: 140%;
    /* or 31px */
    color: #100E0C;
    margin-left: 33px;
}
.work__item--info li {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    color: #100E0C;
}
.work__item--info li:not(:first-child) {
    margin-top: 10px;
}
.work__item--info .icon {
    width: 18px;
    height: 18px;
    margin-right: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.work__item--info .icon-5 {
    height: 12px;
}
.work__item--info p {
    margin: 0;
}

.work__item--info {
    margin: 0;
    padding: 0;
}
.work__item--slider {
    margin-bottom: 40px;
    position: relative;
}
.work__item--slider img {
    width: 100%;
}
.work__item hr {
    margin: 20px 0;
}

.work__item--subname {
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    color: #100E0C;
    font-weight: 400;
}
.slick-arrow {
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #888888;
    box-shadow: 0px 0px 10px rgba(48, 48, 48, 0.35);
    border-radius: 50%;
    font-size: 0;
    transition: all .3s;
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 1;
}
.slick-arrow:hover {
    background: #EE1C2A;
    border-color: #EE1C2A;
}
.work__item--subname+.work__item--info {
    margin-top: 15px;
}
.slick-prev {
    left: 20px;
}

.slick-next {
    right: 20px;
}

.slick-arrow:after {content: '';position: absolute;width: 100%;height: 100%;background-position: center;left: 0;top: 0;transition: all .3s;}
.slick-next:after{
    background-image: url(/images/right-dark.svg);
}
.slick-prev:after{
    background-image: url(/images/left-dark.svg);
}

.slick-next:hover:after {
    background-image: url(/images/right-white.svg);
}

.slick-prev:hover:after {
    background-image: url(/images/left-white.svg);
}
.work__item {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}
.work__item--wrap {
    padding: 0 40px 30px;
    position: relative;
}
.work__item--wrap:after {
    content: '';
    background: url(/images/marker.png);
    width: 180px;
    height: 180px;
    bottom: -50px;
    right: -40px;
    left: auto;
    background-size: contain;
    position: absolute;
}
.btn--works {
    width: 307px;
    height: 65px;
    position: relative;
}

.btn--works img {
    position: absolute;
    right: -75px;
    top: -13px;
}

.works__btn--wrap {
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.works__filter--wrapper {
    margin-top: 10px;
}
.work__item--id {
    margin-top: 30px;
}
.header--white {
    color: #ffffff;
}

.header--white .btn--header {
    color: #ffffff;
}
.header--white.active .btn--header {
    color: #100E0C;
}

.header--white .header__contact {
    color: #ffffff;
}
.header--white.active .header__contact {
    color: #100E0C;
}

.header--white .header__logo--text:before {
    background-color: #ffffff;
}
.header--white.active .header__logo--text:before {
    background-color: #100E0C;
}
.header--white.active {
    color: #100E0C;
}

.header--white.active .btn--header:hover {
    color: #ffffff;
}

.header--white.active .header__contact:hover {
    color: #D0171C;
}
.header--white .btn--header .icon {
    stroke: #ffffff;
}
.header--white.active .btn--header .icon {
    stroke: #100E0C;
}
.header--white.active .btn--header:hover .icon {
    stroke: #ffffff;
}
.header--white .header__logo img:last-child {
    display: none;
}

.header--white.active .header__logo img:last-child {
    display: block;
}

.header--white.active .header__logo img:first-child {
    display: none;
}
main {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.file__size__image {
    width: 100%;
}
.fancybox-container .quiz {
    padding: 0;
    padding-bottom: 15px;
}
.fancybox-container .quiz__slide--final {
    padding: 0;
}
#popup--getprice {
    margin-left: 300px;
    overflow: visible;
}

#popup--getprice:before {content: '';background-image: url(/images/file__size__image.png);width: 450px;height: 346px;position: absolute;right: calc(100% - 64px);background-position: center;background-size: contain;background-repeat: no-repeat;top: 50%;margin-top: -173px;z-index: 2;}

.footer__menu {
    padding: 0 15px;
}
.footer__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 3;
}
.footer__menu li {}
.footer__menu a {
    color: #ffffff;
}




@media (min-width: 1400px) {
    .container {
        max-width: 1200px;
    }
}

@media (max-width: 1200px) {
    .banner__bg--home {
        right: -17%;
    }
    .advantages__content:before {
        margin-left: -420px;
        margin-top: -160px;
        width: 820px;
        height: 545px;
    }
    .about__left, .about__right {
        padding: 0 15px;
        width: 50%;
        margin-left: 0;
    }
    .question__form--left, .question__form--right {padding-left: 15px;padding-right: 15px;} {}
    .question__form--left {width: 40%;}
    .question__form--right {width: 60%;}
    .question__form--left img {
        width: 500px;
        right: -185px;
    }
    .question__form--message:after {
        bottom: -125px;
        right: -65px;
    }
}
@media (max-width: 991px) {
    #popup--getprice {margin-left: 0;}
    #popup--getprice:before {
        display: none;
    }
    body {}
    .map__wrap--left {
        display: none;
    }
    .map__wrap--right {}
    .map__wrap--border {
        max-width: 365px;
    }
    .question__form--wrap {max-width: 490px}
    .question__form--left {display: none;}
    .question__form--right {width: 100%;max-width: 100%;}
    .section__content--item b {
        font-size: 18px;
    }
    .about__block--decoration ul li {
        font-size: 16px;
    }
    .file__size__image--text {
        justify-content: flex-start;
    }
    .section__text-2 .banner__btn {
        flex-direction: column;
    }
    .section__text-2 .btn--transparent {margin-top: 15px;margin-left: 0;}
    .work__item--wrap {
        padding: 0 15px 20px;
    }
    .advantages__content {margin-top: 30px;}
    .advantages--column {
        min-height: auto;
        justify-content: flex-start;
    }
    .advantages {
        padding-bottom: 80px;
    }
    .advantages__content:before {
        width: 586px;
        height: 545px;
        display: none;
    }
    .btn--banner--end {
        max-width: 175px;
    }
    .banner__btn--text img {
        width: 160px;
        left: -28px;
    }
    .banner__form--wrap {
        padding: 20px;
    }
    .quiz__wrap--fields-fix {
        flex-wrap: wrap;
    }
    .quiz__wrap--fields-fix > * {margin-top: 15px}
    .banner__title {
        font-size: 32px;
        line-height: 1;
    }
    .header__logo--text {
        display: none;
    }
    .footer .header__logo--text {
        /* display: flex; */
    }
    .banner__subtitle p {
        font-size: 18px;
        line-height: 1.2;
        max-width: 400px;
    }
    .banner__subtitle .icon {
        width: 8px;
        height: 54px;
        margin-right: 10px;
    }
    .quiz__slide--name {
        font-size: 24px;
        line-height: 1.2;
    }
    .section__text-2 .section--name .icon {
    margin-top: 5px;
}
    .content__item--name {
        font-size: 16px;
        padding: 10px;
        max-width: 295px;
    }
    .checkbox__wrap--list {
        margin-left: -15px;
        margin-right: -15px;
    }
    .checkbox__item--wrap {
        padding: 0 15px;
    }
    .quiz__slide--final-left:before, .quiz__slide--final-left:after, .quiz__slide--final-right:before {
        display: none;
    }
    .quiz__slide--wrapper > * {
        /* flex-direction: column; */
    }
    .quiz__slide--final-left {
        width: 100%;
        height: auto;
        min-height: auto;
    }
    .quiz__slide--final-wrapper ,.about__block--decoration .quiz__slide--final-wrapper {
        padding: 25px 10px;
        font-size: 18px;
    }
    .quiz__slide--final-right .quiz__slide--final-wrapper {
        padding: 25px 15px;
    }
    .quiz__slide--final-name {
        font-size: 24px;
        line-height: 1.1;
    }
    .quiz__slide--final-name+.quiz__slide--final-text {
        margin-top: 20px;
    }
    .quiz__slide--final-text, .quiz__slide--final-text a {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 15px;
    }
    .quiz__slide--final-block {
        font-size: 14px;
        line-height: 1.2;
        padding: 15px 10px;
    }
    .advantages-el:not(:first-child) {
        margin-top: 15px;
    }
    .advantages-el {max-width: 100%;width: 100%;min-width: 100%;}
    .quiz__slide--final-block+.banner__btn {
        margin-top: 20px;
    }
    .btn--final {width: 100%;}
    .quiz__slide--final-wrapper ul li:before {
        margin-right: 5px;
    }
    .quiz__slide--final {padding-bottom: 0;}
    .quiz__slide--final-right {
        margin-left: -15px;
    }
    .footer .header__social {
        flex-direction: column;
        align-items: flex-end;
    }
    .footer .header__column--list {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .about__wrap--images:nth-child(2) img {
        display: none;
    }
    .quiz__wrap--checkbox label {
        font-size: 14px;
    }
    .quiz__wrap--checkbox label i {
        margin-top: 0;
    }
    .map__mail--link {
        font-size: 14px;
    }
    .products__item--right {
        font-size: 14px;
    }
    .products__item--name {
        font-size: 16px;
    }
    .info__left {
        font-size: 14px;
    }
    .section__content--item p {
        font-size: 14px;
    }
    .section__content--item b {
        font-size: 14px;
    }
    .content__item--name {
        font-size: 14px;
    }
    .about__block--decoration ul li {
        font-size: 14px;
    }
    .work__item--info li {
        font-size: 14px;
    }
    .work__item--subname {
        font-size: 14px;
    }
    .works__subname {
        font-size: 16px;
    }
    .quiz__slide--final-text, .quiz__slide--final-text a {
        font-size: 14px;
    }
    .banner__form--wrap .banner__btn--text {
        font-size: 14px;
    }
    .banner__subtitle p {
        font-size: 16px;
    }
    .banner__title {
        font-size: 28px;
    }
    .copyright__style--wrapper {
        justify-content: center;
    }
    body {}
    .banner .col-md-3 {
        order: -1;
    }
    .video__play {
        /* display: none; */
        margin-top: 0;
        margin-bottom: 15px;
    }
    .section__content-1 .content--subname {
        font-size: 16px;
        margin-top: 0;
    }
    .content--name p {flex: 1;align-items: center;justify-content: center;text-align: center;}
    .map__wrap--border {
        max-width: 100%;
    }
    .question__form--right {}
    .question__form--right:after {
        display: none;
    }
    .products__item {
        flex-direction: column;
    }
    .products__item--left {
        padding-bottom: 60%;
        max-width: 100%;
    }
    .products__item--right {
        padding: 20px 15px;
    }
    .info__right {max-width: 320px;margin-top: 15px;}
    .info__right img {display: none;}
    .content__bottom--images {max-width: 320px;margin: 0 auto;}
    .content__bottom {margin-top: 30px;}
    .big__image {padding: 0;}
    .about__wrap--images+.about__wrap--text {margin-top: 30px;}
    .works__filter--content .col-md-6 {
        margin-top: 15px;
    }
    .about__column--first > * {
        max-width: 100% !important;
    }
    .about__wrap--text+.about__wrap--images {margin-top: 30px;}
    .about__left, .about__right {
        width: 100%;
        max-width: 100%;
    }
    .about__right {margin-top: 30px;}
    .garant--wrap:after {
        display: none;
    }
    .advantages--column+.advantages--column {
        margin-top: 15px;
    }
    .banner:after {
        background-position: bottom right;
    }
    .quiz__slide--final-name-desktop {
        display: none;
    }
    .quiz__slide--final-name-desktop+.quiz__slide--final-text {
        margin-top: 0;
    }
    .quiz__slide--final-name-mobile {
        display: block;
        margin-bottom: 10px;
    }
    .popup--medium-fix:before {
        display: none;
    }
    .banner__bg--home {
        display: none;
    }
    .banner__btn {
        margin-top: 15px;
    }
    .header .header__social {
        /* flex-direction: column; */
        align-items: flex-start;
        margin-left: 15px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }
    .header__social--btn {
        width: 100%;
        text-align: right;
        line-height: 1.2;
        color: #EE1C29;
    }
    .btn--header {
        width: 100%;
    }
    .header .header__column--list {
        margin: 0;
        margin-left: 15px;
    }
    .header .header__contact {
        font-size: 13px;
    }
    .header .header__column--list li:not(:first-child) {
        margin: 0;
    }
    .header__logo {
        margin-right: 15px;
        /* flex: 1; */
    }
    .quiz__slide--name {
        /* font-size: 18px; */
    }
    .quiz__wrap--title {
        font-size: 16px;
    }
    .checkbox__item--name {
        font-size: 14px;
    }
    .checkbox__item {
        width: 50%;
        margin-top: 15px !important;
    }
    .checkbox__item--wrap {

    }
    .quiz__wrap--fields {
        margin: 0 -15px;
        margin-top: 18px;
    }
    .quiz__wrap--fields-fix {
        flex-direction: column;
        align-items: flex-start;
    }
    .quiz__wrap--fields > * {
        width: 50%;
        padding: 0 15px;
        margin: 0;
    }
    .quiz__wrap--fields-fix > * {

        margin-top: 15px;

        width: 100%;

    }
    .quiz__wrap--checkbox-image:not(:first-child) {
        margin-left: 0;
    }
    .quiz__wrap--files label {
        width: 100%;
    }
    .quiz__slide--final-right {
        margin-left: 0px;
        box-shadow: 0px 30px 30px rgba(144, 144, 144, 0.25);
        padding-top: 0;
    }
    .quiz__slide--final-right .quiz__slide--final-wrapper {
        border-top-color: transparent;
        padding-top: 0;
        border-bottom-color: #BFBFBF;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .quiz__slide--final-wrapper {
        border-bottom-color: transparent;
        padding: 25px 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .question__form-wrapper {
        border: 1px solid #BFBFBF;
        border-radius: 10px;
    }
    .quiz__slide--final-left {
        padding-bottom: 0;
    }
    .about__block--decoration {margin-top: 30px;padding-bottom: 9px;}
    .about__block--decoration .quiz__slide--final-wrapper {
        border: 1px solid #BFBFBF;
        border-radius: 10px;
    }
    .quiz__slide--final-right .quiz__slide--final-wrapper:before {
        top: 0;
    }
    .btn--final {
        /* max-width: 320px; */
    }
    .quiz__slide--final-btn-text {
        width: 100%;
        max-width: 320px;
    }
    .section {
        padding: 30px 0;
    }
    .section__info {padding-bottom: 60px;}
    .big__image:before {display: none;}
    .section__text-2 {
        padding-bottom: 60px;
    }
    .garant {
        background-position: right center;
    }
    .footer__line {
        flex-wrap: wrap;
    }
    .footer .header__social {
        width: 100%;
        order: 3;
        justify-content: space-between;
        margin-top: 0;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .footer .header__logo {/* order: 1; */}
    .footer__line--social {margin-top: 15px}
    .footer__line--bottom {margin-top: 15px;flex-direction: column-reverse;}
    .footer {
        padding: 30px 0;
    }
    .popup--wrap {
        padding: 15px;
    }
    .image__popup {
        max-width: 250px;
    }
    .popup--column {
        align-items: center;
        text-align: center;
    }
    .modal__name {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 15px;
        text-align: center !important;
    }
    .modal__text {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 15px;
        max-width: 380px;
    }
    .popup .btn {

        max-width: 320px;

        width: 100%;
    }
    .popup--fields {
        margin-top: 20px
    }

    .footer__line--top > *:nth-child(1) {order: 1;}
    .footer__line--top > *:nth-child(2) {order: 3;margin-top: 15px;}
    .footer__line--top > *:nth-child(3) {order: 2;}
    .footer .header__column--list {
        margin-top: 0;
        margin-bottom: 0;
    }
    .footer-align-end {
        justify-content: center;
    }
    .footer__line--copyright {
        text-align: center;
    }
    .footer__line--bottom .footer__line--links {
        /* margin-top: 15px; */
    }
    .footer__line--bottom > *:not(:last-child) {
        margin-top: 15px;
    }
}
@media (max-width: 600px) {
    
    .content__item--name {
        
position: relative;
        
bottom: auto;
        
box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
        
border-radius: 0;
        
max-width: 100%;
        
border-bottom-left-radius: 10px;
        
border-bottom-right-radius: 10px;
    }
    .content__bottom--slider .content__item--name {
    box-shadow: none;
}
.content__bottom--slider img {}
    .content__item img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
    .slick-arrow {
        width: 35px;
        height: 35px;
        margin-top: -16px;
    }
    .slick-prev {left: 10px;}
    .slick-next {right: 10px;}
    .header__social--btn {
        display: block;
    }
    .banner {
        min-height: auto;
    }
    .header .header__button {
        display: none;
    }
    .header__logo--text {
        /* display: flex; */
        font-size: 12px;
        max-width: 200px;
    }
    .header .header__logo img {
        width: 70px;
    }
    .banner__title {
        font-size: 24px;
    }
    .banner__subtitle p {
        font-size: 16px;
    }
}
@media (max-width: 500px) {
    .btn {
        font-size: 14px;
    }
    body {}
    .section__text-2 .section__text--wrap {padding-left: 0;}
    .btn img {
        display: none;
    }
    .works__btn--wrap {
        margin-top: 15px;
    }
    .garant--wrap {padding-left: 0;}
    .banner__btn--text img {
        position: relative;
        left: auto;
        display: none;
    }
    .banner__form--wrap .banner__btn--text {
        flex-direction: column;
        padding: 0;
        align-items: center;
        justify-content: center;
    }
    .banner__btn--text + .banner__btn {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .banner__btn--text + .banner__btn > * {
        margin-left: 0;
        width: 100%;
        max-width: 320px;
    }
    .banner__btn--text + .banner__btn > *:not(:first-child) {margin-top: 15px;}

    .footer .header__column--list {
        margin-left: 0;
        align-items: flex-end;
        margin-top: 5px;
    }
    .banner__form--wrap {

        padding: 15px;
    }
    .footer__line--top .footer-align-end {
        justify-content: flex-end;
        margin-left: -15px;
    }
    .header__logo--text {display: none;}
    .header .header__logo img {
        /* width: 100%; */
    }
    .header .header__social {
        flex-direction: row;
        align-items: center;
    }
    .header .header__column--list {
        margin-left: 15px;
    }
    .quiz__slide--progress {
        flex-wrap: wrap;
    }
    .quiz__slide--progress-line {
        width: 100%;
        flex: auto;
        margin-top: 5px;
    }
    .footer .header__button {order: 4;/* margin-top: 15px; *//* width: 280px; */}
    .footer .header__social {
        width: auto;
        margin: 0;
        /* margin-top: 15px; */
        flex-direction: column;
        align-items: flex-end;
    }
    .footer .footer-align-end .header__social {
        /* align-items: flex-start; */
    }
    .footer__line {
        /* flex-direction: column; */
        margin-left: -15px;
        margin-right: -15px;
    }
    .footer .header__logo--text {
        /* display: flex; */
    }
    .footer__line--bottom {
    }
    .footer__line--bottom .footer__line--social {margin-top: 0;}
    .footer__line--bottom > *:not(:last-child) {
        margin-top: 15px;
    }
    .footer .footer__line--links .header__column--list {
        margin-left: 0;
    }
    .footer .header__logo {
        margin-right: 0;
    }
    .btn--final img {
        display: none;
    }
}
.content__bottom--slider img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.25);
}
.content__bottom--slider img {box-shadow: none;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.banner--fixed {
    z-index: 6;
    min-height: 500px;
}
.banner--fixed:after {
    background-position: top center;
}
.quiz__slide--final-text-fix span {
    color: inherit;
    text-decoration: none;
}
.breadcrumbs {
    position: relative;
    z-index: 10;
    padding-top: 60px;
}

.B_crumbBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
hr {
    border-color: rgba(255,255,255,.5);
}

        .banner--custom--news {
            overflow: hidden;
            padding-bottom: 30px;
        }
        .banner--custom--news:after {display: none;}
        .banner__subtitle--crumbs a {
            color: #ffffff;
        }
        .banner__subtitle--crumbs li {
            position: relative;
            display: flex;
            align-items: center;
        }
        .banner__subtitle--crumbs li:not(:first-child):before {content: '/';color: #ffffff;margin: 0 5px;}
        .banner--custom--news:before {
            background-position: top center !important;
        }
        .news__row {
            margin-top: -15px;
        }
        
        .news__item {
            margin-top: 15px;
        }
        .news-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .news-nav ul a {
            padding-left: 0;
            display: block;
            position: relative;
            display: flex;
            align-items: center;
        }
        
        .news-nav ul a:after {content: '>';/* position: absolute; *//* right: 0; */margin-top: 3px;margin-left: 5px;}