@charset "utf-8"; /* CSS Document */ /*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap'); body {font-family:'Poppins', sans-serif;color: #464646;line-height: 1.5;padding-top:0px;overflow-x: hidden;} .container {width: 100%;max-width: 1400px;} .page-content .container {padding: 0 15px;} .page-content {min-height: 450px;height: auto !important;} img {max-width: 100%;height:auto} .primary-bg {background: #644a3b;color: #fff;} .secondary-bg {background:#f6f6f6;color: #222;} .btn.btn-checkout {background: #644a3b;} 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: #333;text-decoration: none;font-weight: 600;} a:hover {color: #333;text-decoration: none;} a:focus {} p a {color: #333;text-decoration: underline;font-weight: 600;} p a.links1 {color: #333;font-weight: 600;text-decoration: none;} p a.links1:hover {color: #333;text-decoration: underline;} :focus {box-shadow: none;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;} .breadcrumnb {margin: 0 0 15px;padding: 8px 10px;background: #555555;} .breadcrumnb .container {} .breadcrumnb ol li > a {color: #fff;font-weight:400;} .breadcrumnb ol li > span, .breadcrumnb ol li:last-child > a {color: #eee;} .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: #333;} .btn-default.btn-inverse:hover, .btn-primary:hover {color: #fff;background-color: #333;} .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: 1400px;width:100%;} .navbar.navbar-inverse {margin-bottom: 0;border: none;min-height: 36px;position: fixed;top: 0;width: 100%;z-index: 1000;background-color: transparent;border-bottom: ;box-shadow: none;} .navbar.navbar-inverse.tcdfixed {position: fixed;z-index: 995;top: 0;bottom: auto;width: 100%;box-shadow: 1px 0 6px rgba(30,30,30,.2);-webkit-box-shadow: 1px 0 6px rgba(30,30,30,.2);-moz-box-shadow: 1px 0 6px rgba(30,30,30,.2);-ms-box-shadow: 1px 0 6px rgba(30,30,30,.2);border-top: none;webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;background: #fff;} .navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;} .navbar .navbar-collapse {text-align: center;} .btn-default.btn-inverse, .btn-primary {color: #fff;background-color: #333;border-color: #333;border:none;} .btn-default.btn-inverse:hover, .btn-primary:hover {color: #fff !important;background-color: #333;border-color: #333;} button#Add.btn-default.btn-inverse {color: #2e2b2c !important;background-color: #fff004;font-weight: 600;padding: 5px 15px;border: 2px solid #2e2b2c;box-shadow: 0 -25px 15px -5px #fdc115 inset;text-shadow: 0 1px 1px rgba(255,255,255,0.6);} button#Add.btn-default.btn-inverse:hover {color: #fbbb17 !important;background-color: #333;border-color: #333;box-shadow: none;text-shadow: 0px 1px 1px #000;} button#Add.btn-default.btn-inverse i {display: none;} .btn.btn-addcart {padding: 8px 20px 8px 20px;} .header-spacer {padding-top:167px;background-image: url(/assets/images/rogue/rogue-page_bg.webp);filter: grayscale(70%);} .home-page .header-spacer {padding-top: 0;} /*--------------------------------------------------------- INFO BAR -----------------------------------------------------------*/ .info-bar {display: block;width: 360px;text-align: center;color: #fff;font-weight: 400;line-height: 29px;padding: 0;font-size: 13px;height: 29px;border-bottom: 1px solid #000;position: relative;overflow: hidden;} .info-bar .container {height: 29px;} .info-bar-left {width: 100%;float: left;} .info-bar-right { float: right;} #tcdtopbar {float: left;width: 100%;padding: 0 10px;} #tcdtopbar .owl-nav.disabled {display: none;} #tcdtopbar .owl-dots {display: none;} #tcdtopbar .item a {line-height: 29px;float: left;width: 100%;text-align: left;color: #fff;text-decoration: none;font-size: 12px;} #tcdtopbar .item a span {float: right;font-size: 11px;background: #ed5625;color: #fff;border-radius: 2px;line-height: 15px;padding: 0 10px;margin: 7px 2px;box-shadow: 0 0 0 1px rgb(0 0 0);} @media(max-width: 991px) { #tcdtopbar {float: none;max-width: 360px;margin:0 auto;} .info-bar-left {width: 100%;float: left;} .info-bar-right {float: right;width: 35%;display: none;} } @media(max-width: 640px) { #tcdtopbar .item a { font-size: 10px;} #tcdtopbar .item a span { font-size: 10px; padding: 0 5px;} .info-bar {width: 300px;} .info-bar .container {padding: 0;} } @media(max-width: 567px) { } /*--------------------------------------------------------- HEADER -----------------------------------------------------------*/ .top-header {background: #2e2b2c;padding: 0;text-align: center;height: 30px;border-bottom: 1px solid #ccc;position: relative;z-index: 1;box-shadow: 0 30px 30px 30px rgba(0,0,0,0.7);} .top-header .container {position: relative;padding: 0;} .top-contact {float: left;} .top-links {float: left;padding: 0;} .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 8px;line-height: 29px;font-size: 12px;letter-spacing: 0;float: left;font-weight: 500;text-transform: uppercase;box-shadow: 1px 0 0 0 rgba(255,255,255,0.3);} .header-links {position: absolute;right: 5px;top: -30px;height: 40px;bottom: auto;margin: auto;z-index: 11; width: 480px; text-align: left; background: #2e2b2c;padding: 4px 0 0 20px;border-radius: 0 0 8px 8px;border-left: 4px solid #2e2b2c;border-right: 4px solid #2e2b2c;} .header-link-title {position: relative;color:#2e2b2c;font-size: 12px;font-weight: 400;width: auto;padding: 0 0 0 5px;line-height: 14px;float: left;text-align: left;} .header-links > ul {list-style: none;margin: 0;padding: 0;} .header-links > ul li {position: relative;float: right;padding: 0;display: inline-block;width: 90px;text-align: center;} .header-link-title {position: relative;color: #fff;font-size: 12px;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 {text-align: left;color: #2e2b2c;} .header-link-title.title-cart > span {display: block;font-size: 12px;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: 23px;width: auto;height: auto;float: left;padding: 0;margin: 3px 0 0;} @media(max-width: 991px) { .top-contact {width:100%;} .top-header .container {position: relative;padding: 0;} .top-contact a { font-size: 18px;} .top-contact a:before {left: 2px;top: 2px;} } @media(max-width: 567px) { } ul.top-menu {width: auto;position: absolute;right: 10px;top: 10px;} ul.top-menu li {float: left;list-style: none;} ul.top-menu li a {color: #333;padding: 0 20px;text-transform: uppercase;font-weight: 800;font-size: 12px;letter-spacing:-0.5px;} .logo {position: relative;z-index: 101;top: 47px;} .logo img {position: absolute;top: 1px;right: auto;bottom: 0;left: 0;margin: auto;max-width: 315px;width: auto;z-index: 1;height: auto;} .logo a:hover img {} .site-header {padding: 0;height: 68px;} .site-header .container {position: relative;height: 93px;width: 100%;max-width: 1400px;padding:0;} .header-inner {position: relative;height: 68px;z-index: 1;} .header-mid {position: absolute;top: auto;right: 0;left: 0;margin: auto;width: 100%;height: 85px;bottom: 0;line-height: 85px;padding: 0 0 0 320px;} .header-mid-block {float: left;width: 33.33%;padding: 0 5px;text-align: center;} .head-mobile-nav {display: none;} .head-mobile-nav > a {color: #000;font-size: 24px;line-height: 1;} #searchBox {position: absolute;width: 100%;padding: 0 215px 0 0;height: 32px;top: 0px;bottom: 0;margin: auto;right: 0;left: auto;z-index: 0;max-width: 100%;background: #eee;border-radius: 0 0 4px 4px;} #searchBox form {position: relative;} #searchBox .search-form {position: relative;} #searchBox:: placeholder {color: #fff !important;} #searchBox .form-control.search-text {font-size: 13px;padding: 0 32px 0 12px;height: 32px;background: #eee; box-shadow: none;border-width: 0;border-radius: 0 0 0 3px;border-right: 2px solid;} #searchBox .search-form .search-submit {position: absolute;top: 0;right: 0;width: 32px;height: 34px;text-align: center;padding: 0;background-color: transparent;font-weight: 600;margin: auto;border: none;font-size: 15px;bottom: 0;border-radius: 0;color: #000 !important;border-left: 0px solid #267a77;line-height: 34px;} #searchBox .search-form .search-submit:hover {} div.searchlight-balloon { left: auto !Important; right: 0;} .tcdmenu {height: 44px;margin: auto;max-width: 100%;padding: 0;position: absolute;text-align: center;width: 100%;top: auto;left: 0;right: 0;bottom: 30px;border-top: 0px solid #333;border-bottom: 0px solid #333;} .tcdmenu ul {border-radius: 0;display: inline-block;list-style: outside none none;margin: 0 auto;padding: 0 0 0 300px;position: relative;right: 0;width: 100%;max-width: 1400px;text-align: left;} .tcdmenu ul li {display: inline-block;position: relative;padding: 0;text-align: right;border-right: 0px solid #ddd;float: left;z-index: 1;} .tcdmenu ul li a {color: #fff;display: inline-block;font-size: 13px;font-weight: 600;height: auto;letter-spacing: 0.5px; padding: 0 10px;text-decoration: none;transition: all .2s linear 0s,color .2s linear 0s;vertical-align: middle;text-transform: uppercase;line-height: 42px; width: 100%;} .tcdmenu > ul > li > a {height: 42px;text-shadow: 1px 1px 3px rgb(0 0 0);} .tcdmenu > ul > li > a i {position: absolute;left: 0;width: 40px;text-align: center;font-size: 23px;margin: 0;border-right: 0px solid #267a77;background-color: transparent;color: #ffc215;} .tcdmenu > ul > li:hover > a {color: #eee;} .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; left: -10px; border-bottom: 2px solid #cbcce5margin-top: 20px;text-align: left; padding: 5px;width: 300px; -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 60%); -moz-box-shadow: 0 5px 5px rgb(0 0 0 / 60%); box-shadow: 0 5px 5px rgb(0 0 0 / 60%); -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 > ul {width:220px;left: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;border-bottom: 1px solid rgba(0,0,0,0.05);float: left;position: relative;} .tcdmenu ul ul li a { background: transparent; color: #292929 !important; font-size: 13px; font-weight: 500; line-height: 18px; padding: 5px 10px; float:left; width: 100%;} .tcdmenu ul ul li a:hover {background:#333;color: #fff !important;} .tcdmenu ul ul li span {position: absolute; top: 0; right: 10px; font-size: 16px;} .tcdmenu ul ul li a:active{color: #fff;} .tcdmenu ul ul ul {visibility: hidden;opacity: 0;position: absolute;top: 0;left: 100%;padding: 0;height: auto;} .tcdmenu ul ul ul li a { box-shadow: none!important; letter-spacing: -0.4px;} .tcdmenu .arrow { display: none;} .tcdmenu > ul > li.dropdown > a::after {content: '\f107';font-family: 'fontello';position: relative;left: 5px;color: #fff;display:none;} .tcdmenu > ul > li.dropdown > a:hover::after {color: #fff;} .tcdmenu > ul > li.dropdown > ul, .tcdmenu > ul > li.dropdown > ul li.dropdown ul {display: block;} .tcdmenu > ul > li:nth-child(1) > a {padding: 0 10px 0 40px;} .tcdmenu > ul > li:nth-child(3) {position: static;} .tcdmenu>ul>li:nth-child(3) ul { max-width: 740px;width: 100%; right: auto;left: 295px;height: 385px;overflow: auto;} .tcdmenu > ul > li:nth-child(3) ul > li {width: 25%;float: left;} .tcdmenu > ul > li:nth-child(3) ul > li a {font-size: ;font-size: 11px;letter-spacing: 0;padding: 2px 0 2px 4px;} .tcdmenu > ul > li.dropdown.tcdm-login {position: absolute;border-left: 0 solid #ccc;background-color: transparent;top: -45px;right: 112px;z-index: 11;} .tcdmenu > ul > li.tcdm-login a span {position: absolute;top: -1px;bottom: auto;height: auto; line-height: 11px;font-size: 10px; background: #fff004; padding: 0 5px;text-align: center; border-radius: 0;left: -2px; right: 0;max-width: 100%;margin: auto; color: #000;border: 1px solid #333; font-weight: 600;letter-spacing: 0; box-shadow: 0 -5px 5px 0 #fdc115 inset;} .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 {left: auto;right: 0;width: auto;} .tcdmenu > ul > li.dropdown.tcdm-login ul li {text-align: right;} .tcdmenu > ul > li.dropdown.tcdm-login > a {font-size: 12px;text-transform: none;height: 32px;color:#2e2b2c;border-right: 2px solid #2e2b2c;padding: 0 16px;text-shadow:none;} @media(max-width:1200px) { } /*--------------------------------------------------------- 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: #555 !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 li .arrow {background-color: #aaa;height: 36px;} #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.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 {background: #fff;padding: 5px 0;text-align:center;} .mobile-menu-close img {max-width: 270px;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: #333;color: #fff;border-bottom: 2px solid #fda21d;font-size: 16px;line-height: 35px;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: #333;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 {max-width: 160px !important;margin: 0 auto;} .view-cart #AmazonPayButton2 {max-width: 160px !important;} .view-cart #zoid-paypal-buttons-uid_ab24ecb7bc_mtc6ntu6mtg {min-width: 160px !important;} .view-cart #thirdPartyPayment {display: none !important;} @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 .minicart-inner img {max-height: 18px;margin: 5px 0 0;} .header-links #maincart a:hover .cart-details span.cart-title {color: #333;} .alert-warning {border-color: #333;color: #fff; font-size: 19px;padding: 10px 5px;border-width: 1px;border-radius: 3px;background-color: #333;} .minicart {float: right;position: relative;width: auto;padding: 0 5px 0 0;} .minicart-inner {cursor: pointer;color: #646464;padding: 0 0 15px;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 {font-weight: 400;line-height: 16px;padding: 0 0 0 5px;display: inline-block !important;} .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;} #dropcart {position: absolute;z-index: 12;top: 32px;left: -9999px;min-width: 300px;-moz-transition: opacity .3s ease 0s;-ms-transition: opacity .3s ease 0s;-o-transition: opacity .3s ease 0s;transition: opacity .3s ease 0s;text-align: left;opacity: 0;background: #fff;border-right: 2px solid #a90037;border-left: 2px solid #a90037;border: 1px solid #888;border-radius: 0;} #dropcart .container {width: 100%;padding: 0 15px;} .header-links #maincart.cart-expanded #dropcart {right: 8px;left: auto;opacity: 1;-moz-transition: opacity .3s ease 0s;-ms-transition: opacity .3s ease 0s;-o-transition: opacity .3s ease 0s;transition: opacity .3s ease 0s;width: 310px;box-shadow: 0 4px 3px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 0 4px 3px 0px rgba(0,0,0,0.5);} #dropcart .cart-left, #dropcart .cart-right {width: 100%;padding-left: 0;padding-right: 0;} #dropcart .cart-left .mobile-sticky-checkout {display: none;} #dropcart .cart-items {width: 100%;padding-left: 0;padding-right: 0;display: inline-block;max-height: 300px;overflow-y: auto;position: relative;padding-top: 0;box-shadow: 0 -5px 10px -4px rgba(0,0,0,0.2) inset;} #dropcart .cart-items li {list-style: none;display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;width: 100%;border: none;margin: 0;line-height: normal;} #dropcart .cart-items form {overflow: hidden;max-height: 235px;} #dropcart .cart-items .items-header {padding: 10px 0 10px 5px;margin: 0 0 5px;background: #eee;border-bottom: 0px solid #201f1e;} #dropcart .cart-items .items-header > span {font-size: 11px;font-weight: 600;letter-spacing: 0;text-transform: uppercase;color: #505050;} #dropcart .cart-items li.cart-item img {max-height: 60px;padding: 0 5px;margin: 0 auto;} #dropcart .cart-items li > span {float: left; padding: 0;} #dropcart .cart-items li > span.item-name {width: 50% !important;order: 1;-webkit-order: 1;text-align:left;} #dropcart .cart-items li > span.item-qty {width: 16% !important;position: relative;text-align: center;order: 2;-webkit-order: 2;} #dropcart .cart-items li span.quant-input {display: block;position: relative;width: 100%;margin: 0 auto;padding: 0;} #dropcart .cart-items li > span.item-price, #dropcart .cart-items li > span.item-total {width: 17% !important;text-align: center;} #dropcart .cart-items li > span.item-price {order: 3;-webkit-order: 3;} #dropcart .cart-items li > span.item-total { order: 4;-webkit-order: 4;} #dropcart .cart-items li.cart-item {padding: 5px 0;position: relative;border-bottom: 1px dashed #aaa;} #dropcart .cart-items li.cart-item .item-name .item-thumb {width: 40%;float: left;margin-right: 0;height: auto;} #dropcart .cart-items li.cart-item .item-name .item-name-right {width: 60%;float: left;} #dropcart .cart-items li.cart-item .item-name .item-fullname {display: inline-block;width: 100%;margin-top: 0;line-height: 1;} #dropcart .cart-items li.cart-item .item-name .item-fullname a {color: #333;font-size: 10px;letter-spacing: -0.2px;line-height: 1;font-weight: 500;} #dropcart .cart-items li.cart-item .item-name .item-name-right .itemoptions {margin-top: 0;display: block;border-top: 1px solid #000;width: 100%;line-height: 15px;font-size: 12px;padding: 5px 0;} #dropcart .cart-items li.cart-item .item-name .item-actions {width: 100%;display: inline-block;margin: 0;} #dropcart .cart-items li.cart-item .item-name .item-action a.view-options {color: #646464;display: inline-block;border-bottom: 0px solid #c1c1c1;line-height: 15px;margin-top: 5px;font-size: 10px;text-decoration: none;} #dropcart .cart-items li.cart-item a:hover {text-decoration: none;} #dropcart span.item-actions .view-option {margin-bottom: 0;} #dropcart .cart-items li.cart-item .item-name .item-action a.removeItem {position: absolute;top: 35px;left: auto;right:10px;font-size: 10px;z-index: 2;text-decoration: none;margin-left: 0;padding-left: 0;background: none;line-height: 1;text-align: center;color: #f20000;font-weight: 600;text-transform: uppercase;} #dropcart span.item-action .removeItem .icon-delete {display: none;} #dropcart .icon-cancel {color: #000;position: relative;top: 0;font-size: 10px;left: 0;} #dropcart .cart-items li.cart-item span.item-qty {padding-top: 10px;} #dropcart .cart-items li > span.item-qty a.update-qty {color: #333;display: block;margin-top: 0;font-size: 10px;text-transform: uppercase;font-weight: 600;text-decoration: underline;} #dropcart .cart-items li.cart-item .item-price, #dropcart .cart-items li.cart-item .item-total {font-size: 10px;font-weight: 500;color: #333;padding-top: 17px;letter-spacing: 0;} #dropcart .cart-items li.cart-item .item-total {font-weight: 600;} #dropcart .cart-items li.cart-item .item-name .giftwraplink {display: none;} #dropcart .cart-items li.cart-item .quant-input input {max-width: 40px;height: 28px;text-align: center;border: 1px solid #ccc;margin: 0 auto;padding: 0 2px;} #dropcart .cart-items li.cart-item .quant-input span.qty-nav {display: none;} #dropcart .left-subtotal.summary-totals, #dropcart #cart-right .order-summary h4, #dropcart #cart-right .cart-detail-item, #dropcart .continue-shopping {display: none;} #dropcart #cart-right .cart-box-sticky .carttotal-cols {display: inline-block;width: 100%;padding: 8px 0;border-top: 1px solid #eee;float: left;margin: 0;} #dropcart #cart-right .cart-box-sticky .carttotal-cols .col-xs-6 {text-align: right;color: #333;font-weight: 500;text-transform: none;} #dropcart #cart-right .cart-box-sticky .subtotal-details {} #dropcart #cart-right .cart-box-sticky .subtotal-details .carttotal-price {padding-right: 0px; font-weight: 600;font-size: 13px;letter-spacing: 0;} #dropcart #cart-right .cart-box-sticky .total-details .carttotal-price {font-size: 16px;letter-spacing: 0;padding-right: 0px;} #dropcart #cart-right .cart-box-sticky .checkout-btns {float: right;padding: 0;margin-top: 0;width: 60%;border-left: 1px solid #fff;line-height: 30px;} #dropcart #cart-right .cart-box-sticky .checkout-btns a {height: 32px;line-height: 30px;padding: 0 10px;font-size: 13px;font-weight: 600;border: 1px solid #201f1e;color: #333 !important;background: #fff;width: 100%;vertical-align: bottom;} #dropcart #cart-right .cart-box-sticky .checkout-btns a:hover {background: #333;border-color: #333;color: #fff !important;opacity:1;} #dropcart #cart-right .cart-box-sticky .view-cart-btn {float: left;border: 1px solid #201f1e;width: 40%;margin-right: 0;padding: 0 10px;color: #333;font-weight: 600;height: 32px;line-height: 30px;font-size: 13px;} #dropcart #cart-right .cart-box-sticky .view-cart-btn:hover {background: #333;border-color: #333;color: #fff;} #dropcart .savecart {display: none;} #dropcart .cart-empty {width: 100%;padding: 10px;} #dropcart .cart-empty .alert {margin-bottom: 0;} #dropcart .triangle-with-shadow {position: absolute;top: -15px;left: 0;overflow: hidden;width: 100%;height: 15px;} #dropcart .triangle-with-shadow::before {position: absolute;/* Prefixes... */top: 11px;left: 50%;width: 30px;height: 30px;margin-left: -15px;content: '';-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);border: 1px solid #d0d0d0;background: #f5f5f5;box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);} #dropcart .cart-empty .triangle-with-shadow::before {background: #fff;} #dropcart .cart-items ~ .cart-empty {display: none;} #dropcart .cart-box {border: 0px solid #ececec;padding: 0 5px 5px;margin-top: 0;float: left;width: 100%;} #dropcart .order-summary {display: none;} span.cart-title {font-size: 12px;line-height: 15px;display: block;font-weight: bold;} @media(max-width: 567px) { .header-links .minicart-inner img {filter: invert(1);} } /*--------------------------------------------------------- SIDEBAR -----------------------------------------------------------*/ .sidebar-widget .product-item .img {min-height: 90px;padding-top: 0;} .sidebar-widget .product-item .img img {position: relative;top: 0;} /*--------------------------------------------------------- GALLERY -----------------------------------------------------------*/ .gallery-wrap-main {float: left;width: 100%;padding: 10px;} .gallery-thumbs {float: left;width: 100%;padding: 5px;} .gallery-thumbs a {width: 20%;float: left; text-align: center;padding: 0;height: 150px;overflow: hidden; position: relative; border: 2px solid #fff;} .gallery-thumbs a img { width: 100%; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;} @media(max-width:1400px) { .gallery-thumbs a {width: 25%;} } @media(max-width:991px) { .gallery-thumbs a {width: 33.33%;} } @media(max-width:640px) { .gallery-thumbs a {width: 50%;} } /*--------------------------------------------------------- CATEGORY -----------------------------------------------------------*/ #category.page-content {padding-top: 0;} .category-toolbar .view-as-btn {display: none;} #category .container {max-width: 1400px;} .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: 2px;margin: 0;} .subcategories > ul > li > a.subcat-img {display: inline-block;float: left;width: 100%;} .subcategories > ul > li > a.subcat-name { color: #fff;text-decoration: none; transition: all .25s ease-out;width: 100%;float: left;display: flex;align-items: center;justify-content: center;background-color: #333;} .subcategories > ul > li > a.subcat-name:hover {background-color: #000;} .subcategories > ul > li span.category-img {display: inline-block;position: relative;width: 100%;height: 150px;padding-top: 0;float: left;background-color: #f6f6f8;} .subcategories > ul > li span.name {font-size: 14px;font-weight: 600;text-transform: uppercase; margin: 0;padding: 4px;line-height: 1.2;width: 100%;} .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: 1400px;} .listing-page-content {padding: 20px 0;} .listing-page .category-header, .listing-page .category-footer {margin: 0px;} #listing .title-top {float: left;width: 100%;margin: 0 0 5px;} #listing h1.page_headers {margin: 0;font-weight: 500;font-size: 22px;color: #333;padding: 4px 0px;border-bottom: 1px solid #000;} #listing .header > h4.page_heading {margin-bottom: 10px;} #listing .prod-review-id {float: left;display: inline-block;width: 100%;background: #fff;padding: 10px 5px;border: 1px solid #ccc;font-weight: 800;} #listing .id-block {float: left;width: 66.66%;} #listing .product-id strong {color: #333;} #listing .product-id {margin: 0;float: left;width: 100%;} #listing .product-upc {float: left;clear: none;font-size: 14px;width: 50%;text-align: center;} #listing .prod-manu {float: left;width: 33.33%;text-align: center;} #listing .prod-review-id span {display: block;font-weight: 400;} #listing .product-reviews {margin: 0;width: 100%;padding: 5px 0px;border-bottom: 1px solid #ccc;display: inline-block;} #listing .reviews-stars {top: -2px;margin-right: 2px;} #listing .reviews-count a {color: #333;} #listing span.reviews {float: left;margin-right: 0;} #listing a.createreview-link {float: right;color: 333;font-size: 15px;} #listing .star-rating {width: auto;} #listing .quantityBlock.sub-section {margin: 10px 0;display: inline-block;width: 100%;} #listing .quantityBlock.sub-section .header h4.page_heading {margin: 0;} #listing .quantityBlock .quantity-table {margin-top: 0;} #listing .prod-qarevlink {display: none;width: 100%;padding: 0 5px 0 0;background: #eee;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 12px;font-weight: 600;} #listing .qaLink {margin:0;} #listing .qaLink a {color: #000;} #listing .qaLink > a > i {vertical-align: top;} #listing .special-action {display: inline-block; margin: 0;} #listing .special-actions.text-center {margin: 0;text-align:left;} #listing .special-action .btn-link {color: #2e2b2c;font-weight: 600;background: #fdc115;padding: 2px 4px 2px 0;border-radius: 3px;font-size: 11px;border: 1px solid #2e2b2c;letter-spacing: -0.4px;} #listing .addToCartBlock.sub-section {background: #f6f6f6;padding: 15px 10px 10px;border: 1px solid #ccc;margin:0;position: relative;} #listing .addToCartBlock.sub-section .form-group {margin-bottom: 0;} #listing .qtybox-addcart.form-group {float: left;} #listing .qty-input input[type="text"] {border: 1px solid #777;} #listing .qtybox-addcart.form-group > label.qty-input-title {position: absolute;top: 0;font-size: 12px;left: 22px;text-transform: uppercase;} #listing .qtybox-addcart.form-group label.qty-input {position: relative;width: 80px;margin: 0 10px;vertical-align: middle;} #listing .pricingBlock {margin: 0 0 10px;line-height: 1;float: right;width: 100%;text-align: left;padding: 15px 0;} #listing .pricingBlock .yourprice, #listing .pricingBlock .saleprice {font-size: 25px;} #listing .pricingBlock span#price {padding-left: 5px;color: #333;} #listing .opt-label {margin: 0 0 5px;line-height: 1;} #listing .opt-label > label {margin: 0;font-size: 14px;} #listing #divOptionsBlock {margin: 0 0 15px;padding: 8px;border: 1px solid #ccc;} #listing #divOptionsBlock .page_heading {margin: 0;padding: 5px;border: none;background: #555;color: #fff;font-size: 17px;font-weight: 500;} #listing .opt-label {margin: 0 0 4px;border-bottom: 1px solid #ccc;padding: 0 0 4px;} #listing #divOptionsBlock .opt-regular {margin: 10px 0 0;} #listing #divOptionsBlock .radio-format > input[type="radio"]:checked + label.radio-option {border: 2px solid #333;background: #333;color: #fff;} #listing .checkbox-format {background-color: transparent;padding-left: 5px;padding-right: 5px;padding-top: 3px;padding-bottom: 3px;position: relative;cursor: pointer;font-weight: 600;font-size: 12px;width: 100%;margin: 0;} #listing .checkbox-format input[type="checkbox"], .checkbox-format input[type="checkbox"] {position: relative;left: 0;top: 2px;bottom: auto;margin: auto;} #listing .extrafieldsBlock {margin: 0;} #listing #main-image {background:#fff;border: 1px solid #ccc;} #listing .short-description {display: none;} .listing-page .addl-images {margin: 10px 0;} #listing .col-md-6.tcd-stuck {position: sticky;top: 170px;bottom: 0;} #listing .product-cols.row > .col-md-6:nth-of-type(1) {width: 48%;float:left;} #listing .product-cols.row > .col-md-6:nth-of-type(2) {width: 52%;float:left;} #listing .paypal-wrap {background: #fff;border: 1px solid #ccc;margin: 5px 0 0;} #listing .sub-section {margin: 35px 0 0;display: inline-block;width: 100%;} #listing .col-sm-2.col-xs-3.text-right.rating-filter-label {padding: 0;} #listing #availabilityInfo {float: left;width: 100%;padding: 0px 0 0px 5px;background: #fcfcfc;border: 1px solid #ccc;font-weight: 400;margin: 0 0 -1px;line-height: 26px;} #listing #availabilityInfo .availability-header {font-weight: 600;font-size: 14px;color: #333;} #listing #availabilityInfo #availability {color: #333;font-size: 14px;font-weight: 600;} #listing .rTabs {margin: 0 0 15px;} #listing .r-tabs .r-tabs-nav { border-bottom: 1px solid #ccc; margin: 0;} #listing .r-tabs .r-tabs-nav .r-tabs-state-active { border: none; margin-bottom: -2px; box-shadow: none;} #listing .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background-color: #ffffff !important; border-top: none; border-bottom: 5px solid #333; box-shadow: none; color: #444 !important;} #listing .r-tabs .r-tabs-nav .r-tabs-anchor { background: transparent none repeat scroll 0 0; color: #777; font-size: 16px !important; letter-spacing: -0.5px;margin-bottom: 0; padding: 5px 6px; text-transform: uppercase; font-weight:600;} #listing .r-tabs .r-tabs-panel {border: medium none;background: #fff;} #listing .r-tabs .r-tabs-panel, #listing .r-tabs .r-tabs-panel .item, #listing .r-tabs .r-tabs-panel .item span {color: #333 !important;} #listing .r-tabs a:hover {color: #111 !important;} #listing .r-tabs .r-tabs-accordion-title .r-tabs-anchor {background-color: #333;} #listing .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #555 !important;color: #eee;} #listing .waitinglist.sub-section {margin: 15px 0 5px;display: inline-block;width: 100%;} #listing span.freeshipping {color: #2e2b2c;float: right;padding: 0 5px;text-transform: uppercase;font-weight: 700;background-color: #fbbb17;line-height: 26px;font-size: 13px;} @media(max-width: 991px) { } @media(max-width: 767px) { #listing .container {padding: 0 10px;} #listing .product-cols.row > .col-md-6:nth-of-type(1) {width: 100%;float:left;} #listing .product-cols.row > .col-md-6:nth-of-type(2) {width: 100%;float:left;} #listing .product-cols.row > .col-md-6 {width: 100%;position: relative;top: 0;} } @media(max-width: 460px) { } /*--------------------------------------------------------- PRODUCT ITEM -----------------------------------------------------------*/ .reviews-stars:before {font-family: "fontello";content: "\e803 \e803 \e803 \e803 \e803";color: rgba(0,0,0,0.3);} .reviews-stars::after {font-family: "fontello";content: "\e803 \e803 \e803 \e803 \e803";} .rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star, .reviews-stars {color: #f9ad35;} .product-items {/*overflow: hidden;*/margin:0;} .product-items .product-item {padding: 5px;text-align: center;margin-bottom: 0px;} .product-item-inner {background:#fff;border: 1px solid #e0e0e0;padding: 5px;border-radius: 5px;display: inline-block;width: 100%;} .product-items .product-item .product-info {} .product-items .product-item .reviews {margin-bottom: 2px;min-height: 21px;text-align: left;font-size: 12px;display: none;} .product-items .product-item .reviews span.reviews-count {line-height: 1;display: none;margin-left: 3px;color: #333;text-align: left;font-weight: 600;font-size: 11px;} .product-items .product-item .name {margin-bottom: 5px;line-height: 1.25;overflow: visible;text-align: left;height: revert;float: left;border: 0px solid #333;width: 100%;background: #fff;border-radius: 5px;padding: 0 5px;} .product-items .product-item .name a {color: #000;font-size: 15px;text-align: center;float: left;width: 100%;padding: 4px 0;font-weight: 400;letter-spacing: -0.2px;} .product-items .product-items .product-item .description {color: #d7e0de;line-height: 1.25;text-align:left;} .product-items .product-item .product-id {font-size: 11px;margin: 0;} .product-items .product-item .ef-title {min-height: 21px;font-size: 12px;font-weight: 600;} .product-items .product-item .sale-price {color: #333;} del.original-price {font-weight: 400;} span.freeshipping {color: #00a888;} .product-items .product-item .status span:before {content: "-";} .product-items .product-item .status {font-size: 15px; line-height: 20px;margin: 0;float: right;width: 100%;position: relative;padding: 0; border-bottom: 0px solid #333;} .product-items .product-item .regular-price {color: #292929;padding: 0;display: inline-block;} .product-items .product-item .price {font-size: 15px;font-weight: 700;line-height: 20px;float: left;margin: 0 0 5px;width: 100%;} .product-items .product-item del.regular-price {text-decoration: line-through;position: absolute;font-size: 12px;width: 100%;left: 0;right: 0;bottom: -14px;color: #555;line-height: 15px;font-weight: 500;display:none;} .product-items .product-item .img {min-height: 220px;position: relative;border: 1px solid #ececec;background-color: #fff;margin: 0 0 5px;border-radius: 3px;} .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-item .on-sale-badge {position: absolute;top: 15px;right: 15px;background-color: #fca91d;color: #333;font-size: 13px;text-transform: uppercase;padding: 1px 12px;line-height: 16px;font-weight: 600;border-radius: 2px;} .product-items .product-item .action {float: left;width: 100%;margin: 10px 0 0;} .product-items .product-item .action .btn {background-color: #333;width: 100%;font-size: 16px; border: 1px solid #000;color: #fff;padding: 0;line-height: 35px;font-weight: 600;border-radius: 3px;} .product-items .product-item:hover .action .btn {color: #fff;background-color: #333333;opacity: 1;width: 100%;} .product-items .products-section h2:after {} .product-items .product-item .description.product-info .action {display: none;} .product-items .product-item .img .quickview {transition: all .3s linear 0s;font-weight: 600;display:none;} .product-items .product-item .img .ajaxcart-added.icon-ok {position: absolute;transition: 0.3s linear 0s;bottom: -113px;opacity: 0;} .product-items .product-item .img .ajaxcart-added.icon-ok.incart {position: absolute;z-index: 10;right: 0;background-color: #079b49;width: 140px;text-align: center;border: 2px solid #fff;top: auto;border-radius: 10px 10px 0 0;color: #fff;font-size: 12px;font-weight: 600;box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);line-height: 25px;height: 27px;/* transform: rotate(45deg); */display: block !important;opacity: 1;left: 0;margin: auto;bottom: -2px;} .paging {float: right;} .paging strong, .paging a {} .paging strong, .paging a:hover {color: #fff;background-color: #0f0f0f;text-decoration: none;} .page_header {margin: 0 0 10px;} .page_heading {margin: 0 0 0;line-height: 1;font-weight: 500;text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px solid #ececec;position: relative;font-size:25px;} .page_heading:after {display:none;content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 1px;border-bottom: 1px solid #000;} .category-header {margin: 20px 0 0;} .fullwidth-slider img{width: 100%;} .scrollToTop {position: fixed;right: 5px;display: none;z-index: 999;text-align: center;color: #000;border-radius: 0;width: 50px;font-size: 30px;height: 40px;line-height: 32px;bottom: 3px;background-color: #ffad22;border: 3px solid #2e2b2c;} .scrollToTop:hover{text-decoration:none;-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;} } @media(max-width: 991px) { .product-items .product-item .status {font-size: 13px;line-height: 20px;} } @media(max-width: 768px) { } @media(max-width: 767px) { } @media(max-width: 567px) { .product-items.product-items-1 .product-item, .product-items.product-items-2 .product-item, .product-items.product-items-3 .product-item, .product-items.product-items-4 .product-item, .product-items.product-items-5 .product-item, .product-items.product-items-6 .product-item {max-width: 270px;} .product-item .status span.availability {font-size: 12px;} } /*--------------------------------------------------------- MODAL -----------------------------------------------------------*/ .modal-dialog {top: 15%;} #loginModal .loginField.bt-flabels__wrapper {margin: 0 0 10px;} .modal-content {border: 2px solid #ccc;} button.close {float: right;font-size: 30px;opacity: 0.5;filter: alpha(opacity=50);} /*--------------------------------------------------------- QUICK VIEW -----------------------------------------------------------*/ .quickview {display: none;} .qv .addcart i {display: none;} /*--------------------------------------------------------- QUICK CART -----------------------------------------------------------*/ #viewCartQuick {padding: 20px 10px;float: left; width: 100%;} /*--------------------------------------------------------- HOME PAGE -----------------------------------------------------------*/ .top-lead {float: left;width: 100%;padding: 5px;box-shadow: 0 0 0 5px #fff inset;} .top-lead-inner {height: auto;padding: 10px;text-align: center;color: #fff;max-width: 1000px;margin: 0 auto;font-size: 11px;} .top-lead-inner span {display: block;border-bottom: 1px solid;font-size: 18px;margin: 0 0 5px;} .homepage-slider {position: relative;margin: 0;} .homepage-slider .container {padding: 0;max-width: 100%;} .homeCarousel.flexslider a {} .homeCarousel.flexslider img {margin: 0 auto;max-width: 100%;width: 100%;} #home section.products-section .container {position: relative; } #home section#modFeatured.products-section {padding: 10px 0;margin: 0;position: relative;height:480px;background-color: #f0f0f0;} #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: 10px 0;margin: 0;position: relative;height: 480px;background-color: #fafafa;} #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%;} .tcdprod-wrap .owl-item .product-item {width: 100% !important;padding:0 !important;} .tcdprod-wrap .owl-item .product-item .product-item-inner {border-radius: 0;} .tcdprod-wrap .owl-item .product-item .img {border: 0px solid #ececec;} .tcdprod-wrap .owl-nav {} .tcdprod-wrap .owl-nav button.owl-next {height: 60px;width: 30px;top: 25%;position: absolute;right: -13px;border: 3px solid #2e2b2e !important;background-color: #fff004 !important;box-shadow: 0px -50px 30px -30px #f0a625 inset;} .tcdprod-wrap .owl-nav button.owl-prev {height: 60px;width: 30px;top: 25%;position: absolute;left: -13px;border: 3px solid #2e2b2e !important;background-color: #fff004 !important;box-shadow: 0px -50px 30px -30px #f0a625 inset;} .tcdprod-wrap .owl-nav button.owl-next span {color: #000;font-size: 39px;top: -4px;position: relative;} .tcdprod-wrap .owl-nav button.owl-prev span {color: #000;font-size: 39px;top: -4px;position: relative;} #home.page-content {padding: 0;} .home-page-content .category-header {padding: 0;margin: 0;} .home-page-content .category-header.content-section {height: auto;width: 100%;background-color: #222;} .home-page-content .category-header .container {padding: 0;color: #111;font-weight: 500;font-size: 16px;border-bottom: 0px solid #000;max-width:100%;} .home-page-content .category-header img {margin: 0 auto;border: 0px solid #eee;} .home-page-content .category-footer { padding: 0px; margin: 0; background-color: #f6f6f6; border-top: 0px solid #ccc;} .home-page-content .category-footer .container {padding: 0;max-width: 100%;} .home-cat-wrapper {float: left;padding: 10px;width: 100%;height:auto;margin: -50px 0 0;} .home-cat-inner {max-width: 1400px; margin: 0 auto; width:100%;} .home-cat {float: left;width:25%;padding: 5px;margin: 0;} .home-cat a {float: left; width: 100%;position: relative;border-top: 5px solid #fbbb17; box-shadow: 0 -5px 15px -5px rgba(0,0,0,0.8);} .home-cat img {border:none !important;} .home-cat a > span {background-color: #fff004;float: left;width: 100%;color: #2e2b2c;position: relative;padding: 5px 5px 5px 10px;font-weight: 800;font-size: 16px;box-shadow: 0px -45px 30px -30px #f0a625 inset, 0 0 0 3px #2e2b2c;border: 0px solid #2e2b2c;transform: skew(-8deg);left: 0px;} .home-cat a > span > span { width: auto;line-height: 15px;color: #2e2b2c; float: none;padding: 0;transform: skew(8deg);display: inline-block;} .home-cat:nth-of-type(1) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-tacoma2.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} .home-cat:nth-of-type(2) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-4runner.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} .home-cat:nth-of-type(3) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-bronco2.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} .home-cat:nth-of-type(4) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-trx2.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} .home-cat:nth-of-type(5) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-lexus.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} .home-cat:nth-of-type(6) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-tundra.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} .home-cat:nth-of-type(7) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-landcruiser.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} .home-cat:nth-of-type(8) a:before {content: "";background-image: url(/assets/images/rogue/home-cat/home-cat-wheels.webp);background-size: 100% auto;position: absolute;top: 0;bottom: 0;right: 0; left: 0;} #home .header-specials {font-weight: 700;position: relative;width: 100%;margin: 0 0 -1px;padding: 5px;background: transparent;float: left;text-align: left;color: #333;font-size: 26px;height: 38px;border: 0px solid #ddd;border-radius: 4px 4px 0 0;} .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;} .video-wrap {position: relative;width: 100%;float: left;margin: 0;} #tcdvideo {position: absolute;max-width: 1920px;min-height: 100%;left: 0;right: 0;width: 100%;top: 0;bottom: 0;margin: auto;z-index:-1;} .tcd-video-fw-wrap {float: left;display: inline-block;width: 100%;border: 0px solid #777;max-width: 100%;background-size: 1920px auto;background-position: center;position: relative;height: 500px;overflow: hidden;} .tcd-video-fw-container{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:0;} .tcd-video-fw-container iframe{height:100%;left:0;position:absolute;top:0;width:100%} .video-overlay {position: absolute;z-index: 10;top: 0;width: 100%;padding: 20px 10%;text-align: left;background-color: rgba(255,255,255,0);} .video-text-wrap {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 200px;max-width: 479px;width: 100%;text-align: center;display:none;} .video-title {font-size: 30px;margin: 0 0 5px;font-weight: 700; color: #fff; text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);text-transform: uppercase;} .video-text span {display: block;font-weight: 700;font-size: 28px; color: #fff;margin: 10px 0 0; text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);text-transform: uppercase;} .video-wrap-two {position: relative;width: 100%;float: left;margin: 0;border: 2px solid #cccc;border-radius: 5px;box-shadow: 0 5px 15px 0 rgb(0 0 0 / 70%);} #tcdvideo-two {position: relative;max-width: 1920px;min-height: 100%;left: 0;right: 0;width: 100%;top: 0;bottom: 0;margin: auto;border-radius: 3px;} .tcd-video-fw-wrap-two {float: left;display: inline-block;width: 100%;border: 0px solid #777;max-width: 100%;background-size: 1920px auto;background-position: center;position: relative;height: auto;overflow: hidden;} .tcd-video-fw-container-two {height:0;overflow:hidden;padding-bottom:56.25%;padding-top:0;} .tcd-video-fw-container-two iframe{height:100%;left:0;position:absolute;top:0;width:100%} .video-overlay {position: absolute;z-index: 10;top: 0;width: 100%;padding: 20px 10%;text-align: left;background-color: rgba(255,255,255,0);} .video-text-wrap-two {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 200px;max-width: 479px;width: 100%;text-align: center;display:none;} .video-title-two {font-size: 30px;margin: 0 0 5px;font-weight: 700; color: #fff; text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);text-transform: uppercase;} .video-text-two span {display: block;font-weight: 700;font-size: 28px; color: #fff;margin: 10px 0 0; text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);text-transform: uppercase;} .month-feature-wrap {padding: 40px 0;margin: 0;background-color: #2f2b2c;border-top: 0 solid #ccc;overflow: hidden;float: left;width: 100%;position: relative;} .month-feature-wrap::before {content: "";background-image: url(/assets/images/rogue/go-rogue_bg.webp);background-size: 100px auto;top: 0;bottom: 0;position: absolute;background-attachment: fixed;background-repeat: repeat;opacity: 0.08;left: 0;right: 0;margin: auto;} .home-page-content .category-footer .container .month-feature-wrap .container {max-width: 1400px;position: relative;} .month-feature-left {float: left;width: 72%;padding: 0 5px;} .month-feature-right {position: relative;width: 28%;right: 0; height: 100%;padding: 10px 0 0;text-align: center; float: right;} .month-feature-right img {max-width: 92%;} .month-feature-right .month-feature-item {margin: 20px 0 0;} .home-mid-wrap {float: left;width: 100%;padding: 35px 0;} .home-mid-inner {max-width: 1400px;margin: 0 auto;} .home-mid-block {float: left;width: 50%;padding: 5px;} .home-mid-block img {padding: 5px; background: #333;border: 1px solid #ffad22;border-radius: 5px;} .home-mid-block h2 {font-weight: 700;margin: 0 0 15px;text-transform: uppercase;} .home-mid-buttons {margin: 15px 0 0;float: left;width: 100%;} .home-mid-buttons a.tcdmodal-btn.btn { float: left;width: 33.33%;margin: 0;text-transform: uppercase;font-weight: 600;font-size: 13px; border-radius: 0;color: #2e2b2c; border-right: 0px solid #fff;background-color: #fff004;box-shadow: 0px -45px 30px -30px #f0a625 inset, 0 0 0 3px #2e2b2c;transition: all 0.3s ease;padding:6px 0;} .home-mid-buttons a.tcdmodal-btn.btn:hover { float: left;width: 33.33%;margin: 0;text-transform: uppercase;font-weight: 600;font-size: 13px; border-radius: 0;color: #fff; border-right: 0px solid #fff;background-color: #2e2b2c;box-shadow:none;} @media(min-width:1720px) { #tcdvideo {height: 1080px;} } @media(max-width:1070px) { #tcdvideo {width: 1200px;left: -6%;} } @media(max-width:1040px) { #tcdvideo {width: 1200px;left: -8%;} } @media(max-width: 991px) { #tcdvideo {width: 1100px;left: -6%;} .home-mid-desc p {font-size: 12px;} .home-mid-buttons a.tcdmodal-btn.btn {font-size: 11px;} } @media(max-width: 860px) { #tcdvideo {width: 1100px;left: -15%;} .tcd-video-fw-wrap {height: 390px;} } @media(max-width: 800px) { #tcdvideo {width: 900px;left: -6%;} .tcd-video-fw-wrap {height: 375px;} } @media(max-width: 768px) { #tcdvideo {width: 900px;left: -9%;} .tcd-video-fw-wrap {height: 375px;} } @media(max-width: 767px) { } @media(max-width: 720px) { .tcd-video-fw-wrap {height: 365px;} #tcdvideo {width: 880px;left: -13%;} } @media(max-width: 680px) { .tcd-video-fw-wrap {height: 365px;} #tcdvideo {width: 880px;left: -14%;} } @media(max-width: 640px) { #tcdvideo {width: 767px;left: -10%;} .home-mid-block {width: 100%;} } @media(max-width: 567px) { .tcd-video-fw-wrap {height: 320px;} #tcdvideo {width: 767px;left: -18%;} .video-text-wrap { height: 160px;} .video-title {font-size: 21px;} .video-text span { font-size: 20px;} .video-text img { max-width: 300px;} .month-feature-right {width: 100%;padding: 0 10px;margin: 0 0 10px;} .month-feature-title {display: inline-block;width: 55%;} .month-feature-right .month-feature-item {margin: 0; display: inline-block;width: 40%;} .month-feature-left { float: left; width: 100%;padding: 0 10px;} } @media(max-width: 460px) { .tcd-video-fw-wrap {height: 260px;} #tcdvideo {width: 620px;left: -18%;} } @media(max-width: 420px) { #tcdvideo {width: 620px;left: -25%;} } @media(max-width: 380px) { .tcd-video-fw-wrap {height: 250px;} #tcdvideo {width: 600px;left: -35%;} } .tcdbrands-wrap {float: left;width: 100%;padding: 0;position: relative;border-top: 1px solid #ccc;background: #eee;text-align: center;display:none;} .tcdbrands-title {text-align: center;font-size: 26px;font-weight: 500;color: #292929;background-color: #eee; padding: 5px 0;border-bottom: 1px solid #292929;} #tcdbrands {max-width: 1400px;margin: 0 auto;position: relative;padding: 25px 5px;height:200px;float: left;} .tcdbrands-wrap .container {position: relative;} #tcdbrands .owl-item div {box-shadow: 0 0 0 1px #ccc inset;background-color: #fff;margin: 0;height: 150px;} #tcdbrands.owl-carousel .owl-item img {max-width: 100% !important;width: auto !important;position: absolute;max-height: 80px;top: 0;bottom: 0;margin: auto;left: 0;right: 0;height: auto;} #tcdbrands.owl-carousel .owl-dots {text-align: center;display:none;} #tcdbrands.owl-carousel button.owl-dot {background: 0 0;color: #333;border: 1px solid;font: inherit;padding: 5px !important; margin: 0 5px 0;border-radius: 15px;transition: all 0.3s ease 0s;} #tcdbrands.owl-carousel button.owl-dot.active {background: #333;} a.manu-link {float: right;font-size: 12px;margin: 5px 0 0;color: #fff;background: #ed5625;padding: 2px 5px;border-radius: 3px;} .owl-dots {display: none;} @media(max-width:1100px) { } @media(max-width:991px) { #home section#modFeatured.products-section {} #home section#modNewReleases.products-section .header-specials { left: 0;right: 0;} } @media(max-width:840px) { .home-cat {width: 50%;} } @media screen and (max-width: 767px) { .home-foot-right ul li {font-size: 13px; padding: 0 5px 0 0;} .home-foot-right p {font-size: 15px;} } @media screen and (max-width: 620px) { } @media screen and (max-width: 567px) { .home-page-content .category-header .container .content p {font-weight: 500;color: #222;letter-spacing: -0.3px;font-size: 14px;} .home-foot-left {float: left;width: 30%;} .home-foot-right {float: left;width: 70%;} #home section#modNewReleases.products-section, #home section#modFeatured.products-section {} } @media screen and (max-width: 520px) { } @media (max-width:479px) { .ftr-banner-left, .ftr-banner-right {width: 100%;} .ftr-banner img {width: 100%;} .home-cat-title {font-size: 12px;} } @media (max-width:380px) { .homepage-slider {} #home section#modNewReleases.products-section, #home section#modFeatured.products-section {} } @media (max-width:360px) { .homepage-slider {} } /*--------------------------------------------------------- INFO BLOCK -----------------------------------------------------------*/ #home .info-wrap {float: left;width: 100%;margin: 0;padding: 5px 0;border-top: 1px solid #000;border-bottom: 1px solid #000;background: #2e2b2c;} #home .info-inner {float: none;width: 100%;background: transparent;padding: 0;max-width: 1400px;margin: 0 auto;} #home .info-block {float: left;text-align: center;width: 25%;border-right: 1px solid #333;} #home .info-block:nth-last-of-type(1) {border: none;} #home .info-block-title {font-size: 16px;color: #fff;text-shadow: none;font-weight: 400;} #home .info-block-text {color: #ccc;position: relative;top: -5px;font-size: 12px;font-weight: 600;} #home .info-block-img {width: 35px;display: inline-block;height: 38px;top: 0px;position: relative;} #home .info-block-img i { font-size: 25px;color: #f8ee20;position: absolute;left: 0;right: 0;top: 0;bottom: auto;height: 25px;} #home .info-block-detail {display: inline-block;text-align: left;} @media(max-width: 991px) { #home .info-block-title {font-size: 17px;} } @media(max-width: 840px) { #home .info-inner {padding: 0;} #home .info-block {width: 50%;border: 1px solid #ccc;padding: 5px 0;} #home .info-block-img {width: 30px;height: 28px;top: 0px;position: relative;} #home .info-wrap {padding: 0;} #home .info-block {border: 0px solid #ccc;} #home .info-block:nth-last-of-type(1) {border: 0px solid #ccc;} #home .info-block:nth-last-of-type(2) {border-right: 1px solid #ccc;} #home .info-block:nth-last-of-type(3) {border-bottom: 1px solid #ccc;} #home .info-block:nth-last-of-type(4) {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;} #home .info-inner {padding: 0;} #home .info-block-title {font-size: 15px;} #home .info-block-text {top: -2px; font-size: 12px;} } @media (max-width:459px) { #home .info-block-img i {font-size: 23px;} #home .info-block-img {width: 30px;height: 28px;top: 0px;position: relative;} #home .info-block-title {font-size: 15px;} #home .info-block-text {top: -2px; font-size: 12px;} } .tcd-htab-wrap {float: left;width: 100%;padding: 35px 0;margin: 35px 0;background: #f6f6f6;overflow:hidden;} .tcd-htab-inner {max-width: 1400px;margin: 0 auto;} .tcdsky-tabs {position: relative;font-family: 'Poppins', sans-serif;font-size: 0;text-align: left;color: #666666;} .tcdsky-tabs > label a {color: #666666;text-decoration:none;} .tcdsky-tabs > input {position: absolute;display: none;} .tcdsky-tabs > label {position: relative;z-index: 1;display: inline-block;box-sizing: border-box;-moz-box-sizing: border-box;padding: 1px;padding-top: 0;padding-left: 0;font-size: 13px;line-height: 45px;cursor: pointer;} .tcdsky-tabs > label.inverse {float: right;padding-right: 0;padding-left: 1px;} .tcdsky-tabs > label.disabled {cursor: default;} .tcdsky-tabs > label span {padding: 5px;height: 60px;margin: 0;display: table;width: 100%;} .tcdsky-tabs > label span span {padding: 5px;background: #f0f0f0;text-transform: uppercase;transition: background 0.4s, color 0.4s;-o-transition: background 0.4s, color 0.4s;-ms-transition: background 0.4s, color 0.4s;-moz-transition: background 0.4s, color 0.4s;-webkit-transition: background 0.4s, color 0.4s;line-height: 1.15;text-align: center;font-weight: 600;font-size: 18px;display: table-cell;vertical-align: middle;box-shadow: 0 0 0 5px rgba(255,2552,255,0.9);-webkit-box-shadow: 0 0 0 5px rgba(255,2552,255,0.9);border: 1px solid #3f8acd;} .tcdsky-tabs > label:hover span span {background: #4a658c;color: #fff;} .tcdsky-tabs > label.disabled span span {background: transparent;color: inherit;} .tcdsky-tabs > input:checked + label {cursor: default;} .tcdsky-tabs > input:checked + label span span {background: #3f8acd;color: #fff;} .tcdsky-tabs > .switcher {display: none;} .tcdsky-tabs > .switcher a {display: block;margin: 0 -20px;padding: 0 20px;text-decoration: none;color: inherit;} .tcdsky-tabs > ul {list-style: none;position: relative;display: block;font-size: 13px;padding: 0;} .tcdsky-tabs > ul > li {position: absolute;top: 0;left: 0;width: 100%;overflow: auto;padding: 0;background: rgba(255,255,255,0.8);border-radius: 0 0 10px 10px;box-sizing: border-box;-moz-box-sizing: border-box;opacity: 0;-o-transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;-moz-transform-origin: 0% 0%;-webkit-transform-origin: 0% 0%;-o-transition: opacity 0.8s, -o-transform 0.8s; -ms-transition: opacity 0.8s, -ms-transform 0.8s; -moz-transition: opacity 0.8s, -moz-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;} .tcdsky-tabs > .tcdsky-tab-content-1:checked ~ ul > .tcdsky-tab-content-1, .tcdsky-tabs > .tcdsky-tab-content-2:checked ~ ul > .tcdsky-tab-content-2, .tcdsky-tabs > .tcdsky-tab-content-3:checked ~ ul > .tcdsky-tab-content-3, .tcdsky-tabs > .tcdsky-tab-content-4:checked ~ ul > .tcdsky-tab-content-4, .tcdsky-tabs > .tcdsky-tab-content-5:checked ~ ul > .tcdsky-tab-content-5, .tcdsky-tabs > .tcdsky-tab-content-6:checked ~ ul > .tcdsky-tab-content-6, .tcdsky-tabs > .tcdsky-tab-content-7:checked ~ ul > .tcdsky-tab-content-7, .tcdsky-tabs > .tcdsky-tab-content-8:checked ~ ul > .tcdsky-tab-content-8, .tcdsky-tabs > .tcdsky-tab-content-9:checked ~ ul > .tcdsky-tab-content-9, .tcdsky-tabs > .tcdsky-tab-content-10:checked ~ ul > .tcdsky-tab-content-10, .tcdsky-tabs > .tcdsky-tab-content-11:checked ~ ul > .tcdsky-tab-content-11, .tcdsky-tabs > .tcdsky-tab-content-12:checked ~ ul > .tcdsky-tab-content-12 {position: relative;z-index: 1;opacity: 1;} .tcdsky-tabs-pos-top-justify > label {padding-right: 0;padding-left: 1px;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-2 > label {width: 50%;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-3 > label {width: 33.33%;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-4 > label {width: 25%;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-5 > label {width: 20%;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-6 > label {width: 16.66%;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-7 > label {width: 14.28%;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-8 > label {width: 12.5%;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-9 > label {width: 11.11%;} .tcdsky-tabs-pos-top-justify > ul > li {-o-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;-moz-transform-origin: 50% 0%;-webkit-transform-origin: 50% 0%;} .tcdsky-tabs-anim-slide-down > ul > li {-o-transform: translateY(15%);-ms-transform: translateY(15%);-moz-transform: translateY(15%);-webkit-transform: translateY(15%);} .tcdsky-tabs > .tcdsky-tab-content-1:checked ~ ul > .tcdsky-tab-content-1, .tcdsky-tabs > .tcdsky-tab-content-2:checked ~ ul > .tcdsky-tab-content-2, .tcdsky-tabs > .tcdsky-tab-content-3:checked ~ ul > .tcdsky-tab-content-3, .tcdsky-tabs > .tcdsky-tab-content-4:checked ~ ul > .tcdsky-tab-content-4, .tcdsky-tabs > .tcdsky-tab-content-5:checked ~ ul > .tcdsky-tab-content-5, .tcdsky-tabs > .tcdsky-tab-content-6:checked ~ ul > .tcdsky-tab-content-6, .tcdsky-tabs > .tcdsky-tab-content-7:checked ~ ul > .tcdsky-tab-content-7, .tcdsky-tabs > .tcdsky-tab-content-8:checked ~ ul > .tcdsky-tab-content-8, .tcdsky-tabs > .tcdsky-tab-content-9:checked ~ ul > .tcdsky-tab-content-9, .tcdsky-tabs > .tcdsky-tab-content-10:checked ~ ul > .tcdsky-tab-content-10, .tcdsky-tabs > .tcdsky-tab-content-11:checked ~ ul > .tcdsky-tab-content-11, .tcdsky-tabs > .tcdsky-tab-content-12:checked ~ ul > .tcdsky-tab-content-12 {-o-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0);} .tcdsky-tabs .typography h1, .tcdsky-tabs .typography h2, .tcdsky-tabs .typography h3, .tcdsky-tabs .typography h4, .tcdsky-tabs .typography h5, .tcdsky-tabs .typography h6 {margin: 40px 0 0 0;padding: 0;text-align: left;color: #333;} .tcdsky-tabs .typography h1 {font-size: 33px;line-height: 1.15;font-weight: 700;color: #3f8acd;} .tcdsky-tabs .typography h2 {font-size: 34px;line-height: 44px;font-weight: 300;} .tcdsky-tabs .typography h3 {font-size: 28px;line-height: 36px;font-weight: 300;} .tcdsky-tabs .typography h4 {font-size: 22px;line-height: 30px;font-weight: 400;} .tcdsky-tabs .typography h5 {font-size: 16px;line-height: 23px;font-weight: 400;text-transform: uppercase;} .tcdsky-tabs .typography h6 {font-size: 14px;line-height: 20px;font-weight: 400;text-transform: uppercase;} .tcdsky-tabs .typography p {margin: 20px 0 0 0;padding: 0;line-height: 1.4;text-align: left;font-size: 20px;} .tcdsky-tabs .typography ul, .tcdsky-tabs .typography ol {list-style: none;margin: 20px 0 0 0;padding: 0;line-height: 20px;} .tcdsky-tabs .typography li {position: relative;margin-top: 5px;padding-left: 20px;} .tcdsky-tabs .typography li ul, .tcdsky-tabs .typography li ol {margin-top: 5px;} .tcdsky-tabs .typography ul li:before {content: '';position: absolute;top: 8px;left: 0;width: 4px;height: 4px;background: #333;} .tcdsky-tabs .typography ol {counter-reset: list1;} .tcdsky-tabs .typography ol > li:before {counter-increment:list1;content: counter(list1)'.';position: absolute;top: 0;left: 0;color: #333;} .tcdsky-tabs .typography a:hover {text-decoration: none;} .tcdsky-tabs .typography .pic {padding: 4px;border: 1px dotted #ccc;} .tcdsky-tabs .typography .pic img {display: block;} .tcdsky-tabs .typography .pic-right {float: right;margin: 0 0 10px 20px;} .tcdsky-tabs .typography .link {text-decoration: underline;color: #e01f26;cursor: pointer;} .tcdsky-tabs .typography .link:hover {text-decoration: none;} .tcdsky-tabs .typography h1:first-child, .tcdsky-tabs .typography h2:first-child, .tcdsky-tabs .typography h3:first-child, .tcdsky-tabs .typography h4:first-child, .tcdsky-tabs .typography h5:first-child, .tcdsky-tabs .typography h6:first-child, .tcdsky-tabs .typography p:first-child {margin-top: 0;} .tcdsky-tabs .typography .text-center {text-align: center;} .tcdsky-tabs .typography .text-right {text-align: right;} .tcdsky-tabs .typography p img {float: left;padding: 0px 10px 0 0;max-width: 35%;max-height: 250px;} .tcdsky-tabs > label img {display: block;max-width: 110px;margin: 0 auto;width:100%;} .tcdsky-tabs .typography h3 {border-bottom:1px solid;} .tcdsky-tabs .typography h3 span {color: #4a658c !important;font-weight: 600;} .tcdsky-tabs label:nth-of-type(1) > span span {border-radius: 0 !important;} .tcdsky-tabs label:nth-of-type(8) > span span {border-radius: 0 !important;} .tcdsky-tabs > label .fa {display: block;float: left;width: 18px;margin: 0 12px 0 -6px;font-family: FontAwesome;font-style: normal;font-size: 16px;line-height: 45px;text-align: center;-webkit-font-smoothing: antialiased;} .tcdsky-tab-content-8 .container {background: #f6f6f6;} .tcdsky-tab-content-10 .category-footer{margin:0;padding:15px 0;} @media screen and (max-width: 1030px) { .tcdsky-tabs > label span {height: 80px;} .tcdsky-tabs > label span span {padding: 5px;} } @media screen and (max-width: 680px) { } @media screen and (max-width: 670px) { .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-8 > label {width: 25%;} .tcdsky-tabs > label span span {} .tcdsky-tabs > label img {max-width: 50px;} .tcdsky-tabs label:nth-of-type(8) > span span {border-radius: 0 !important;} .tcdsky-tabs label:nth-of-type(4) > span span {border-radius: 0 10px 0 0 !important;} .tcdsky-tabs-pos-top-justify.tcdsky-tabs-amount-3 > label {width: 100%;margin:0;} .tcdsky-tabs > label span {height: 40px;padding: 0 0 5px;} } @media screen and (max-width: 460px) { .tcdsky-tabs .typography h1 {font-size: 25px;} } @media screen and (max-width: 400px) { .tcdsky-tabs > label span span {padding: 0;font-size: 14px;} } /*--------------------------------------------------------- FOOTER -----------------------------------------------------------*/ .tcd-footer {float: left;width: 100%;padding: 0 0 46px;background-color: #fff;border-top: 1px solid #ccc;} .tcd-footer .container {margin: 0 auto;max-width: 1400px;width:100%;} .tcd-footer-top {padding: 15px 0;float: left;width: 100%;} .tcd-footer-top-block ul.extrapages li {margin: 0;padding:0;} .tcd-footer-top-block ul.extrapages li a {color: #555;font-size: 13px;letter-spacing: 0px;text-transform: none;padding: 0;transition: all .3s linear 0s;-webkit-transition: all .3s linear 0s;line-height: 1.25;font-weight: 500;} .tcd-footer-top-block ul.extrapages li a:before {content: "\f105";font-family: 'fontello';font-size: 13px;display: inline-block;cursor: pointer;line-height: 20px;margin-right: 5px;} .tcd-footer-top-block.tcd-ftr-links i {float: left;width: 25px;text-align: center;margin: 0;} .tcd-footer-top-block.tcd-ftr-links p {display: inline-block;width: 80%;padding-left: 5px;letter-spacing: 0.5px;font-size: 14px;} .tcd-footer-top-block.tcd-ftr-links .phone a {color: #fff;text-decoration: none;} ul.extrapages li a:hover {padding: 0;text-decoration: none;color: #333;} ul.extrapages li a i{font-size: 8px;vertical-align: middle;} ul.payment-icons {text-align: center;color: #333;} ul.payment-icons li {font-size: 34px;line-height: 36px;vertical-align: middle;} .tcd-footer-top-block {float: left;width: 23%;padding: 5px;text-align: left;} .tcd-footer-top-block .ftr-logo {text-align: center;} .tcd-footer-top-block .social-icons .list-inline > li {float: none;width: auto;text-align: center;padding: 2px;} .tcd-footer-top-block .list-unstyled {padding-left: 0;list-style: none;margin: 0 auto;max-width: 100%;} ul.list-unstyled.store-info li {font-size: 13px;} ul.list-unstyled.store-info span {display: inline-block;width: 100%;color: #333;font-weight: 600;} ul.list-unstyled.store-info a { font-weight: 400; padding: 0 0 0 25px; display: inline-block;} .tcd-footer-top-block .list-inline {padding-left: 0;list-style: none;margin: 0 0 15px;} .tcd-footer-top-block .list-inline > li {margin: 0 0 5px;width:100%;} .tcd-footer-top-block .list-inline i {color: #000;padding: 0 5px 0 0;border-right: 2px solid #777;} .tcd-footer-top-block .list-inline .list-link {color: #fff;font-weight: 500;font-size: 14px;padding:0 0 0 5px;} .ftr-logo img {max-width: 270px;position: relative;width: 100%;height: auto;padding: 0;background-color: #fff;border: 0px solid #000;border-radius: 4px;} .tcd-footer-top-block.tcd-ftr-links:nth-of-type(1) {float: left;text-align: left; font-size: 12px;width: 31%;padding: 0 5% 0 0;} .ftr-about {color: #333; font-weight: 600;} .tcd-footer-right {float: right;width: 40%;} .tcd-footer-btm {display:none !important;float: left;width: 100%;padding: 20px 0 0;margin: 20px 0 0;border-top: 1px solid #000;} .tcd-footer-btm h5 {display: none;} .tcd-footer-btm-block {float: left;width: 50%;padding: 0;text-align: center;} .tcd-footer .subMenu {display: none;} .tcd-ftr-title.line-bottom {font-size: 15px;border-bottom: 0px solid #eee;color: #333;padding: 0;font-weight: 700;text-transform: uppercase;margin: 0 0 10px;} .tcd-ftr-title.line-bottom span {font-family:'Poppins', sans-serif;} .copyright {position: relative;margin-top: 10px;border-top: 1px solid #ccc;padding-top: 0px;padding-bottom: 0px;text-align: center;color: #fff;font-size: 13px;font-weight: 600;line-height: 30px;background: #e4e4e4;} .copyright .row {display:block;} .copyright_txt {float: left;width: 50%;line-height: 1.5;padding: 15px 0;color:#444;} .copyright_cc {float: right;text-align: center;width: 50%;padding: 18px 0;} .copyright_txt a {color: #333;display:block;} .copyright-social {float: right;width: 50%;display:none;} .tcd-mailing-wrap {float: left;width: 100%;line-height: 1;border-radius: 0;font-weight: 400;text-transform: none;padding: 8px 0;margin: auto;position: fixed;color: #fbbb17;text-align: left;background: #2e2b2c;border-top: 0px solid #000;bottom: 0;z-index: 100;} .tcd-mailing-wrap .container {max-width: 1400px;margin: 0 auto;width: 100%;} .tcd-mailing-right {float: left;width: 33.33%;padding: 0 10px;} .tcd-mailing-left {float: left;width: 33.33%;text-align: right;padding: 0 25px 0 0;border-right: 1px solid rgba(255,255,255,0.2);line-height: 40px;} .tcd-mailing-title {font-size: 16px;font-weight: 600;line-height: 1;} .tcd-mailing-title span {display: block;font-size: 11.5px; line-height: 1.25; font-weight: 400; letter-spacing: 0;color: #fff;} .mailist-box {width: 100%;float: left;margin: 0;padding: 0 10px;max-width: 100%;} .mailinglist-form {position: relative;border: 0px solid #000;background: transparent;padding: 0;} .mailinglist-input.form-control {max-width: 100%;color: #888;float: right;padding-right: 0px;height: 30px;background: #fff;border-radius: 2px;border: none;font-size: 13px;font-weight: 400;} .mailinglist-submit {float: right;color: #222;position: absolute;top: 0px;right: 0px;border: none;padding: 0 5px;height: 30px;line-height: 30px;transition: all 0.3s linear 0s;text-transform: none;font-weight: 800;font-size: 18px;background: transparent;} .mailinglist-submit:hover {} .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;} .social-media-fixed-wrap {float: left;width: 33.33%;} .social-media-fixed-wrap .social_icons {width: 100%;float: left;max-width: 100%;margin: 0;} .social-media-fixed-wrap .social_icons ul.list-inline {float: left;width: 100%;margin: 0;text-align: left;} .social-media-fixed-wrap .social_icons .list-inline > li {float: none;width: auto;text-align: left;padding: 0px;} .social-media-fixed-wrap .social_icons li a {line-height: 30px;text-align: center;font-size: 23px;width: auto;height: auto;padding: 2px;color: #fbbb17;} .social-media-fixed-wrap .social_icons li a span {padding: 0px;border-radius: 2px;box-shadow: none;border: 0px solid rgba(255,255,255,0.5);} @media (max-width:1200px) { } @media (max-width:991px) { } @media (max-width:767px) { .tcd-footer-top-block {width: 100% !important;} .tcd-footer-top-block .ftr-logo {text-align: center;} .tcd-footer-top-block .tcd-ftr-title.line-bottom {font-size: 16px;border-bottom: 2px solid #333;padding: 0 0 5px;} .tcd-footer-top-block ul.extrapages li {float: left; width: 33.33% !important;} .tcd-footer-top-block .list-unstyled {max-width: 100%;} .tcd-footer-top-block.tcd-ftr-links:nth-of-type(2) {display: none;} .tcd-footer {text-align: center;padding: 0 0 102px;} .tcd-mailing-wrap {padding: 10px 0;} .mailist-box {max-width: 360px;margin: 0 auto;float: none;padding: 10px 10px 5px;} .tcd-mailing-left {width: 100%;text-align: center;padding: 0;border: none;box-shadow: none;} .tcd-mailing-right {width: 100%;text-align: center;padding:0;} .tcd-mailing-title {font-size: 15px; font-weight: 500; line-height: 12px;} .tcd-mailing-title span {display: none;} .social-media-fixed-wrap {width: 100%;} .social-media-fixed-wrap .social_icons li a {font-size: 20px;padding: 2px 5px;} .social-media-fixed-wrap .social_icons ul.list-inline { text-align: center;} } @media(max-width: 567px) { .tcd-footer-top-block .list-unstyled { padding-left: 0; float: left; width: 100%;} .tcd-footer-top-block ul.extrapages li {width: 50% !important;} } /*--------------------------------------------------------- Contact -----------------------------------------------------------*/ .store-name i {display: none;} .store-location.item, .store-phone.item, .store-email.item {} .store-address1::before {content: "Mailing Address";position: relative;font-weight: 600;display: block;} /*--------------------------------------------------------- CHECKOUT -----------------------------------------------------------*/ body.checkout-1 {padding: 0 !important;} .checkout-1 {padding: 0;font-size:12px;} .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: 1200px;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;} .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 #333;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: #ffce10;line-height: 20px;color: #000;border: 1px solid;right: -18px;top: -2px;} .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;} .checkout-1 .sameasbilling_radio[for="sameasbilling_radio"] span {color: #920000 !important;} .checkout-1 .quickpay.checkout-section {display: none;} @media (max-width:991px) { .checkout-1 div#checkout-right {padding: 0;} .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%;} } /*--------------------------------------------------------- ADA COMPLIANCE -----------------------------------------------------------*/ .ada-label {position: absolute;} /*--------------------------------------------------------- THEME RESPONSIVE -----------------------------------------------------------*/ @media(max-width:1340px) { } @media(max-width:1200px) { .product-item .name {} .product-item .name a {font-size: 13px;padding: 3px 5px;} } @media(max-width:1070px) { } @media(max-width: 991px) { body {padding-top: 0px;} .header-spacer {padding-top: 133px;} .site-header {height: 70px;} .site-header .container {height:70px;} ul.top-menu {display:none;} .header-inner {height: 70px;} .header-links {right: 0;top: 0;height: 35px;bottom: auto;margin: auto; background: transparent;padding: 0;border-radius: 0 0 0 8px;border-left: 4px solid #2e2b2c;border-right: 0px solid #2e2b2c;border-bottom: 4px solid #2e2b2c;} .top-links {display:none;} .navbar.navbar-inverse {border-bottom: 0px solid #333;} #searchBox {left: 0;width: 100%;height: 31px;padding: 0 195px 0 0;border-radius: 0 0 0 4px;} #searchBox .form-control.search-text {height: 31px;border-radius: 0 0 0 5px;border-right: 0px solid;} #searchBox .search-form .search-submit {right: 0;height: 25px;line-height: 25px;} .head-mobile-nav {display: block;} .tcdmenu {background: transparent;top: -145px;border-top: 0px solid #333;border-bottom: 0px solid #333;} .tcdmenu > ul > li {display: none;} .tcdmenu > ul > li.dropdown.tcdm-login {display: block;top: 58px;right: 105px;border-left: 2px solid #000;} .tcdmenu > ul > li.dropdown.tcdm-login > a {font-size: 12px;text-transform: none;height: 32px;color: #2e2b2c;border-right: 2px solid #2e2b2c;padding: 0 5px;text-shadow: none;} #mobile-menu-trigger {top: auto;left: 2px;color: #fff;position: absolute;z-index: 100;bottom: 30px;font-size: 35px;} #mobile-menu-trigger::after {content: "menu";font-size: 11px;position: absolute;left: 0;right: 0;margin: auto;width: 100%;text-align: center;bottom: -7px;color: #fcb219;letter-spacing: -0.2px;font-weight: 600;} .head-mobile-nav > a {color: #fff;font-size: 28px;line-height: 1;} .logo img {max-width: 200px;left: 42px;top: -35px;} .collapse.in{display:block !important;} .footer-info .footer-block img {max-width: 85%;} .tcdprod-wrap {position: relative;} .header-mid {position: absolute;top: 15px;right: 0;left: 0;margin: auto;width: 100%;height: 46px;bottom: auto;line-height: 46px;padding: 0 0 0 250px;} .header-mid-block {float: left;width: 33.33%;padding: 0 25px;text-align: center;} } @media(max-width: 867px) { } @media(max-width: 820px) { .product-items .product-item .name a {font-size: 13px;} } @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%;} .header-links {right: 0; top: 0; height: 35px; bottom: auto; margin: auto; background: transparent; border-radius: 0 0 0 8px;width: 100%;padding: 0 0 0 250px; border: none;} #searchBox {left: 0;width: 100%;height: 31px;padding: 0 196px 0 0;position: relative;border-radius: 0 0 0 5px;} .header-links > ul > li { top: -31px;} } @media(max-width: 720px) { } @media(max-width: 567px) { .header-spacer {padding-top: 133px;} .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 .img {min-height: 170px;} .copyright_txt {float: left;width: 100%;line-height: 1.5;padding: 20px 0 5px;border-right: 0px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);} .copyright_txt a {display: block;} .copyright_cc {width: 100%;padding: 8px 0;} .logo img {max-width: 128px;left: 38px;top: -35px;} #searchBox {padding: 0;border-radius: 0; top: 10px; left: 0;} #searchBox .form-control.search-text {border-radius: 0;} .tcdmenu > ul > li.dropdown.tcdm-login { top: 63px;right: 105px;border-left: none;} .tcdmenu > ul > li.dropdown.tcdm-login > a {font-size: 10px;height: 30px;color: #fff; border-right: none;margin: 1px 0 0; font-weight: 400;} .tcdmenu > ul > li.tcdm-login a span {top: 3px;font-size: 9px; padding: 0;left: 0;letter-spacing: 0;} .header-links { right: 0;height: 0;border-radius: 0;padding: 0 10px 0 165px;} .header-links > ul > li { top: -62px;right: -10px;width: 85px;} .header-link-title.title-cart {text-align: left; color: #fff;font-size: 11px;line-height: 6px;margin: 7px 0 0;} .header-link-title.title-cart > span { font-size: 11px; font-weight: 600;color: #ffcf13;} .header-links img {max-height: 18px;margin: 5px 0 0;filter: invert(1);} .top-header,.logo,.header-inner,.header-links {z-index: 0;} .header-inner,.header-links,.site-header .container {height: 0;} } @media(max-width: 520px) { .info-bar {display: none;} } @media(max-width: 460px) { .tcdmenu > ul > li.dropdown.tcdm-login {right: 100px;} .info-bar {display: none;} } @media(max-width: 420px) { .product-items .product-item .action .btn {font-size: 12px;} .product-items .product-item .price {font-size: 16px;} } @media(max-width: 390px) { } @media(max-width: 359px) { }