@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

#navbar { padding: 0; }
.navbar { margin-bottom: 0; }
.navbar-inverse { background: transparent; border: 0; }
.navbar-toggle { background: #291924; }
p { margin-bottom: 20px; }
.clear { clear: both; overflow: hidden; content: '.'; margin: 0; }
img { max-width: 100%; height: auto; }
/*
div [class*="col-"] { padding-right:10px; padding-left:10px; }
div.container .row { margin-left:10px; margin-right:10px }
div.container, .navbar-collapse { padding-right:10px; padding-left:10px; }
*/
.dropdown-menu { box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25); }    

/*
div [class*="col-"] { padding-right:10px; padding-left:10px; }
div.container .row { margin-left:-10px; margin-right:-10px }
div.container, .navbar-collapse { padding-right:10px; padding-left:10px; }
*/                                                                 

a { color: #979797; }
a:hover { color: #e85f14; }
hr { border: none; height: 1px; background-color: #404040; clear: both; margin: 0; overflow: hidden; margin: 30px 0; }
a.more { font-size: 14px; /*text-transform: capitalize;*/ color: #1c1c1c; border-bottom: solid 2px #e85f14; text-decoration: none; }
a.more:hover { color: #e85f14; }
a.more.abs { display: block; position: absolute; text-transform: none; right: 110px; margin-top: -67px;  }


body { font-family: 'Rubik', sans-serif; color: #979797; font-size: 15px; font-weight: normal;  }
.ovh { overflow: hidden; position: fixed; }
.nm { margin: 0; }
h1, .h1, h2, .h2 { font-size: 35px; font-weight: 500; text-align: left; margin-bottom: 30px; color: #1c1c1c;
 text-align: left; padding-bottom: 15px; }
#main h1, #product h1 { border-bottom: solid 1px #e1e1e1; } 
  
.an { font-size: 18px; font-weight: 300; margin: 20px 0 30px; display: block; color: #979797; text-align: center; }
h3 { font-size: 13px; font-weight: 500; text-transform: uppercase; }
h4 { font-size: 15px; font-weight: 500; color: #111; }


#breadcrumbs { font-size: 14px; color: #c5c5c5;          
padding: 30px 0 5px; }
#breadcrumbs a {  }
#breadcrumbs .container div { display: inline; }

#subheader { background: #f7f7f7; font-size: 14px; padding: 7px 0;  }
#subheader .place, #subheader .email, #subheader .phone { background: url(/img/place.png) 0px 50% no-repeat; padding-left: 15px;
margin-right: 20px; padding-right: 20px;  }
#subheader .place { border-right: solid 1px #e1e1e1; }
#subheader .email { background: url(/img/email.png) 0px 50% no-repeat; padding-left: 20px;  }
#subheader .phone { background: url(/img/phone.png) 0px 50% no-repeat; padding-left: 20px; float: left; }
#subheader .social { float: right; margin-top: 3px; }
#subheader .social a { display: inline-block; width: 15px; height: 15px; background: url(/img/social.png) 0px 0 no-repeat; filter: grayscale(100%); }
#subheader .social a.i { background-position-x: -22px; margin-left: 5px; }
#subheader .social a:hover { filter: none; }


#header { z-index: 2; width: 100%; padding: 20px 0; background: #fff;  }
#header a.logo { float: left; display: block; width: 237px; height: 60px; background: url(/img/logo.png) 0px 0px no-repeat; 
z-index: 2; position: relative;  }
#header .phone { display: block; float: left; color: #1c1c1c; font-size: 19px; font-weight: 700; background: url(/img/phone.png) 0px 50% no-repeat; padding-left: 25px; margin-right: 10px; 
line-height: 60px; }
.messager, .viber { display: block; float: left; width: 38px; height: 38px; background: url(/img/messager.png) 0px 0px no-repeat;   
margin-top: 10px; margin-left: 2px; }
.viber { background: url(/img/viber.png) 0px 0px no-repeat; margin-left: 7px; }
.messager:hover { background: url(/img/messager-hover.png) 0px 0px no-repeat; }
.viber:hover { background: url(/img/viber-hover.png) 0px 0px no-repeat; }







#menuheader { background: #272727; }
#menuheader ul { margin: 0; list-style-type: none; float: none; padding: 0;  }
#menuheader ul li { float: left; }
#menuheader ul li a { display: block; text-decoration: none; padding: 16px 35px 14px 35px; background: none; color: #fff; font-weight: 500;
font-size: 13px; color: #fff; text-transform: uppercase; }
#menuheader ul li:first-child a { background: #e85f14 url(/img/menu.png) 20px 50% no-repeat; padding-left: 45px; }
#menuheader ul li:first-child:hover a { background-color: #e85f14; color: #fff; }  
#menuheader ul li.active a { color: #ffffaa; }
#menuheader ul li:hover a { color: #e85f14; }   
#menuheader ul .sep{ display: block; float: left; width: 1px; line-height: 10px; height: 10px; background: #5d5d5d; margin-top: 20px; }

#menuheader ul li.kyivstar, #menuheader ul li.lifecell, #menuheader ul li.email { background: url(/img/kyivstar.png) 0 50% no-repeat; 
margin-left: 30px; }
#menuheader ul li.lifecell { background: url(/img/lifecell.png) 0 50% no-repeat; }
#menuheader ul li.email { background: url(/img/email.png) 0 50% no-repeat; }




#menuheader i { }

#search { position: relative; z-index: 1; margin-top: 7px;  }
#search form { margin: 0; padding: 0; background: #fff; white-space: nowrap; border: solid 1px #e1e1e1; max-width: 9999px; overflow: hidden; }
#search form input { border: 0; box-sizing: border-box; }
#search .button-search { float: right; cursor: pointer; height: 17px; width: 17px; font-weight: 600; background: url(/img/search.png) 50% 50% no-repeat;
margin-top: 10px; position: relative; z-index: 2; text-indent: -9999px; }
#search .button-search:hover {  }

#suggestions { background-color: #fff; position: absolute; z-index: 9999; 
padding: 15px; padding-right: 10px box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
}
#suggestions .product img { width: 80px; padding-right: 5px; }
#suggestions .product { overflow: hidden; color: #333; padding: 5px 0 5px 0; margin-right: 10px; }
#suggestions .product:hover, #suggestions .product.selected { }
#suggestions .product:hover *, #suggestions .product.selected * { color: #000; }    
/*#suggestions .product a, #suggestions .product .price { float: left; }*/
#suggestions .product a img { padding-right: 10px; float: left; }
#suggestions .product a { color: #222; display: block; padding: 7px; font-size: 14px; border-bottom: solid 1px #e1e1e1; 
overflow: hidden; }

