@import "/fonts/PFBeauSansPro-Bold/styles.css";
@import "/fonts/PFBeauSansPro-Light/styles.css";
@import "/fonts/PFBeauSansPro-Regular/styles.css";
@import "/fonts/PFBeauSansPro-SemiBold/styles.css";

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'PFBeauSansPro', sans-serif;
    font-size:14px;
    color:#252525;
    background:#ffffff;
}
.main__banner-item img{
    width: 100%;
}
.clients-list{
    width: 100%;
    display: flex;
}
.clients-list .client{
    min-width: 168px;
}
.arrow-wrapper{
    background-color: #71b8e6;
    padding: 5px;
}
.content-body{
    overflow: hidden;
}


/* АДАПТИВ ДЛЯ КАРТОЧКИ */

.positions-list .item.swiper-slide{
    max-width: 235px;
}

/* КОНЕЦ АДАПТИВА ДЛЯ КАРТОЧКИ ДЕКСТОП */




@media screen and (max-width: 1220px) {
    #catalog__wrapper .positions-list{
        grid-template-columns: 2fr 2fr 2fr;
    }
    .pos-filter .box{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1135px) {
    .header__logo{
        margin-right: 0;
    }
    .header__top .header__phone a{
        font-size: 17px;
    }
    .header__top .header__worktime p, .header__top .header__address span, .header__socbutton{
        font-size: 13px;
    }
    .header__top .header__logo img {
        width: 162px;
        height: auto;
    }
    .pos-filter{
        grid-template-columns: 2fr 2fr 2fr;
    }
    .preims2{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .position-page .botblock{
        flex-direction: column;
    }
}
@media screen and (max-width: 1024px) {
    .breadcrumbs{
        padding: 0 15px;
    }
    .preims__list{
        display: grid;
        grid-template-columns: 2fr 2fr;
    }
    .preimes__link{
        justify-content: start;
    }

    /* CATALOG CARD PRODUCT NEW */
    .card__right .card__right-inner{
        flex-direction: column;
    }
    .card__right .card__right-inner .data,
    .card__right .card__right-inner .extra2{
        width: 100%;
    }
}
@media screen and (max-width: 975px) {
    .header__burger.nav-toggle{
        display: block;
    }
    .header__worktime,
    .header__address{
        display: none;
    }
    .header__top-contact{
        gap: 40px;
    }
    .header__bottom-body{
        display: none;
    }
    #header__mobile-wrapper .header__mobile-search{
        display: flex;
        align-items: center;
        gap: 8px;
        border-bottom: 1px solid #ededed;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    #header__mobile-wrapper .header__mobile-search-item a{
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        text-transform: uppercase;
        color: #252525;
        transition: .2s;
        text-decoration: none;
    }
    #main-top-block{
        flex-direction: column-reverse;
    }
    .main__categories-wrapper{
        display: block;
        padding: 0 16px;
    }
    .catalog__right .main__categories-wrapper{
        padding: 0;
    }
    .main-top-block .cats{
        display: none;
    }
    .main__categories-body > ul{
        display: grid;
        grid-template-columns: 2fr 2fr 2fr 2fr;
        gap: 5px;
    }
    .main__categories-body > ul li{
        display: flex;
        justify-content: center;
        align-items: center;
        background: #EDEDED;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        padding: 7px;
    }
    .main__categories-body > ul li:not(:last-child){
        margin-bottom: 16px;
    }
    .catalog__right .main__categories-body > ul li{
        margin-bottom: 16px;
    }
    .main__categories-body > ul li img{
        display: block;
        margin-bottom: 5px;
    }
    .main__categories-body > ul li a{
        text-align: center;
        max-width: 110px;
        font-weight: 400;
        font-size: 13px;
        color: #0776D1;
        text-decoration: none;
    }
    .catalog__right .main__categories-body > ul li a{
        font-size: 15px;
    }
    .main__categories-item{
        position: static;
        opacity: 1;
        visibility: visible;
        transition: .3s ease;
    }
    .main__categories-item.hide{
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 10000px;
    }
    .main__categories-btn{
        max-width: 343px;
        background: #EDEDED;
        text-align: center;
        padding: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #0776D1;
        border: none;
        width: 100%;
        cursor: pointer;
    }
    .main__categories-btn.notactive{
        display: none;
    }
    .main__categories-btn svg{
        vertical-align: middle;
    }
    .main__categories-btn.active svg{
        transform: rotateX(180deg);
    }
    .main__categories-btn-body{
        display: flex;
        justify-content: center;
        margin-top: 16px;
    }
    .main__categories-wrapper h2{
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        text-transform: uppercase;
        color: #252525;
        margin-top: 40px;
        margin-bottom: 16px;
    }
    .catalog__right .main__categories-wrapper h2{
        margin-top: 0;
    }
    .header__top{
        border-bottom: 1px solid #ededed;
    }
    .content-body .finds2 .form.form__main{
        max-width: 975px;
        padding: 0 16px;
    }
    .content-body .finds2{
        margin-top: 40px;   
    }
    .populars {
        padding: 0 16px;
    }
    .content-body .populars .h1,
    .content-body .populars .more{
        text-align: left;
    }
    .footer .center-block{
        padding: 30px 16px;
    }
    .content-text{
        padding: 0 16px;
    }
    .id-4638,
    .id-4641,
    .id-4643{
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    .cats-right-desctop{
        display: none;
    }
    #catalog__wrapper .positions-list {
        grid-template-columns: 2fr 2fr;
    }
    #catalog__wrapper .catalog__body{
        flex-direction: column;
    }
    #catalog__wrapper .catalog__right{
        margin-bottom: 50px;
    }
    .position-page .botblock .textdata{
        padding: 0;
    }
    .position-page .botblock .extra{
        padding: 55px;
    }
}   
@media screen and (max-width: 930px) {
    #catalog__card-wrapper{
        padding: 0 15px;
    }
    .catalog__card-infotop{
        flex-direction: column;
    }
    .card__right .card__right-inner{
        flex-direction: row;
    }
    .catalog__card-infotop .images .data{
        display: block;
    }
    .card__right-inner .data{
        display: none;
    }
}

