html,body { display: block; margin: 0px !important; padding: 0px; width: 100%; min-height: 100vh; background: #FFF;
color: #000; }
body { font-family: Lexend, Helvetica, Arial, sans-serif; font-weight: 400; color: #000; font-size: 14px;
line-height: 1.5em; transition: padding 0.5s; }
@media (min-width: 1200px) {
/*
body { padding-top: 142px !important; }
body.scrolled { padding-top: 102px !important; }
body.home-page { padding-top: 176px !important; }
body.home-page.scrolled { padding-top: 128px !important; }
*/
body { padding-top: 176px !important; }
body.scrolled { padding-top: 128px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
body { padding-top: 166px !important; }
body.scrolled { padding-top: 128px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
body { padding-top: 0px !important; font-size: 14px; line-height: 1.5em; font-weight: 400; }
}
@media (max-width: 767px) {
body { padding-top: 0px !important; }
body.menuopen { height: 100vh; overflow: hidden; }
}
/* Colors for reference
Black = #000;
Grey = #666;
White = #FFF;
Pink = #BC4B7E; (Text / Borders)
Light Pink = #F7E1E6 (Backgrounds)
Red = #CD0000;
*/
/* default font size */
.fa { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 500; text-transform: uppercase; }
/* Override the bootstrap defaults */
h1 { font-size: 30px; line-height: 1.25em; margin: 0px 0px 24px; font-weight: 600; letter-spacing: 2px; }
h2 { font-size: 24px; line-height: 1.25em; margin: 0px 0px 24px; font-weight: 600; letter-spacing: 1px; }
h3 { font-size: 20px; line-height: 1.5em; margin: 20px 0px; }
h4 { font-size: 16px; line-height: 1.5em; margin: 20px 0px; }
h5 { font-size: 14px; line-height: 1.5em; margin: 20px 0px; }
h6 { font-size: 13px; line-height: 1.5em; margin: 20px 0px; text-transform: uppercase; letter-spacing: 1px;
color: #BC4B7E; }
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
}
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: #BC4B7E; cursor: pointer; font-weight: 400; }
a:hover,
a:focus { text-decoration: none; color: #000; }
a.inverse { color: #000; }
a.inverse:hover,
a.inverse:focus { color: #BC4B7E; }
@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; }
}
hr { border-color: #DDD; margin: 24px 0px; }
legend { font-size: 18px; padding: 7px 0px}
label { font-size: 14px; line-height: 1.5em; font-weight: 400; cursor: pointer; }
strong { font-weight: 500; }
.text-danger { font-weight: 400; }
.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: 0px;
color: #444; padding: 4px 8px; box-shadow: none; background: #FFF; font-weight: 400; }
textarea.form-control { height: auto; }
.input-group input.form-control,
.input-group select.form-control,
.input-group .dropdown-menu,
.input-group .popover { font-size: 16px; border-color: #BC4B7E; }
.input-group .input-group-addon { font-size: 14px; height: 30px; }
input[type=checkbox] { position: relative; margin: 4px 3px 3px 3px; }
input[type=checkbox]:after { position: absolute; top: -3px; left: -3px; width: 20px; height: 20px; z-index: 1; content: '';
background: url('../image/icon-checkbox.png') center no-repeat; cursor: pointer; }
input[type=checkbox]:checked:after { background-image: url('../image/icon-checkbox-checked.png'); }
input[type=checkbox]:disabled:after { cursor: not-allowed; }
/* 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: #F00; font-weight: 600; }
header { position: relative; background: #FFF; z-index: 80004; font-size: 15px; line-height: 24px; }
#header { position: relative; z-index: 80004; }
#header .container { display: table; padding-top: 20px; padding-bottom: 20px; transition: padding 0.5s; }
#header .container > div { display: table-cell; vertical-align: middle; margin: 0px; padding: 0px 15px; }
#header .container > div#logo { width: 25%; min-width: 240px; text-align: left; }
#header .container > div#headsearch { width: 40%; text-align: center; }
#header .container > div#headlinks { width: 35%; text-align: right; }
#header #logo { }
#header #logo a { display: block; margin: 0px; max-width: 210px; }
#header #logo a img { display: block; margin: 0px auto; max-width: 100%; height: auto !important; transition: all 0.5s; }
#header #headlinks { }
#header #headlinks > div { position: relative; display: inline-block; vertical-align: middle; }
#header #headlinks > div + div { margin-left: 16px; }
#header .search { display: block; position: relative; z-index: 89999; }
#header .search input[type=text] { display: block; height: 40px; box-shadow: none; }
#header .search button { position: absolute; top: 1px; right: 1px; bottom: 1px; width: 42px; z-index: 1;
background: #FFF; border: none; border-left: 1px solid #DDD; outline: none; padding: 0px;
border-radius: 0px; }
#header .search button img { }
#header .currency { }
#header .currency form { }
#header .currency .btn-group { display: block; }
#header .currency button { display: block; float: none; background: none; padding: 4px 5px; border-radius: 0px;
text-align: left; color: #000; box-shadow: none; border: 1px solid transparent; }
#header .currency button:hover,
#header .currency button:focus,
#header .currency button:active { background: #BC4B7E; }
#header .currency .btn-group > button { margin: -6px; padding: 6px; z-index: 1; border-radius: 4px; }
#header .currency .btn-group > button:hover,
#header .currency .btn-group > button:focus,
#header .currency .btn-group > button:active { background: #F7E1E6; border-color: #BC4B7E; }
#header .currency ul { float: none; margin: 0px; padding: 0px; top: calc(100% - 1px); left: -6px;
border: 1px solid #BC4B7E; z-index: 0; }
#header .currency ul li { }
#header .currency ul li button { }
#header .currency .btn-group.open > button { background: #F7E1E6; border-color: #BC4B7E; border-radius: 4px 4px 0px 0px;
border-bottom: none; }
#header .currency .btn-group.open > ul { background: #F7E1E6; border-color: #BC4B7E; border-radius: 0px 4px 4px 4px; }
#header #headlinks .login > a { display: block; color: inherit; }
#header #headlinks .login > a img { display: inline-block; vertical-align: text-bottom; height: 20px !important;
width: auto !important; margin-right: 6px; }
#header #cart { z-index: 90000; padding: 0px !important; }
#header #cart .hd_head { position: relative; cursor: pointer; padding: 0px; border: 1px solid transparent;
border-bottom: none; border-radius: 4px 4px 0px 0px; z-index: 2; }
#header #cart .hd_head img { display: inline-block; vertical-align: text-bottom; height: 20px; margin-right: 4px; }
#header #cart .cart-total { position: absolute; top: -4px; right: calc(100% - 30px); }
#header #cart .cart-total span { display: none; }
#header #cart .cart-total .ct_items { display: block; min-width: 16px; height: 16px; background: #000;
font-size: 11px; line-height: 16px; font-weight: 400; padding: 0px 4px;
text-align: center; color: #FFF; border-radius: 8px; }
#header #cart .cart-total .ct_items .ct_item_num_bracket { }
#header #cart .cart-total .ct_items .ct_item_num { display: block; }
#header #cart .cart-total .ct_items .ct_item_text { }
#header #cart .cart-total .ct_sep { }
#header #cart .cart-total .ct_total { }
#header #cart .hd_body { position: fixed; display: block; top: 0px; bottom: 0px; left: auto; right: -420px; width: 420px;
border: none; border-radius: 0px; background: #FFF; z-index: 99998; padding: 30px 24px;
text-align: left; overflow-y: auto; border-left: 1px solid #EEE; font-size: 16px;
line-height: 1.5em; transition: right 0.5s; }
#header #cart .hd_body_fade { position: fixed; display: block; top: 0px; left: 0px; right: 0px; opacity: 0;
content: ''; background: rgba(0, 0, 0, 0.4); transition: opacity 0.5s; z-index: -1; }
#header #cart .hd_body .cart_close_wrapper { }
#header #cart .hd_body .cart_close_wrapper:after { display: block; content: ''; clear: both; }
#header #cart .hd_body .cart_close { display: block; float: right; font-size: 14px; line-height: 20px; color: #BC4B7E;
font-weight: 400; cursor: pointer; }
#header #cart .hd_body .cart_close:after { display: inline-block; vertical-align: text-bottom; width: 16px; height: 20px;
background: url('/image/catalog/icons/icon-cross.svg') center no-repeat;
content: ''; margin-left: 4px; }
#header #cart .hd_body .empty { text-align: center; margin: 0px; padding: 40px 0px; font-weight: 400; }
#header #cart .hd_body .prods_wrapper { }
#header #cart .hd_body .prods_title { font-size: 21px; line-height: 1.33em; font-weight: 500; color: #3B5C6C;
margin: 24px 0px 18px; }
#header #cart .hd_body table { width: 100%; border-spacing: 0px; border-collapse: collapse; }
#header #cart .hd_body table.prods { border-bottom: 1px solid #DDD; }
#header #cart .hd_body table tbody { }
#header #cart .hd_body table.prods tbody { border-top: 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: 18px 0px; vertical-align: middle; }
#header #cart .hd_body table tr.upper td { vertical-align: top; }
#header #cart .hd_body table tr.lower td { padding-top: 8px; vertical-align: bottom; }
#header #cart .hd_body table td.image { padding-right: 18px; width: 128px; }
#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; border: 1px solid #EEE; }
#header #cart .hd_body table td.info { padding-bottom: 0px; }
#header #cart .hd_body table td.info a { color: inherit; font-weight: 400; }
#header #cart .hd_body table td.info a:hover { color: #BC4B7E; }
#header #cart .hd_body table td.info a.remove { float: right; margin-left: 8px; }
#header #cart .hd_body table td.info small { display: block; font-size: 12px; line-height: 1.5em; font-weight: 400; }
#header #cart .hd_body table td.info small strong { }
#header #cart .hd_body table td.qty { font-size: 13px; line-height: 1.5em; }
#header #cart .hd_body table td.qty span,
#header #cart .hd_body table td.qty input { display: inline-block !important; vertical-align: top; width: 30px;
height: 30px; text-align: center; border: 1px solid #DDD; }
#header #cart .hd_body table td.qty span img { display: block; width: 12px; margin: 0px auto; }
#header #cart .hd_body table td.qty .qty-dec { padding-top: 13px; cursor: pointer; }
#header #cart .hd_body table td.qty input[type=text] { width: 36px; padding: 2px 2px; }
#header #cart .hd_body table td.qty .qty-inc { padding-top: 8px; cursor: pointer; }
#header #cart .hd_body table td.total { text-align: right; font-size: 18px; line-height: 30px; font-weight: 400;
color: #999; }
#header #cart .hd_body table.totals { margin: 36px 0px 18px; color: #3B5C6C; }
#header #cart .hd_body table.totals tr { display: none; }
#header #cart .hd_body table.totals tr.total { display: table-row; }
#header #cart .hd_body table.totals td { font-size: 24px; line-height: 1.33em; padding: 0px; vertical-align: baseline;
font-weight: 500; }
#header #cart .hd_body table.totals td.tot_title { }
#header #cart .hd_body table.totals td.tot_price { text-align: right; }
#header #cart .hd_body .links { margin: 18px -6px 36px; }
#header #cart .hd_body .links > div[class*=col-] { padding-left: 6px; padding-right: 6px; }
#header #cart .hd_body .links a { }
#header #cart .hd_body .links a + a { }
body.cart-open { overflow: hidden; }
body.cart-open #header #cart .hd_body { right: 0px; }
body.cart-open #header #cart .hd_body_fade { bottom: 0px; opacity: 1; }
#header #cart.open { }
body.scrolled #header .container { padding-top: 6px; padding-bottom: 6px; }
body.scrolled #header #logo a img { }
@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 .container { padding-top: 15px; padding-bottom: 15px; }
#header .container > div#logo { }
#header .container > div#headsearch { width: 35%; }
#header .container > div#headlinks { width: calc(65% - 240px); }
#header .search input[type=text] { height: 34px; }
#header .search button { width: 38px; }
}
@media (min-width: 768px) and (max-width: 991px) {
#header .container { padding-top: 8px; padding-bottom: 8px; }
#header .container > div { display: block; float: right; }
#header .container > div#logo { float: left; margin: 6px 0px; }
#header .container > div#headsearch { width: 50%; }
#header .container > div#headlinks { width: calc(100% - 240px); margin-top: 8px; }
#header .search input[type=text] { height: 34px; }
#header .search button { width: 38px; }
}
@media (max-width: 767px) {
#header { }
#header .container { display: block; margin: 0px; padding-top: 8px; padding-bottom: 8px; }
#header .container > div { display: block; width: 100% !important; padding: 0px; }
#header .container > div#logo { }
#header .container > div#headsearch { margin-top: 12px; }
#header .container > div#headlinks { margin-top: 12px; text-align: center; }
#header #logo a { margin: 0px auto; }
}
/* Normal Top Menu */
#menu { position: relative; background: none; margin: 0px; min-height: 0px; border-radius: 0px; border: none;
z-index: 80003; border-top: 1px solid #E8E8E8; font-size: 15px; line-height: 22px; }
#menu .container { }
#menu #menufade { position: fixed; display: none; z-index: -1; top: 0px; left: 0px; right: 0px; height: 0px;
background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.5s; content: ''; }
#menu.dropopen #menufade { display: block; opacity: 1; }
#menu .navbar-header { display: none; }
#menu ul.nav { float: none; margin: 0px; }
#menu ul.nav > li { float: none; }
#menu ul.nav > li > a { color: #000; }
@media (min-width: 768px) {
#menu { position: relative; text-align: center; border-bottom: 1px solid #DDD; }
#menu #menufade { position: absolute; top: calc(100% + 1px); height: 100vh; }
#menu .container { }
#menu .menucontent { 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 + li { padding-left: 24px; }
#menu ul.nav > li > a,
#menu ul.nav > li > span { position: relative; display: block; padding: 14px 4px 12px; margin: -1px 0px;
background: none; border-bottom: 2px solid transparent; transition: padding 0.5s; }
body.scrolled #menu ul.nav > li > a,
body.scrolled #menu ul.nav > li > span { padding-top: 8px; padding-bottom: 6px; }
#menu ul.nav .dropmenu { display: block !important; margin: 0px !important; padding: 0px; background: none;
position: relative; top: auto; left: auto; min-width: 0px; width: 100%; }
#menu ul.nav.L1 > li > .dropmenu { display: none !important; position: absolute; top: calc(100% + 1px);
left: 0px; right: 0px; opacity: 0; transition: opacity 0.5s; }
#menu ul.nav .dropmenu .container { background: #FFF; }
#menu ul.nav ul.L2 { display: block; margin: 0px -12px; padding: 12px 0px 32px; list-style: none; text-align: left; }
#menu ul.nav ul.L2:after { display: block; content: ''; clear: both; }
#menu ul.nav ul.L2 > li { display: block; float: left; width: calc(100% / 6); padding: 2px 12px; }
#menu ul.nav ul.L2 > li.split { width: calc(100% / 3); }
#menu ul.nav ul.L2 li a { display: block; color: #000; }
#menu ul.nav ul.L2 li a:hover { color: #BC4B7E; }
#menu ul.nav ul.L2 > li { }
#menu ul.nav ul.L2 > li:nth-child(6n + 1) { clear: left; }
#menu ul.nav ul.L2 > li > a { padding: 8px 0px; font-weight: 600; border-bottom: 1px solid #DDD; }
#menu ul.nav ul.L3 { margin-top: 0px; margin-bottom: 12px; }
#menu ul.nav ul.L2 > li.split .dropinner { white-space: nowrap; }
#menu ul.nav ul.L2 > li.split .dropinner:after { display: block; content: ''; clear: both; }
#menu ul.nav ul.L2 > li.split ul.L3 { float: left; width: 50%; white-space: normal; padding-right: 12px; }
#menu ul.nav ul.L2 > li.split ul.L3 + ul.L3 { padding-left: 12px; padding-right: 0px; }
#menu ul.nav ul.L3 li { margin-top: 6px; }
#menu ul.nav ul.L3 li a { }
#menu ul.nav > li.current > a { }
#menu ul.nav > li:hover > a,
#menu ul.nav > li.open > a { border-color: #BC4B7E; }
#menu ul.nav > li:hover > .dropmenu { display: block !important; opacity: 1; }
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
#menu ul.nav ul.L2 > li { width: 25%; }
#menu ul.nav ul.L2 > li.split { width: 50%; }
#menu ul.nav ul.L2 > li:nth-child(6n + 1) { clear: none; }
#menu ul.nav ul.L2 > li:nth-child(4n + 1) { clear: left; }
}
@media (max-width: 767px) {
#menu { position: absolute; top: 10px; right: 100%; width: calc(90% - 34px); margin: 0px; padding: 0px; border: none;
z-index: 9999999; transition: right 0.5s; }
#menu .container { margin: 0px; padding: 0px; border: none; }
#menu .menubtn { position: absolute; top: 10px; left: 100%; display: block; float: none; margin: 0px; padding: 0px;
font-size: 0px; color: transparent; line-height: 0px; }
#menu .menubtn button { font-size: 20px; line-height: 1em; font-stretch: expanded;
background: #F7E1E6; color: #FFF; padding: 6px 10px 5px; min-width: 24px;
margin: 0px; outline: none; box-shadow: none; cursor: pointer; border: 1px solid #BC4B7E;
border-left: none; border-radius: 0px 4px 4px 0px; }
#menu .menubtn button i { font-size: inherit; line-height: inherit; color: #BC4B7E; }
#menu .menucontent { display: block; margin: 0px; padding: 0px; background: #FFF; border: 2px solid #BC4B7E;
border-left: none; border-radius: 0px 6px 6px 0px; max-height: calc(100vh - 20px);
overflow: auto; }
#menu ul.nav { display: block; margin: 0px; padding: 0px; list-style: none; }
#menu ul.nav li a,
#menu ul.nav li span { position: relative; display: block; background: none; color: #000; cursor: pointer; }
#menu ul.nav li.open > a,
#menu ul.nav li.open > span { color: #BC4B7E; }
#menu ul.nav > li { display: block; margin: 0px; padding: 0px; }
#menu ul.nav > li + li { border-top: 1px solid #F7E1E6; }
#menu ul.nav .dropmenu { display: none; }
#menu ul.nav li span:after { position: absolute; top: 0px; right: 10px; bottom: 0px; content: '';
width: 12px; background: url('../image/icon-plus.svg') center no-repeat;
background-size: contain; }
#menu ul.nav li.open > span:after { background-image: url('../image/icon-minus.svg'); }
#menu ul.nav li.open > .dropmenu { display: block; }
#menu ul.nav .dropinner { padding-bottom: 0px; }
#menu ul.nav ul { position: relative; display: block; margin: -2px 0px 8px; padding: 0px; list-style: none; }
#menu ul.nav ul.L3 { margin: 0px; }
#menu ul.nav ul:before { display: block; position: absolute; left: 15px; top: -6px; width: 1px;
height: calc(100% - 10px); content: ''; border-left: 1px solid #DDD; }
#menu ul.nav ul.L3:before { top: -4px; left: 30px; }
#menu ul.nav ul.L3 + ul.L3:before { top: -14px; height: 100%; }
#menu ul.nav ul li span { font-weight: 500; font-size: 16px; }
#menu ul.nav ul li a:before,
#menu ul.nav ul li span:before { position: absolute; top: 50%; left: 15px; border-bottom: 1px solid #DDD;
content: ''; width: 6px; height: 1px; }
#menu ul.nav ul.L3 li a:before,
#menu ul.nav ul.L3 li span:before { left: 30px; }
#menu ul.L1 > li > a,
#menu ul.L1 > li > span { padding: 10px 35px 10px 10px; font-size: 16px; line-height: 24px; font-weight: 500; }
#menu ul.L2 > li > a,
#menu ul.L2 > li > span { padding: 6px 30px 6px 25px; }
#menu ul.L3 > li > a,
#menu ul.L3 > li > span { padding: 4px 10px 4px 40px; }
/*
#menu ul.L2 li.dropdown > span { position: relative; }
#menu ul.L2 li.dropdown > span:before { position: absolute; top: -50%; left: 15px; content: ''; width: 6px;
height: 100%; border: 1px solid #DDD; border-top: none;
border-right: none; }
#menu ul.L2 li.dropdown:first-child > span:before { height: 60%; top: -10%; }
*/
#menu.open { right: calc(10% + 34px); }
#menu.open #menufade { display: block; height: 100vh; opacity: 1; }
}
/* footer */
footer { background: #F5F5F5; font-weight: 400; border-top: 1px solid #DDD; }
footer .container { padding-top: 48px; padding-bottom: 60px; }
footer .row { margin-left: -24px; margin-right: -24px; }
footer .row > div[class*=col-] { padding-left: 24px; padding-right: 24px; }
footer a { display: block; color: #000; }
footer h4 { margin: 0px 0px 18px; }
footer ul { display: block; margin: 18px 0px 0px; padding: 0px; list-style: none; }
footer ul li { display: block; margin: 0px; padding: 0px; }
footer ul li + li { margin-top: 8px; }
footer ul li a { display: inline; color: #000; }
footer ul li a:hover,
footer ul li a:focus { color: #BC4B7E; }
footer p { margin: 24px 0px 0px; }
#lowerfooter { background: #F5F5F5; font-weight: 400; border-top: 1px solid #DDD; text-align: center; }
#lowerfooter .container { padding-top: 24px; padding-bottom: 24px; }
#lowerfooter .social { display: block; text-align: center; }
#lowerfooter .social .icon { display: inline-block; vertical-align: middle; }
#lowerfooter .social .icon + .icon { margin-left: 24px; }
#lowerfooter .social .icon a { }
#lowerfooter .social .icon a img { display: block; }
#basebar { background: #F5F5F5; font-weight: 400; border-top: 1px solid #DDD; }
#basebar .container { padding-top: 18px; padding-bottom: 36px; text-align: center; }
#basebar .copyright { display: block; float: left; text-align: left; }
#basebar .branding { display: block; float: right; text-align: right; }
#basebar .securecards { display: inline-block; }
#basebar .securecards .secure { text-transform: uppercase; margin: 0px; }
#basebar .securecards .secure img { display: inline-block; vertical-align: text-bottom; margin-right: 5px; }
#basebar .securecards .cards { margin-top: 8px; }
#basebar .securecards .cards img { display: inline-block; margin: 4px 3px; }
@media (min-width: 991px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
footer { text-align: center; }
footer .container { padding-top: 12px; padding-bottom: 36px; }
footer .row { margin-left: -15px; margin-right: -15px; }
footer .row > div[class*=col-] { padding: 24px 15px 0px; }
footer h4 { margin: 0px 0px 12px; }
footer ul { display: block; margin: 12px 0px 0px; padding: 0px; list-style: none; }
footer ul li + li { margin-top: 4px; }
#lowerfooter .social .icon + .icon { margin-left: 12px; }
#basebar { text-align: center; }
#basebar .container { padding-top: 24px; padding-bottom: 24px; }
#basebar .copyright { float: none; text-align: center; }
#basebar .branding { float: none; text-align: center; margin-top: 4px; }
#basebar .securecards { display: block; margin-top: 12px; }
#basebar .securecards .cards img { max-width: 48px; height: auto !important; margin: 4px 1px; }
}
/* content */
#pagecontent { display: block; width: 100%;}
#pagecontent > div { }
#pagecontent > div:nth-child(odd) { }
#pagecontent > div:nth-child(even) { }
#pagecontent > div.container { padding-top: 0px; padding-bottom: 60px; background: none; }
@media (max-width: 767px) {
#pagecontent > div.container { padding-bottom: 24px; }
}
#content { }
#content > :first-child { margin-top: 0px; }
#content h1 { text-align: center; margin: 0px; }
#content .description { margin: 0px; }
#content .description > :first-child { margin-top: 0px !important; }
#content img { max-width: 100%; height: auto !important; }
#content .row { }
#content .row > div[class*=col-] { padding-top: 12px; padding-bottom: 12px; }
/* 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; }
.mod_holder.sidebar > div { border-top: 1px solid #DDD; padding-top: 12px; }
body.common-home .mod_holder > div { }
body.common-home .mod_holder > div + div { margin-top: 48px; }
@media (max-width: 767px) {
body.common-home .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 */
ul.breadcrumb { display: block; clear: both; background: none; padding: 10px 0px; margin: 0px; border: none;
border-radius: 0px; list-style: none; font-size: 12px; line-height: 20px; }
ul.breadcrumb:after { display: block; content: ''; clear: both; }
ul.breadcrumb > li { display: block; float: left; margin: 0px !important; padding: 0px !important;
background: none !important; font-weight: 400; }
ul.breadcrumb > li + li { margin-left: 4px !important; }
ul.breadcrumb > li + li:before { display: inline-block; content: '/'; margin-right: 4px; padding: 0px; color: #444;
font-weight: 300; }
ul.breadcrumb > li a { display: inline-block; color: #444; }
ul.breadcrumb > li a:hover,
ul.breadcrumb > li a:focus { color: #BC4B7E; }
/* Page Head */
#pagehead { }
#pagehead .container { position: relative; text-align: center; }
#pagehead #pageintro { display: block; padding: 36px 0px 36px; border-bottom: 1px solid #DDD; }
#pagehead h1 { display: block; text-align: center; margin: 0px auto; max-width: 800px; font-weight: 300; }
#pagehead .description { display: block; margin: 18px auto 0px; max-width: 800px; color: #444; font-weight: 400; }
#pagehead .description div,
#pagehead .description p { margin: 20px 0px 0px; }
.catdesc { position: relative; display: block; margin: 0px 0px 36px; }
.catdesc img { display: block; }
.catdesc .text { }
.catdesc img + .text { position: absolute; top: 24px; left: 24px; bottom: 24px; width: calc(50% - 24px);
overflow: hidden; display: flex; align-items: center; }
.catdesc img + .text .text-inner { }
.catdesc .text :first-child { margin-top: 0px !important; }
.catdesc .text :last-child { margin-bottom: 0px !important; }
.catdesc .text h2 { }
.catdesc .text h3 { }
.catdesc .text p { }
@media (min-width: 992px) and (max-width: 1199px) {
.catdesc img + .text { top: 18px; left: 18px; bottom: 18px; width: calc(55% - 18px); }
}
@media (min-width: 768px) and (max-width: 991px) {
.catdesc img + .text { position: relative; top: auto; left: auto; bottom: auto; width: auto; margin-top: 18px; }
}
@media (max-width: 767px) {
.catdesc img + .text { position: relative; top: auto; left: auto; bottom: auto; width: auto; margin-top: 18px; }
}
.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 { text-align: center; }
.pagedesc { margin: 0px; }
.pagedesc :first-child:not(.row) { margin-top: 0px !important; }
.pagedesc :last-child:not(.row) { 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: 24px; }
/* Sub category listings */
.sub_cats { clear: both; margin: -24px -12px 0px; }
.sub_cats > div[class*=col-] { padding: 24px 12px; }
.sub_cats .subcat a.sub_cat_wrapper { position: relative; display: block; text-align: center; color: #000; }
.sub_cats .subcat .sc_img { display: block; padding: 0px; }
.sub_cats .subcat .sc_img img { display: block; margin: 0px auto; }
.sub_cats .subcat .sc_lower { display: block; margin-top: 18px; }
.sub_cats .subcat .sc_lower > span { display: block; }
.sub_cats .subcat .sc_lower .sc_name { font-size: 18px; line-height: 1.33em; font-weight: 300; margin: 0px 0px 12px; }
.sub_cats .subcat .sc_lower .sc_desc { margin: 12px 0px 0px; }
.sub_cats .subcat .sc_lower .sc_link { margin: 12px 0px 0px; font-size: 13px;
line-height: 20px; text-transform: uppercase; letter-spacing: 1px;
color: #BC4B7E; }
@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: 0px; }
.sub_cats > div[class*=col-] { margin-top: 36px; padding: 0px; }
.sub_cats > div[class*=col-]:first-child { margin-top: 0px; }
.sub_cats .subcat .sc_img { display: block; margin: 0px auto; padding: 0px; max-width: 200px; }
.sub_cats .subcat .sc_lower { margin-top: 12px; }
.sub_cats .subcat .sc_lower .sc_name { font-size: 21px; line-height: 1.33em; }
.sub_cats .subcat .sc_lower .sc_desc { margin-top: 6px; }
.sub_cats .subcat .sc_lower .sc_link { margin-top: 8px; }
}
/* Product Filters */
.prod_filters { display: block; margin: 0px; padding: 0px; font-size: 16px; line-height: 36px; }
.prod_filters:after { display: block; content: ''; clear: both; }
.prod_filters > div { display: block; }
.prod_filters label { display: inline-block; vertical-align: middle; font: inherit; margin: 0px; }
.prod_filters select { display: inline-block; vertical-align: middle; height: 36px; width: auto; max-width: 100%;
font: inherit; font-weight: 500; }
.prod_filters select option { font-weight: 300; }
.prod_filters select option[selected] { font-weight: 500; }
.prod_filters .view_changer { display: none; }
.prod_filters .view_changer a { cursor: pointer; }
.prod_filters .compare { display: none; }
.prod_filters .sort_by { float: right; }
.prod_filters .per_page { float: left; }
.prod_filters .per_page label { cursor: default; }
.prod_filters .per_page span { display: inline-block; vertical-align: middle; }
.prod_filters .per_page span a { display: inline-block; vertical-align: middle; min-width: 30px; line-height: 30px;
border-bottom: 2px solid transparent; text-align: center; }
.prod_filters .per_page span a + a { }
.prod_filters .per_page span a.active { font-weight: 600; border-bottom-color: #000; }
.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 { position: relative; padding: 0px; background: #FFF; }
.prod_grid .prod > div { display: block; margin: 0px; padding: 0px; }
.prod_grid .prod .image { margin: 0px; }
.prod_grid .prod .image a { position: relative; display: block; }
.prod_grid .prod .image a img { display: block; width: 100%; max-width: 100%; height: auto !important; }
.prod_grid .prod .overlays { position: absolute; top: 0px; left: 0px; display: block; font-size: 14px;
line-height: 20px; font-weight: 500; text-transform: uppercase; }
.prod_grid .prod .overlays .overlay { position: relative; display: block; padding: 0px 16px calc(100% - 24px);
clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }
.prod_grid .prod .overlays .overlay.overlay_new { background: #FFD400; font-weight: 600; }
.prod_grid .prod .overlays .overlay.overlay_sale { background: #C40505; color: #FFF; }
.prod_grid .prod .overlays .overlay span { position: relative; display: block; top: 12px; left: -12px; padding: 0px;
transform: rotate(-45deg); }
.prod_grid .prod .name { display: block; font-size: 14px; line-height: 20px; margin: 12px 0px 0px; }
.prod_grid .prod .name a { color: inherit; }
.prod_grid .prod .model { display: none; font-size: 12px; line-height: 1.5em; color: #999; margin: 12px 0px 0px; }
.prod_grid .prod .desc { display: none; }
.prod_grid .prod .rating { margin-top: 8px; }
.prod_grid .prod .price { display: block; margin-top: 12px; min-height: 36px; }
.prod_grid .prod .price .price-wrapper { display: block; font-size: 18px; line-height: 1.33em; font-weight: 600; }
.prod_grid .prod .price .price-wrapper + .price-wrapper { margin-top: 2px; }
.prod_grid .prod .price .price-new-wrapper { }
.prod_grid .prod .price .price-special-wrapper { color: #C00; }
.prod_grid .prod .price .price-old-wrapper { font-size: 13px; line-height: 1em; font-weight: 400; }
.prod_grid .prod .price .price-old-wrapper .price-old { text-decoration: line-through; }
.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; text-transform: lowercase; }
.prod_grid .prod .price.price_from .from { display: inline-block; }
.prod_grid .prod .price.price_from.hide_from .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 .options { margin-top: 8px; }
.prod_grid .prod .options .option { display: block; }
.prod_grid .prod .options .option + .option { margin-top: 4px; }
.prod_grid .prod .options .option img { display: inline-block; vertical-align: top; }
.prod_grid .prod .options .option .moreopts { display: inline-block; vertical-align: top; margin: 10px 0px 0px 4px; }
.product-search .prod_grid .prod .image a img { display: block; width: 75%; max-width: 75%; height: auto !important; }
.prod_carousel { position: relative; }
.prod_carousel .owl-carousel { }
.prod_carousel .owl-wrapper-outer { }
.prod_carousel .owl-wrapper { }
.prod_carousel .owl-item { }
.prod_carousel .owl-item .item { }
@media (min-width: 1199px) {
.prod_grid .prod { height: 430px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.prod_grid .prod { height: 380px; }
}
@media (min-width: 560px) and (max-width: 991px) {
.prod_grid .prod { height: 430px; }
}
@media (max-width: 560px) {
.prod_grid .prod { height: 380px; }
}
@media (max-width: 767px) {
.prod_grid .prod { text-align: center; }
}
.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 */
.paging { display: block; text-align: center; margin-top: 48px; font-weight: 500; }
.paging > div { }
.paging .results { display: none; float: left; width: 50%; text-align: left; }
.paging .pagination { display: block; margin: 0px; padding: 0px; border-radius: 0px; border: none; list-style: none; }
.paging .pagination > li { display: inline-block; border: none; margin: 0px 2px; vertical-align: top; }
.paging .pagination > li + li { }
.paging .pagination > li.pagenav.first { display: none; }
.paging .pagination > li.pagenav.prev { margin-right: 18px; }
.paging .pagination > li.pagenav.next { margin-left: 18px; }
.paging .pagination > li.pagenav.last { display: none; }
.paging .pagination > li > a { cursor: pointer; }
.paging .pagination > li > span { }
.paging .pagination > li > a,
.paging .pagination > li > span { display: block; text-align: center; padding: 0px; line-height: inherit;
border: none; border-radius: 0px; color: #666; background: none; min-width: 20px; }
.paging .pagination > li.pagenav > a,
.paging .pagination > li.pagenav > span { min-width: 33px; }
.paging .pagination > li.pagenav > span { color: #CCC; }
.paging .pagination > li.active { }
.paging .pagination > li.active a,
.paging .pagination > li:hover a,
.paging .pagination > li.active span { border: none; color: #45A8AE; background: none; font-weight: 500; }
/* buttons */
/*
a { color: #BC4B7E; cursor: pointer; font-weight: 400; }
a:hover,
a:focus { text-decoration: none; color: #F7E1E6; }
*/
.buttons { margin: 1em 0px 0px; }
.btn,
.btn:focus{ display: inline-block; padding: 6px 12px; font-size: 13px; line-height: 20px; background: #000;
color: #FFF; border: none; border-radius: 4px; box-shadow: none; font-weight: 400;
text-transform: uppercase; letter-spacing: 2px; outline: none !important; }
.btn:hover { color: #000; background-color: #E17AA8; }
.btn.btn-pink,
.btn.btn-pink:focus { background: #BC4B7E; color: #FFF; }
.btn.btn-pink:hover { background: #E17AA8; color: #000; }
.btn.disabled,
.btn[disabled] { background-color: #999; border-color: #999; color: #FFF; }
.btn-md,
.btn-md:focus { padding: 8px 18px; }
.btn-lg,
.btn-lg:focus { padding: 12px 24px; font-size: 14px; }
.btn-block,
.btn-block:focus { display: block; width: 100%; text-align: center; }
.btn-white,
.btn-white:focus { background: #FFF; color: #000; border: 1px solid #000; font-weight: 600; }
.btn-white:hover { background: #FFF; color: #BC4B7E; border: 1px solid #BC4B7E; }
.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: #45A8AE; border-color: #45A8AE; }
.btn-default:hover,
.btn-default:active,
.btn-default.active { color: #FFF; background: #00CCFF; border-color: #45A8AE; }
.btn-default.disabled,
.btn-default[disabled] { box-shadow: none; }
.btn-primary { color: #FFF; text-shadow: none; background: #45A8AE; border-color: #45A8AE; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active { color: #FFF; background: #00CCFF; border-color: #45A8AE; }
.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 .cat_wrapper { border-bottom: 1px solid #DDD; }
.list-group .cat_wrapper.haskids { padding-bottom: 18px; margin-bottom: 18px; }
.list-group .child_wrapper { margin: 4px 0px 0px !important; }
.list-group a { display: block; margin: 0px; padding: 6px 0px; border: none; border-radius: 0px; background: none;
font-size: 14px; line-height: 20px; color: #333; }
.list-group a.list-group-item { }
.list-group a.list-group-top { text-transform: uppercase; font-weight: 600; }
.list-group a.list-group-child { }
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover { background: none; border: none; border-radius: 0px; color: #BC4B7E; }
.list-group a.list-group-top.active,
.list-group a.list-group-top.active:hover,
.list-group a.list-group-top:hover { }
.mod_category { }
.mod_mega_filter + .mod_category { display: none; }
.mod_category h3 { display: none !important; }
/* 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; font-size: 14px; line-height: 20px; }
.rating .stars { display: inline-block; vertical-align: middle; padding: 1px 0px; }
.rating .stars:after { display: block; content: ''; clear: both; }
.rating .stars span { display: block; float: left; background: center no-repeat transparent;
background-size: contain; width: 20px; height: 20px; }
.rating .stars span.empty { background-image: url('../image/star-empty.svg'); }
.rating .stars span.full { background-image: url('../image/star-full.svg'); }
.rating .stars span + span { margin-left: 2px; }
.rating a { display: inline-block; vertical-align: middle; cursor: pointer; }
.rating a + a { }
.optsel_images { margin-top: -4px; }
.optsel_images:after { display: block; content: ''; clear: both; }
.optsel_images > span { position: relative; display: block; float: left; width: 50px; height: auto !important;
border: 2px solid #DDD; border-radius: 50%; cursor: pointer; background: #FFF;
padding: 4px; margin-top: 12px; margin-right: calc((100% / 6) - 50px - 5px); }
.optsel_images > span.moreopts { width: auto; border: none; border-radius: 0px; margin: 12px 0px 0px 0px;
height: 50px !important; line-height: 42px; }
.optsel_images .image { }
.optsel_images .hex { }
.optsel_images > span.active { border-color: #000; }
.optsel_images > span:after { display: block; content: ''; padding-bottom: 100%; }
.optsel_images > span + span { }
.optsel_images .image img,
.optsel_images .hex span { position: absolute; display: block; top: 4px; left: 4px; bottom: 4px;
right: 4px; width: calc(100% - 8px); height: calc(100% - 8px) !important;
border-radius: 50%; max-width: none; }
/*.optsel_images .hex span { display: block; width: 30px; height: 30px; border-radius: inherit; }*/
/* 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; float: right; width: calc(100% - 96px); max-width: 100%;
margin-top: 0px; }
#prodimg .mainimg img { display: block; margin: 0px; padding: 0px; width: 100%; height: auto !important; }
#prodimg .additionals { display: block; float: left; position: relative; margin: 0px; width: 72px; }
#prodimg .additionals div { display: block; width: 100%; margin: 0px; padding: 0px; background: #FFF;
border: none; border-radius: 0px; cursor: pointer; }
#prodimg .additionals div + div { margin-top: 4px; }
#prodimg .additionals div img { display: block; }
#prodimg .additionals div.active { outline: 2px solid #000; }
#prodimg .additionals div.active img { }
#proddesc { border-top: 1px solid #DDD; margin-top: 30px; padding-top: 24px; }
#proddesc h3 { margin: 0px 0px 18px; line-height: 1em; }
#proddesc p { margin: 18px 0px 0px; }
#proddetails { border-top: 1px solid #DDD; margin-top: 30px; padding-top: 24px; }
#proddetails h3 { margin: 0px 0px 18px; line-height: 1em; }
#proddetails p { margin: 18px 0px 0px; }
#proddetails table { }
#prodinfo { margin: 0px; padding: 0px 0px 18px; border-bottom: 1px solid #DDD; }
#prodinfo h1,
#heading_title_mob { font-size: 28px; line-height: 1.33em; margin: 0px 0px 24px; text-align: left; font-weight: 300; }
#heading_title_mob { text-align: center; }
#prodinfo .freedel { margin: 24px 0px 16px; font-size: 16px; line-height: 1.5em; text-transform: uppercase;
font-weight: 300; }
#prodinfo .rating { margin: 16px 0px 24px; }
#prodinfo .rating a { margin-left: 8px; color: inherit; }
#prodinfo .price { display: block; font-size: 24px; line-height: 1.33em; font-weight: 400; }
#prodinfo .price .price-wrapper { display: block; }
#prodinfo .price .price-old-wrapper { font-size: 16px; line-height: 1.5em; text-decoration: line-through; }
#prodinfo .price .price-new-wrapper { font-weight: 500; }
#prodinfo .price .price-tax-wrapper { display: none !important; }
#prodinfo .price .price-special-wrapper { color: #C00; }
#prodinfo .price .was { }
#prodinfo .price .from { display: none; text-transform: lowercase; }
#prodinfo .price.price_from .from { display: inline-block; }
#prodinfo .price.price_from.hide_from .from { display: none; }
#prodinfo .price .now { display: none; }
#prodinfo .price .inc-vat { display: none; }
#prodinfo .price .ex-vat { display: none; }
#prodopts { display: block; margin: 24px 0px 0px; padding: 0px; border: none; }
#prodopts .prodopt { margin: 18px 0px 0px; }
#prodopts .prodopt .control-label { display: block; font-size: 14px; line-height: 1.5em; font-weight: 300;
margin: 0px 0px 8px; text-transform: uppercase; }
#prodopts .optsel_images { margin-top: -4px; }
#prodopts .prodopt.radioopt > label,
#prodopts .prodopt.checkboxopt > label { cursor: default; }
#prodopts .prodopt .radio,
#prodopts .prodopt .checkbox { margin: 0px; }
#prodopts .prodopt.imageopt { }
#prodopts .prodopt.imageopt > div { display: block; margin-left: -2px; margin-right: -2px; }
#prodopts .prodopt.imageopt > div:after { display: block; content: ''; clear: both; }
#prodopts .prodopt.imageopt .radio,
#prodopts .prodopt.imageopt .checkbox { display: block; float: left; padding: 2px 2px; }
#prodopts .prodopt.imageopt .radio label,
#prodopts .prodopt.imageopt .checkbox label { display: block; position: relative; margin: 0px; padding: 0px; }
#prodopts .prodopt.imageopt .radio label input[type=radio],
#prodopts .prodopt.imageopt .checkbox label input[type=checkbox] { position: absolute; top: 45%; left: 45%; z-index: -1; }
#prodopts .prodopt.imageopt .radio label .image,
#prodopts .prodopt.imageopt .checkbox label .image { display: block; border: 2px solid #DDD; background: #FFF;
padding: 4px; border-radius: 50%; width: 44px; }
#prodopts .prodopt.imageopt .radio label .image img,
#prodopts .prodopt.imageopt .checkbox label .image img { border-radius: 50%; }
#prodopts .prodopt.imageopt .radio label .name,
#prodopts .prodopt.imageopt .checkbox label .name { display: none; }
#prodopts .prodopt.imageopt .radio.active label .image,
#prodopts .prodopt.imageopt .checkbox.active label .image { border-color: #3B5C6C; }
#prodopts .prodopt select { background: #F6F6F6; padding: 8px 8px; height: 48px; }
#prodopts .prodopt input[type=text] { background: #F6F6F6; padding: 8px 8px; height: 48px; }
#prodopts .prodopt .price { display: inline-block; font-size: 14px; line-height: inherit; color: #999; }
#prodopts .prodopt .price:before { content: '('; }
#prodopts .prodopt .price:after { content: ')'; }
#prodopts .prodopt .text-danger { margin-top: 12px; }
#prodinfo .low_stock { margin: 18px 0px; font-size: 18px; line-height: 1.33em; font-weight: 500; color: #BC4B7E; }
#prodinfo .addqty { margin: 18px 0px 0px; }
#prodinfo .addqty:after { display: block; content: ''; clear: both; }
#prodinfo .addqty label { display: block; font-weight: 300; }
#prodinfo .addqty span { display: block; float: left; }
#prodinfo .addqty span.qty-minus,
#prodinfo .addqty span.qty-plus { width: 40px; height: 40px; border: 1px solid #000; cursor: pointer; }
#prodinfo .addqty span img,
#prodinfo .addqty span img { display: block; width: 16px; height: 16px !important; margin: 12px auto; }
#prodinfo .addqty .qty-input { margin: 0px 4px; }
#prodinfo .addqty .qty-input input[type=text] { font-size: 16px; line-height: 1em; height: 40px; padding: 0px;
width: 42px; border: none; outline: none; box-shadow: none;
text-align: center; font-weight: 500; }
#prodinfo .min_qty { margin: 8px 0px 18px; }
#prodinfo #discounts { font-size: 14px; line-height: 20px; text-align: center; margin: 18px -6px 0px !important; }
#prodinfo #discounts:after { display: block; content: ''; clear: both; }
#prodinfo #discounts .discount { position: relative; display: block; float: left; width: 33.33%; padding: 6px; }
#prodinfo #discounts .discount:nth-child(3n):before,
#prodinfo #discounts .discount:nth-child(3n + 2):before { position: absolute; top: 6px; bottom: 6px; left: 0px;
content: ''; border-left: 1px solid #DDD; }
#prodinfo #discounts .discount:nth-child(n + 4):after { position: absolute; top: 0px; left: 6px; right: 6px; content: '';
border-top: 1px solid #DDD; }
#prodinfo #discounts .disctitle { }
#prodinfo #discounts .discdetail { font-weight: 600; }
#prodinfo .addcart { margin: 18px 0px 24px; padding: 0px; }
#prodinfo .addcart button { margin: 0px; padding: 20px 24px; }
#prodinfo .addcart button + button { margin-top: 6px; }
#prodinfo .block { border-top: 1px solid #DDD; margin-top: 18px; padding-top: 18px; font-size: 14px; line-height: 1.5em; }
#prodinfo .block h3 { margin: 0px 0px 12px; font-size: 16px; line-height: 1.5em; }
#prodinfo .block p { margin: 12px 0px 0px; }
#prodinfo .block.stock { border-top: none; padding-top: 0px; font-weight: bold; color: red; }
#prodinfo .block.wishstock { }
#prodinfo .block.wishstock a { color: inherit; font-size: 18px; line-height: 1.33em; }
#prodinfo .block.wishstock a i { font-size: inherit; line-height: 1em; }
#prodinfo .block.wishstock .stockstatus { margin: 12px 0px 0px; }
#prodinfo .bulk-discounts { margin-top: 18px; padding-top: 18px; font-size: 14px; line-height: 1.5em; }
#prodinfo .bulk-discounts th { background-color: #000; border: 1px solid #FFF; color: #FFF; }
#proddesc_mob { border-top: 1px solid #DDD; margin-top: 30px; padding-top: 24px; }
#proddesc_mob h3 { margin: 0px 0px 18px; line-height: 1em; }
#proddesc_mob p { margin: 18px 0px 0px; }
#proddetails_mob { border-top: 1px solid #DDD; margin-top: 30px; padding-top: 24px; }
#proddetails_mob h3 { margin: 0px 0px 18px; line-height: 1em; }
#proddetails_mob p { margin: 18px 0px 0px; }
#proddetails_mob table { }
@media (min-width: 992px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
#prodimg .mainimg { float: none; width: 100%; }
#prodimg .additionals { float: none; width: 100%; }
#prodimg .additionals:after { display: block; content: ''; clear: both; }
#prodimg .additionals div { display: block; float: left; width: calc(25% - 8px); margin: 2px !important; }
#prodimg .additionals div img { }
#prodimg .additionals div.active { }
#prodimg .additionals div.active img { }
#proddesc { display: none; }
#proddetails { display: none; }
#heading_title { display: none; }
}
#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; }
#vtabs { display: block; margin: 48px 0px 0px; border-top: 1px solid #DDD; }
#vtabs:after { display: block; content: ''; clear: both; }
#vtabs .vtab { display: block; max-width: 760px; margin: 0px auto; padding: 0px; border-bottom: 1px solid #DDD; }
#vtabs .vtab .vtab_head { position: relative; display: block; font-size: 21px; line-height: 1.33em; font-weight: 500;
color: #3B5C6C; cursor: pointer; padding: 24px 30px 24px 0px; }
#vtabs .vtab .vtab_head:after { position: absolute; top: calc(50% - 10px); right: 0px; width: 20px; height: 20px;
content: ''; background: url('/image/catalog/icons/icon-filter-plus.svg') center no-repeat;
transition: transform 0.25s; }
#vtabs .vtab.active .vtab_head:after { background-image: url('/image/catalog/icons/icon-filter-minus.svg'); }
#vtabs .vtab .vtab_body { display: none; padding: 0px 0px 24px; font-weight: 400; }
#vtabs .vtab .vtab_body > :first-child { margin-top: 0px !important; }
#vtabs .vtab .vtab_body > :last-child { margin-bottom: 0px !important; }
#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 .vtab.reviews .vtab_head a { display: block; float: right; font-size: 16px; line-height: 1.5em;
margin-top: 2px; }
#reviews { border-top: 1px solid #DDD; margin-top: 48px; padding-top: 36px; }
#review > p { margin: 0px; }
#review .review { border-bottom: 1px solid #DDD; padding-bottom: 24px; margin: 0px; }
#review .review + .review { padding-top: 24px; }
#review .review > .rating { margin-bottom: 8px; }
#review .review .text { font-size: 14px; line-height: 1.5em; }
#review .review .info { margin-top: 12px; color: #666; }
#review .review .info > div { display: inline-block; vertical-align: middle; line-height: 18px; }
#review .review .info .date { }
#review .review .info .author { }
#review .review .info .rating { margin-left: 2px; }
#review .review .info .rating .stars { display: block; padding: 0px; }
#review .more-reviews { margin-top: 24px; }
#reviews .writereview { display: block; border: 1px solid #DDD; padding: 18px 24px; }
#reviews .writereview h3 { margin: 0px 0px -6px; }
#reviews .writereview p { margin: 18px 0px 0px; }
#form-write-review { display: none; }
@media (min-width: 992px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
}
/* Cart page */
.table-cart { color: #444; font-weight: 400; }
.table-cart td { padding: 18px 12px !important; border: none !important; border-bottom: 1px solid #DDD !important; }
.table-cart thead td { font-size: 13px; line-height: 20px;
font-weight: 600; 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: 140px; }
.table-cart td.thumb a { display: block; }
.table-cart td.thumb a img { border: 1px solid #DDD; }
.table-cart td.name { }
.table-cart .name .model { display: block; margin: 3px 0px 12px; font-size: 12px; line-height: 1.5em; color: #999; }
.table-cart small { display: block; margin-top: 2px; font-size: inherit; }
.table-cart a + small { margin-top: 12px; }
.table-cart small span { display: inline-block; }
.table-cart small span.optname { font-weight: 500; }
.table-cart small span.optval { }
.table-cart td.quantity { width: 130px; }
.table-cart td.quantity input[type=text] { }
.table-cart td.quantity button { padding: 7px 12px; }
.table-cart td.price { width: 120px; text-align: right; }
.table-cart tbody td.price { padding-top: 30px !important; }
.table-cart td.total { width: 120px; text-align: right; }
.table-cart tbody td.total { padding-top: 30px !important; }
.table-cart td.btns { width: 60px; text-align: right; }
.table-cart td.btns button { padding: 8px 11px; }
.table-cart td.btns button.btn-remove { padding: 0px; background: none; border: none; margin-top: 12px; }
#mobile-cart { }
#mobile-cart .prod { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #DDD; }
#mobile-cart .prod:after { display: block; clear: both; content: ''; }
#mobile-cart .prod + .prod { }
#mobile-cart .image { display: block; float: right; width: 30%; margin-left: 3%; }
#mobile-cart .image a { display: block; border: 1px solid #E8E8E8; }
#mobile-cart .image a img { display: block; }
#mobile-cart .prodinfo { display: block; width: 67%; }
#mobile-cart .name { display: block; margin-bottom: 12px; }
#mobile-cart .name a { }
#mobile-cart .name .model { font-size: 12px; line-height: 1.5em; color: #999; margin: 0px 0px 6px; }
#mobile-cart .name small { display: block; font-size: 14px; line-height: 20px; }
#mobile-cart .name small .optname { color: #1F1F1F; font-weight: 500; }
#mobile-cart .name small .optval { }
#mobile-cart .quantity { display: block; float: left; }
#mobile-cart .quantity .control-label { }
#mobile-cart .quantity .input-group { width: 100px; }
#mobile-cart .quantity input { }
#mobile-cart .btns { display: block; float: right; }
#mobile-cart .btns button { padding: 8px 11px; }
#mobile-cart .btns button.btn-remove { padding: 0px; background: none; border: none; }
.submit-button { text-align: right; }
.table-totals { font-weight: 400; margin: 0px; }
@media (min-width: 992px) and (max-width: 1199px) {
.table-cart td.thumb { width: 120px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.table-cart td { padding: 12px 6px !important; }
.table-cart td.thumb { width: 100px; }
.table-cart td.quantity { width: 100px; }
.table-cart td.price { width: auto; }
.table-cart tbody td.price { padding-top: 18px !important; }
.table-cart td.total { width: auto; }
.table-cart tbody td.total { padding-top: 18px !important; }
.table-cart td.btns { width: 50px; }
}
@media (max-width: 767px) {
.submit-button { text-align: center; }
}
.form-horizontal { }
.form-horizontal .control-label { color: #000; margin: 5px 0px; padding: 0px; }
.form-horizontal .form-group { margin-bottom: 20px; }
@media (max-width: 767px) {
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] { min-width: 60px; }
.shopnow {
margin-bottom: 14px;
}
.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; 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: calc(50vw - 1140px / 2); width: 400px;
display: flex; align-items: center; color: #000; font-weight: 400; text-align: left; }
.owl-item .item .caption .container { width: 100%; margin: 0px; padding: 0px 24px; }
.owl-item .item .caption-wrapper { }
.owl-item .item .caption h1,
.owl-item .item .caption h2 { color: inherit; }
.owl-item .item .caption p { color: inherit; margin: 24px 0px 0px; }
.owl-item .item .caption a { }
.owl-controls { position: absolute; top: calc(50% - 24px); left: 0px; right: 0px; }
.owl-controls .owl-pagination { position: relative; top: auto; margin: 0px !important; padding: 20px 0px 0px !important;
line-height: 12px; }
.owl-controls .owl-pagination:after { display: block; content: ''; clear: both; }
.owl-controls .owl-page { display: inline-block; vertical-align: top; margin: 0px 6px !important; }
.owl-controls .owl-page span { background: #CCC !important; width: 12px !important; height: 12px !important;
border-radius: 50% !important; box-shadow: none !important; }
.owl-controls .owl-page.active span { background: #45A8AE !important; color: #FFF; }
.owl-controls .owl-buttons { position: absolute; top: 0px; left: 0px; right: 0px; }
.owl-controls .owl-buttons > div { opacity: 1 !important; height: 48px; width: 48px;
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: 0px; background-position: left; }
.owl-controls .owl-buttons > div.owl-next { top: 0px; right: 0px; background-position: right; }
body.common-home .slideshow-wrapper { background: #FFF; }
body.common-home .slideshow-wrapper + .slideshow-wrapper { margin-top: 0px !important; }
body.common-home .headfreesecure-wrapper + .slideshow-wrapper { margin-top: 0px !important; }
body.common-home .slideshow-wrapper > .container { }
/* Slideshow specific changes */
.mod_slideshow { }
.mod_slideshow:after { display: block; content: ''; clear: both; }
/* Carousel specific changes */
.carousel-wrapper { }
body.common-home .carousel-wrapper { border-top: 1px solid #DDD; }
.mod_carousel { }
.mod_carousel h4 { font-size: 13px; line-height: 20px; text-transform: uppercase; text-align: center;
letter-spacing: 2px; }
.mod_carousel .owl-carousel { }
.mod_carousel .owl-item { }
.mod_carousel .owl-item .item { }
.mod_carousel .owl-item img { padding: 0px 2px; }
.slideshow-wrapper { }
.slideshow-wrapper .container { }
#slideshow2 {padding-top: 24px;}
body.common-home .slideshow-wrapper .container { width: 100%; margin: 0px; padding: 0px; }
@media (min-width: 992px) and (max-width: 1199px) {
.owl-item .item .caption { left: calc(50vw - 940px / 2); }
}
@media (min-width: 768px) and (max-width: 991px) {
.owl-item .item .caption { left: calc(50vw - 740px / 2); width: 320px; }
.owl-item .item .caption .container { padding: 0px 16px; }
.owl-item .item .caption h1 { font-size: 24px; line-height: 1.33em; margin-bottom: 0px; }
.owl-item .item .caption h2 { margin: 0px; }
.owl-item .item .caption p { margin: 12px 0px 0px; }
.owl-item .item .caption a { }
}
@media (max-width: 767px) {
.owl-item .item .caption { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 100%;
display: block; padding: 0px; clip-path: none; text-align: center; }
.owl-item .item .caption .container { padding: 12px 18px; }
.owl-item .item .caption h1 { font-size: 24px; line-height: 1.33em; margin-bottom: 0px; }
.owl-item .item .caption h2 { font-size: 24px; line-height: 1.33em; margin-bottom: 0px; }
.owl-item .item .caption p { margin: 12px 0px 0px; }
.owl-item .item .caption a { }
.owl-controls { position: absolute; top: calc(25% - 24px); left: 0px; right: 0px; }
}
@media (max-width: 767px) {
#slideshow3 .owl-item .item .caption { position: absolute; left: calc(50vw - 390px / 2); width: 320px;
top: 0px; bottom: 0px; display: flex; align-items: center; color: #000; text-align: left;
}
#slideshow3 .owl-item .item .caption h1 { font-size: 20px; line-height: 1.1em; margin-top: 12px; margin-bottom: 0px; }
#slideshow3 .owl-item .item .caption h2 { font-size: 20px; line-height: 1.1em; margin-bottom: 0px; }
}
.mod_banner-wrapper { }
.mod_banner-wrapper > .container { width: 100%; margin: 0px; padding: 0px; }
.mod_banner { }
.mod_banner .item { min-height: 0px !important; }
.mod_banner .item img { }
.mod_banner .item .caption { }
.mod_banner .item .caption .container { padding-top: 36px; padding-bottom: 36px; }
/*
mfilter-free-container mfilter-widget-position-left mfilter-direction-ltr mfilter-box-1 mfilter-free-container-opened
box mfilter-box mfilter-box-1 mfilter-column_left mfilter-direction-ltr init
*/
.mod_mega_filter { }
.mod_mega_filter h3 { }
.mfilter-box { margin-bottom: 0px; }
.mfilter-free-container { top: 60px; width: 300px; max-width: calc(100vw - 60px); box-sizing: border-box;
margin-left: -300px; }
.mfilter-free-container .mfilter-box { margin: 8px 0px 8px 8px; }
.mfilter-free-container .mfilter-free-button { margin: 0px; top: -1px; left: 100%; }
.mfilter-box .mfilter-button { text-align: left; padding: 0px; }
.mfilter-box .mfilter-button-top { margin: 12px 0px 24px; }
.mfilter-box .mfilter-button-bottom { }
.mfilter-box .mfilter-button a { float: none; margin: 0px; }
.mfilter-box .mfilter-button a i { display: none; }
.mfilter-box .mfilter-selected-filters { font-size: 13px; line-height: 20px; }
.mfilter-box .mfilter-selected-filters-cnt { }
.mfilter-box .mfilter-selected-filters-cnt a { position: relative; display: block; padding: 0px 24px 0px 0px;
color: inherit; font-size: 14px; line-height: 20px; }
.mfilter-box .mfilter-selected-filters-cnt a + a { margin-top: 6px; }
.mfilter-box .mfilter-selected-filters-cnt a span { display: block; padding: 0px; }
.mfilter-box .mfilter-selected-filters-cnt a span img { display: inline-block; vertical-align: top; max-height: 20px;
width: auto !important; }
.mfilter-box .mfilter-selected-filters-cnt a span.mfilter-close { position: absolute; display: block; top: 2px;
right: 0px; width: 16px; height: 16px; padding: 0px;
background: url('../image/icon-filter-remove.png') center no-repeat; }
.mfilter-box .mfilter-selected-filters-cnt a span.mfilter-close i { display: none; }
.mfilter-box .mfilter-selected-filters[style*="display: none"] + .mfilter-button { display: none; }
.mfilter-box .mfilter-content { border: none; border-radius: 0px; }
.mfilter-box .mfilter-content > ul { }
.mfilter-box .mfilter-content > ul > li.mfilter-filter-item { }
.mfilter-box .mfilter-content > ul > li + li { border-top: 1px solid #E8E8E8; }
.mfilter-box .mfilter-heading { background: none; font-size: 13px; line-height: 20px; color: #000;
text-transform: uppercase; font-weight: 600; }
.mfilter-box .mfilter-heading-content { position: relative; padding: 8px 2px; line-height: inherit;
background: url('../image/dot-divider-horizontal.png') top repeat-x; }
.mfilter-box .mfilter-heading-text { margin: 0px; line-height: inherit; }
.mfilter-box .mfilter-heading-text > span { padding: 0px; line-height: inherit; }
.mfilter-box .mfilter-heading .mfilter-head-icon { position: absolute; right: 2px; top: 9px;
background: url('../image/icon-minus.svg') center no-repeat;
float: none; margin: 0px; width: 16px; height: 20px; }
.mfilter-box .mfilter-heading.mfilter-collapsed .mfilter-head-icon { background-image: url('../image/icon-plus.svg') }
.mfilter-box .mfilter-content-opts { font-size: 14px; line-height: 20px; padding-bottom: 8px; }
.mfilter-box .mfilter-opts-container { border: none; padding: 0px 2px; }
.mfilter-box #mfilter-opts-price-min,
.mfilter-box #mfilter-opts-price-max { width: 40%; min-width: 50px; max-width: 100px; }
.mfilter-box .mfilter-slider-slider,
.mfilter-box #mfilter-price-slider { margin-top: 16px !important; }
.mfilter-box .mfilter-filter-item .mfilter-options { padding: 0px 2px; }
.mfilter-box .mfilter-tb { display: block; }
.mfilter-box .mfilter-option { display: block; padding: 3px 0px; }
.mfilter-box .mfilter-option.mfilter-image { padding: 0px; }
.mfilter-box .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; text-transform: none;
cursor: pointer; }
.mfilter-box .mfilter-option .mfilter-tb-as-td + .mfilter-tb-as-td { }
.mfilter-box .mfilter-option.mfilter-disabled .mfilter-tb-as-td { cursor: not-allowed; }
.mfilter-box .mfilter-option .mfilter-counter { display: inline; float: none; background: none; border: none;
border-radius: 0px; margin: 0px; padding: 0px; font-size: 14px;
line-height: 1.5em; color: inherit; font-weight: 300; text-indent: 0px; }
.mfilter-box .mfilter-option .mfilter-counter:before { display: inline-block; vertical-align: top; content: '('; }
.mfilter-box .mfilter-option .mfilter-counter:after { display: inline-block; vertical-align: top; content: ')'; border: none;
top: auto; right: auto; height: auto; width: auto;
position: relative; margin: 0px; }
.mfilter-box .mfilter-box .mfilter-counter.mfilter-close { background: none; width: auto; height: auto; float: none;
margin: 0px; text-indent: 0px; }
.mfilter-box .mfilter-col-input { padding-right: 6px; }
.mfilter-box .mfilter-col-input input[type=checkbox],
.mfilter-box .mfilter-col-input input[type=radio] { margin: 0px 4px 0px 0px; }
.mfilter-box .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; left: -2px; }
.mfilter-box .mfilter-option .mfilter-input-active input[type=checkbox]:after,
.mfilter-box .mfilter-option input[type=checkbox][checked]:after { background-image: url('../image/icon-checkbox-checked.png'); }
.mfilter-box .mfilter-col-count { }
.mod_prods { padding-top: 60px; }
body.common-home .mod_prods { padding-top: 0px !important; }
.mod_prods .mod_top { text-align: center; }
.mod_prods h3 { margin: 0px 0px 18px; }
.mod_prods .intro { display: block; margin: 18px auto 0px; width: 100%; max-width: 600px; font-weight: 400; }
.mod_prods .intro a { }
.mod_prods .prod_grid,
.mod_prods .prod_carousel { margin-top: -24px; }
.mod_prods .prod_carousel .prod_grid { margin-top: 0px; }
.mod_featured-wrapper { }
@media (max-width: 767px) {
.mod_prods { padding-top: 24px !important; }
.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; margin: 0px; }
.well ul { padding-left: 18px; }
.well li { }
.account-login { }
.account-login .well { padding: 24px; }
.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 { }
.account-login .well .form-group { margin: 16px 0px 0px; }
.account-login .well .form-group:after { display: block; content: ''; clear: both; }
.account-login .well .form-control { height: 48px; }
.account-login .well label { }
.account-login .well .btn { }
.account-login .well .login-btn { }
.account-login .well .reg-btn { }
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
.account-login .well { padding: 18px; }
.account-login .well h2 { text-align: center; }
}
.contactrow { }
.contactrow h2 { }
.contact-form { display: block; }
.contact-form .form-group { margin: 0px 0px 24px; }
.contact-form .form-group > label,
.contact-form .form-group > div { display: block; float: none; width: 100%; margin: 0px; padding: 0px; text-align: left; }
.contact-form .form-group > label { margin-bottom: 6px; }
.contact-form .form-group > div { }
.contactinfo { }
.contactinfo p { }
.contactinfo table { margin: 20px 0px 0px; border-bottom: 1px solid #DDD; }
.contactinfo table th,
.contactinfo table td { }
.contactinfo table th { }
.contactinfo table td { text-align: right; word-break: break-word; hyphens: auto; }
#googlemap { display: block; margin: 0px; padding: 0px; }
#googlemap iframe { display: block; margin: 0px; padding: 0px; border: none; }
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
.contactboxes { margin-left: -6px; margin-right: -6px; }
.contactboxes > div[class*=col-] { padding-left: 6px; padding-right: 6px; }
.contactboxes .wrapper { padding: 24px 16px 16px; min-height: 185px; }
}
@media (max-width: 767px) {
.contactboxes { margin-left: -6px; margin-right: -6px; }
.contactboxes > div[class*=col-] { padding: 6px !important; }
.contactboxes .wrapper { padding: 24px 16px; min-height: 0px; }
}
#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) {
}