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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

/*Отступ снизу и сверху в блоке с преимуществами*/
#preim_job {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*AAA ------ Как мы работаем ----- 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;
}*/

/*Выравниваем иконки*/
/*.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*/