html, body{width: 100%; min-width: 320px;}
body{background: #fff; font-family: 'Montserrat'; color: #454545; font-size: 14px;}
a{text-decoration-skip-ink: none; color: inherit;}
a:hover{color: inherit;}
*:focus, *:active{outline: none !important;}
p{margin: 0;}
/*div[class*='col-']{outline: 1px solid #60c;}/*
/* reset */
ul{padding: 0; margin: 0; list-style: none;}
button{cursor: pointer;}

/* reset-END */


/* common-styles */
/*.container-fluid{width: 1170px; margin: 0 auto;}*/
.row-flex{display: flex; flex-flow: row wrap;}
.fb-c{display: flex; justify-content: center; align-items: center;}
.fi-c{display: inline-flex; justify-content: center; align-items: center;}
.fb-ac{display: flex; align-items: center;}
.fi-ac{display: inline-flex; align-items: center;}
.fb-jc{display: flex; justify-content: center;}
.fi-jc{display: inline-flex; justify-content: center;}
/* common-styles-END */

/**********************************************************************/
/*****                                                            *****/
/*****                                                            *****/
/*****                         HOME/LAYOUTS                       *****/
/*****                                                            *****/
/*****                                                            *****/
/*****                                                            *****/
/**********************************************************************/

/* HEADER */
.top_menu-container, .header-content-container{width: 1336px; margin: 0 auto;}

.top_menu-col{display: flex; justify-content: space-between;  min-height: 50px;}
.top_menu-wrap{display: flex; flex-wrap: wrap;}
.top_menu-wrap li{margin-right: 25px; border-bottom: 2px solid transparent; white-space: nowrap; display: flex; align-items: flex-end; }
/* .top_menu-wrap li:hover{border-bottom: 2px solid black;} */
.top_menu-wrap li a{text-decoration: none; font-weight: 500; padding-bottom: 5px;}
.top_menu-burger{width: 20px; color: #000; display: none; align-items: center; justify-content: center; cursor: pointer;}
.top_menu-burger .fa-bars{width: 20px; color: #000;}
.personal-area a{font-weight: 500; white-space: nowrap;}
.personal-area span{margin-right: 5px;}
.personal-area a[href="http://mastervelo.loc/index.php?route=account/logout"]{margin-left: 5px;}
.personal-area .fa-user-circle, .personal-area .fa-user-circle-solid{color: #2b2a29; width: 18px; margin: 0px 5px 2px 0px;}
.personal-area .fa-user-circle-solid{display: none;}

.header-content-wrapper{width: 1820px; min-height: 120px; margin: 0 auto; box-shadow: 0px 0px 29px 4px rgba( 44, 45, 56, 0.08 ); position: relative;}
.header-logo-col{padding-top: 15px;}
.header-logo-col img{max-width: 100%;}

.header-search-col{padding-top: 15px;}
.header-search-col .search-tip{font-size: 10px; font-weight: 500; }
.header-search-col .search-input{display: flex; align-items: center;margin: 3px 0;}
.header-search-col .search-input input{border: 1px solid #cfcfcf; height: 40px; flex-grow: 1; font-size: 10px; font-weight: 500; padding-left: 20px;}
.header-search-col .search-input input:focus{border: 1px solid #2b2a29;}
.header-search-col .search-input button{width: 40px; height: 40px; border: none; background: #ffed00; margin-left: 3px;}
.header-search-col .search-input button svg{width: 13px; }
.header-search-col .address{font-size: 10px; font-weight: 500;  max-width: 220px;}

.header-tels-col{padding-top: 15px; z-index: 2;}
.header-tels-col .tels-btns-wrap{display: flex;}
.header-tels-col button{width: 40px; height: 40px; border: none; background: #ffed00; margin: 18px 0 0 0;}
/* .header-tels-col .tels-btns-wrap:hover .tels-popup{display: block;} */
.header-tels-col button.tels-show-btn{background: #fffab2;}
.header-tels-col svg{width: 13px; }
.header-tels-col svg.fa-sort-down{width: 11px;}
.header-tels-col .tels-popup{display: none; text-align: center; padding: 0 15px 15px; position: absolute; top: 80%; left: -100%; box-shadow: 0px 0px 29px 4px rgba( 44, 45, 56, 0.08 ); background: #fff;}
/* .header-tels-col .tels-popup:before{border: 13px solid transparent; border-bottom: 13px solid rgb(255, 255, 255); display: block; width: 0; height: 0; content: ""; position: absolute; top: -24px; left: 157px;} */
.header-tels-col .tels-popup p, .tels-popup a {font-family: 'Trebuchet MS'; font-size: 15px; white-space: nowrap;}
.header-tels-col .tels-popup p.mob, .tels-popup a.mob {text-align: left;}
.header-tels-col .tels-popup p span, .tels-popup a span {color:#000; font-weight: 700; font-size: 16px;}
.header-tels-col .tels-popup .phone-name {font-size: 12px; color:#000; padding: 14px 0 3px 0;}
.header-tels-col .tels-popup a.email-link{color: #ff7800;}

.cart-col{display: flex; flex-direction: column;}
.callback-cart-container{display: flex; justify-content: space-between;}
.cart-col .callback-btn-wrap button{width: 190px; height: 40px; border: none; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; margin: 30px 2px 0 0; font-size: 12px;  font-weight: 600;}
.cart-col .callback-btn-wrap button:hover{background: #fffa82;}
.cart-col .callback-btn-wrap svg{display: none; width: 11px; margin-top: 4px;}
.cart-col .cart-wrap{display: flex;}
.cart-col .cart-wrap .cart-img{width: 67px; height: 77px; background: url('./img/cart.png') #ffed00; background-repeat: no-repeat; background-position: center bottom;}
.cart-col .cart-wrap .cart-text{height: 77px; display: flex; justify-content: center; flex-direction: column; padding-left: 15px;}
.cart-col .cart-wrap .cart-text .cat-text-title{font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 500; color: #000;}
.cart-col .cart-wrap .cart-text .cat-text-count{font-weight: 500; }
.cart-col .text-wrap{font-size: 12px; font-weight: 600; margin-top: 10px;}

.header-search-col.header-search-col-small{display: none; padding: 10px 15px 0;}

.header-catalog-wrapper{width: 1820px; height: 50px; margin: 0 auto; position: relative; background: #2b2a29;}
.header-catalog-container{width: 1336px; margin: 0 auto;}
.header-catalog-col{font-size: 18px; color: #fff; font-family: 'Oswald', sans-serif; display: flex; align-items: center; position: relative; height: 50px; display: flex; align-items: center; }
.header-catalog-col a{padding-left: 5px;}
.header-catalog-col a:hover{text-decoration: none;}
.header-catalog-col .header-catalog-col-img{width: 100%; height: 100%; max-width: 35px; max-height: 35px; display: inline-block; background-position: center; background-size: 100%;}

.header-catalog-col ul{position: absolute; top: 100%; left: 0; background: #fffab2; color: #454545; font-family: 'Montserrat'; font-weight: 700; font-size: 12px; text-transform: uppercase; width: 100%; padding-bottom: 10px; display: none; font-size: 12px;}
/* .header-catalog-col ul li{padding: 5px 28px;} */
.header-catalog-col ul li:hover{background: #ffed00;}
.header-catalog-col ul li a{display: block; width: 100%; height: 100%; padding: 5px 5px 5px 33px;}
/* .slick-list{overflow-x: visible; overflow-y: visible;} */
.header-catalog-container .slick-initialized .slick-slide{display: flex; height: 50px;}
.header-catalog-container .slick-next{right: 0;}
.header-catalog-container .slick-prev{left: 0px;}
.header-catalog-container .slick-arrow.fa-chevron-right, .slick-arrow.fa-chevron-left{width: 10px; cursor: pointer; z-index: 9; position: absolute;  top: 50%; color: #ffed01; transform: translateY(-50%);}
.header-catalog-container .slick-arrow.fa-chevron-right{right: 1px;}
.header-catalog-container .slick-arrow.fa-chevron-left{left: 1px;}




/* HOME */
.home-container{width: 1336px; margin: 0 auto;}
.home-info{background: #fffab2; padding: 25px 30px; font-size: 16px; font-weight: 600; position: relative; margin-top: 20px;}
.home-info div:not(:last-child){margin-bottom: 10px;}
.home-info img{width: 12px; position: absolute; right: 20px; top: 20px; cursor: pointer;}

.home-slider-col{margin-top: 20px;}
.home-slider-col .image-slide{background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.home-slider-col .image-slide::before{content: ""; display: block; padding-top: 58.8%;}
.home-slider-col .image-slide .image-slide-overlay{width: 100%; height: 100%; position: absolute; top: 0; transform: skew(18deg); background: rgba(255, 237, 0, 0.5);}
/* желтые поломы блоки на слайдере */
.home-slider-col .image-slide .image-slide-overlay1{left: -650px; left: -80%; display: none;}
.home-slider-col .image-slide .image-slide-overlay2{left: 910px; left: 88%; display: none;}
/*    */
.home-slider-col .image-slide .image-slide-link{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 888;}
.home-slider-col .image-slide .image-slide-link[href="#"]{display: none;}

.home-image-slider .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); z-index: 999; cursor: pointer;}
.home-image-slider .slick-arrow.image-slider-prev{left: 20px;}
.home-image-slider .slick-arrow.image-slider-next{right: 20px;}

.banner-box {margin: 20px 0;}
.banners-col{    margin-top: 20px;}
.col-120.col-sm-30.col-md-24.banners-col{margin-top: 0;}
.home-image-slider .slick-dots li button:before{content: ''; background: #000; width: 10px; height: 10px; opacity: 1;}
.home-image-slider .slick-dots li.slick-active button:before{background: #ffed00; height: 26px; transform: rotate(180deg) translateY(-10px); transform-origin: top;}
.home-image-slider .slick-dots li{margin: 0px 2px;}


.home-prod-slider{padding: 0 70px;}
.home-prod-slider .slick-list{padding-bottom: 80px; margin-bottom: -80px;}
.home-prod-slider .home-prod-slide{padding: 20px; position: relative;}
.home-prod-slider .home-prod-slide-wrap{max-width: 252px; padding: 20px; border: 1px solid #fffab2; margin: 0 auto; background: #fff;}
.home-prod-slider .home-prod-slide-name{font-size: 14px; color: #000; font-weight: 600; display: block; line-height: 19px;}
.home-prod-slider .home-prod-slide-img{margin: 0 auto; max-width: 100%;}
.home-prod-slider .home-prod-slide-price-wrap{display: flex; justify-content: center; font-size: 16px; color: #000; font-weight: 600;}
.home-prod-slider .home-prod-slide-price-wrap span{font-size: 12px; color: #686868; font-weight: 600;}
.home-prod-slider .home-prod-slide-price-wrap > div{display: flex; align-items: baseline;}
.home-prod-slider .home-prod-slide-price-wrap .home-prod-slide-value{margin-right: 4px;}
.home-prod-slider .home-prod-slide-old{margin-right: 20px;}
.home-prod-slider .home-prod-slide-old .home-prod-slide-value{position: relative;}
.home-prod-slider .home-prod-slide-old .home-prod-slide-value:before{content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(-27deg); background: #f00;}
.home-prod-slider .home-prod-slide-detail{width: 100%; max-width: 190px; text-decoration: none; display: none; height: 40px; margin: 25px auto 0; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; font-size: 12px;  font-weight: 600;}
.home-prod-slider .home-prod-slide-detail:hover{background: #fffa82;}
.home-prod-slider .home-prod-slide-wrap .home-prod-slide-detail.show-detail{display: flex;}

.home-prod-prev.slick-arrow, .home-prod-next.slick-arrow{background: #ffed00; opacity: 0.302; position: absolute; cursor: pointer; width: 68px; height: 100px; top: calc(50% - 40px); transform: translateY(-50%);}
.home-prod-prev.slick-arrow:hover, .home-prod-next.slick-arrow:hover{opacity: 1;}
.home-prod-prev.slick-arrow img, .home-prod-next.slick-arrow img{max-width: 100%; width: 8px;}
.home-prod-prev.slick-arrow{left: 0;}
.home-prod-next.slick-arrow{right: 0;}


.yelline-title{padding-left: 91px; font-size: 25px; font-family: "Oswald"; font-weight: 300; color: #000; position: relative;}
.yelline-title:before{content: ''; background: #ffed00; width: 68px; height: 10px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: 4px;}

.brands-col{margin-top: 50px;}
.brands-slider{box-shadow: 0px 0px 29px 4px rgba(44, 45, 56, 0.08); background: #fff;}
.brands-slider a{width: 208px; height: 68px; background-repeat: no-repeat; display: block; background-position: center 0;}
.brands-slider a:hover{background-position: center 100% !important;}
.brands-slider{padding: 0 40px;}
.brands-prev.slick-arrow, .brands-next.slick-arrow{background: #ffed00; z-index: 999; opacity: 0.302; position: absolute; cursor: pointer; height: 68px; width: 40px; top: 50%; transform: translateY(-50%);}
.brands-prev.slick-arrow:hover, .brands-next.slick-arrow:hover{opacity: 1;}
.brands-prev.slick-arrow img, .brands-next.slick-arrow img{max-width: 100%; width: 8px;}
.brands-prev.slick-arrow{left: 0;}
.brands-next.slick-arrow{right: 0;}


.home-content-wrapper{width: 1820px; margin: 0 auto; position: relative; /* background: #f2f2ee; */ margin-top: 70px; /* padding-bottom: 50px; */}
.four-cats-row{width: 1140px; margin: 0 auto;}
.four-cats-col{height: 575px; display: flex; align-items: flex-end; justify-content: center; background-position: center;}
.four-cats-col a{background: #ffed00; width: 100%; max-width: 245px; height: 60px; margin: 0 10px 30px; font-size: 20px; font-family: "Oswald"; text-decoration: none; position: relative;}
.four-cats-col > div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; opacity: 0; transition: 0.5s;}
.four-cats-col:hover > div{opacity: 1;}


.home-black-title{padding-left: 30px; height: 50px; font-size: 18px; font-family: "Oswald"; text-transform: uppercase; font-weight: 500; color: #fff; display: flex; align-items: center; background: #2b2a29 url('./img/blacktitleimg.png'); background-repeat: no-repeat; background-position: center right;}

.top-sale-row{width: 1140px; margin: 0 auto; margin-top: 30px;}
.top-sale-prod-img{width: 84px; height: 84px; background-size: 100%; background-position: center; background-repeat: no-repeat; margin-right: 5px;}
.top-sale-prod-col{background: #f8f8f8; display: flex; align-items: center; padding: 0; padding-right: 5px; text-decoration: none; background-clip: content-box; margin-bottom: 5px;}
.top-sale-prod-col:hover{text-decoration: none;}
.top-sale-prod-info .top-sale-prod-name{font-size: 14px; color: #2b2a29; font-weight: 500;}
.top-sale-prod-info .top-sale-prod-code{color: #696969; font-size: 12px;}
.top-sale-prod-info .top-sale-prod-code span{color: #2b2a29;}
.top-sale-prods-row{background: #fff; padding: 20px;}

.newarrials-slider-row, .home-informaion-container{width: 1336px; margin: 0 auto; margin-top: 30px;}

.home-content-wrapper:before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 77.4%; background: #f2f2ee; z-index: -1; transform: translateY(-50%);}

.yelline-title.newarrials-title{padding-left: 90px;}
.yelline-title.salesprods-title{padding-left: 85px;}
.salesprods-slider-row{margin-top: 50px;}
.home-informaion-row{margin: 0 auto; width: 1140px;}
.home-informaion-content-row{background: #fff; padding: 20px 30px; box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.05); margin-top: 10px; }
.home-informaion-content-row .home-informaion-col{padding: 5px;}
.home-informaion-content-row .home-informaion-col a{height: 58px; border: 1px solid #e6e6e6; text-decoration: none;}
.home-informaion-content-row .home-informaion-col a:hover{background: #ffed00;}



.home-line{width: 1820px; border-top: 1px solid #c9c9c9; margin-top: 45px;}

.home-description-container{margin: 0 auto; width: 1140px;}
.home-description-title{font-size: 25px; font-family: "Oswald"; color: #000; font-weight: 300; text-align: center;}
.home-description-title span{position: relative;}
.home-description-title span:before, .home-description-title span:after{content: ''; width: 50px; height: 10px; margin-top: 3px; background: #ffed00; position: absolute; top: 0; top: 50%; transform: translateY(-50%);}
.home-description-title span:before{left: calc(-50% - 15px); margin-right: 15px;}
.home-description-title span:after{right: calc(-50% - 15px); margin-left: 15px;}

.home-description-subtitle{text-align: center; font-size: 18px; font-family: "Oswald"; font-weight: 300; color: #000; margin-top: 3px;}



/* pg-description */
.pg-description-row{margin-top: 50px;}
.pg-description-col{height: 335px; overflow: hidden; position: relative;}
.pg-description-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgb(255, 255, 255) 100%);}
.pg-description-row .show-description-wrap{text-align: center;}
.pg-description-row .show-description{font-size: 12px; color: #000; font-weight: 600; display: inline-block; margin-top: 25px; border-bottom: 2px solid #ffed00; cursor: pointer;}
.pg-description-divider hr{border-bottom: 1px solid #dbdbdb;}
.pg-description-col p {font-size: 13px; }
.pg-description-col h1, .pg-description-col h2, .pg-description-col h3, .pg-description-col h4, .pg-description-col h5{font-family: "Verdana"; font-weight: 700; color: #000; margin-top: 30px;}
.pg-description-col h1{font-size: 23px;}
.pg-description-col h2{font-size: 19px;}
.pg-description-col h3{font-size: 17px;}
.pg-description-col h4{font-size: 16px;}
.pg-description-col h5{font-size: 15px;}
.pg-description-row ul, .pg-description-row ol {padding-left: 40px; font-family: "Verdana"; color: #000; font-size: 13px; margin-top: 10px;}
.pg-description-row ul {list-style: inherit; }
/* pg-description-END */

.footer-content-wrap{width: 1820px; margin: 0 auto; background: #000; margin-top: 50px;}
.footer-row .footer-col{min-height: 445px;}
.footer-row .footer-col-info{padding-top: 50px;}
.footer-row .footer-col-map{padding: 0;}
.footer-row .footer-col-map iframe{width: 100%; height: 100%;}
.footer-row .footer-info-row{max-width: 570px; width: 100%; height: 100%; margin-left: auto; margin-right: 100px;}
.footer-row .footer-menu-col{border-right: 1px solid #262626;}
.footer-row .footer-menu-col li{border-bottom: 2px solid #000; display: table; margin-bottom: 4px;}
.footer-row .footer-menu-col li:hover{border-bottom: 2px solid #fff;}
.footer-row .footer-menu-col a{color: #bfbfbf; font-size: 11px; font-weight: 600; text-transform: uppercase; text-decoration: none;}


.footer-row .footer-contacts-col{padding-left: 35px;}
.footer-row .footer-contacts-col > div{ padding-left: 25px; position: relative;}
.footer-row .footer-contacts-col > div:not(:last-child){margin-bottom: 50px;}
.footer-row .footer-contacts-col > div:before{content: '';  position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.footer-row .footer-contacts-phone{color: #fff; font-size: 20px; }
.footer-row .footer-contacts-phone:before{background-image: url('./img/icons/phone-yellow.svg'); width: 15px; height: 15px;}

.footer-row .footer-contacts-address{color: #fff; font-size: 16px;}
.footer-row .footer-contacts-address:before{background-image: url('./img/icons/map-yellow.svg'); width: 11px; height: 15px;}

.footer-row .footer-contacts-email{color: #fff; font-size: 16px;}
.footer-row .footer-contacts-email:before{background-image: url('./img/icons/envelope-yellow.svg'); width: 15px; height: 15px;}

.footer-row .footer-social-col{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #262626; border-bottom: 1px solid #262626; margin: 10px 0;}
.footer-row .footer-social-col .sitemap-link-wrap a{font-size: 12px; color: #d4d4d4; }
.footer-row .footer-social-col .sitemap-link-wrap img{width: 16px; margin-right: 10px;}
.footer-row .footer-social-col .socials-links{display: flex; align-items: center;}
.footer-row .footer-social-col .socials-links a{display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border: 2px solid #ffed00;}
.footer-row .footer-social-col .socials-links a:hover{background: #ffed00;}
.footer-row .footer-social-col .socials-links a:not(:last-child){margin-right: 5px;}
.footer-row .footer-social-col .socials-links .s-fb{width: 9px;}
.footer-row .footer-social-col .socials-links .s-vk{width: 16px;}
.footer-row .footer-social-col .socials-links .s-tw{width: 15px;}

.footer-row .footer-copyright-col{font-size: 12px; color: #d4d4d4;}

/*************** Breadcrumbs **************/

.breadcrumbs-container{width: 1140px; margin: 0 auto; margin-top: 15px;}
.breadcrumbs-container .breadcrumbs-col{display: flex; align-items: center; flex-wrap: wrap;}
.breadcrumbs-container .breadcrumbs-col img:first-child{display: none;}
.breadcrumbs-container .breadcrumbs-col a:last-child{background: #ffed00;}
.breadcrumbs-container .breadcrumbs-link{display: flex; align-items: center; text-decoration: none; justify-items: center; font-size: 12px; font-weight: 500; background: #eee; height: 30px; padding: 10px 15px; margin-bottom: 10px;}
.breadcrumbs-container .breadcrumbs-link.breadcrumbs-active{background: #ffed00;}
.breadcrumbs-container .breadcrumbs-arrow{width: 6px; margin: 0 10px; margin-bottom: 10px;}


.page-title-container{width: 1140px; margin: 0 auto; margin-top: 30px;}

.page-body-container, .notification-info-container{width: 1140px; margin: 0 auto; margin-top: 30px;}

.notification-info-container-home{width: 1336px;}

/**********************************************************************/
/*****                                                            *****/
/*****                                                            *****/
/*****                         CATALOG                            *****/
/*****                                                            *****/
/*****                                                            *****/
/*****                                                            *****/
/**********************************************************************/

.catalog-categories-ul > li{min-height: 50px; background: #fffab2; display: flex; align-items: center; margin-bottom: 5px; word-break: break-all;}
.catalog-categories-ul > li ul{display: none;}
.catalog-categories-ul > li > a{padding-left: 30px; position: relative; font-size: 20px; font-family: "Oswald"; color: #000; display: flex; align-items: center; text-decoration: none;}
.catalog-categories-ul > li > a:before{content: ''; width: 10px; height: 10px; border: 2px solid #000; border-radius: 100px; display: inline-block; margin-top: 3px; margin-right: 15px;/*  position: absolute; top: 50%; transform: translateY(-50%); */}

.catalog-categories-ul > li a.active{display: none;}
.catalog-categories-ul > li ul li.active{background: #ffed00; }
.catalog-categories-ul > li a.active + ul{display: block;}
.catalog-categories-ul > li ul a{text-decoration: none;}
.catalog-categories-ul > li ul{padding: 22px 0; width: 100%;}
.catalog-categories-ul > li ul li{font-size: 12px; text-transform: uppercase; color: #454545; font-weight: 700; padding: 8px 0;  padding-left: 30px; }
.catalog-categories-ul > li ul li:hover{background: #ffed00;}


.catalog-item{margin-bottom: 30px; display: block; text-decoration: none;}
.catalog-item > div{box-shadow: 0px 0px 35px 0px rgba(0, 0, 1, 0.05); position: relative; max-width: 263px; margin: 0 auto; }
.catalog-item > div:hover{box-shadow: none; outline: 5px solid #ffed00;}
.catalog-item:hover{text-decoration: none;}
.catalog-item .catalog-item-image{ font-size: 14px; color: #fff; font-weight: 600; position: relative; width: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: 90%; max-width: 263px;}
.catalog-item .catalog-item-image span{position: absolute; bottom: 0; padding: 0px 15px 15px 15px;}
.catalog-item .catalog-item-image::before{content: ""; display: block; padding-top: 100%;}
.catalog-item .catalog-item-info{height: 40px; width: 100%; font-size: 12px; display: flex; padding: 0 15px; align-items: center; justify-content: space-between; position: absolute; bottom: 0;}
.catalog-item .catalog-item-info span:first-child{font-size: 14px; font-weight: 600; color: #000;}

.page-body-container .home-informaion-title{margin-top: 40px;}
.page-body-container .catalog-description{margin-top: 40px;}
/* .catalog-item .catalog-item-info span:last-child img{margin-right: -14px;} */

/**********************************************************************/
/*****                                                            *****/
/*****                                                            *****/
/*****                         PRODUCT                            *****/
/*****                                                            *****/
/*****                                                            *****/
/*****                                                            *****/
/**********************************************************************/


.catalog-left-col.product-left-col{padding-top: 17px;}
.product-info-row{margin-top: 20px;}
/* .product-image-col{padding-left: 0;} */
.product-image-col .product-image{cursor: pointer; max-width: 457px; padding-bottom: 72.992%; background-repeat: no-repeat; background-size: 90%; background-position: center; box-shadow: 0px 0px 29px 4px rgba(44, 45, 56, 0.08); }


.product-image-col .product-thumb-row{margin-top: 15px; }
.product-image-col .product-thumb-row a{display: none;}
.product-image-col .product-thumb-col div{background-repeat: no-repeat; background-size: 100%; background-position: center; position: relative; border: 1px solid #000307; cursor: pointer; margin-bottom: 15px;}
.product-image-col .product-thumb-col div.active-thumb{border: 1px solid #ffed00;}
.product-image-col .product-thumb-col div:before{content: ""; display: block; padding-top: 72.992%;}

.product-image-col .product-thumb-row.product-thumb-hidden > .product-thumb-col:nth-child(n+5){display: none;}
.product-thumb-all{background: #ffed00; width: 100%; height: 30px; margin: 5px auto; font-weight: 600; cursor: pointer; font-size: 10px; color: #454545; text-transform: uppercase; background-clip: content-box;}



.info-row{display: flex; align-items: center; margin-bottom: 15px;}
.info-row-title{color: #5e5e5e; font-weight: 500;}
.info-row-value a{color: #4b51d4;}
.info-row-code{color: #000; font-weight: 600;}

.info-row-stock{min-height: 33px; color: #fff;  font-weight: 500; align-items: center; justify-content: center; position: relative; padding: 10px 15px 10px 35px;}
.info-row-stock:before{content: ''; display: block; background-size: 100%; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;}

.info-row-instock{background: #13b632;}
.info-row-instock:before{width: 15px; height: 13px; margin-top: -2px; background-image: url('./img/icons/instock.svg');}

.info-row-outstock{background: #f00;}
.info-row-outstock:before{width: 13px; height: 15px; margin-top: -2px; background-image: url('./img/icons/outstock.svg');}

.info-row-undefstock{background: #ff9800;}
.info-row-undefstock:before{width: 13px; height: 15px; background-image: url('./img/icons/undefstock.svg');}

.info-row-man .info-row-title{margin-right: 28px;}
.info-row-code .info-row-title{margin-right: 65px;}
.info-row-stock-wrap .info-row-title{margin-right: 83px;}


.info-row-size{display: flex; align-items: center; margin-top: 20px;     flex-wrap: wrap;}
.info-row-size-title{margin-right: 15px; font-size: 12px; font-weight: 700; text-transform: uppercase;}
.info-row-size-input{overflow: hidden; border: 1px solid #cfcfcf; position: relative; padding-right: 15px;}
.info-row-size-input:after{content: ''; width: 18px; height: 17px; background-image: url('./img/icons/select-arrow.svg');  background-repeat: no-repeat; z-index: -1; margin-top: -4px; position: absolute;  right: 10px; top: 50%; transform: translateY(-50%);}
.info-row-size-input select{border: none; height: 38px; padding: 0 0 0 15px; width: 200%; background: transparent;}

.info-row-price{background: #fbfbfb; padding: 13px 15px; display: flex; margin-top: 10px;}
.info-row-price-col .price-col-title{font-weight: 500; color: #000; margin-bottom: 5px;}
.price-col-old, .price-col-current{display: flex; align-items: baseline; }
.price-col-old .price-col-old-val{font-size: 16px; position: relative; margin-right: 5px;}
.price-col-old .price-col-old-val:before{content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(-15deg); background: #f00;}
.price-col-old .price-col-old-grn{}

.price-col-current .price-col-current-val{font-size: 30px; font-weight: 500; color: #000; margin-right: 5px;}
.price-col-current .price-col-current-grn{ color: #000; font-weight: 500;}

.product-buy-btn{width: 100%; max-width: 190px; cursor: pointer; text-decoration: none; height: 40px; margin: 25px auto 0; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; font-size: 12px;  font-weight: 600;}
.product-buy-btn:not([disabled="true"]):hover{background: #fffa82;}
.product-buy-btn[disabled="true"]{background: #dddddd; opacity: 0.5; cursor: not-allowed; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #ececec;}

.info-row-price-col, .info-row-buy-col{width: 50%;}
.info-row-buychip-col{padding: 18px 0;}
.buychip-btn{font-size: 12px; font-weight: 600; text-decoration: underline; cursor: pointer;}

.info-row-links{color: #4b51d4; font-weight: 500; font-size: 12px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;}
.info-row-links a{text-decoration: underline;}
.info-row-links .info-row-link-wrap{margin-bottom: 5px;}
.info-row-links .info-row-link-wrap.report-error{background-repeat: no-repeat; background-position: 0 center; padding-left: 25px; background-image: url(data:image/gif;base64,R0lGODlhEQAQALMPAOHd29nY1pOSioSDfLCvq7e2sri3tIYAAKqppYuKg8sAALKxrQAAAP9mZvDv6v///yH5BAEAAA8ALAAAAAARABAAAARTcMlJw7t4uc15sdijdSQRis4gOEnbOsg5klwczjQsp6v72plc7aJQoIQ6RUNx0KhYPsdDWWwip0vmI2DIYauYAAFBJn+1pxMAAE6fGOuDO82ApyMAOw==);}

.info-row-review{margin-top: 15px; display: flex; align-items: center;}
.info-row-review img{margin-right: 20px;}
.info-row-review span{padding-top: 3px;}


.tabs-btns-col{margin-top: 50px; display: flex;}
.tabs-btns-col div{ border: 1px solid #000307; width: 100%; max-width: 161px; height: 48px; color: #000; font-weight: 600; margin-right: 5px; cursor: pointer;}
.tabs-btns-col div.active{background: #000307; color: #fff;}
.tabs-content-col > div{display: none; margin-top: 10px;}
.tabs-content-col > div img{max-width: 100%;}

#tab-chars li{height: 50px; display: flex; align-items: center; margin-bottom: 1px;}
#tab-chars li > div{align-items: center; display: flex; display: flex; align-items: center; padding-left: 20px; font-size: 12px; height: 50px;}
#tab-chars .chars-title{max-width: 180px; width: 100%; background: #fbfbfb;  color: #000; font-weight: 500; margin-right: 2px;}
#tab-chars .chars-value{background: #ededed; font-weight: 600; flex-grow: 1;}
#tab-chars .all-chars-btn{background: #ffed00; width: 137px; height: 30px; margin: 20px auto; font-weight: 500; cursor: pointer; font-size: 10px; color: #454545; text-transform: uppercase;}
#tab-chars .chars-hidden li:nth-child(n+11){display: none;}

.review-list{border: 1px solid #EEEEEE; margin-bottom: 20px; overflow: auto; padding: 10px;}
.review-item-info{display: flex; justify-content: space-between;}


#button-review{background: #ffed00; display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; margin: 20px 0; font-weight: 500; cursor: pointer; font-size: 14px; color: #454545; text-transform: uppercase;}

.recommendwith-title{margin-top: 40px;}
.recommendwith-slider.home-prod-slider{padding: 0; margin-left: -18px;}
.recommendwith-slider .home-prod-prev.slick-arrow, .recommendwith-slider .home-prod-next.slick-arrow{z-index: 50;}


.recommendwith-slider .home-prod-next.slick-arrow{right: 19px;}
.recommendwith-slider .home-prod-prev.slick-arrow{left: 19px;}


/**********************************************************************/
/*****                                                            *****/
/*****                                                            *****/
/*****                         CONTACTS                           *****/
/*****                                                            *****/
/*****                                                            *****/
/*****                                                            *****/
/**********************************************************************/



.contacts-col .contacts-col-title{font-size: 20px; font-family: "Oswald"; color: #222; font-weight: 200; margin-bottom: 5px;}
.contacts-col .contacts-col-content-address{color: #2b2a29; font-weight: 500;}
.contacts-col .contacts-col-content-email{font-size: 20px; color: #4b51d4; text-decoration: underline;}
.contacts-col .contacts-col-content-schedule{display: flex;}
.contacts-col .contacts-col-content-schedule .schedule-col{width: 50%;}
.contacts-col .contacts-col-content-schedule .schedule-period{font-size: 12px; color: #656565; font-weight: 500;}
.contacts-col .contacts-col-content-schedule .schedule-regular{color: #2b2a29; font-weight: 500; margin: 5px 0;}
.contacts-col .contacts-col-content-schedule .schedule-hollyday{color: #f90505; font-weight: 500; margin: 5px 0;}
.contacts-col .contacts-col-content-phone-item{font-size: 20px; color: #222; font-weight: 500; margin: 10px 0; padding-left: 15px;}
.contacts-col  hr{display: none;}
.contacts-row .hr-col hr{border-top: 1px solid #e0e0e0; margin: 30px 0;}


/**********************************************************************/
/*****                                                            *****/
/*****                                                            *****/
/*****                         CART                               *****/
/*****                                                            *****/
/*****                                                            *****/
/*****                                                            *****/
/**********************************************************************/

.cart-prod-info-col{display: flex; align-items: center;}
.cart-prod-info-col .cart-prod-info{padding-left: 20px;}
.cart-prod-info-col .cart-prod-img{width: 165px; height: 165px;  box-shadow: 0px 0px 29px 4px rgba(44, 45, 56, 0.08); background-repeat: no-repeat; background-size: 90%; background-position: center;;}
.cart-prod-info-col .cart-prod-info-name{font-size: 20px; font-family: "Oswald"; color: #000; font-weight: 300; margin-bottom: 10px; display: block;}
.cart-prod-info-col .cart-prod-info-chars{font-size: 12px; color: #454545; font-weight: 700; text-transform: uppercase; margin-bottom: 5px}
.cart-prod-qty-col .cart-prod-qty-input{display: flex; align-items: center;}
.cart-prod-qty-col .cart-prod-qty-input span{font-size: 12px; font-weight: 700;}
.cart-prod-qty-col .cart-prod-qty-input input{font-size: 12px; font-weight: 500; margin: 0 25px; border: 1px solid #cfcfcf; text-align: center; width: 40px; height: 38px;}
.cart-prod-qty-col .cart-prod-qty-btn{display: flex;}
.cart-prod-qty-col .cart-prod-qty-btn img, .cart-prod-qty-col .cart-prod-qty-btn input{width: 17px; height: 16px; cursor: pointer;}
.cart-prod-qty-col{display: flex; align-items: center;}

.cart-prod-price-col{display: flex; align-items: center; justify-content: space-between;}
.cart-prod-price-wrap{display: flex; align-items: center;}
.cart-prod-price-wrap .cart-prod-price:first-child{margin-right: 30px;}
.cart-prod-price-title{color: #595959; font-weight: 500;}
.cart-prod-price-val{font-size: 20px; color: #000; font-weight: 500;}
.cart-prod-price-val span{font-size: 14px;}
.cart-prod-remove-btn img{width: 15px; height: 16px; cursor: pointer;}

/* .cart-prod-item{border-bottom: 1px solid #e0e0e0;} */

.cart-controls{display: flex; margin-top: 40px;}
.cart-controls > div{width: 50%;}
.cart-controls .cart-total .cart-total-title{font-size: 12px; font-weight: 600; margin-right: 5px;}
.cart-controls .cart-total .cart-total-val{font-size: 25px; font-weight: 600;}
.cart-controls .cart-total .cart-total-grn{font-size: 12px; font-weight: 600;}

.cart-controls .cart-continue{text-align: center; width: 100%; margin-right: 10px; max-width: 200px; text-decoration: none; display: flex; height: 40px; background: #ebebeb; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #ebebeb; font-size: 12px;  font-weight: 600;}
.cart-controls .cart-continue:hover{background: #fffa82;}
.cart-controls .cart-order{text-align: center;width: 100%; max-width: 200px; text-decoration: none; display: flex; height: 40px; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; font-size: 12px;  font-weight: 600;}
.cart-controls .cart-order:hover{background: #fffa82;}
.cart-controls .cart-btns{display: flex; justify-content: flex-end;}
.stock-red{color: red; font-weight: 700;}

/**********************************************************************/
/*****                                                            *****/
/*****                                                            *****/
/*****                         ORDER                              *****/
/*****                                                            *****/
/*****                                                            *****/
/*****                                                            *****/
/**********************************************************************/


.radio-col label {display: inline-block; cursor: pointer; position: relative; padding-left: 35px; margin-right: 15px; color: #2b2a29; font-weight: 500;}
.radio-col input[type=radio] {display: none; }
.radio-col label:before {content: ""; display: inline-block;  width: 18px; height: 18px; border: 2px solid #959595; margin-right: 10px; position: absolute; left: 0; bottom: 3px; border-radius: 100px;  background-color: #fff; }
.radio-col input[type=radio]:checked + label:before {content: "\2022"; color: #2b2a29; border: 2px solid #2b2a29; font-size: 42px; text-align: center; line-height: 16px; font-family: 'Arial';}
.radio-col .radio-title{font-size: 20px;  font-family: "Oswald";  font-weight: 200;  color: #222; margin-bottom: 15px; }
.radio-col .radio-title:not(:first-child){margin-top: 20px;}

.radio-col label[for="novaposhta.novaposhta"]{padding-left: 70px;}
.radio-col label[for="novaposhta.novaposhta"]:after{content: url('./img/icons/cart-truck.png'); position: absolute; left: 35px;}


.radio-col label[for="pickup.pickup"]{padding-left: 60px;}
.radio-col label[for="pickup.pickup"]:after{content: url('./img/icons/cart-geo.png'); position: absolute; left: 35px;}



.inputs-col input, .inputs-col select, .inputs-col textarea{border: 1px solid #cfcfcf; height: 50px; width: 100%; margin-bottom: 7px; padding: 0 20px; font-size: 12px; font-weight: 500;} 
.inputs-col input:focus, .inputs-col select:focus, .inputs-col textarea:focus{border: 1px solid #2b2a29;} 
.inputs-col textarea{padding-top: 20px; min-height: 155px;}
.order-row hr{margin-top: 50px;}

.corder-confirm-btn{text-align: center;width: 100%; max-width: 200px; text-decoration: none; display: flex; height: 40px; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; font-size: 12px;  font-weight: 600; margin: 0 auto; margin-top: 20px;}
.corder-confirm-btn:hover{background: #fffa82;}

/**********************************************************************/
/*****                                                            *****/
/*****                                                            *****/
/*****                         CATEGORY                           *****/
/*****                                                            *****/
/*****                                                            *****/
/*****                                                            *****/
/**********************************************************************/

.filters-form{background: #fcfcfc; margin-bottom: 40px; padding-top: 20px;}

.filters-form .advanced-search-box:first-child {background:none; padding: 0 15px;}
.filters-form .advanced-search-box {padding:0px 14px 16px 14px;}
.filters-form .advanced-search-box hr{border-top: 1px solid #cfcfcf;}
.filters-form .advanced-search-box p {font-size: 14px; color: #454545; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
.filters-form .price-slider {height:20px;background:url('./img/bg-advanced-search.png') repeat-x;position:relative;padding:0 0 12px 0;}
.filters-form .ui-slider-range {height:20px;background:url('./img/bg-advanced-search-active.png') repeat-x;}
.filters-form .ui-slider-handle {display: block; width: 8px; height: 18px; position: absolute; background: #e8d800; top: 2px;}
.filters-form .input-price + .input-price {margin-left:15px;}
.filters-form .input-price {border:1px solid #b0b3b5;border-radius:3px 3px 3px 3px;width:65px;height:23px;background:#FFF;position:relative;behavior:url(PIE.htc);}
.filters-form .input-price input {border:0;background:none;height:22px;width:59px;color:#8a8a8a;font-size:14px;padding:1px 3px 0 3px;position:absolute;top:0;left:0;}
.filters-form .niceCheck {width: 13px;height: 13px;   display: inline-block;cursor: pointer;background: url('../image/checkbox.png') no-repeat;overflow: hidden;padding-right:12px;}
.filters-form .niceChecked {background-position: 0 -13px;}
.filters-form .niceCheck input {margin-left: -100px;}
.filters-form .niceCheckDisabled {    background: url('../image/checkbox-dis.png') no-repeat;}
.filters-form .brand-checkbox label {font-size:12px;color:#8a8a8a;line-height:18px;position:relative;top:-2px;}
.filters-form .brand-box {border:1px solid #b4b6b9;width:100%;height:139px;overflow-y:auto;padding:0 0 8px 0;}
.filters-form .brand-checkbox {padding:8px 0 0 15px;}
.filters-form .type .brand-checkbox {padding:8px 0 0 0;}
.filters-form .type p {padding-bottom:6px;}
.filters-form .advanced-search-box.type {padding-bottom:7px;}
.filters-form .advanced-search-button-border-top {border-bottom:1px solid #cfcfcf;padding-top:20px;}
.filters-form .advanced-search-button {margin:15px 10px 12px;position:relative;}
.filters-form .advanced-search-button .buttonclear {padding:0 9px!Important;}
.filters-form .advanced-search-button .buttongo {}



.filters-form .advanced-search-box label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 14px;color: #454545;font-weight: 500;}

.filters-form .advanced-search-box label:before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;bottom: 4px;border: 1px solid #cfcfcf;}
.filters-form .advanced-search-box input[type=checkbox] {display: none;}

.filters-form .advanced-search-box .checkbox label:before {border-radius: 3px;}
.filters-form .advanced-search-box input[type=checkbox]:checked + label:before {content: url('./img/icons/filter-check.png');/* content: "\2713"; */text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 15px;color: #a09500;text-align: center;line-height: 12px;}
.filters-form .input-price-wrap{display: flex;}
.filters-form .input-price-wrap .input-price{border: 1px solid #cfcfcf; border-radius: 0; width: 50%; height: 33px; margin-top: 15px; margin-bottom: 10px;}
.filters-form .input-price-wrap .input-price input{width: 100%; height: 100%; text-align: center;}
.filters-form .advanced-search-button{display: flex; justify-content: center;}
.filters-form .advanced-search-button input{width: 88px; height: 30px; margin-bottom: 20px; margin-right: 5px; border: none; font-size: 10px; font-weight: 500; cursor: pointer;}
.filters-form .advanced-search-button .buttongo{background: #ffed00;}
.filters-form .advanced-search-button .buttonclear{background: #000; color: #fff;}


.filter-mobile{font-weight: 700; display: flex; align-items: center; justify-content: space-between; background: #eeeeee; height: 43px; padding: 0 15px; display: none;}
.filter-mobile img{width: 8px;}


.category-items-row{}
.category-items-row .category-item{padding: 20px; position: relative;}
.category-items-row .category-item:hover{text-decoration: none;}
.category-items-row .category-item-wrap{max-width: 252px; padding: 20px; border: 1px solid #fffab2; margin: 0 auto; background: #fff;}
.category-items-row .category-item-name{font-size: 14px; color: #000; font-weight: 600; display: block; line-height: 19px; }
.category-items-row .category-item-img{margin: 0 auto; max-width: 100%; display: block;}
.category-items-row .category-item-price-wrap{display: flex; justify-content: center; font-size: 16px; color: #000; font-weight: 600;}
.category-items-row .category-item-price-wrap span{font-size: 12px; color: #686868; font-weight: 600;}
.category-items-row .category-item-price-wrap > div{display: flex; align-items: baseline;}
.category-items-row .category-item-price-wrap .category-item-value{margin-right: 4px;}
.category-items-row .category-item-old{margin-right: 20px;}
.category-items-row .category-item-old .category-item-value{position: relative;}
.category-items-row .category-item-old .category-item-value:before{content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(-27deg); background: #f00;}
.category-items-row .category-item-detail{width: 100%; max-width: 120px; cursor: pointer; text-decoration: none; height: 40px; margin: 25px auto 0; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; font-size: 12px;  font-weight: 600;}
/* .category-items-row .category-item-detail:hover{background: #fffa82;} */

.category-items-row .category-item-detail:not([disabled="true"]):hover{background: #fffa82;}
.category-items-row .category-item-detail[disabled="true"]{background: #dddddd; opacity: 0.5; cursor: not-allowed; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #ececec;}



.category-items-row .category-item-wrap .category-item-detail.show-detail{display: flex;}
.category-items-row .category-item-stock{text-align: center; font-size: 12px; font-weight: 500;}
.category-items-row .category-item-stock:before{ display: inline-block; width: 10px; height: 10px; margin-right: 5px;}

.category-items-row .category-item-stock.category-item-instock{color:#599e15;}
.category-items-row .category-item-stock.category-item-instock:before{content: url('./img/icons/instock-category.svg');}

.category-items-row .category-item-stock.category-item-outstock{color:#f00;}
.category-items-row .category-item-stock.category-item-outstock:before{content: url('./img/icons/outstock-category.svg'); position: relative; top: 2px;}

.category-items-row .category-item-stock.category-item-undefstock{color:#ff9800;}
.category-items-row .category-item-stock.category-item-undefstock:before{content: url('./img/icons/undefstock-category.svg');}
.category-items-row .category-item-code{font-weight: 500; color: #1f221d; text-align: center; margin: 10px 0 5px 0; font-size: 12px;}

.category-items-row .category-item-wrap .category-item-compare.show-detail{display: flex;}
.category-items-row .category-item-compare{margin-right: 20px; cursor: pointer; width: 100%; max-width: 40px; text-decoration: none; height: 40px; margin: 25px auto 0; background: #3a3a3a url('./img/icons/justice.png'); background-repeat: no-repeat; background-position: center; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #3a3a3a; font-size: 12px;  font-weight: 600;}
.category-items-row .category-item-compare:hover{background: rgba(58, 58, 58, 0.8) url('./img/icons/justice.png'); background-repeat: no-repeat !important; background-position: center !important;}
.category-item-btns{display: flex;}



.view-switch{display: flex;}
.view-switch div{padding: 10px; cursor: pointer;}
.view-switch div.view-active{background: #ffed00;}
.title-category {display: flex; align-items: center; justify-content: space-between;}
.title-category > div:not(:first-child){margin-top: 15px;}

.prod-list-price-btns{display: flex; align-items: center; }
.prod-list-price-btns > div{width: 50%;}
.prod-list-price-btns .category-item-btns{justify-content: flex-end;}
.prod-list-price-btns .category-item-btns{display: flex;}
.prod-list-price-btns .category-item-compare{display: flex; width: 40px;}
.prod-list-price-btns .category-item-detail{display: flex;}

.prod-list-price-btns .category-item-compare{margin: 0; margin-right: 15px;}
.prod-list-price-btns .category-item-detail{margin: 0; margin-right: 0px;}
.prod-list-price-btns  .category-item-price-wrap{justify-content: flex-start;}
.prod-list-code-stock .category-item-code, .prod-list-code-stock .category-item-stock{display: block; margin-right: 20px;}
.prod-list-code-stock .category-item-code{margin-top: 0; margin-bottom: 0;}
.prod-list-code-stock {display: flex; align-items: center; margin-top: 10px; margin-bottom: 20px;}

.prod-list-descr{ font-size: 12px; color: #6c6c6c; }
.prod-list-name{font-size: 14px; color: #000; font-weight: 600; display: block; line-height: 19px;}
.prod-list-img{max-width: 290px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: 60%; }
.prod-list-img:before{content: ''; display: block; width: 100%; padding-bottom: 60%; }


.category-col-list{display: flex; align-items: center; margin-bottom: 30px;}
.category-col-list:hover{text-decoration: none;}
.category-col-list .prod-list-info{flex-grow: 1;}


.category-pagination-col {display: flex; justify-content: center; align-items: center; text-transform: uppercase; margin-top: 20px; flex-wrap: wrap;}
.category-pagination-col .pagination-a-box{padding: 0; margin: 0 20px; display: flex; flex-wrap: wrap; align-items: center;}
.category-pagination-col .pagination-a-box > span{margin-bottom: 10px;}
.category-pagination-col > a{font-size: 12px; color: #6d6d6d; font-weight: 600; text-decoration: underline;  font-family: 'Montserrat'; margin-bottom: 7px}
.category-pagination-col .pagination-a-box a{display: flex; align-items: center; justify-content: center; color: #000; background: #f2f2ee; width: 40px; height: 40px; font-family: 'Montserrat'; font-size: 14px; font-weight: 600;  margin-bottom: 7px; margin-left: 4px; margin-right: 4px;}
.category-pagination-col .pagination-a-box a.active{background: #ffed00; color: #000;}

.pagination {    margin-bottom: 150px; display: flex; justify-content: center; align-items: center; text-transform: uppercase; margin-top: 20px; flex-wrap: wrap;}
.pagination .pagination-a-box{padding: 0; margin: 0 20px; display: flex; flex-wrap: ;}
.pagination > a{font-size: 12px; color: #6d6d6d; font-weight: 600; text-decoration: underline;  font-family: 'Montserrat';}
.pagination .pagination-a-box a{display: flex; align-items: center; justify-content: center; color: #000; background: #f2f2ee; width: 40px; height: 40px; font-family: 'Montserrat'; font-size: 14px; font-weight: 600;}
.pagination .pagination-a-box a.active{background: #ffed00; color: #000;}



span.wait{text-align: center; margin-top: 20px;}

.order-confirm-col{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.payment-info{    padding: 20px;    margin-top: 20px; display: none;}

.reklama-box, .reklama-strelka, .reklama-exit{display: none;}
.payment-info .buttons{display: none;}
#button-confirm{display: none;}
#content{width: 1140px; margin: 0 auto !important; padding: 0 15px; font-family: 'Montserrat';}

.button{width: 190px; display: flex; align-items: center; justify-content: center;  font-family: 'Montserrat'; text-align: center; text-decoration: none; height: 40px; border: none; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; margin: 30px 2px 0 0; font-size: 12px;  font-weight: 600;}
.buttons{border: none;}


.breadcrumb{width: 1140px; margin: 0 auto; margin-top: 15px; background: none; padding: 0;}
.breadcrumb {display: flex; align-items: center; flex-wrap: wrap;}
.breadcrumb a:last-child{background: #ffed00;}
.breadcrumb a{display: flex; margin-bottom: 10px;  align-items: center; font-family: 'Montserrat'; color: #454545; text-decoration: none; justify-items: center; font-size: 12px; font-weight: 500; background: #eee; height: 30px; padding: 10px 15px;}
.breadcrumb a:hover{text-decoration: none; }
.breadcrumb a:last-child{background: #ffed00;}
.breadcrumb .breadcrumbs-arrow{width: 6px;  margin: 0 10px;  margin-bottom: 10px;}


h2, h3, h4, h5, h6{font-size: unset;}

.yelline-title{padding-left: 91px; font-size: 25px; font-family: "Oswald"; font-weight: 300; color: #000; position: relative;}
.yelline-title:before{content: ''; background: #ffed00; width: 68px; height: 10px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: 4px;}

.review .content{margin: 30px 0; font-size: 16px;}
body > .banner-box {display: none;}


#totop{position: fixed; z-index: 9998; right: 30px; bottom: 20px; width: 50px; height: 50px; background: #ffed00; border-radius: 100%; display: none; line-height: 50px; text-align: center; cursor: pointer;}
#totop:hover{background: #fffa82;}
#totop img{width: 15px; transform: rotate(90deg);}



#cboxWrapper{overflow: visible !important; }
#cboxWrapper .found_error_title{font-family: "Oswald"; font-size: 22px; font-weight: 400;}
#cboxWrapper .found_error_text{border: none; padding: 0;}
#cboxWrapper .found_error_input{color: #6b6b6b; padding-left: 20px; background: #fff; box-shadow: 0px 0px 29px 4px rgba(44, 45, 56, 0.08); height: 50px; margin-bottom: 20px; border: none;}
#cboxWrapper .found_error_input::placeholder{color: #6b6b6b;}
#cboxWrapper .found_error_button{}
#cboxWrapper .found_error_button input{cursor: pointer; padding-left: 20px; border: none; align-items: center; justify-content: center; text-align: center;width: 100%; max-width: 200px; text-decoration: none; display: flex; height: 40px; background: #ffed00; box-shadow: -3px 3px 0 -1px white, -3px 3px 0 0 #d3c400; font-size: 12px;  font-weight: 600; margin: 0 auto; margin-top: 20px;}
#cboxWrapper .found_error_button input:hover{background: #fffa82;}

#cboxWrapper .found_error{margin-left: 5%;}
#cboxMiddleLeft, #cboxTopCenter, #cboxTopLeft, #cboxTopRight{display: none;}
#cboxLoadedContent{padding-top: 20px;}


.news ul{margin-top: 0; margin-bottom: 1rem; list-style-type: disc; padding-left: 40px;}
.content-news{background: none; border: none; box-shadow: none;}


@media (min-width: 576px){
    
    .banner-box img{max-width: 100%; width: 100%;}
}
@media (min-width: 768px){
    .home-prod-slider .home-prod-slide-wrap:hover{box-shadow: 0px 0px 29px 4px rgb( 44, 45, 56, 0.08 ); border: 1px solid #fff; position: absolute; left: 50%; transform: translateX(-50%); width: 100%;}
    .category-items-row .category-item-wrap:hover{box-shadow: 0px 0px 29px 4px rgb( 44, 45, 56, 0.08 ); border: 1px solid #fff; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; z-index: 9;}
    .category-items-row .category-item-wrap:hover .category-item-code, .category-items-row .category-item-wrap:hover .category-item-stock{display: block;}
    .category-items-row .category-item-wrap:hover .category-item-btns{display: flex;} 
    .category-item-code, .category-item-stock, .category-item-btns  {display: none;}
    .category-items-row .category-col-tab .category-item-compare  {display: none;}
    .category-items-row .category-col-tab .category-item-detail  {display: none;}
    /* .header-tels-col .tels-popup:after {content: ''; width: 100%; height: 30px; top: -30px; position: absolute; left: 0;} */
.header-tels-col .tels-btns-wrap:hover .tels-popup{display: block;}



    
}
@media (min-width: 701px){
    .top_menu-wrap li:hover{border-bottom: 2px solid #000;}
    .top_menu-wrap{display: flex !important;}
}
@media (min-width: 1201px){
    .header-catalog-col:hover{background: #fffab2; color: #454545;}
    .header-catalog-col:hover .header-catalog-col-img{background-image: url('./img/catalog-hov.png') !important;}
    .header-catalog-col:before{content: ''; position: absolute; width: 100%; height: 10px; top: -10px; left: 0; background: #fffab2; display: none;}
    .header-catalog-col:hover:before{display: block;}
    .header-catalog-col:hover ul{display: block; z-index: 9999;}
}
@media (max-width: 1820px){
    .header-content-wrapper{width: 100%;}
    .header-catalog-wrapper{width: 100%;}
    .home-content-wrapper{width: 100%;}
    .home-line{width: 100%;}
    .footer-content-wrap{width: 100%;}
}
@media (max-width: 1336px){
    .top_menu-container, .header-content-container, .header-catalog-container, .home-container, .newarrials-slider-row, .home-informaion-container, .notification-info-container-home{width: 100%;}
}


@media (max-width: 1200px){
    .cart-col .callback-btn-wrap button{width: 40px;}
    .cart-col .callback-btn-wrap span{display: none;} 
    .cart-col .callback-btn-wrap svg{display: initial;} 

    .home-prod-slider .home-prod-slide-name{line-height: 14px; font-size: 12px;}
    .home-prod-slider .home-prod-slide-wrap{padding: 4px;}
    .home-prod-slider .home-prod-slide{padding: 20px 5px;}
    .home-prod-slider{padding: 0 36px;}
    .home-prod-prev.slick-arrow, .home-prod-next.slick-arrow{width: 35px; height: 52px;}
    .home-prod-prev.slick-arrow img, .home-prod-next.slick-arrow img{width: 6px;}
    .home-prod-slider .home-prod-slide-name{font-size: 11px;}
    .home-prod-slider .home-prod-slide-detail{width: 100%; max-width: 88px; height: 21px; font-size: 11px; margin: 15px auto 10px;}
    .home-prod-slider .home-prod-slide-price-wrap{font-size: 14px; flex-wrap: wrap;}

    /* .home-content-wrapper:before{display: none;} */
    
}

@media (max-width: 1140px){
    .four-cats-row{width: 100%;}
    .top-sale-row{width: 100%;}
    .home-informaion-row{width: 100%;}
    .home-description-container{width: 100%;}
    .breadcrumbs-container{width: 100%;}
    .page-title-container{width: 100%;}
    .page-body-container{width: 100%;}
    .notification-info-container{width: 100%;}
    #content{width: 100%;}
}
@media (max-width: 900px){
.prod-list-img{max-width: 200px; width: 100%; background-repeat: no-repeat; background-position: center; }

}
@media (max-width: 767px){
    .top_menu-col{min-height: 38px;}
    .top_menu-col{background: #fefefe;}
    .top_menu-wrap li{font-size: 12px; margin-right: 13px;}
    .personal-area a{font-size: 12px;}
    .personal-area .fa-user-circle, .personal-area .fa-user-circle-solid{width: 14px;}
    .header-content-wrapper{min-height: 100px;}
    .header-logo-col{padding-top: 20px;}
    .header-search-col{padding-top: 17px;}
    .header-search-col .search-input input{height: 30px;}
    .header-tels-col button{width: 30px; height: 30px; margin: 20px 0 0 0; display: flex; align-items: center; justify-content: center; padding: 0;}
    .header-search-col .search-input button{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0;}
    .cart-col .callback-btn-wrap button{width: 30px; height: 30px;}
    .header-tels-col svg.fa-sort-down{width: 8px;}
    .header-logo-col, .header-search-col, .header-tels-col, .cart-col{padding-left: 0;}
    .cart-col .callback-btn-wrap button{margin: 31px 2px 0 0;}
    .cart-col .cart-wrap .cart-img{width: 40px; height: 64px; background-size: contain; background-size: 28px;}
    .cart-col .cart-wrap .cart-text .cat-text-title{font-size: 14px;}
    .cart-col .cart-wrap .cart-text .cat-text-count{font-size: 10px;}
    .cart-col .text-wrap{position: absolute; bottom: 2px; white-space: nowrap; right: 10px; font-size: 10px;}
    .header-tels-col .tels-popup{left: -210%;}
    .header-catalog-col img{width: 38px;}
    .header-catalog-col{font-size: 14px; }

    .home-info{padding: 10px 30px 10px 20px; font-size: 11px; margin-top: 15px;}
    .home-info img{width: 10px; position: absolute; right: 15px; top: 15px;}
    .home-image-slider .slick-arrow{width: 45px;}
    
    .four-cats-col{height: 276px; background-size: cover;}
    .four-cats-col a{width: 100%; max-width: 129px; height: 30px; font-size: 10px; margin: 0 10px 17px;}
    
    .home-black-title{padding-left: 15px; height: 27px; font-size: 10px; background-size: contain;}
    .top-sale-prod-img{width: 44px; height: 44px;}
    .top-sale-prods-row{background: #fff; padding: 10px;}
    .top-sale-row.top-sale-prods-row{margin-top: 10px; }  

    .home-informaion-content-row .home-informaion-col a{height: 32px; font-size: 10px;}  
    .home-informaion-content-row{padding: 15px;}
    .home-informaion-content-row .home-informaion-col{padding: 2px;}

    .home-description-title{font-size: 20px;}
    .home-description-subtitle{font-size: 14px;}


    .footer-row .footer-menu-col a{font-size: 10px;}
    .footer-row .footer-contacts-phone{font-size: 12px;}
    .footer-row .footer-contacts-address{font-size: 10px;}
    .footer-row .footer-contacts-email{font-size: 10px;}
    .footer-row .footer-menu-col li{margin-bottom: 0px; line-height: 14px;}
    .footer-row .footer-contacts-col, .footer-row .footer-menu-col{padding: 5px;}
    .footer-row .footer-menu-col{border: none;}
    .footer-row .footer-contacts-col > div:not(:last-child){margin-bottom: 25px;}
    .footer-row .footer-social-col .sitemap-link-wrap a{font-size: 10px;}
    .footer-row .footer-social-col .socials-links a{width: 26px; height: 26px;}
    .footer-row .footer-social-col .socials-links .s-fb{width: 7px;}
    .footer-row .footer-social-col .socials-links .s-vk{width: 14px;}
    .footer-row .footer-social-col .socials-links .s-tw{width: 13px;}
    .footer-row .footer-social-col{border: none;}
    .footer-row .footer-copyright-col{font-size: 10px;}
    .footer-row .footer-col-info{padding-top: 20px;}
    .footer-row .footer-col{min-height: 300px;}
    .footer-row{border: 1px solid #bfbfbf;}


    .breadcrumbs-container .breadcrumbs-link{min-height: 10px; font-size: 10px; padding: 10px 15px;}
    .page-title-container{margin-top: 15px;}
    
    .catalog-categories-ul > li ul{padding: 16px 0;}
    .catalog-categories-ul > li ul li{padding: 5px 5px 5px 25px;}
    .catalog-categories-ul > li > a{font-size: 16px;}
    .catalog-categories-ul > li > a{padding-left: 25px;}

    .info-row-stock{padding: 0px 5px 0px 25px; }
    .info-row .info-row-title{font-size: 12px; }
    .info-row{margin-bottom: 0;}
    .info-row-value{font-size: 12px;}
    .info-row-man .info-row-title{margin-right: 10px;}
    .info-row-code .info-row-title{margin-right: 41px;}
    .info-row-stock-wrap .info-row-title{margin-right: 56px;}
    .info-row-stock{min-height: 18px;}
    .info-row-stock:before{left: 7px;}
    .info-row-undefstock:before{width: 10px; height: 12px;}
    .info-row-instock:before{width: 11px; height: 9px;}
    .info-row-outstock:before{width: 10px; height: 11px;}
    .info-row-size{margin-top: 10px;}
    .info-row-size-title{font-size: 10px;}
    .info-row-size-input select{height: 23px; padding: 0 0 0 7px;}
    .info-row-size-input{border: 2px solid #cfcfcf; max-width: 47px;}
    .info-row-size-input:after{width: 8px; height: 11px; right: 4px; margin-top: -3px;}
    .info-row-price{padding: 5px;}
    .info-row-price-col .price-col-title{font-size: 12px;}
    .price-col-old .price-col-old-val{font-size: 12px;}
    .price-col-old .price-col-old-grn{font-size: 10px;}
    .price-col-current .price-col-current-val{font-size: 16px;}
    .price-col-current .price-col-current-grn{font-size: 12px;}
    .product-buy-btn{height: 27px; font-size: 12px;}
    .buychip-btn{font-size: 10px;}
    .info-row-buychip-col{padding: 5px 0;}
    .info-row-links{font-size: 10px; padding-bottom: 5px;}
    .info-row-review{margin-top: 2px;}
    .info-row-review span{font-size: 10px; padding-top: 1px;}
    .info-row-review img{height: 9px;}

    .tabs-btns-col div{ height: 28px; font-size: 10px;}
    #tab-chars li{margin-bottom: 3px; height: 37px;}
    #tab-chars li > div{font-size: 10px; height: 37px;}
    #tab-chars .chars-title{max-width: 130px;}
    

    .contacts-col .contacts-col-title{font-size: 15px;}
    .contacts-col .contacts-col-content-address{font-size: 12px;}
    .contacts-col .contacts-col-content-email{font-size: 12px;}
    .contacts-col .contacts-col-content-schedule .schedule-period{font-size: 10px;}
    .contacts-col .contacts-col-content-schedule .schedule-regular{font-size: 12px;}
    .contacts-col .contacts-col-content-schedule .schedule-hollyday{font-size: 12px;}
    .contacts-col .contacts-col-content-phone-item{font-size: 12px; margin: 20px 0;}
    
    .cart-prod-info-col .cart-prod-img{width: 106px; height: 106px;}
    .cart-prod-info-col .cart-prod-info-name{font-size: 15px;}
    .cart-prod-info-col .cart-prod-info-chars{font-size: 10px;}
    .cart-prod-qty-col .cart-prod-qty-input span{font-size: 10px;}
    .cart-prod-qty-col .cart-prod-qty-input input{width: 27px; height: 27px; margin: 0 10px;}
    .cart-prod-price-title{font-size: 10px;}
    .cart-prod-price-val{font-size: 14px;}
    .cart-prod-price-val span{font-size: 10px;}
    .cart-prod-price-wrap .cart-prod-price:first-child{margin-right: 10px;}
    .cart-prod-item-row > div{margin-bottom: 15px;}
    .cart-prod-qty-col{justify-content: space-between;}
    .cart-prod-price-wrap .cart-prod-price:first-child{margin-right: 25px;}

    .inputs-col input, .inputs-col select, .inputs-col textarea{height: 41px;}
    .inputs-col textarea{height: 130px;}

    .prod-list-img{max-width: 120px; width: 100%; background-repeat: no-repeat; background-position: center; }


    .banner-box{display: none !important;}
    .banners-col-home .banner-box{display: block !important;}

}
    


@media (max-width: 700px){
    .top_menu-col{height: 40px;}
    .top_menu-burger{display: flex;}
    .top_menu-wrap{display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 10;}
    .top_menu-wrap li{display: list-item; text-align: center; margin-bottom: 8px; font-size: 14px;}
    .personal-area .fa-user-circle{display: none;}
    .personal-area .fa-user-circle-solid{display: block;}
    .cart-col .text-wrap{display: none;}
    .header-tels-col .tels-show-btn{display: none;}
    /* .home-content-wrapper:before{display: none;} */

    .category-col-list{display: none !important;}
    .category-col-tab{display: block !important;}
    .view-switch{display: none;}
}

@media (max-width: 650px){
    .header-search-col .search-tip{font-size: 8px;}
    .header-search-col .address{font-size: 8px;}
    .header-search-col{padding-top: 20px;}
    .cart-col .cart-wrap .cart-text{padding-left: 5px;}
    .header-catalog-col{font-size: 12px; justify-content: center;}
}
@media (max-width: 575px){
    .header-search-col:not(.header-search-col-small) .search-tip{display: none;}
    .header-search-col:not(.header-search-col-small) .address{display: none;}
    .header-search-col:not(.header-search-col-small) .search-input input{display: none;}
    .header-tels-col button{margin: 0;}
    .header-logo-col{padding-top: 5px;}
    .header-search-col{padding-top: 5px;}
    .header-search-col .search-input{margin: 0;}
    .header-tels-col{padding-top: 5px;}
    .cart-col .callback-btn-wrap button{margin: 2px 0 0 0;}
    .cart-col .cart-wrap .cart-img{width: 25px; height: 35px;}
    .cart-col .cart-wrap .cart-img{background-size: 12px; background-position: center;}
    .cart-col .cart-wrap .cart-text{display: none;}
    .header-logo-col img{max-width: 106px;}
    .header-logo-col{text-align: right;}
    .header-search-col .search-input button{margin: 0 auto;}
    .header-search-col.header-search-col-small{display: block;}
    .header-search-col .search-tip{font-size: 10px; margin-bottom: 5px;}
    .header-search-col .address{font-size: 10px;color: #000; margin-bottom: 10px;}
    .header-search-col.header-search-col-small .text-wrap{font-size: 12px; font-weight: 600; margin-top: 10px;}
    .header-catalog-col .header-catalog-col-img{background-size: 100%; background-repeat: no-repeat; background-position: center;}
    .home-prod-slider .home-prod-slide-wrap{max-width: 201px; padding: 10px 5px; }
    .banner-box{width: 100%;}
    .bannercol{width: 50%; padding: 5px;}
    .banners-col{display: flex; padding-left: 0;}
    .banners-col.banners-col-home{padding-left: 15px;}
    .yelline-title{font-size: 20px; padding-left: 60px;}
    .yelline-title:before{width: 36px; height: 6px; margin-top: 3px;}

    .four-cats-col{height: 134px; background-size: cover;margin-bottom: 5px;}
    .four-cats-col a{width: 100%; max-width: 244px; height: 29px; font-size: 10px; margin: 0 10px 10px; font-size: 12px;}

    .home-informaion-content-row{padding: 10px 5px;}

    .footer-row .footer-social-col{border-top: 1px solid #262626; border-bottom: 1px solid #262626;}

    .product-image-col .product-image{max-width: 100%;}
    /* .info-row{justify-content: space-between;} */
    .info-row-man .info-row-title{font-size: 12px;}
    .info-row-stock-wrap .info-row-title{margin-right: 131px;}
    .info-row-code .info-row-title{margin-right: 116px;}
    .info-row-man .info-row-title{margin-right: 86px;}
    .info-row-size-title{margin-right: 108px;}
    .product-buy-btn{max-width: 79px; margin-left: 48px;}
    .info-row-buychip-col{padding: 15px 0;}
    .info-row-review img{height: 12px;}

    .contacts-row .hr-col hr{display: none;}
    .contacts-col hr{display: block;}
    .contacts-col-content-schedule .schedule-col:first-child{padding-right: 5px;}
    .contacts-col-content-schedule .schedule-col:last-child{padding-left: 5px;}
    
    .cart-controls{flex-direction: column; margin-top: 0;}
    .cart-controls > div{width: 100%;}
    .cart-controls .cart-continue, .cart-controls .cart-order{font-size: 10px; margin-top: 15px;}

    .radio-col, .inputs-col{margin-bottom: 30px;}
    .order-row hr{display: none;}
    .filter-mobile{display: flex; margin-bottom: 20px;}
    .filters-form{display: none;}

    .title-category{flex-direction: column;  align-items: flex-start;}
    .title-category .info-row-size-title{margin-right: 20px;}
    .title-category .info-row-size-input{max-width: 100%;}

}

@media (max-width: 480px){
    /* .header-tels-col .tels-btns-wrap{justify-content: center;} */
    .header-logo-col{padding-left: 15px;}
    .header-search-col{padding-right: 5px;}
}
@media (max-width: 480px){
    .header-tels-col .tels-popup{left: -320%;}

}

@media (max-width: 320px){
    
}