@charset "UTF-8";

/*-------------Общие стили----------*/
body{
    background-color: #f1f1f1;
}

.if-arch-font{
    font-family: 'archangelsk';
    line-height: 1.1;
}

.lh-11{
    line-height: 1.1;
}

.fs-36{
    font-size: 36px;
}

.fs-34{
    font-size: 34px;
}

.fs-48{
    font-size: 48px;
}
.item-page ul li,
.blog p,
.item-page p{
    font-size: 16px;
}

.color-if-primary{
    color: var(--if-primary);
}

.color-orange{
    color: #FC8507;
}


span.if-primary{
    color: var(--if-primary);
}

.btn-if-blue{
    background-color: var(--if-primary);
    color: #ffffff;
    transition: all .5s linear;
}
.btn-if-blue:hover {
    background-color: #0C87C0;
    border-color: #0C87C0;
    color: #fff;
}

.btn-if-dark {
    background-color: #303f47;
    border-color: #303f47;
    color: #fff;
}

.btn-if-dark:hover {
    background-color: #00aceb;
    border-color: #00aceb;
    color: #fff;
}

.back-if-primary{
    background-color: var(--if-primary);
}

.mb-100{
    margin-bottom: 90px;
}

.box-sh-10{
    box-shadow: 2px 2px 15px 4px rgba(166, 166, 166, 0.1);
}

.box-sh-25{
    box-shadow: 2px 2px 15px 2px rgba(112, 112, 112, 0.25);
}

.w-30{
    width: 30%;
}

/*-------выбор количества в карточках товара на всех страницах*/

.quantity-controls:not(.cart-view .quantity-controls) {
    height: 30px;
    display: inline-flex;
    background-color: #eee;
    justify-content: space-evenly;
    align-items: center;
    width: 70px;
}

.quantity-input {
    padding: 0px 0;
    width: 30px;
    border-radius: 0;
    margin-top: 2px;
    background-color: #eee;
    background-image: none;
    border: none;
    height: 100%;
}

.quantity-controls input.quantity-minus, .quantity-controls input.quantity-plus {
    background-image: none;
    font-size: 20px;
    line-height: 0;
    height: 100%;
    display: inline-block;
    border: none;
    width: auto;
    flex: 1;
    text-align: center;
    color: #7e7e7e;
    padding: 0;
    padding-bottom: 0px;
}

.quantity-controls input.quantity-minus{
    font-size: 30px;
    padding-bottom: 4px;
}




/*---------------------------
--------HEADER---------------
----------------------------*/
header{
    z-index: 9;
}
.contact_form_modal_btn.btn{
    padding: 8.5px 49.8px;
    border-right: 5px;
}

a {
    color: var(--bs-primary);
    text-decoration: none;
}

.header-modules:not(p.small){
    font-size: 18px;
}

.header-modules p.small{
    font-size: 10px;
}

.logo-svg {
    fill: var(--bs-primary);
    width: 304px;
    height: auto;
}


/*-------------Меню----------*/

#webtolk_mega_menu li:not(:first-child){
    border-right: 1px solid rgba(255, 255, 255, .12);

}

#webtolk_mega_menu a.nav-link{
    padding: 15.4px 51px;
    font-size: 18px;
    position: relative;

}


#webtolk_mega_menu img.menu-image{
    width: 18px;
}

#webtolk_mega_menu li.deeper.parent:not(:first-child) a:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #ffffff;
    position: absolute;
    top: 44.5%;
    margin-left: 10px;
}

.head-nav .parent .nav-child{
    display: none;
}

.head-nav .parent:hover > .nav-child {
    position: absolute;
    display: block;
    z-index: 2;
    background-color: #fff;
    width: max-content;
}

.head-nav .nav-link:hover {
    color: #ffffff;
}

.head-nav .parent .nav-child .nav-link:hover {
    color: var(--bs-nav-link-color);
}

.header-cart-link{
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

span.total-product{
    top: -5px;
    right: -6px;
    background-color: var(--bs-blue);
    color: #fff;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
}

.catalog-menu-mobile li a{
    padding: 10px 25px;
    font-size: 14px;
    position: relative;
    color: #ffffff;
    transition: all .5s linear;
    border-radius: 5px;
}
.catalog-menu-mobile li a img {
    width: 15px;
}


/*------------------------------------*/
.top-menu .d-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 50px);
    grid-gap: 5px;
    align-content: center;
    grid-template-areas:
"menubutton menubutton menubutton menubutton logo logo logo logo modules modules modules modules ";

}

.menubutton {
    grid-area: menubutton;
}

.logo {
    grid-area: logo;
}

header p{
    margin-bottom: 0;
}
.header-modules {
    grid-area: modules;
}

.header-modules2 {
    grid-area: modules2;
}

.header-menu {
    grid-area: headermenu;
}
/*--------------//////----------------*/

/*------------------------------------------------
--------СЛАЙДЕР на главной странице---------------
-------------------------------------------------*/
h1.carousel-caption-title{
    margin-top: 140px;
    font-size: 68px;
}

.carousel-caption-subtitle{
    font-size: 28px;
}

.carousel-control{
    width: 72px;
    height: 72px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-size: 40%;
    background-color: rgba(255, 255, 255, .5);
}

.carousel-control:hover{
    background-color: rgba(255, 255, 255, 0.45);
}

.carousel-caption-btn{
    padding: 20px 105px;
    font-size: 26px;
}

/*------------------------------------------------
--------КАТАЛОГ на главной странице---------------
-------------------------------------------------*/

.number-block span{
    width: 40px;
    height: 40px;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
}

img.main-catalog-img{
    height: 186px;
    width: auto;
}

.main-catalog-item .card{
    transition: all 0.3s linear;
}

.main-catalog-item .card:hover{
    background-color: var(--if-primary);
}

a.main-catalog-link {
    transition: all 0.3s linear;
    color: #000000;
}

.main-catalog-item .card:hover a.main-catalog-link {
    color: #ffffff;
}


.br-50{
    border-radius: 50%;
}

.main-catalog-item{
    transition: all .3s ease;
}

.main-catalog-item:hover{
scale: 1.008;
}
/*------------------------------------------------
--------Преимущества на главной странице---------------
-------------------------------------------------*/

.absolute-advant{
    margin-top: -6.1%;
    z-index: 8;
}

.advant-item{
    padding: 33px 28px;
    color: #384147;
    gap: 30px;
    align-items: center;
    border: none;
}

.advant-item p{
    font-size: 19px;
}