@media screen and (max-width: 858px) {
    .footer .center-block, .footer .footer__inner{
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }
    .footer .buttons{
        margin-top: 10px;
    }
    .mini-banner{
        display: none;
    }
    .preims2{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 748px) {
    .content-body .finds2 .caption{
        font-size: 43px;
    }
    .catalog__right .main__categories-body > ul li a{
        font-size: 14px;
    }
}
@media screen and (max-width: 678px) {
    .main__form-body{
        flex-direction: column;
        gap: 0;
    }
    .content-body .finds2 .caption{
        font-size: 32px;
        text-align: left;
        padding: 0 16px;
    }
    .content-body .finds2 .note{
        text-align: left;
        padding: 0 16px;
        font-size: 16px;
    }
    .form__main .finds2 .form textarea{
        height: 120px;
    }
    .preims__list li p{
        font-size: 11px;
    }
    .position-page .images .images-view span img{
        max-width: 100%;
    }
    .position-page .images .images-view{
        width: auto;
    }
    .catalog__card-infotop .images-container{
        max-width: 280px;
    }
    .card__right .buttons .test .question{
        display: block;
        margin-left: 10px;
        margin-top: 10px;
    }
    .position-page .buttons .test .baloon{
        left: -133px;
        top: -195px;
    }
}
@media screen and (max-width: 607px) {
    #header__top .header__socbutton{
        display: none;
    }
    .main__banner--desctop{
        display: none !important;
    }
    .main__banner.swiper{
        display: flex;
        padding-bottom: 40px;
    }
    .main__banner.swiper-wrapper{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .main__banner .swiper-item{
        width: 100%;
    }
    .main__banner-item a{
        width: 100%;
    }
    .swiper-pagination-banner{
        position: absolute;
        left: 50% !important;
        top: auto !important;
        bottom: 33px !important;
        width: auto !important; 
        transform: translateX(-50%);
    }
    .swiper-pagination-banner .swiper-pagination-bullet{
        width: 32px;
        border-radius: 4px;
        background: #ededed, linear-gradient(180deg, #05abef 0%, #085699 100%);
        height: 2px;
    }
    .main__categories-body > ul{
        grid-template-columns: 2fr 2fr 2fr;
    }
    .header__top{
        padding: 16px;
    }
    .content-body .finds2 .form input[type="submit"]{
        width: 100%;
    }
    .preimes__link{
        flex-direction: column;
        align-items: start;
        padding: 8px;
    }
    .catalog__right .main__categories-body > ul li a{
        font-size: 13px;
    }
    .pos-filter{
        grid-template-columns: 2fr;
    }
    .btn-show__filter.show{
        display: block;
        margin-bottom: 0px;
        background: #EDEDED;
        border: none;
        color: #05abef;
        font-weight: 700;
        padding: 15px 20px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    #filter{
        display: none;
    }
    #filter.active {
        display: block;
    }
    .catalog__card-infotop .images .data{
        display: none;
    }
    .card__right-inner .data{
        display: block;
    }
    .card__right .card__right-inner{
        flex-direction: column;
    }
    .catalog__card-infotop .images-container{
        max-width: 100%;
        width: 100%;
    }
    .position-page .images .images-view span img{
        max-width: 100%;
        width: 100%;
        object-fit: contain;
    }
    .position-page .images .images-view span{
        width: 100%;
        display: block;
    }
    .position-page .images .images-list{
        width: auto;
    }
    .card__right .buttons{
        flex-direction: column;
        gap: 20px;
    }
    .position-page .buttons a.testflash{
        margin-left: 0;
    }
    .card__right .buttons .test .question{
        margin-left: 0;
    }
    .preims2{
        grid-template-columns: 1fr;
    }
    .position-page .botblock .textdata{
        /* width: 605px; */
        overflow: auto;
    }
    .position-page .botblock .extra{
        width: 100%;
    }
    .textdata .description{
        padding: 25px;
    }
    .position-page .buttons .test .baloon{
        left: -5px;
    }
}
@media screen and (max-width: 520px) {
    .overlay-tovar .window form input[type=text], .overlay-tovar .window form textarea, .overlay .window form input[type=text], .overlay .window form textarea{
        /* max-width: 300px; */
    }
    .position-page .botblock .extra{
        padding: 25px;
    }
    #popup_online_zayavka.overlay .window{
        max-width: 305px;
    }
}
@media screen and (max-width: 440px) {
    .header__recall{
        display: none;
    }
    .header__top .links{
        display: none;
    }
    .header__recall-mobile{
        display: block;
    }
    .header__recall-mobile a:not(:last-child){
        margin-right: 24px;
    }
    .header__top .header__logo img {
        width: 111px;
        height: auto;
    }
    #catalog__wrapper .positions-list{
        grid-template-columns: 2fr;
    }
    .main__categories-body > ul li{
        padding: 0;
    }
}
@media screen and (max-width: 390px) {
    /* .preims__list li p{
        text-transform: none;
    } */
}