html,body { display: block; margin: 0px !important; padding: 0px; width: 100%; min-height: 100vh; }
body { font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-weight: 400; color: #333; font-size: 15px;
line-height: 1.5em; width: 100%; background: #FFF; font-weight: 300; padding-top: 164px; }
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
body { padding-top: 0px; font-size: 14px; line-height: 1.5em; }
}
@media (max-width: 767px) {
body { padding-top: 0px; }
}
/* Colors for reference
Black = #000;
White = #FFF;
Grey = #4C4C4C;
Blue = #00AEDB;
*/
/* default font size */
.fa { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-family: Montserrat, 'Nunito Sans', sans-serif; color: #000; font-weight: 600; }
/* Override the bootstrap defaults */
h1 { font-size: 36px; line-height: 1.25em; margin: 0px 0px 30px; }
h2 { font-size: 24px; line-height: 1.25em; margin: 0px 0px 20px; }
h3 { font-size: 18px; line-height: 1.5em; margin: 20px 0px; }
h4 { font-size: 14px; line-height: 1.5em; margin: 20px 0px; }
h5 { font-size: 12px; line-height: 1.5em; margin: 20px 0px; }
h6 { font-size: 11px; line-height: 1.5em; margin: 20px 0px; }
@media (min-width: 992px) and (max-width: 1199px) {
h1 { font-size: 42px; line-height: 1.25em; }
h2 { font-size: 30px; line-height: 1.25em; }
}
@media (min-width: 768px) and (max-width: 991px) {
h1 { font-size: 36px; line-height: 1.25em; }
h2 { font-size: 30px; line-height: 1.25em; }
}
@media (max-width: 767px) {
h1 { font-size: 36px; line-height: 1.25em; }
h2 { font-size: 30px; line-height: 1.25em; }
}
p { margin: 1.5em 0px 0px; }
ul, ol { margin-top: 1.5em; margin-bottom: 0px; }
a:focus,
img:focus { border: none; outline: none; }
a { color: #00AEDB; cursor: pointer; }
a:hover, a:focus { text-decoration: none; color: #000; }
a.inverse { color: #000; }
a.inverse:hover, a.inverse:focus { color: #00AEDB; }
a.white { color: #FFF; }
a.white:hover, a.white:focus { color: #00AEDB; }
@media (min-width: 768px) {
a.hoverfade { position: relative; }
a.hoverfade:hover:after { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.25); content: ''; z-index: 99; }
}
legend { font-size: 18px; padding: 7px 0px}
label { font-size: 16px; line-height: 1.5em; font-weight: normal; cursor: pointer; }
.container:after { display: block; content: ''; clear: both; }
.row { margin-left: -12px; margin-right: -12px; } /* .row */
.row > div[class*=col-] { padding-left: 12px; padding-right: 12px; } /* .col- */
.row:after { display: block; content: ''; clear: both; }
.row div.clearfix { font-size: 0px; line-height: 0px; }
/* Reset some bootstrap styles (because they look shit!) */
.dropdown-menu { float: none; padding: 0px; margin: 0px; border: none; background: none; font-size: inherit;
line-height: inherit; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; }
.bootstrap-datetimepicker-widget { background: #FFF; border: 1px solid #CCC; border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175); }
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control { font-size: 16px; line-height: 24px; border: 1px solid #DDD; border-radius: 4px;
color: #000; padding: 4px 8px; box-shadow: none; background: #FFF; }
textarea.form-control { height: auto; }
.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover { font-size: 16px; }
.input-group .input-group-addon { font-size: 14px; height: 30px; }
/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg { display: inline; }
div.required .control-label:after { content: ' *'; color: #00AEDB; font-weight: bold; }
header { position: relative; background: #FFF; z-index: 80004; }
#upperheader { background: #F8F8F8; font-size: 13px; line-height: 20px; }
#upperheader .container { padding-top: 5px; padding-bottom: 5px; }
#upperheader #uh_left,
#upperheader #uh_right { display: block; float: left; width: 50%; }
#upperheader #uh_left { }
#upperheader #uh_left .delivery { }
#upperheader #uh_left .delivery strong { text-transform: uppercase; }
#upperheader #uh_left .delivery a { text-decoration: underline; }
#upperheader #uh_left .delivery a:hover,
#upperheader #uh_left .delivery a:focus { text-decoration: none; }
#upperheader #uh_right { text-align: right; }
#upperheader #uh_right span { display: inline-block; vertical-align: middle; }
#upperheader #uh_right span + span:before { display: block; float: left; content: ''; width: 1px; height: 16px;
margin: 2px 0px 0px 9px; padding-left: 12px; border-left: 1px solid #CCC; }
#upperheader #uh_right span a { color: inherit; }
#upperheader #uh_right span a:hover,
#upperheader #uh_right span a:focus { color: #00AEDB; }
#upperheader #uh_right .storephone { }
#upperheader #uh_right .storephone:before { display: block; float: left; content: ''; margin-right: 4px; width: 14px;
height: 18px; background: url('../image/icon-header-phone.png') center no-repeat; }
#upperheader #uh_right .storeemail { }
#upperheader #uh_right .storeemail:after { display: block; float: left; content: ''; margin-right: 4px; width: 18px;
height: 18px; background: url('../image/icon-header-email.png') center no-repeat; }
#upperheader #uh_right .login { }
#upperheader #uh_right .login a { }
#upperheader #uh_right .login a:before { display: block; float: left; content: ''; margin-right: 4px; width: 17px;
height: 18px; background: url('../image/icon-header-login.png') center no-repeat; }
#header { border-bottom: 1px solid #E8E8E8; }
#header .container { padding-top: 20px; padding-bottom: 20px; }
#header #logo { position: relative; display: block; float: left; padding: 5px 0px 0px; }
#header #logo a { display: block; margin: 0px; padding: 0px; }
#header #logo a img { display: block; max-width: 100%; height: auto !important; }
#header #headright { display: block; float: right; text-align: right; }
#header #search { position: relative; display: inline-block; vertical-align: middle; }
#header #search:after { display: block; content: ''; clear: both; }
#header #search input[type=text] { display: block; float: left; width: 400px; height: 40px; border: 1px solid #CCC;
border-radius: 4px 0px 0px 4px; }
#header #search input[type=text]:focus,
#header #search input[type=text]:active,
#header #search.ss_open input[type=text] { border-color: #00AEDB; }
#header #search button { display: block; float: left; width: 60px; height: 40px; border: 1px solid #CCC;
border-left: none; border-radius: 0px 4px 4px 0px; background: #F8F8F8; }
#header #search button:hover,
#header #search button:focus,
#header #search button:active { border-color: #CCC; outline: none !important; }
#header #search button img { }
#header #search .smartsearch { top: 100% !important; left: 0px !important; width: 400px !important;
margin: 0px !important; padding: 18px !important; border: 1px solid #CCC !important;
border-radius: 0px 0px 4px 4px; box-shadow: 0px 4px 4px 0px #DDD; text-align: left; }
#header #search .smartsearch-product { display: block; border: none !important; padding: 6px !important;
min-height: 0px !important; }
#header #search .smartsearch-product:after { display: block; content: ''; clear: both; }
#header #search .smartsearch-product:hover { background: rgba(0, 174, 219, 0.15) !important; }
#header #search .smartsearch-product + .smartsearch-product { padding-top: 10px !important; }
#header #search .smartsearch-product img { display: block; float: left; margin: 0px 10px 0px 0px !important;
border: 1px solid #DDD; }
#header #search .smartsearch-product > span { display: block; }
#header #search .smartsearch-product > span.highlight { display: inline-block; }
#header #search .smartsearch-product .name { font-size: 15px; line-height: 1.5em; }
#header #search .smartsearch-product .model { font-size: 10px; line-height: 1.5em; color: #A0A0A0; margin-top: 2px;
text-transform: uppercase; }
#header #search .smartsearch-product .description { font-size: 12px; line-height: 1.5em; color: #888; margin-top: 8px; }
#header #search .smartsearch-bottom { font-size: 15px !important; line-height: 20px; padding: 18px 0px 0px !important;
border-top: 1px solid #E8E8E8; margin-top: 8px; }
#header #search .smartsearch-bottom a { color: #00AEDB; font-weight: bold; }
#header #search .smartsearch-bottom a:hover { color: #333; }
#header #cart { position: relative; display: inline-block; vertical-align: middle; margin-left: 20px; height: 40px;
z-index: 90000; }
#header #cart .hd_head { background: #F8F8F8; padding: 8px 12px 6px; line-height: 24px; color: #333;
border: 1px solid #CCC; cursor: pointer; border-radius: 4px; }
#header #cart .hd_head:before { display: block; float: left; content: ''; margin: -2px 10px 0px 0px; width: 24px;
height: 24px; background: url('../image/icon-header-basket.png') center no-repeat; }
#header #cart .hd_head:after { display: block; float: right; content: ''; margin-left: 10px; width: 11px;
height: 24px; background: url('../image/arrow-header-cart-down.png') center no-repeat; }
#header #cart .cart-total { }
#header #cart .cart-total span { display: none; }
#header #cart .cart-total .ct_items { display: inline-block; }
#header #cart .cart-total .ct_items .ct_item_num_bracket { display: inline-block; }
#header #cart .cart-total .ct_items .ct_item_num { display: inline-block; }
#header #cart .cart-total .ct_items .ct_item_text { }
#header #cart .cart-total .ct_sep { }
#header #cart .cart-total .ct_total { }
#header #cart.open .hd_head { position: relative; border-radius: 4px 4px 0px 0px; border-bottom-color: transparent;
padding-bottom: 16px; z-index: 2; }
#header #cart.open .hd_head:after { background-image: url('../image/arrow-header-cart-up.png'); }
#header #cart .hd_body { position: absolute; display: none; top: calc(100% + 9px); left: auto; right: 0px; width: 420px;
border: 1px solid #CCC; border-radius: 0px 0px 4px 4px; background: #F8F8F8; z-index: 1;
padding: 24px 24px; }
#header #cart.open .hd_body { display: block; }
#header #cart .hd_body .empty { text-align: center; margin: 40px 0px; }
#header #cart .prods_wrapper { font-size: 14px; line-height: 1.5em; overflow: auto; max-height: 420px; }
#header #cart .hd_body table { width: 100%; border-spacing: 0px; border-collapse: collapse; }
#header #cart .hd_body table.prods { }
#header #cart .hd_body table tbody { }
#header #cart .hd_body table.prods tbody { border-bottom: 1px solid #DDD; }
#header #cart .hd_body table tr { }
#header #cart .hd_body table tr.upper { }
#header #cart .hd_body table tr.lower { }
#header #cart .hd_body table td { padding: 8px 0px; vertical-align: top; }
#header #cart .hd_body table tr.upper td { }
#header #cart .hd_body table tr.lower td { vertical-align: bottom; }
#header #cart .hd_body table td.image { padding-right: 12px; width: 100px; }
#header #cart .hd_body table td.image a { display: block; margin: 0px; padding: 0px; }
#header #cart .hd_body table td.image a img { display: block; margin: 0px; padding: 0px; }
#header #cart .hd_body table td.info { padding-bottom: 0px; }
#header #cart .hd_body table td.info a { color: #00AEDB; font-weight: 600; }
#header #cart .hd_body table td.info a:hover { color: #000; }
#header #cart .hd_body table td.info a.remove { display: none; float: right; margin-left: 8px; }
#header #cart .hd_body table td.info small { display: block; font-size: 12px; line-height: 1.5em; color: #666; }
#header #cart .hd_body table td.qty { font-size: 13px; line-height: 1.5em; }
#header #cart .hd_body table td.total { text-align: right; color: #00AEDB; font-size: 16px; font-weight: 600; }
#header #cart .hd_body table.totals { margin-top: 36px; }
#header #cart .hd_body table.totals td { padding: 3px 0px; text-align: right; vertical-align: baseline; }
#header #cart .hd_body table td.tot_title { font-size: 13px; line-height: 1.5em; }
#header #cart .hd_body table td.tot_price { color: #00AEDB; font-size: 16px; font-weight: 600; }
#header #cart .hd_body table .total td.tot_price { font-size: 18px; }
#header #cart .hd_body .links { }
#header #cart .hd_body .links a { }
#header #cart .hd_body .links a + a { }
#header #quote { position: relative; display: inline-block; vertical-align: middle; margin-left: 20px; height: 40px;
z-index: 90000; }
#header #quote .hd_head { background: #F8F8F8; padding: 8px 12px 6px; line-height: 24px; color: #333;
border: 1px solid #CCC; cursor: pointer; border-radius: 4px; }
#header #quote .hd_head:before { display: block; float: left; content: ''; margin: -2px 10px 0px 0px; width: 24px;
height: 24px; background: url('../image/icon-header-basket.png') center no-repeat; }
#header #quote .hd_head:after { display: block; float: right; content: ''; margin-left: 10px; width: 11px;
height: 24px; background: url('../image/arrow-header-cart-down.png') center no-repeat; }
#header #quote .quote-total { }
#header #quote .quote-total span { display: none; }
#header #quote .quote-total .ct_items { display: inline-block; }
#header #quote .quote-total .ct_items .ct_item_num_bracket { display: inline-block; }
#header #quote .quote-total .ct_items .ct_item_num { display: inline-block; }
#header #quote .quote-total .ct_items .ct_item_text { }
#header #quote.open .hd_head { position: relative; border-radius: 4px 4px 0px 0px; border-bottom-color: transparent;
padding-bottom: 16px; z-index: 2; }
#header #quote.open .hd_head:after { background-image: url('../image/arrow-header-cart-up.png'); }
#header #quote .hd_body { position: absolute; display: none; top: calc(100% + 9px); left: auto; right: 0px; width: 420px;
border: 1px solid #CCC; border-radius: 0px 0px 4px 4px; background: #F8F8F8; z-index: 1;
padding: 24px 24px; }
#header #quote.open .hd_body { display: block; }
#header #quote .hd_body .empty { text-align: center; margin: 40px 0px; }
#header #quote .prods_wrapper { font-size: 14px; line-height: 1.5em; overflow: auto; max-height: 420px; }
#header #quote .hd_body table { width: 100%; border-spacing: 0px; border-collapse: collapse; }
#header #quote .hd_body table.prods { }
#header #quote .hd_body table tbody { }
#header #quote .hd_body table.prods tbody { border-bottom: 1px solid #DDD; }
#header #quote .hd_body table tr { }
#header #quote .hd_body table tr.upper { }
#header #quote .hd_body table tr.lower { }
#header #quote .hd_body table td { padding: 8px 0px; vertical-align: top; }
#header #quote .hd_body table tr.upper td { }
#header #quote .hd_body table tr.lower td { vertical-align: bottom; }
#header #quote .hd_body table td.image { padding-right: 12px; width: 100px; }
#header #quote .hd_body table td.image a { display: block; margin: 0px; padding: 0px; }
#header #quote .hd_body table td.image a img { display: block; margin: 0px; padding: 0px; border: 1px solid #DDD; }
#header #quote .hd_body table td.info { padding-bottom: 0px; }
#header #quote .hd_body table td.info a { color: #00AEDB; font-weight: 600; }
#header #quote .hd_body table td.info a:hover { color: #000; }
#header #quote .hd_body table td.info a.remove { display: none; float: right; margin-left: 8px; }
#header #quote .hd_body table td.info small { display: block; font-size: 12px; line-height: 1.5em; color: #666; }
#header #quote .hd_body table td.qty { font-size: 13px; line-height: 1.5em; }
#header #quote .hd_body table td.total { text-align: right; color: #00AEDB; font-size: 16px; font-weight: 600; }
#header #cart .hd_body .links { }
#header #cart .hd_body .links a { }
#header #cart .hd_body .links a + a { }
@media (min-width: 1200px) {
header { position: fixed; top: 0px; left: 0px; right: 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
header { position: fixed; top: 0px; left: 0px; right: 0px; }
#header .hasquote #search input[type=text] { width: 240px; }
}
@media (min-width: 768px) and (max-width: 991px) {
#upperheader { font-size: 12px; line-height: 1.5em; }
#header .container { padding-top: 15px; padding-bottom: 15px; }
#header #logo { padding: 0px; }
#header #search input[type=text] { width: 280px; height: 30px; font-size: 14px; }
#header .hasquote #search input[type=text] { width: 200px; }
#header #search button { width: 40px; height: 30px; padding: 0px; }
#header #search .smartsearch { top: calc(100% + 15px) !important; padding: 10px !important; }
#header #search .smartsearch-product img { width: 60px; }
#header #search .smartsearch-bottom { padding-top: 8px !important; }
#header #quote { margin-left: 8px; height: 30px; }
#header #quote .hd_head { padding: 3px 6px 1px; }
#header #quote .hd_head:before { background-size: 18px; margin-right: 4px; }
#header #quote .hd_head:after { margin-left: 4px; }
#header #quote.open .hd_head { padding-bottom: 11px; }
#header #cart { margin-left: 8px; height: 30px; }
#header #cart .hd_head { padding: 3px 6px 1px; }
#header #cart .hd_head:before { background-size: 18px; margin-right: 4px; }
#header #cart .hd_head:after { margin-left: 4px; }
#header #cart.open .hd_head { padding-bottom: 11px; }
}
@media (max-width: 767px) {
#upperheader { font-size: 12px; line-height: 1.5em; }
#upperheader #uh_left,
#upperheader #uh_right { float: none; width: 100%; text-align: center; }
#upperheader #uh_right { margin-top: 4px; }
#header .container { padding-top: 15px; padding-bottom: 15px; }
#header #logo { float: none; text-align: center; padding: 0px; }
#header #logo a { display: inline-block; }
#header #headright { position: relative; float: none; text-align: center; }
#header #search { width: 100%; margin: 10px 0px; }
#header #search input[type=text] { width: calc(100% - 45px) !important; height: 30px; font-size: 14px; }
#header #search button { width: 40px; height: 30px; padding: 0px; }
#header #search .smartsearch { top: calc(100% + 15px) !important; padding: 10px !important; }
#header #search .smartsearch-product img { width: 60px; }
#header #search .smartsearch-bottom { padding-top: 8px !important; }
#header #quote { position: initial; margin-left: 8px; height: 30px; }
#header #quote .hd_head { padding: 3px 6px 1px; cursor: pointer; }
#header #quote .hd_head:before { background-size: 18px; margin-right: 4px; }
#header #quote .hd_head:after { display: none; }
#header #quote.open .hd_head { padding-bottom: 11px; }
#header #cart { position: initial; margin-left: 8px; height: 30px; }
#header #cart .hd_head { padding: 3px 6px 1px; cursor: pointer; }
#header #cart .hd_head:before { background-size: 18px; margin-right: 4px; }
#header #cart .hd_head:after { display: none; }
#header #cart.open .hd_head { padding-bottom: 11px; }
}
/* Normal Top Menu */
#menu { position: relative; background: none; margin: 0px; min-height: 0px; border-radius: 0px; border: none;
z-index: 80003; }
#menu .container { }
#menu .navbar-header { float: none; margin: 0px; }
#menu .navbar-header .navbar-toggle { display: block; float: none; padding: 0px; margin: 0px; border: none;
border-radius: 0px; line-height: 24px; cursor: pointer; }
#menu .navbar-header .navbar-toggle button { font-size: 16px; font-stretch: expanded; background: #00AEDB; color: #FFF;
padding: 0px 15px 2px; margin-left: 6px; outline: none; box-shadow: none; }
#menu ul.nav { float: none; margin: 0px; }
#menu ul.nav > li { float: none; }
@media (min-width: 768px) {
#menu { position: relative; text-align: center; border-bottom: 1px solid #E8E8E8; }
#menu .container { }
#menu .navbar-collapse { display: block; margin: 0px; padding: 0px; }
#menu ul.nav { display: table; margin: 0px auto; padding: 0px; list-style: none; }
#menu ul.nav > li { position: initial; display: table-cell; margin: 0px; }
#menu ul.nav > li > a { position: relative; display: block; line-height: 50px; padding: 0px 16px;
background: none; }
#menu ul.nav > li > .dropdown-menu { display: none !important; position: absolute; top: 100%; left: 0px; right: 0px;
margin: 0px !important; padding: 0px; background: #FFF;
border-top: 2px solid #00AEDB; border-bottom: 1px solid #DDD;
box-shadow: 0px 5px 4px -4px #DDD; text-align: center; }
#menu ul.nav > li > .dropdown-menu ul { display: block; margin: 0px auto; padding: 30px 0px; list-style: none; }
#menu ul.nav > li > .dropdown-menu ul li { display: inline-block; vertical-align: top; padding: 10px 10px;
width: calc(100% / 6 - 4px); }
#menu ul.nav > li > .dropdown-menu ul li.clear { display: block; padding: 0px; }
#menu ul.nav > li > .dropdown-menu ul li a { display: block; }
#menu ul.nav > li > .dropdown-menu ul li a img { width: 100%; height: auto !important; margin-bottom: 15px;
border: 1px solid #DDD; }
#menu ul.nav > li > .dropdown-menu .shopall { font-size: 15px; line-height: 20px; padding: 20px 0px;
border-top: 1px solid #DDD; }
#menu ul.nav > li > .dropdown-menu .shopall a { color: #00AEDB; font-weight: bold; }
#menu ul.nav > li > .dropdown-menu .shopall a:hover { color: #333; }
#menu ul.nav > li.open > a,
#menu ul.nav > li.current > a,
#menu ul.nav > li:hover > a { display: block; background: #00AEDB; color: #FFF; }
#menu ul.nav > li:hover > .dropdown-menu { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
#menu ul.nav > li > a { line-height: 40px; padding: 0px 10px; }
#menu ul.nav > li > .dropdown-menu ul { padding: 15px 0px; }
#menu ul.nav > li > .dropdown-menu ul li { padding: 8px 3px; }
#menu ul.nav > li > .dropdown-menu .shopall { padding: 15px 0px; }
}
@media (max-width: 767px) {
#menu { border-bottom: 1px solid #E8E8E8; }
#menu .container { padding: 6px 15px; }
#menu .navbar-collapse { border-top: 1px solid #DDD; margin-top: 6px; padding-top: 6px; }
#menu ul.nav { display: block; margin: 0px; padding: 0px; list-style: none; }
#menu ul.nav > li { display: block; margin: 0px; padding: 0px; }
#menu ul.nav > li + li { margin-top: 5px; }
#menu ul.nav > li > a,
#menu ul.nav > li > span { position: relative; display: block; padding: 0px; background: none; cursor: pointer;
font-size: 15px; line-height: 20px; color: #000; }
#menu ul.nav > li > a:hover,
#menu ul.nav > li > span:hover { color: #00AEDB; }
#menu ul.nav > li > span:after { display: inline-block; vertical-align: top; width: 20px; height: 20px; content: '';
background: url('../image/arrow-header-cart-down.png') center no-repeat;
transform: rotate(-90deg); transition: transform 0.5s; }
#menu ul.nav > li.open > span:after { transform: rotate(0deg); }
#menu ul.nav .dropdown-menu { }
#menu ul.nav .dropdown-inner { padding-bottom: 0px; }
#menu ul.nav .dropdown-inner ul { display: block; margin: 0px; padding: 0px; list-style: none; }
#menu ul.nav .dropdown-inner ul li { }
#menu ul.nav .dropdown-inner ul li + li { }
#menu ul.nav .dropdown-inner ul li a { }
/*
header { text-align: center; }
header #logo { float: none; width: 100%; margin: 10px auto 0px; padding: 0px; }
header #logo a { max-width: 140px; margin: 0px auto; }
header #headright { float: none; margin: 12px 0px 0px; padding-bottom: 12px; width: 100%; text-align: center; }
#menu { margin: 12px 0px 0px; }
#menu .container { padding: 10px 15px; }
#menu .navbar-header { margin: 0px; text-align: left; }
#menu .navbar-header .navbar-toggle:after { display: block; content: ''; clear: both; }
#menu .navbar-header .navbar-toggle button { float: left; margin-left: 0px; margin-right: 6px; }
#menu .navbar-collapse { border: none; margin: 0px; padding: 0px; text-align: left; }
#menu ul.nav { margin-top: 5px; }
#menu ul.nav li > a { padding: 5px 0px; }
*/
}
/* footer */
footer { background: #F8F8F8; border-top: 1px solid #CCC; }
footer .container { padding-top: 36px; padding-bottom: 36px; }
footer h5 { text-transform: uppercase; margin: 0px 0px 20px; }
footer ul { display: block; margin: 20px 0px 0px; padding: 0px; list-style: none; font-size: 13px; line-height: 20px; }
footer ul li { display: block; margin: 0px; padding: 0px; }
footer ul li + li { margin-top: 8px; }
footer ul li a { display: inline-block; }
footer p { font-size: 13px; line-height: 20px; margin-top: 12px; }
footer .social { display: block; margin-top: 36px; }
footer .social:first-child { margin-top: 0px; }
footer .social .icon { display: inline-block; vertical-align: middle; }
footer .social .icon + .icon { margin-left: 5px; }
footer .social .icon a { }
footer .social .icon a img { display: block; }
#lowerfooter { background: #F8F8F8; border-top: 1px solid #CCC; font-size: 13px; line-height: 20px; }
#lowerfooter .container { padding-top: 24px; padding-bottom: 24px; }
#lowerfooter div { }
#lowerfooter div + div { margin-top: 6px; }
#lowerfooter div span { }
#lowerfooter div span + span:before { display: inline-block; vertical-align: middle; content: ''; width: 1px; height: 16px;
background: #DDD; margin: 0px 12px 0px 9px; }
#basebar { background: #000; color: #FFF; font-size: 12px; line-height: 23px; }
#basebar .container { padding-top: 12px; padding-bottom: 12px; }
#basebar .copyright { display: block; float: left; }
#basebar .paylogos { display: block; float: right; text-align: right; }
#basebar .paylogos span { display: inline-block; vertical-align: middle; }
#basebar .paylogos .secure { margin-right: 12px; }
#basebar .paylogos .secure:before { display: inline-block; vertical-align: middle; content: ''; width: 10px; height: 13px;
background: url('../image/icon-padlock-footer.png') center no-repeat; margin-right: 4px; }
#basebar .paylogos .logos { }
#basebar .paylogos .logos img { display: inline-block; vertical-align: middle; }
#basebar .paylogos .logos img + img { margin-left: 1px; }
@media (min-width: 991px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
footer { text-align: center; }
footer .container { padding-top: 18px; padding-bottom: 18px; }
footer .row { margin-top: -18px; }
footer .row > div[class*=col-] { margin-top: 18px; }
footer h5 { margin: 0px 0px 12px; }
footer ul { margin: 12px 0px 0px; }
footer ul li { }
footer ul li + li { margin-top: 4px; }
footer .social { margin-top: 6px; }
#lowerfooter { text-align: center; }
#basebar { }
#basebar .copyright,
#basebar .paylogos { float: none; text-align: center; }
#basebar .paylogos .logos { margin-top: 6px; }
}
/* content */
#pagecontent { display: block; width: 100%; min-height: 400px; }
#pagecontent > div { }
#pagecontent > div:nth-child(odd) { }
#pagecontent > div:nth-child(even) { }
#pagecontent > div.container { min-height: 400px; padding-top: 24px; padding-bottom: 60px; background: none; }
body.home-page #pagecontent > div.container { padding-top: 12px; padding-bottom: 72px; }
body.product-page #pagecontent > div.container { padding-top: 0px; }
@media (max-width: 767px) {
#pagecontent > div.container { min-height: 0px; padding-bottom: 24px; }
body.home-page #pagecontent > div.container { padding-bottom: 24px; }
}
#content { }
#content h1 { text-align: center; margin: 0px; }
#content .description { text-align: center; margin: 24px 0px 0px; }
#content .description > :first-child { margin-top: 0px !important; }
#content img { max-width: 100%; height: auto !important; }
/* mod_holder = column left / right, content top / bottom / above footer / below menu */
.mod_holder { }
.mod_holder > div { }
.mod_holder > div :first-child { margin-top: 0px; }
.mod_holder > div :last-child { margin-bottom: 0px; }
.mod_holder > div > h3 { display: block; margin: 0px 0px 12px; padding: 0px; }
.mod_holder p { margin: 20px 0px 0px; }
body.home-page .mod_holder > div + div { margin-top: 24px; }
body.category-page #content-top { margin-top: -24px; }
#content-below-menu > div:first-child,
#content-above-footer > div:first-child { margin-top: 0px; }
#content-below-menu > div:last-child,
#content-above-footer > div:last-child { margin-bottom: 0px; }
.sidebar > div { }
.sidebar > div + div { margin-top: 36px; }
.sidebar > div :first-child { margin-top: 0px; }
.sidebar > div :last-child { margin-bottom: 0px; }
.sidebar > div h3 { display: block; margin: 0px 0px 12px; padding: 0px; }
/* alert */
.alert { padding: 8px 14px 8px 14px; }
/* breadcrumb */
.breadcrumb { display: block; background: none; padding: 0px; margin: 10px 0px; border: none;
border-radius: 0px; list-style: none; font-size: 12px; line-height: 20px; color: #666; }
.breadcrumb:after { display: block; content: ''; clear: both; }
.breadcrumb > li { display: block; float: left; margin: 0px !important; padding: 0px !important;
background: none !important; }
.breadcrumb > li + li { margin-left: 4px !important; }
.breadcrumb > li + li:before { display: inline-block; content: '/'; margin-right: 4px; padding: 0px; color: #444; }
.breadcrumb > li a { display: inline-block; color: inherit; }
.breadcrumb > li a:hover,
.breadcrumb > li a:focus { color: #00AEDB; }
/* Page Head */
#pagehead { background: #F7F7F7; }
#pagehead .container { position: relative; padding-top: 40px; padding-bottom: 40px; text-align: center; }
#pagehead .breadcrumb { position: absolute; top: 10px; margin: 0px; }
#pagehead h1 { text-align: center; margin: 0px auto; width: 800px; max-width: 100%; }
#pagehead .description { margin: 24px auto 0px; font-size: 14px; line-height: 1.5em; width: 800px; max-width: 100%; }
#pagehead .description div,
#pagehead .description p { margin: 20px 0px 0px; }
.pagedesc { }
.pagedesc.page_desc_main { margin: 0px 0px 30px; padding: 0px 0px 30px; border-bottom: 1px solid #DDD; }
.pagedesc .container { padding-top: 60px; padding-bottom: 60px; }
.pagedesc h1 { font-size: 36px; line-height: 1.33em; text-align: center; margin: 0px 0px 30px; }
.pagedesc { margin: 0px; }
.pagedesc :first-child { margin-top: 0px !important; }
.pagedesc :last-child { margin-bottom: 0px !important; }
.pagedesc div.row { margin-top: 24px; margin-bottom: 24px; }
.pagedesc img { max-width: 100%; height: auto !important; }
#content .pagedesc { margin-bottom: 30px; }
/* Sub category listings */
.sub_cats { margin-top: -24px; } /* .row */
.sub_cats > div[class*=col-] { margin-top: 24px; } /* .col- */
.sub_cats .sub_cat_wrapper { position: relative; display: block; margin: 0px; padding: 0px; text-align: center;
border: 1px solid #E8E8E8; color: #000; }
.sub_cats .sub_cat_wrapper span { display: block; }
.sub_cats .sub_cat_wrapper .sc_img { background: #E8E8E8; color: #000; }
.sub_cats .sub_cat_wrapper .sc_img img { display: block; width: 100%; height: auto !important; }
.sub_cats .sub_cat_wrapper .sc_name { display: block; font-size: 18px; line-height: 24px; font-weight: 600;
padding: 16px 16px; text-align: center; border-top: 1px solid #E8E8E8;
background: #00AEDB; color: #FFF; }
.sub_cats.cats_1,
.sub_cats.cats_2,
.sub_cats.cats_3 { text-align: center; }
.sub_cats.cats_1 > div[class*=col-],
.sub_cats.cats_2 > div[class*=col-],
.sub_cats.cats_3 > div[class*=col-] { float: none; display: inline-block; vertical-align: top; text-align: left; }
@media (min-width: 992px) and (max-width: 1199px) {
.sub_cats .sub_cat_wrapper .sc_name { font-size: 16px; line-height: 1.5em; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
.sub_cats { margin: -12px -6px 0px; }
.sub_cats > div[class*=col-] { margin-top: 12px; padding-left: 6px; padding-right: 6px; }
.sub_cats .sub_cat_wrapper .sc_name { font-size: 16px; line-height: 1.5em; padding: 8px; }
}
/* Product Filters */
.prod_filters { display: block; margin: 0px; padding: 0px; font-size: 13px; line-height: 36px; }
.prod_filters:after { display: block; content: ''; clear: both; }
.prod_filters > div { display: block; }
.prod_filters label { display: inline-block; font: inherit; margin: 0px; }
.prod_filters select { display: inline-block; height: 36px; width: auto; max-width: 100%; font: inherit; }
.prod_filters .view_changer { float: left; display: none; }
.prod_filters .view_changer a { cursor: pointer; }
.prod_filters .compare { float: left; margin-left: 20px; display: none; }
.prod_filters .sort_by { float: right; }
.prod_filters .per_page { float: right; margin-left: 20px; }
.sub_cats + .prod_filters { margin-top: 36px; padding-top: 36px; border-top: 1px solid #E8E8E8; }
/* Product Grid */
#cat_prods { }
#cat_prods .container { padding-top: 60px; padding-bottom: 60px; }
.prod_grid { } /* .row */
.prod_grid > div[class*=col-] { margin-top: 24px; }
.prod_grid .prod { border: 1px solid #E8E8E8; padding: 12px; text-align: center; }
.prod_grid .prod > div { display: block; margin: 0px; padding: 0px; }
.prod_grid .prod .image { margin: -12px -12px 0px; border-bottom: 1px solid #E8E8E8; }
.prod_grid .prod .image a { position: relative; display: block; }
.prod_grid .prod .image a img { display: block; width: 100%; max-width: 100%; }
.prod_grid .prod .name { display: block; font-size: 15px; line-height: 1.5em; margin: 24px 0px 0px; }
.prod_grid .prod .name a { color: inherit; }
.prod_grid .prod .model { display: block; font-size: 12px; line-height: 1.5em; color: #999; margin: 12px 0px 0px; }
.prod_grid .prod .desc { display: none; }
.prod_grid .prod .price { display: none; margin-top: 18px; }
.prod_grid .prod .price .price-wrapper { display: block; font-size: 30px; line-height: 1em; }
.prod_grid .prod .price .price-new-wrapper { color: #000; }
.prod_grid .prod .price .price-special-wrapper { color: #D0021B; }
.prod_grid .prod .price .price-old-wrapper { display: none; font-size: 18px; line-height: 1em; color: #9B9B9B; }
.prod_grid .prod .price .price-tax-wrapper { display: none; font-size: 18px; line-height: 1em; color: #9B9B9B; }
.prod_grid .prod .price .price-wrapper span { }
.prod_grid .prod .price .from { display: none; }
.prod_grid .prod .price .now { display: none; }
.prod_grid .prod .price .was { }
.prod_grid .prod .price .price-new { }
.prod_grid .prod .price .price-old { }
.prod_grid .prod .price .price-tax { }
.prod_grid .prod .price .inc-vat { display: none; }
.prod_grid .prod .price .ex-vat { }
.prod_grid .prod .rating { display: none; margin-top: 8px; }
.prod_grid .prod a.btn { margin-top: 24px; }
.prod_carousel { position: relative; }
.prod_carousel .pcs_outer { overflow: hidden; }
.prod_carousel .pcs_inner { }
.prod_carousel .pcs_inner:after { display: block; content: ''; clear: both; }
.prod_carousel .prod_grid { float: left; margin-left: -6px; margin-right: -6px; margin-top: 0px !important; }
.prod_carousel .prod_grid > div[class*=col-] { height: 100%; padding-left: 6px; padding-right: 6px; }
.prod_carousel .prod_grid .prod { height: 100%; }
.prod_carousel .pcs_nav { position: absolute; display: none; top: calc(50% - 30px); left: 0px; right: 0px; }
.prod_carousel .pcs_nav div { position: absolute; top: 0px; display: block; width: 24px; height: 60px;
background: url('../image/slideshow-buttons.png') top no-repeat; }
.prod_carousel .pcs_nav div.prev { background-position: left; left: -24px; }
.prod_carousel .pcs_nav div.next { background-position: right; right: -24px; }
.prod_carousel .pcs_paging { display: none; }
.prod_carousel .pcs_paging .page { }
.prod_carousel .pcs_paging .page.active { }
@media (max-width: 767px) {
.prod_grid { margin: 0px -6px 0px; } /* .row */
.prod_grid > div[class*=col-] { margin-top: 12px; padding-left: 6px; padding-right: 6px; }
.prod_grid .prod { padding: 0px 8px 8px; }
.prod_grid .prod .image { margin: 0px -8px; }
.prod_grid .prod .brand { margin-top: 8px; }
.prod_grid .prod .price { margin-top: 8px; }
.prod_grid .prod .price .price-wrapper { font-size: 24px; }
.prod_grid .prod .price .price-old-wrapper { font-size: 16px; }
.prod_grid .prod .price .price-tax-wrapper { font-size: 16px; }
.prod_carousel .prod_grid > div[class*=col-] { display: block; height: auto; } /* .col */
.prod_carousel .prod_grid .prod { height: auto; }
}
.sidebar .prod_grid { } /* .row */
.sidebar .prod_grid > div[class*=col-] { width: 100% !important; margin-top: 24px; }
.sidebar .prod_grid > div[class*=col-]:first-child { margin-top: 0px; }
.sidebar .prod_grid > div.clearfix:after { margin: 0px; }
/* Product List */
/* To be added!! */
/* Pagination */
.prod_paging { }
.prod_paging > div { font-size: 18px; line-height: 24px; color: #000; }
.prod_paging .results { display: none; float: left; width: 50%; text-align: left; }
.prod_paging .paging { text-align: center; margin-top: 48px; }
.prod_paging .pagination { display: block; margin: 0px; padding: 0px; border-radius: 0px; border: none; list-style: none; }
.prod_paging .pagination > li { display: inline-block; border: none; }
.prod_paging .pagination > li.pagenum + li.pagenum:before { display: block; float: left; width: 1px; height: 24px;
background: #DDD; margin: 0px 12px; content: ''; }
.prod_paging .pagination > li.first { display: none; }
.prod_paging .pagination > li.prev { display: block; float: left; }
.prod_paging .pagination > li.prev a:before { display: inline-block; vertical-align: middle; content: '';
width: 20px; height: 24px; margin-right: 10px;
background: url('../image/arrow-left-black.png') center no-repeat; }
.prod_paging .pagination > li.next { display: block; float: right; }
.prod_paging .pagination > li.next a:after { display: inline-block; vertical-align: middle; content: '';
width: 20px; height: 24px; margin-left: 10px;
background: url('../image/arrow-right-black.png') center no-repeat; }
.prod_paging .pagination > li.last { display: none; }
.prod_paging .pagination > li > a { cursor: pointer; }
.prod_paging .pagination > li > a,
.prod_paging .pagination > li > span { display: block; text-align: center; padding: 0px; line-height: inherit;
border: none; border-radius: 0px; color: #000; background: none; min-width: 24px; }
.prod_paging .pagination > li.active { }
.prod_paging .pagination > li.active a,
.prod_paging .pagination > li:hover a,
.prod_paging .pagination > li.active span,
.prod_paging .pagination > li:hover span { border: none; color: #211551; color: #FFF; background: none; }
.prod_paging .pagination > li.prev a:hover:before { background-image: url('../image/arrow-left-yellow.png'); }
.prod_paging .pagination > li.next a:hover:after { background-image: url('../image/arrow-right-yellow.png'); }
/* buttons */
.buttons { margin: 1em 0px 0px; }
.btn,
.btn:focus{ display: inline-block; padding: 6px 12px; font-size: 13px; line-height: 20px; background: #00AEDB; color: #FFF;
border: 2px solid #00AEDB; border-radius: 0px; box-shadow: none; font-weight: bold; }
.btn:hover { color: #FFF; background-color: #00CCFF; }
.btn.disabled,
.btn[disabled] { background-color: #999; border-color: #999; color: #FFF; }
.btn-md,
.btn-md:focus { padding: 12px 16px; font-size: 14px; line-height: 20px; }
.btn-lg,
.btn-lg:focus { padding: 18px 24px; font-size: 18px; }
.btn-block { display: block; width: 100%; text-align: center; }
.btn-white,
.btn-white:focus { background: #FFF; color: #00AEDB; border-color: #FFF; }
.btn-white:hover { background: #F1F1F1; color: #00AEDB; border-color: #F1F1F1; }
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover { font-size: 12px; }
.btn-group > .btn-xs { font-size: 9px; }
.btn-group > .btn-sm { font-size: 10.2px; }
.btn-group > .btn-lg { font-size: 15px; }
.btn-default { color: #FFF; text-shadow: none; background: #00AEDB; border-color: #00AEDB; }
.btn-default:hover,
.btn-default:active,
.btn-default.active { color: #FFF; background: #00CCFF; border-color: #00AEDB; }
.btn-default.disabled,
.btn-default[disabled] { box-shadow: none; }
.btn-primary { color: #FFF; text-shadow: none; background: #00AEDB; border-color: #00AEDB; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active { color: #FFF; background: #00CCFF; border-color: #00AEDB; }
.btn-primary.disabled,
.btn-primary[disabled] { box-shadow: none; }
.btn-warning { color: #ffffff; ttext-shadow: none; background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; }
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] { box-shadow: none; }
.btn-danger { color: #ffffff; text-shadow: none; background: #DF2418; border-color: #DF2418; }
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active { color: #FFF; background: #FF4539; border-color: #DF2418; }
.btn-danger.disabled,
.btn-danger[disabled] { box-shadow: none; }
.btn-success { color: #ffffff; text-shadow: none; background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; }
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] { box-shadow: none; }
.btn-info { color: #FFFFFF; text-shadow: none; background-color: #df5c39; background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; border-color: #dc512c #dc512c #a2371a; }
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] { color: #FFFFFF;background-image: none; background-color: #1F1848; }
.btn-print { color: #FFFFFF; text-shadow: none; background-color: #1F1848;}
.btn-print:hover,
.btn-print:active,
.btn-print.active,
.btn-print.disabled,
.btn-print[disabled] { background-image: none; background-color: #1F1848; }
.btn-print a{color:#FFFFFF}
.btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #23A1D1; border-radius: 0; }
.btn-link,
.btn-link:active,
.btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; }
.btn-inverse { color: #ffffff; text-shadow: none; background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; }
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] { background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111); }
/* list group */
.list-group { display: block; margin: 0px; padding: 0px; border: none; border-radius: 0px; background: none; }
.list-group h3 { }
.list-group a { display: block; margin: 0px; padding: 0px; border: none; border-radius: 0px; background: none;
font-size: 14px; line-height: 20px; padding: 8px 0px; color: #333; }
.list-group a.list-group-item { }
.list-group a.list-group-top { border-top: 1px solid #DDD; }
.list-group a.list-group-child { padding-left: 20px; }
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover { background: none; border: none; border-radius: 0px; color: #000; font-weight: bold; }
.list-group a.list-group-top.active,
.list-group a.list-group-top.active:hover,
.list-group a.list-group-top:hover { border-top: 1px solid #DDD; }
/* carousel */
.carousel-caption { color: #FFFFFF; text-shadow: 0 1px 0 #000000; }
.carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; }
.carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; }
/* Star ratings */
.rating { display: block; margin: 0px; line-height: 20px; height: 20px; }
.rating .stars { display: inline-block; vertical-align: top; height: 20px; }
.rating .stars span { display: inline-block; background: center no-repeat transparent; background-size: contain;
width: 18px; height: 20px; }
.rating .stars span.empty { background-image: url('../image/star_empty.png'); }
.rating .stars span.full { background-image: url('../image/star_full.png'); }
.rating a { display: inline-block; cursor: pointer; vertical-align: top; font-weight: bold; }
.rating a + a { }
/* Product page layout */
#prodenquire { position: relative; display: flex; align-items: center; background: center no-repeat; background-size: cover;
width: 100%; height: calc(100vh - 152px); }
#produpper { padding-top: 80px; padding-bottom: 80px; background: rgba(255,255,255,0.7); color: #000; }
#prodlower { padding-top: 80px; padding-bottom: 80px; color: #FFF; text-align: center; }
#prodenquire + #produpper { background: #CACACA; }
#prodenquire + #produpper + #prodlower { background: #CACACA; border-top: 2px solid #FFF; }
#prodenquire #enqcaption { display: block; background: rgba(255,255,255,0.6); padding: 24px 30px; width: 30%; }
#prodenquire #enqcaption h2 { font-weight: 900; margin: 0px 0px 10px; }
#prodenquire #enqcaption p,
#prodenquire #enqcaption div { margin: 16px 0px 0px; }
#prodenquire #enqbtns { position: absolute; bottom: 48px; left: 0px; right: 0px; text-align: center; }
#prodenquire #enqbtns .btn { margin-left: 12px; background: rgba(255,255,255,0.6); }
#prodenquire #enqbtns .btn:hover { background: #FFF; }
#prodenquire #enqbtns .btn:first-child { margin-left: 0px; }
#prodenquire #enqbtns .btn:before { display: inline-block; vertical-align: top; content: ''; width: 20px; height: 18px;
background: left no-repeat; background-size: contain; margin-right: 6px; }
#prodenquire #enqbtns .btn.cart:before { background-image: url('../image/icon-basket.png'); }
#prodenquire #enqbtns .btn.wishlist:before { background-image: url('../image/icon-tractor.png'); }
#prodenquire #enqbtns .btn.demo:before { background-image: url('../image/icon-phone.png'); }
#prodenquire #enqbtns .btn.callback:before { background-image: url('../image/icon-phone.png'); }
@media (min-width: 992px) and (max-width: 1199px) {
#prodenquire #enqcaption { width: 35%; }
}
@media (min-width: 768px) and (max-width: 991px) {
#prodenquire #enqcaption { width: 40%; }
}
@media (max-width: 767px) {
#prodenquire #enqcaption { width: 80%; margin: 0px auto 40px; }
#prodenquire #enqbtns { }
#prodenquire #enqbtns .btn { margin: 12px 6px 0px; }
}
#produpper .proddesc { text-align: center; margin: 0px 0px 36px; }
#produpper .proddesc h2 { font-size: 18px; line-height: 24px; font-weight: 900; margin: 0px 0px 16px; }
#produpper .proddesc p,
#produpper .proddesc div { margin: 16px 0px 0px; }
#prodlower h2 { color: #FFF; font-size: 21px; line-height: 1.33em; font-weight: 900; text-transform: uppercase; }
#prodimg { display: block; margin: 0px; padding: 0px; }
#prodimg:after { display: block; content: ''; clear: both; }
#prodimg .mainimg { position: relative; display: block; width: auto; max-width: 100%; margin-top: 0px; cursor: pointer; }
#prodimg .mainimg img { display: block; margin: 0px; padding: 0px; width: 100%; height: auto !important; }
#prodimg .additionals { position: relative; margin: 4px -3px 0px; width: calc(100% + 6px); }
#prodimg .additionals:after { display: block; content: ''; clear: both; }
#prodimg .additionals div { display: block; float: left; width: calc(100% / 6 - 6px); margin: 6px 3px 0px;
border: 1px solid #E8E8E8; border-radius: 0px; padding: 1px; }
#prodimg .additionals div img { display: block; }
#prodimg .additionals div.active { border: 2px solid #333; padding: 0px; }
#prodimg .additionals div.active img { }
#prodinfo { margin: 0px; padding: 30px 36px; border: 1px solid #E8E8E8; }
#prodinfo h1 { font-size: 24px; line-height: 1.33em; margin: 0px 0px 24px; text-align: center; }
#prodinfo .ordergoods { text-align: center; color: #666; margin: 30px 0px; }
#prodinfo .quote_only_hide { display: none; }
#prodinfo .quote_only_show { display: none; }
#prodopts { display: block; margin: 0px; padding: 0px; border: none; }
#prodopts .prodopt { margin: 36px 0px 0px; }
#prodopts .prodopt.how-to-buy { position: relative; padding-bottom: 28px; margin-bottom: 36px;
border-bottom: 1px solid #DDD; }
#prodopts .prodopt.how-to-buy:after { position: absolute; display: block; top: calc(100% - 9px); left: calc(50% - 10px);
width: 20px; height: 20px; transform: rotate(45deg); border: 1px solid #CCC;
border-left: none; border-top: none; background: #FFF; content: ''; }
#prodopts .prodopt .control-label { display: block; font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 13px;
line-height: 20px; color: #000; font-weight: 600; text-transform: uppercase;
letter-spacing: 1px; margin: 0px 0px 20px; }
#prodopts .prodopt.radioopt > label,
#prodopts .prodopt.checkboxopt > label { cursor: default; }
#prodopts .prodopt .radio,
#prodopts .prodopt .checkbox { margin: 0px; }
#prodopts .spantable { display: block; margin: -3px -3px; }
#prodopts .spantable:after { display: block; content: ''; clear: both; }
#prodopts .spantable > div { display: block; float: left; width: 33.33%; padding: 3px; }
#prodopts .spantable > div:nth-child(3n + 1) { clear: left; }
#prodopts .opt-choose-how-to-buy .spantable > div { width: 50%; }
#prodopts .spantable label { position: relative; display: block; margin: 0px; padding: 18px 18px; border: 1px solid #DDD;
border-radius: 4px; box-shadow: 0px 0px 2px 0px #DDD; background: #FFF; }
#prodopts .spantable input[type=radio],
#prodopts .spantable input[type=checkbox] { position: absolute; top: 0px; left: 0px; z-index: -1; visibility: hidden; }
#prodopts .spantable span { display: block; text-align: center; }
#prodopts .spantable .image { margin: 0px auto 6px; width: 24px; height: 24px; }
#prodopts .spantable .image img { display: block; border: 1px solid #E8E8E8; border-radius: 50%; }
#prodopts .spantable .name { font-size: 16px; font-weight: 400; color: #333; }
#prodopts .spantable .price { color: #666; font-size: 12px; line-height: 1em; margin: 0px; }
#prodopts .spantable .build_quote { font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 21px; line-height: 1.33em;
font-weight: 600; color: #00AEDB; text-transform: uppercase; }
#prodopts .spantable .from { font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 21px; line-height: 1.33em;
font-weight: 600; color: #00AEDB; }
#prodopts .spantable .units { font-size: 14px; line-height: 20px; margin-top: 3px; }
#prodopts .prodopt .radio.active label,
#prodopts .prodopt .checkbox.active label { border: 2px solid #00AEDB; padding: 17px 17px; }
#prodopts .prodopt .text-danger { margin-top: 12px; }
#prodinfo .addqty { margin: 24px 0px 0px; }
#prodinfo .addqty label { display: block; font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 13px;
line-height: 20px; color: #000; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
#prodinfo .addqty label span { text-transform: none; font-weight: 300; letter-spacing: 0px; }
#prodinfo .addqty input[type=text] { display: inline-block; vertical-align: middle; width: 150px; height: 48px; }
#prodinfo .addqty #totalunits { display: inline-block; vertical-align: middle; margin-left: 8px; }
#prodinfo .price { display: block; margin-top: 30px; }
#prodinfo .price:after { display: block; content: ''; clear: both; }
#prodinfo .price .left { display: block; float: left; font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 36px;
line-height: 1.2em; font-weight: 700; }
#prodinfo .price .right { display: block; float: right; }
#prodinfo .price .left .pricetext { font-size: 13px; line-height: 1.5em; font-weight: 600; text-transform: uppercase;
color: #000; }
#prodinfo .price .right .freedel { display: block; float: right; padding-top: 38px; font-size: 16px; line-height: 24px;
color: #999; }
#prodinfo .addcart { margin: 36px 0px 0px; padding: 24px 0px 0px; border-top: 1px solid #E8E8E8; text-align: center; }
#prodinfo .addcart button { margin: 0px 0px 24px; }
#prodinfo .addcart a { display: inline-block; vertical-align: middle; color: #666; }
#prodinfo .addcart a i { display: inline-block; vertical-align: baseline; color: #999; font-size: 16px; margin-right: 4px; }
#prodinfo .addcart .divider { display: inline-block; vertical-align: middle; margin: 0px 40px; color: #DDD; font-size: 20px; }
#prodinfo .min_qty { display: inline-block; margin: 16px 0px 0px; }
@media (min-width: 992px) {
}
@media (min-width: 768px) and (max-width: 991px) {
#prodinfo { padding: 16px; }
#prodopts .spantable label { padding: 12px; }
#prodinfo .addcart { margin: 12px 0px 0px; padding: 12px 0px 0px; text-align: center; }
#prodinfo .addcart .divider { margin: 0px 12px; }
}
@media (max-width: 767px) {
#prodinfo { margin-top: 24px; padding: 16px; }
#prodopts .spantable > div { width: 50%; }
#prodopts .spantable > div:nth-child(3n + 1) { clear: none; }
#prodopts .spantable > div:nth-child(2n + 1) { clear: left; }
#prodinfo .price .left,
#prodinfo .price .right { float: none; text-align: left; }
#prodinfo .price .right .freedel { float: none; padding-top: 12px; }
#prodinfo .addcart { margin: 12px 0px 0px; padding: 12px 0px 0px; text-align: center; }
#prodinfo .addcart .divider { margin: 0px 12px; }
}
#htabs { display: block; }
#htabs .nav-tabs { display: block; width: 100%; font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 13px;
line-height: 20px; font-weight: 600; color: #000; text-transform: uppercase; margin: 48px 0px 0px;
padding: 0px; text-align: center; border: none; border-top: 1px solid #E8E8E8; }
#htabs .nav-tabs > li { display: inline-block; float: none; border: none; margin: 0px; padding: 20px 5px; }
#htabs .nav-tabs > li + li { margin-left: 30px; }
#htabs .nav-tabs > li > a { display: block; margin: 0px; padding: 5px 10px; border: none; font: inherit;
line-height: inherit; color: inherit; }
#htabs .nav-tabs > li.active { }
#htabs .nav-tabs > li.active > a,
#htabs .nav-tabs > li > a:focus,
#htabs .nav-tabs > li > a:hover { color: #00AEDB; background: none; border: none; }
#htabs .tab-content { border-top: 1px solid #E8E8E8; margin: 0px 0px 48px; padding: 24px 0px 0px; }
#htabs .tab-content .tab-pane { }
#htabs .tab-content .tab-pane.active { }
#htabs .tab-content .tab-pane > :first-child { margin-top: 0px; }
#htabs .tab-content .tab-pane > :last-child { margin-bottom: 0px; }
#tab-spec table { border: none; font-size: 15px; line-height: 1.5em; }
#tab-spec table td { border: none; border-bottom: 1px solid #E8E8E8; padding: 7px 16px; }
#tab-spec table td.attname { background: #F8F8F8; color: #000; width: 30%; }
#tab-spec table td.attval { color: #666; }
#vtabs { display: block; margin: 24px 0px 0px; border-bottom: 1px solid #DDD; }
#vtabs:after { display: block; content: ''; clear: both; }
#vtabs .vtab { display: block; margin: 0px; padding: 0px; border-top: 1px solid #DDD; }
#vtabs .vtab .vtab_head { position: relative; display: block; font-family: Montserrat, 'Nunito Sans', sans-serif;
font-size: 13px; line-height: 20px; font-weight: 600; color: #000; text-transform: uppercase;
cursor: pointer; padding: 12px; }
#vtabs .vtab .vtab_head:after { position: absolute; top: calc(50% - 6px); right: 0px; width: 12px; height: 12px;
content: ''; background: url('../image/arrow-prod-desc-right.png') center no-repeat;
transition: transform 0.25s; }
#vtabs .vtab.active .vtab_head:after { transform: rotate(90deg); }
#vtabs .vtab .vtab_body { display: none; padding: 0px 12px 18px; }
#vtabs .vtab .vtab_body > :first-child { margin-top: 0px; }
#vtabs .vtab .vtab_body > :last-child { margin-bottom: 0px; }
#vtabs .vtab .vtab_body h1,
#vtabs .vtab .vtab_body h2,
#vtabs .vtab .vtab_body h3,
#vtabs .vtab .vtab_body h4 { margin: 24px 0px 18px; }
#vtabs #tab-details table { margin-top: 24px; }
@media (min-width: 992px) {
}
@media (min-width: 768px) and (max-width: 991px) {
#htabs .nav-tabs > li + li { margin-left: 10px; }
#htabs .nav-tabs > li > a { padding: 5px; }
}
@media (max-width: 767px) {
#vtabs #tab-details table { margin-top: 12px; }
}
#review > p { margin: 0px; }
#review .review { }
#review .review + .review { border-top: 1px solid #DDD; margin-top: 24px; padding-top: 24px; }
#review .review .rating { margin-bottom: 8px; }
#review .review .date { float: right; color: #999; font-style: italic; }
#review .review .author { font-weight: 600; color: #000; }
#review .review .text { clear: right; margin-top: 6px; }
#prod_related { margin-top: 72px; padding-top: 72px; border-top: 1px solid #E8E8E8; }
#prod_related h2 { text-align: center; font-size: 24px; line-height: 1.25em; margin: 0px 0px 24px; }
#prod_related .prod_grid { margin-top: 36px; }
/* Cart & Quote pages */
.table-cart { }
.table-cart td { padding: 24px 12px !important; border: none !important; border-bottom: 1px solid #DDD !important; }
.table-cart thead td { font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 13px; line-height: 20px;
font-weight: bold; text-transform: uppercase; padding: 18px 12px !important; }
.table-cart td:first-child { padding-left: 0px !important; }
.table-cart td:last-child { padding-right: 0px !important; }
.table-cart td.product { }
.table-cart td.thumb { width: 164px; }
.table-cart td.thumb a { display: block; }
.table-cart td.thumb a img { border: 1px solid #DDD; }
.table-cart td.name { }
.table-cart small { display: block; margin-top: 2px; font-size: inherit; }
.table-cart a + small { margin-top: 12px; }
.table-cart small span { display: block; }
.table-cart small span.optname { font-weight: bold; }
.table-cart small span.optval { }
.table-cart td.quantity { }
.table-cart td.quantity input[type=text] { margin-top: -8px; }
.table-cart td.units { width: 170px; }
.table-cart td.btns { width: 200px; text-align: right; }
.table-cart .model { display: block; margin-top: 12px; font-size: 12px; line-height: 1.5em; color: #999; }
#mobile-cart { }
#mobile-cart .prod { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #DDD; }
#mobile-cart .prod + .prod { }
#mobile-cart .image { display: block; float: right; width: 30%; margin-left: 12px; }
#mobile-cart .image a { display: block; border: 1px solid #E8E8E8; }
#mobile-cart .image a img { display: block; }
#mobile-cart .name { display: block; }
#mobile-cart .name a { }
#mobile-cart .name .model { font-size: 12px; line-height: 1.5em; color: #999; margin-top: 6px; }
#mobile-cart .name small { display: block; margin-top: 6px; }
#mobile-cart .name small .optname { color: #1F1F1F; font-weight: bold; }
#mobile-cart .name small .optval { }
#mobile-cart .quantity { display: block; padding-top: 8px; }
#mobile-cart .quantity .control-label { display: inline-block; vertical-align: top; font-size: 14px; line-height: 28px;
margin: 0px 6px 0px 0px; }
#mobile-cart .quantity input { display: inline-block; vertical-align: top; width: 40px; height: 28px;
text-align: center; }
#mobile-cart .units { display: block; font-size: 14px; line-height: 1.5em; }
#mobile-cart .btns { display: block; padding-top: 12px; }
#mobile-cart .btns button { }
#mobile-cart .btns button + button { margin-left: 6px; }
.submit-button { text-align: right; }
.quotenoprods { display: block; border: 2px solid #00AEDB; padding: 24px; text-align: center; }
.quotenoprods p { margin: 0px; }
body.checkout-quote .table-cart td.quantity { width: 180px; }
@media (min-width: 992px) and (max-width: 1199px) {
.table-cart td.thumb { width: 124px; }
.table-cart a + small { margin-top: 12px; }
.table-cart .model { margin-top: 12px; }
.table-cart td.btns { width: 110px; text-align: center; }
.table-cart td.btns button { width: 100%; }
.table-cart td.btns button + button { margin-top: 4px; }
body.checkout-quote .table-cart td.quantity { width: 140px; }
body.checkout-quote .table-cart td.units { width: 140px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.table-cart td { padding: 18px 6px !important; }
.table-cart td.thumb { width: 124px; }
.table-cart a + small { margin-top: 12px; }
.table-cart .model { margin-top: 12px; }
.table-cart td.btns { width: 110px; text-align: center; }
.table-cart td.btns button { width: 100%; }
.table-cart td.btns button + button { margin-top: 4px; }
body.checkout-quote .table-cart td.quantity { width: 140px; }
body.checkout-quote .table-cart td.units { width: 140px; }
}
@media (max-width: 767px) {
.submit-button { text-align: center; }
}
/* Submit quote page */
#quotedetails { width: 100%; max-width: 750px; margin: 0px auto; }
#quotedetails .form-group { display: block; margin: 0px 0px 24px; }
#quotedetails .form-group.half-width { float: left; width: 50%; padding-right: 6px; }
#quotedetails .form-group.half-width + .half-width { padding-right: 0px; padding-left: 6px; }
#quotedetails .form-group label { font-family: Montserrat, 'Nunito Sans', sans-serif; font-size: 13px; line-height: 20px;
font-weight: bold; text-transform: uppercase; }
#quotedetails .quoteprods { margin-top: 12px; font-size: 14px; line-height: 20px; }
#quotedetails .quoteprod { display: block; margin: 0px; padding: 0px; }
#quotedetails .quoteprod:after { display: block; content: ''; clear: both; }
#quotedetails .quoteprod + .quoteprod { margin-top: 12px; padding-top: 12px; border-top: 1px solid #DDD; }
#quotedetails .quoteprod .thumb { display: block; float: left; margin-right: 20px; width: 160px; }
#quotedetails .quoteprod .thumb a { display: block; }
#quotedetails .quoteprod .thumb a img { display: block; border: 1px solid #DDD; }
#quotedetails .quoteprod .name { }
#quotedetails .quoteprod .name a { }
#quotedetails .quoteprod .name .model { font-size: 12px; line-height: 1.5em; color: #999; }
#quotedetails .quoteprod .opts { margin-top: 12px; }
#quotedetails .quoteprod .opts .opt { }
#quotedetails .quoteprod .quantity { margin-top: 12px; }
#quotedetails .buttons { margin-top: 36px; padding-top: 24px; border-top: 1px solid #DDD; }
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
#quotedetails .form-group { display: block; margin: 0px 0px 12px; }
#quotedetails .form-group.half-width { float: none; width: 100%; padding: 0px !important; }
#quotedetails .quoteprods { margin-top: 0px; }
#quotedetails .quoteprod .thumb { float: right; margin-right: 0px; margin-left: 12px; width: 30%; }
}
.form-horizontal { }
.form-horizontal .control-label { color: #000; margin: 5px 0px; padding: 0px; }
.form-horizontal .form-group { margin-bottom: 20px; }
@media (max-width: 767px) {
.form-horizontal .control-label { padding: 0px 15px; }
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] { min-width: 50px; }
.mod_html { }
.mod_html-wrapper .container { padding-top: 8px; padding-bottom: 8px; }
.mod_html .htmlcontent > :first-child { margin-top: 0px; }
.mod_html .htmlcontent > :last-child { margin-bottom: 0px; }
.owl-carousel { background: none !important; margin: 0px !important; border: none !important; }
.owl-wrapper-outer { background: none !important; border: none !important;
border-radius: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px;
box-shadow: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.owl-wrapper { }
.owl-item { position: relative; }
.owl-item .item { }
.owl-item .item > a { display: block; }
.owl-item .item > img { width: 100%; }
.owl-item .item .caption { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 480px; color: #FFF !important;
background: #00AEDB; display: flex; align-items: center; padding: 36px 84px 36px 42px;
clip-path: polygon(0% 0%, 100% 0%, calc(100% - 80px) 100%, 0% 100%); }
.owl-item .item .caption .container { width: 100%; margin: 0px; padding: 0px; }
.owl-item .item .caption-wrapper { }
.owl-item .item .caption h2 { font-size: 42px; line-height: 1.33em; color: inherit; margin: 0px 0px 20px; }
.owl-item .item .caption p { color: inherit; margin: 24px 0px 0px; }
.owl-item .item .caption a { text-shadow: none; }
.owl-controls { position: initial; top: 100%; left: 0px; right: 0px; }
.owl-controls .owl-pagination { position: relative; top: auto; margin: 0px !important; padding: 24px 0px !important;
height: 60px; }
.owl-controls .owl-page { display: inline-block; vertical-align: top; margin: 0px 4px !important; }
.owl-controls .owl-page span { background: #DDD !important; width: 12px !important; height: 12px !important;
border-radius: 50% !important; box-shadow: none !important; }
.owl-controls .owl-page.active span { background: #211551 !important; color: #FFF; }
.owl-controls .owl-buttons { position: absolute; bottom: calc(50% + 30px); left: 0px; right: 0px; }
.owl-controls .owl-buttons > div { opacity: 1 !important; height: 60px; width: 24px;
background: url('../image/slideshow-buttons.png') no-repeat;
font-size: 0px; line-height: 0px; color: transparent; }
.owl-controls .owl-buttons > div.owl-prev { top: 0px; left: -24px; background-position: left; }
.owl-controls .owl-buttons > div.owl-next { top: 0px; right: -24px; background-position: right; }
.mod_slideshow-wrapper { }
.mod_slideshow-wrapper > .container { width: 100%; margin: 0px; padding: 0px; }
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
.owl-item .item .caption h2 { font-size: 30px; line-height: 1.33em; margin-bottom: 16px; }
.owl-item .item .caption p { margin-top: 16px; }
.owl-item .item .caption { width: 50%; padding: 24px 60px 24px 24px;
clip-path: polygon(0% 0%, 100% 0%, calc(100% - 56px) 100%, 0% 100%); }
.owl-controls .owl-buttons { bottom: calc(50% + 20px); }
.owl-controls .owl-buttons > div { height: 40px; width: 18px; background-size: 32px 40px; border: 1px solid #DDD; }
.owl-controls .owl-buttons > div.owl-prev { left: -9px; }
.owl-controls .owl-buttons > div.owl-next { right: -9px; }
}
@media (max-width: 767px) {
.owl-item .item .caption { position: relative; top: auto; bottom: auto; left: auto; width: 100%; display: block;
padding: 24px; clip-path: none; }
.owl-item .item .caption h2 { font-size: 24px; line-height: 1.33em; margin-bottom: 0px; }
.owl-item .item .caption p { margin-top: 12px; }
.owl-controls { display: none !important; }
}
.mod_banner-wrapper { }
.mod_banner-wrapper > .container { width: 100%; margin: 0px; padding: 0px; }
.mod_banner { }
.mod_banner .item { background: center no-repeat; background-size: cover !important; }
.mod_banner .item img { display: none; }
.mod_banner .item .caption { }
.mod_banner .item .caption .container { padding-top: 36px; padding-bottom: 36px; }
.mod_mega_filter { }
.mod_mega_filter h3 { }
.mod_mega_filter .mfilter-selected-filters { border: 1px solid #E8E8E8; margin: 0px 0px 24px; padding: 12px;
font-size: 13px; line-height: 20px; }
.mod_mega_filter .mfilter-selected-filters-cnt { }
.mod_mega_filter .mfilter-selected-filters-cnt > div { display: block; }
.mod_mega_filter .mfilter-selected-filters-cnt > div + div { margin-top: 4px; }
.mod_mega_filter .mfilter-selected-filters-cnt > div a { display: inline-block; background: #E8E8E8; padding: 5px 8px; }
.mod_mega_filter .mfilter-selected-filters-cnt > div a span { display: inline-block; vertical-align: middle; padding: 0px; }
.mod_mega_filter .mfilter-selected-filters-cnt > div a span.mfilter-close { width: auto; padding: 0px; margin-left: 10px; }
.mod_mega_filter .mfilter-selected-filters-cnt > div a span.mfilter-close i { margin: 0px; }
.mod_mega_filter .mfilter-content { border: none; border-radius: 0px; }
.mod_mega_filter .mfilter-content ul { }
.mod_mega_filter .mfilter-content ul li.mfilter-filter-item { }
.mod_mega_filter .mfilter-content ul li + li { margin-top: 12px; }
.mod_mega_filter .mfilter-heading { background: none; font-size: 13px; line-height: 20px; color: #000;
text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #E8E8E8;
font-family: Montserrat, 'Nunito Sans', sans-serif; }
.mod_mega_filter .mfilter-heading-content { position: relative; padding: 9px 2px 8px; line-height: inherit;
background: url('../image/dot-divider-horizontal.png') top repeat-x; }
.mod_mega_filter .mfilter-heading-text { margin: 0px; line-height: inherit; }
.mod_mega_filter .mfilter-heading-text > span { padding: 0px; line-height: inherit; }
.mod_mega_filter .mfilter-heading .mfilter-head-icon { position: absolute; right: 2px; top: 9px;
background: url('../image/icon-expand-minus.png') center no-repeat;
float: none; margin: 0px; width: 10px; height: 20px; }
.mod_mega_filter .mfilter-heading.mfilter-collapsed .mfilter-head-icon { background-image: url('../image/icon-expand-plus.png') }
.mod_mega_filter .mfilter-content-opts { font-size: 14px; line-height: 20px; }
.mod_mega_filter .mfilter-opts-container { border: none; padding: 0px 2px; }
.mod_mega_filter #mfilter-opts-price-min,
.mod_mega_filter #mfilter-opts-price-max { width: 40%; min-width: 50px; max-width: 100px; }
.mod_mega_filter .mfilter-slider-slider,
.mod_mega_filter #mfilter-price-slider { margin-top: 16px !important; }
.mod_mega_filter .mfilter-filter-item .mfilter-options { padding: 0px 2px; }
.mod_mega_filter .mfilter-tb { display: block; padding-top: 8px; }
.mod_mega_filter .mfilter-option { display: block; padding: 4px 0px; }
.mod_mega_filter .mfilter-option .mfilter-tb-as-td { display: inline-block; width: auto; height: auto; font: inherit;
margin: 0px; padding: 0px !important; border: none; line-height: 20px;
vertical-align: middle; font-weight: 400; }
.mod_mega_filter .mfilter-option .mfilter-tb-as-td + .mfilter-tb-as-td { }
.mod_mega_filter .mfilter-option .mfilter-counter { display: inline; float: none; background: none; border: none;
border-radius: 0px; margin: 0px; padding: 0px; line-height: 1.5em;
color: inherit; font-weight: 300; }
.mod_mega_filter .mfilter-option .mfilter-counter:before { display: inline-block; vertical-align: middle; content: '('; }
.mod_mega_filter .mfilter-option .mfilter-counter:after { display: inline-block; vertical-align: middle; content: ')'; border: none;
top: auto; right: auto; height: auto; width: auto;
position: relative; margin: 0px; }
.mod_mega_filter .mfilter-box .mfilter-counter.mfilter-close { background: none; width: auto; height: auto; float: none;
margin: 0px; text-indent: 0px; }
.mod_mega_filter .mfilter-col-input { padding-right: 6px; }
.mod_mega_filter .mfilter-col-input input[type=checkbox],
.mod_mega_filter .mfilter-col-input input[type=radio] { margin: 0px 10px 0px 0px; }
.mod_mega_filter .mfilter-option input[type=checkbox]:after { display: block; width: 18px; height: 18px; content: '';
background: url('../image/icon-checkbox.png') center no-repeat;
position: relative; top: -4px; }
.mod_mega_filter .mfilter-option.mfilter-input-active input[type=checkbox]:after { background-image: url('../image/icon-checkbox-checked.png'); }
.mod_mega_filter .mfilter-col-count { }
.mod_prods { margin-top: 72px !important; padding-top: 60px; border-top: 1px solid #E8E8E8; }
.mod_prods .mod_top { text-align: center; }
.mod_prods .pre_title { text-transform: uppercase; font-size: 13px; line-height: 20px; letter-spacing: 2px;
margin: 0px 0px 16px; }
.mod_prods h3 { margin: 0px; font-size: 24px; line-height: 1.33em; }
.mod_prods .intro { display: block; margin: 24px auto 0px; width: 800px; max-width: 100%; }
.mod_prods .intro a { color: #00AEDB; font-weight: bold; }
.mod_prods .prod_grid,
.mod_prods .prod_carousel { margin-top: 48px; }
.mod_featured-wrapper { }
@media (max-width: 767px) {
.mod_prods { margin-top: 36px !important; padding-top: 30px; }
.mod_prods .prod_carousel { margin-top: 24px; }
}
blockquote { display: block; margin: 24px 0px 0px; padding: 0px; border: none; font-size: 13px;
line-height: 1.5em; color: #666; font-style: italic; }
blockquote img { }
blockquote img + p { font-size: inherit !important; line-height: inherit !important; margin: 8px 0px 0px;
padding: 0px 0px 8px; border-bottom: 1px solid #DDD; }
.well { background: #FFF; border: 1px solid #DDD; }
.well ul { padding-left: 18px; }
.well li { }
.account-login { }
.account-login .well { padding: 48px; }
.account-login .well h2 { margin-top: 0px !important; }
.account-login .well div { }
.account-login .well div > :first-child { margin-top: 0px !important; }
.account-login .well p { }
.account-login .well form { margin-top: 32px; }
.account-login .well .form-control { height: 48px; }
.account-login .well .btn { }
.account-login .well .login-btn { margin-top: 67px; margin-bottom: 0px; }
.account-login .well .reg-btn { }
@media (min-width: 992px) and (max-width: 1199px) {
.account-login .well { padding: 36px; }
.account-login .well .login-btn { margin-top: 91px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.account-login .well { padding: 24px; font-size: 14px; line-height: 1.5em; }
.account-login .well h2 { margin-bottom: 12px !important; }
.account-login .well form { margin-top: 23px; }
.account-login .well .login-btn { margin-top: 82px; }
}
@media (max-width: 767px) {
.account-login .well { padding: 24px 16px; }
.account-login .well h2 { text-align: center; }
.account-login .well .login-btn { margin-top: 24px; }
.account-login .well .reg-btn { margin-top: 24px; }
.account-login .well .btn { margin-top: 0px; }
}
.contactform { }
.contactform form { display: block; max-width: 95%; }
.contactform form.digitcart-form-builder { }
.contactform form.digitcart-form-builder .form-group { margin-left: -6px; margin-right: -6px; }
.contactform form.digitcart-form-builder .form-group:after { display: block; content: ''; clear: both; }
.contactform form.digitcart-form-builder .form-group label { display: block; float: left; width: 30%; padding-left: 6px;
padding-right: 6px; }
.contactform form.digitcart-form-builder .form-control { display: block; float: left; width: calc(70% - 12px); font-size: 16px;
line-height: 24px; border: 1px solid #DDD; -webkit-border-radius: 0px; border-radius: 0px;
color: #000; margin: 0px 6px; padding: 12px 16px; box-shadow: none; background: #FFF;
height: 48px; }
.contactform form.digitcart-form-builder textarea.form-control { height: auto; }
.contactform form.digitcart-form-builder .fb-button { margin: 36px 0px 0px calc(30% + 6px); }
.contactform form.digitcart-form-builder .btn,
.contactform form.digitcart-form-builder .btn:focus { display: block; padding: 20px 26px 18px; font-size: 24px;
line-height: 24px; border: none; border-radius: 0px; box-shadow: none; text-transform: uppercase;
text-align: center; width: 100%; background: #211551; color: #FFF; }
.contactform form.digitcart-form-builder .btn:hover { }
.contactform form.digitcart-form-builder .form-group.has-error { background: rgba(255, 0, 0, 0.05); padding: 6px 0px; }
.contactform form.digitcart-form-builder .form-group.has-error .text-danger { margin: 0px 6px; }
.contactinfo { }
.contactinfo h2 { }
.contactinfo p { }
.contactinfo .contactmethods { margin-top: 24px; }
.contactinfo .contactmethods > div { }
.contactinfo .contactmethods > div + div { margin-top: 16px; }
.contactinfo .contactmethods > div .title { display: block; font-size: 18px; line-height: 20px; font-weight: 600; }
.contactinfo .contactmethods > div .data { display: block; }
.contactinfo .contactmethods > div a { color: #333; }
.contactinfo .contactmethods > div a:hover,
.contactinfo .contactmethods > div a:focus { }
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
.contactform form { max-width: 100%; }
.contactinfo .contactmethods > div:before { width: 45px; height: 45px; }
.contactinfo .contactmethods > div .title { padding-top: 0px; }
.contactinfo .contactmethods > div .data { margin-top: 0px; font-size: 21px; line-height: 1.5em; }
}
@media (max-width: 767px) {
.contactform h2 { text-align: center; }
.contactform form { max-width: 100%; }
.contactform form.digitcart-form-builder .form-group { margin-left: 0px; margin-right: 0px; }
.contactform form.digitcart-form-builder .form-group label { float: none; width: 100%; padding-left: 0px;
padding-right: 0px; }
.contactform form.digitcart-form-builder .form-control { float: none; width: 100%; margin: 0px; }
.contactinfo { margin-top: 48px; padding-top: 24px; border-top: 1px solid #DDD; }
.contactinfo h2 { text-align: center; }
.contactinfo .contactmethods > div:before { width: 45px; height: 45px; }
.contactinfo .contactmethods > div .title { padding-top: 0px; }
.contactinfo .contactmethods > div .data { margin-top: 0px; font-size: 21px; line-height: 1.5em; }
}
.needadvice-wrapper { background: #F8F8F8; border-top: 1px solid #CCC; }
.needadvice-wrapper .container { padding-top: 24px; padding-bottom: 24px; }
.needadvice { display: flex; align-items: center; text-align: center; }
.needadvice .htmlcontent { display: block; width: 100%; }
.needadvice p { margin: 0px; padding: 0px; line-height: 36px; }
.needadvice img { display: inline-block; vertical-align: middle; margin-right: 12px; }
@media (max-width: 767px) {
.needadvice p { line-height: 1.5em; }
.needadvice img { display: none; }
.needadvice strong { white-space: nowrap; }
}
.speaktoteam-wrapper { }
.speaktoteam-wrapper .container { position: relative; padding-top: 12px; padding-bottom: 12px; }
.speaktoteam-wrapper .container:after { position: absolute; bottom: 0px; left: 15px; right: 15px; content: '';
border-bottom: 1px solid #DDD; }
.sellbulk { text-align: center; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 20px 0px; }
.sellbulk h4 { margin: 0px 0px 4px; }
.sellbulk p { margin: 4px 0px 0px; }
.nextday { text-align: center; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 20px 0px; }
.nextday p { margin: 0px; }
.catbulk-wrapper { }
.catbulk-wrapper .container { padding-top: 0px; padding-bottom: 0px; }
.catbulk { text-align: center; border-bottom: 1px solid #DDD; padding: 20px 0px; margin: 0px 0px 24px; }
.catbulk p { margin: 0px; }
.homelatest { margin-top: 72px !important; padding-top: 72px; border-top: 1px solid #E8E8E8; }
.homelatest .row { margin-left: -18px; margin-right: -18px; }
.homelatest .row > div[class*=col-] { padding-left: 18px; padding-right: 18px; text-align: center; }
.homelatest img { display: block; width: 100%; height: auto !important; }
.homelatest h3 { font-size: 24px; line-height: 1.33em; }
.homelatest p { font-size: 14px; line-height: 1.5em; }
.homelatest .morelink { color: #00AEDB; font-weight: bold; font-size: 15px; }
.homelatest .morelink:hover { color: inherit; }
@media (max-width: 767px) {
.homelatest { margin-top: 36px !important; padding-top: 30px; }
.homelatest .row { margin-top: -12px !important; }
.homelatest .row > div[class*=col-] { margin-top: 18px; }
}
#modal-agree { }
#modal-agree .modal-dialog { margin: 120px auto 40px; }
.mfp-bg { z-index: 99998 !important; }
.mfp-wrap { z-index: 99999 !important; }
.modal.in { z-index: 99999; }
.modal-backdrop.in { z-index: 99998; }
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
}