/* CSS Document */

/* ------------- clear ------------- */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 14px;}
body{color: #333;}
ul, ol { list-style:none; margin: 0; padding: 0; }
:focus {outline: 0;}

a{color: #5dc8dd;text-decoration: underline;}
a:hover{text-decoration: none; color: #0ea3dc;}
a.box{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;text-decoration: none; z-index: 1;}
h1, h2, h3, h4{margin: 10px 0; padding: 0;}
.hidden{display: none;}
.mobile-hidden{}
.mobile{display: none !important;}
.relative{position: relative;}
.object-non-visible {opacity: 0;filter: alpha(opacity=0);}
.vm-30px{margin-top: 30px; margin-bottom: 30px;}
.vp-30px{padding-top: 30px; padding-bottom: 30px;}
.vp-15px{padding-top: 15px; padding-bottom: 15px;}
.pb-15px{padding-bottom: 15px;}
.fs-16px{font-size: 16px;}
.fs-18px{font-size: 18px;}
.space-20px{height: 20px; width: 100%; overflow: hidden;}
.space-30px{height: 30px; width: 100%; overflow: hidden;}
.space-40px{height: 40px; width: 100%; overflow: hidden;}
.responsive{width: 100%;}
.mt0{margin-top: 0px !important;}
.mb0{margin-bottom: 0px !important;}
.bold{font-weight: bold;}
.mt-15{margin-top: -15px;}

.wd20px{width: 20px;}
.wd40px{width: 40px;}
.wd60px{width: 60px;}
.wd80px{width: 80px;}
.wd100px{width: 100px;}

/* ------------- default ------------- */
.line-through{text-decoration: line-through;}
.center{text-align: center !important;}
.t-right{text-align: right !important;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;width: 100%;height: 0px;}
.cleaner{clear: both;width: 100%;height: 0px;}
.h-auto{height: auto !important;}
.btm-0{bottom: 0px !important;}

img#preloader{position: absolute; top: 7px; left: 7px; z-index: 99999; display: none;}

div.outer{width: 100%; max-width: 1240px; margin: 0 auto; position: relative;}

.blue{color: #5dc8dd;}
.red{color: #f00;}
div.half-l{width: calc(50% - 10px); padding-right: 10px; float: left;}
div.half-r{width: calc(50% - 10px); padding-left: 10px; float: left;}

h1{text-align: center;}
p{padding: 5px 0; margin: 0;}

.button{padding: 10px 20px; background: #5dc8dd; color: #fff; display: inline-block; cursor: pointer; text-decoration: none; margin: 20px 0;}
.button:hover{background: #0176a2; color: #fff;}
.button.light{background: #b1b1b1;}
.button.light:hover{background: #D2D1D1;}

a.right-s-box{display: block; border: 2px solid #efefef; width: calc(100% - 4px); max-width: 300px; text-align: center; margin-bottom: 30px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a.right-s-box:hover{border: 2px solid #5dc8dd;}
a.right-s-box img{width: 100%; max-width: 100%; display: block; transition: transform .2s;}
a.right-s-box:hover img{transform: scale(1.1) rotate(2deg);}

a.hover-anim{display: block; text-align: center; overflow: hidden; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a.hover-anim img{width: auto; max-width: 100%; display: block; transition: transform .2s;}
a.hover-anim:hover img{transform: scale(1.1) rotate(2deg);}

div.v-more{display: none;}
div.mob-scv{display: none;}

a.up-btn{display: none; z-index: 99999; width: 30px; height: 30px; background: url('/global/images/icons/up_icon.webp') center center no-repeat; position: fixed; bottom: 30px; right: 30px; text-decoration: none;}
/* ------------- header ------------- */
div.header{position: relative; z-index: 999;}
div.header a.logo{float: left;}
div.header div.top-line{background:#efefef; color: #fff;}
div.header div.menu-block{background: #5dc8dd; color: #fff; position: relative;} /*#0895ca*/
div.header div.menu-block a.mobilepromo{display: none;}

div.header a.shop-cart{width:52px; height: 20px; color: #07074e; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 42px; text-align: center; background: url(/global/images/cart.webp) center top no-repeat; background-size: 90% auto !important; position: absolute; top: 30px; right: 40px;}
div.header a.shop-cart:hover{color: #f00;}
div.header a.shop-cart span.cart-qty{display: none;width: 23px;height: 23px;line-height: 23px;color: #ffffff;font-weight: bold;border-radius: 50%;-moz-border-radius: 50%;position: absolute;top: 14px;left: 0px;background: rgb(255 0 0 / 91%);}
div.header a.shop-cart span.cart-qty.active{display: block;}

div.header a.christmas-btn{display: block; width: 150px; height: 130px; background: url(/global/images/christmas-logo.webp) center center no-repeat; position: absolute; bottom: 24px; right: 0px; text-decoration: none;}
div.header a.christmas-btn2{display: block; width: 224px; height: 329px; background: url(/global/images/christmas-decor.webp) center center no-repeat; position: absolute; top: 0px; left: 0px; text-decoration: none;}

div.header div.search-block{position: absolute; top: 53px; right: 160px; border: 1px solid #07074e; border-radius: 8px;-moz-border-radius: 8px; overflow: hidden;}
div.header div.search-block input{height: 23px;line-height: 23px; background: #fff; border: 1px solid #fff; width: 180px; margin-right: 40px;}
div.header div.search-block span.s-btn{position: absolute; top: 0; right: 0; cursor: pointer; display: inline-block; height: 27px;line-height: 27px; width: 40px; background: #07074e url(/global/images/wloupe.webp) center center no-repeat;}

div.main-mnu{position: relative;}
div.main-mnu a.menu-mobile{display: none;}
div.main-mnu ul.nav{margin: 0; padding: 0; display: none;}
div.main-mnu ul.nav li{display: inline-block;}
div.main-mnu ul.nav li a{padding: 15px 20px; display: block; text-decoration: none; color: #fff;}
div.main-mnu ul.nav li:hover{background: #E5E5E5;}
div.main-mnu ul.nav li:hover a{color: #5dc8dd;}
div.main-mnu ul.nav li.dropdown{position: relative;}
div.main-mnu ul.nav > li.dropdown > a::after{content: " ▼"; font-size: 12px;}
div.main-mnu ul.nav li.dropdown ul{position: absolute; top: 46px; left: 0px; display: none; background: #E5E5E5; z-index: 2;}
div.main-mnu ul.nav li.dropdown ul li{background: #E5E5E5; border-top: 1px solid #efefef;}
div.main-mnu ul.nav li.dropdown ul li a{padding: 8px 10px; width: 200px; color: #333; font-size: 12px;}
div.main-mnu ul.nav ul li.dropdown > a::after{content: "►"; position: absolute; top: 7px; right: 5px;}
div.main-mnu ul.nav ul li:hover > a{background: #5dc8dd; color: #fff !important;}
div.main-mnu ul.nav li.dropdown ul li ul{top: 0; left: 220px;}
div.main-mnu ul.nav li.dropdown span{display: none;}
/*desktop*/
div.main-mnu ul.desk{margin: 0; padding: 0; position: relative;}
div.main-mnu ul.desk li{display: inline-block; border-top: 1px solid #5dc8dd;}
div.main-mnu ul.desk li a{padding: 15px 19px; display: block; text-decoration: none; color: #fff;}
div.main-mnu ul.desk li:hover{background: #fff; border-top: 1px solid #5dc8dd;}
div.main-mnu ul.desk li:hover a{color: #5dc8dd;}
div.main-mnu ul.desk li.dropdown{}
div.main-mnu ul.desk > li.dropdown > a::after{content: " ▼"; font-size: 12px;}
div.main-mnu ul.desk li div.dm-content{border: 1px solid #5dc8dd; border-top: none; background: #fff; position: absolute; left: 0; top: 47px; width: calc(100% - 40px); padding: 20px; display: none;}
div.main-mnu ul.desk li div.dm-content div.level{margin: 5px 10px; width: calc(50% - 20px); float: left;}
div.main-mnu ul.desk li div.dm-content a{padding: 5px 7px; color: #5dc8dd;}
div.main-mnu ul.desk li div.dm-content a:hover{padding: 5px 7px; color: #054760;}
div.main-mnu ul.desk li div.dm-content div.level-links{width: 75%; float: left;}
div.main-mnu ul.desk li div.dm-content div.food, div.main-mnu ul.desk li div.dm-content div.mark{width: 25%; float: left;}


div.top-mnu a.menu-mobile{display: none;}
div.top-mnu{position: relative; z-index: 9;}
div.top-mnu ul.nav{margin: 0; padding: 0;}
div.top-mnu ul.nav li{display: inline-block;}
div.top-mnu ul.nav li a{padding: 8px 20px; display: block; text-decoration: none; color: #333; font-size: 12px;}
div.top-mnu ul.nav li:hover{background: #E5E5E5;}
div.top-mnu ul.nav li:hover a{color: #0ea3dc;}
div.top-mnu ul.nav li.dropdown{position: relative;}
div.top-mnu ul.nav > li.dropdown > a::after{content: " ▼"; font-size: 11px;}
div.top-mnu ul.nav li.dropdown ul{position: absolute; top: 30px; left: 0px; display: none; background: #E5E5E5;}
div.top-mnu ul.nav li.dropdown ul li{background: #E5E5E5; border-top: 1px solid #efefef;}
div.top-mnu ul.nav li.dropdown ul li a{padding: 6px 10px; width: 160px; color: #333; font-size: 12px;}
div.top-mnu ul.nav ul li.dropdown > a::after{content: "►"; position: absolute; top: 7px; right: 5px;}
div.top-mnu ul.nav ul li:hover > a{background: #0ea3dc; color: #fff !important;}
div.top-mnu ul.nav li.dropdown ul li ul{top: 0; left: 180px;}
div.top-mnu ul.nav li.dropdown span{display: none;}

div.top-mnu div.account{position: absolute; top: 0px; right: 0px; display: inline-block;}
div.top-mnu div.account a{padding: 8px 10px; display: inline-block; text-decoration: none; color: #333; font-size: 12px; background: #e6e6e6;}
div.top-mnu div.account a:hover{color: #0ea3dc; background: #dadada;}

div.header div.free-ship-box{float: left;}
div.header div.free-ship-box div.fsb-title{height: 32px;background: url(/global/images/free-shipping-32.webp) left top no-repeat;padding: 0 0 0 40px;line-height: 32px;color: #07074e;font-size: 16px;font-weight: bold;}
div.header div.free-ship-box ul{color: #07074e;font-size: 12px;font-weight: bold;list-style: inside; padding-left: 24px;}
div.header div.free-ship-box ul li{padding-bottom: 2px;}

/* ------------- header fly ------------- */
div.fly-header{position: fixed; top: 0px; left: 0px; display: none; z-index: 9999; width: 100%; height: 35px; background: #fff; border-bottom: 1px solid #efefef; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
div.fly-header a.logo img{height: 35px;}
div.fly-header a.shop-cart{width:28px; color: #5d80bf; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 22px; text-align: center; background: url(/global/images/cart.webp) center top no-repeat; background-size: 90% auto !important; position: absolute; top: 7px; right: 40px;}
div.fly-header a.shop-cart:hover{color: #f00;}
div.fly-header a.shop-cart span.cart-qty{display: none;width: 18px;height: 18px;line-height: 18px;color: #ffffff;font-weight: bold;border-radius: 50%;-moz-border-radius: 50%;position: absolute;top: 0px;left: 0px;background: rgb(255 0 0 / 91%);}
div.fly-header a.shop-cart span.cart-qty.active{display: block;}
div.fly-header a.account{width: 32px; height: 24px; display: block; text-decoration: none; position: absolute; top: 6px; right: 100px; background: url(/global/images/head_icons.webp) center top no-repeat; background-size: 75% auto !important;}
div.fly-header a.account.login{background: url(/global/images/head_icons.webp) center bottom no-repeat;}
/* ------------ footer fly --------------- */
div.fly-footer{display: none;position: fixed; bottom: 0px; left: 0px; z-index: 9999; width: 100%; background: #fff; height: 39px; padding-top: 2px; border-top: 1px solid #5dc8dd; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
div.fly-footer a.fflogo img{height: 35px;}
div.fly-footer a.shop-cart{width:28px; color: #5d80bf; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 22px; text-align: center; background: url(/global/images/cart.webp) center top no-repeat; background-size: 90% auto !important; position: absolute; top: 2px; right: 16px;}
div.fly-footer a.shop-cart:hover{color: #f00;}
div.fly-footer a.shop-cart span.cart-qty{display: none;width: 18px;height: 18px;line-height: 18px;color: #ffffff;font-weight: bold;border-radius: 50%;-moz-border-radius: 50%;position: absolute;top: 0px;left: 0px;background: rgb(255 0 0 / 91%);}
div.fly-footer a.shop-cart span.cart-qty.active{display: block;}
div.fly-footer a.account{width: 32px; height: 24px; display: block; text-decoration: none; position: absolute; top: 6px; right: 65px; background: url(/global/images/head_icons.webp) center top no-repeat; background-size: 75% auto !important;}
div.fly-footer a.account.login{background: url(/global/images/head_icons.webp) center bottom no-repeat;}
div.fly-footer a.paw{position: absolute; top: -5px; left: calc(50% - 22px); width: 45px; height: 45px; text-decoration: none; background: url(/global/images/ffpaw.webp) center center no-repeat; }
div.fly-footer a.paw:hover{text-decoration: none;}
div.fly-footer div.mnublock{display: none;position: absolute;bottom: 43px;background: #5dc8dd;height: 400px;overflow: auto;width: 100%;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
div.fly-footer div.mnublock ul.nav{margin: 0; padding: 0;}
div.fly-footer div.mnublock ul.nav li{display: inline-block;width: 100%;border-bottom: 1px solid #fff;}
div.fly-footer div.mnublock ul.nav li a{display: inline-block;padding: 15px 20px 15px 5px;text-decoration: none; color: #fff;}
div.fly-footer div.mnublock ul.nav li.dropdown{position: relative;}
div.fly-footer div.mnublock ul.nav li.dropdown ul{display: none; background: #E5E5E5; z-index: 2; padding-left: 10px;}
div.fly-footer div.mnublock ul.nav li.dropdown ul li{background: #E5E5E5; border-top: 1px solid #efefef;}
div.fly-footer div.mnublock ul.nav li.dropdown ul li a{padding: 8px 10px; width: 200px; color: #333; font-size: 12px;}
div.fly-footer div.mnublock ul.nav li.dropdown ul li ul{top: 0; left: 220px;}
div.fly-footer div.mnublock ul.nav li.dropdown span{display: block;position: absolute;top: 15px;right: 10px;width: 16px;height: 16px;border: 1px solid #fff;color: #fff;text-align: center;line-height: 16px;cursor: pointer;}
div.fly-footer div.mnublock ul.nav li.dropdown ul li span{top: 7px;color: #333;border-color: #333;}

div.gpopup{position: fixed;padding: 20px;text-align: center;border: 1px solid #fdda2b;background: #fff5b0;z-index: 99999;font-size: 20px;font-weight: bold; top: 15px; left: 15px; width: calc(100% - 74px);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);}
div.gpopup a{font-size: 16px;}
div.gpopup span.gclose{position: absolute; top: 3px; right: 10px; color: #333; cursor: pointer;}
div.gpopup span.gclose:hover{color: #900;}

/* ------------- slider ------------- */
div.slide-box{position: relative;}
div.slide-box a.rslides_nav{position: absolute; z-index: 10; left: 0px; top: calc(50% - 25px); }
div.slide-box a.rslides_nav.next{right: 90px;left: unset;}
div.slide-box a.rslides_nav:after, div.slide-box a.rslides_nav:before {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-left: 35px;border: medium inset transparent;}
div.slide-box a.rslides_nav:after{border-top-width: 13px;border-bottom-width: 13px;top: 8px;}
div.slide-box a.rslides_nav:before{border-top-width: 21px;border-bottom-width: 21px;}
div.slide-box a.rslides_nav.prev:after{border-right: 17px solid #FFF;margin-left: 31px;}
div.slide-box a.rslides_nav.prev:before{margin-left: 25px;border-right: 27px solid #00000094;}
div.slide-box a.rslides_nav.next:before{border-left: 27px solid #00000094;}
div.slide-box a.rslides_nav.next:after{border-left: 17px solid #FFF;margin-left: 39px;}
div.slide-box a.rslides_nav.prev:hover:after{border-right-color: #5dc8dd;}
div.slide-box a.rslides_nav.next:hover:after{border-left-color: #5dc8dd;}

/* ------------- footer ------------- */
div.footer{background: #efefef; padding: 20px 0; margin-top: 10px;}
div.footer div.title{font-size: 18px; color: #5dc8dd; padding-bottom: 8px; border-bottom: 1px solid #ccc;}
div.footer-cp{background: #191e23;color: #fff; padding: 10px 0; font-size: 13px;}
div.footer-cp a.w3d{height: 16px; line-height: 16px; padding-left: 20px; color: #fff; background: url('/global/images/w3dicon.webp') left center no-repeat;}
div.footer div ul li{width: 100%; display: block; margin: 8px 0;}
div.footer div ul li a{font-size: 12px;color: #666;text-decoration: none;}
div.footer div ul li a:hover{color: #333;}

div.footer div.face-box{width: 340px; float: right; margin-top: 20px;}
div.footer div.babh-box{width: 340px; float: right; margin-top: 20px;}
div.footer div.babh-box div.babh-img{width: 50%; float: left;}
div.footer div.babh-box div.babh-img img{width: 100%;}
div.footer div.babh-box div.babh-data{width: calc(50% - 10px); padding-left: 10px; float: left; line-height: 20px;font-size: 12px;}
div.footer div.mnu-box{width: calc(33% - 133px); float: left; margin-right: 20px; margin-top: 20px;}

div.footer div.ficon{height: 16px; line-height: 16px; font-size: 12px; color: #666; padding-left: 20px; margin-top: 7px;}
div.footer div.ficon.calendar{background: url(/global/images/icons/blue_set_16.webp) left top -14px no-repeat;}
div.footer div.ficon.phone{background: url(/global/images/icons/blue_set_16.webp) left top -31px no-repeat;}
div.footer div.ficon.mail{background: url(/global/images/icons/blue_set_16.webp) left top 2px no-repeat;}
div.footer div.ficon.addr{background: url(/global/images/icons/blue_set_16.webp) left top -48px no-repeat;}
/* ------------- boxes ------------- */
div.box4{width: calc(25% - 20px); padding: 0 10px; float: left;}
div.box4-2{width: calc(50% - 20px); padding: 0 10px; float: left;}

/* ------------- home - imds ------------- */
div.imads{background: #efefef; padding: 10px; text-align: center;}
div.imads div.imdbx{display: inline-block; border: 1px solid #ccc; margin: 10px; width: calc(50% - 25px);}
div.imads div.imdbx img{width: 100%;}

/* ------------- pages ------------- */
div.page-content{padding-top: 20px;}
div.page-content img.main-img{float: left; margin: 0 20px 20px 0; max-width: 100%;}
div.page-content ul{list-style: disc; margin-left: 20px;}
div.page-content ul li{padding: 2px 0;}

div.page-content table{width: 100%;background: #0b95ca;border-spacing: 1px; margin-bottom: 20px;}
div.page-content table td{background: #fff;color: #333;text-align: left;padding: 2px 5px; font-size: 12px;}
div.page-content table td:nth-child(2){width: 150px;}
div.page-content table tr:nth-child(1) td{background: #0b95ca; color: #fff;}
div.page-content table td em{color: #0b95ca;font-weight: bold;}
div.page-content table tr:hover td{background: #dce7ff; color: #333;}

/* ------------- ft-preloader ------------- */
div.ft-preloader{display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #fffffff2 url(/global/images/cat_preloader.gif) center center no-repeat; z-index: 9999;}

/* ------------- pages adds ------------- */
div.page-left{width: calc(100% - 300px); float: left;}
div.page-adds{width: 270px; margin-left: 30px; float: right;}

/* ------------- forms ------------- */
div.form-separator{color: #5dc8dd; font-size: 18px; border-bottom: 1px solid #5dc8dd; margin-bottom: 20px;}
div.form-label{width: 230px; float: left; margin-bottom: 20px; height: 27px; line-height: 27px;}
div.form-field{width: calc(100% - 230px); float: left; margin-bottom: 20px; height: 27px; position: relative;}
div.form-field input{background: #fff; border: 1px solid #ccc; width: calc(100% - 2px); max-width: 320px; height: 25px; line-height: 25px; text-indent: 10px;}
div.form-field input.checkbox{width: 16px; height: 16px; margin-right: 10px;}
div.form-field select{background: #fff; border: 1px solid #ccc; width: 100%; max-width: 320px; height: 25px; line-height: 25px;}
div.form-field textarea{background: #fff; border: 1px solid #ccc; width: calc(100% - 4px); max-width: 320px; height: 80px; text-indent: 10px;}
div.save-ajax, div.btn-sbm{padding: 10px 20px; background: #5dc8dd; color: #fff; display: inline-block; cursor: pointer;}
div.save-ajax:hover, div.btn-sbm:hover{background: #0176a2;}
img.save-ajax-load{display:none;}
input.cardPaym, a.cardPaym{padding: 10px 20px; background: #5dc8dd; border: 1px solid #007ead; font-size: 18px; color: #fff; display: inline-block; cursor: pointer;}
input.cardPaym:hover, a.cardPaym:hover{background: #0176a2;}

label.checkbox{width: 100%; display: block; position: relative; min-height: 16px; line-height: 16px; padding-left: 26px;margin-bottom: 8px;font-size: 12px;}
label.checkbox input.checkbox{position: absolute; top: -3px; left: 0px;}

div.box-label{width: 230px; float: left; margin-bottom: 10px; height: 20px; line-height: 20px; }
div.box-field{width: calc(100% - 230px); float: left; margin-bottom: 10px; height: 20px; line-height: 20px;}

div.form-field span.irs-from, div.form-field span.irs-to{background-color: #5696ca;}
div.form-field span.irs-from::before, div.form-field span.irs-to::before{border-top-color: #5696ca;}
div.form-field .irs--sharp .irs-bar {background-color: #85afd2;}
div.form-field .irs--sharp .irs-handle{background-color: #5696ca;}
div.form-field .irs--sharp .irs-handle>i:first-child{border-top-color: #5696ca;}
div.form-field .irs--sharp .irs-min, div.form-field .irs--sharp .irs-max{background-color: #008de0;}

div.captcha{width: 150px; padding: 15px 15px 15px 40px; border: 1px solid #efefef; color: #333; position: relative; cursor: pointer;}
div.captcha div.cap-check{width: 14px; height: 14px; border: 1px solid #BDBDBD; position: absolute; left: 15px; top: 15px;}
div.captcha div.cap-check.active{background: url(/global/images/required.webp) left bottom no-repeat; border: 1px solid #efefef;}

/* ------------- form validation ------------- */
div.form-field.error input{border: 1px solid #900;}
div.err-text::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #900; content: "задължително поле."}
div.err-text input{border: 1px solid #900;}
div.err-mail::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #900; content: "невалиден имейл."}
div.err-mail input{border: 1px solid #900;}
div.err-mail-exist::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #900; content: "въведеният имейл вече съществува."}
div.err-mail-exist input{border: 1px solid #900;}
div.err-passwd::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #900; content: "паролата трябва да има поне 4 символа."}
div.err-passwd input{border: 1px solid #900;}
div.err-passwd-diff::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #900; content: "въведените пароли са различни."}
div.err-passwd-diff input{border: 1px solid #900;}
div.err-check{border-bottom: 1px solid #900;}
div.err-check::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #900; content: "задължително поле."}

/* ------------- account ------------- */
div.account-preview{}
div.account-preview div.account-name{padding-bottom: 20px; font-size: 16px; display: block; font-weight: bold;}
div.account-update{display: none;}

div.account-menu{padding-bottom: 30px;}
div.account-menu a{display: inline-block; font-size: 12px; margin-right: 15px; height: 16px; line-height: 16px; padding-left: 18px;}
div.account-menu a.update-account{background: url(/global/images/icons/blue_set_16.webp) left top -84px no-repeat;}
div.account-menu a.orders-account{background: url(/global/images/icons/blue_set_16.webp) left top -102px no-repeat;}
div.account-menu a.logout-account{background: url(/global/images/icons/blue_set_16.webp) left top -66px no-repeat;}
/* ------------- categories ------------- */
div.ft-handler{cursor: pointer;position: fixed; top: 270px; left: 0px; padding-top: 40px; background: #c30000; width: 34px; z-index: 9999; height: 104px;font-weight: bold;font-size: 15px; line-height: 15px;text-align: center; color: #fff; border-top-right-radius: 17px; -moz-border-top-right-radius: 17px; border-bottom-right-radius: 7px; -moz-border-bottom-right-radius: 7px;}
div.ft-handler div.hand-icon{position: absolute; top: 0px; left: 0px; border: 1px solid #c30000;background: #fff url(/global/images/filter32.webp) center center no-repeat;background-size: 65%; width: 32px; height: 32px; border-radius: 50%;-moz-border-radius: 50%;}
div.filters-box{width: 200px; margin-right: 18px; border: 1px solid #efefef; padding: 10px; float: left;}
div.filters-box.filters{width: 280px;top: 0px;position: fixed;border: 1px solid #4490c7;padding: 10px;left: -302px;z-index: 99999;background: #fff;height: calc(100% - 22px);overflow: auto;}
div.filters-box h4{font-size: 22px;}
div.filters-box h5{font-size: 14px; margin: 15px 0 5px 0; padding: 0;text-transform: uppercase;}
div.filters-box div.options{}
div.filters-box div.options.opt-filters{height: 80px; overflow: hidden; position: relative;}
div.filters-box div.options.opt-filters span.fmore{background: rgba(255, 255, 255, 0.9); width: calc(100% - 40px); padding-left: 40px; height: 20px; line-height: 20px; cursor: pointer; display: block; position: absolute; bottom: 0px; left: 0px; text-align: left;}
div.filters-box div.options label{display: block; font-size: 12px;text-transform: uppercase;}
div.filters-box a.filter-link{padding-left: 20px; background: url(/global/images/filter-link.webp) left 4px center no-repeat;}
div.filters-box a.clear-filters{padding-left: 20px; margin-top: 20px; display: inline-block; font-size: 12px; background: url(/global/images/filter-clear.webp) left 4px center no-repeat;}
div.filters-box form#filter-frm{display: block;}

div.listing-box{width: calc(100% - 240px); float: left;}
div.listing-box div.main-img{width: 100%; margin: 10px 0; text-align: center; position: relative;}
div.listing-box div.main-img img{max-width: 100%;}
div.listing-box div.main-img div.cats{background: rgba(255, 255, 255, 0.35); padding: 10px; position: absolute; top: 0px; left: 0px; text-align: center; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.listing-box div.main-img div.cats:hover{background: rgba(255, 255, 255, 0.78);}
div.listing-box div.main-img div.cats a.cat-link{color: #fff; background: rgba(8, 149, 202, 0.68); display: inline-block;padding: 5px 10px; margin: 6px; -moz-border-radius: 10px;border-radius: 10px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.listing-box div.main-img div.cats a.cat-link:hover{background: rgba(8, 149, 202, 0.88);}
div.listing-box div.listing{}
div.listing-box div.listing div.product div.ov-hidden{overflow: hidden; position: relative; height: 100%;}
div.listing-box div.listing div.product{border: 1px solid #c1c1c1; text-align: center; height: 330px; width: calc(25% - 22px); margin: 10px; float: left; position: relative;}
div.listing-box div.listing div.product:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
div.listing-box div.listing div.product:hover div.data{bottom: 0px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.listing-box div.listing div.product img{max-width: 100%;}
div.listing-box div.listing div.product div.data{position: absolute; left: 0px; bottom: 0px;/*bottom: -42px;*/ padding: 10px; width: calc(100% - 20px); background: rgba(255, 255, 255, 0.83); color: #292929; z-index: 0; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.listing-box div.listing div.product div.data h3{font-size: 14px; font-weight: normal;}
div.listing-box div.listing div.product div.data h3 a{font-size: 14px; font-weight: normal; color: #292929; text-decoration: none;}
div.listing-box div.listing div.product div.data h3 a:hover{color: #666;}
div.listing-box div.listing div.product div.data p{font-size: 14px;line-height: 14px;text-align: center;padding: 5px 0;margin: 0;}
div.listing-box div.listing div.product div.data div.price{font-size: 20px; color: #5dc8dd;}
div.listing-box div.listing div.product div.data div.price span.old{font-size: 14px; color: #666; padding-left: 10px; text-decoration: line-through;}
div.listing-box div.listing div.product div.data div.add-cart{padding-top: 10px; /*text-align: left;*/}
div.listing-box div.listing div.product div.data div.add-cart select{width: 130px; height: 27px;}
div.listing-box div.listing div.product div.data div.add-cart a.add-btn{background: #5dc8dd; color: #fff; text-align: center; display: inline-block; font-size: 13px;padding: 6px 8px;text-decoration: none; position: relative; border-radius: 4px; -moz-border-radius: 4px;}
div.listing-box div.listing div.product div.data div.add-cart a.add-btn:hover::after{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #5dc8dd url('/global/images/small_cart.webp') center center no-repeat; content: ""; border-radius: 4px; -moz-border-radius: 4px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.listing-box div.listing div.product div.new-product{width: 70px; height: 71px; background: url(/global/images/new.webp) center center no-repeat; position: absolute; top: -6px; right: -6px; z-index: 2;}
div.listing-box div.listing div.product div.promo-list{width: 42px; height: 42px; background: url(/global/images/promo/promo-list.webp) center center no-repeat; position: absolute; top: -1px; left: -1px; z-index: 2; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 14px; text-align:center; line-height: 32px; padding-right: 10px;}
div.listing-box div.listing div.product div.unstock{width: 80px; height: 81px; background: url(/global/images/unstock_sm.webp) center center no-repeat; position: absolute; top: -6px; right: -6px; z-index: 2;}
div.listing-box div.listing div.product div.promo-gift{width: 50px; height: 50px; background: url(/global/images/gift.webp) center center no-repeat; position: absolute; top: 45px; left: 0px; z-index: 2;}
div.listing-box div.listing div.product div.promo-label{width: 164px;height: 45px;background: url(/global/images/ribbon_left.webp) center center no-repeat;text-align: center;color: #fff;position: absolute;top: 129px;left: -9px;z-index: 2;font-size: 13px;line-height: 22px;font-weight: bold;}
div.listing-box div.listing div.product div.voucher{width: 70px; height: 71px; background: url(/global/images/gvoucher.webp) center center no-repeat; position: absolute; top: -6px; right: -6px; z-index: 2;}

div.listing-box div.listing div.product div.data.nobtm{padding-bottom: 0px;}
div.listing-box div.listing div.product div.data ul.prices{}
div.listing-box div.listing div.product div.data ul.prices li{border-top: 1px solid #efefef;padding: 2px 0;text-align: left;color: #8d8d8d;font-size: 12px; line-height: 20px;}
div.listing-box div.listing div.product div.data ul.prices li span{float: right; color: #5dc8dd;font-size: 14px; font-weight: bold;}
div.listing-box div.listing div.product div.data ul.prices li span.promo{color: #e13701;}
div.listing-box div.listing div.product div.data ul.prices li span.promo span.dot{display: inline-block;width: 20px;height: 20px;line-height: 20px;background: #f00;text-align: center;color: #fff;float: left;margin-right: 3px;border-radius: 50%;font-size: 9px;-moz-border-radius: 50%;}


div.listing-box div.fmrk-box{height: 110px; overflow: hidden; position: relative; padding-bottom: 10px;}
div.listing-box a.fmrk-more{font-size: 16px; color: #000; text-decoration: none;}
div.listing-box div.fmrk-box a.fmrk-bbl{display: inline-block; width: calc(20% - 46px); margin: 10px; padding: 10px; border: 1px solid #efefef; background: #efefef; color: #333; text-decoration: none;}
div.listing-box div.fmrk-box a.fmrk-bbl:hover{border: 1px solid #efefef; background: #f8f8f8;}
div.listing-box div.fmrk-box a.fmrk-bbl.checked{border: 1px solid #b4d3f3;background: #d2e6ff;}
div.listing-box div.fmrk-box a.fmrk-bbl div.imgbox{width: 100%; height: 50px; overflow: hidden; padding-bottom: 10px;}
div.listing-box div.fmrk-box a.fmrk-bbl div.imgbox img{object-fit: contain;height: 50px;}

div.listing-box.home-listing{width: 100%;}

div.sc-same-pd{padding: 10px; background: #dedede;}
div.sc-same-pd div.listing{}
div.sc-same-pd div.listing div.product div.ov-hidden{overflow: hidden; position: relative; height: 100%;}
div.sc-same-pd div.listing div.product{border: 1px solid #c1c1c1; background: #fff; text-align: center; height: 260px; width: calc(50% - 22px); margin: 10px; float: left; position: relative;}
div.sc-same-pd div.listing div.product:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
div.sc-same-pd div.listing div.product:hover div.data{bottom: 0px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.sc-same-pd div.listing div.product img{max-width: 100%;}
div.sc-same-pd div.listing div.product div.data{position: absolute; left: 0px; bottom: 0px; padding: 10px; width: calc(100% - 20px); background: rgba(255, 255, 255, 0.83); color: #292929; z-index: 2; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.sc-same-pd div.listing div.product div.data h3{font-size: 14px; font-weight: normal;}
div.sc-same-pd div.listing div.product div.data div.price{font-size: 20px; color: #5dc8dd;}
div.sc-same-pd div.listing div.product div.data div.price span.old{font-size: 14px; color: #666; padding-left: 10px; text-decoration: line-through;}
div.sc-same-pd div.listing div.product div.data div.add-cart{padding-top: 10px; text-align: left; display: none;}
div.sc-same-pd div.listing div.product div.data div.add-cart select{width: 130px; height: 27px;}
div.sc-same-pd div.listing div.product div.data div.add-cart a.add-btn{background: #5dc8dd; color: #fff; text-align: center; display: inline-block; font-size: 13px;padding: 6px 8px;text-decoration: none; position: relative; border-radius: 4px; -moz-border-radius: 4px;}
div.sc-same-pd div.listing div.product div.data div.add-cart a.add-btn:hover::after{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #5dc8dd url('/global/images/small_cart.webp') center center no-repeat; content: ""; border-radius: 4px; -moz-border-radius: 4px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.sc-same-pd div.listing div.product div.new-product{width: 70px; height: 71px; background: url(/global/images/new.webp) center center no-repeat; position: absolute; top: -6px; right: -6px; z-index: 2;}
div.sc-same-pd div.listing div.product div.promo-list{width: 42px; height: 42px; background: url(/global/images/promo/promo-list.webp) center center no-repeat; position: absolute; top: -1px; left: -1px; z-index: 2; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 14px; text-align:center; line-height: 32px; padding-right: 10px;}
/*div.sc-same-pd div.listing div.product div.promo-label{width: 133px; height: 29px; background: url(/global/images/ribbon.webp) center center no-repeat; text-align: center; color: #fff; position: absolute; top: -6px;left: 0px;z-index: 2;font-size: 13px;line-height: 22px;font-weight: bold;}*/
div.sc-same-pd div.listing div.product div.promo-label{width: 164px;height: 45px;background: url(/global/images/ribbon_left.webp) center center no-repeat;text-align: center;color: #fff;position: absolute;top: 129px;left: -9px;z-index: 2;font-size: 13px;line-height: 22px;font-weight: bold;}

div.listing-image-box{width: 100%; height: 200px; overflow: hidden;}
div.listing-image-box img{object-fit: contain;width: 200px;height: 200px;}

div.promo-filters{padding: 0px 25px; text-align: center; background: url(/global/images/filter32.webp) left top no-repeat;}
div.promo-filters div.form-field{width: calc(100% - 0px); margin-top: 20px;}
div.promo-filters div.form-field .btn-sbm{background: #4598bc url(/global/images/filter32_w.webp) left 5px top 8px no-repeat;background-size: 20px;padding-left: 35px; border-radius: 4px; -moz-border-radius: 4px;}
div.promo-filters div.form-field .btn-sbm:hover{background-color: #0e6f99;}
div.promo-filters div.half .select{width: 100%; border: 1px solid #4598bc; background: #fff;}
div.promo-filters div.half .select2-container{border: 1px solid #4598bc; background: #fff; text-align: left; border-radius: 4px; -moz-border-radius: 4px;}
div.promo-filters a{display: inline-block; position: relative; height: 30px; margin: 4px; width: 87px; font-size: 13px; border: 1px solid #4490c8; padding: 45px 0 5px 0; text-decoration: none; background: url(/global/images/filter32.webp) center top 5px no-repeat; border-radius: 6px; -moz-border-radius: 6px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.promo-filters a span{display: block;height: 30px;position: absolute;bottom: 5px;left: 0;width: 100%;text-align: center;}
div.promo-filters a:hover, div.promo-filters a.active{color: #fff;background: #4490c8 url(/global/images/filter32_w.webp) center top 5px no-repeat;}

/* ------------- products ------------- */
div.product-img{width: calc(30% - 10px); padding-right: 10px; float: left;}
div.product-data{width: calc(70% - 30px); padding-left: 30px; float: left; position: relative;}
div.product-data img.mark-logo{/*position: absolute; top: 50px; right: 20px;*/}
div.product-data h1{margin-bottom: 20px;}
div.product-data div.short-desc{padding: 30px 0;}
div.product-data div.short-desc strong{display: block; padding-bottom: 10px;}
div.product-data div.cart{padding: 20px 0 0 0;}
div.product-data div.cart div.promo-label{background: #ba211f;color: #fff;font-weight: bold;padding: 5px 15px;display: inline-block; border-radius: 20px; -moz-border-radius: 20px;}
div.product-data div.cart div.price-label{font-size: 20px;}
div.product-data div.cart div.price-label em{padding-left: 20px;font-size: 12px;color: #ca5252;}
div.product-data div.cart div.price{padding: 10px 0; height: 40px;}
div.product-data div.cart div.price span#price{font-size: 32px; font-weight: bold; color: #5dc8dd;}
div.product-data div.cart div.price span#price-old{font-size: 26px; color: #666; padding: 0 0 0 30px; text-decoration: line-through;}
div.product-data div.cart div.price span#promo-pc{margin-left: 10px;display: inline-block;width: 50px;height: 50px;line-height: 50px;font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;text-align: center;color: #fff;background-size: 100% !important; background: url('/global/images/promo/promo-red.webp') center center no-repeat;}
div.product-data div.cart div.price span#pd-gift{margin-left: 10px;display: inline-block;width: 50px;height: 50px;line-height: 50px; vertical-align:middle;}
div.product-data div.cart div.cart-options select{font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; min-width: 220px;background: #17a6dc; border: 1px solid #01b6f9; color: #fff;}
div.product-data div.cart div.cart-options label{display: block; width: calc(100% - 10px); max-width: 600px; cursor: pointer; position: relative;padding: 10px 5px; border-bottom: 1px solid #fff; background: #f7f7f7;}
div.product-data div.cart div.cart-options label:hover, div.product-data div.cart div.cart-options label.selected{background: #c5efff;}
div.product-data div.cart div.cart-options label input{position: absolute;top: 8px;left: 5px;}
div.product-data div.cart div.cart-options label span.name{width: calc(100% - 120px); font-size: 14px; padding-left: 30px; float: left;}
div.product-data div.cart div.cart-options label span.price{width: 90px; float: right; text-align: right; font-weight: bold;}
div.product-data div.cart div.cart-options label div.vaucher{position: relative;padding: 0 30px;margin: 3px 0 0 30px; height: 22px; line-height: 22px; color: #ffffff;background: #00b700;border: 1px solid #00b700;display: inline-block;  border-radius: 10px; -moz-border-radius: 10px;}
div.product-data div.cart div.cart-options label div.vaucher input{top: 1px;}
div.product-data div.cart div.cart-options em.red{font-size: 11px; color: #AF1F00; display:block; margin-bottom: 5px;}
div.product-data div.cart div.cart-options em{font-size: 11px; color: #5dc8dd; display:block; margin: 15px 0;}
div.product-data div.cart div.cart-body{padding: 20px 0 0 0; height: 30px;}
div.product-data div.cart div.cart-body input{width: 50px; height: 25px; line-height: 25px; text-indent: 5px; font-size: 16px; background: #fff; border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px;}
div.product-data div.cart div.cart-body a.add-cart{padding: 7px 15px 6px 15px;margin-left: 5px; background: #5dc8dd;color: #fff;display: inline-block;cursor: pointer; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px;}
div.product-data div.cart div.cart-body a.add-cart-inactive{padding: 7px 15px 6px 15px;margin-left: 5px; background: #d7d7d7;color: #fff;display: inline-block;cursor: pointer; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px;}
div.product-data div.cart div.cart-body a.add-cart:hover{background: #0176a2;}

div.product-data div.out-of-stock{padding-top: 20px; font-size: 22px; font-weight: bold; color: #e12d32;}

div.product-data ul{list-style: disc; margin-left: 20px;}
div.product-data ul li{padding: 2px 0;}

div.aptmsg{position: relative;max-width: 580px;background: rgba(224,61,64,.1);border-radius: 8px;color: #de292c;font-size: 14px;line-height: 20px;padding: 15px 15px 15px 55px;border: 1px solid #e03d40;margin-bottom: 20px;}
div.aptmsg div.checkbox-v{width: 20px; height: 20px; position: absolute; left: 10px; top: calc(50% - 10px); border: 1px solid #e03d40; background: #fff; border-radius: 4px; -moz-border-radius: 4px; cursor: pointer;}
div.aptmsg div.checkbox-v div.check{width: 14px; height: 14px; position: absolute; top: 3px; left: 3px; background: url(/global/images/required.webp) center bottom no-repeat; display: none;}

div.loupe{width: 100%; position: relative;}
div.loupe div#big-image{text-align: center; background: #fff; padding: 5px; overflow: hidden; position: relative;}
div.loupe div#big-image img{max-width: 100%;}
div.loupe div.thumbs{text-align: center; padding: 10px 0;}
div.loupe div.thumbs a{text-decoration: none; display: inline-block; width: 65px; height: 65px;}
div.loupe div.thumbs a img{width: 65px; height: 65px; object-fit: contain;}
div.loupe div.thumbs div.thumb{width: 65px; height: 70px; text-align: center; margin: 0 5px; background: #fff; float: left; margin-bottom: 10px;}
.zoomLens{cursor:zoom-in !important;}

div.slide-mobile{width: 100%; max-width: 500px; margin: 0 auto; display: none;}

div.tabs{margin-top: 20px; position: relative;}
div.tabs a{display: inline-block; padding: 4px 15px; color: #333; text-decoration: none; border: 1px solid #fff;}
div.tabs a:hover, div.tabs a.active{position: relative;border: 1px solid #efefef;border-bottom: 1px solid #fff;top: 1px;}
div.tabs-content{border: 1px solid #efefef; padding: 15px; font-size: 14px;}
div.tabs-content p{font-size: 14px;}
div.tabs-content > div{display: none;}
div.tabs-content > div img{float: left; margin: 10px 10px 10px 0; max-width: 100%;}

div.tabs-content ul{list-style: disc; margin-left: 20px;}
div.tabs-content ul li{padding: 2px 0;}

/* ------------- marks ------------- */
div.marks-list{}
div.marks-list div.mark-box{width: 164px; height: 164px; display: list-item; line-height: 164px; border: 1px solid #ccc; background: #fff; margin: 5px; float: left; text-align: center; position: relative; overflow: hidden;}
div.marks-list div.mark-box img{vertical-align: middle; max-width: 60%;}
div.marks-list div.mark-box a{position: absolute; top: 260px; left: 0; display: block; width: 100%; height: 100%; line-height: 164px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: #2d4973f2; text-decoration: none; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.marks-list div.mark-box:hover a{top: 0px;} 

div.mark-photo{width: 360px; margin: 0 20px 20px 0; float: left;}
div.mark-detail{width: calc(100% - 380px); float: left;}

/* ------------- hp line ------------- */
div.hpline{padding: 60px 20px 20px 20px;}
div.hpline div.hpbox{width: calc(25% - 1px); margin-right: 1px; float: left;}
div.hpline div.hpbox div.image{text-align: center; height: 64px; margin-bottom: 10px;}
div.hpline div.hpbox div.text{text-align: center;font-family: Arial, Helvetica, sans-serif; font-size: 12px;background: #5dc8dd;font-weight: bold;color: #fff;padding: 15px;min-height: 32px;}

div.hpline div.hpbox.b1 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -289px no-repeat;}
div.hpline div.hpbox.b2 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -222px no-repeat;}
div.hpline div.hpbox.b3 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -142px no-repeat;}
div.hpline div.hpbox.b4 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top no-repeat;}
div.hpline div.hpbox.b5 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -69px no-repeat;}

div.hpline div.hpbox:hover div.text{background: #0ea3dc;}

/* ------------- tracking ------------- */
div.tracking{padding: 30px 0;}
div.tracking div.t-block{width: 25%; float: left; text-align: center; border-bottom: 4px solid #999;}
div.tracking div.t-block div.image{width: 100%; height: 120px;}
div.tracking div.t-block div.text{padding: 20px 10px; height: 30px; color: #999; font-size: 15px;}
div.tracking div.t-block.step1 div.image{background: url(/global/images/icons/first.webp) center bottom no-repeat;}
div.tracking div.t-block.step2 div.image{background: url(/global/images/icons/seccond.webp) center bottom no-repeat;}
div.tracking div.t-block.step3 div.image{background: url(/global/images/icons/third.webp) center bottom no-repeat;}
div.tracking div.t-block.step4 div.image{background: url(/global/images/icons/last.webp) center bottom no-repeat;}

div.tracking div.t-block.active{border-bottom: 4px solid #157EFB;}
div.tracking div.t-block.blue div.text{color: #157EFB; font-weight: bold;}
div.tracking div.t-block.step1.blue div.image{background: url(/global/images/icons/first.webp) center top no-repeat;}
div.tracking div.t-block.step2.blue div.image{background: url(/global/images/icons/seccond.webp) center top no-repeat;}
div.tracking div.t-block.step3.blue div.image{background: url(/global/images/icons/third.webp) center top no-repeat;}
div.tracking div.t-block.step4.blue div.image{background: url(/global/images/icons/last.webp) center top no-repeat;}

div.tracking.cancel div.t-block.step4 div.image{background: url(/global/images/icons/cancel.webp) center top no-repeat;}
div.tracking.cancel div.t-block.step4 div.text{color: #f00; font-weight: bold;}
div.tracking.cancel div.t-block{border-bottom: 4px solid #f00;}
div.tracking.cancel div.t-block.step1{border-bottom: 4px solid #157EFB;}

div.tracking-no-result{text-align: center; padding-top: 140px; margin-bottom: 40px; background: url(/global/images/icons/sad.webp) center top no-repeat; color: #157EFB;}
div.tracking-no-search{text-align: center; padding-top: 140px; margin-bottom: 40px; background: url(/global/images/icons/no-search.webp) center top no-repeat; color: #157EFB;}
/* ------------- shopping-cart ------------- */
div.shopping-cart{}
div.shopping-cart div.dpromo-label{border: 1px solid #090;padding: 20px;text-align: center;margin: 10px 0 30px 0;color: #090;font-size: 15px;background: #e3f9db; border-radius: 4px; -moz-border-radius: 4px;}
div.shopping-cart div.dpromo-label.yellow{border: 1px solid #c4841f;color: #cf7e00;background: #f9f4db;}
div.shopping-cart div.dpromo-label.red{border: 1px solid #f00;color: #f00;background: #f9dbdb;}
div.shopping-cart div.empty{font-size: 11px; font-style:italic; text-align: center; padding: 4px 0;}
div.shopping-cart div.cart-row{border: 1px solid #E8E8E8; border-top: none;}
div.shopping-cart div.cart-row:hover{background: #f7f7f7;}
div.shopping-cart div.cart-row div.c-img{width: 90px; padding: 5px; float: left;}
div.shopping-cart div.cart-row div.c-img img{max-width: 100%;}
div.shopping-cart div.cart-row div.c-name{width: calc(100% - 442px); padding: 10px 20px; float: left;}
div.shopping-cart div.cart-row div.c-name div.price-title em{padding-left: 15px;font-size: 11px;color: #ca5252;}
div.shopping-cart div.cart-row div.c-name div.title{color: #5dc8dd;font-weight: bold;padding: 0 0 10px 0;}
div.shopping-cart div.cart-row div.c-prices{width: 300px; float: left;}
div.shopping-cart div.cart-row div.c-prices table{width: 100%; border-collapse: collapse; height: 100px; font-size: 12px;}
div.shopping-cart div.cart-row div.c-prices table, div.shopping-cart div.cart-row div.c-prices table td{padding: 5px 10px; border-left: 1px solid #efefef;}
div.shopping-cart div.cart-row div.c-prices img.cart-remove-btn{width: 18px; height: auto; cursor: pointer;}
div.shopping-cart div.cart-row div.c-prices img.cart-remove-btn:hover{background: #efefef;}
div.shopping-cart div.cart-row div.c-prices input.c-qty{background: #fff;text-indent:3px; border: 1px solid #ccc;width: 40px;}
div.shopping-cart div.cart-row.head{background: #efefef;}
div.shopping-cart div.cart-row.head div.prod-ttl{width: calc(100% - 310px); padding: 3px 0 0 10px; float: left;}
div.shopping-cart div.cart-row.head table{height: auto !important; text-align: center;}

div.shopping-cart div.prices-detail{padding: 20px 0;}
div.shopping-cart div.prices-detail div.detail-section{padding: 10px 20px 0 20px; border-bottom: 1px solid #efefef;}
div.shopping-cart div.prices-detail div.detail-section.total{background: #efefef; padding-bottom: 10px;}
div.shopping-cart div.prices-detail div.detail-section div.title{font-size: 20px; padding: 10px 0;}
div.shopping-cart div.prices-detail div.detail-section div.detail{padding: 0 0 20px 0;}
div.shopping-cart div.prices-detail div.detail-section div.detail select{margin-bottom: 10px; line-height: 26px; height: 26px;}
div.shopping-cart div.prices-detail div.detail-section div.detail textarea{background: #fff;border: 1px solid #ccc;width: calc(100% - 4px);max-width: 320px;height: 80px;text-indent: 10px;}

div.new-vision{margin: 20px 0;}

div.shopping-cart div.nv-data{width: calc(100% - 320px); float: left;}
div.shopping-cart div.nv-data div.steps-line{margin-bottom: 50px; position: relative;}
div.shopping-cart div.nv-data div.steps-line span.sl-dot{width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #5dc8dd; position: absolute; top: 0; left: 0; z-index: 2; border-radius: 50%;-moz-border-radius: 50%;}
div.shopping-cart div.nv-data div.steps-line div.sl-line{width: 33.3%; float: left; margin-top: 20px; height: 2px; background: #d9d9d9; position: relative; z-index: 1;}
div.shopping-cart div.nv-data div.steps-line div.sl-line span.sl-dot{background: #d9d9d9; left: unset; right: 0px;top: -20px;}
div.shopping-cart div.nv-data div.steps-line div.sl-line.active{background: #5dc8dd;}
div.shopping-cart div.nv-data div.steps-line div.sl-line.active span.sl-dot{background: #5dc8dd;}

div.shopping-cart div.nv-data div.sh-gmap{width: 100%; margin: 10px 0;}

div.shopping-cart div.radiof{padding: 0 0 30px 0;}
div.shopping-cart div.radiof label{display: inline-block; padding: 0 0 15px 0; position: relative;}
div.shopping-cart div.radiof label img{position: absolute; top: 0px; right: -30px;}

div.shopping-cart div.nv-data div.fieldLabel{border: 1px solid #efefef; padding: 25px 10px 10px 10px; width: calc(50% - 32px);margin: 0 10px 20px 0; float: left; position: relative; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.shopping-cart div.nv-data div.fieldLabel.single{width: calc(100% - 22px);}
div.shopping-cart div.nv-data div.fieldLabel.right{margin: 0 0 20px 10px;}
div.shopping-cart div.nv-data div.fieldLabel span.finfo{position: absolute; top: 19px; left: 10px; color: #b3b3b3; font-size: 14px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.shopping-cart div.nv-data div.fieldLabel i{position: absolute; top: 5px; right: 5px; width: 14px; height: 14px; background: url(/global/images/required.webp) center top no-repeat; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.shopping-cart div.nv-data div.fieldLabel input{background: #fff; border: none; width: 100%; font-size: 16px;}
div.shopping-cart div.nv-data div.fieldLabel textarea{background: #fff; border: none; width: 100%; font-size: 16px; height: 20px;}
div.shopping-cart div.nv-data div.fieldLabel select{background: #fff; border: none; width: 100%; font-size: 16px;}
div.shopping-cart div.nv-data div.fieldLabel.focus textarea{height: 120px;}
div.shopping-cart div.nv-data div.fieldLabel.focus{border: 1px solid #5dc8dd;}
div.shopping-cart div.nv-data div.fieldLabel.focus span.finfo{top: 5px; color: #b3b3b3; font-size: 12px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.shopping-cart div.nv-data div.fieldLabel.filled{border: 1px solid #5dc8dd;}
div.shopping-cart div.nv-data div.fieldLabel.filled span.finfo{top: 5px; color: #b3b3b3; font-size: 12px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.shopping-cart div.nv-data div.fieldLabel.filled i{background: url(/global/images/required.webp) center bottom no-repeat;}

div.shopping-cart div.nv-data div.dcomp{background: #4490c7;color: #fff; padding: 5px 10px; display: none;}
div.shopping-cart div.nv-data div.dcomp div.dclabel{width: calc(100% - 120px); float: left; padding-right: 20px;}
div.shopping-cart div.nv-data div.dcomp div.dcprice{width: 100px;float: left; text-align: right;}

.select2-container--default .select2-selection--single{background-color: transparent !important;border: none !important;}

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}

div.shopping-cart div.nv-price-data{width: 300px; float: right; background: #efefef;}
div.shopping-cart div.nv-price-data div.detail-section{padding: 10px 20px 0 20px; border-bottom: 1px solid #d9d9d9;}
div.shopping-cart div.nv-price-data div.detail-section.total{background: #d9d9d9; padding-bottom: 10px;}
div.shopping-cart div.nv-price-data div.detail-section div.title{font-size: 20px; padding: 10px 0;}
div.shopping-cart div.nv-price-data div.detail-section div.detail{padding: 0 0 20px 0; font-size: 12px;}
div.shopping-cart div.nv-price-data div.detail-section div.detail span.cpromo-text{width: 70%;display: inline-block;}
div.shopping-cart div.nv-price-data div.detail-section div.detail span.right{font-size: 14px;}
div.shopping-cart div.nv-price-data div.detail-section div.detail select{margin-bottom: 10px; line-height: 26px; height: 26px;}
div.shopping-cart div.nv-price-data div.detail-section div.detail textarea{background: #fff;border: 1px solid #ccc;width: calc(100% - 4px);max-width: 320px;height: 80px;text-indent: 10px;}

div.shopping-cart div.order-form{max-width: 800px; margin: 0 auto;}

div.shopping-cart div.flyprice{position: fixed; top: 0px; left: 0px; width: 100%; padding: 5px 0; text-align: center; background:#178A00; color: #fff;font-size: 20px;font-weight: bold;z-index: 9; display:none;}
div.shopping-cart div.flyprice.show{display: none;}

/* ------------- news ------------- */
div.news-row{padding: 20px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.news-row:hover{background: #efefef;}
div.news-row div.image{width: 250px; text-align: center; overflow: hidden; float: left;}
div.news-row div.image img{width: 100%;}
div.news-row div.data{width: calc(100% - 310px); padding: 10px 20px 10px 40px; float: left;}

/* ------------- gallery ------------- */
div.gallery{margin: 30px 10px;}
div.gallery h2{border-bottom: 1px solid #5dc8dd; color: #5dc8dd;}
div.gallery a{border: 1px solid #efefef; display: block; width: 200px; height: 130px; overflow: hidden; float: left; margin: 10px;}
div.gallery a:hover{border: 1px solid #5dc8dd;}
div.gallery a img{display: block;}

/* ------------- table ------------- */
table.light{width: 100%; background: #2c6da0;}
table.light th {background: #5dc8dd; color: #fff; text-align: left; padding: 2px 5px;}
table.light td {background: #fff; color: #333; text-align: left; padding: 2px 5px;}

/* ------------- paginator ------------- */
div.paginator{text-align: center;}
div.paginator a.pg-btn{display: inline-block;margin: 2px 3px;padding: 2px 7px;border: 1px solid #5dc8dd; text-decoration: none; border-radius: 4px;-moz-border-radius: 4px;}
div.paginator a.pg-btn.pg-current, div.paginator a.pg-btn:hover{background:#5dc8dd; color: #fff;}

/* ------------- conditions ------------- */
em.conditions{padding: 20px 10px 0 10px; font-size: 10px; display: inline-block;}

/* ------------- breadcrumb ------------- */
div.breadcrumb{padding: 20px 0 0 0;}
div.breadcrumb span{display: inline-block; margin: 0 5px;}
div.breadcrumb a{display: inline-block; margin: 0 5px; text-decoration: none;}
div.breadcrumb a:hover{text-decoration: underline;}
body.home div.breadcrumb{display: none;}

/* ------------- cookie-pp ------------- */
div#cookie-pp{}
div#cookie-pp div.pp-content{padding: 0 20px 20px 20px;line-height: 22px;}
div#cookie-pp div.pp-content div.btn-sbm.light{background: #a6b7c5;}
div#cookie-pp div.pp-content div.btn-sbm.light:hover {background: #0176a2;}
div#cookie-pp div.pp-content div.ppoptions{padding-bottom: 20px;}
div#cookie-pp div.pp-content div.ppoptions div.ppoption{padding-bottom: 5px;}
div#cookie-pp div.pp-content div.ppoptions div.ppoption div.ppopttl{padding: 10px 15px; font-weight: bold; background: #d9d9d9; position: relative; border-radius: 4px;-moz-border-radius: 4px;}
div#cookie-pp div.pp-content div.ppoptions div.ppoption div.ppopttl input{position: absolute; top: 8px; right: 10px; width: 20px; height: 20px;}
div#cookie-pp div.pp-content div.ppoptions div.ppoption div.ppopdesc{display: none;padding: 10px 15px; background: #efefef;font-size: 13px;}

/* ------------- rating ------------- */
div.rating-box{width: 200px; height: 55px; padding: 5px; border: 1px solid #e6e6e6; position: relative; border-radius: 4px;-moz-border-radius: 4px;}
div.rating-box div.rate{font-size: 35px; position: absolute; top: 14px; left: 10px;}
div.rating-box div.stars{position: absolute; top: 30px; left: 80px; border-top: 1px solid #efefef; background: url(/global/images/stars/0-stars.png) center center no-repeat; width: 107px; height: 23px; overflow: hidden;}
div.rating-box div.stars.s1{background: url(/global/images/stars/1-stars.png) center center no-repeat;}
div.rating-box div.stars.s2{background: url(/global/images/stars/2-stars.png) center center no-repeat;}
div.rating-box div.stars.s3{background: url(/global/images/stars/3-stars.png) center center no-repeat;}
div.rating-box div.stars.s4{background: url(/global/images/stars/4-stars.png) center center no-repeat;}
div.rating-box div.stars.s5{background: url(/global/images/stars/5-stars.png) center center no-repeat;}
div.rating-box div.stars.s6{background: url(/global/images/stars/6-stars.png) center center no-repeat;}
div.rating-box div.voters{position: absolute; top: 12px; left: 80px; font-size: 10px;}


div.tabs-content table{border-spacing: 0px;border-collapse: collapse;border: 1px solid #ccc;width:100%;height: auto;background: #efefef;}
div.tabs-content table, div.tabs-content th, div.tabs-content td {
  border: 1px solid #ccc;
}
div.tabs-content table td{background: #fff; padding: 2px;}

div.capcha-bg{overflow: hidden;}
img.max500{max-width: 500px !important;}


/* for 1600px or less */
@media screen and (max-width: 1600px) {
	div.header a.christmas-btn2{width: 96px;height: 140px;background: url(/global/images/christmas-decor.webp) center top no-repeat;background-size: 100% auto;}
}

/* for 1460px or less */
@media screen and (max-width: 1460px) {
	div.header a.christmas-btn{top: 133px;}
}

/* for 1380px or less */
@media screen and (max-width: 1380px) {
	div.header a.christmas-btn2{top: 31px;}
}

@media screen and (max-width: 1250px) {
	div.outer{padding: 0 10px; width: calc(100% - 20px);}
	div.listing-box div.listing div.product{width: calc(33% - 22px);}
	a.logo{margin-left: 40px;}/* christmas */
}

/* for 1150px or less */
@media screen and (max-width: 1150px) {
	div.product-img{width: 340px;}
	div.product-data{width: calc(100% - 380px);}
	div.footer div.ficon{font-size: 10px;}
	
	div.hpline div.hpbox div.text{min-height: 42px;}
}

/* for 1120px or less */
@media screen and (max-width: 1150px) {
	div.header a.logo{max-width: 350px;}
}

/* for 1070px or less */
@media screen and (max-width: 1070px) {
	div.hpline div.hpbox div.text{min-height: 56px;}
}

/* for 1030px or less */
@media screen and (max-width: 1030px) {
	div.home-adds{display: none;}
	div.home-listing{width: 100%;}
	
	div.filters-box{width: 190px;}
	div.listing-box{width: calc(100% - 230px);}
	div.listing-box.home-listing{width: 100%;}
	
	div.filters-box.adds{display: none;}
	div.listing-box.adds{width: 100%;}
	
	div.header div.search-block{top: 40px; right: 120px;}
	
	div.product-data img.mark-logo{position: relative; top: 0px; right: 0px;}
	
	div.hpline div.hpbox div.text{min-height: 32px;}
}

/* for 976px or less */
@media screen and (max-width: 976px) {
	div.footer div.face-box{width: 340px; float: right;}
	div.footer div.mnu-box{width: calc(33% - 20px); float: left; margin-right: 20px;}
	
	div.header a.logo {float: none;}
	div.header div.free-ship-box{float: none; border-top: 1px solid #e5edf2;}
	div.header div.free-ship-box div.fsb-title{display: inline-block;}
	div.header div.free-ship-box ul{display: inline-block;}
	div.header div.free-ship-box ul li{padding-bottom: 0px;margin-left: 20px;float: left;}
	
	div.listing-box div.fmrk-box a.fmrk-bbl{width: calc(25% - 46px);}
}

/* for 940px or less */
@media screen and (max-width: 940px) {
	div.listing-box div.listing div.product{width: calc(50% - 22px);}
	div.listing-box div.main-img div.cats a.cat-link{margin: 2px; font-size: 11px;}
	
	div.product-data div.cart div.cart-options em{display: block;}
	
	div.product-data div.cart div.price{height: auto;}
}

/* for 840px or less */
@media screen and (max-width: 840px) {
	div.page-content{text-align: center;}
	div.page-content img.main-img{float: none; margin: 0 0 20px 0;}
	div.page-content p{text-align: left;}
	
	div.page-content div.half-l{width: 100%; padding: 0;}
	div.page-content div.half-r{width: 100%; padding: 0;}
	
	div.news-row div.image{width: 180px;}
	div.news-row div.image img{max-width: 100%;}
	div.news-row div.data{width: calc(100% - 200px);padding: 10px; text-align: left; font-size: 12px;}
	div.news-row div.data a h2{margin: 0; font-size: 18px;}
	
	div.breadcrumb div.outer{font-size: 10px !important;}
	
	div.sc-same-pd div.listing div.product{width: calc(100% - 22px);}
	
	div.product-data div.cart div.price span#price{font-size: 26px;}
	div.product-data div.cart div.price span#price-old{font-size: 16px;padding: 0 0 0 16px;}
	
	div.shopping-cart div.nv-data div.fieldLabel{width: calc(100% - 22px);margin: 0 0 20px 0;}
	div.shopping-cart div.nv-data div.fieldLabel.right{margin: 0 0 20px 0px;}
	a.up-btn{display: none;}
}

/* for 830px or less */
@media screen and (max-width: 830px) {
	div.hpline div.hpbox div.text{min-height: 42px; font-size: 11px;}
}

/* for 780px or less */
@media screen and (max-width: 780px) {
	div.main-mnu a.menu-mobile{display: inline-block;margin: 5px 0 2px 0;}
	div.main-mnu ul.nav{display: none;}
	div.main-mnu ul.desk{display: none;}
	div.main-mnu ul.nav li{width: 100%; border-bottom: 1px solid #fff;}
	div.main-mnu ul.nav li:hover{background: transparent;}
	div.main-mnu ul.nav li a{display: inline-block; padding: 15px 20px 15px 5px;}
	div.main-mnu ul.nav li:hover a{background: transparent; color: #fff;}
	div.main-mnu ul.nav li.dropdown span{display: block; position: absolute; top: 15px;right: 0px;width: 16px;height: 16px;border: 1px solid #fff;text-align: center;line-height: 16px; cursor: pointer;}
	div.main-mnu ul.nav li.dropdown ul{background: transparent; position: relative; top: 0;}
	div.main-mnu ul.nav li ul li{width: calc(100% - 20px); margin-left: 20px;}
	div.main-mnu ul.nav li.dropdown ul li{background: transparent;border-top: 1px solid #4c9cce;}
	div.main-mnu ul.nav li.dropdown ul li a{color: #fff;}
	div.main-mnu ul.nav > li.dropdown > a::after{content:"";}
	div.main-mnu ul.nav ul li.dropdown > a::after{content:"";}
	div.main-mnu ul.nav li.dropdown ul li ul{left: 0;}
	div.main-mnu ul.nav li.dropdown ul li.dropdown span{top: 6px;}
	div.main-mnu ul.nav li.dropdown ul li a{width: auto;}
	
	div.top-mnu a.menu-mobile{display: inline-block;margin: 4px 0;}
	div.top-mnu ul.nav{display: none;}
	div.top-mnu ul.nav li{width: 100%; border-bottom: 1px solid #fff;}
	div.top-mnu ul.nav li.dropdown span{display: block; position: absolute; top: 7px;right: 10px;width: 14px;height: 14px;border: 1px solid #333; color: #333; text-align: center;line-height: 14px; cursor: pointer;}
	div.top-mnu ul.nav > li.dropdown > a::after{content:"";}
	div.top-mnu ul.nav ul li.dropdown > a::after{content:"";}
	div.top-mnu ul.nav li:hover{background: transparent;}
	div.top-mnu ul.nav li:hover a{background: transparent; color: #333;}
	div.top-mnu ul.nav li a{display: inline-block;}
	div.top-mnu ul.nav li.dropdown ul{background: transparent; position: relative; top: 0;}
	div.top-mnu ul.nav li ul li{width: calc(100% - 20px); margin-left: 20px;}
	div.top-mnu ul.nav li.dropdown ul li{background: transparent;border-top: 1px solid #fff;}
	div.top-mnu ul.nav li.dropdown ul li a{padding: 6px 10px;width: auto;color: #333;font-size: 12px;display: inline-block;}
	div.top-mnu ul.nav li.dropdown ul li:hover a{background: transparent; color: #333 !important;}
	
	div.header div.search-block{display: none;}
	.mobile{display: inline-block !important;}
	div.header div.menu-block a.mobilepromo{display: block; position: absolute; top: 12px; right: 10px; color: #fff; text-decoration: none;}
	
	div.fly-footer a.shop-cart span.cart-price{display: none;}
	div.fly-footer a.shop-cart{top: 7px;}
}

/* for 720px or less */
@media screen and (max-width: 720px) {
	div.listing-box div.listing div.product{width: calc(50% - 22px);}
	div.page-adds{display: none;}
	div.page-left{width: 100%;}
	div.form-field{height: auto; overflow: hidden;}
	div.form-field input{width: calc(100% - 4px);}
	
	div.filters-box.promo{display: none;}
	div.filters-box{width: calc(100% - 20px);}
	div.filters-box div.options label{display: inline-block;width: 48%;}
	div.listing-box {width: 100%;}
	
	div.product-img{width: 100%;}
	div.product-data{width: calc(100% - 0px);padding-left: 0px;}
	
	div.hpline div.hpbox div.image{background-size: auto 550% !important;height: 40px;}
	div.hpline div.hpbox div.text{min-height: 42px; font-size: 11px; font-weight: normal;}
	div.hpline div.hpbox.b1 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -177px no-repeat;}
	div.hpline div.hpbox.b2 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -135px no-repeat;}
	div.hpline div.hpbox.b3 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -87px no-repeat;}
	div.hpline div.hpbox.b4 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top no-repeat;}
	div.hpline div.hpbox.b5 div.image{background: url(/global/images/icons/blue_line_icons.webp) center top -41px no-repeat;}
	
	div.header a.christmas-btn{top: 100px;background-size: 100% auto;width: 70px;}
	/*div.filters-box form#filter-frm{display: none;}*/
	div.filters-box h4{cursor: pointer;}
	
	div.listing-box div.fmrk-box a.fmrk-bbl{width: calc(33.3% - 46px);}
}

/* for 700px or less */
@media screen and (max-width: 700px) {
	div.shopping-cart div.prices-detail div.half-l{display: none;}
	div.shopping-cart div.prices-detail div.half-r{width: calc(100% - 20px);}
}

/* for 680px or less */
@media screen and (max-width: 680px) {
	div.box4{width: calc(50% - 20px);margin-bottom: 20px;}
	div.footer div.face-box{width: calc(100% - 20px);margin-bottom: 20px;}
	
	div.tracking div.t-block div.image{background-size: auto 200% !important; height: 70px;}
	div.tracking div.t-block div.text{font-size: 12px;}
	
	div.hpline div.hpbox div.text {min-height: 52px;}
	
	div.cat-desc{display: none;}
	
	.mobile-hidden{display: none !important;}
}

/* for 640px or less */
@media screen and (max-width: 640px) {
	div.footer div.face-box{width: 340px; float: right;}
	div.footer div.mnu-box{width: 100% ; float: left;}
	div.footer div.ficon{font-size: 12px;}
	
	div.shopping-cart div.nv-data{width: 100%;float: unset;}
	div.shopping-cart div.nv-price-data{width: 100%;float: unset;margin-bottom: 10px;}
	div.mob-scv{display: block;}
	div.desk-scv{display: none;}
	div.footer div.babh-box{width: 100%;}
	div.shopping-cart div.flyprice.show{display: block;}
	
	div.imads div.imdbx{margin: 5px 0; width: calc(100% - 2px);}
}

/* for 610px or less */
@media screen and (max-width: 610px) {
	div.header div.free-ship-box{text-align: center;}
	div.header div.free-ship-box ul{padding-left: 0px;}
}

/* for 600px or less */
@media screen and (max-width: 600px) {
	div.shopping-cart div.cart-row div.c-img{width: calc(100% - 10px);text-align: center;}
	div.shopping-cart div.cart-row div.c-name{width: calc(100% - 40px); text-align: center;}
	div.shopping-cart div.cart-row div.c-prices{width: 100%;border-top: 1px solid #efefef9e; border-bottom: 1px solid #ccc;}
	
	/* shopping cart fixes - bigger text */
	div.shopping-cart div.cart-row div.c-img img{max-width: 30%;}
	div.shopping-cart div.dpromo-label{font-size: 16px;}
	div.main-mnu ul.nav{text-transform: uppercase;font-size: 16px;}
	div.main-mnu ul.nav li.dropdown ul li a{font-size: 15px;}
	div.fly-footer div.mnublock ul.nav{text-transform: uppercase;font-size: 16px;}
}

/* for 560px or less */
@media screen and (max-width: 560px) {
	a.logo{display: inline-block; height: 100px; line-height: 100px;}
	a.logo img{width: 70%; vertical-align: middle;}
	div.header a.shop-cart{top: 15px;}
	div.listing-box div.main-img div.cats a.cat-link{font-size: 9px;}
	
	div.news-row div.image{width: 100%;}
	div.news-row div.data{width: 100%;padding: 0;}
	
	div.tracking div.t-block div.image{background-size: auto 200% !important; height: 50px;}
	div.tracking div.t-block div.text{font-size: 10px;}
	
	div.header a.christmas-btn{top: 87px;}
	div.listing-box div.fmrk-box a.fmrk-bbl{width: calc(50% - 46px);}
}

/* for 500px or less */
@media screen and (max-width: 500px) {
	div.hpline {padding: 60px 0 20px 0;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	div.listing-box div.listing div.product{width: calc(100% - 22px);}
	div.listing-box div.main-img div.cats{position: relative;}
	div.filters-box div.options label{font-size: 10px;}
	
	div.loupe div#big-image img{max-width: 100%;}
	
	div.gallery a{width: calc(50% - 22px);}
	
	div.hpline div.hpbox div.text{padding: 5px;}
}

/* for 420px or less */
@media screen and (max-width: 420px) {
	div.box4{width: calc(100% - 20px);}
	div.outer{font-size: 12px;}
	
	div.page-content table td{font-size: 10px;}
	div.page-content table td:nth-child(2){width: 95px;}
	
	div.tracking div.t-block div.text{font-size: 8px;}

	div.product-data div.cart div.cart-options label span.price{font-size: 11px; width: 80px;}
	div.product-data div.cart div.cart-options label span.name{width: calc(100% - 100px);font-size: 11px;padding-left: 20px;}
	div.product-data div.cart div.cart-options label input{top: 6px;left: 0px;}
}

/* for 400px or less */
@media screen and (max-width: 400px) {
	div.listing-box div.listing div.product{width: calc(100% - 22px);}
	h1{font-size: 22px;}
	h2{font-size: 20px;}
	
	div.form-label{width: 150px; font-size: 12px;}
	div.form-field{width: calc(100% - 150px);}
	
	div.filters-box div.options label{display: block;width: auto;}
	
	div.product-data div.cart div.cart-options select{max-width: 300px;}
	
	div.shopping-cart div.prices-detail div.detail-section div.title{font-size: 16px;}
	div.shopping-cart div.prices-detail div.detail-section div.detail{font-size: 11px;}
	
	table.light{font-size: 11px;}
	div.box-label{width: 160px; font-size: 11px;}
	div.box-field{width: calc(100% - 160px); font-size: 11px;}
	div.form-field {font-size: 11px;}
	div.form-field input{font-size: 11px;}
	div.form-field textarea{font-size: 11px;}
	div.form-field select{font-size: 11px;}
	
	div.gallery a{height: 90px;}
	
	a.logo{margin-left: 0px; margin-top: 10px;height: 70px;}
	a.logo img{width: 80%;}
	div.header a.shop-cart{top: 10px;}
}

/* for 370px or less */
@media screen and (max-width: 370px) {
	div.header div.free-ship-box{padding-bottom: 5px;}
	div.header div.free-ship-box ul{font-size: 11px;}
	div.header div.free-ship-box ul li{padding-bottom: 0px;margin-left: 0;float: none;}
}

/* for 360px or less */
@media screen and (max-width: 360px) {
	div.hpline div.hpbox div.text{font-size: 10px; min-height: 65px;}
	div.footer div.face-box{display: none;}
}