#suggestions .product .price { font-size: 16px !important; padding: 0; font-weight: 600; }
#suggestions .product .price i { font-style: normal;  } 
/*
#lang { float: left; font-weight: 500;   }    
#lang a { display: inline-block; padding: 12px 5px; color: #202020; }
#lang .sep { background: #ccc; width: 1px; height: 20px; margin-bottom: -5px; display: inline-block; }
#lang a.active { font-weight: bold; }
*/

#cart, #compare, #searchm { float: right; margin-top: 20px; margin-left: 20px; }
#cart a { float: right; display: block; width: 27px; height: 27px; background: url(/img/cart.png) 0 0 no-repeat; position: relative; z-index: 1; }
#cart_total { display: block; }
#cart_all_count { background: #eb7b4b; color: #fff; border-radius: 100px; position: absolute; right: -7px; top: -7px;
width: 17px; height: 18px; line-height: 18px; vertical-align: middle; text-align: center; font-size: 9px; }
#cart_all_price { display: none; }
#cart a:hover { background: url(/img/cart-hover.png) 0 0 no-repeat; }

#compare a { float: right; display: block; width: 27px; height: 27px; background: url(/img/dif.png) 0 0 no-repeat; position: relative; z-index: 1; }
#compare_total { display: block; }
#compare_all_count { background: #eb7b4b; color: #fff; border-radius: 100px; position: absolute; right: -7px; top: -7px;
width: 17px; height: 18px; line-height: 18px; vertical-align: middle; text-align: center; font-size: 9px; }
#compare a:hover { background: url(/img/dif-hover.png) 0 0 no-repeat; }

#searchm { display: block; float: right; display: block; width: 27px; height: 27px; background: url(/img/search2.png) 0 0 no-repeat; position: relative; z-index: 1; }

#menucategories { font-size: 15px; font-weight: 400; z-index: 1; }
#menucategories:hover { z-index: 2; }
#menucategories ul { list-style-type: none; background: #fff; box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1); }
#menucategories ul li a { color: #1c1c1c; background: url(/img/menucat/1.png) 15px 50% no-repeat; display: block; padding: 14px 0; padding-left: 50px; 
border: solid 1px #efefef; border-top: none; text-decoration: none; }
#menucategories ul li:first-child+li a { background: url(/img/menucat/2.png) 13px 50% no-repeat; background-size: 30px; }
#menucategories ul li:first-child+li+li a { background: url(/img/menucat/3.png) 13px 50% no-repeat; } 
#menucategories ul li:first-child+li+li+li a { background: url(/img/menucat/4.png) 11px 50% no-repeat; } 
#menucategories ul li:first-child+li+li+li+li a { background: url(/img/menucat/5.png) 11px 50% no-repeat; } 
#menucategories ul li:first-child+li+li+li+li+li a { background: url(/img/menucat/6.png) 12px 50% no-repeat; } 
#menucategories ul li:first-child+li+li+li+li+li+li a { background: url(/img/menucat/7.png) 11px 50% no-repeat; }

#menucategories ul li a:hover { background-image: url(/img/menucat/1h.png); }
#menucategories ul li:first-child+li a:hover { background-image: url(/img/menucat/2h.png); }
#menucategories ul li:first-child+li+li a:hover { background-image: url(/img/menucat/3h.png); }
#menucategories ul li:first-child+li+li+li a:hover { background-image: url(/img/menucat/4h.png); }
#menucategories ul li:first-child+li+li+li+li a:hover { background-image: url(/img/menucat/5h.png); }
#menucategories ul li:first-child+li+li+li+li+li a:hover { background-image: url(/img/menucat/6h.png); } 
#menucategories ul li:first-child+li+li+li+li+li+li a:hover { background-image: url(/img/menucat/7h.png); }
#menucategories ul li a:hover { background-color: #f7f7f7 !important; color: #e85f14; }

#menucategories ul li:hover, #header ul li:hover ul  { display: block; background: #f7f7f7; }
#menucategories ul li { /*position: relative;*/ z-index: 99; }                          
#menucategories ul li ol { display: none; padding-left: 0; margin-left: 0; position: absolute; top: 0; /*left: 262px;*/ background: #f7f7f7; 
width: 300px; list-style-type: none; /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);*/ z-index: 99999; left: 277px; padding-top: 10px; min-height: 353px; }
#menucategories ul li:hover ol { display: block; }
#menucategories ul li ol li { z-index: 99999; }
#menucategories ul li ol li a { background-image: none !important; border: 0; padding: 7px 0; padding-left: 25px; 
position: relative; z-index: 99999; color: #838383; font-size: 14px; }


#menucategories ul li .arrow { display: block; position: relative; right: 0; top: 0;  z-index: 9; width: 18px; height: 18px;
background: url(/img/arrow-right.png) 50% 50% no-repeat; cursor: pointer; margin-top: -35px; margin-right: 0;
float: right; padding: 23px; margin-top: -49px; }
#menucategories ul li:hover .arrow { background-image: url(/img/arrow-right-hover.png); } 


