body{ margin:0; padding:0; } /* Шрифты */ /* Обычный */ @font-face { font-family: 'Open-Sans-Regular'; src: url(/local/templates/kolista/fonts/fonts/OpenSans-Regular.ttf); } @font-face { font-family: 'Open-Sans-Bold'; src: url(/local/templates/kolista/fonts/fonts/OpenSans-Bold.ttf); } @font-face { font-family: 'Open-Sans-Bold-Extra'; src: url(/local/templates/kolista/fonts/fonts/OpenSans-ExtraBold.ttf); } @font-face { font-family: 'Open-Sans-Light'; src: url(/local/templates/kolista/fonts/fonts/OpenSans-Light.ttf); } @font-face { font-family: 'Open-Sans-Semibold'; src: url(/local/templates/kolista/fonts/fonts/OpenSans-SemiBold.ttf); } .priceblock { display: inline; } .pricebl { margin-top: 16px; } h1 { clear: both; font-weight: 300; margin: 0 !important; color: #131315; font-size: 30px !important; } .product-welcome { max-height: 300px; min-height: 300px; border: 1px dashed #e8e8e8; } .master-head { text-align: center; padding: 7px 0px; background: linear-gradient(290deg, rgba(69,190,235,1) 35%, rgba(159,110,175,1) 100%); color: white; -webkit-font-smoothing: antialiased; font-family: 'Open-Sans-Regular'; } .top-menu { display: flex; padding-top: 8px; border-bottom: 1px solid #eeeeee; } .menu-top1 { display: flex; float: right; } .menu-top1 > li { padding-left: 10px; list-style: none; text-decoration: underline; color: #1d1f20; font-family: 'Open-Sans-Regular'; cursor: pointer; } .menu-top1 > li > a:hover{ color: #095074 !important; cursor: pointer; } .menu-top1 > li > a{ padding-left: 26px; list-style: none; text-decoration: underline; color: #1d1f20; font-family: 'Open-Sans-Regular'; cursor: pointer; } .menus-top { font-size: 0.9rem; margin-bottom: 9px; } .main-header { padding: 10px 0px; } .clock-img { width: 15px; height: 15px; margin-top: 23px; } .time-block { display: flex; } .stat-zakaz { line-height: 62px; padding-left: 5px; } .phones { display: grid; margin-top: 5px; } .phones-main { font-family: 'Open-Sans-Semibold'; color: black; font-size: 1.1rem; } .button-block { padding-top: 10px; } .button-consalt {background-color: #46beeb; color: white; border-radius: 20px; margin-top: 23px; font-family: 'Open-Sans-Regular'; -webkit-font-smoothing: auto; font-size: 0.9rem; float: right; box-shadow: 0px 0px 17px -7px rgb(34 60 80 / 30%); } .right-preshop { display: flex; padding-top: 10px; margin: 0 auto; } .shoping-servises { display: flex; padding-top: 9px; padding-left: 31px; } .comparison { display: flex; width: 23px; height: 21px; } .favourites { display: flex; width: 24px; height: 21px; margin-left: 109px; } .cart-main { display: flex; width: 23px; height: 22px; margin-left: 94px; } .search-product { height: 40px; border-radius: 10px; width: 455px; } .search-button { border-radius: 10px; position: relative; right: 15px; height: 40px; position: relative; top: 2px; } .catalog-header { color: white; padding: 12px 22px; border-radius: 10px 10px 0px 0px; line-height: 21px; background: rgb(157,82,160); background: linear-gradient(51deg, rgba(157,82,160,1) 10%, rgba(44,188,236,1) 100%); } .catalog-heading{ padding-left: 10px; font-size: 17px; -webkit-font-smoothing: revert; letter-spacing: 0.5px; } .shpping-preheader { padding: 25px 0px 0px 0px; } .navmenu-vert { display: grid; } .menu-vert-item { padding: 8px 0px; border-bottom: 1px solid #eae9e9; color: #2b5e97; } .sub-vert { display: none; position: absolute; top: -5px; right: -241px; z-index: 99999; left: 169px; border: 1px solid; background-color: #9b529e; padding: 11px; border-radius: 10px; color: white; font-family: 'Open-Sans-Regular'; -webkit-font-smoothing: antialiased; font-size: 1rem; max-height: 300px; overflow: auto; } .sub-vert > a { color: white; } .items-cats-sub { position: relative; padding: 8px 0px; color: #2b5e97; list-style: none; } .items-cats-sub a{ color: #2b5e97; cursor: pointer;} .sub-vert a{color: white} .menus-kat-border {border: 1px solid #f2f2f2; box-shadow: 0px 0px 100px 0px rgb(34 60 80 / 11%);} /* Слайдер */ #slider-wrap{ margin: 0 auto; } #active-slide { width: 100%; display: table; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #slider{ position: relative; width: calc(100% * 4); top: 0; left: 0; margin: 0; padding: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .slide{ width: calc(100%/4); list-style: none; display: inline; float: left; } .slide img { width:100%; } .Radio-But{ margin-top:10px; text-align:center; } .Radio-But .ctrl-select { margin:2px; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:url('/local/templates/kolista/img/arrowBg.png') center bottom no-repeat; } .Radio-But .ctrl-select:hover { cursor:pointer; background-position:center center; } .Radio-But .ctrl-select.active { background-position:center top; } #prewbutton, #nextbutton { display:block; width:40px; height:100%; position:absolute; top:0; overflow:hidden; text-indent:-999px; background: url('/local/templates/kolista/img/arrowBg.png') left center no-repeat; opacity:0.5; z-index:3; outline:none !important; } #prewbutton { left:10px; } #nextbutton { right:10px; background:url('/local/templates/kolista/img/arrowBg.png') right center no-repeat; } #prewbutton:hover, #nextbutton:hover { opacity:1; } /* - - - - - - - END Slider - - - - - - - - - - - - - - */ /* - - - - - - - - - New Slider - - - - - - - - - - - */ /* Слайдер */ #slider-wrap1{ margin: 0 auto; } #active-slide1 { width: 100%; display: table; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #slider1{ position: relative; width: calc(100% * 4); top: 0; left: 0; margin: 0; padding: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .slide1{ width: calc(100%/4); list-style: none; display: inline; float: left; } .slide1 img { width:100%; } .Radio-But{ margin-top:10px; text-align:center; } .Radio-But .ctrl-select1 { margin:2px; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:url('/local/templates/kolista/img/arrowBg.png') center bottom no-repeat; } .Radio-But .ctrl-select1:hover { cursor:pointer; background-position:center center; } .Radio-But .ctrl-select1.active { background-position:center top; } #prewbutton1, #nextbutton1 { display:block; width:40px; height:100%; position:absolute; top:0; overflow:hidden; text-indent:-999px; background: url('/local/templates/kolista/img/arrowBg.png') left center no-repeat; opacity:0.5; z-index:3; outline:none !important; } #prewbutton1 { left:10px; } #nextbutton1 { right:10px; background:url('/local/templates/kolista/img/arrowBg.png') right center no-repeat; } #prewbutton1:hover, #nextbutton1:hover { opacity:1; } /* - - - - - - - END Slider - - - - - - - - - - - - - - */ /* - - - - - - - - - -End new slider - - - - - - - - */ .heading-block { margin-top: 35px; } .insale { background: #31ce3f; color: white; padding: 2px 10px; font-size: 13px; position: relative; top: -2px; left: 15px; } .soldout { background: #6e6b6f; color: white; padding: 2px 10px; font-size: 13px; position: relative; top: -2px; left: 15px; } .hit-sezon { background: #f5e507; color: rgb(0, 0, 0); padding: 2px 10px; font-size: 13px; position: relative; top: -2px; left: 15px; } .main-price { font-family: 'Open-Sans-Semibold'; color: #2b5e97; font-size: 21px; } .caption_price { font-family: 'Open-Sans-Regular'; color: #333333; font-size: 20px; } @media (min-width: 768px) { .storefront-breadcrumb { padding: 1.41575em 0; /* margin: 0 0 1.706326em !important; */ } } @media (min-width: 768px){ .storefront-breadcrumb { padding: 1.41575em 0; margin: 0; } } @media (min-width: 768px){ .storefront-breadcrumb { padding: 1.41575em 0; margin: 0 !important; } } .atributes{ margin-top: 20px; color: black; } .atributes a{ color: #2b5e97; } .cart-cart .cart { display: flex; } button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt { background: linear-gradient(71deg, rgb(20 114 148) 0%, rgba(159,110,175,1) 100%) !important; border-color: #333333; color: #ffffff; } .cart-cart { margin-top: 30px; padding-bottom: 20px; } /* кнопка просмотра корзины в каталоге*/ .added_to_cart {display: none !important;} ul, ol { margin: 0 !important; padding: 0; } .bottom-option { padding: 0;     margin-top: 70px; } .nav-tabs .nav-link { margin-bottom: -1px; color: #2b5e97 !important; background: #f7f7f7 !important; border: 1px solid #42404000 !important; border-right: 1px solid #e2dfdf !important; border-top-left-radius: 0rem !important; border-top-right-radius: 0rem !important; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #ffffff !important; background-color: #2b5e97 !important; border-color: #dee2e6 #dee2e6 #fff; } .product-content { margin-top: 25px; font-family: 'Open-Sans-Regular'; font-size: 15px; justify-content: normal; } a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus { outline-color: #f2f2f2 !important; } a:focus, input:focus, textarea:focus, button:focus { outline: #f2f2f2 !important; } @media (min-width: 768px){ .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header { text-align: center; padding: 0 0 1.9em !important; } } .orderby { border: 1px solid #8387c1; border-radius: 5px; padding: 2px; color: #36385d; } .abs_catalog { position: absolute !important; padding: 1px 8px !important; } .products { position: relative; top: 20px; } .row-product {display: block;} .woocommerce-Price-amount { font-size: 18px; } .add_to_cart_button { background: #9b71b1 !important; color: white !important; } .add_to_cart_button:hover { color: black; background-color: #46beeb !important; text-decoration: none !important; } .woocommerce-LoopProduct-link:hover { text-decoration: none !important; } #prodcard { padding-bottom: 18px; border-radius: 8px; } #prodcard:hover { box-shadow: 0px 4px 14px 10px rgb(137 65 178 / 10%); animation-duration: 1s; } .c-table { width: 100%; border: 1px solid #dadada; } .c-table table { width: 100%; border-spacing: 0; border-collapse: collapse; } .c-table tr { background: #ffffff; -webkit-transition: .12s; transition: .12s; } .c-table tr:nth-of-type(even) { background: #f2f2f2; } .woocommerce-loop-product__title { height: 60px !important; } .about-p { font-size: 17px; font-family: 'Open-Sans-Regular'; line-height: 24px; text-align: justify; padding-right: 23px; } .main-contacts { width: 300px; display: grid; background: aliceblue; padding: 10px; border-radius: 8px; position: absolute; top: 80px; left: 50px; box-shadow: 4px 4px 15px 2px rgb(34 60 80 / 16%); } #yith-s { width: 430px; margin-bottom: 4px; border-radius: 7px; } #yith-searchsubmit { border-radius: 7px; background: #46beeb; color: white; font-family: 'Open-Sans-Regular'; font-size: 15px; padding: 10px 15px; } .yith-woocompare-open { cursor: pointer; } .yith-woocompare-open:hover { text-decoration: none; } .product-pref { position: absolute; top: 0; left: 240px; line-height: 15px; } .product-pref::before { content: ""; width: 1px; height: 42px; background: #8f6eac; position: absolute; margin-left: -21px; text-decoration: none; } .news-more-link { background: #46beeb !important; } .linkno:hover {text-decoration: none;} .pb {padding-bottom: 5px; font-family: 'Open-Sans-Regular';} .fbold {font-family: 'Open-Sans-Semibold';} .in-price {min-width: 80px; font-size: 14px !important;} .xt_woofc-inner .xt_woofc-price, .xt_woofc-inner .xt_woofc-price del, .xt_woofc-inner .xt_woofc-price ins, .xt_woofc-inner .xt_woofc-product-title { font-family: Source Sans Pro; font-size: 14px !important; font-weight: 700; text-transform: capitalize; } .in-price .woocommerce-Price-amount { font-size: 14px !important; } .sender { position: relative; left: 77px; } .sender .wpcf7-submit { background-color: #377fd1 !important; color: white; } .sender .wpcf7-submit:hover { background-color: #8d38c5 !important; color: white; } .cart-subtotal {display: none;} .woocommerce-terms-and-conditions-wrapper { position: relative; bottom: 32px; } #cclw_order_details_table { box-shadow: 0px 0px 8px 9px rgb(244 243 245); } .total .woocommerce-Price-amount { font-size: 16px; position: relative; left: 15px; top: 5px; } .cclw_qty { position: relative; top: 5px; } .button-consalt:hover { background-color: #99519e !important; color: white !important; } #contain {display: none;} #cclw_order_details_table .cclw_order_review_table table.cclw-style-1 th { width: 25%; color: #2e5e7b; } .pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] { padding-right: 0 !important; } @media(max-width: 767px) { .menu-top1 { display: block; float: none; } #nav { overflow: hidden; background: #46beeb; color: white; height: 0; max-height: 0px; list-style-type: none; padding-left: 0; -webkit-transition: linear 1s; transition: linear 1s; } .menu-top1 > li > a { color: #ffffff !important; cursor: pointer; } .button-consalt {float: none;} .button-block { padding-top: 10px; display: contents; } .but {margin: 0 auto;} .search-prod {display: grid; padding-bottom: 15px; position: relative; right: 10px; } .footer-menu .menu-verhnee-menju-container .menu-top1 > li > a{color: #8e8e8e !important;} .sub-vert { display: block; position: absolute; top: -2px; left: -99999999999999px; width: 0px; } .type-news .entry-title { left: 0px; padding: 20px; } .nav-previous { padding: 0 20px 0px 39px; width: 100%; } .type-news .entry-content { padding: 24px; } .title-product { margin-top:60px; } .sender { margin-bottom: 25px; } .entry-title {position: relative; left: 20px;} .site-main { padding: 0px 22px; } .hit-sezon { margin-left: 0; } #nav.open { height: auto; max-height: 500px; -webkit-transition: linear 1s; transition: linear 1s; position: relative; top: 85px; z-index: 9; } #nav li { float: none; text-align: left; text-decoration: none; width: 100%; margin: 0; -webkit-transition: linear 1s; transition: linear 1s; } #nav li a { text-decoration: none; color: white; padding: 10px; border-bottom: 1px solid white; display: block; margin: 0; -webkit-transition: linear 1s; transition: linear 1s; } #contain { display: inline-block; cursor: pointer; position: absolute; right: 22px; top: 30px; z-index: 9; } .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #9d52a0; margin: 6px 0; transition: 0.2s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px) ; } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px) ; transform: rotate(45deg) translate(-8px, -8px) ; } .hover .bar1 { background-color: red; } .hover .bar2 { background-color: red; } .hover .bar3 { background-color: red; } } .menu-item-object-product_cat { padding: 2px 6px; border-bottom: 1px solid #f1f1f1; } .product_heading_main { width: 100%; border-bottom: 1px solid #b351a3; margin-top: 26px; margin-bottom: 10px; } .heading-container { width: 35%; background: #b351a3; color: white; padding: 6px 10px; font-family: 'Source Sans Pro'; border-radius: 10px 10px 0px 0px; } .imagegs { margin-top: 19px; box-shadow: 0px 1px 10px 0px rgb(34 60 80 / 15%); } .heading_cat { font-size: 15px; font-weight: 400; color: #b351a3; text-transform: uppercase; line-height: 15px; padding-top: 10px; } .heading_cat a {color: #b351a3 !important; font-size: 15px !important; font-weight: 400 !important;} .banner { margin-top: 40px; } .more_catalog { font-size: 18px; line-height: 0; position: relative; top: 74px; width: 100%; right: -27px; border-bottom: 1px dashed; } @media (max-width: 782px){ .catalog-header { color: white; position: relative; top: 111px; padding: 12px 22px; border-radius: 10px 10px 0px 0px; line-height: 21px; background: rgb(157,82,160); background: linear-gradient( 51deg , rgba(157,82,160,1) 10%, rgba(44,188,236,1) 100%); } .right-preshop { display: flex; padding-top: 10px; margin: 0 auto; position: relative; top: -87px; } .menu-item-object-product_cat { padding: 7px 6px; border-bottom: 1px solid #f1f1f1; } } .menus-kat-border1 { border: 1px solid #f2f2f2; box-shadow: 0px 0px 100px 0px rgb(34 60 80 / 11%); } .catalog-header1 { color: white; padding: 12px 22px; border-radius: 10px 10px 0px 0px; line-height: 21px; background: rgb(157,82,160); background: linear-gradient( 51deg , rgba(157,82,160,1) 10%, rgba(44,188,236,1) 100%); }

.ban-col-1 {
    background: azure; width: 100%; height: 434px; margin-top: 20px; padding: 0; cursor: pointer;
    margin: 0 auto;
}

.ban-col-2 {
    background: azure; width: 100%; height: 434px; margin-top: 20px;padding: 0; cursor: pointer;
}

.sm6 {
    height: 473px;
}

@media(max-width: 767px) { 
    .ban-col-1 {
        background: azure; width: 100%; height: 100%; margin-top: 20px; padding: 0; cursor: pointer;
    }
    
    .ban-col-2 {
        background: azure;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    padding: 0;
    cursor: pointer;
    margin-bottom: 32px;
    }
}


.in-sys-img {
    display: block;
    width: 100%;
}

.main-img {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 1111px;
    height: 625px;
}

/* Расставляем ссылки по изображению */

.obogrevat {
    position: absolute;
    top: 325px;
    left: 203px;
    color: #0a0509 !important;
    cursor: pointer;
}

.septik {
    position: absolute;
    top: 486px;
    right: 174px;
    color: #0a0509 !important;
    cursor: pointer;
}

.vnutrkov {
    position: absolute;
    top: 433px;
    right: 626px;
    color: #0a0509 !important;
    cursor: pointer;
}

.kaminpech {
    position: absolute;
    top: 92px;
    right: 641px;
    color: #0a0509 !important;
    cursor: pointer;
}

.condey-cat {
    position: absolute;
    top: 220px;
    right: 274px;
    color: #0a0509 !important;
    cursor: pointer;
}

.konvel {
    position: absolute;
    top: 371px;
    right: 725px;
    color: #0a0509 !important;
    cursor: pointer;
}

.zelobs {
    position: absolute;
    top: 492px;
    right: 912px;
    color: #0a0509 !important;
    cursor: pointer;
}

.systzapo {
    position: absolute;
    top: 419px;
    right: 876px;
    color: #0a0509 !important;
    cursor: pointer;
    width: 207px;
}

.skryty {
    position: absolute;
    top: 543px;
    right: 837px;
    color: #0a0509 !important;
    cursor: pointer;
    width: 220px;
}

.nasosny1{
    position: absolute;
    top: 486px;
    right: 560px;
    color: #0a0509 !important;
    cursor: pointer;
    width: 243px;
}

.teplypol {
    position: absolute;
    top: 386px;
    right: 463px;
    color: #0a0509 !important;
    cursor: pointer;
    width: 243px;
}

.asdkjsadb {
    position: absolute;
    top: 564px;
    right: 280px;
    color: #0a0509 !important;
    cursor: pointer;
    width: 260px;
}

.kotlyotoplen {
    position: absolute;
    top: 451px;
    right: 213px;
    color: #0a0509 !important;
    cursor: pointer;
    width: 260px;
}

.vodonagrev1 {
    position: absolute;
    top: 407px;
    right: 31px;
    color: #0a0509 !important;
    cursor: pointer;
    width: 260px;
}

.listingobs {
    position: absolute;
    top: 68px;
    left: 100px;
}

@media(max-width: 767px) { 
    .in-sys-img {
        display: none;
    }
    
}

/* Общестроительные материалы */

.dosdpk {
    position: absolute;
    top: 349px;
    right: 142px;
    color: #0a0509 !important;
    cursor: pointer;
}

.zabory {
    position: absolute;
    top: 323px;
    right: 353px;
    color: #0a0509 !important;
    cursor: pointer;
}

.krepezh {
    position: absolute;
    top: 202px;
    right: 692px;
    color: #0a0509 !important;
    cursor: pointer;
}

.mebelter {
    position: absolute;
    top: 358px;
    right: 609px;
    color: #0a0509 !important;
    cursor: pointer;
}

.ograzhdpk {
    position: absolute;
    top: 424px;
    right: 495px;
    color: #0a0509 !important;
    cursor: pointer;
}

.plitelterr {
    position: absolute;
    top: 326px;
    right: 833px;
    color: #0a0509 !important;
    cursor: pointer;
}

.kraskimat {
    position: absolute;
    top: 204px;
    right: 174px;
    color: #0a0509 !important;
    cursor: pointer;
}

.sadplit {
    position: absolute;
    top: 571px;
    right: 787px;
    color: #0a0509 !important;
    cursor: pointer;
}

.stupdpk {
    position: absolute;
    top: 514px;
    right: 401px;
    color: #0a0509 !important;
    cursor: pointer;
}

.terrdos {
    position: absolute;
    top: 378px;
    right: 805px;
    color: #0a0509 !important;
    cursor: pointer;
}

.fasaddpk {
    position: absolute;
    top: 276px;
    right: 539px;
    color: #0a0509 !important;
    cursor: pointer;
}

.fassdos {
    position: absolute;
    top: 426px;
    right: 176px;
    color: #0a0509 !important;
    cursor: pointer;
}

.listingobs1{    
    position: absolute;
    top: 68px;
    left: 36px;
    background: #ffffffde;
    border-radius: 11px;
    padding: 6px;
}

.main-img a:hover {
color: #7b43bb !important;
}

@media( max-width: 767px) { 
    .in-sys-img {
        display: none !important;
    }
}

/* Блоки тизеров - главная */

.teasers__block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    margin-top: 30px;
    justify-content: space-between;
}

