@charset "utf-8";
/* CSS Document */

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

body {font-family:'Poppins', sans-serif;color: #212121;line-height: 1.5;padding-top:0px;overflow-x: hidden;}
.container {width: 100%;max-width: 98%;}
.page-content .container {padding: 0 15px;}
.page-content {min-height: 450px;height: auto !important;}
img {max-width: 100%;height:auto}

h1 {font-size: 30px;}
.titles {margin: 0 0 20px;font-size: 18px;font-weight: 400;letter-spacing: 0;}
section, .site-footer {float: left;width: 100%;}
a {color: #222;text-decoration: none;font-weight: 600;}
a:focus,a:hover {color: #222;text-decoration: none;}
:focus {box-shadow: none !important;outline: 0px solid #66afe9 !important;}
.form-control {color: #000;font-family: 'Poppins', sans-serif;font-size: 13px;height: 36px;padding: 7px 12px;}
.required-indicator {font-size: 16px;position: absolute;top: 0;bottom: 0;left: 4px;right:auto;width:4px;margin: auto;height: 18px;padding: 0;line-height: 23px;}

/*---------------------------------------------------------
BREADCRUMB
-----------------------------------------------------------*/
.breadcrumnb {margin: 0 0 15px; padding: 5px 10px; background: #000;  box-shadow: 0 0 0 60px #212121 inset;}
nav.breadcrumnb .container { padding: 0 5px;}
.breadcrumnb ol li > a {color: #fff;font-weight:400;font-size: 12px;}
.breadcrumnb ol li > span, .breadcrumnb ol li:last-child > a {color: #eee;}
.breadcrumnb ol li:after { color: #fff;}

/*---------------------------------------------------------
BUTTONS
-----------------------------------------------------------*/
.btn.btn-checkout {background: #644a3b;}
.btn-default {color: #202020;background-color: #fff;border-color: #000;border-radius: 0px;border-width: 2px;transition: all 0.3s ease 0s;}
.btn-default:hover,
.btn-default:focus, 
.btn-default.focus {color: #fff;background-color: #000;}
.btn-default.btn-inverse:hover,
.btn-primary:hover {color: #fff;background-color: #000;}
.btn-default.btn-inverse, .btn-primary {color: #fff;background-color: #000;border-color: #000;border:none;}
.btn-default.btn-inverse:hover, .btn-primary:hover {color: #fff !important;background-color: #000;border-color: #000;}
button#Add.btn-default.btn-inverse {color: #fff !important;background-color: #00b1ef;border-color: #000;}
button#Add.btn-default.btn-inverse:hover {color: #fff !important;background-color: #000;border-color: #000;}
button#Add.btn-default.btn-inverse i {display: none;}
.btn.btn-addcart {padding: 8px 20px 8px 20px;}

.header-spacer {height: 100px;}

/*---------------------------------------------------------
NAVBAR
-----------------------------------------------------------*/
/*.navbar-wrapper {-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.navbar-wrapper .container {max-width: 98%;width:100%;}
.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}
*/
.navbar.navbar-inverse {margin-bottom: 0;min-height: 36px;position: fixed; top: 0; width: 100%;  z-index: 1000;background-color: #fcfcfc;border-width: 0 0 1px 0;border-color: #000; border-style: solid;}

/*---------------------------------------------------------
INFO BAR
-----------------------------------------------------------*/
.info-bar {display: block;width: 100%;text-align: center;background: #222;color: #eee;font-weight: 400;line-height: 1.2;padding: 5px 0;font-size: 13px;height: 26px;}

/*---------------------------------------------------------
HEADER
-----------------------------------------------------------*/
.top-header {background-color: #000;padding: 0;text-align: center; height: 25px;border-bottom: 1px solid #000;position: relative; z-index: 1;box-shadow: 0 0 0 50px #00b1ef inset;}
.top-header .container {position: relative;max-width: 100%;}
.header-links {position: absolute;right: 5px;top: 0;height: 35px;bottom: 0;margin: auto;width: 145px;text-align: left;}
.header-link-title.title-cart {text-align: left; font-size: 10px; color: #fff; font-weight: 500;}
.header-links > ul {list-style: none;margin: 0;padding: 0;}
.header-links > ul li {position: relative;float: left;padding: 0;display: inline-block;width: 50%;text-align: center;}
.header-link-title {position: relative;color: #fff;font-size: 13px;font-weight: 400;width: auto;padding: 0 0 0 5px;line-height: 14px;float: left;text-align: left;}
.header-link-title > span {font-weight: 600;font-size: 12px;display: block;text-align: left;}
.header-link-title.title-cart > span {display: none;font-size: 10px;font-weight: 600;}
.header-link-title a {color: #222;}
.header-links .hl-img {width: auto;display: block;float: left;text-align: center;}
.header-links img {max-height: 31px;width: auto;height: auto;float: left;padding: 0;}
.header-links #maincart > a > img {margin: 0;filter: brightness(100);}

.msg-bar {float: left;width: 100%;background-color: #f5c842;text-align: center;padding: 2px 5px;color: #000;}

@media(max-width: 991px) {
}
@media(max-width: 567px) {
.header-links {width: 140px;}
.header-link-title.title-cart > span {display: none;}
}

.top-contact {float: left;font-size: 12px;line-height: 25px;font-weight: 500;color:#fff;}
.top-contact ul { float: none;padding: 0;margin: 0;}
.top-contact span {color: #fff;font-weight: 700; padding: 0 5px; border-radius: 3px;margin: 0 2px 0 0; }
.top-contact ul li {float: none; padding: 0 10px 0 0; list-style: none;display: inline-block;color: #fff;font-weight: 400;}
.top-contact a { color: #fff;font-weight: 400;}
.top-links {float: right;padding: 0;line-height: 25px;}
.top-links ul{margin:0;padding:0;list-style: none;}
.top-links ul li {float: left;list-style: none;}
.top-links ul li a { color: #fff;padding: 0 0 0 12px;line-height: 25px; font-size: 11px; letter-spacing: 0.2px;float: left; font-weight: 500;}
.top-links ul li:first-child a {padding-left: 0 !important;}

@media(max-width: 991px) {
.top-links ul {margin: 0;padding: 0;list-style: none;width: 100%;text-align: center; height: 25px;}
.top-links ul li {}
}
@media(max-width: 720px) {
.top-header .container {position: relative;padding: 0;}
.top-contact {width:100%;}
.top-links {width: 100%;display:none;}
}
@media(max-width: 567px) {
.top-contact {font-size: 10px;}
}

.logo img {position: absolute;top: 0;right: auto;bottom: 0;left: 0px;margin: auto;max-width: 327px;width: auto;z-index: 11;height: auto;padding: 4px 15px 4px 0;}
.logo a:hover img {}
.site-header {padding: 0;height: 75px;background-color: #292929;}
.site-header .container {position: relative;height: 75px;width: 100%;max-width: 98%;padding: 0;}
.header-inner {position: relative;height: 75px;}
.head-mobile-nav {display: none;}
.head-mobile-nav > a {color: #000;font-size: 35px;line-height: 1;}

@media(max-width:1267px) {
.logo img {max-width: 230px;padding: 13px 10px 13px 0;}
}
@media(max-width: 991px) {
.logo img {margin: auto 0 auto 45px;max-width: 195px;z-index: 12;border: none;}
.header-spacer {height: 95px;}
.site-header {height: 70px;}
.site-header .container {height:70px;max-width: 100%;}
}
@media(max-width: 720px) {
.logo img {margin: auto 0 auto 38px;max-width: 190px;z-index: 12;padding: 0;}
.header-spacer {height: 117px;}
.site-header {height: 55px;}
.site-header .container {position: relative;height: 55px;}
.header-inner {height: 55px;}
}

/*---------------------------------------------------------
SEARCH
-----------------------------------------------------------*/
#searchBox {position: absolute;width: 100%;height: 40px;top: 0;bottom: 0;margin: auto;right: 0;left: auto;z-index: 5; max-width: 100%; padding: 0 185px 0 700px;}
#searchBox form {position: relative;}
#searchBox .search-form {position: relative;padding: 0;}
#searchBox:: placeholder {color: #fff !important;}
#searchBox .form-control.search-text {font-size: 15px; padding: 0 50px 0 15px;height: 40px;border: none;border-radius: 3px;background: #fff; box-shadow: none;border: 1px solid #ccc; font-weight: 500;}
#searchBox .search-form .search-submit {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;padding: 0;background-color: transparent;font-weight: 600;margin: auto;font-size: 20px;bottom: 0;border-radius: 0 3px 3px 0;color: #555 !important;line-height: 40px;}
#searchBox .search-form .search-submit:hover {color: #fff !important;background-color:#212121;}
#searchBox .searchlight-balloon {top: 75px;}

@media(max-width:1267px) {
#searchBox { padding: 0 160px 0 630px;}
}
@media(max-width: 991px) {
#searchBox { position: absolute;width: 100%; padding: 0 150px 0 240px;height: 40px;top: 0;bottom: 0;margin: auto;right: 0;left: auto;max-width: 100%;}
}
@media(max-width: 720px) {
#searchBox {position: absolute;width: 100%;padding: 0;height: 37px;top: auto;bottom: -37px;margin: auto;left:0;right:0;z-index: 1;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#searchBox .search-form {border-radius: 0;border: none;padding:0;}
#searchBox .form-control.search-text {color: #000;font-family: 'Poppins', sans-serif;font-size: 13px;padding: 5px 40px 5px 12px;height: 35px;border-radius: 0;}
#searchBox .search-form .search-submit {right:0;border-radius: 0;height: 100%;border-left: 1px solid #ccc;font-size: 16px;line-height: 35px;}
}

/*---------------------------------------------------------
CATEGORY MENU
-----------------------------------------------------------*/
.tcdmenu {background: transparent;height: 75px;margin: auto;max-width: 98%;padding: 0 85px 0 280px;position: absolute;text-align: center;width: 100%;top: 25px;left: 0;right: 0;bottom: 0;}
.tcdmenu > ul {border-radius: 0;display: inline-block;list-style: outside none none;margin: 0 auto;padding: 0;right: 0;width: 100%;max-width: 98%;text-align: left;border-left: 1px solid rgba(0,0,0,1);}
.tcdmenu ul li {display: inline-block;position: relative;padding: 0;text-align: right; border-right: 1px solid rgba(0,0,0,1);float: left;z-index: 6; color: #fff !important;}
.tcdmenu ul li a {color: #fff;display: inline-block;font-size: 16px;font-weight: 600;height: auto;letter-spacing: 0;padding: 0 15px;text-decoration: none;transition: all .2s linear 0s,color .2s linear 0s;vertical-align: middle;line-height: 75px;width: 100%;position: relative;z-index: 1;}
.tcdmenu > ul > li > a {height: 75px;}
.tcdmenu > ul > li:hover > a { border: medium none; color: #fff;box-shadow: 0 -75px 0 0 #212121 inset;}
.tcdmenu > ul > li:hover > a:focus {color: #212121;}
.tcdmenu ul li a.selected {}
.tcdmenu ul li a:active{color: #ccc;}
.tcdmenu ul:hover li a.selected{background: #333; color: #ccc;}
.tcdmenu ul li:hover a.selected{background: #ebe130; color: #333;}
.tcdmenu ul li a:active.selected{color: #ccc;}
a.selected{border-radius:2px 0 0 2px;}
.tcdmenu ul ul {background: #fff;visibility: hidden;opacity: 0;height: auto;position: absolute;right: 0px;text-align: left;padding: 5px;width: 260px;-webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 60%), 0 0 0 1px #ccc inset;-moz-box-shadow: 0 5px 5px rgb(0 0 0 / 60%), 0 0 0 1px #ccc inset;box-shadow: 0 5px 5px rgb(0 0 0 / 60%), 0 0 0 1px #ccc inset;-moz-transition: all 0.3s ease 0.1s;-ms-transition: all 0.3s ease 0.1s;-o-transition: all 0.3s ease 0.1s;transition: all 0.3s ease 0.1s;z-index: 999999;display: none;border-radius: 0;}
.tcdmenu ul li:hover>ul{visibility: visible; opacity: 1; margin-top:0;}
.tcdmenu ul ul li { width: 100%; border: medium none; cursor: pointer;text-align:left;float: left;position: relative;}
.tcdmenu ul ul li a { background: transparent; color: #292929 !important; font-size: 13px; font-weight: 600; line-height: 18px; padding: 5px 10px; width: 100%;border-bottom: 1px solid rgba(0,0,0,0.05);position:relative;}
.tcdmenu ul ul > li:hover > a {background-color: #212121; color: #fff !important;}
.tcdmenu ul ul li a:active{color: #fff;}
.tcdmenu ul ul ul{visibility: hidden; opacity: 0; position: absolute; top: 0px; left: 255px; padding: 0;}
.tcdmenu ul ul ul li a { box-shadow: none !important;}
.tcdmenu > ul > li.dropdown > a::after {content: '\f107';font-family: 'fontello';position: relative;left: 2px;color: #00b1ef;}
.tcdmenu > ul > li.dropdown > a:hover::after {}
.tcdmenu > ul > li.dropdown > ul, .tcdmenu > ul > li.dropdown > ul li.dropdown ul {display: block;}
.tcdmenu > ul > li.dropdown > ul > li.dropdown > a::after {content: '\f107'; font-family: 'fontello'; position: absolute; right: 2px; color: #212121; transform: rotate(-90deg);}
.tcdmenu > ul > li.dropdown > ul > li.dropdown > a:hover::after {color: #fff;}
.tcdmenu > ul > li:last-child {border-right: none;}

.tcdmenu > ul > li.dropdown.tcdm-login {float: right;margin: 0px -15px 0 0; width: 70px;height: 72px; line-height: 75px;}
.tcdmenu > ul > li.dropdown.tcdm-login > a {height: 50px;color: #000;font-size: 12px;padding: 0 10px;opacity: 0;}
.tcdmenu > ul > li.dropdown.tcdm-login:hover a {box-shadow: none !important;}
.tcdmenu > ul > li.tcdm-login a span {position: absolute;top: 14px;bottom: auto;height: auto;line-height: 12px;font-size: 9px;background: #212121;padding: 0 5px;text-align: center;border-radius: 4px;left: 0;right: 0;max-width: 70px;margin: auto;color: #fff;box-shadow: 0 2px 3px 0 rgba(0,0,0,.6);letter-spacing: 0.5px;text-transform: uppercase;font-weight: 600;}
.tcdmenu > ul > li.dropdown.tcdm-login > a::after {display:none;}
.tcdmenu ul li.top-icon.tcdm-login-mob {display:none;}
.tcdmenu > ul > li.dropdown.tcdm-login ul {right: 0;left: auto;width: 130px;line-height: normal;}
.tcdmenu > ul > li.dropdown.tcdm-login ul li {text-align: right;}
.tcdmenu > ul > li.dropdown.tcdm-login::before {content: "";background-image: url(/assets/templates/exotek-core/images/user-icon.webp);filter: brightness(100);background-size: 30px auto;position: absolute;height: 30px;width: 30px;left: 0;right: 0;margin: auto;top: 0;bottom: 0;}

.tcdmenu ul li.dropdown.manufacturer ul { width: 700px; left: -50px;right: auto;}
.tcdmenu ul li.dropdown.manufacturer ul li {float: left;width: 33.33%;}

@media(max-width:1267px) {
.tcdmenu {padding: 0 85px 0 225px;}
.tcdmenu ul li a {font-size: 14px;letter-spacing: -0.3px;}
}
@media(max-width:991px) {
.tcdmenu > ul > li {display: none;}
.tcdmenu {top: -160px;padding: 0 105px 0 0;}
.tcdmenu > ul > li.dropdown.tcdm-login {top: 93px;display: block;margin: 0 -45px 0 0;}
}
@media(max-width:720px) {
.tcdmenu > ul > li.dropdown.tcdm-login {top: 102px;width: 55px;height: 55px;line-height: 55px;margin: 0px -35px 0 0;}
}
@media(max-width:567px) {
}

/*---------------------------------------------------------
MENU NEW
-----------------------------------------------------------*/
#mobacc, #mobacc ul, #mobacc ul li, #mobacc ul li a {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mobacc {display:inline-block; width: 100%; color: #ffffff; margin: 0;}
#mobacc ul ul {background: transparent none repeat scroll 0 0; display: none;}
#mobacc > ul > li > a {background: #fff none repeat scroll 0 0;border-bottom: 1px solid #eee;color: #222 !important;cursor: pointer;font-size: 15px !important;font-weight: 500;padding: 10px !important;text-decoration: none;text-shadow: none !important;z-index: 2;transition: all .3s linear 0s;text-transform: none;}
#mobacc > ul > li > a:hover, #mobacc > ul > li.active > a, #mobacc > ul > li.open > a {background: #222 !important;color: #ffffff !important;}
#mobacc > ul > li > a:hover > span::after, #mobacc > ul > li.active > a > span::after, #mobacc > ul > li.open > a > span::after {border-color: #eeeeee;}
#mobacc ul ul li a {cursor: pointer; padding: 12px 20px; z-index: 1; text-decoration: none; font-size: 13px; color: #222; font-weight: 500; background: #eee; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#mobacc ul ul li:first-child > a {box-shadow: none;}
#mobacc ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#mobacc ul ul ul li a {padding-left: 30px;}
#mobacc ul ul li.dropdown > a::after {display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 0 solid #eeeeee; border-left: 0 solid #eeeeee; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
#mobacc ul ul li.active > a::after, #mobacc ul ul li.open > a::after, #mobacc ul ul li > a:hover::after {border-color: #ffffff;}
#mobacc .arrow {background-color: #fff;height: 35px;position: absolute;top: 0;right: 0;width: 45px;z-index: 15;cursor: pointer;border-left: 1px solid #ccc;}
#mobacc .dropdown.open ul ul li a { background: #ffffff none repeat scroll 0 0 !important; font-weight: 500; color: #222 !important;}
#mobacc ul ul li a.cat {background: #111;}
#mobacc ul ul li a.subcat {font-size: 14px !important;padding: 8px 15px !important;border-bottom: 1px solid #e0e0e0;}
#mobacc .dropdown i {bottom: 0;height: 30px;left: 0;margin: auto;padding: 0;position: absolute;right: 0;top: 0;width: 30px;font-size: 20px;}
#mobacc .dropdown .icon-angle-right::before {;margin: 0 !important;padding: 0;font-size: 28px;}
#mobacc .dropdown .icon-angle-right {transition: all 0.3s linear 0s;color: #201f1e;}
#mobacc .dropdown.open .icon-angle-right {transform: rotate(90deg);-webkit-transform: rotate(90deg);color: #201f1e;}
#mobacc .dropdown .arrow {display: block !important;}

.menu-open {overflow: hidden;}
.mobile-menu {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;background-color: rgba(0,0,0,0.5);}
.menu-open .mobile-menu {overflow-x: hidden;overflow-y: auto;}
.mobile-menu-inner {background-color: #fff;padding: 0;width: 300px;margin-left: 0;margin-right: auto;min-height: 100vh;position: relative;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;-webkit-transform: translate(-300px,0);-ms-transform: translate(-300px,0);-o-transform: translate(-300px,0);transform: translate(-300px,0);}
.menu-open .mobile-menu-inner {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.mobile-menu-close {padding: 15px 0;text-align: center;background-color: #292929;}
.mobile-menu-close img {max-width: 260px;margin: 0 auto; padding: 10px 0;}
.mobile-menu-close a {color: #000;display: inline-block;font-size: 18px;text-decoration: none;background: #fff;width: 23px;text-align: center;height: 30px;line-height: 26px;border-radius: 0 5px 5px 0;position: absolute;top: 25px;right: -23px;}
.mobile-menu-close a:after {content: '\e805';font-family: "fontello";}
.mobile-menu-widget {float: left;width: 100%;background: #fff;}
#mobile-menulinks ul {padding:0;margin:0;list-style: none;}
#mobile-menulinks ul li {float: left;width: 100%;list-style: none;}
#mobile-menulinks ul li a {padding: 6px 10px;float: left;width: 100%;font-size: 15px;color: #222;font-weight: 500;text-decoration: none;border-bottom: 1px solid #eee;}
.mobile-menu-widget h3 {margin: 0;text-align: left;background: #00b1ef;color: #fff;border-bottom: 1px solid #222;font-size: 15px;line-height: 27px;padding: 0 0 0 10px;}

/*---------------------------------------------------------
VIEW CART
-----------------------------------------------------------*/
.view-cart {background: #fff;}
.cart-left {width: 68%;float: left;padding:0;}
.cart-right {width: 31%;float: right;padding:0;}
span.item-fullname {display: block;font-size: 14px;line-height: 1.15;}
.cart-details .row {margin: 0;}
.cart-box {border: 1px solid #ccc;padding: 10px;border-radius:5px;}
span.item-thumb {width: 80px;height: 80px;position: relative;display: block;float: left;}
.cart-items > li > span.item-name {width: 52%;padding: 0 0 0 5px;}
span.quant-input {display: block;position: relative;width: 70px;margin: 0 auto 8px;}
span.quant-input input[type="text"] {width: 70px;border: 1px solid #bbb;color: #222;}
.cart-items > li.items-header {border-top: 1px solid #ccc;}
.cart-items > li {border-bottom: 1px solid #ccc;}
.view-cart span.item-name-right {padding: 0 0 0 10px !important;}
.cart-items > li > span.item-price {width: 16%;padding: 0 !important;color: #000 !important;text-align: center;}
.cart-items > li > span.item-qty {width: 16%;padding: 0 !important;color: #000 !important;text-align: center;}
.cart-items > li > span.item-total {width: 16%;padding: 0 !important;color: #000 !important;text-align: center;}
.cart-detail-item {padding: 10px 0;border-bottom: 1px solid #ececec;}
.checkout-btns .btn.btn-checkout {background: #222;letter-spacing: 0;font-weight: 600; font-size: 20px;color: #fff !important;}
.carttotal-label {padding: 0;}
.carttotal-price {padding: 0;}
.shipquoteint-location .col-xs-12 {padding: 0 0 5px;}
#apply-coupon, #ShipQuote-module {width: 100%;}
.checkout-options {padding: 25px 0 0;}
body:not(.has-stickymenu) .cart-box.fixed-cart-box {padding-top: 0 !important;}
body:not(.has-stickymenu) .cart-box.fixed-cart-box .cart-box-sticky {max-width: 100%;position: relative;margin: 0;padding: 0;z-index: 0;top: 0;}
#mobile-sticky-checkout {display: none;}
.view-cart .ppCheckout {margin: auto;}
.checkout-options-title > span {padding: 2px 10px;display: none;background-color: #fff;}
.checkout-options-title::before {content: "Or proceed with";display: inline-block !important;padding: 2px 10px;background-color: #fff;}
.view-cart .checkout-btns .btn.btn-checkout {background: #000;letter-spacing: 0;font-weight: 600;font-size: 20px;color: #fff !important;box-shadow: 0 0 0 50px #00b1ef inset, 0 0 0 3px #009cd2;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}

@media(max-width:1070px) {
.cart-left {width: 100%;float: left;padding: 0;}
.cart-right {width: 100%;float: right;padding: 0;max-width: 380px;}
}
@media(max-width: 767px) {
.cart-left {width: 100%;}
.cart-right {max-width: 100%;width: 100%;}
span.item-fullname {line-height:1.15;}
span.item-fullname a {font-size: 11px;}
span.item-actions {float: left;width: 100%;}
.cart-items > li > span.item-name {float: left;}
.cart-items > li.items-header {display: block;}
.cart-items > li.cart-item > span.item-price, .cart-items > li.cart-item > span.item-qty, .cart-items > li.cart-item > span.item-total {padding-top: 0;line-height: 1.4em;color: #000;}
.cart-items > li.cart-item > span.item-price, .cart-items > li.cart-item > span.item-qty, .cart-items > li.cart-item > span.item-total {float: left;width: 16%;text-align: center;padding-top:0;font-size: 11px;}
}
@media(max-width: 640px) {
.cart-items > li > span.item-name {width: 46%;}
.cart-items > li > span.item-price {width: 18% !important;}
.cart-items > li > span.item-qty {width: 18% !important;}
.cart-items > li > span.item-total {width: 18% !important;}
}
@media(max-width: 460px) {
span.item-thumb {width: 100%;float: none;}
span.item-thumb img {margin: 0 auto;}
.cart-items > li > span.item-name {width: 37%;}
.cart-items > li > span.item-price {width: 21% !important;}
.cart-items > li > span.item-qty {width: 21% !important;}
.cart-items > li > span.item-total {width: 21% !important;}
span.quant-input {width: 65px;}
span.quant-input input[type="text"] {width: 65px;padding: 0 26px 0 0;font-size: 12px;}
}

/*---------------------------------------------------------
DROP CART
-----------------------------------------------------------*/
.header-links #maincart {position: relative;width: 100%;text-align: center;}
.header-links #maincart a:hover .cart-details span.cart-title {color: #333;}
.cartBlock {position: relative;z-index: 12;}
.minicart {float: right;position: relative;width: auto;padding: 0 5px 0 0;}
.minicart-inner {cursor: pointer; color: #646464;padding: 0 0 25px;float:left;}
.minicart-inner i {font-size: 20px;display: block;margin: 8px 0 0;}
.minicart .cart-details {display: block;position: relative;width: auto;padding: 0 0 0 5px;float: right;}
.minicart .cart-details span.cart-title { font-size: 12px; line-height: 15px; display: inline-block; text-transform: capitalize;}
.minicart .cart-details span.cart-title:hover { color: #646464;}
.minicart .cart-details span.cart-count .minicart-items {color: #920000;text-align: left;padding-top: 0;font-size: 16px;font-weight: 600;position: absolute;height: 20px;background: 0 0;line-height: 20px;top: 20px;margin: auto;letter-spacing: 0;width: auto;right: 0;left: auto;}
span.minicart-items {line-height: 14px;padding: 0; color: #000;display: block !important;text-align: center; background-color: #fff; border: 1px solid #ccc}
.minicart .cart-details span.cart-count {display: block;float: left;width: auto;}
.minicart .cart-details span.cart-count .minicart-items::before {content: "Items: ";color: #000;display:none;}
.minicart .cart-details span.cart-total {float: left;width: auto;clear: left;}
.minicart .cart-details span.cart-total .minicart-subtotal {position: relative;font-size: 16px;color: #000;float: left;line-height: 20px;height: 20px;width: auto;text-align: left;color: #b72029;}
.minicart .cart-details span.cart-total .minicart-subtotal::before {content: "Total: ";color: #000;}
span.cart-title {font-size: 12px;line-height: 15px;display: block;font-weight: bold;}

@media(max-width: 720px) {
.minicart-inner {padding: 0px;}
}
@media(max-width: 567px) {
span.minicart-items {display: block !important;text-align: center;padding:0;}
}

/*---------------------------------------------------------
SIDEBAR
-----------------------------------------------------------*/
.sidebar-widget .product-item .img {min-height: 90px;padding-top: 0;}
.sidebar-widget .product-item .img img {position: relative;top: 0;}
.sidebar-widget .product-item .name {text-align: left;}

/*---------------------------------------------------------
CUSTOM PAGE
-----------------------------------------------------------*/

/*---------------------------------------------------------
CATEGORY
-----------------------------------------------------------*/
section#category {padding-top: 15px;}
.category-toolbar .view-as-btn {display: none;}
#category .container {max-width: 1500px;}
.subcategories {border-bottom: 1px solid #ececec;padding: 0 0 10px;}
section.subcategories_block {margin: 0 0 10px;}
.subcategories > ul {list-style: none;margin: 0;padding: 0;}
.subcategories > ul > li {float: left;padding: 10px;margin: 0;transition:all 0.3s ease 0s;}
.subcategories > ul > li a {float: left;width: 100%;border: 1px solid #ccc;}
.subcategories > ul > li:hover {box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);}
.subcategories > ul > li span.category-img {display: inline-block;position: relative;width: 100%;padding-top: 0;float: left; margin: 0 0 10px;text-align: center;height: auto;}
.subcategories > ul > li span.category-img>img {position: relative;max-width: 160px; width: 100%;height: auto;display: inline-block;padding: 10px;}
.subcategories > ul > li span.name {font-size: min(max(10px, 2vw), 13px); font-weight: 600; text-transform: uppercase; margin: 0; padding: 4px; line-height: 1.2;width: 100%;float: left;}

@media(max-width: 1200px) {
.subcategories > ul.columns-5 > li,
.subcategories > ul.columns-6 > li {width: 25% !important;}
}

@media(max-width: 991px) {
.subcategories > ul.columns-5 > li,
.subcategories > ul.columns-6 > li {width: 33.33% !important;}
}

@media(max-width: 767px) {
.subcategories > ul.columns-5 > li,
.subcategories > ul.columns-6 > li {width: 50% !important;}
.subcategories > ul > li {width: 50% !important;float: left;max-width: 100%;}
}
@media(max-width: 767px) {
.subcategories > ul > li {padding: 5px;}
}

.category-products {padding: 15px 0 30px;}
.category-actions {padding: 0 0 15px;margin: 0 0 15px;border-bottom: 1px solid #ececec;}
.product-items.productList .product-item .img a {display: block;position: initial;}
.product-items.productList .product-item .name a {text-align: left;}
.product-items.productList .product-item .price {text-align: left;}
.product-items.productList .product-item .action .btn {width: 100%;}
.category-actions .paging {padding-bottom: 0;margin: 0;}

.widget-body .side-cat {padding: 0;list-style: none;display: inline-block;}
.widget-body .side-cat li a {padding: 2px 5px;float: left;width: 100%;border-bottom: 1px solid #eee;font-size: 17px;}
.widget-body .side-cat li a:hover {color: #fff;background: #e40019;}


/*---------------------------------------------------------
LISTING
---------------------------------------------------------*/
#listing .container {max-width: 1600px;}
#listing #main-image {background-color: #fff;  border: 1px solid #eee; margin:0 0 10px;}
#listing #main-image img#large {max-width: 500px !important;}
#listing .product-details {float: left; width: 100%;}
#listing .product-details .header {float: left;width: 100%;}
#listing .product-details .header .page_heading {float: left;width: 100%; margin-bottom: 10px;}
#listing .product-details h1 {float: left; width: 100%;margin:15px 0;}
#listing .product-reviews {margin: 0 0 15px;float: left;width: 100%;border-bottom: 1px solid #e5e5e5;border-top: 0px solid #ccc;padding: 5px 0;}
#listing span.reviews {margin-right: 0; float: left; width: 60%;padding: 0 0 0 5px;}
#listing span.create-review-link { float: right; width: 40%;text-align: right;padding: 0 5px 0 0;}
#listing .pricingBlock { margin: 0 0 15px; line-height: 1;float: left; width: 100%;}
#listing .pricingBlock .retailprice {margin: 4px 0;font-size: 13px;}
#listing .short-description {margin: 0 0 15px;width: 100%;float: left;}
#listing #divOptionsBlock.sub-section { margin: 0 0 15px;padding: 10px;background-color: #fff;border: 1px solid #ccc;float: left;width: 100%;}
#listing .quantityBlock.sub-section { margin: 0 0 15px;padding: 10px;background-color: #fff;border: 1px solid #ccc;float: left;width: 100%;}
#listing .quantityBlock .header > .page_heading {margin-bottom: 0;font-size: 14px;}
#listing .quantityBlock .quantity-table {margin-top: 10px;float: left;width: 100%;}
#listing .quantityBlock .quantity-table table > thead > tr > th {vertical-align: bottom;border-bottom: 2px solid #ddd;font-size: 13px;}
#listing .waitinglist.sub-section {margin: 0;float: left; width: 100%;padding: 15px 0px;}
#listing .addToCartBlock.sub-section {margin: 0;width: 100%; float: left; padding: 0px;background-color: #fff;border: 1px solid #ccc;position: relative;}
#listing .qtybox-addcart.form-group { margin: 0; float: left;width: 100%;padding:25px 10px;}
#listing .qtybox-addcart.form-group label:nth-of-type(1) {position: absolute;margin: -18px 0 0 4px;font-weight: 400;font-size: 11px;width: 87px;text-align: center;}
#listing .qty-input {width: 85px;margin: 0 5px;}
#listing .qty-input input[type="text"] {width: 85px;display: block;border: 1px solid #ececec;margin: 0;padding: 0 25px;height: 40px;text-align: center;font-size: 13px;font-weight: 600;}
#listing span.qty-nav { position: absolute; width: 100%;top: 0;bottom: 0; left: 0;right: 0;margin: auto;}
#listing span.qty-nav button.qty-up {position: absolute; left: auto; top: 0; bottom: 0; margin: auto; right: 0;width: 25px; height: 40px; background-color: transparent;border-width: 0 0 0 0px; border-color: #ccc;border-style: solid;font-weight: 500;}
#listing span.qty-nav button.qty-down { position: absolute; left: 1px; top: 0; bottom: 0; margin: auto; right: auto; width: 25px; height: 40px;background-color: transparent;border-width: 0px 0px 0px 0px;  border-color: #ccc;  border-style: solid;font-weight: 500;}
#listing .product-id {margin: 0 0 4px;float: right; width: 50%; font-size: 12px;text-align: right; padding: 2px 5px 2px 0; border-style: solid;border-width: 1px 1px 1px 0px; border-color: #e5e5e5; background-color: #fff;}
#listing #availabilityInfo {margin: 0 0 4px;float: left; width: 50%; font-size: 12px; padding: 2px 0 2px 5px; border-style: solid; border-width: 1px 0px 1px 1px; border-color: #e5e5e5; background-color: #fff;}
#listing span.freeshipping.availability-item {position: absolute;  top: 5px;  left: auto; width: 80px;text-align: center; right: 20px; margin: auto; background-color: #46b727; color: #fff; bottom: auto; line-height: 1.15;  height: auto;  padding: 5px;  height: 45px;}
#listing .special-actions.text-center { display: flex; width: 100%;border: 1px solid #000}
#listing .special-action {display: inline-block; margin: 0; border-right: 1px solid #000;flex-grow: 1;}
#listing .special-action .btn-link {font-size: 10px;float: left;width: 100%;background-color: #00b1ef;color: #000;text-decoration: none;padding: 5px 0;font-weight: 400;letter-spacing: 0;transition: all 0.3s ease 0s;text-transform: none;}
#listing .special-action:hover .btn-link {background-color: #000;color: #fff;}
#listing .qaLink {float: left;width: 100%;margin: 0 0 15px;}
#listing a.qaLink {float: right;margin: 0;padding: 0 8px;width: auto;text-align: right;background-color: #000;color: #fff;border-radius: 3px;font-size: 12px;}
#listing .addl-images ul.slides li a {background-color: #fff; border: 1px solid #eee;}
#listing .category_breadcrumbs.sub-section {display: none;}
.mb--messagebar {font-size: 18px; line-height: normal; }
#listing .qaLink > a > i {color: #fff;}

.r-tabs .r-tabs-nav .r-tabs-anchor {background: transparent;color: #777;font-weight: 600;}
.r-tabs .r-tabs-nav .r-tabs-state-active {border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.r-tabs .r-tabs-nav {border-bottom: 1px solid #ccc;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {border-top: 1px solid #ccc;}
.r-tabs .r-tabs-panel {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}

@media(min-width: 992px) {
#listing .col-md-6.tcd-stuck {position: sticky;top: 120px;bottom: 0;}
}
@media(max-width: 991px) {
#listing.page-content {padding: 15px 0 0;}
#listing .product-cols.row > .col-md-6 {float: left;width: 100%;}
#listing .addl-images {float: left;width:100%;padding: 0;margin: 0;}
}
@media(max-width: 767px) {
}
@media(max-width: 640px) {
}
@media(max-width: 567px) {
}
@media(max-width: 460px) {
}
@media(max-width: 420px) {
}
@media(max-width: 380px) {
}

/*---------------------------------------------------------
PRODUCT ITEM
-----------------------------------------------------------*/
.product-items .product-item .reviews { min-height: 21px; position: absolute;margin: -24px auto 0px;width: 110px; left: 0;right: 0;background-color: #fff; border-radius: 10px 10px 0 0;}
.product-items .product-item .reviews span.reviews-count {line-height: 1;display:none;margin-left: 3px;color: #d7e0de;text-align:left;}
.product-items .product-item .reviews-stars {margin-right: 0;line-height: 23px;}
.product-items .product-item .reviews-stars:before {font-family: "fontello";content: "\e803  \e803  \e803  \e803  \e803";color: rgba(0,0,0,0.3);}
.product-items .product-item .reviews-stars::after {font-family: "fontello";content: "\e803  \e803  \e803  \e803  \e803";}
.product-items .product-item .rating:hover .rating-star:hover,
.product-items .product-item .rating:hover .rating-star:hover ~ .rating-star,
.product-items .product-item .rating-input:checked ~ .rating-star,
.product-items .product-item .reviews-stars {color: #f9ad35;}
.product-items {margin:0;}
.product-items .product-item {padding: 0 5px;text-align: center;margin-bottom: 10px;position: relative;overflow: hidden;}
.product-items .product-item .product-info {}
.product-items .product-item .name {margin-bottom: 4px;line-height: 1.25;text-align:left;position:relative;z-index:11;float: left;width: 100%;height: auto;}
.product-items .product-item .name a {color: #111;font-size: 13px;text-align: center;float: left;width: 100%;padding: 5px;font-weight: 500;font-family:'Poppins', sans-serif;}
.product-items .product-item .description {color: #d7e0de;line-height: 1.25;text-align:left;}
.product-items .product-item del.regular-price {text-decoration: line-through;}
.product-items .product-item .sale-price {color: #df4748;}
.product-items .product-item del.original-price {font-weight: 400;}
.product-items .product-item span.freeshipping {color: #00a888;}
.product-items .product-item .status span:before {content: "-";}
.product-items .product-item .status {font-size: 13px;height: auto;margin: 0;float: left;width: 50%;text-align: left; line-height: 1.25;padding: 0 0 0 5px;}
.product-items .product-item .status span, .product-item .regular-price {color: #000;font-weight: 600;line-height: 1.25;}
.product-items .product-item .price {font-size: 13px;font-weight: bold;float: left; text-align: center;width: 100%;margin: 0;line-height: 1.25; height: auto;  padding: 0 5px 0 0;}
.product-items .product-item .img {min-height: 250px;position: relative;border: 1px solid #ececec;background-color: #fff;margin: 0;}
.product-items .product-item .img a {display: block;}
.product-items .product-item .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;height: auto;width: auto;transition: all 0.5s ease 0s;opacity: 1;}
/*.product-items .product-item:hover .img img {opacity: 0;top: -100%;}
.product-items .product-item:hover .img img.tcd-switch {top: 0 !important;opacity: 1 !important;}
.product-items .product-item .img img.tcd-switch {opacity: 0;top: 100%;}*/
.product-items .product-item .on-sale-badge {line-height: 15px;padding: 8px 20px 8px 10px;width: auto;text-align: center;top: 14px;right: -5px;background: #df4748;color: #fff;transform: rotate(90deg);-webkit-transform: rotate(90deg);font-size: 15px;font-style: italic;clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);-webkit-clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);}
.product-items .product-item .action .btn {border-radius: 20px;width: 160px;font-size: 14px;}
.product-items .product-item:hover .action .btn {color: #fff;background-color: #111;border-color: #000;opacity: 0.8;width: 100%;}
.products-section h2:after {}
.product-items .product-item .description, .product-info .action {display: none;}
.product-items .product-item .img .quickview {position: absolute;left: 0;right: 0;top: auto;bottom: -40px;margin: auto;width: 100%;height: 36px;opacity: 0;color: #333;background-color: #fff;border: none;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.75);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.75);box-shadow: 0 0 10px 0 rgba(0,0,0,.75);transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;z-index:10;}
.product-items .product-item:hover .img .quickview {opacity: 1;bottom: 0;z-index: 1;}
.product-items .product-item .action {min-height: 42px;display:none;}
.product-items .product-item .status span:before {content: "-";}
.product-items .product-item .status span span.oosm {position: absolute;top: 0;bottom: auto;margin: auto;height: 100%;width: 100%;text-align: center;background-color: rgba(255,255,255,0.75);left: 0;right: 0;line-height: 42px;text-transform: uppercase;color: #777;font-weight: 600;font-size: 20px;border: 0 solid #fff;z-index: 10;padding: 25% 0;}
.product-items .product-item .img .ajaxcart-added.icon-ok {position: absolute;transition: 0.3s linear 0s;top: -113px;left: -138px;opacity:0;}
.product-items .product-item .img .ajaxcart-added.icon-ok.incart {position: absolute;z-index: 10;left: -38px;background-color: #079b49;width: 140px;text-align: center;border: 1px solid #fff;top: 19px;border-radius: 0;font-size: 11px;font-weight: 600;line-height: 28px;height: 30px;transform: rotate(-45deg);display: block !important;opacity: 1;color: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
.product-item .status span::before {display: none;}

@media(max-width:1200px) {
.product-items .product-item .name a {font-size: 13px;padding: 3px 5px;}
}

@media(max-width: 567px) {
.product-items .product-item {float: left !important;width: 50% !important;padding: 2px !important;height:auto !important;}
.product-items .product-item .description {font-size: 12px;}
.product-items .product-item .action .btn {min-width: 125px;}
.product-items .product-item .img {min-height: 170px;}
.product-items .product-item .name a {font-size: 12px;}
}
@media(max-width: 460px) {
.product-items .product-item .status {width: 100%;text-align: center;padding: 0;}
.product-items .product-item .price {text-align: center;width: 100%; padding: 0;}
}

/*---------------------------------------------------------
Quickview
-----------------------------------------------------------*/
#quickView .product-item .name {text-align: left;}

/*---------------------------------------------------------
BROWSING HISTORY
-----------------------------------------------------------*/
.product-items .product-item img { position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; max-height: 100%;width: auto;padding: 5px;}
.product-content {position: relative;}
.product-item .name {margin-bottom: 10px;line-height: 1.25;height: auto;text-align: center;overflow: visible;}

/*---------------------------------------------------------
MODAL
-----------------------------------------------------------*/
.modal-dialog {top: 15%;}
.modal-backdrop.fade.in {z-index: 100;}
#loginModal .loginField.bt-flabels__wrapper {margin: 0 0 10px;}
.modal-content {border: 0px solid #ccc;}
button.close {float: right;font-size: 30px;opacity: 0.5;filter: alpha(opacity=50);}

/*---------------------------------------------------------
QUICK VIEW
-----------------------------------------------------------*/
.qv .name {font-weight: 600;font-size: 18px;line-height: 1.25;}
.qv .qv-col.qv-col2 {padding-top: 10px;}
.qv .btn-default.btn-inverse, .qv .btn-primary {color: #fff;background-color: #000;border-color: #000;padding: 8px 12px;}
.qv .btn-primary:hover { background-color: #00b1ef;}
.qv .btn-primary.active, .qv .btn-primary:active, .qv .open>.dropdown-toggle.btn-primary {color: #fff; background-color: #00b1ef;background-image: none; border-color: #00b1ef;padding: 8px 12px;}
.qv .btn-link, .qv .btn-link:focus, .qv .btn-link:hover {color: #000; text-decoration: none; background-color: transparent;text-transform: uppercase; font-weight: 600;}

/*---------------------------------------------------------
QUICK CART
-----------------------------------------------------------*/
#viewCartQuick {padding: 20px 10px;float: left; width: 100%;}
#viewCartQuick .page_heading {font-weight: 600;padding-bottom: 0px;border-bottom: 0px solid #ececec;font-size: 16px;}
#viewCartQuick .quickCartCheckout>h1 {margin: 0 0 10px;font-size: 18px; text-align: center; float: left; width: 100%;background-color: #212121;  font-weight: 600; padding: 5px 0; border: 1px solid #ccc; color: #fff;}
#viewCartQuick .action, #viewCartQuick .goatc-wrap {display:none;}
#viewCartQuick .cart-items>li>span {padding: 0;}
#viewCartQuick .quickCartItems {padding: 0 10px 0 0;}
#viewCartQuick span.item-thumb {width: 50px;height: 50px;}
#viewCartQuick span.item-fullname {display: inline-block;font-size: 12px;line-height: 1.15;padding: 0 0 0 8px;width: 185px;}

/*---------------------------------------------------------
HOME PAGE
-----------------------------------------------------------*/
.homeCarousel.flexslider {box-shadow: 0 0 15px 0 rgb(0, 0, 0);border: 2px solid #333;}
.homepage-slider { padding: 10px;margin: 0;background-color: #000;position: relative;}
.homepage-slider::before {background-image: url(/assets/images/exotek/logo-bg.webp);background-size: 60px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;content: "";opacity: 0.2;}
.homepage-slider .container {padding: 0;max-width:1400px;width:100%;}
.homeCarousel.flexslider .slides img {margin: 0 auto;}

#home.page-content {padding: 0;}
#home .category-footer {}
#home .category-header { background-color: #f6f6f6; margin: 0;padding: 20px 0;}
#home .category-header .container {max-width: 1500px;}
#home .category-footer .container {max-width: 1500px;}
#home .category-footer { background-color: #f6f6f6; margin: 0;padding: 20px 0;}

#home .header-specials {position: relative;width: 100%;margin: 0;padding: 5px 5px 5px 10px;background: transparent; float: left;text-align: left;color: #000;font-size: 24px; height: 38px; border: 0px solid #000; border-radius: 4px 4px 0 0;line-height: 28px;font-weight: 600;}
#home section.products-section .container {position: relative; max-width:1500px;}
#home section#modFeatured.products-section {padding: 0;margin: 15px 0 20px;position: relative;height:auto;}
#home section#modFeatured.products-section::before {content: "";background-color: rgba(0,0,0,0);position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;}
#home section#modFeatured.products-section .tcdprod-wrap {position: relative;padding: 0 15px;float: right;width: 100%;}
#home section#modNewReleases.products-section {padding: 0;margin: 15px 0 20px;position: relative;height: auto;}
#home section#modNewReleases.products-section::before {background-color: rgba(0,0,0,0);content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;}
#home section#modNewReleases.products-section .tcdprod-wrap { position: relative;float: left;padding: 0 15px;width: 100%;}
#home section#modTopSellers.products-section {padding: 0;margin: 0 0 20px;position: relative;height: auto;}
#home section#modTopSellers.products-section::before {background-color: rgba(0,0,0,0);content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;}
#home section#modTopSellers.products-section .tcdprod-wrap { position: relative;float: left;padding: 0 15px;width: 100%;}
#home .tcdprod-wrap .product-items .product-item {width: 100% !important;}
#home .new-top-wrap {float:left;width:100%;}
#home .new-top-wrap-inner { max-width: 98%; width: 100%; margin: 0 auto;}
#home .new-top-wrap .new-top-block {float: left; width: 50%;}

.tcdprod-wrap .owl-nav {}
.tcdprod-wrap .owl-nav button.owl-prev {height: 35px;width: 35px;top: -38px;position: absolute;right: 41px; border-left: 0px solid #ccc !important;background-color: #212121 !important;border-radius: 50%;}
.tcdprod-wrap .owl-nav button.owl-next {height: 35px;width: 35px;top: -38px;position: absolute;right: 3px;border-left: 0px solid #ccc !important;background-color: #212121 !important;border-radius: 50%;}
.tcdprod-wrap .owl-nav button.owl-prev span {color: #fff;font-size: 32px;top: -9px;position: relative;}
.tcdprod-wrap .owl-nav button.owl-next span {color: #fff;font-size: 32px;top: -9px;position: relative;}
.tcdprod-wrap button.owl-prev.disabled {background-color: #ccc !important;}
.tcdprod-wrap button.owl-next.disabled {background-color: #ccc !important;}
.owl-dots {display: none;}

.home-page .info-wrap.info-footer {display: none;}

#home .home-cat-wrap {float: left;width: 100%;text-align: center;padding: 10px;position: relative;background-color: #eee;}
.home-cat-wrap .container {max-width: 1500px;}
#home .home-cat {float: left;width: 25%;padding: 5px;margin:0 0 15px;}
#home .home-cat a {float: left;width: 100%;position: relative;border: 0px solid #000;transition: all 0.3s ease 0s;padding: 0px;background-color: #fff;}
#home .home-cat a:hover { box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);}
#home .home-cat a:hover span { background-color: #00b1ef;}
#home .home-cat a img {max-width: 200px;width: 100%;}
#home .home-cat a span {display: block;text-align: center;margin: 10px 0 0;font-weight: 400; background-color: #212121;padding: 5px 3px; border: 0px solid #ddd;color:#fff;transition:all 0.3s ease 0s;}

@media(max-width: 991px) {
#home .home-cat {width: 50%;}
}
@media(max-width: 767px) {
}
@media(max-width: 567px) {
.home-cat-wrap .container {max-width: 1500px;padding: 0;}
#home .home-cat-wrap {padding: 6px;}
#home .home-cat {padding: 3px;}
#home .home-cat a span {padding: 3px;font-size: 11px;}
}

.browse-all-btn {text-align: center;float: left;width: 100%;margin: 1% 0 2%;}
.browse-all-btn span {color: #201f1e;font-size: 25px;border: 2px solid #201f1e;padding: 4px 15px;}


/*---------------------------------------------------------
HOME BLOG
-----------------------------------------------------------*/
.tcdblog-wrap {margin: 2% 0;}
.tcdblog-wrap .header-specials.header-blog {display: block;margin: 10px 0;}
.tcdblog-wrap .header-blog-sm {text-align: center;margin: 15px auto 5px;}
#tcdblog .tcd-single-blog {position: relative;}
#tcdblog .blog-image {position: relative;padding: 5px 5px 30px 5px;background: #fff;border: 1px solid #ccc;}
#tcdblog .blog-date {position: absolute;bottom: 0;padding: 0 5px;left: 5px;line-height: 30px;border-right: 1px solid #ccc;}
#tcdblog .blog-date a {color: #555;font-size: 13px;letter-spacing: 1px;}
#tcdblog .blog-cat {position: absolute;right: 5px;line-height: 30px;text-transform: uppercase;font-size: 11px;color: #333;padding: 0 5px;border-left: 1px solid #ccc;}
#tcdblog .title-desc a h4 {font-size: 16px;line-height: 1.3;color: #333;text-transform: uppercase;}
#tcdblog .comments-number {float: right;background: #202020;padding: 0px 5px;border-radius: 2px;}
#tcdblog .comments-number .fa.fa-comment {color: #a7a595;padding: 0 3px 0 0;}
#tcdblog .comments-number a {color: #fff;font-size: 12px;}
#tcdblog .author-name {font-size: 12px;font-weight: 600;}

/*---------------------------------------------------------
INFO BLOCK
-----------------------------------------------------------*/
.info-wrap {float: left;width: 100%;margin: 0;border-top: 1px solid #000; border-bottom: 1px solid #000;background-color: #212121;text-align: center;}
.info-wrap .container {max-width:100%;padding: 0;}
.info-inner { float: none;width: 100%;padding: 10px 0;display: inline-block;max-width: 1500px;margin: 0 auto;}
.info-block {float: left;text-align: center;width: 33% !important; border-right: 1px solid #000;}
.info-block:nth-last-of-type(1) {border: none;}
.info-block-title {font-weight: 800;font-size: 20px;color: #fff;line-height: 1.25;}
.info-block-text {color: #ccc;}
.info-block-img {width: 35px;display: inline-block;height: 38px;top: -2px;position: relative;}
.info-block-img i {font-size: 23px;color: #00b1ef;position: absolute;left: 0;right: 0;top: 0;bottom: auto;height: 25px;}
.info-block-detail {display: inline-block;}

@media(max-width: 991px) {
.info-block-title {font-size: 17px;}
}
@media(max-width: 840px) {
.info-inner {padding: 0;}
.info-block {padding: 5px 0;}
}
@media(max-width: 560px) {
.info-block-img {width: 100%;}
.info-block-text {font-size: 12px;}
.info-block-title {font-size: 16px; margin: 5px 0 0;}
}
@media (max-width:459px) {
.info-block-img {width: 100%;height: 25px;top: 2px;}
.info-block-img i {font-size: 25px;}
}

.video-wrap {position: relative;width: 100%;float: left;margin: 0;overflow: hidden;max-height: 450px;background-color: #000;}
.video-wrap a {position: relative; float: left;width: 100%;background-color: rgba(0,0,0,0.25);}
#tcdvideo {width: 100%;float: left;position: relative;top: -300px;opacity: 0.8;left: 0;bottom: auto;}

@media(max-width:1367px) {
.video-wrap {max-height: 400px;}
#tcdvideo {top: -150px;}
}

@media(max-width:1280px) {
.video-wrap {max-height: 380px;}
}
@media(max-width:1067px) {
#tcdvideo {top: 0px;}
.video-wrap {max-height: 350px;}
}
@media(max-width: 991px) {
}
@media(max-width: 860px) {
}
@media(max-width: 800px) {
}
@media(max-width: 768px) {
}
@media(max-width: 767px) {
}
@media(max-width: 720px) {
}
@media(max-width: 680px) {
}
@media(max-width: 640px) {
}
@media(max-width: 567px) {
}
@media(max-width: 460px) {
}
@media(max-width: 420px) {
.video-wrap {display: none;}
}
@media(max-width: 380px) {
}

/*---------------------------------------------------------
MAILING LIST
-----------------------------------------------------------*/
.tcd-mailing-wrap {float: left;width: 100%;line-height: 1;border-radius: 0px;font-weight: 400;text-transform: none;padding: 25px 0;margin: 0;position: relative;background-color: #eee;color: #5c5c5c;text-align: left;box-shadow: 0 0 6px 0 rgba(0,0,0,0.4);}
.tcd-mailing-wrap .container {margin: 0 auto;width: 100%;max-width: 100%;padding: 0;}
.tcd-mailing {float: left;width: 100%; text-align: center;padding: 20px 0;background-color: #eee;}
.tcd-mailing-title {max-width: 600px;margin: 0px auto 0; font-size: min(max(19px,2vw),22px); padding: 0px 10px 10px; font-weight: 500;  position: relative; color: #5c5c5c;}
.tcd-mailing-text {font-size: 16px;padding: 5px 0;color: #5c5c5c;position: relative;display:none;}
.mailist-box {width: 100%;float: none;margin: 0 auto 1%;padding: 0 3%;max-width: 600px;}
.mailist-box p {margin: 0 0 15px;font-family: 'Poppins', sans-serif;font-size: 14px;text-transform: none;font-weight: 400;color: #000;}
.mailinglist-form {position: relative;border: 0px solid #000;background: transparent;padding: 0;}
.mailinglist-input.form-control {max-width: 100%;color: #000;float: right;padding-right: 0px;height: 40px;background: #fff;border-radius: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset;border: none;font-size: 15px;}
.mailinglist-submit {float: right;width: auto;background: none;color: #444;position: absolute;top: 0px;right: 0px;border: 0px solid #000;padding: 0 15px;background: transparent;height: 40px;line-height: 40px;transition: all 0.3s linear 0s;text-transform: none;font-weight: 600;font-size: 13px;letter-spacing: 0;border-radius: 2px;text-transform: uppercase;}
.mailinglist-submit:hover {float: right;width: auto;background: none;color: #444;position: absolute;top: 0px;right: 0px;border: 0px solid #000;padding: 0 15px;background: transparent;height: 40px;line-height: 40px;transition: all 0.3s linear 0s;text-transform: none;font-weight: 600;font-size: 13px;letter-spacing: 0;border-radius: 2px;text-transform: uppercase;}
.mailinglist-response {display: none;}
.mailinglist-response {margin: 10px 0;padding: 10px 20px;font-size: 12px;background-color: #2d2d2d;color: #ccc;}
.mailinglist-error span {color: #8a6d3b;}
.mailinglist-subscribed span,
.mailinglist-unsubscribed span {color: #3c763d;}
.mailinglist-response,
.mailinglist-response div {}
.maillist-options {display: none;margin: 5px 0 0;}
.subscribe {float: none;display: inline-block;margin-right: 20px;line-height: 13px;}
.subscribe input[type="radio"] {margin: 0;vertical-align: middle;}
.subscribe label {margin: 0;font-size: 14px;line-height: 13px;font-weight: 300;margin-left: 3px;color: #aaa;cursor: pointer;}

@media(max-width: 820px) {
.mailist-box h5 {padding: 5px;font-size: 13px;}
.tcd-mailing-text {font-size: 13px;}
.mailinglist-input.form-control {font-size: 15px;}
}

/*---------------------------------------------------------
FOOTER
-----------------------------------------------------------*/

.tcd-footer { float: left; width: 100%; padding: 40px 0 0;color: #000;}
.tcd-footer .container {margin: 0 auto;max-width: 1500px;width:100%;}
.tcd-ftr-links {float: left;width: 25%;}
.tcd-ftr-title {font-weight: 400;font-size: 18px;margin: 0 0 5px;text-transform: uppercase;}
.tcd-ftr-links ul { padding: 0; list-style: none;margin: 0;}
.tcd-ftr-links ul li i {margin: 3px 0 0;width: 20px;float: left; text-align: center;position: relative;}
.tcd-ftr-links ul li a {font-size: 13px;padding: 3px 2px;display: inline-block;}

.social-wrap {float: left;width: 100%;padding: 0;position: relative;}
.social_icons a {font-size: 10px; font-weight: 600; color: #000;letter-spacing: 1px; line-height: 1.25;display: inline-block !important;position: relative; top: 0;}
.social_icons ul li a i { font-size: 15px; margin: 0 5px 0 0;position: relative; top: -1px;}

.copyright {position: relative;margin-top: 40px;border-top: 1px solid #222;padding-top: 0;padding-bottom: 0;text-align: center;color: #fff;font-size: 13px;font-weight: 600;background: #000;box-shadow: 0 0 0 150px #00b1ef inset;}
.copyright .row {display:block;}
.copyright_txt {float: left;width: 50%;line-height: 1.5;padding: 20px 0 15px;border-right: 1px solid rgba(255,255,255,0.5);}
.copyright_cc {float: left;text-align: center;width: 50%;padding: 20px 0 15px;}
.copyright_txt a {display: block;color: #fff;}

ul.payment-icons {text-align: center;color: #fff;margin: 0;}
ul.payment-icons li {font-size: 34px;line-height: 36px;vertical-align: middle;}
.brand-logo {position: absolute; left: 0;  right: 0;top: -18px;  height: 36px;width: 36px; background-color: #222;margin: auto; border-radius: 50%; border: 3px solid #fff;  box-shadow: 0 0 0 2px #000;display:none;}

@media(max-width: 991px) {
.tcd-ftr-title {border-bottom: 1px solid #000;}
.tcd-ftr-links {float: left;width: 100%;margin: 0 0 15px;}
.tcd-ftr-links ul li { float: left; width: 33.33%;}
}
@media(max-width: 767px) {
.copyright_txt {width: 100%;border-right: 0px solid rgba(255,255,255,0.5);}
.copyright_cc {width: 100%;padding: 0 0 15px;}
}
@media(max-width: 680px) {
.tcd-ftr-links ul li {width: 50%;padding: 5px 0;}
}
@media(max-width: 460px) {
.tcd-ftr-links:nth-of-type(1) ul li {width: 100%;}
}

/*---------------------------------------------------------
SCROLLTOTOP
-----------------------------------------------------------*/
.scrollToTop {position: fixed;bottom: 0;right: 0;display: none;z-index: 999;text-align: center;color: #fff;background-color: #222;border-radius: 0;width: 70px;font-size: 35px;height: 40px;line-height: 36px;}
.scrollToTop:hover{text-decoration:none;color: #000;background-color: rgba(255, 255, 255, .8);-webkit-transition: opacity 1000ms ease-in-out;-moz-transition: opacity 1000ms ease-in-out;-o-transition: opacity 1000ms ease-in-out;-ms-transition: opacity 1000ms ease-in-out;transition: opacity 1000ms ease-in-out;}
.scrollToTop span {display: none;}
iframe {display: block;}

@media(min-width: 768px) {
.revealOnScroll {opacity:1;}
}

/*---------------------------------------------------------
Contact
-----------------------------------------------------------*/


/*---------------------------------------------------------
CHECKOUT
-----------------------------------------------------------*/
body.checkout-1 {padding: 0 !important;}
.checkout-1 {padding: 0;font-size:12px;}
.checkout-1 .category-header {margin: 0;}
.checkout-1 .page-content {background: rgba(255,255,255,0.85);}
.checkout-1 #checkout-left {padding-bottom: 80px;background: #fff;}
.checkout-1 a {color:#201f1e !important}
.checkout-1 a:hover {color: #333 !important;}
.checkout-1 #checkoutSinglePage .container {max-width: 1400px;padding: 0;}
.checkout-1 .checkout-section {margin: 8px 0 0;}
.checkout-1 div#checkout-right {background: #eee;border: 0px solid #ccc;top: 0px;}
.checkout-1 .checkbox-format.checkbox-format-checkout {background-color: #fff;padding-left: 30px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;position: relative;cursor: pointer;margin-right: 3px;}
.checkout-1 .createNewAccount .col-sm-6 {padding: 0;}
.checkout-1 .account_login .btn-link {width: auto;text-transform: uppercase;padding: 0;font-weight: 500;font-size: 12px;margin: -2px 0 0;letter-spacing: -0.5px;text-decoration: underline;}
.checkout-1 #checkout-logo {border-bottom: 0px solid #ccc;height: auto;text-align: center;background: #fff;}
.checkout-1 #checkout-logo .logo {margin: 10px 0 5px;height: auto;padding: 0;float: left;width: 100%;max-width: 100%;text-align: center;position: relative;top: 0;border: 2px solid;background-color: #292929;}
.checkout-1 #checkout-logo .logo img {position: relative;left: 0;right: 0;margin: 0 auto;width: auto;max-height: 160px;padding: 5px;top: 0;}
.checkout-1 .row {margin-left: 0;margin-right: 0;}
.checkout-1 .sameasbilling_radio {line-height: 30px;}
.checkout-1 .sameasbilling_radio input[type="radio"] {margin: -4px 0 0;}
.checkout-1 .required-indicator {color: red;display: inline-block;font-size: 15px;line-height: 13px;position: absolute;top: 0;bottom: 0;right: auto;margin: auto;left: 8px;height: 34px;border-right: 0px solid  #ccc;padding: 13px 2px 0 0;}
.checkout-1 .form-control {padding: 6px 0 6px 20px;height: 40px;border-radius: 0;border: 1px solid #bbb;box-shadow: none;}
.checkout-1 .createNewAccount .chkField.col-xs-12 {margin: 0 0 5px;}
.checkout-1 .checkbox-format.checkbox-format-checkout label {font-weight: 600;}
.checkout-1 .account_login.account_login1.checkout-section {padding: 0 0 0 30px;margin: 0;font-weight: 600;}
.checkout-1 .has-labelholder.floating .form-control {padding-left: 16px !important;}
.checkout-1 .chkField {padding: 0 5px 0 0;}
.checkout-1 .chkField, .chk-questions-section, .insurance-section {margin-bottom: 5px;}
.checkout-1 .ccgField:nth-of-type(3) {float: left;width: 65%;}
.checkout-1 .cc-details .ccgField .col-xs-6 {padding: 0 5px 0 0;width: 50%;max-width:100px;}
.checkout-1 .ccgField:nth-of-type(4) {float: right;text-align: left;width: 35%;max-width:100px;}
.checkout-1 .ccgField .form-control {padding: 6px 0 6px 8px;}
.checkout-1 #checkoutStep1 .header, #checkoutStep2 .header, #checkoutStep3 .header, .checkout-page .header, #checkoutStep2Multiple .header {margin-bottom: 0px;}
.checkout-1 div[name="divPaymentOption"] img {height: auto;max-width: 100%;}
.checkout-1 #divPaymentMethods > div {background: #eee;border: 1px solid #ccc;margin-bottom: 10px;}
.checkout-1 .has-labelholder::before {left: 17px !important;}
.checkout-1 .has-labelholder.floating::before {opacity: 1;}
.checkout-1 .page_heading {margin: 0 0 5px;font-weight: 600;text-transform: uppercase;padding: 6px 0 6px 8px;border-bottom: 2px solid #222;position: relative;color: #fff !important;font-size: 18px;background-color: #292929;box-shadow: 0px -1px 1px 0 #fff inset; -webkit-box-shadow: 0px -1px 1px 0 #fff inset;border-radius: 3px 3px 0 0;}
.checkout-1 .page_heading::after {display: none;}
div#chkShoppingCart .cart-items {height: auto;line-height: normal;font-size: inherit;}
.checkout-1 .icon-btn.icon-btn-refresh {color: #fff !important;padding: 0 10px 0 5px;font-size: 12px;border-left: 1px solid #fff;line-height: 18px;position: relative;}
.checkout-1 #mobile-menu {display: none;}
.checkout-1 .coupon-field .btn.btn-default {padding: 0;}
.checkout-1 #spanCheckout .pull-right {float: right !important;width: 60%;}
.checkout-1 #spanCheckout .btn-primary {color: #ffffff;background-color: #018952;border-color: #333;width: 100%;font-size: 25px;font-weight: 800;}
.checkout-1 .chkShoppingCart .product-image span {background: #018952;line-height: 16px;border: 2px solid #fff;box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);}
.checkout-1 .coupon-field input {font-size: 12px;}
.checkout-1 .site-footer {display: none;}
.checkout-1 .row-full.cart-toggle {width: 100%;left: 0;position: relative;right: 0;top: 0;background: transparent;border-bottom: 1px solid #ccc;margin: 0 0 5px;border-top: none;}
.checkout-1 .module-expand i {font-size: 21px;float: left;margin-right: 8px;margin-left: -8px;}
.checkout-1 .module-expand::before {line-height: 25px;font-size: 13px;}
.checkout-1 .secure-holder {padding: 10px;}
.checkout-1 .secure-holder-inner {background: #fff;height: 90px;border: 1px solid #ccc;text-align: center;width: 100%;}
.checkout-1 .account-block {display: inline-block;}
.checkout-1 .category-footer {background: #ffffff none repeat scroll 0 0;border: 2px solid #201f1e;border-radius: 3px;margin: 5px 0 0;padding: 10px;text-align: center;}
.checkout-1 .category-footer .register-note {color: #201f1e;font-size: 14px;font-weight: 600;}
.tyinvoice-total {font-size: 35px;font-weight: 600;margin: 0;}
.checkout-1 .chkComments .form-control {height: auto;padding: 10px;}
.checkout-1 .sameasbilling_radio[for="sameasbilling_radio"] span {color: #920000 !important;}
#checkoutSinglePageFooter {display: none;}

 @media (max-width:991px) {
.checkout-1 div#checkout-right {padding: 0;}
.checkout-1 #checkout-left {padding: 0 0 40px;}
.checkout-1 .row.hidden-xs.order-summary-header {display: block !important;padding: 5px 0;}
.checkout-1 #checkout-logo {padding: 0;}
}
 @media (max-width:640px) {
.checkout-1 #spanCheckout .pull-right {width: 100%;}
}

/*---------------------------------------------------------
ACCOUNT LOGIN
-----------------------------------------------------------*/
.myaccountLogin .loginField div span {background-color: #ffd700;display: inline-block;padding: 5px 10px;border-radius: 5px;border: 2px solid #d7bd33;}

/*---------------------------------------------------------
ADA COMPLIANCE
-----------------------------------------------------------*/
.ada-label {position: absolute;}

/*---------------------------------------------------------
THEME RESPONSIVE
-----------------------------------------------------------*/
@media(max-width:1340px) {
}
@media(max-width:1200px) {
}
@media(max-width:1070px) {
}
@media(max-width: 991px) {
body {padding-top: 0px;}
ul.top-menu {display:none;}
.header-inner {height: 70px;}
.head-mobile-nav {display: block;}
.head-mobile-nav > a {color: #fff;font-size: 34px;line-height: 1;}
#mobile-menu-trigger {top: auto;left: 0;color: #00b1ef;position: absolute;z-index:100;bottom: 22px;}
#mobile-menu-trigger::after {content: "menu";font-size: 10px;position: absolute;left: 0;right: 0;margin: auto;width: 100%;text-align: center;bottom: -10px;color:#fff;letter-spacing: -0.2px;font-weight: 500;}
}
@media(max-width: 920px) {
}
@media(max-width: 820px) {
}
@media(max-width: 767px) {
.flex-direction-nav a:before {font-size: 24px;}
.flex-direction-nav a {width: 24px;height: 24px;line-height: 24px;margin: -12px 0 0;}
.home-page-content .category-header {padding: 0;}
.subcategories > ul > li {width: 50% !important;float: left;max-width: 100%;}
.navbar.navbar-inverse {border-bottom: 0px solid #333;}
}
@media(max-width: 720px) {
#mobile-menu-trigger {bottom: 20px;}
.head-mobile-nav > a {font-size: 26px;}
}
@media(max-width: 567px) {
}
@media(max-width: 498px) {
}
@media(max-width: 420px) {
}
@media(max-width: 390px) {
}
@media(max-width: 359px) {
}