.slick-prev, .slick-next { position: absolute; right: 15px; left: auto; top: -55px; }
.slick-prev { margin-right: 30px; border-right: solid 1px #e1e1e1; padding-right: 43px; }
#slider { margin-top: 30px; overflow: hidden; }
#slider .slick-prev, #slider .slick-next { position: absolute; right: 15px; left: auto; top: 50%; margin-top: -22px; z-index: 0; }
#slider .slick-prev { left: 0; right: auto; border: 0; }

#benefits { padding: 60px 0; background: #f5f5f5; margin-top: 0; text-align: center; }
#benefits img { margin-bottom: 20px; }
#benefits span { display: block; font-weight: 500; line-height: 1; color: #1c1c1c; font-size: 14px; text-transform: uppercase; 
margin-bottom: 15px; }
#benefits .item {  padding: 0 5px;  }
#benefits .row > div { border-right: dotted 1px #dcdcdc; }        
#benefits .row > div:last-child { border: none; }

#brands { margin: 20px 0 50px 0; }
#brands a { display: block; text-align: center; line-height: 80px; filter: grayscale(100%); opacity: 0.7; border-right: dotted 1px #cbcbcb; }
#brands a img { max-height: 80px; margin: 0 auto; vertical-align: middle; display: inline; }
#brands a:hover { filter: none; opacity: 1; }

#about { padding: 50px 0; }
#about { background: #f7f7f7; }
#about img {  }
#about h2 { margin-top: 0; border: 0; padding: 0; }
#about figure a { background: #272727 url(/img/about/f.png) 10px 50% no-repeat; width: 60%; color: #fff; float: left; padding: 15px 0; font-size: 14px; padding-left: 30px; text-decoration: none; }
#about figure a+a { background: #e85f14 url(/img/about/arrow.png) 97% 50% no-repeat; width: 40%; text-transform: uppercase; }
#about figure a:hover { filter: contrast(150%); }

#form { margin: 50px 0 70px; }
#form h2 { border: none; text-align: center; margin-bottom: 0; padding-bottom: 0; }
#form input { margin-bottom: 20px; }


                                            

#blog .container { position: relative; }
#blog a.photo { display: block; position: relative; }
#blog .date { display: block; background: #272727 url(/img/calendar.png) 7px 50% no-repeat; font-size: 13px; color: #fff;
padding: 2px 15px 2px 25px; font-weight: 300; position: absolute; bottom: 0; left: 0;    }
#blog .text { min-height: 80px; }
#blog h3 { font-size: 16px; font-weight: 500; text-align: left; display: block; text-align: left; background: 0;  margin: 0;
min-height: 65px; text-transform: none; }
#blog .item { font-size: 15px; /*line-height: 20px;*/ border: solid 1px #e1e1e1; margin-bottom: 30px; }
#blog .item:hover { border: solid 1px #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
#blog .pad { padding: 20px; }
#blog .pad h3+p { min-height: 65px; }

#blog .item .more { float: left; text-transform: capitalize; }
#blog .links { overflow: hidden; }   

#blog .share { border-bottom: solid 1px #e2e2e2; border-top: solid 1px #e2e2e2; overflow: hidden; padding: 15px 0; 
margin: 20px 0;}
#blog .share a { display: block; float: left; width: 27px; height: 20px; background: url(../img/share.png); margin: 0 0 0 10px;
opacity: 1;  }
#blog .share .h3 { float: left; margin: 0; padding: 1px 0; background: 0; font-size: 15px; font-weight: normal; text-transform: none;
margin-right: 20px; }
#blog a.g { background-position-x: -144px; }
#blog h3 a { color: #333; }
#blog #more h3 { position: static; display: inline; padding: 0; }            
#blog .h3.read { float: none; }  

#blog .one { border: none !important; box-shadow: none !important; }
#blog .one .date { font-size: 13px; background: url(/img/product/calendar.png) 0 50% no-repeat; padding-left: 20px; 
position: relative; color: #979797; margin-top: -20px; margin-bottom: 20px; }       
#blog .one img { margin-bottom: 30px; }
#blog h2 { font-size: 25px; border: 0; margin: 0; }
#blog.similar { margin: 50px 0; }

#main #products .item { margin-bottom: 70px; }
#main #page { background: #f7f8fa; padding: 50px 0; line-height: 1.5; }
#main #blog { padding-top: 80px; }


#page ul li { list-style-type: none; background: url(/img/marker.png) 0 7px no-repeat; padding-left: 20px;  margin: 7px 0; }
#page ul { margin-bottom: 20px !important; border: 0 !important; }
#page h2 { font-size: 18px; border: 0; margin: 0; }
#page strong { color: #1c1c1c; font-weight: 500; }
/*#page em { color: #e85f14;  font-weight: 500; font-style: normal }*/
#page a { color: #e85f14; }

#page .place, #page .email, #page .phone { background: url(/img/place.png) 4px 50% no-repeat; padding-left: 20px;
margin-right: 20px; padding-right: 20px;  }
#page .place { }
#page .email { background: url(/img/email.png) 0px 50% no-repeat; padding-left: 20px;  }
#page .phone { background: url(/img/phone.png) 0px 50% no-repeat; padding-left: 20px;  }