.advant-item span{
    width: 64px;
    height: 64px;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.advant-item span img{
    width: 30px;
    height: 30px;
}

/*------------------------------------------------
-------------------Модуль с товарами в табах-------------------
-------------------------------------------------*/
.nav-tabs.recleadnew-tabs{
    border-bottom: 0;
}
ul.recleadnew-tabs li button{

    background-color: #ffffff;
}

ul.recleadnew-tabs li button:hover{
    color:#384147;
}

ul.recleadnew-tabs li button.active{
    background-color: #384147;
}

.nav-tabs.recleadnew-tabs .nav-link{
    border-radius: 15px;
    font-size: 24px;
    color:#384147;
    text-transform: uppercase;
    padding: 20px 0 20px 0;
}

.nav-tabs.recleadnew-tabs .nav-link.active{
    background-color: #384147;
    color: #ffffff;
}

.recleadnew-content .product-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.recleadnew-content .product_s_desc{
    color: #323232CC;
}

.recleadnew-content .card .border-bottom{
    height: 280px;
    width: auto;
    overflow: hidden;
}

.recleadnew-content .card .border-bottom img{
    height: 100%;
    width: auto;
}

.recleadnew-content .card-header{
    font-size: 14px;
}

.recleadnew-content .product-id{
    color: #323232CC;
    font-weight: 400;
}

.recleadnew-content .product-id .color{
    color: #FC8507;
    font-weight: 700;
}

.recleadnew-content .card .product-price{
    color: #323232;
    font-weight: 700;
    font-size: 22px;
}

.productdetails .title-prod{
    display: flex;
}
/*
.recleadnew-content .product_s_desc{
    min-height: 48px;
}

.recleadnew-content .card .title-prod{
    min-height: 82.5px;
}
*/
.eee{
    flex: 1 1 100%;
}

.recleadnew-content .title-prod h4{
    font-size: 18px;
    color: #323232;
    font-weight: bold;
}

/*------------------------------------------------
--------Особенности на главной странице---------------
-------------------------------------------------*/

.features-item span{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.features-item p{
    font-size: 14px;
    min-height: 170px;
}


/*------------------------------------------------
--------Блок с формой на главной странице---------------
-------------------------------------------------*/

.infoblock2-wrapper {
    background: linear-gradient(90deg, #384147 0%, #0FA2E6 100%);
    color: #ffffff;
}

.infoblock2-wrapper .form-wrapper{
    color: #384147;
}

.infoblock2-item-text{
    padding: 70px 55px 50px 67px;
}

.infoblock2-wrapper .form-wrapper{
    background-color: #fff;
    margin-top: -20px;
    margin-bottom: -20px;
    width: 503px;
    padding: 54px 46px 37px 46px;
}

form.if-form input{
    background-color: #f1f1f1;
    border-radius: 15px;
    height: 53px;
    padding-left: 30px;
}

form.if-form textarea{
    background-color: #f1f1f1;
    border-radius: 15px;
    padding-left: 30px;
    padding-top: 15px;
    height: 100px;
}


.custom-switch-2 input[type="checkbox"],
.custom-switch input[type="checkbox"] {
    display: none;
}
.custom-switch-2 input[type="checkbox"] + label,
.custom-switch input[type="checkbox"] + label {
    display: block;
    position: relative;
    width: 41px;
    height: 1.6em;
    margin-bottom: 20px;
    border-radius: 1em;
    background: #f1f1f1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}
.custom-switch-2 input[type="checkbox"] + label:before,
.custom-switch input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em;
    background: var(--if-primary);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.custom-switch-2 input[type="checkbox"]:checked + label:before,
.custom-switch input[type="checkbox"]:checked + label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    left: 24px;
    -webkit-transform: rotate(295deg);
    transform: rotate(295deg);
}

.product-tabs-wrapper button{
    background-color: #ffffff;
    font-size: 20px;
    padding: 12px 20px;
    color: #a0a0a0;
    border-radius: 5px;
}

.product-tabs-wrapper button.active{
    background-color: var(--if-primary);
    color: #ffffff;
}

.product-tabs-wrapper button:hover{
    color: #a0a0a0;
}

.product-tabs-wrapper button.active:hover{
    color: #ffffff;
}


.product-tabs-wrapper .tab-content{
    background-color: #ffffff;
    border-radius: 15px;
    padding: 20px;
    font-size: 18px;
}

.product-tabs-wrapper .tab-content ul li{
    list-style-type: square;
}

.product-tabs-wrapper .tab-content ul li::marker{
    color: var(--if-primary);
}

.product-tabs-wrapper .title{
    font-size: 18px;
}
/*------------------------------------------------
--------Блок с градиентом на главной странице---------------
-------------------------------------------------*/

.infoblock1-wrapper .overlay{
    background: linear-gradient(90deg, #384147 0%, rgb(40, 103, 134) 43%, rgba(40, 103, 134, 0.7) 52%, rgba(40, 103, 134, 0) 74%, rgba(255, 255, 255, 0) 100%);
    border-radius: 16px;
}


.infoblock1-wrapper {
    background-image: url("/images/mainpage/image.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    color: #ffffff;
}


.infoblock1-item-text{
    padding: 67px 55px 50px 67px;
}

.infoblock1-item-text .subtitle-infoblock{
    font-size: 22px;
    width: 500px;
    margin-bottom: 36px;
}

.infoblock1-item-text h4{
    width: 500px;
}

.infoblock1-item-text span {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infoblock1-item-text .ic-text p{
    font-size: 14px;
}


/*------------------------------------------------
-------------------МИНИ каталог-------------------
-------------------------------------------------*/

.min-catalog-item img{
    width: 120px;
}

article.min-catalog-item:last-child .card-body a{
    width: 100%;
    padding: 20px 0;
    font-size: 24px;
    display: flex;
    justify-content: center;
    color: white;
    background: var(--if-primary);
    border-radius: 15px;
}

article.min-catalog-item:last-child .card-body.pe-5{
    padding: 0!important;
}

article.min-catalog-item:last-child .card.box-sh-10{
    background: none;
    box-shadow: none;
    justify-content: flex-end !important;
    height: 100%;
}

article.min-catalog-item:last-child .right,
article.min-catalog-item:last-child .px-3{
    display: none;
}

article.min-catalog-item:last-child .d-flex.flex-row.p-3{
    padding: 0!important;
}




/*---------------------------------------------
-------------------off-canvas------------------
----------------------------------------------*/
.offcanvas-nav>li{
    justify-content: center;
}

.offcanvas-nav>li{
    justify-content: center;
}

.offcanvas-nav .dropdown-menu{
    position: relative;
}

.offcanvas-nav li button{
    top: 21px;
    right: 60px;
    width: 20px;
    height: 20px;
    padding: 0;
}

.offcanvas-nav li button:active{
    border: none;
}

.offcanvas-nav li button:active:focus-visible{
    box-shadow: none;
}

.offcanvas-nav li:not(:first-child) button::after{
    position: absolute;
    top: 4px;
    right: 3px;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 11px solid #666666;
    margin-left: 10px;
}


.offcanvas-nav li:not(:first-child) a{
    color: inherit;
    border-bottom: 1px solid #666666;
}

#webtolk_mega_menu.offcanvas-nav .dropdown-menu li a.nav-link{
    border: none;
    font-size: 15px;
}

#webtolk_mega_menu.offcanvas-nav .dropdown-menu li a{
    padding: 5px 20px;
    color: inherit;
}

#off-if-canvas button.btn-close{
    background-size: 20px;
}






/*------------------------------------------------------
-------------------Страница категории-------------------
-------------------------------------------------------*/
.if-category-page .card img{
    height: 150px;
    width: auto;
}

.price-prod-categorypage .product-price .PricebasePrice{
    font-size: 20px;
}

.price-prod-categorypage .product-price .PricesalesPrice{
    font-size: 18px;
}





.vm-pagination span.pagin span{
    font-size: 16px;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 4px;
    background-color: var(--if-primary);
    font-weight: 700;
}


.vm-pagination .pagination>span:first-child{
    font-size: 0!important;
    width: 32px;
    height: 16px;
    background-image: url("/images/icons/two-left.png");
    background-repeat: no-repeat;
    opacity: .3;
}

.vm-pagination .pagination>span:nth-child(2){
    font-size: 0!important;
    width: 16px;
    height: 16px;
    background-image: url("/images/icons/one-left.png");
    background-repeat: no-repeat;
    opacity: .3;
}

.vm-pagination .pagination>span:last-child{
    font-size: 0!important;
    width: 32px;
    height: 16px;
    rotate: 180deg;
    background-image: url("/images/icons/two-left.png");
    background-repeat: no-repeat;
    opacity: .3;
}

.vm-pagination .pagination>span:nth-last-child(2){
    font-size: 0!important;
    width: 16px;
    height: 16px;
    rotate: 180deg;
    background-image: url("/images/icons/one-left.png");
    background-repeat: no-repeat;
    opacity: .3;
}

.vm-pagination .pagination a:first-child{
    font-size: 0!important;
    width: 32px;
    height: 16px;
    background-image: url("/images/icons/two-left.png");
    background-repeat: no-repeat;
}

.vm-pagination .pagination a:nth-child(2){
    font-size: 0!important;
    width: 16px;
    height: 16px;
    background-image: url("/images/icons/one-left.png");
    background-repeat: no-repeat;
}

.vm-pagination .pagination a:last-child{
    font-size: 0!important;
    width: 32px;
    height: 16px;
    rotate: 180deg;
    background-image: url("/images/icons/two-left.png");
    background-repeat: no-repeat;
}

.vm-pagination .pagination a:nth-last-child(2){
    font-size: 0!important;
    width: 16px;
    height: 16px;
    rotate: 180deg;
    background-image: url("/images/icons/one-left.png");
    background-repeat: no-repeat;
}

/*-----------------Баннеры на страницах категорий и товаров----------------------*/

.prod-banner-wrapper .overlay{
    background: linear-gradient(90deg, #384147 0%, rgb(40, 103, 134) 58%, rgba(40, 103, 134, 0.7) 64%, rgba(40, 103, 134, .3) 74%, rgba(255, 255, 255, 0) 100%);
    border-radius: 16px;
}

.prod-banner-wrapper.prod-banner-shkaf {
    background-image: url("/images/banners/image-cat475.png");
}


.prod-banner-wrapper {
    background-position: bottom right;
    background-repeat: no-repeat;
    color: #ffffff;
}


.prod-banner-item-text{
    padding: 26px 55px 26px 36px;
}

.prod-banner-item-text span {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-how-place-order{
    background: linear-gradient(90deg, #384147 0%, #0FA2E6 100%);
}

.prod-banner-wrapper button{
    width: 320px;
}

/*------------------------------------------------------
-------------------Страница товара-------------------
-------------------------------------------------------*/
.vm-product-container .bg-white{
    border-radius: 15px;
}
.vm-product-media-container{
    flex: 1 1 40%;
}

.vm-product-details-container{
    flex: 1 1 60%;
}

.vm-product-media-container .main-image{
    height: 768px;
}

.vm-product-media-container .main-image img{
    object-fit: cover;
    width: 100%;
    height: auto;
    box-shadow: 2px 2px 13.5px 0px #B6B6B640;

}

.product .addtocart-bar{
    gap: 20px;
}

/*-----------Цена------------*/
.product-price{
    display: flex;
    gap: 10px;
    aligne-items: center;
}
.product-price .PricebasePrice{
    font-size: 40px;
    font-weight: 700;
}
.product-price .PricesalesPrice{
    font-size: 36px;
    color: #A0A0A0;
    text-decoration: line-through;
    display: flex;
    align-self: center;
}

.product-page-form-wrapper {
    background-color: #f1f1f1;
    border-radius: 15px;
}

.product-page-form-wrapper button {
    height: 53px;
    width: 183px;
    font-size: 16px;
}

.product-page-form-wrapper form.if-form.product-page-form input {
    border-radius: 5px;
    background-color: #ffffff;
}

.product-page-form-wrapper .custom-switch input[type="checkbox"] + label{
    background-color: #ffffff;
}

.vm-product-container .product-id{
    color: #323232CC;
    font-size: 14px;
}

.product-link-modal-item img{
    height: 16px;
    width: auto;
}

.product-link-modal-item a{
    color: #323232;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline dotted;
}

.product-link-modal-item a.color-if-primary{
    color: var(--if-primary);
}

.product-icon-info-item>div{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f1f1f1;
    text-align: center;
    align-content: center;
}

.product-icon-info-item{
    font-size: 16px;
    color: #384147;
}



/*------------------------------------------------------
-----------------Статичные страницы материалов-------------------
-------------------------------------------------------*/

.h1-page-header{
    font-size: 27px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.two-lines-after:after{
    content: "";
    background-image: url(/images/blog-header-bottom-border-image.png);
    width: 110px;
    height: 10px;
    display: block;
    margin: 10px auto;
    background-repeat: no-repeat;
}

/*------------------------------------------------------
-------------------Страница Корзины-------------------
-------------------------------------------------------*/
.cart-view table th{
    font-size: 14px;
    font-weight: 600;
}

.cart-view .table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
}

.cart-view table .cart-images img{
    max-width: 155px;
    max-height: 155px;
}
.cart-view table th,
.cart-view table td{
    padding: 0.5rem;
}

.cart-view .quantity-input {
    padding: 4px 0;
    width: 30px;
    margin-top: 0;
    background-color: #efefef;
    text-align: center;
    border: 1px solid #949494;
}

.total-cart-block .metods-row h3{
    font-size: 14px;
    font-weight: 600;
}
.cart-view span.vmshipment_name{
    display: inline-block;
    /*margin-bottom: 12px;*/
}

.btn:first-child{
    border: none;
}

.cart-view .price-product-all .PricesalesPrice{
    font-size: 24px;
    font-weight: 600;
}

.sectiontableentry1 h3 {
    font-size: 14px;
    font-weight: 600;
}

.total-cart-block button{
    border: none;
    padding: 0.5rem 1rem;
    background-color: var(--if-primary);
    color: #ffffff;
    transition: all .5s linear;
    border-radius: 4px;
}
.total-cart-block button:hover {
    background-color: #0C87C0;
    border-color: #0C87C0;
    border-right-color: rgb(12, 135, 192);
    color: #fff;
}
.billto-shipto .output-billto,
.billto-shipto .output-shipto{
    height: 20px;
}
div.customer-note{
    display: flex;
    flex-direction: column;
}

.vm2-remove_from_cart{
    width: 16px;
    height: 16px;
    padding: 0;
    background: none;
    box-shadow: none;
    border: none;
}

.vm-price-value{
    font-size: 16px;
    font-weight: 600;
}




@media (min-width: 1199px) {
    .top-menu .d-grid {
        grid-template-areas:
"logo logo modules modules modules modules modules modules modules modules modules modules "
"headermenu headermenu headermenu headermenu headermenu headermenu headermenu modules2 modules2 modules2 modules2 modules2 ";
    }
}

/*@media (min-width: 1399px) {*/
/*    .top-menu .d-grid {*/
/*        grid-template-areas:*/
/*"logo headermenu headermenu headermenu headermenu headermenu headermenu modules  modules modules modules modules ";*/
/*    }*/
/*}*/

.text-justify {
    text-align: justify !important;
}

header a.nav-link {
    --bs-nav-link-color: var(--bs-white);
}
header .row-2 a.nav-link:hover {
    --bs-nav-link-color: var(--if-primary);
}

/* NEW CSS */

#mega-menu-wrapper .children-menu a.nav-link
{
    --bs-nav-link-color: var(--if-secondary);
    font-size: 1.125rem;
}

#mega-menu-wrapper .children-menu
{
    max-height: calc(100vh - 133px);
    top: 133px;
}

#mega-menu-wrapper .children-menu .nav-item .menu-image
{
    max-width: 1.5rem;
    height: auto;
}

.if-semibold
{
    font-family: 'noto-sans-semibold';
}

footer .footer-column
{
    font-size: 1.125rem;
}

footer h3
{
    font-family: 'archangelsk';
    text-transform: uppercase;
    font-size: 1.5rem;
}

footer a
{
    color: var(--if-footer-primary);
    text-decoration: underline;
}

/*-----------------------------------------------
------------------МЕДИА ЗАПРОСЫ------------------
------------------------------------------------*/

@media (max-width: 1400px) {
    h1.carousel-caption-title {
        margin-top: 80px;
        font-size: 60px;
    }
    .carousel-caption-btn {
        padding: 14px 60px;
        font-size: 22px;
    }

    .advant-item {
        padding: 20px 18px;
    }

    .advant-item span {
        width: 50px;
        height: 50px;
    }

    .advant-item p {
        font-size: 18px;
    }

    .absolute-advant {
        margin-top: -5.1%;
    }
}

@media (max-width: 1365px) {
    #webtolk_mega_menu a.nav-link {
        padding: 15.4px 46px;
    }
}

@media (max-width: 1200px) {
    .logo-svg {
        width: 260px;
}

    #webtolk_mega_menu a.nav-link {
        padding: 15.4px 41px;
    }

    h1.carousel-caption-title {
        margin-top: 40px;
        font-size: 42px;
    }

    .carousel-caption-subtitle {
        width: 75%;
    }

    .carousel-control {
        width: 60px;
        height: 60px;
    }

    .advant-item {
        padding: 23px 18px;
        gap: 10px;
    }

    .advant-item span {
        width: 52px;
        height: 52px;
    }

    .advant-item p {
        font-size: 15px;
    }

    .infoblock1-item-text {
        padding: 67px 20px 50px 40px;
    }

    .infoblock1-item-text .ic-text p{
        font-size: 13px;
    }

    .recleadnew-content .addtocart-bar{
        gap: 10px;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .if-category-page .card img {
        height: 150px;
        width: auto;
    }
}


@media (max-width: 1199.98px) {

    .carousel-caption-subtitle {
        font-size: 24px;
    }

    .header-cart-link {
        width: 30px;
        height: 30px;
    }

    span.total-product {
        top: -7px;
        right: -7px;
        width: 17px;
        height: 17px;
        font-size: 11px;
    }
    .header-cart-link img{
        width: 18px;
        height: auto;
    }

    .nav-tabs.recleadnew-tabs .nav-link {
        font-size: 18px;
        border-radius: 5px;
    }

    .if-arch-font.fs-48{
        font-size: 34px;
    }

    .infoblock2-wrapper .form-wrapper {
        width: 400px;
        padding: 54px 30px 37px 30px;
        margin-left: -20px;
    }

    .infoblock2-item .fs-34,
    .infoblock2-item .fs-36{
        font-size: 30px;
    }
    article.min-catalog-item:last-child .card-body a {
        width: 100%;
        padding: 12px 0;
        font-size: 14px;
        border-radius: 5px;
    }

    .prod-banner-wrapper h4.fs-3 {
        font-size: 22px !important;
    }

    .vm-product-media-container .main-image {
        height: auto;
    }

    .PricebasePrice {
        font-size: 28px;
    }

    .PricesalesPrice:not(.cart-summary .PricesalesPrice) {
        font-size: 22px;
    }

    .product-link-modal-item a {
        font-size: 12px;
    }

    .w-30 {
        width: 100%;
    }
    .custom-control,
    .custom-control-mobile{
        font-size: 11px;
    }

    .product-page-form-wrapper button {
        width: 100%;
    }

    .product-icon-info-item>div{
        width: 36px;
        height: 36px;
    }

    .product-icon-info-item img{
        width: 24px;
    }

    .product-icon-info-item {
        font-size: 12px;
    }

    .productdetails-view{
        width: 460px;
        margin: 0 auto;
    }
}

@media (max-width: 991.98px) {
    .main-catalog-item .card-body h3.h5{
        font-size: 1rem;
    }

    .prod-banner-wrapper {
        background-size: 103%;
        background-position-y: top;
    }

    .prod-banner-wrapper .overlay {
        background: none;
        background-color: rgba(56, 65, 71, .3);
        border-radius: 16px;
    }

    .prod-banner-wrapper h4.fs-3 {
        font-size: 22px!important;
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }

    .prod-banner-wrapper .prod-banner-item-text button.fs-5{
        font-size: 16px!important;
    }

    .prod-banner-wrapper button{
        margin: 0 auto;
    }
}



@media (max-width: 768px) {
    h1.carousel-caption-title {
        margin-top: 10px;
        font-size: 38px;
    }

    .carousel-caption-subtitle {
        font-size: 22px;
        width: 75%;
    }

    .carousel-control {
        width: 50px;
        height: 50px;
    }
    .carousel-caption-btn {
        padding: 14px 80px;
        font-size: 16px;
    }

    .advant-item {
        padding: 15px 22px;
    }
    .advant-item span {
        width: 44px;
        height: 44px;
    }
    .advant-item p {
        font-size: 16px;
    }
    img.main-catalog-img{
        height: 140px;
        width: auto;
    }

    .infoblock1-wrapper {
        width: 330px;
        background-position: bottom right;
        background-size: contain;
        margin: 0 auto;
        height: 550px;
    }
    .infoblock1-item-text {
        padding: 30px 20px;
        text-align: center;
    }
    .infoblock1-item-text h4 {
        width: 230px;
        margin: 0 auto;
        font-size: 24px;
    }

    .infoblock1-item-text .subtitle-infoblock {
        font-size: 14px;
        width: auto;
        margin-bottom: 14px;
    }
    .infoblock1-item-text span {
        width: 36px;
        height: 36px;
    }
    .infoblock1-item-text span img {
        width: 18px;
        height: 18px;
    }

    .infoblock1-item-text .ic-text p {
        font-size: 12.5px;
    }

    .infoblock1-content .infoblock1-item:nth-child(2){
        height: 180px;
    }
    .infoblock1-wrapper .overlay {
        background: linear-gradient(180deg, #384147 0%, rgb(40, 103, 134) 65%, rgba(40, 103, 134, 0.6) 71%, rgba(40, 103, 134, .4) 78%, rgba(255, 255, 255, 0) 100%);
        height: 100%;
    }

    .infoblock2-wrapper{
        width: 370px;
        margin: 0 auto;
    }

    .infoblock2-item-text {
        padding: 30px 20px;
    }

    .infoblock2-item-text h4.fs-34 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .infoblock2-item-text p.fs-34{
        font-size: 24px;
        display: flex;
        flex-direction: column;
        margin-bottom: 28px;
    }

    .infoblock2-item-text img{
        width: 34px;
        height: auto;
    }

    .infoblock2-item p.fs-36 {
        font-size: 24px;
    }

    .infoblock2-content p.fs-6{
        font-size: 14px!important;
    }

    .form-control {
       font-size: 13px;
    }

    .recleadnew-tabs{
        flex-direction: row;
    }

    .recleadnew-tabs li button{
        width: auto;
    }

    .features-item p {
        min-height: 110px;
    }
}

@media (max-width: 767.98px) {
    h1.carousel-caption-title {
    margin-top: 40px;
    font-size: 32px;
}
    .carousel-caption-subtitle {
        font-size: 22px;
        width: 100%;
    }

    .carousel-control {
        width: 38px;
        height: 38px;
        align-self: center;
        margin-top: 50px;
    }

    .carousel-caption-btn {
        padding: 15px 0px;
        width: 220px;
    }

    .nav-tabs.recleadnew-tabs .nav-link {
        font-size: 18px;
        padding: 16px 0;
        border-radius: 5px;
    }

    .recleadnew-tabs li{
        width: 100%;
    }

    .recleadnew-tabs li button{
        width: 100%;
    }

    .recleadnew-tabs{
        flex-direction: column;
        gap: 15px;
    }
    .if-arch-font.fs-36,
    .if-arch-font.fs-48{
        font-size: 28px;
    }

    .features-item p {
        font-size: 14px;
        min-height: auto;
    }

    .infoblock2-wrapper .form-wrapper {
        margin-top: 0;
        margin-bottom: 0;
        width: calc(100% + 30px);
        padding: 54px 30px 37px 30px;
        margin-left: -15px;
    }

    .footer .link-list a{
        font-size: 14px;
    }

    .footer .contacts-block span{
        font-size: 14px;
    }

    .productdetails-view{
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 575.98px) {
    header .brand-logo .logo-svg{
        width: 148px;
    }
    .header-module-mobile img{
        height: 23px;
        width: auto;
    }

    .carousel-caption-subtitle{
        font-size: 16px;
    }

    .if-arch-font.fs-48{
        font-size: 24px;
    }

    .if-category-page .card img {
        height: 109px;
        width: auto;
    }

    .prod-banner-wrapper.prod-banner-shkaf {
        background-image: url("/images/banners/image-475-mobile.png");
        background-size: 125%;
        background-position: center;
    }

    .prod-banner-item-text {
        padding: 20px 30px 20px 30px;
    }

    .prod-banner-wrapper button{
        width: 100%
    }
}

@media (max-width: 389px) {
    .header-module-mobile .location-icon,
    .bg-secondary  .search-head{
        display: none;
    }

    .carousel-caption-subtitle{
        font-size: 15px;
    }

    .absolute-advant {
        margin-top: 10px;
    }

    h1.carousel-caption-title {
        margin-top: 14px;
        font-size: 30px;
    }

    .bg-secondary .header-modules2,
    .bg-secondary .header-menu{
        width: 50%;
    }

    .prod-banner-wrapper h4.fs-3 {
        font-size: 16px !important;
        width: 99%;
    }

    img.main-catalog-img{
        width: 112px;
    }
    .infoblock2-wrapper,
    .infoblock1-wrapper {
        width: 294px;
    }

    .infoblock1-wrapper .overlay {
            background: linear-gradient(180deg, #384147 0%, rgb(40, 103, 134) 69%, rgba(40, 103, 134, 0.5) 75%, rgba(40, 103, 134, .4) 78%, rgba(255, 255, 255, 0) 100%);
        }

    .category-upper-view .card-body{
        flex-direction: column;
        align-items: center;
    }

    .offcanvas-logo-wrapper .brand-logo svg{
        width: 280px;
    }

    .footer img.suppliers-img{
        width: 296px;
    }

    .infoblock2-wrapper .form-wrapper {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 30px 15px 30px 15px;
    }

    .product-page-form-wrapper {
        width: 300px;
        margin-left: -25px;
    }
}