/*----- Изначально настраивал этот файл стилей для аренды, подключаем в блоке с преимуществах -----*/

/*VVV ----- Анимация паралакс всех экранах для мобильных устройств ----- VVV*/
@media (max-width: 992px) {
    .PerviyBlokForma, .BlokFormaRaschet, .UznaiteBolshe {
        background-attachment: fixed !important;
    }
}
/*AAA ----- Анимация паралакс всех экранах для мобильных устройств ----- AAA*/

/*VVV ------ Слайд 1, 3 и 8 с формами ----- VVV*/
/*Отступ от первого экрана с формой (для мобильного)*/
.PerviyBlokForma .form-block {
    padding-bottom: 30px;
}

/*Отступ от мелкого шрифта на первом экране (для мобильного)*/
.PerviyBlokForma .form-text-under-title.italic,
.BlokFormaRaschet .form-text-under-title.italic {
    padding-bottom: 20px;
}
/*AAA ------ Слайд 1, 3 и 8 с формами ----- AAA*/

/*VVV ------ Слайд 2 преимущества ----- VVV*/
/*Фон блока преимуществ (серый)*/
.block.slide_preimushestva {
    background: #f7f7f7;
}

/*Фон квадратов с преимуществами*/
#cont_preim {
    background: #fff;
}

/*Сдвигаем блоки с преимуществами на предыдущий экран с формой*/
@media (min-width: 768px) {
    .slide_preimushestva {
        margin-top: -160px;
    }

    .PerviyBlokForma .form-block {
        padding-bottom: 180px;
    }
}

/*Рамка блока преимаществ*/
#cont_preim {
    border-color: rgb(240, 240, 240);
    border-style: solid;
    border-width: 10px;
    text-align: center;
    margin: 10px;
    padding-bottom: 10px;
}

/*Отступы второго слайда (преимущества)*/
.slide_preimushestva {
    padding-top: 0;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
}

.slide_preimushestva .row {
    /*flex-wrap: nowrap;*/ /*Убираем перенос блоков с преимуществами*/
}

/*Убираем перенос блоков с преимуществами*/
@media (min-width: 768px) {
    #cont_preim {
        max-width: calc(33.3333% - 20px);
    }
}

/*Отступ от картинки в блоке с преимуществами и ее размер*/
#IMG_SPAN {
    padding-top: 10px;
    max-width: 20%; 
}
@media (max-width: 767.98px) {
    #IMG_SPAN {
        max-width: 30%;
    }
}

/*Отступ от заголовка в блоке с преимуществами*/
#ZAGOLOVOK {
    font: 800 24px / 30px Montserrat, sans-serif;
    outline: rgb(21, 21, 29) none 0px;
    padding: 0px 0px 20px;
}

/*Отступ от текста в блоке с преимуществами*/
#OPISANIE {
    block-size: 76.8px;
    font: 16px / 25.6px Montserrat, sans-serif;
    outline: rgba(0, 0, 0, 0.7) none 0px;
    /*padding: 0px 0px 30px;*/
}

/*VVV-----Медиазапросы-----Отступ от описания в блоке с преимуществами снизу (убираем баг текста за рамку)-----Медиазапросы-----VVV*/
/*Отступ от описания в блоке с преимуществами снизу*/
@media (max-width: 209.99px) {
    #OPISANIE {
        padding: 0px 0px 300px;
    }
}

@media (min-width: 210px) and (max-width: 283.99px) {
    #OPISANIE {
        padding: 0px 0px 270px;
    }
}

@media (min-width: 284px) and (max-width: 315.99px) {
    #OPISANIE {
        padding: 0px 0px 160px;
    }
}

@media (min-width: 316px) and (max-width: 575.99px) {
    #OPISANIE {
        padding: 0px 0px 140px;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
    #OPISANIE {
        padding: 0px 0px 0px;
    }

    .slide_preimushestva #cont_preim {
        flex: 0 0 97.5%; /*Убираем баг в виде отступа справа на разрешении в диапазоне 676х768 пикселей*/
    }

}

@media (min-width: 768px) {
    #OPISANIE {
        padding: 0px 0px 210px;
    }
}

@media (min-width: 992px) {
    #OPISANIE {
        padding: 0px 0px 130px;
    }
}

@media (min-width: 1350px) {
    #OPISANIE {
        padding: 0px 0px 100px;
    }
}
/*AAA-----Медиазапросы-----Отступ от описания в блоке с преимуществами снизу (убираем баг текста за рамку)-----Медиазапросы-----AAA*/

/*Отступ снизу и сверху в блоке с преимуществами*/
#preim {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*AAA ------ Слайд 2 преимущества ----- AAA*/

/*VVV ------ Слайд 4 иконки с описанием ----- VVV*/
/*Иконка с описанием в одну строку*/
.unas .element {
    display: flex;
}

.unas .content .container .advantages-table .element .image-table .image-cell {
    vertical-align: top;
}

.unas .content .container .advantages-table .element {
    margin-bottom: 0px;
}

/*Уменьшаем отступ от иконок с преимуществами*/
.unas .content .container .advantages-table .advantages-cell .part-wrap .element .image-table .image-cell {
    height: 90px;
}

/*Уменьшаем иконку*/
.content .container .advantages-table .advantages-cell .part-wrap .element .image-table img {
    max-height: 80px;
}


/*Выравниваем иконки*/
.unas .content .container .advantages-table .part-wrap .col-12 {
    display: flex;
    padding-left: 10%;
}
/*Выравниваем текст от иконки*/
.unas .content .container .advantages-table .part-wrap .col-12 .text-wrap.icons-on {
    padding-left: 15%;
    padding-top: 20px;
}
/*Выравниваем текст в одну строку, т.к. слева отступ*/
.unas .content .container .advantages-table .part-wrap .col-12 .text-wrap.icons-on .text {
    width: 130%;
}
/*AAA ------ Слайд 4 иконки с описанием ----- AAA