#page sub { bottom: 0; font-weight: 300; color: #d9d9d9; }
.c1, .c2, .c3, .c4 { background: url(/img/credit/1.png) 0px 50% no-repeat; padding-left: 50px; line-height: 45px; }
.c2 { background: url(/img/credit/2.png) 0px 50% no-repeat; }
.c3 { background: url(/img/credit/3.png) 0px 50% no-repeat; }
.c4 { background: url(/img/credit/4.png) 3px 50% no-repeat; }
.phone2, .email2 { padding-left: 20px; background: url(/img/footer/phone.png) 0 5px no-repeat; 
margin-bottom: 20px; border-right: dotted 1px #dcdcdc; float: left; margin-right: 20px;
padding-right: 30px;  }
.email2 { background: url(/img/footer/email.png) 0 7px no-repeat;  }
.phone2 b, .email2 b { font-weight: 600; color: #1c1c1c; text-transform: uppercase; display: block; padding-bottom: 10px; }
.pay, .delivery { padding-left: 130px; background: url(/img/pay.png) 0 0 no-repeat; }
.delivery { background: url(/img/delivery.png) 0 0 no-repeat; }
table.update td:first-child { width: 280px; vertical-align: top; }
table.update tr:nth-child(2n+1), table.update tr { background-color: #fff !important; }
table.update tr { border-bottom: solid 1px #e9e9e9; }
table.update tr:last-child { border: 0; }
#page table.update a { color: #979797; text-decoration: underline; }
#page table.update a:hover { color: #e85f14; }
#page table.update p { margin-bottom: 10px; }
#page table.update td { padding: 25px 0; }
#page table img { border-right: dotted 1px #cbcbcb; padding-right: 30px; }
/*
#header ul li ul li { max-width: 999px; }
#header ul li ul li a { padding: 10px 20px 10px;   background: url(../img/satin.png);  }
#header ul li ul li a:hover { background: #fff; color: #3562a9; }
#header ul li:hover, #header ul li:hover ul  { background: #ff8736;  }
#header ul li:hover a { color: #fff; }
*/
/*
#slide { background: url(/img/slide.jpg) 50% 0 no-repeat; height: 422px; }
*/


#content { /*padding: 30px 0 40px 0; */ padding-bottom: 50px; }
#content.pro-nas #about { background: #fff; padding-top: 0; }

#main #content { padding-bottom: 0; }
#callback, #best { display: none; }

#footer { background: #272727; background-size: cover; color: #848484; clear: both; padding: 50px 0 0; font-size: 15px; }
#footer .logo { display: block; width: 237px; height: 60px; background: url("/img/footer/logo.png") 0 0 no-repeat;   }
#footer .announc { margin-top: 20px; margin-bottom: 20px; font-size: 13px; }
#footer ul { list-style-type: none;  }
#footer a { color: inherit; }
#footer a:hover { color: #e85f14; text-decoration: none; }
#footer p { margin: 0; clear: both; }
#footer ul li { list-style-type: none; padding-bottom: 10px; margin-left: 0; }
#footer h3 { margin-bottom: 20px; margin-top: 0; color: #fff; }
#footer .phone, #footer .place, #footer .email, #footer .time { background: url("/img/footer/phone.png") 3px 2px no-repeat; padding-left: 25px;
padding-bottom: 5px; margin-bottom: 10px; } 
#footer .phone { font-weight: 500; color: #fff; }
#footer .time { background: url("/img/footer/time.png") 3px 5px no-repeat; } 
#footer .email { background: url("/img/footer/email.png") 3px 5px no-repeat; }
#footer .place { background: url("/img/footer/place.png") 5px 5px no-repeat; }
 
#footer .payment { display: block; width: 119px; height: 21px; background: url("/img/footer/pay.png") 0 0 no-repeat;  }
#footer .payment:hover {  background: url("/img/footer/pay-hover.png") 0 0 no-repeat; }
#footer .social { margin-bottom: 40px; }
#footer .social a { display: inline-block; width: 39px; height: 39px; background: url("/img/footer/social.png") 0 0 no-repeat; 
margin-right: 10px;  }
#footer .social a.i { background-position-x: -57px; }
#footer .social a.y { background-position-x: -113px; }
#footer .social a:hover { filter: contrast(80%); }
#footer .pol { text-decoration: underline !important; padding-bottom: 10px; display: block; }       
                                                                      
#footer > .container { padding-bottom: 50px; }                                                                      

#copy { font-weight: 400; padding: 20px 0; font-size: 15px; background: #1d1d1d; color: #848484; }
.weblux {  }

#backtotop{background:url(/img/footer/top.png) no-repeat 0 0;bottom:20px;cursor:pointer;display:none;height:54px;position:fixed;right:20px;text-indent:-9999px;width:54px;z-index:1;opacity:0.8;}
#backtotop:hover{opacity:1;}

#contacts form { background: #f9f9f9; padding: 29px 25px; }
#contacts h2 { border: none; text-align: center; margin-bottom: 0; padding-bottom: 0; font-size: 22px; }
#contacts .an { font-size: 16px; }
#contacts input {  }


#contacts .phone, #contacts .place, #contacts .email { padding-left: 20px; background: url(/img/footer/phone.png) 0 5px no-repeat; 
margin-bottom: 20px; border-bottom: dotted 1px #dcdcdc; padding-bottom: 30px; }
#contacts .place { background: url(/img/footer/place.png) 2px 5px no-repeat;  }
#contacts .email { background: url(/img/footer/email.png) 0 7px no-repeat;  }
#contacts b { font-weight: 600; color: #1c1c1c; text-transform: uppercase; display: block; padding-bottom: 10px; }


#categories { margin-bottom: 50px; }
#categories .item { position: relative; background: #f7f7f7; margin-bottom: 20px; text-align: center; }
#categories .item img { padding: 0; opacity: 1.0;  } 
#categories .item .name { font-size: 15px; text-decoration: none; color: #1c1c1c; background: #fff; display: block;
padding-top: 15px; }
#categories .item:hover .name { color: #000; }
#categories .item:hover { background-color: #fff; }
#categories .item:hover img { opacity: 1; box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1); }
/*
#main #products { background: #fafafa; border-top: solid 1px #eaeaea; padding: 30px 0; }
*/ 
#products, #categories { }      
#products {  }
#products .item { border: solid 1px #e1e1e1; display: block; background: #fff; overflow: hidden; margin-bottom: 30px; 
position: relative; padding: 15px; text-align: center; }
#products .name { display: block; font-weight: 400; color: #1c1c1c; min-height: 70px; font-size: 16px;  }
#products .price { display: block; font-size: 17px; color: #1c1c1c; font-weight: bold; padding: 5px 0 15px 0; } 
#products .price i { font-style: normal; }
#products .av, #products .o { font-size: 11px; padding: 0 10px; color: #3fbb02; }
#products .o { color: #515151; }
#products .buy { background: #e85f14; max-width: 190px; width: 100%; font-weight: 500; font-size: 13px; font-weight: 500;
text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 15px; }
#products .buy:hover { background-color: #202020; color: #fff; }
#products .call { display: block; width: 53px; height: 53px; background: #f5274e url(../img/phone.png) 50% 50% no-repeat; 
position: absolute; right: 0; bottom: 0; }
#products a:hover  { /*opacity: 0.9;*/ text-decoration: none; }
#products a.photo { /*display: block; height: 200px;*/ }
#products a.photo img { max-height: 156px; margin: 0 auto; padding-bottom: 10px; }
#products .buy1, #product .buy1 { display: none; color: #1c1c1c; font-size: 14px; border-bottom: solid 2px #e85f14; }
#products .buy1:hover, #product .buy1:hover { color: #e85e13; }     
 
