/* /vps-mail/ — стили стрелок и верхнего блока (были инлайн <style> в index.php страницы) */

.prev,
.next{
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    position: relative;
    outline: none;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.next{
    transform: rotate(180deg);
}
.prev::before,
.next::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: 8px;

}
.prev::after,
.next::after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 12px;
    left: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prev::before,
.prev::after,
.next::after,
.next::before{
    background-color: #EC3137;
}

.bdr.vps .sct-mid-b .flex-table__col{
    flex: 0 0 calc(100% / 8 - 15px);
    width: calc(100% / 8 - 15px);
    max-width: calc(100% / 8 - 15px);
}
.bdr.vps .sct-top{
    padding-bottom: 600px;
}
@media (max-width: 620px) {
    .bdr.vps .sct-top{
        padding-bottom: 0px;
    }
    .wrapper_adv{
        display: none;
    }
    .bdr.vps .sct-top .txt{
        margin-bottom: 30px;
    }
}