body {font-family:'Poppins', sans-serif;color: #464646;line-height: 1.5;padding-top:0;overflow-x: hidden;} .container {width: 100%;max-width: 1400px;} .page-content .container {padding: 0 10px;} .page-content {min-height: 450px;height: auto !important;} img {max-width: 100%;} .primary-bg {background: #644a3b;color: #fff;} .secondary-bg {background:#f6f6f6;color: #222;} .btn.btn-checkout {background: #644a3b;} h1 {font-size: 30px;} .header-specials {color: 201f1e;text-transform: uppercase;border-bottom: 0px solid #ddd;padding: 10px;margin-bottom: 25px;} .titles {margin: 0 0 20px;font-size: 18px;font-weight: 400;letter-spacing: 0;} section, .site-footer {float: left;width: 100%;} a {color: #b72029;text-decoration: none;font-weight: 600;} a:hover {color: #761713;text-decoration: none;} a:focus {} p a {color: #4356ca;text-decoration: underline;font-weight: 600;} p a.links1 {color: #4356ca;font-weight: 600;text-decoration: none;} p a.links1:hover {color: #ff3333;text-decoration: underline;} :focus {box-shadow: none !important;outline: none !important;color: inherit !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;margin: auto;height: 18px;padding: 0;line-height: 23px;width:10px;} .btn {font-size: 13px;padding: 8px 12px;font-weight: 400;text-transform: uppercase;} .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: #761713;border-color: #000;opacity: 0.8;} .btn-default.btn-inverse, .btn-primary {color: #fff;background-color: #761713;border-color: #000;} .btn-default.btn-inverse:hover, .btn-primary:hover {color: #fff;background-color: #201f1e;border-color: #000;opacity: 0.8;} .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: 1700px;width:100%;} .navbar.navbar-inverse {margin-bottom: 0;border: none;background-color: transparent;min-height: 36px;position: relative;top: 0;width: 100%;z-index: 100;} .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;} /*--------------------------------------------------------- MISC LINKS -----------------------------------------------------------*/ .category-header a {text-decoration: underline;} .r-tabs a {text-decoration: underline;} /*--------------------------------------------------------- HEADER -----------------------------------------------------------*/ .top-links {float: left;} .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 6px;line-height: 30px;font-size: 10px;text-transform: uppercase;letter-spacing: 1px;} .top-header {background: #222;padding: 0;text-align: center;height: 30px;border-bottom: 1px solid #000;} .top-links ul li.top-phone {font-size: 14px;padding: 0 10px 0 0;margin: 0 5px 0 0;color: #fff;line-height: 30px;border-right: 1px solid;} ul.top-login {margin: 0;padding: 0;width: auto;float: right;list-style: none;} ul.top-login li {list-style: none;} ul.top-login li .iconify {float: left;width: auto;height: 30px;line-height: 30px;padding: 4px;color: #ccc;} ul.top-login li .header-link-title {line-height: 30px;} ul.top-login li .header-link-title a {float: left;color: #fff;font-size: 12px;padding: 0 5px;text-transform: uppercase;} ul.top-login li .header-link-title a:nth-of-type(1) {border-right: 1px solid #ccc;} .logo {} .logo img {position: absolute;top: 0;right: auto;bottom: 0;left: 0;margin: auto;max-width: 200px;width: auto;z-index: 11;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .navbar.navbar-inverse.tcdfixed .logo img {max-width: 110px;} .logo a:hover img {} .site-header {padding: 0;height: 165px;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;background-image: url(/assets/templates/carbparts-core/images/header-bg.jpg);background-size: 80px auto;} .site-header .container {position: relative;height: 123px;width: 100%;max-width: 1400px;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .header-inner {position: relative;height: 123px;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;background-color: rgba(255,255,255,0.95);} .navbar.navbar-inverse.tcdfixed .header-inner {height: 78px;} .navbar.navbar-inverse.tcdfixed .site-header {height: 120px;} .navbar.navbar-inverse.tcdfixed .site-header .container {height: 78px;} .head-mobile-nav {display: none;} .head-mobile-nav > a {color: #000;font-size: 24px;line-height: 1;} #searchBox {position: absolute;width: 100%;padding: 0 300px 0 320px;height: 75px;top: 0;bottom: 0;margin: auto;} #searchBox form {position: relative;} #searchBox .search-form {position: relative;} #searchBox .form-control.search-text {color: #000;font-family: poppins,sans-serif;font-size: 13px;padding: 9px 90px 9px 12px;height: 45px;border: 2px solid #222;} #searchBox .search-form .search-submit {position: absolute;top: 0;right: 0;width: auto;height: 100%;text-align: center;font-size: 14px;padding: 0 15px;background-color: #b72029;border-color: #761713;font-weight: 600;} #searchBox .search-form input#searchlight.st-default-search-input {max-width: 93%;padding: 10px 0 10px 30px; font-size: 20px; width: 100%; border-radius: 0; border: 2px solid #222;} #searchBox .search-form .st-default-search-input, .st-ui-search-input, span.st-ui-search-icon {-moz-background-size: 17px 17px;background-size: 17px 17px;background-position: 8px 10px;} .tcdmenu-wrapper {background: #eee;height: 42px;margin: auto;max-width: 100%;padding: 0;position: absolute;text-align: center;width: 100%;z-index: 10;top: auto;left: 0;right: 0;bottom: 0;border-top: 0 solid #eee;border-bottom: 1px solid #761713;box-shadow: 0 5px 4px 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 5px 4px 0 rgba(0,0,0,.3);} .tcdmenu {max-width: 1400px;margin: 0 auto;position: relative;} .tcdmenu ul {border-radius: 0;display: inline-block;list-style: outside none none;margin: 0 auto;padding: 0;position: relative;right: 0;width: 100%;max-width:1400px;} .tcdmenu ul li {border-right: 0px solid rgba(255, 255, 255, 0.1);display: inline-block;position: relative;padding: 0;text-align: center;float: left;} .tcdmenu ul li:last-child ul {right: 0;left: auto;} .tcdmenu ul li a {color: #454545;display: inline-block;font-size: 14px;font-weight: 600;height: auto;letter-spacing: 0px;padding: 0 15px;text-decoration: none;transition: all 0.2s linear 0s, color 0.2s linear 0s;vertical-align: middle;text-transform: uppercase;line-height: 42px;width: 100%;} .tcdmenu > ul > li > a {height: 42px;} .tcdmenu > ul > li:hover > a {border: medium none;box-shadow: 0 52px 0 0 #b72029 inset;-webkit-box-shadow: 0 52px 0 0 #b72029 inset;color: #fff;} .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: 0;border-bottom: 5px solid #761713;margin-top: 20px;text-align: left;padding: 5px;width: 300px;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6);-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6);-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;} .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 #eee;} .tcdmenu ul ul li a { background: #ffffff none repeat scroll 0 0; color: #555555 !important; font-size: 14px; font-weight: 600; line-height: 16px; padding: 5px; text-transform: uppercase; float:left; width: 100%;} .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: -1px; left: 100%; padding: 0;} .tcdmenu ul li a.subcat:hover { background: #f4f4f4 none repeat scroll 0 0 !important;} .tcdmenu .arrow { display: none;} .tcdmenu ul ul ul li a { box-shadow: none !important;} .tcdmenu ul ul li a.subcat:hover { background: #271402 !important; color: #fff !important;} .tcdmenu > ul > li.dropdown ul {display:block;} .tcdmenu > ul > li.dropdown > a::after {content: '\f107';font-family: 'fontello';position: relative;left: 5px;color: #761713;} .tcdmenu > ul > li.dropdown > a:hover::after {color: #fff;} .tcdmenu > ul > li:nth-of-type(1) {position: initial;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu {right: auto;width: 220px;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li a {font-size: 13px;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu ul.subMenu.tcdwide {width: 900px !important;max-width: 900px;left: 220px;right: 0;top: 0;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu ul.subMenu.tcdwide li {float: left;width: 25%;} .tcdmenu ul ul ul li a {box-shadow: none;font-size: 12px;line-height: normal;text-transform: none;padding: 2px 5px;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li.dropdown {position: initial;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li a:hover {background: #b72029;color: #fff !important;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li.dropdown:nth-of-type(4) li {width: 33.33%;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li.dropdown:nth-of-type(4) li a {font-size: 12px;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li.dropdown:nth-of-type(5) li {width: 33.33%;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li.dropdown:nth-of-type(5) li a {font-size: 12px;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu.tcdwide.scrollingag {max-height: 370px;overflow: auto;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu.tcdwide.scrolling .scroll-note-inner {display:none;float: left;width: 100%;height: 30px;line-height: 30px;background: #b72029;color: #fff;font-weight: 600;text-transform: uppercase;padding: 0 0 0 10px;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu.tcdwide.scrollingag .scroll-note-inner {display:block;float: left;width: 100%;height: 30px;line-height: 30px;background: #b72029;color: #fff;font-weight: 600;text-transform: uppercase;padding: 0 0 0 10px;} .tcdmenu > ul > li:nth-of-type(3) ul.subMenu {width: 800px;left: -100%;} .tcdmenu > ul > li:nth-of-type(3) ul.subMenu li {float: left;width: 33.33%;} .tcdmenu > ul > li:nth-of-type(3) ul.subMenu li a {font-size: 13px;} @media(max-width: 1140px) { .subMenu.tcdwide.scrolling {max-height: 370px;overflow: auto;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu {right: auto;width: 180px;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu ul.subMenu.tcdwide {left: 180px;width: 800px !important;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li a {font-size: 12px;text-transform: none;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu li.dropdown:nth-of-type(5) li {width: 33.33%;} .tcdmenu > ul > li:nth-of-type(1) ul.subMenu.tcdwide.scrolling .scroll-note-inner {display:block;} } /*.tcdmenu > ul > li:nth-last-child(3) ul {width: 640px;right: -50%;left: auto;} .tcdmenu > ul > li:nth-last-child(3) ul li {float: left;width: 33.33%;} .tcdmenu > ul > li:nth-last-child(3) ul li a {font-size: 14px;padding: 5px;}*/ /*--------------------------------------------------------- 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: 12px !important;font-weight: 400;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: #b72029 !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: #f5f5f5; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);} #mobacc ul ul li:first-child > a {box-shadow: none;} #mobacc ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);} #mobacc ul ul ul li a {padding-left: 30px;} #mobacc ul ul li.dropdown > a::after {display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 0 solid #eeeeee; border-left: 0 solid #eeeeee; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} #mobacc ul ul li.active > a::after, #mobacc ul ul li.open > a::after, #mobacc ul ul li > a:hover::after {border-color: #ffffff;} #mobacc .arrow {background-color: #fff;height: 32px;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: #000;padding: 6px 15px;border-bottom: 1px solid #eee;} #mobacc ul ul li a.cat {background: #111;} #mobacc ul ul li a.subcat {font-size: 14px !important;padding: 8px 15px !important;border-bottom: 1px solid #e0e0e0;} #mobacc .dropdown i {bottom: 0;height: 30px;left: 0;margin: auto;padding: 0;position: absolute;right: 0;top: 0;width: 30px;font-size: 20px;} #mobacc > ul > li.dropdown .arrow .icon-angle-right::before {;margin: 0 !important;padding: 0;font-size: 28px;} #mobacc > ul > li.dropdown .arrow .icon-angle-right {transition: all 0.3s linear 0s;color: #201f1e;} #mobacc > ul > li.dropdown.open .arrow .icon-angle-right {transform: rotate(90deg);-webkit-transform: rotate(90deg);color: #201f1e;} #mobacc > ul > li.dropdown .arrow {display: block !important;} #mobacc > ul > li.dropdown .arrowtwo .icon-angle-right::before {;margin: 0 !important;padding: 0;font-size: 28px;} #mobacc > ul > li.dropdown .arrowtwo .icon-angle-right {transition: all 0.3s linear 0s;color: #201f1e;} #mobacc > ul > li li.dropdown.open .arrowtwo .icon-angle-right {transform: rotate(90deg);-webkit-transform: rotate(90deg);color: #201f1e;} #mobacc > ul > li li.dropdown .arrowtwo {background-color: #fff;height: 30px;position: absolute;top: 0;right: 0;width: 45px;z-index: 15;cursor: pointer;border-left: 1px solid #ccc;} #mobacc > ul > li li.dropdown .arrowtwo {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: 250px;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(-250px,0);-ms-transform: translate(-250px,0);-o-transform: translate(-250px,0);transform: translate(-250px,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: #eee;padding: 5px 0;text-align:center;} .mobile-menu-close img {max-width: 170px;margin: 0 auto;} .mobile-menu-close a {color: #000;display: inline-block;line-height: 1;font-size: 18px;text-decoration: none;background: #fff;width: 23px;text-align: center;height: 30px;line-height: 30px;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: 12px;color: #222;font-weight: 400;text-decoration: none;border-bottom: 1px solid #eee;} .mobile-menu-widget h3 {margin: 0;text-align: center;background:#761713;color: #fff;border-bottom: 0px solid #fff;font-size: 16px;line-height: 35px;} /*--------------------------------------------------------- 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;} 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: #018952;letter-spacing: 0;font-weight: 600;font-size: 20px;} .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;} .coupons-area.cart-detail-item {/*display: none;*/} @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%;}*/ .header-links #maincart a:hover .cart-details span.cart-title {color: #333;} .alert-warning {background-color: #222;border-color: #333;color: #fff;} .minicart {float: none;position: relative;width: auto;padding: 0 10px 0 0;} .minicart-inner {cursor: pointer; color: #646464;} .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 span.cart-count {color: #676767;font-size: 10px;display: block;line-height: 15px;font-weight: 400;float: left;width: auto;}*/ .minicart .cart-details span.cart-count .minicart-items {text-align: left;padding-top: 0;font-size: 16px;font-weight: 600;position: relative;height:20px;background: 0 0;line-height: 20px;bottom: 0;margin: auto;letter-spacing: 0;float: left;width: auto;color: #b72029;} .minicart .cart-details span.cart-count {display: block;float: left;width: auto;margin: 0 6px 0 0;} .minicart .cart-details span.cart-count .minicart-items::before {content: "Items: ";color: #000;} .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: 52px;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;} #dropcart .container {width: 100%;padding: 0 15px;} .header-links #maincart.cart-expanded #dropcart {right: 0;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: 352px;box-shadow: 0 0 8px 1px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.5);border-radius: 0 0 4px 4px;} #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: 425px;overflow-y: auto;} #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: 12px;letter-spacing: -0.5px;line-height: 1;} #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: 51px;left: auto;right:7%;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: 13px;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: #201f1e;background: #fff;width: 100%;} #dropcart #cart-right .cart-box-sticky .checkout-btns a:hover {background: #333;border-color: #333;color: #fff;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: 352px;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;} /*--------------------------------------------------------- SIDEBAR -----------------------------------------------------------*/ .sidebar-widget .product-item .img {min-height: 90px;padding-top: 0;} .sidebar-widget .product-item .img img {position: absolute;top: 0;} /*--------------------------------------------------------- CUSTOM PAGE -----------------------------------------------------------*/ ul.sub_pages {list-style: none;} .gallery-wrap {display: inline-block;width: 100%;} .gallery-item {float: left;width: 25%;padding: 1%;text-align: center;} .gallery-block {display: inline-block;width: 100%;} .gallery-block-item {position: relative;float: left;width: 20%;overflow: hidden;height: 220px;border: 2px solid #fff;} .gallery-block-item a img {position: absolute;left: -40%;right: 0;top: 0;bottom: 0;margin: auto;max-width: 180%;} /*--------------------------------------------------------- CATEGORY -----------------------------------------------------------*/ #category .container {max-width: 1400px;} /*#category .category-header {text-align: center;}*/ .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: 5px;margin: 0;} .subcategories > ul > li > a {color: #000;text-decoration: none;display: block;transition: all .25s ease-out;border: 1px solid #ccc;} .subcategories > ul > li > a:hover {} .subcategories > ul > li span.category-img {display: block;position: relative;width: 100%;height: 150px;padding-top: 0;} .subcategories > ul > li span.name {color: #000;font-size: 13px;font-weight: 400;text-transform: uppercase;margin: 0;background: #ccc;padding: 2px;transition: all .25s ease-out;} .subcategories > ul > li > a:hover .name {background: #b72029;color: #fff;} .category-products {padding: 15px 0 30px;} .category-actions {padding: 0 0 35px;margin: 0 0 35px;border-bottom: 1px solid #ececec;} .view-as-btn {display: none;} .subcategories .desc {display: none;} /*--------------------------------------------------------- SEARCH RESULTS -----------------------------------------------------------*/ #search .product-items .shrt-desc {display: none;} /*--------------------------------------------------------- CUSTOM IMAGE MAP -----------------------------------------------------------*/ .img-map {text-align: center;} .img-map-inner {display: inline-block;position: relative;} .img-map-inner a {background: rgba(0,0,0,0);border-radius: 5px;transition:all 0.3s ease 0s;} .img-map-inner a:hover {background: rgba(187, 96, 48, 0.65);} /*--------------------------------------------------------- LISTING -----------------------------------------------------------*/ #listing .sub-section {margin: 0;} #listing .container {max-width: 1400px;} #listing h1.page_headers {padding: 5px 10px;font-size: 20px;color: #000;border-bottom: 2px solid #000;} #listing .product-reviews {margin: 0 0 5px;} #listing .product-id {margin: 0;} #listing_main_image_link img {max-height: 300px !important;} body section#listing div form#add div div div#main-image a#listing_main_image_link > .mz-figure > img {max-height: 300px!important;width: auto !important;} #listing .addl-images.addl-images-ready {margin: 5px 0;} #listing .addl-images .slides {padding: 0 0 1px;} #listing .addl-images ul.slides li a {background-color: transparent;border: 1px solid #bbb;} #listing .extra_field {margin-bottom: 0;} #listing .pricingBlock .retailprice {text-decoration: line-through;margin: 5px 0;} #listing .header > h4.page_heading {margin-bottom: 10px;} #listing .quantityBlock .quantity-table {margin-top: 0;} #listing .table > thead > tr > th {border-bottom: 0px solid #ddd;} #listing .review-count-block {display: inline-block;} #listing .special-actions {background: #fff;margin: 0 0 10px;float: left;width: 100%;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;} #listing .special-actions > span {float: left;width: 50%;margin: 0;border-right: 1px solid #ccc;} #listing .special-actions > span a, #listing .special-actions > span button {float: left;width: 100%;} .special-action .btn-link {color: #b72029;} #listing .product-details .short-description {display: none;} #listing .accessoriesBlock.sub-section {margin: 0;} #listing .addToCartBlock.sub-section {margin: 10px auto 0;background: #eee;padding: 10px;border: 1px solid #ccc;display: inline-block;width: 100%;position: relative;float: left;} #listing .btn.btn-addcart {font-size: 18px;vertical-align: middle;text-transform: none;padding: 8px 15px 8px 10px;font-weight: normal;} #listing .social-bookmarking {float: right;position: relative;padding: 7px 0 3px 15px;border-left: 1px solid #ccc;} #listing label.qty-input {vertical-align: middle;font-size: 13px;margin: 5px 10px 0;} #listing .qtybox-addcart.form-group label:nth-of-type(1) {position: absolute;top: 1px;font-size: 10px;margin: 0;left: 21px;text-transform: uppercase;} #listing .qty-input input[type="text"] {border: 0px solid #ececec;} #listing .qtybox-addcart.form-group {margin: 0;float: left;} #listing .category_breadcrumbs.sub-section {display: none;} #listing .qaLink {font-weight: 400;} .listing-page .breadcrumnb {padding: 8px 0;background: #aaa;margin: 0 0 15px;} .listing-page .breadcrumnb ol li {line-height: 1;font-size: 12px;color: #000;} .listing-page .breadcrumnb ol li > a {color: #fff;font-weight: 600;font-size: 12px;} .listing-page .breadcrumnb ol li > span, .listing-page .breadcrumnb ol li:last-child > a {color: #000 !important;} #listing #waitinglist-btn {width: 100%;} /*--------------------------------------------------------- LISTING ACCESSORIES -----------------------------------------------------------*/ .accessoriesBlock .product-items .product-item {margin-bottom: 0px !important;width: 100% !important;display: inline-block;max-width: 100% !important;padding: 5px 0 0;height: auto !important;} .accessoriesBlock .page_heading {margin: 0;font-size: 12px;line-height: 30px;padding: 0 0 0 5px;} .accessoriesBlock input[type="checkbox"] {margin: 8px 0 0;line-height: normal;} .accessoriesBlock .icon-sale-label {display: none;} .accessoriesBlock .product-items .product-item .item-inner {padding: 0 0 0 100px;background: transparent;box-shadow: none;border-bottom: 1px solid #ececec;border-radius: 0;min-height: 50px;} .accessoriesBlock .product-items .product-item .img {margin-bottom: 0;position: absolute;overflow: hidden;width: 65px;left: 30px;top: 0;padding: 0;min-height: 0px;border: none;height: 100%;background: transparent;border-right: 1px solid #eee;border-left: 1px solid #eee;} .accessoriesBlock .product-items .product-item img {max-height: 50px !important;position: absolute !important;padding: 0;width: auto !important;} .accessoriesBlock .product-items .product-item .action {position: absolute;left: 5px;top: 2px;bottom: auto;margin: auto;height: 22px;} .accessoriesBlock .product-items .product-item .item-inner .item-info {text-align: left;padding-top: 0;} .accessoriesBlock .product-items .product-item .item-inner .item-info .item-title {font-size: 12px;margin-bottom: 0;font-weight: 400;position: absolute;padding: 5px 0 0 55px;top: 0;} .accessoriesBlock .product-items .product-item .special-price {padding: 1px 0 0;font-weight: 600;font-size: 14px;letter-spacing: -1px;color: #500101;display: inline-block;position: relative;} .accessoriesBlock .product-items .product-item .regular-price {padding: 1px 0 0;font-weight: 600;font-size: 14px;letter-spacing: -1px;color: #500101;display: inline-block;position: relative;} .accessoriesBlock .product-items .product-item .item-inner .item-info .item-title a {display: block;overflow: hidden;padding: 0;font-size: 13px;font-weight: 500;text-transform: none;height: auto;letter-spacing: 0;} //.listdivTableBody{column-count:2;column-gap:0} .listdivTable{display: table;width: 100%;} .listdivTableBody{column-count:3;column-gap:0} .listdivTableRow{border:1px solid #fff;margin:0} .listdivTableCell{background:#eee;padding:2px 5px} @media only screen and (max-width:991px){ .listdivTableBody{column-count:3;column-gap:0} } @media only screen and (max-width:460px){ .listdivTableBody{column-count:2;column-gap:0} } // prints carb nums at the bottom of the applications .listdivTableB{display: table;width: 100%;} .listdivTableBodyB{column-count:6;column-gap:0} .listdivTableRowB{border:1px solid #fff;margin:0} .listdivTableCellB{background:#eee;padding:2px 5px} @media only screen and (max-width:991px){ .listdivTableBodyB{column-count:3;column-gap:0} } @media only screen and (max-width:460px){ .listdivTableBodyB{column-count:2;column-gap:0} } /*--------------------------------------------------------- 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 {margin:0;} .product-items .product-item {padding: 0 5px;text-align: center;margin-bottom: 10px;} .product-items .product-item .product-info {} .product-items .product-item .reviews {margin-bottom: 5px;min-height: 21px;text-align: center;} .product-items .product-item .reviews span.reviews-count {line-height: 1;display: none;margin-left: 3px;color: #333;text-align: left;font-size: 12px;font-weight: 600;} .product-items .product-item .name {margin-bottom: 4px;line-height: 1.25;height: 32px;text-align:left;} .product-items .product-item .name a {color: #201f1e;font-size: 12px;text-align: center;float: left;width: 100%;padding: 2px 0 0;text-decoration: underline;} .product-items .product-items .product-item .description {color: #d7e0de;line-height: 1.25;text-align:left;} .product-items .product-item del.regular-price {text-decoration: line-through;display: inline-block;} .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 {display: inline-block;color: #761713;} 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: 12px;line-height: 1;display:none;} .product-items .product-item .status span, .product-item .regular-price {color: #b72029;padding: 4px 0 0;display: block;} .product-items .product-item .price {font-size: 16px;font-weight: bold;text-align:center;} .product-items .product-item .img {min-height: 220px;position: relative;border: 1px solid #ececec;background-color: #fff;margin: 0;} .product-items .product-item .img a {display: block;} .product-items .product-item .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;height: auto;width: auto;transition: all 0.5s ease 0s;opacity: 1;} .product-items .product-item .on-sale-badge {line-height: normal;top: 5px;background: #b72029;color: #fff;font-size: 15px;font-style: italic;right: 10px;padding: 0 10px;} .product-items .product-item .action .btn {border-radius: 0;width: 100%;font-size: 14px;border: none;background: #761713;color: #fff;} .product-items .product-item:hover .action .btn {color: #fff;background-color: #b72029;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 {position: absolute;left: auto;right: 0;top: auto;bottom: 0;margin: auto;width: 30px;height: 30px;opacity: 1;color: #333;background-color: #fcfcfc;transition: all 0.3s linear 0s;box-shadow: none;font-weight: 600;font-size: 12px;border-top: 1px solid #eee;border-left: 1px solid #eee;border-radius: 15px 0 0 0;}*/ .product-items .product-item .img .ajaxcart-added.icon-ok {position: absolute;transition: 0.3s linear 0s;top: -113px;left: -138px;opacity:0;} .product-items .product-item .img .ajaxcart-added.icon-ok.incart {position: absolute;z-index: 10;left: -38px;background-color: #079b49;width: 140px;text-align: center;border: 1px solid #fff;top: 13px;border-radius: 0;color: #fff;font-size: 11px;font-weight: 600;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);line-height: 40px;height: 40px;transform: rotate(-45deg);display: block !important;opacity: 1;} .product-items .shrt-desc {font-weight: 600;font-size: 11px;height: auto;line-height: 12px;} #tcdnew .shrt-desc, #tcdnew .product-id {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 {} .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: bold;text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px solid #ececec;position: relative;} .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: 95%; height:70%;} .scrollToTop {position: fixed;right: 5px;display: none;z-index: 999;text-align: center;color: #000;border-radius: 0;width: 70px;font-size: 40px;height: 70px;line-height: 70px;bottom: 5px;} .scrollToTop:hover{text-decoration:none;color: #644a3b;background-color: rgba(255, 255, 255, .5);-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;} .brand-logo {position: absolute;top: -23px;width: 45px;left: 0;right: 0;margin: auto;border: 2px solid #761713;border-radius: 50%;padding: 0px;background: #fff;height: 45px;line-height: 38px;} .brand-logo img {border-radius: 50%;max-width: 25px;} @media(min-width: 768px) { .revealOnScroll {opacity:1;} } @media(max-width: 991px) { } @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;} } /*--------------------------------------------------------- EXTRA PAGE -----------------------------------------------------------*/ #extrapage ul.sub_pages {list-style: none;float: left;margin: 0;padding: 0 0 0 5px;} #extrapage .sub_pages li { float: left; margin: 2px 0; padding: 0 10px 0 0; width: 33.33%;} #extrapage .sub_pages li a { background: #ffffff none repeat scroll 0 0; border: 1px solid #ccc; float: left; padding: 2px; width: 100%;font-size: 13px;} @media screen and (max-width:860px) { #extrapage .sub_pages li {width: 50%;} } @media screen and (max-width:420px) { #extrapage .sub_pages li {width: 100%;} }h /*--------------------------------------------------------- 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);} /*--------------------------------------------------------- HEADER -----------------------------------------------------------*/ .header-links {position: absolute;right: 0px;top: 0px;height: 37px;bottom: 0;margin: auto;max-width: 210px;z-index: 12;} .header-links .iconify {color: #b72029;position: relative;height: 37px;line-height: 37px;top: 0;float: none;} .header-links > ul {list-style: none;margin: 0;padding: 0;text-align: right;width: auto;position: relative;} .header-links > ul li {padding: 0 4px;line-height: 35px;} /*.header-links > ul li:last-child {width: 160px;float: right;} .header-link-title {line-height: 37px;height: 37px;position: absolute;right: auto;color: #222;font-weight: 600;display: block;margin: 0;left: 40px;top: 2px;} .header-link-title a {color: #222;font-size: 14px;text-transform: uppercase;display: block;line-height: 17px;padding: 0;} .header-links img {max-height: 25px;padding: 0 3px;} .loggedout-dot {background: #ff1100;height: 10px;width: 10px;position: absolute;bottom: 0;right: 2px;border-radius: 10px;margin: auto;top: 0;display:none;} .loggedin-dot {background: #4db848;height: 10px;width: 10px;position: absolute;bottom: 0;right: 2px;border-radius: 10px;margin: auto;top: 0;display:none;}*/ /*.free-ship-countdown { background: #b72029 none repeat scroll 0 0; border-bottom: 0 solid #fff; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 12px; font-weight: 700; padding: 0; position: absolute; text-align: center; width: 100%;}*/ .free-ship-countdown {margin: 0 auto; max-width: 1400px; position: relative;} .free-ship-text {background: #b72029 none repeat scroll 0 0;border: 1px solid #000;color: #fff;display: inline-block;line-height: 15px;padding: 4px 5px;position: absolute;right: 5px;top: 0px;z-index: 11;max-width: 160px;text-align: center;height: 42px;font-size: 12px;font-weight: 600;width: 100%;} .free-ship-text > span { font-size: 12px; font-weight: 400;} /*--------------------------------------------------------- HOME PAGE -----------------------------------------------------------*/ .fullwidth-slider.flexslider {border-radius:0;} .homeCarousel.flexslider {margin: 0 auto !important;max-width: 100%;overflow: hidden; max-height: 150px;} .homeCarousel.flexslider .slides img {margin: auto;} .homepage-slider {position: relative;border-bottom: 1px solid #000;margin: 0 0 10px;padding: 10px;} .homepage-slider .container {padding: 0;max-width: 100%;} #home.page-content {padding: 0;} .home-page-content .category-header {padding:10px 0 20px;margin: 0;} .home-page-content .category-header .container {max-width: 1500px;padding: 0;} .home-page-content .category-header img {margin: 0 auto;} .home-page-content .category-footer {padding: 0px;} .home-page-content .category-footer h3 {font-size: 20px;line-height: 1;margin: 0 0 20px;font-weight: bold;} .home-page-content .category-footer p {font-size: 15px;} .home-page-content .category-footer h4 {font-weight: 700;display: inline-block;} .home-page-content .category-footer a:hover img {opacity: 0.7;} .home-page .header-specials {text-align: left;margin: 0 0 10px;border: 1px solid #ccc;padding: 3px 10px;position: relative;font-weight: 700;font-size: 22px;background: #eee;} .home-page .header-specials span {background: #fff;padding: 0 30px;} .home-page .header-specials span.topfif {right: 0;display: inline-block;padding: 0;line-height: 0;position: absolute;top: -10px;margin: auto;} .home-page .header-specials span.topfif a {font-size: 13px;padding: 0 5px;background: #fff;display: inline-block;line-height: 20px;} .browse-all-btn {text-align: center;float: left;width: 100%;margin: 1% 0 2%;} .browse-all-btn span {color: #201f1e;font-size: 25px;border: 2px solid #201f1e;padding: 4px 15px;} .home-cat-wrapper { display: inline-block; margin: 0; position: relative; width: 100%;} .home-cat {background: #ffffff none repeat scroll 0 0;display: inline-block;float: left;text-align: center;width: 16.66%;padding: 0 0.25%;} .home-cat > a { color: #ffffff; font-size: 10px; text-decoration: none !important;} .hc-inner { border: 0px solid #333333;font-size: 0px;} .hc-inner > span { font-weight: 700;} .home-cat img { display: block; height: auto !important; margin: 10px auto; max-width: 100%;} .category-footer { margin: 0;} .tcdprod-wrap {position: relative;width: 100%;} .tcdprod-wrap .owl-nav {top: -42px;position: absolute;right: 0;} .tcdprod-wrap .owl-nav span {font-size: 38px;width: 40px;float: left;height: 32px;line-height: 26px;border-left: 1px solid #ccc;} .tcdprod-wrap .owl-item .product-item {width: 100% !important;} #home .products-section {display: inline-block !important;width: 100%;} #tcdnew .quickview {display: none;} @media screen and (max-width: 767px) { .sc-block-title {font-size: 12px !important;} } @media screen and (max-width: 520px) { .sc-home-block {float: left;width: 50%;text-align: center;padding: 2px;} } .tcd-htab-wrap {float: left;width: 100%;padding: 35px 0;margin: 35px 0;background: #f6f6f6;overflow:hidden;display:none;} .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 #b72029;} .tcdsky-tabs > label:hover span span {background: #761713;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: #b72029;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: #761713;} .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 .typography h3 {border-bottom:1px solid;} .tcdsky-tabs .typography h3 span {color: #4a658c !important;font-weight: 600;}*/ .tcdsky-tabs > label img {display: block;max-width: 110px;margin: 0 auto;width:100%;} .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-10 .category-footer{margin:0;padding:15px 0;} .typography .container {padding: 0.5%;} @media screen and (max-width: 1030px) { .tcdsky-tabs > label span {height: 50px;} .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 -----------------------------------------------------------*/ .site-footer {background-color: #761713;padding: 55px 0 0;color: #fff;font-family: 'Poppins', sans-serif;} .footer-info {float: left;width: 100%;text-align: center;} .footer-info .footer-block {display: table;width: 12.5%;padding: .2%;float: left;height: 120px;} .footer-info .footer-block a {color: #761713;width: 100%;text-align: center;display: table-cell;line-height: 12px;vertical-align: middle;background: #eee;border: 1px solid #ccc;} .footer-info .footer-block a span {display: block;margin: 0 0 4px;font-size: 13px;} .tcd-footer {float: left;width: 100%;padding: 0;color: #000;} .tcd-footer .container {margin: 0 auto;max-width: 1400px;width:100%;} .tcd-footer-top {padding: 0;float: left;width: 100%;} .tcd-footer-inner {max-width: 1120px;margin: 0 auto;} ul.extrapages li {margin: 0;padding:0;line-height: 1.4;} .tcd-footer-top-block ul.extrapages li a {color: #777;font-size: 13px;letter-spacing: 0;text-transform: none;padding: 0;transition: all .3s linear 0s;-webkit-transition: all .3s linear 0s;font-weight: 300;} ul.extrapages li a:hover {padding: 0;text-decoration: none;color: #7a796d;} ul.extrapages li a i{font-size: 8px;vertical-align: middle;} .tcd-mailing-wrap {float: left;width: 100%;line-height: 1;border-radius: 0px;font-weight: 400;text-transform: none;padding: 0;margin: 0;position: relative;color: #fff;text-align: left;} .tcd-mailing-wrap .container {margin: 0 auto;width: 100%;max-width: 100%;padding: 0;} .tcd-mailing-right {float: right;width: 50%;padding: 0 10px;} .tcd-mailing-left {float: left;width: 100%;text-align: center;padding: 3% 0;background-position: center;background-attachment: fixed;position: relative;background-image: url(/assets/templates/carbparts-core/images/mailing-bg.png);} .tcd-mailing-bg {left: 0;right: 0;top: 0;bottom: 0;z-index: 0;height: 100%;width: 100%;background-color: rgba(118, 23, 19, 0.95);position: absolute;} .tcd-mailing-title {max-width: 600px;margin: 0px auto;font-size: 22px;font-family: 'Poppins', sans-serif;padding: 0 10px;font-weight: 400;font-style: normal;position: relative;} .tcd-mailing-title span {display: block;font-size: 12px;margin: 5px 0 0;} .tcd-mailing-title a {color: #ccc;text-decoration: underline;font-weight: 600;text-transform: uppercase;} .tcd-mailing-text {display:none;font-size: 16px;padding: 5px 0;color: #7a796d;position: relative;} .tcd-mailing-text img {max-width: 140px;padding: 10px;background: #eee;border-radius: 5px;margin: -45px 0 0;box-shadow: 0 5px 4px 0px rgba(0,0,0,0.3);border: 4px solid #e0e0e0;} .mailist-box {width: 100%;float: none;margin: 0 auto 2%;padding: 0 3%;max-width: 600px;display:none;} .mailist-box h3 {margin: 0 0 15px;font-family: 'Poppins', sans-serif;font-size: 18px;text-transform: none;font-weight: 700;color: #000000;} .mailist-box h5 {color: #7a796d;font-size: 16px;margin: 0;padding: 5px;display: none;} .mailist-box p {margin: 0 0 15px;font-family: 'Poppins', sans-serif;font-size: 14px;text-transform: none;font-weight: 400;color: #000;} .mailinglist-form {position: relative;border: 0px solid #000;background: transparent;padding: 0;} .mailinglist-input.form-control {max-width: 100%;color: #979797;float: right;padding-right: 0px;height: 40px;background: #fff;border-radius: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset;border: none;font-size: 15px;} .mailinglist-submit {float: right;width: auto;background: none;color: #444;position: absolute;top: 0px;right: 0px;border: 0px solid #000;padding: 0 15px;background: transparent;height: 40px;line-height: 40px;transition: all 0.3s linear 0s;text-transform: none;font-weight: 600;font-size: 13px;letter-spacing: 0;border-radius: 2px;text-transform: uppercase;} .mailinglist-submit:hover {float: right;width: auto;background: none;color: #444;position: absolute;top: 0px;right: 0px;border: 0px solid #000;padding: 0 15px;background: transparent;height: 40px;line-height: 40px;transition: all 0.3s linear 0s;text-transform: none;font-weight: 600;font-size: 13px;letter-spacing: 0;border-radius: 2px;text-transform: uppercase;} .mailinglist-response {display: none;} .mailinglist-response {margin: 10px 0;padding: 10px 20px;font-size: 12px;background-color: #2d2d2d;color: #ccc;} .mailinglist-error span {color: #8a6d3b;} .mailinglist-subscribed span, .mailinglist-unsubscribed span {color: #3c763d;} .mailinglist-response, .mailinglist-response div {} .maillist-options {display: none;margin: 5px 0 0;} .subscribe {float: none;display: inline-block;margin-right: 20px;line-height: 13px;} .subscribe input[type="radio"] {margin: 0;vertical-align: middle;} .subscribe label {margin: 0;font-size: 14px;line-height: 13px;font-weight: 300;margin-left: 3px;color: #aaa;cursor: pointer;} .tcd-footer-btm-block.tcd-ftr-social {width: 25%;float: right;text-align: center;} .tcd-footer-social {padding-top: 15px;padding-bottom: 15px;border-top: 1px solid #000;border-bottom: 1px solid #000;} .tcd-footer-social ul {margin: 0;} ul.payment-icons {text-align: center;color: #761713;} ul.payment-icons li {font-size: 34px;line-height: 36px;vertical-align: middle;} ul.payment-icons li.payment-icons-label, ul.social-icons li.social-icons-label {font-size: 20px;vertical-align: middle;font-family: 'Poppins', sans-serif;text-transform: uppercase;margin-right: 20px;} .social-wrap {float: left;width: 100%;padding: 0;position: relative;} .social-icons {width: 100%;float: none;margin: 0 auto;} .social-icons h3 {margin: 0 0 15px;font-family: 'Poppins', sans-serif;font-size: 18px;text-transform: none;font-weight: 700;color: #000000;} .social-icons ul.list-inline {float: left;width: 100%;margin:0;} .tcd-footer-top-block .social-icons .list-inline > li {float: none;width: auto;text-align: center;padding: 2px;} .social-icons li a {color: #fff;line-height: 32px;text-align: center;font-size: 18px;width: 32px;padding: 0;border-radius: 50%;background: #761713;border: 0px solid #222;float: left;height: 32px;transition: all 0.5s linear 0s;} .social-icons li a:hover {opacity: 1;box-shadow:45px 0 0 0 #761713 inset;color: #fff;} .tcd-footer-top-block {float: left;width: 25%;padding: 20px 10px;text-align: left;} .tcd-ftr-title.line-bottom {font-size: 16px;border-bottom: 0px solid #eee;color: #222;padding: 0;font-weight:500;} .tcd-ftr-title.line-bottom span {font-family:'Poppins', sans-serif;} .tcd-footer-lft {float: left;width: 100%;padding: 0 15px;} .tcd-footer-right {float: right;width: 40%;} /*.tcd-footer-top-block:nth-of-type(1) {width: 30%;padding: 30px 0;text-align:center;} .tcd-footer-top-block:nth-of-type(1) img {max-height: 60px;} .tcd-footer-top-block:nth-of-type(1) .list-unstyled.extrapages {margin: 0 auto;text-align: center;font-weight: 600;} .tcd-footer-top-block:nth-of-type(1) .list-unstyled.extrapages li {display: inline-block;} .tcd-footer-top-block:nth-of-type(1) .list-unstyled.extrapages li:nth-last-of-type(1) {display: block;} .tcd-footer-top-block:nth-of-type(2) {border-left: 0px solid #333;}*/ .tcd-footer-top-block .list-unstyled {padding-left: 16px;list-style: disc;} .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;} .opening-hours ul {list-style: none;padding: 0;margin: 0;} .opening-hours li {float: left;width: 100%;color: #fff;font-weight: 500;margin: 0 0 4px;font-size: 14px;border-bottom: 1px dashed;padding: 0 0 5px;} .tcd-ftr-days {float: left;} .tcd-ftr-time {float: right;} .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;} .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: 28px 0 10px;color:#444;} .copyright_cc {float: right;text-align: center;width: 50%;padding: 18px 0;} .copyright_txt a {color: #761713;} .copyright-social {float: right;width: 50%;display:none;} /*--------------------------------------------------------- Contact -----------------------------------------------------------*/ .store-name i {display: none;} /*--------------------------------------------------------- CHECKOUT -----------------------------------------------------------*/ .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: 1400px;padding: 0;} .checkout-1 .checkout-section {margin: 8px 0 0;} .checkout-1 div#checkout-right {background: #eee;border: 0px solid #ccc;top: 0px;} .checkout-1 .checkbox-format.checkbox-format-checkout {background-color: #fff;padding-left: 30px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;position: relative;cursor: pointer;margin-right: 3px;} .checkout-1 .createNewAccount .col-sm-6 {padding: 0;} .checkout-1 .account_login .btn-link {width: auto;text-transform: uppercase;padding: 0;font-weight: 500;font-size: 12px;margin: -2px 0 0;letter-spacing: -0.5px;text-decoration: underline;} .checkout-1 #checkout-logo {border-bottom: 0px solid #ccc;height: auto;text-align: center;background: #fff;} .checkout-1 #checkout-logo .logo {margin: 10px 0 0;height: auto;padding: 0;float: left;width: 100%;max-width: 100%;text-align: center;border: none;background: #eee;position: relative;top: 0;} /*.checkout-1 .logo > img {position: relative;margin: auto;display: inline-block;max-width: 360px;height: auto;max-height: 100%;left: 0;right: 0;top: 0;bottom: 0;width: auto;padding: 5px;}*/ .checkout-1 #checkout-logo .logo img {position: relative;left: 0;right: 0;margin: 0 auto;width: auto;max-height: 100%;padding: 10px;max-width: 200px;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: 400;text-transform: uppercase;padding: 6px 0 6px 8px;position: relative;color: #fff !important;font-size: 18px;background-color: #b0171f;border-radius: 3px 3px 0 0;} .checkout-1 .page_heading::after {display: none;} div#chkShoppingCart .cart-items {height: auto;line-height: normal;font-size: inherit;} .checkout-1 .icon-btn.icon-btn-refresh {color: #fff !important;padding: 0 10px 0 5px;font-size: 12px;border-left: 1px solid #fff;line-height: 18px;position: relative;} .checkout-1 #mobile-menu {display: none;} .checkout-1 .coupon-field .btn.btn-default {padding: 0;} .checkout-1 #spanCheckout .pull-right {float: right !important;width: 60%;} .checkout-1 #spanCheckout .btn-primary {color: #ffffff;background-color: #018952;border-color: #333;width: 100%;font-size: 25px;font-weight: 800;} .checkout-1 .chkShoppingCart .product-image span {background: #018952;line-height: 20px;} .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 #divApplyCoupon {display: none;} .checkout-1 a.btn.btn-facebook {color: #fff !important;} .checkout-1 .chkComments textarea.form-control {height: auto;} .checkout-1 .createNewAccount .col-md-6.clearfix {padding: 0;} .checkout-1 .carrierDisplay .display-rates a {color: #333 !important;} .checkout-1 #shipResult select {margin: 0 0 5px;} .checkout-1 label[for="creditcardnumber"]::after {content: "(Numbers only please)";text-transform: uppercase;font-size: 10px;margin: 0 0 0 5px;color: #d20000;} @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:1200px) { .tcd-home-brand .brand-text {font-size: 15px;} .product-item .name {height: 65px;} .product-item .name a {font-size: 13px;padding: 3px 5px;} .tcdmenu ul li a {font-size: 12px;padding: 0 11px;letter-spacing: -0.4px;} } @media(max-width:1070px) { .tcd-mailing-title {font-size: 28px;} } @media(max-width: 991px) { /*body {padding-top: 141px;}*/ .site-header {height: 110px;} .navbar.navbar-inverse.tcdfixed .site-header {height: 110px;} .site-header .container {height: 90px;padding:0;} .navbar.navbar-inverse.tcdfixed .site-header .container {height: 90px;} .header-inner {height: 90px;} .navbar.navbar-inverse.tcdfixed .header-inner {height: 90px;} .navbar.navbar-inverse {border-bottom: 1px solid #761713;} .top-links ul li {display: none;} .top-links ul li.top-phone {border-right: 0px solid;display: block;} #searchBox {padding: 0 150px 0 220px;} .freeship-block {float: none;} .head-mobile-nav {display: block;} .tcdmenu-wrapper {display: none;} #mobile-menu-trigger {top: 55px;left: 0;color: #000;position: absolute;z-index:100;} .head-mobile-nav > a {color: #fff;font-size: 35px;line-height: 1;} ul.extrapages {} .collapse.in{display:block !important;} .tcd-footer-social {text-align: center;} .logo img {margin: auto 0 auto 55px;max-width: 145px;} .navbar.navbar-inverse.tcdfixed .logo img {max-width: 145px;} .tcd-htab-wrap {padding: 5px 5px 30px;margin: 35px 0 0;} .home-cat-content {min-height: 125px;} .tcd-home-block {width: 50%;} .tcd-home-block.double {width: 100%;} .footer-info .footer-block {width: 25%;} .footer-info .footer-block img {max-width: 85%;} .free-ship-text br { display: none;} .free-ship-text {border: 0 solid #000;padding: 2px 0;position: relative;right: 0;top: auto;z-index: 4;max-width: 100%;height: auto;bottom: 0;} .free-ship-text > span { font-size: 13px; font-weight: 400;} .home-cat {width: 33.33%;} } @media(max-width: 920px) { } @media(max-width: 820px) { .opening-hours li {font-size: 13px;} ul.extrapages li a {font-size: 13px;letter-spacing: 0;} .tcd-footer-top-block .list-inline > li {text-align: left;width: 100%;} .tcd-footer-top-block .list-inline .list-link {font-size: 12px;} .mailist-box h5 {padding: 5px;font-size: 13px;} .tcd-mailing-text {font-size: 13px;} .mailinglist-input.form-control {font-size: 15px;} .video-block-fw {height: 370px;} .tcd-video-fw-wrap {height: 370px;} #tcdvideo {width: 800px;} .product-items .product-item .name a {font-size: 13px;} } @media(max-width: 767px) { /*body {padding-top: 111px;}*/ .header-links {top: 6px;} .site-header {height: 80px;} .navbar.navbar-inverse.tcdfixed .site-header {height: 80px;} .site-header .container {height: 60px;padding: 0;} .navbar.navbar-inverse.tcdfixed .site-header .container {height: 60px;} .header-inner {height: 80px;} .navbar.navbar-inverse.tcdfixed .header-inner {height: 80px;} .navbar.navbar-inverse.tcdfixed .site-header #mobile-menu-trigger {top: 42px;} .header-links .iconify {color: #761713;top: 0;position: relative;height: 36px;margin: 0 auto;vertical-align: middle;} .header-links #maincart.cart-expanded #dropcart {right: -4px;} #searchBox {position: absolute;width: 100%;padding: 0 160px 0 180px;height: 60px;top: 0;bottom: 0;margin: auto;font-size: 12px;} #searchBox .form-control.search-text {height: 40px;} .logo img {top: 0;max-width: 100px;left: 0;margin: auto 0 auto 50px;} .navbar.navbar-inverse.tcdfixed .logo img {max-width: 100px;} #mobile-menu-trigger {top: 42px;} .navbar.navbar-inverse.tcdfixed .site-header #mobile-menu-trigger {top: 42px;} .search-form-col {clear: both;} .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;} .tcd-footer {text-align: center;} .tcd-footer-top-block {width: 33.33%;padding: 0 1.5% 0;margin: 0 0 15px;min-height: 180px;} .tcd-footer-social ul li {padding: 0 4px;} ul.extrapages {margin: 0;padding: 0;} .tcd-mailing-title {font-size: 23px;} .freeship-block {line-height: 25px;color: #fff;font-size: 13px;} .site-header {height: 79px;} .site-header .container {position: relative;height: 60px;} .subcategories > ul > li {padding: 0 5px;width: 50% !important;float: left;max-width: 100%;} } @media(max-width: 640px) { /*.home-cat {width: 25%;} .home-cat:nth-of-type(4), .home-cat:nth-of-type(5) {width: 50%;padding: 0 2%;}*/ } @media(max-width: 567px) { /*body {padding-top: 141px;}*/ #mobile-menu-trigger {top: 38px;} .header-links {top: 0px;} .site-header {height: 108px;} .site-header .container {height: 60px;} .header-inner {height: 90px;} .logo img {top: -11px;max-width: 85px;} .navbar.navbar-inverse.tcdfixed .logo img {max-width: 85px;} .navbar.navbar-inverse.tcdfixed .site-header #mobile-menu-trigger {top: 38px;} .tcd-footer-top-block {width: 100%;padding: 0 1.5%;margin: 0 0 10px;min-height: 10px;text-align: left;} ul.extrapages li {margin: 0;padding: 0;line-height: 1.4;float: left;width: 50%;} .tcd-footer-top-block ul.extrapages li a {font-size: 11px;} .tcd-ftr-title.line-bottom {font-size: 16px;border-bottom: 1px solid #333;color: #222;font-weight: 500;margin: 2px 0;padding: 4px 0;} #searchBox {position: absolute;width: 100%;padding: 0 2px;height: 52px;top: auto;bottom: -28px;margin: auto;} #searchBox .form-control.search-text {color: #000;font-family: 'Poppins', sans-serif;font-size: 13px;padding: 5px 62px 5px 12px;height: 35px;box-shadow: 0 0 0 3px #e0e0e0;} .tcd-footer-btm-block {float: left;width: 100%;padding: 0;text-align: center;} .tcd-footer-btm-block.tcd-ftr-social {width: 100%;float: right;text-align: center;} .social-icons li {width: auto;} .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-item .action .btn {min-width: 125px;} .product-items .product-item .img {min-height: 170px;} .mailist-box {margin: 15px auto;} .social-wrap {padding: 5px 0 15px;} .home-page .header-specials span {background: #fff;padding: 0 5px;font-size: 18px;} .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;color: #761713;} .copyright_cc {width: 100%;padding: 8px 0;} .home-cat-block {float: left;width: 100%;} .home-cat-content {min-height: 100px;} .free-ship-countdown {top: 29px;} .navbar.navbar-inverse.tcdfixed .free-ship-text {top:29px;} } @media(max-width: 479px) { #listing .social-bookmarking {float: left;position: relative;padding: 10px 0 0px 8px;border-left: 0px solid #ccc;width: 100%;} } @media(max-width: 460px) { .site-header {height: 125px;} .header-inner {height: 125px;} .free-ship-countdown {top: 44px;} .header-links {height: 50px;} #searchBox {bottom: -43px;border-top: 1px solid #333;background-color: #e3e3e3;} } @media(max-width: 420px) { .tcd-footer-top-block {width:100%;padding: 0 0.5% 0;margin: 0 0 15px;min-height: 10px;} .tcd-footer-top-block .list-inline .list-link {font-size: 16px;} .tcd-footer-top-block .list-inline {margin: 0 0 10px;} .header-links > ul {width: auto;} } @media(max-width: 360px) { } @media(max-width: 359px) { .tcd-mailing-title {font-size: 24px;} } /*----------------------------------------------------------------------- mc-image-block -----------------------------------------------------------------------*/ .mc-image-wrap .image-block { display: inline-block; float: left; border: 1px solid #444444; text-align: center; width: 33.33%;} .mc-image-wrap .image-block img { max-width: 320px; width: 100%;} .mc-image-wrap .image-block span {display: block; font-size: 12px; line-height: 14px; min-height: 115px; padding: 0 5px; text-align: left !important;} @media only screen and (max-width: 639px) { .mc-image-wrap .image-block { width: 50%;} } @media only screen and (max-width: 380px) { .mc-image-wrap .image-block { width: 100%;} .mc-image-wrap .image-block span { height: auto;min-height: 5px; padding: 5px;} } .rTable {display: table; width: 100%;} .rTableRow {display: table-row;} .rTableRow:nth-of-type(odd) { background: #ebe8ea;} .rTableHeading {display: table-header-group; background-color: #ddd;} .rTableCell, .rTableHead {display: table-cell; padding: 3px 10px; border: 1px solid #999999;} .rTableHeading {display: table-header-group; background-color: #ddd; font-weight: bold;} .rTableFoot {display: table-footer-group; font-weight: bold; background-color: #ddd;} .rTableBody {display: table-row-group;} .rlayTable {display: table; width: 80%;} .rlayTableRow {display: table-row;} .rlayTableHeading {display: table-header-group; background-color: #ddd;} .rlayTableCell, .rlayTableHead {display: table-cell; padding: 3px 10px; border: 1px solid #999999;} .rlayTableHeading {display: table-header-group; background-color: #ddd; font-weight: bold;} .rlayTableFoot {display: table-footer-group; font-weight: bold; background-color: #ddd;} .rlayTableBody {display: table-row-group;} .rTableCell a { color: #d20000; text-decoration: underline;} .rTableCell a:hover { color: #aaa; text-decoration: underline;} .divTable{display: table;width: 100%;} .divTableRow {display: table-row;} .divTableCell, .divTableHead {display: table-cell;padding: 3px 10px;border: 1px solid #999999;} .divTableHeading {display: table-header-group;background-color: #ddd;font-weight: bold;} .divTableFoot {display: table-footer-group;font-weight: bold;background-color: #ddd;} .divTableBody {display: table-row-group;} table.formatHTML5 {width: 100%;border-collapse:collapse;text-align:left;color: #606060;} /*** table's thead section, head row style ***/ table.formatHTML5 thead tr td {background-color: White;vertical-align:middle;padding: 0.6em;font-size:0.8em;} /*** table's thead section, coulmns header style ***/ table.formatHTML5 thead tr th{padding: 0.5em;background-color: #808080;background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));background: -moz-linear-gradient(top, #606060, #909090);color: #dadada;} /*** table's tbody section, odd rows style ***/ table.formatHTML5 tbody tr:nth-child(odd) {background-color:#F0F0F0;} @media screen and (max-width:767px) { .rTable { display: inline-block !important; overflow-x: auto;} .rTableCell, .rTableHead { border: 0 solid #999999; box-shadow: 0 0 0 0.5px #555; display: table-cell; font-family: "Open Sans",sans-serif; font-size: 12px; font-weight: 600; padding: 3px 5px;} } @media screen and (max-width:767px) { .divTable { display: inline-block !important; overflow-x: auto;} .divTableCell, .divTableHead { border: 0 solid #999999; box-shadow: 0 0 0 0.5px #555; display: table-cell; font-family: "Open Sans",sans-serif; font-size: 12px; font-weight: 600; padding: 3px 5px;} } #extrapage .block-wrap {display: inline-block;width: 100%;margin: 0 0 20px;} #extrapage .block-img-wrap {display: inline-block;width: 40%;} #extrapage .block-wrap img {float: left;max-width:500px;width:100%;padding: 0 5px;} #extrapage .block-text-wrap {display: inline-block;width: 58%;vertical-align: top;} @media(max-width: 567px) { #extrapage .block-img-wrap {;width: 100%; text-align:center;} #extrapage .block-text-wrap {width: 100%;vertical-align: top;} #extrapage .block-wrap img {float: none;max-width:500px;width:100%;padding: 0 5px;} } /* END code for # of columnns*/ /* core css */ .row_column { width: 100%; overflow:hidden; } .column { overflow:hidden; } .width_16 { width: 16.65%; float:left; padding:15px; } .width_20 { width: 20%; float:left; padding:15px; } .width_25 { width: 25%; float:left; padding:15px; } .width_30 { width: 30%; float:left; padding:15px; } .width_40 { width: 40%; float:left; padding:15px; } .width_33 { width: 33%; float:left; padding:15px; } .width_50 { width: 50%; float:left; padding:15px; } .width_60 { width: 60%; float:left; padding:15px; } .width_67 { width: 67%; float:left; padding:15px; } .width_70 { width: 70%; float:left; padding:15px; } .width_75 { width: 75%; float:left; padding:15px; } .width_80 { width: 80%; float:left; padding:15px; } .width_100 { width: 100%; padding:15px; } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .width_16, .width_20, .width_25, .width_33{ width: 33.3%; float:left; padding:10px; } } /* Mobile Layout: 320px. */ @media only screen and (max-width: 767px) { .width_16, .width_20, .width_25, .width_30, .width_40, .width_33, .width_50, .width_60, .width_67, .width_70, .width_75, .width_80 { width: 100%; float:none; padding:10px; } .mobile_width_50 { width: 50%; float: left; padding: 10px; } } /* Wide Mobile Layout: 480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { .width_16, .width_20, .width_25, .width_30, .width_40, .width_33, .width_50, .width_60, .width_67, .width_70, .width_75, .width_80 { float: left; width: 50%; padding: 10px; } } /* END code for # of columnns*/ * { box-sizing: border-box; } /* Create three equal columns that floats next to each other */ .columns { float: left; width: 33.33%; padding: 10px; /* height: 300px;*/ /* Should be removed. Only for demonstration */ } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .columns { width: 100%; } } /* end of columns */