#products .item .top, #products .item .new, #products .item .import, 
#product .top, #product .new, #product .import { position: absolute; top: 15px; left: 15px; width: 75px; height: 37px;
background: url("/img/new.png") 0 0 no-repeat; z-index: 1; }
#products .item .top, #product .top { background: url("/img/top.png") 0 0 no-repeat; }
#products .item .import, #product .import { background: url("/img/import.png") 0 0 no-repeat; }

#products .compare, #product .compare{ display: block; position: absolute; top: 15px; right: 15px; width: 42px; height: 42px;
background: url("/img/compare.png") 0 0 no-repeat; z-index: 1; cursor: pointer; }
#products .compare:hover, #products .compare.active, #product .compare:hover, #product .compare.active { background: url("/img/compare-hover.png") 0 0 no-repeat; }
#products .compare span, #product .compare span { display: block; width: 80px; background: #fff; margin-left: -87px; margin-top: 10px; 
font-size: 13px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 3px 5px; text-align: center; }
#products .compare { display: none; }

#products .item:hover { position: absolute; margin-right: 15px; z-index: 2; border-color: #eee;  border: solid 1px #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }   
#products .item:hover .compare { display: block; }
#products .item:hover .buy1 { display: inline-block; margin-top: 10px; margin-bottom: 20px; }

#products #order { float: right; width: 220px; position: absolute; top: -13px; right: 15px; }
/*#products #order select { padding: 5px; }*/
#products #order label { font-size: 13px; font-weight: 400; color: #c5c5c5; }

#content.compare #products .item:hover { position: relative; margin-right: 0; }

#content.compare .wrap {
    width: 100%;
    padding-left: 0;
    overflow: hidden;
        overflow-x: hidden;
    overflow-x: auto;
}
#content.compare a.del { display: block; margin: 30px auto; background-position: 0 0; }


#content .item1 { text-align: center; }
#products .item1 a.photo {  }
#products .item1 a.photo img { max-height: 150px; display: block }
#content.compare table tr:first-child { border-top: none; }
#content.compare table tr:first-child td { background: #fff;  } 

/*
#side { text-align: center; }
#side .section { background: #46adf4; padding: 20px 15px; margin-bottom: 30px; }
#side h3 { font-size: 24px; font-weight: bold;  text-align: center; text-transform: none; color: #fff; margin: 0; }
#side label { color: #fff; }
*/

#filter ul li { list-style-type: none; margin: 0 !important; }
#filter { padding: 0; }
#filter hr { background: #ededed; margin: 15px 0; }
#filter h3 { font-size: 14px; color: #1c1c1c; }
#filter ul { overflow: hidden; margin: 0; padding-left: 0; }
#filter label { text-align: left; padding: 0; text-transform: none; font-weight: normal; font-size: 15px; }
#filter label:hover { cursor: pointer; color: #000; }
#filter label input { margin-right: 5px; }
#filter label small { display: block; float: right; font-size: 13px; color: #c5c5c5; }

#product { }
#product .next { float: right; }
#product .prev { float: left; }
#product .content { padding-top: 0; }
#product .photo { position: relative; margin-top: -50px; }
#product .photos a { display: block; float: left; margin-right: 15px; margin-top: 15px; border: solid 1px #fafafa; 
z-index: 9; position: relative; margin-bottom: 10px; }
#product .photos a:hover { border-color: #e85f14; }
#product .photos a:last-child { margin-right: 0; }
#product .price { font-size: 24px; font-weight: 600; color: #1c1c1c; display: block; padding: 10px 0; } 
#product h1 { clear: both; }
#product .but { float: left; padding: 15px 30px; font-size: 13px; }
#product .buy { background: #fed100 url(../img/buy.png) 20px 50% no-repeat; max-width: 999px; width: 100%; text-align: left;
padding-left: 55px; font-weight: 600; }
#product .buy:hover { background-color: #202020; color: #fff; }
#product .buy1 { display: inline-block; float: right; margin-top: 10px; text-decoration: none; }
#product input[type="submit"] { width: auto; display: inline-block; }
#product form.count { margin-top: 50px; }
#product form.count input[type=text] { width: 50px; border-top: 0; border-bottom: 0; text-align: center; margin: 0 10px; }
#product form a.minus, #product form a.plus { font-size: 19px; font-weight: 300; cursor: pointer; text-decoration: none; }
#product form a.plus { color: #db3434;  }

#product .social { display: inline; margin-left: 20px; }
#product .social a { display: inline-block; width: 15px; height: 15px; background: url(/img/social.png) 0px 0 no-repeat; filter: grayscale(100%); opacity: 0.8; }
#product .social a.i { background-position-x: -22px; margin-left: 5px; }
#product .social a:hover { filter: none; }

#product .call { display: block; width: 53px; height: 53px; background: #f5274e url(../img/phone.png) 50% 50% no-repeat; 
position: absolute; right: 0; bottom: 0; }
#product .b { margin: 33px 0 20px; position: relative; overflow: hidden; clear: both; }
#product #tabs ul {}
#product hr { background: #e9e9e9; }
#product .but.empty { margin-top: -50px; float: right; }

#product .photos { position: relative; }
#product .slick-prev, #product .slick-next { position: absolute; right: -20px; left: auto; top: 70%; margin-top: -22px; }
#product .slick-prev { left: -35px; right: auto; border: 0; }


#product .article { font-size: 13px; color: #979797; float: left; }
#product .stars { font-size: 13px; color: #979797; float: right; }
#product .stars i {}
#product .compare { right: 0; top: 0; }
#product .compare span { display: none; }
#product .compare:hover span { display: block; }