.rtizer__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rtizer__row__last {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.teasers_item {
    display: flex;
    width: 251px;
    height: 123px;
    flex-direction: column;
    position: relative;
    padding: 17px 20px;
    align-content: center;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 100px 0px rgb(34 60 80 / 11%);
    cursor: pointer;
}

.close_ico {
    transform: rotate(45deg);
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 15px;
    cursor: pointer;
}

/* Mobile */

@media( max-width: 767px) { 
    .teasers_item {
        margin-top: 20px;
    }
}

.teasers_item_last {
    display: flex;
    width: 163px;
    height: 123px;
    flex-direction: column;
    position: relative;
    padding: 17px 20px;
    align-content: center;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 100px 0px rgb(34 60 80 / 11%);
    margin-left: 33px;
    color: white !important;
    font-size: 22px;
    line-height: 21px;
}

.tiz_heading {color: white;}

.overflow_subitems {
    display: flex;
    width: 252px;
    height: 123px;
    position: absolute;
    background: white;
    opacity: 0.88;
    border-radius: 7px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.tizer_subcat {
    font-size: 17px;
    font-weight: 700;
    text-decoration: revert;
}

.allcontainer {
    position: relative;
    max-height: 390px
}

.start-page-pagination {
    position: absolute;
    top: 190px;
    z-index: 1111;
}

.pagination-arrow-right {
    position: relative;
    left: 1066px;
    bottom: 28px;
}

.pagination-arrow-left {
    position: relative;
    left: 10px;
    margin-top: 30px;
}

.swiper {
    margin-top: 30px;
}

.item_last_point {
    margin-left: 38px;
}

.owl-carousel.owl-drag .owl-item {

    border: 1px solid #e9e9e9;
}

/* Mobile */

@media( max-width: 767px) { 
    .rtizer__row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .rtizer__row__last {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .item_last_point {
        margin-left: 0;
    }

    .teasers_item_last {
        margin-bottom: 30px;
        margin-top: 24px;
    }

    .right-preshop {
        display: flex;
        padding-top: 10px;
        margin: 0 auto;
        position: relative;
        top: 0;
    }


}

b {
    font-weight: 900;
}


/* Блок брендов на главной */

.brands__wrapper{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.brand__item {
    width: 24%;
    border: 1px solid #f1f1f1;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

    .brand__item:hover {
        box-shadow: 1px 0px 8px 6px rgba(34, 60, 80, 0.06);
        transition-duration: .5s;
    }


.but__catalog {
    background: linear-gradient(90deg, rgba(75,77,117,1) 0%, rgba(128,80,119,1) 75%);
    width: 144px;
    height: 26px;
    text-align: center;
    border-radius: 10px;
    color: white;
    margin-bottom: 21px;
}

.but__catalog:hover {
    background: linear-gradient(90deg, rgba(75,77,117,1) 0%, rgb(155 92 143) 75%);
    width: 144px;
    height: 26px;
    text-align: center;
    border-radius: 10px;
    color: white !important;
    margin-bottom: 21px;
    text-decoration: none !important;
}

.wrapper__links {
    margin: 21px 0px;
    width: 70%;
}

.brand__item img {
    margin-top: 16px;
}

.links_ul {
    color: #434342;
    text-decoration: revert;
}

/* Search  */

.input__area input {
    border-radius: 40px;
    width: 42%;
    border-color: #9218b1;
    border: 1px solid #9218b1 !important;
    padding-left: 28px !important;
}

.input__area button {
    border-radius: 40px;
    position: relative;
    right: 66px;
    color: gray;
}

.input__area {
    text-align: center;
}

@media(max-width: 550px) {
    .brand__item {
        width: 100%;
    }

    .input__area {
        text-align: center;
        margin-left: auto;
        width: 124%;
    }

    .input__area input {
        border-radius: 40px;
        width: 45% !important;
    }

}

.woocommerce-LoopProduct-link img {
    /* height: auto; */
    max-width: 100%;
    display: block;
    height: 201px;
    width: auto;
    border-radius: 3px;
}

.row-product ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 50px !important;
}

.owerline {
    height: 300px;
    width: 100%;
    background: #3d3d3d;
    margin-bottom: 50px;
    position: relative;
}

.promo__area_bk {
    display: flex;
    align-content: center;
    justify-content: center;
}

.left__block {
    width: 536px;
    height: 551px;
    background: #262626;
    color: white;
}

.text__block {
    padding: 30px;
}

.caption {
    font-size: 30px;
}

.caption2 {
    font-size: 30px;
}


.lk-icons {
    display: flex;
    flex-flow: row;
    margin-top: 18px;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
  }



  .lk-icons .value {
    background: #F04C44;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-size: 8px;
  }
  .lk-icons .value:empty {
    display: none;
  }
  .lk-icons .icon {
    position: relative;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    background-color: #FFFFFF;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px transparent solid;
    display: block;
    margin-right: 8px;
  }
  .lk-icons .icon:last-child {
    margin-right: 0;
  }
  .lk-icons .icon:hover, .lk-icons .icon.active {
    border: 1px #FFCA00 solid;
  }
  .lk-icons .icon.order {
    background-image: url(../i/search.png);
    background-size: 23px;
  }
  .lk-icons .icon.lk {
    background-image: url(../i/lk.svg);
  }
  .lk-icons .icon.compare {
    background-image: url(../i/comp.svg);
  }
  .lk-icons .icon.liked {
    background-image: url(../i/liked.svg);
  }
  .lk-icons .icon.cart {
    background-image: url(../i/cart.svg);
  }
  .lk-icons .icon.comparison {
    background-image: url(../i/comparison.svg);
  }
  .lk-icons .icon.main {
    background-image: url(../i/main.svg);
  }
  .lk-icons .icon.profile {
    background-image: url(../i/profile.svg);
  }

  .breadcrumb {
    background: url(../i/home.svg) left top no-repeat;
    padding-left: 20px;
    padding-top: 1px;
}

.breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
}

.breadcrumb ul li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: rgba(77, 77, 77, 0.5);
}

a, button, input[type=submit], input[type=button] {
    transition: all 0.5s ease;
}

.breadcrumb ul li span {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.03em;
    background: linear-gradient(180deg, #FFCA00 0%, #FFB017 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
}

.bx-breadcrumb-item-text {
    vertical-align: top;
    white-space: normal;
    font: 400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    transition: 250ms linear all;
}

.submenu-main-item {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--accent-color);
}

.submenu-item {
    font-size: 12px;
    margin-left: 5px;
    transition: 0.5s ease;
}

.bx-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.submenu-row {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}


.submenu-main-item {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--accent-color);
}

.submenu-item {
    font-size: 12px;
    margin-left: 5px;
    transition: 0.5s ease;
}