#product .credit .but { background: #272727; }
#product .credit span { display: inline-block; background: url(/img/product/pay.png); width: 100px; height: 45px;
margin-left: 30px; }

#product .benefits { padding-left: 30px; border-left: solid 1px #e9e9e9; }
#product .benefits .item { padding: 25px 0; text-align: center; border-bottom: dotted 1px #dcdcdc; }
#product .benefits img { display: block; margin: 0 auto; margin-bottom: 10px; }

#tabs { margin-top: 33px; padding-bottom: 0; } 
#tabs ul { margin: 0; float: none; clear: both; /*overflow: hidden;*/ border: 0; margin-bottom: 32px; border-bottom: solid 1px #e1e1e1; }
#tabs .tab-content { clear: both; /*overflow: hidden;*/ }
#tabs ul li a { color: #1c1c1c; font-size: 15px; padding: 10px 0; outline: 0; border-radius: 0; border: 0; 
font-weight: 500; border-bottom: solid 2px transparent; margin-right: 40px; text-transform: uppercase; }
#tabs ul li a:hover { background: none;  }
#tabs ul li.active a { /*background: #fed100;*/ color: #e85f14; border-bottom-color: #e85f14; }



.stars.clear { float: none; }
.stars .star { float: left; }
.stars .count { float: none; line-height: 28px; margin-left: 20px; text-decoration: underline; }

#reviews span.border { border-left: solid 1px #dcdcdc; padding-left: 20px; margin-left: 20px; display: inline-block;
padding-bottom: 5px; max-width: 300px; }
#reviews h2 { font-size: 25px; border: 0; float: left; }
#reviews label { display: inline-block; padding: 0; width: auto; margin-top: 27px;  }
#reviews label.border { border-left: solid 1px #e1e1e1; margin-left: 30px; padding-left: 30px; margin-right: 20px; color: #484848; }
#reviews form { background: #f7f7f7; padding: 20px; margin: 40px 0 40px; position: relative; display: none; }
#reviews form .close { display: block; width: 16px; height: 16px; background: url(/img/close.png);
position: absolute; top: 20px; right: 20px; opacity: 1; }
#reviews .rating label { font-size: 40px; margin-top: 6px; } 
#reviews textarea { height: 103px; }
#reviews input[type=submit] { width: auto; display: inline; }

#reviews .review { background: #fff; padding: 20px 20px 5px 20px; position: relative;  border: solid 1px #e1e1e1; 
margin-bottom: 20px; margin-top: 10px; overflow: hidden; font-size: 15px; }
#reviews .name { color: #1c1c1c; padding-top: 0px; margin-bottom: 0; font-size: 15px; font-weight: 600; 
font-style: normal; float: left;  }
#reviews .date { font-size: 13px; background: url(/img/product/calendar.png) 15px 50% no-repeat; padding-left: 30px; 
border-left: solid 1px #dcdcdc; margin-left: 20px; }

#reviews .review.admin { background: #f9f9f9; }
#reviews .stars { clear: both; font-size: 20px; float: none; margin-top: -20px; }
#reviews .msg { clear: both; }
#reviews form .rating > label:before, #reviews form .star:before { font-size: 38px; }
#reviews form .rating, .stars { margin-top: -1px; }




#social a { display: block; width: 50%; height: 120px; background: #c536a4 url(/img/social/i.png) 100px 50% no-repeat; 
padding-left: 200px; float: left; font-size: 36px; font-weight: bold; text-transform: uppercase;
line-height: 120px; color: #fff; text-decoration: none; }
#social a.f { background: #3a559f url(/img/social/f.png) 100px 100% no-repeat;  }
#social a:hover { opacity: 0.9; }

#reviews.all .review.user { padding: 5px; border: 0; }
#reviews.all .product-name { color: #1c1c1c; font-size: 16px; text-decoration: underline; display: block; margin-bottom: 18px; 
font-weight: 500; }
#reviews.all .product-name:hover { color: #e85f14; }
#reviews.all .stars { margin-top: -15px; }
#reviews.all hr { background: #e1e1e1; }
#reviews.all img { padding-top: 15px; }
/*
#blog .date { display: block; background: url(/img/calendar.png) 0 50% no-repeat; font-size: 13px; color: #a1a1a1;
padding-left: 20px;   }
#blog h3 { font-size: 24px; text-align: left; display: block; color: #515151;
text-align: left; background: 0;  margin: 0; }
#blog .item { font-size: 14px; line-height: 20px; }
#blog .item img { margin-top: 20px; margin-bottom: 10px; }
#blog .item .more { float: left; background: url(/img/more.png) 100% 50% no-repeat; padding-right: 20px;
text-transform: uppercase; font-weight: bold; color: #51c44e;  }
#blog .links { overflow: hidden; }

#blog .share { border-bottom: solid 1px #e2e2e2; border-top: solid 1px #e2e2e2; overflow: hidden; padding: 15px 0; 
margin: 20px 0;}
#blog .share a { display: block; float: left; width: 27px; height: 20px; background: url(../img/share.png); margin: 0 0 0 10px;
opacity: 1;  }
#blog .share .h3 { float: left; margin: 0; padding: 1px 0; background: 0; font-size: 15px; font-weight: normal; text-transform: none;
margin-right: 20px; }
#blog a.g { background-position-x: -144px; }
#blog h3 a { color: #515151; font-weight: bold; font-size: 18px; }
#blog #more h3 { position: static; display: inline; padding: 0; }
#blog .h3.read { float: none; }

#gallery a { display: block; background: #f9f9f9; position: relative;  margin: 0 auto; margin-bottom: 25px; 
padding: 20px; border: solid 1px #e2e2e2; text-decoration: none;  }
#gallery a p { margin-bottom: 5px; }
#gallery a img {  opacity: 0.9; width: 100%; margin-bottom: 10px;  } 
#gallery a:hover img { opacity: 1; } 
#gallery a.photo img {  }
*/



form { margin-left: 0px; /*max-width: 400px; */ }
form p { margin-bottom: 20px; clear: both; }
form label { display: block; width: 100%; float: left; text-align: left; padding: 5px; padding-bottom: 0; padding-right: 20px; 
font-family: inherit; font-size: 14px; font-weight: 600; color: #333; }
form label i { padding: 0 4px;  background: url(../img/r.png) 100% 0 no-repeat; }
input[type=text], input[type=submit], textarea, select, .but { padding: 10px 15px; border: solid 1px #e1e1e1; font-family: inherit; 
font-size: 14px; background-color: #fff; color: #232323; width: 100%; }
::placeholder { color: #979797; opacity: 1; }
input[type=submit], .but { padding: 11px 30px; font-size: 13px; }
.but.empty { background: #fff; border: solid 1px #e1e1e1; color: #696969; font-weight: 500; font-size: 13px; }
.but.empty:hover { background: #272727; color: #fff; }

.but.dark { background: #272727; color: #fff; }
.but.dark:hover { background: #e85f14; }
                                                  
input:hover, textarea:hover,  
input:focus, textarea:focus, select:hover, select:focus { border-color: #aaa !important; }
input[type=submit], .but { background: #e85f14; color: #fff; cursor: pointer; 
display: block; font-weight: 500; border: 0; text-transform: uppercase;  }
input[type=submit]:hover, .but:hover { background-color: #333; text-decoration: none; color: #fff; }
.but { display: inline-block; overflow: hidden; margin: 0 auto; text-align: left; width: auto; }

.box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #333; z-index: 9; background: url(../img/satin.png); }
.box span { display: block; opacity: 0.95; padding: 50px; position: fixed; width: 500px; z-index: 10000;
top: 50%; margin-top: -150px; left: 50%; margin-left: -250px; z-index: 99; text-align: center;
 /*background:#e3e3e3 url(../img/_close.png) 97% 20% no-repeat;*/ border-radius: 10px; cursor: pointer;
 box-shadow: 10px 10px 20px #777; 
 background:#fff url(../img/msg/ok.png) 50% 20px no-repeat; padding-top: 140px;
 }
.box .error, .send { text-decoration: none; text-align: center;  font-size: 32px !important; background-size: 100px;  } 
.box .error { color: #ff0000; background:#fff url(../img/msg/error.svg) 50% 20px no-repeat; background-size: 100px; }
.box .send { color: #00aa00; }



table { border-collapse: collapse; width: 100%; margin: 10px 0; }
table th, table td { text-align: left; padding: 10px 20px; }
table th { padding-right: 20px; width: 300px; font-size: 15px; font-weight: 400; color: #1c1c1c; }
table td { }
table tr { /*border-bottom: solid 1px #e2e2e2;*/ }
table tr:nth-child(odd) { background-color: #f9f9f9; }
table tr:hover { background-color: #fff8d7;  }

   








#navbar { position: relative; overflow: visible;  border: 0; box-shadow: none; }
.navbar {  }
#menu ul { width: auto; border: none; }
#menu ul li { display: block; float: none;  }

@media (min-width : 1400px){
  
}
@media (max-width : 1200px){
  #menucategories ul li ol { left: 227px; min-height: 374px;}     
}

@media (min-width : 992px){
  
  .nav > li:hover > .dropdown-menu { display: block; opacity: 1.0; }
  .but.filter { display: none; } 
  #filter input[type=submit] { display: none; }
  
}

@media (max-width : 991px){
  #tabs ul li a { margin-right: 15px; }
  #menucategories ul li ol { left: 219px; }
  
  #menuheader { background: none; }
  #menuheader ul .sep { display: none; }
  #menuheader ul li:first-child { width: 100%; }
  #menuheader ul li:first-child a { background-color: #212b25; text-align: center; background-position-x: 40%; }
  #header .mob { display: block; float: left; width: 24px; height: 16px; background: url(/img/mob.png) 0 0 no-repeat; 
  margin-top: 20px; margin-right: 30px; }
  #header a.logo { width: 200px; background-size: contain; }
  #about img { width: 100%; }
  #about figure { margin-bottom: 30px; display: block; clear: both; overflow: hidden; }
  
  #footer .logo { width: 150px; height: 40px; background-size: contain; }
  
  #mobile { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/img/satin.png); padding-right: 450px; 
  z-index: 999999; }
  #mobile .scroll { height: 100%; overflow-y: scroll; /*height: 500px; overflow-y: scroll;*/ }
  #mobile #header { overflow: hidden; padding: 15px 0; margin: 0; }
  #mobile #header a.logo { width: 150px; background-size: contain; height: 38px; margin-left: 20px; margin-top: 0; }
  #mobile #header .close { display: block; float: right; width: 16px; height: 16px; background: url(/img/close.png);
  margin: 10px; margin-right: 25px; opacity: 1; }
  
  #mobile #menucategories ul { margin: 0; }
  #mobile #menuheader ul li:first-child a { text-align: left; background-position-x: 20px; padding-left: 50px;
  background-color: #e85e13; }
  #mobile #header .phone { margin-left: 20px; }
  #mobile ul.info { background: #fff; margin: 0; padding-top: 10px; padding-bottom: 15px; } 
  #mobile ul.info a { padding-left: 15px; line-height: 35px; text-decoration: none; display: block; }
  #mobile #header.border { border-top: solid 1px #e8e8e8; padding: 10px 0; }
  
  #side { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/img/satin.png); width: 100%; 
  z-index: 9999; padding: 0; margin: 0; }
  #side .close { display: block; float: right; width: 16px; height: 16px; background: url(/img/close.png);
  margin: 17px; margin-right: 10px; opacity: 1; }
  #side #filter { background: #fff; overflow: hidden; padding: 0 10px 0 15px; width: 320px; }
  #side #filter .scroll { overflow-y: scroll; /* overflow-x: hidden;*/ height: 600px; padding-right: 20px; margin-bottom: 15px; 
  border-bottom: solid 1px #f0f0f0;}
  .but.filter { margin-top: 15px;  background-image: url(/img/filter.png); background-position: 20px 50%;
  background-repeat: no-repeat; padding-left: 45px; }
  #side #filter input[type=submit] { display: block; margin: 20px 140px 20px 0; }
  #products #order { top: -76px; }
  
  #menucategories ul li ol { position: static; width: 100%; min-height: 0; }
  #menucategories ul li .arrow { transform: rotate(90deg); }
}

@media (max-width : 767px){
  
  #header #menu { float: none; }
  #header #menu li { display: block; clear: both; float: none; max-width: 999px; background: none; }
  #header #menu li a { width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; }
  #header #menu li ul { position: relative; width: 100%; }
  #header #menu li ul li a { padding-left: 50px; }
  #navbar { padding: 0; }
  
  #header { padding: 10px 0; padding-bottom: 20px; border-bottom: solid 1px #e1e1e1; margin-bottom: 30px; }
  #menuheader ul li:first-child a { background-position-x: 30%; }
  #menuheader ul li { clear: both; }
  #menucategories ul li ol { position: relative; left: 0; width: 100%; }     
  
  #header a.logo { width: 150px; height: 39px; background-size: contain; margin-top: 10px; }
  /*
  #search { clear: both; padding-top: 10px; display: none; padding: 50px 30px; }
  #lang { float: right; margin-top: -110px; margin-right: 70px; }
  */
  
  
  #slider .slick-prev, #slider .slick-next { position: absolute; right: 5px; left: auto; top: 60%; margin-top: -22px; margin-left: 0; margin-right: 0; }
  #slider .slick-prev { left: -10px; right: auto; border: 0; }
  
  #about figure a { width: 20%; text-indent: -9999px;  }
  #about figure a+a { text-indent: 0; background: #e85f14 url(/img/about/arrow.png) 97% 50% no-repeat; width: 80%; text-align: center; }
  h1, .h1, h2, .h2 { font-size: 25px; margin-top: 20px; margin-bottom: 10px; }
  
  
  #products .item:hover { position: relative; margin-right: 0; z-index: 2; border-color: #eee;  border: solid 1px #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }   
  #products .item:hover .compare { display: block; }
  #products .item:hover .buy1 { display: none; }
  
  #products .compare, #product .compare { display: block; }
  
  iframe { width: 100%; }
  
  #benefits .item { margin-bottom: 50px; }
                                              
  
  #tabs ul li a { padding: 10px 8px; }  
  #header .col-sm-2 { position: static; }
  
  .but.filter { width: 100%; background-position: 40% 50%;
  background-repeat: no-repeat; padding-left: 45px; text-align: center; margin-bottom: 60px; }
  #products #order { width: auto; right: 0; left: 15px; top: -61px; }
  #products #order select { width: 210px; }
  #products #order label { width: auto; font-size: 14px; padding-top: 12px;  }
  
  #side #filter { width: 100%; }
  #mobile { padding-right: 0; }
  #suggestions { display: none !important; }
  
  
  #product .slick-prev { left: -30px; }
  #product .slick-next { right: -10px; }
  #product .photo { margin-top: 0; }
  
  #reviews h2 { float: none; text-align: center; clear: both; }
  #contacts iframe { margin: 20px 0; } 
  .pay, .delivery { padding-left: 70px; background-size: 60px; }
  #content.garantija img { margin-left: -20px; margin-top: 20px; }
  #page table.update td { padding: 10px; }
  #page table img { padding-right: 0; }
  table.update td:first-child { width: 120px; }
  
  #content.compare a.name { font-size: 13px; }
  #content.compare #products .item1 a.photo img { max-height: 80px; padding: 0; }
}

@media (max-width : 480px){
  #cart, #compare, #searchm { margin-left: 12px; }
  #header .mob { margin-right: 15px; }
  #header a.logo { width: 130px; margin-top: 15px; }
  #tabs ul li a { margin-right: 0; font-size: 13px; padding: 10px 5px; }
  #menuheader ul li:first-child a { background-position-x: 24%; }
  /*#products #order select { width: 181px; }*/
  #product .but { padding: 15px 10px;  }
  
  table th, table td { padding: 10px 5px; font-size: 11px; }
}




/* для элемента input c type="checkbox" */
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox>span {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox>span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  border-color: #e86014;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox>input:not(:disabled):active+span::before {
  background-color: #e86014;
  border-color: #e86014;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox>input:focus+span::before {
  /*box-shadow: 0 0 0 0.2rem rgba(235, 93, 21, 0.25);*/
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox>input:focus:not(:checked)+span::before {
  border-color: #e86014;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox>input:checked+span::before {
  border-color: #e86014;
  background-color: #e86014;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
   
  background-size: 9px;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox>input:disabled+span::before {
  background-color: #e9ecef;
}

.fancybox-close-small { background: #000; width: 35px; height: 35px; padding: 5px !important; }
.fancybox-content { padding: 30px; max-width: 400px; }
.fancybox-content { border: 0; }
.fancybox-content h2 { font-size: 26px; border: 0; margin-bottom: 0; padding: 0; text-align: center; }





#loading { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #333; z-index: 9; background: url(../img/satin.png); }
.lds-ripple {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  background: 0;
  /*box-shadow: 0px 0px 20px #333;*/
  z-index: 9999;
  position: fixed; 
  top: 50%;
  left: 50%;

}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}




/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */ 
    /*overflow-y: hidden;*/ /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto !important;       /* let the content decide it  */
} /* bootstrap hack end */

#product .tab-content > .tab-pane,
#product .pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */ 
    overflow-y: hidden; /* no-overflow                */
}

.compare .tab-content > .tab-pane,
.compare .pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */ 
    overflow-y: hidden; /* no-overflow                */
}




.scroll::-webkit-scrollbar {
    display: inherit;
}

.scroll:hover::-webkit-scrollbar {
    width: 5px;
}

.scroll:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 116px rgba(0,0,0,0.4); 
    border-radius: 0;
    -webkit-border-radius: 0;
}

.scroll:hover::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(100,100,100,0.8); 
    -webkit-box-shadow: inset 0 0 116px rgba(0,0,0,0.5); 
}