body { font-family: Barlow, 'Open Sans', sans-serif; font-weight: 400; color: #000; font-size: 16px; line-height: 1.5em; width: 100%; background: #F3F3F3; transition: all 0.5s; } @media (min-width: 1200px) { body { padding-top: 143px; } body.scrolled { padding-top: 118px; } } @media (min-width: 992px) and (max-width: 1199px) { body { padding-top: 129px; } body.scrolled { padding-top: 115px; } } /* Colors for reference Black = #000; White = #FFF; Dark Grey = #333; Light Grey = #9B9B9B; Red = #DE1539; Yellow = #FFA700; */ /* default font size */ .fa { font-size: 14px; } h1, h2, h3, h4, h5, h6 { font-family: Bangers, Barlow, 'Open Sans', sans-serif; color: #000; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } /* Override the bootstrap defaults */ h1 { font-size: 48px; line-height: 1.25em; margin: 0px 0px 30px; } h2 { font-size: 36px; line-height: 1.25em; margin: 0px 0px 20px; } h3 { font-size: 24px; line-height: 1.5em; margin: 20px 0px; } h4 { font-size: 21px; line-height: 1.5em; margin: 20px 0px; } h5 { font-size: 18px; line-height: 1.5em; margin: 20px 0px; } h6 { font-size: 16px; 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: #DE1539; cursor: pointer; } a:hover, a:focus { text-decoration: none; color: #000; } a.inverse { color: #000; } a.inverse:hover, a.inverse:focus { color: #DE1539; } 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; } 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- */ /* 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: #000; padding: 0px 16px; -webkit-border-radius: 0px; box-shadow: none; background: #FFF; height: 48px; } 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:before { content: '* '; color: #F00; font-weight: bold; } div.video { display: block; position: relative; width: 100%; padding-bottom: 56.25%; } div.video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #videopop { display: flex; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999999999; background: rgba(0, 0, 0, 0.6); color: #FFF; align-items: center; } body.vp_show { overflow: hidden; } body.vp_show #videopop { } #videopop .container { width: 800px; max-width: 95%; } #videopop .outer { } #videopop .vp_close { display: block; float: right; width: 18px; height: 18px; margin: 0px 0px 8px 0px; cursor: pointer; background: url('../image/icon-close-white.png') center no-repeat; background-size: contain; } #videopop .vp_video { clear: right; background: #FFF; } #videopop .vp_video iframe { } header { position: relative; background: #FFF; z-index: 80004; border-bottom: 1px solid #E9E9E9; } header .container { } header #logo { display: block; float: left; margin: 0px 0px -10px -15px; width: 350px; padding: 0px; transition: all 0.5s; } header #logo a { display: inline; margin: 0px; padding: 0px; } header #logo a img { display: inline; margin: 0px; max-height: 100%; width: auto !important; } header #headright { display: block; float: right; margin: 0px; transition: all 0.5s; } header #headright > div { display: inline-block; vertical-align: top; margin: 0px; transition: all 0.5s; } header #headright > div + div { margin-left: 16px; } header #headright > div#hd_search { margin-left: 0px !important; } header #headright > div#hd_upper { display: block; float: none; font-size: 14px; line-height: 18px; margin: 10px 0px 16px; text-align: right; font-weight: 300; } header #headright #hd_upper div { display: inline-block; vertical-align: middle; font: inherit; line-height: inherit; } header #headright #hd_upper div:before { display: inline-block; margin-right: 2px; } header #headright #hd_upper div.phone:before { content: 'T:'; width: auto; margin-right: 2px; } header #headright #hd_upper div.email:before { content: 'E:'; width: auto; margin-right: 2px; } header #headright #hd_upper div.hd_account:before { display: none; } header #headright #hd_upper div:after { display: inline-block; vertical-align: bottom; content: ''; width: 1px; background: #EEE; margin: 0px 6px; height: 16px; } header #headright #hd_upper div:last-child:after { display: none !important; } header #headright #hd_upper div a { color: #000; font: inherit; line-height: inherit; } header #headright > div#hr_upper { display: block; float: none; font-size: 14px; line-height: 18px; margin: 8px 0px 10px; text-align: right; } header #headright #hr_upper span { display: inline-block; visibility: hidden; } header #headright #hr_upper span + span:before { display: inline-block; margin: 0px 8px 0px 5px; content: '/'; } header #search { background: #FFF; border: 2px solid #DDD; margin-left: 0px !important; } header #search:after { display: block; content: ''; clear: both; } header #search input[type=text] { display: block; float: left; width: 400px; max-width: calc(100% - 24px); height: 44px; border: none; background: none; margin: 0px; line-height: 44px; padding: 12px 0px 12px 12px; transition: all 0.5s; } header #search button { display: block; float: left; width: 36px; height: 44px; border: none; background: none; box-sizing: border-box; text-align: center; padding: 0px; outline: none !important; transition: all 0.5s; } header #search button img { display: inline-block; vertical-align: middle; } header > .hd_account { } header > .hd_account a { display: block; line-height: 30px; color: #000; } header > .hd_account a img { display: inline-block; vertical-align: middle; } header > .hd_account a span { display: inline-block; vertical-align: middle; margin-left: 6px; } header #cart { position: relative; z-index: 80015; } header #cart:after { display: block; content: ''; clear: both; } header #cart .hd_head { position: relative; padding: 3px 26px 8px 10px; z-index: 80015; cursor: pointer; background: url('../image/arrow-down-cart-black.png') calc(100% - 10px) 50% no-repeat; line-height: 33px; border: 2px solid #DDD; transition: all 0.5s; } header #cart .hd_head:after { display: block; content: ''; clear: both; } header #cart .hd_head #cart-total { position: relative; display: block; float: left; margin-right: 20px; width: 24px; height: 33px; background: url('/image/catalog/2021_theme/icon-bag-black.png') left no-repeat; background-size: contain; transition: height 0.5s; } header #cart .hd_head #cart-total span { display: none; } header #cart .hd_head #cart-total span.ct_items { display: block; position: absolute; bottom: -6px; right: -8px; font-size: 14px; line-height: 20px; color: #FFF; background: #DE1539; height: 20px; min-width: 20px; border-radius: 10px; padding: 0px 3px; text-align: center; font-weight: 500; transition: all 0.5s; } header #cart .hd_head #cart-total span.ct_item_num { display: block; } header #cart.open .hd_head { background-image: url('../image/arrow-up-cart.png'); border-bottom-color: #FFF; padding-bottom: 18px; margin-bottom: -10px; } body.scrolled header #cart.open .hd_head { padding-bottom: 6px; margin-bottom: -4px; } header #cart .hd_body { width: 400px; z-index: 80014; padding: 24px; top: calc(100% + 8px); left: auto; right: 0px; background: #FFF; color: #000; border: 2px solid #DDD; } body.scrolled header #cart .hd_body { top: calc(100% + 2px); } header #cart .prods_wrapper { max-height: 366px; overflow: auto; } header #cart table { width: 100%; } header #cart table.prods tbody { border-bottom: 1px solid #DDD; } header #cart table td { vertical-align: middle; padding: 0px; border: none; background: none; } header #cart table tr.upper td { vertical-align: top; padding-top: 18px; } header #cart table tr.lower td { vertical-align: bottom; padding-bottom: 18px; } header #cart table td.image { width: 85px; padding: 18px 12px 18px 0px; } header #cart table td.image img { border: none; padding: 0px; } header #cart table td.info { width: auto; padding-right: 0px; } header #cart table td.info:after { display: block; content: ''; clear: both; } header #cart table td.info .remove { display: block; float: right; margin-left: 18px; } header #cart table td.info .remove img { display: block; cursor: pointer; } header #cart table td.info .name { color: #000; } header #cart table td.info small { display: block; } header #cart table td.info small:before { display: inline-block; content: '\2013'; margin-right: 4px; } header #cart table td.qty { color: #9B9B9B; } header #cart table td.total { padding-right: 3px; text-align: right; color: #000; font-size: 18px; line-height: 1em; font-family: Barlow, 'Open Sans', sans-serif; } header #cart table.totals tr:first-child td { padding-top: 18px; } header #cart table .tot_title { text-align: right; padding: 3px 5px 0px 0px; width: 70%; } header #cart table .tot_price { text-align: right; padding: 3px 3px 0px 5px; color: #000; font-size: 18px; font-family: Barlow, 'Open Sans', sans-serif; } header #cart table tr.total td.tot_title { color: #DE1539; font-size: 19px; font-weight: 600; } header #cart table tr.total td.tot_price { color: #DE1539; font-size: 22px; } header #cart p { margin: 0px; padding: 0px; } header #cart p.links { display: block; margin: 18px 0px 0px; } header #cart p.links .btn { display: inline-block; width: 48%; padding: 12px 22px 10px; } header #cart p.links .btn:nth-child(2n) { float: right; } header #cart p.links .btn + .btn { } header #cart p.empty { text-align: center; padding: 30px 0px; } @media (min-width: 1200px) { header { position: fixed; top: 0px; left: 0px; right: 0px; } body.scrolled header #logo { width: 240px; } body.scrolled header #headright { } body.scrolled header #headright > div#hd_upper { margin: 5px 0px 8px; } body.scrolled header #search input[type=text] { height: 36px; line-height: 36px; padding-top: 6px; padding-bottom: 6px; } body.scrolled header #search button { height: 36px; } body.scrolled header #cart .hd_head { padding-top: 1px; padding-bottom: 2px; } body.scrolled header #cart .hd_head #cart-total { height: 30px; } body.scrolled header #cart .hd_head #cart-total span.ct_items { font-size: 13px; line-height: 18px; height: 18px; min-width: 18px; border-radius: 9px; } } @media (min-width: 992px) and (max-width: 1199px) { header { position: fixed; top: 0px; left: 0px; right: 0px; } header #logo { width: 300px; margin-bottom: -9px; } header #headright { } header #headright > div#hd_upper { margin: 8px 0px 10px; font-size: 13px; line-height: 16px; } header #search input[type=text] { width: 320px; } header #search button { } header #cart .hd_head { } header #cart .hd_head #cart-total { height: 30px; } header #cart .hd_head #cart-total span.ct_items { font-size: 13px; line-height: 18px; height: 18px; min-width: 18px; border-radius: 9px; } body.scrolled header #logo { width: 220px; } body.scrolled header #headright { } body.scrolled header #headright > div#hr_upper { margin: 3px 0px; } body.scrolled header #search input[type=text] { height: 30px; line-height: 30px; padding-top: 5px; padding-bottom: 5px; } body.scrolled header #search button { height: 30px; } body.scrolled header #cart .hd_head { padding-top: 1px; padding-bottom: 1px; line-height: 28px; } body.scrolled header #cart .hd_head #cart-total { width: 18px; height: 24px; } body.scrolled header #cart .hd_head #cart-total span.ct_items { font-size: 12px; line-height: 18px; height: 18px; min-width: 18px; border-radius: 9px; } body.scrolled header #cart.open .hd_head { padding-bottom: 5px; margin-bottom: -4px; } } @media (min-width: 768px) and (max-width: 991px) { header #logo { width: 300px; margin-bottom: 0px; } header #headright { margin: 0px; } header #headright > div { vertical-align: middle; } header #headright > div#hr_upper { margin: 10px 0px 10px; } header #headright > div + div { margin-left: 12px; } header #headright > div#hd_upper div.email:after { display: none; } header #search input[type=text] { width: 240px; height: 36px; line-height: 36px; padding-top: 6px; padding-bottom: 6px; } header #search button { height: 36px; } header #cart .hd_head { padding-top: 6px; padding-bottom: 9px; background-position: calc(100% - 10px) 21px; } header #cart .hd_head #cart-total { height: 30px; } header #cart .hd_head #cart-total span.ct_items { font-size: 13px; line-height: 18px; height: 18px; min-width: 18px; border-radius: 9px; } } @media (max-width: 767px) { header { text-align: center; } header .container { padding: 10px 0px 16px; } header #logo { float: none; width: 80%; margin: 0px auto; } header #headright { float: none; margin: 8px 0px 0px; } header #headright > div { vertical-align: middle; } header #headright > div + div { margin-left: 8px; } header #headright > div#hd_upper { margin: 0px 0px 8px; text-align: center; } header #headright > div#hd_upper div.email:after { display: none; } header #hd_search { width: 200px } header #search input[type=text] { width: calc(100% - 36px); height: 36px; line-height: 36px; padding-top: 6px; padding-bottom: 6px; } header #search button { height: 36px; } } /* Advanced Top Menu (Mod added by Luke!) */ /* #adv_menu_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 0px; opacity: 0; z-index: 80001; background: rgba(0, 0, 0, 0.4); transition: height 0s, opacity 0.25s ease-in-out; } #adv_menu.showmask + #adv_menu_mask { height: 100%; opacity: 1; } #adv_menu { background: #FFF; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin: 0px; padding: 0px; z-index: 80002; } #adv_menu > .container { position: relative; z-index: 80003; } #adv_menu ul { display: block; list-style: none; margin: 0px; padding: 0px; } #adv_menu ul > li { display: block; margin: 0px; padding: 0px; } #adv_menu ul > li > a { display: block; margin: 0px; padding: 0px; font-size: 14px; line-height: 20px; color: #000; } #adv_menu ul > li > :first-child { margin-top: 0px !important; } #adv_menu ul > li > :last-child { margin-bottom: 0px !important; } #adv_menu ul.L1 { display: table; width: auto; margin: 0px auto; } #adv_menu ul.L1 > li { display: table-cell; } #adv_menu ul.L1 > li > a { padding: 13px 15px; font-weight: 600; text-transform: uppercase; text-align: center; } #adv_menu ul.L2 { display: none; position: absolute; top: 100%; left: 0px; width: 100%; background: #FFF; border: 1px solid #DDD; border-top: none; padding: 15px; box-shadow: 0px 2px 1px #BBB; } #adv_menu ul.L2 > li { display: table-cell; width: 25%; } #adv_menu ul.L2 > li > a { text-transform: uppercase; color: #999; font-weight: 600; margin-top: 15px; } #adv_menu ul.L3 { margin: 15px 0px 30px; } #adv_menu ul.L3 > li { } #adv_menu ul.L3 > li > a { } #adv_menu ul.L1 > li:hover { background: #FFF; } #adv_menu ul.L1 > li.has_kids:hover ul.L2 { display: table; } @media (min-width: 992px) and (max-width: 1199px) { #adv_menu ul.L1 > li > a { padding: 13px 10px; font-weight: 600; } } */ /* 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; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; font-size: 20px; } #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: 30px; line-height: 1em; font-stretch: expanded; color: #000; margin: 0px; padding: 3px; background-color: #FFF; border: 2px solid #DDD; border-left: none; outline: none; } #menu .navbar-header .navbar-toggle button i { display: block; font-size: 30px; line-height: 1em; min-width: 30px; } #menu ul.nav { float: none; margin: 0px; } #menu ul.nav > li { float: none; } @media (min-width: 768px) { #menu .navbar-collapse { display: block; margin: 0px; padding: 0px; } #menu a { font-family: Bangers, Barlow, 'Open Sans', sans-serif; font-size: 18px; letter-spacing: 1px; } #menu ul.nav { display: block; margin: 0px -8px; padding: 0px; list-style: none; } #menu ul.nav > li { display: inline-block; margin: 0px 8px; padding: 8px 0px 18px; } #menu ul.nav > li.dropdown { } #menu ul.nav > li > a { display: block; color: #000; padding: 0px; background: none !important; } #menu ul.nav > li.special-offers > a:before, #menu ul.nav > li.offers > a:before { display: block; position: absolute; top: -7px; left: -9px; right: -11px; height: 33px; background: #DE1539; content: ''; z-index: -1; transform: rotate(-2deg); } #menu ul.nav > li.open a, #menu ul.nav > li a:hover { position: relative; color: #DE1539; background: none; } #menu ul.nav > li.dropdown.open, #menu ul.nav > li.dropdown:hover { padding-bottom: 0px; } #menu ul.nav > li.dropdown.open a, #menu ul.nav > li.dropdown:hover a { padding-bottom: 18px; } #menu ul.nav > li.dropdown.open a:after, #menu ul.nav > li.dropdown:hover a:after { position: absolute; display: block; bottom: 0px; left: calc(50% - 10px); border: 10px solid transparent; border-bottom: 10px solid #CCC; border-top: none; width: 0px; height: 0px; content: ''; z-index: 80001; } #submenus { position: absolute; top: 100%; left: 0px; right: 0px; z-index: 80000; background: #FFF; } #submenus .container { } #submenus .submenu { display: none; box-shadow: 0px 0px 3px 1px #999; } #submenus .submenu .menuitems { display: block; margin: 0px -12px; padding: 0px 0px 24px; text-align: center; } #submenus .submenu .menuitems:after { display: block; content: ''; clear: both; } #submenus .submenu .menuitem { display: inline-block; vertical-align: top; width: 16%; padding: 24px 12px 0px; } #submenus .submenu .menuitem a { display: block; font-size: 18px; line-height: 20px; text-align: center; color: #FFF; } #submenus .submenu .menuitem a img { } #submenus .submenu .menuitem a .text { display: flex; min-height: 50px; align-items: center; padding: 5px 8px; background: #000; color: inherit; } #submenus .submenu .menuitem a:hover .text { background: #DE1539; } #submenus .submenu .menuitem:nth-child(odd) a .text { transform: rotate(-1deg); } #submenus .submenu .menuitem:nth-child(even) a .text { transform: rotate(1deg); } #submenus .submenu .menuitem a .text span { display: block; width: 100%; text-align: center; } #submenus .submenu .shopall { display: block; text-align: center; border-top: 1px solid #DDD; padding: 24px 0px; } #submenus .submenu .shopall a { font-size: 18px; line-height: 1em; color: #000; } #submenus .submenu .shopall a:hover { color: #DE1539; } #submenus .submenu .shopall a:after { display: inline-block; vertical-align: middle; width: 20px; height: 10px; content: ''; background: url('../image/arrow-right-menu.png') center no-repeat; margin-left: 8px; } #menu ul.nav > li > .dropdown-menu { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { #submenus .submenu .menuitem { width: calc(25% - 3px); } #submenus .submenu .menuitem:nth-child(n + 5) { display: none; } } @media (max-width: 767px) { #adv_menu { display: none !important; } #submenus { display: none !important; } .navbar-collapse { width: 90vw; background: #FFF; padding: 0px; border: 2px solid #DDD; border-left: none; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } #menu { position: absolute; top: 10px; left: 0px; text-align: left; } #menu .container { padding: 0px; } #menu .navbar-header { margin: 0px; } #menu .navbar-collapse { margin: -2px 0px 0px; } #menu ul.nav { display: block; margin: 0px; } #menu ul.nav > li { display: block; } #menu ul.nav > li.open { background: #F5F5F5; } #menu ul.nav > li + li { border-top: 1px solid #DDD; } #menu ul.nav > li > a { display: block; padding: 5px 10px; color: #000; } #menu ul.nav > li.open > a, #menu ul.nav > li > a:hover, #menu ul.nav > li > a:focus { text-decoration: none; background: none !important; color: #DE1539; } #menu ul.nav > li > .dropdown-menu { position: static; float: none; width: auto; margin: 0px; padding: 0px 0px 5px; border: none !important; background: none; box-shadow: none; -webkit-box-shadow: none; } #menu ul.nav > li > .dropdown-menu .dropdown-inner { } #menu ul.nav > li > .dropdown-menu ul { margin: 0px; padding: 0px; } #menu ul.nav > li > .dropdown-menu ul li { } #menu ul.nav > li > .dropdown-menu ul li a { display: block; padding: 5px 10px 5px 24px; color: #000; line-height: 20px; } #menu ul.nav > li > .dropdown-menu ul li a:hover, #menu ul.nav > li > .dropdown-menu ul li a:focus { color: #DE1539; } } /* footer */ footer { background: #000; color: #FFF; } footer #footersocial { text-align: center; } footer #footersocial > .container { position: relative; padding-top: 42px; padding-bottom: 48px; } footer #footersocial > .container:after { position: absolute; bottom: 0px; left: 15px; right: 15px; content: ''; border-bottom: 1px solid #4D4D4D; } footer #footersocial h3 { color: inherit; line-height: 1em; margin: 0px 0px 20px; } footer #footersocial .icons { display: block; } footer #footersocial .icons a { display: inline-block; vertical-align: middle; } footer #footersocial .icons a + a { margin-left: 16px; } footer > .container { padding-top: 60px; padding-bottom: 80px; font-size: 15px; line-height: 1.5em; } footer h5 { color: inherit; margin: 0px 0px 20px; } footer ul { list-style: none; margin: 20px 0px 0px; padding: 0px; } footer ul li { } footer ul li + li { margin-top: 10px; } footer p { margin: 20px 0px 0px; } footer a { color: #FFF; } footer a:hover, footer a:focus { color: #DE1539; } #branding { background: #000; color: #FFF; font-size: 13px; line-height: 32px; } #branding .container { padding-top: 30px; padding-bottom: 30px; } #branding .branding { line-height: 16px; } #branding .branding a { color: #FFF; } #branding .branding a:hover, #branding .branding a:focus { color: #DE1539; } #branding .cards { text-align: right; } #branding .cards img { display: inline-block; } #branding .cards img + img { margin-left: 2px; } @media (min-width: 768px) and (max-width: 991px) { footer h5 { margin-bottom: 15px; } footer p, footer ul { margin-top: 15px; } footer ul li + li { margin-top: 5px; } } @media (max-width: 767px) { footer { text-align: center; } footer #footersocial > .container { padding-top: 24px; padding-bottom: 24px; } footer #footersocial .icons a { width: 42px; } footer #footersocial .icons a + a { margin-left: 8px; } footer > .container { padding-top: 24px; padding-bottom: 24px; } footer .row > div[class*=col-] { margin-top: 24px; } footer .row > div[class*=col-]:first-child { margin-top: 0px; } footer h5 { margin-bottom: 10px; } footer p, footer ul { margin-top: 10px; } footer ul li + li { margin-top: 5px; } #branding { line-height: 1.5em; } #branding .container { text-align: center; } #branding .row > div[class*=col-] { margin-top: 20px; } #branding .row > div[class*=col-]:first-child { margin-top: 0px; } #branding .cards { text-align: inherit; } } /* content */ #pagecontent { } #pagecontent > div { } #pagecontent > div:nth-child(odd) { } #pagecontent > div:nth-child(even) { } #pagecontent > div.container { min-height: 400px; padding-bottom: 75px; background: none; } #pagecontent p { } #pagecontent p + .row { margin-top: 20px; } #pagecontent ul { } #pagecontent ul li { } #pagecontent ul li + li { } #content { } #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; } #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 { 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; } .mod_mega_filter { } .mod_mega_filter ul li { background: none !important; padding: 0px !important; } .mod_mega_filter .mfilter-counter { font-size: 14px; } .mod_mega_filter .mfilter-col-input input[type=checkbox], .mod_mega_filter .mfilter-col-input input[type=radio] { margin: 0px; } .mod_mega_filter .mfilter-tb { display: block; } .mod_mega_filter .mfilter-option { display: block; } .mod_mega_filter .mfilter-option .mfilter-tb-as-td { display: inline-block; width: auto; height: auto; margin: 0px; padding: 0px; } .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; padding: 0px; line-height: 1.5em; margin: 0px; padding: 0px; color: #999; } .mod_mega_filter .mfilter-option .mfilter-counter:before { display: inline; content: '('; } .mod_mega_filter .mfilter-option .mfilter-counter:after { display: inline; content: ')'; border: none; top: auto; right: auto; height: auto; width: auto; position: relative; margin: 0px; } .mod_mega_filter .mfilter-option input[type=checkbox] { margin-right: 2px; } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { display: block; background: none; padding: 0px; margin: 10px 0px 20px !important; border: none; border-radius: 0px; list-style: none; font-size: 12px !important; line-height: 20px; color: #DE1539; } .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; } .breadcrumb > li a { display: inline-block; color: #DE1539; } .breadcrumb > li:last-child a { color: #000; } /* Page Head */ #pagehead { background: #DE1539; color: #FFF; } #pagehead .container { position: relative; padding-top: 30px; padding-bottom: 30px; text-align: center; } #pagehead .breadcrumb { display: none; } #pagehead h1 { text-align: center; margin: 0px; } #pagehead a { color: #DE1539; font-weight: bold; } #pagehead a:hover, #pagehead a:focus { color: #000; } #pagehead .pagedesc { margin: 0px; } #pagehead .pagedesc p, #pagehead .pagedesc div { margin-top: 20px; } #pagehead .pagedesc > .row:after { display: block; content: ''; clear: both; margin-bottom: 8px; } .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; } #cathead { } #cathead .wrapper { border: 1px solid #DDD; padding: 24px; } #cathead .cat-thumb { } #cathead h1 { font-family: Barlow, 'Open Sans', sans-serif; font-weight: 500; color: #000; font-size: 30px; line-height: 1.5em; text-transform: none; letter-spacing: 0px; } #cathead .desc { } #cathead hr { margin: 36px 0px 24px; } #cathead .btn-viewprods { text-align: left; color: #FFF; background: url('../image/arrow-down-large.png') calc(100% - 16px) 50% no-repeat #000; } #cathead .btn-viewprods:hover { background-color: #DE1539; } @media (max-width: 767px) { #cathead > div[class*=col-] + div[class*=col-] { margin-top: 24px; } #cathead .wrapper { padding: 12px; } } /* Sub category listings */ .sub_cats { margin-bottom: 30px; } /* .row */ .sub_cats > div[class*=col-] { } /* .col- */ .sub_cats > div.clearfix:after { margin-bottom: 24px; } .sub_cats .sub_cat_wrapper { position: relative; display: block; margin: 0px; padding: 0px; text-align: center; } .sub_cats .sub_cat_wrapper span { display: block; } .sub_cats .sub_cat_wrapper .sc_img { margin-bottom: 12px; } .sub_cats .sub_cat_wrapper .sc_img img { display: block; width: 100%; height: auto !important; } /* .sub_cats .sub_cat_wrapper .upper { position: absolute; bottom: 74px; left: 24px; right: 24px; z-index: 1; } .sub_cats .sub_cat_wrapper .lower { position: absolute; bottom: 24px; left: 24px; right: 24px; z-index: 2; } */ .sub_cats .sub_cat_wrapper .upper { position: relative; z-index: 1; } .sub_cats .sub_cat_wrapper .lower { position: relative; z-index: 2; } .sub_cats .sub_cat_wrapper .sc_name { display: block; font-size: 30px; line-height: 1.33em; padding: 0.2em 10px 0.2em; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; } .sub_cats .sub_cat_wrapper .sc_name.text-bg-black span { } .sub_cats .sub_cat_wrapper .sc_name.text-bg-black span:before { top: -0.25em; bottom: -0.4em; left: -15px; } .sub_cats .sub_cat_wrapper .sc_from { display: none !important; } /* .sub_cats .sub_cat_wrapper .sc_from { display: inline-block; font-family: Barlow, 'Open Sans', sans-serif; font-size: 18px; line-height: 1em; padding: 0.25em 15px 0.4em; } .sub_cats .sub_cat_wrapper .sc_from.text-bg-red span { } .sub_cats .sub_cat_wrapper .sc_from.text-bg-red span:before { top: -0.35em; bottom: -0.5em; left: -15px; } */ .sub_cats .sub_cat_wrapper .sc_link { display: inline-block; } .sub_cats > div[class*=col-]:nth-of-type(odd) .sc_name.text-bg-black span:before { transform: rotate(-1deg); } .sub_cats > div[class*=col-]:nth-of-type(even) .sc_name.text-bg-black span:before { transform: rotate(1deg); } .sub_cats > div[class*=col-]:nth-of-type(odd) .sc_from.text-bg-red span:before { transform: rotate(1.5deg); } .sub_cats > div[class*=col-]:nth-of-type(even) .sc_from.text-bg-red span:before { transform: rotate(-1.5deg); } .mod_feat_cats-wrapper { } .mod_feat_cats-wrapper > .container { position: relative; padding-top: 48px; padding-bottom: 48px; } .mod_feat_cats-wrapper > .container:after { display: block; position: absolute; left: 15px; bottom: 0px; right: 15px; content: ''; border-bottom: 1px solid #DDD; } .prodcatslides { position: relative; display: block; width: 100%; overflow: hidden; } .prodcatslides:before, .prodcatslides:after { position: absolute; display: block; top: 0px; bottom: 0px; width: 15px; background: transparent; content: ''; z-index: 2; } .prodcatslides:before { left: 0px; } .prodcatslides:after { right: 0px; } .prodcatslides .pcs_inner { display: block; width: 100%; white-space: nowrap; } .prodcatslides .pcs_inner:after { display: block; content: ''; clear: both; } .prodcatslides .prodcatslide { display: none; float: left; white-space: normal; margin: 0px; } .prodcatslides .prodcatslide:first-child { display: block; } .prodcatslides .prodcatslide .featcat { position: relative; } .prodcatslides .pcs_nav { position: absolute; top: calc(50% - 30px - 30px); left: 0px; right: 0px; z-index: 3; } .prodcatslides .pcs_nav > div { position: absolute; display: block; width: 30px; height: 60px; background: url('../image/slideshow-buttons.png') no-repeat; cursor: pointer; background-size: 200% 100%; } .prodcatslides .pcs_nav > div.prev { left: 0px; background-position: left; } .prodcatslides .pcs_nav > div.next { right: 0px; background-position: right; } .prodcatslides .pcs_paging { display: block; text-align: center; padding: 24px 0px; line-height: 12px; } .prodcatslides .pcs_paging .page { display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; background: #DDD; margin: 0px 2px; cursor: pointer; } .prodcatslides .pcs_paging .page.active { background: #DE1539; } @media (min-width: 992px) and (max-width: 1199px) { .sub_cats .sub_cat_wrapper .sc_name { font-size: 27px; line-height: 1.33em; } } @media (min-width: 768px) and (max-width: 991px) { /* .sub_cats .sub_cat_wrapper .upper { position: absolute; top: 16px; left: 16px; right: 16px; } .sub_cats .sub_cat_wrapper .lower { position: absolute; bottom: 16px; left: 16px; right: 16px; } */ .sub_cats .sub_cat_wrapper .sc_name { font-size: 18px; line-height: 1.33em; } .sub_cats .sub_cat_wrapper .sc_link { padding: 8px 36px 8px 16px; background-position: calc(100% - 10px) 50%; } .prodcatslides:before, .prodcatslides:after { width: 12px; } .prodcatslides .prodcatslide > div[class*=col-] { padding-left: 12px; padding-right: 12px; } .prodcatslides .pcs_nav { top: calc(50% - 24px - 30px); } .prodcatslides .pcs_nav > div { width: 24px; height: 48px; } } @media (max-width: 767px) { .mod_feat_cats-wrapper { } .sub_cats > div[class*=col-] { margin-top: 24px; } .sub_cats > div[class*=col-]:first-child { margin-top: 0px; } .sub_cats > div.clearfix:after { margin-bottom: 0px; } /* .sub_cats .sub_cat_wrapper .upper { position: absolute; top: 16px; left: 16px; right: 16px; } .sub_cats .sub_cat_wrapper .lower { position: absolute; bottom: 16px; left: 16px; right: 16px; } */ .sub_cats .sub_cat_wrapper .sc_name { font-size: 18px; line-height: 1.5em; padding-left: 20px; padding-right: 20px; } .sub_cats .sub_cat_wrapper .sc_link { padding: 8px 36px 8px 16px; background-position: calc(100% - 10px) 50%; } .prodcatslides { } .prodcatslides:before, .prodcatslides:after { display: none; } .prodcatslides .pcs_inner { width: 100% !important; white-space: normal; } .prodcatslides .prodcatslide { display: block !important; float: none; width: calc(100% + 12px) !important; margin: 0px -6px; padding: 0px !important; } .prodcatslides .prodcatslide > div[class*=col-] { margin-top: 12px; padding-left: 6px; padding-right: 6px; } .prodcatslides .prodcatslide > div[class*=col-]:nth-child(2n - 1) { clear: both; } .prodcatslides .pcs_nav { display: none; } .prodcatslides .pcs_paging { display: none; } } /* Product Filters */ .prod_filters { display: block; margin: 0px; padding: 0px; font-size: 14px; line-height: 36px; } .prod_filters:after { display: block; content: ''; clear: both; } .prod_filters > div { display: block; } .prod_filters label { display: inline-block; font-weight: 600; } .prod_filters select { display: inline-block; height: 36px; width: auto; max-width: 100%; font-weight: 600; } .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 { margin-top: 24px; } /* .row */ .prod_grid > div.clearfix:after { margin-bottom: 24px; } .prod_grid .prod { background: #FFF; border: 1px solid #DDD; padding: 0px 16px 16px; } .prod_grid .prod > div { display: block; margin: 0px; padding: 0px; } .prod_grid .prod .image { margin: 0px -16px; } .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 .image a .overlay { position: absolute; display: block; transform: rotate(-90deg); font-size: 14px; line-height: 18px; font-weight: 600; font-style: italic; text-transform: uppercase; padding: 0px 3px; background: #000; color: #FFF; } .prod_grid .prod .image a .overlay.overlay_top_left { top: 16px; right: calc(100% - 16px); transform-origin: top right; } .prod_grid .prod .image a .overlay.overlay_top_right { bottom: calc(100% - 16px); right: 16px; transform-origin: bottom right; } .prod_grid .prod .image a .overlay.overlay_bottom_left { top: calc(100% - 16px); left: 16px; transform-origin: top left; } .prod_grid .prod .image a .overlay.overlay_bottom_right { bottom: 16px; left: calc(100% - 16px); transform-origin: bottom left; } .prod_grid .prod .image a .overlay.overlay_black { } .prod_grid .prod .image a .overlay.overlay_red { background: #DE1539; color: #FFF; } .prod_grid .prod .brand { margin-top: 16px; font-size: 14px; line-height: 1.5em; font-weight: 700; color: #9B9B9B; text-transform: uppercase; min-height: 1.5em; } .prod_grid .prod .brand a { color: inherit; } .prod_grid .prod .name { color: #000; margin-top: 2px; min-height: 3em; } .prod_grid .prod .name a { color: inherit; } .prod_grid .prod .desc { display: none; } .prod_grid .prod .price { font-family: Barlow, 'Open Sans', sans-serif; margin-top: 18px; } .prod_grid .prod .price .price-wrapper { display: block; font-size: 24px; line-height: 1em; font-weight: 600; } .prod_grid .prod .price .price-new-wrapper { color: #000; } .prod_grid .prod .price .price-special-wrapper { color: #DE1539; } .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 { margin-top: 8px; } .prod_grid .prod .addtocart { margin-top: 18px; } .prod_grid .prod .addtocart:after { display: block; content: ''; clear: both; } .prod_grid .prod .addtocart input[type=text] { float: left; width: 25%; font-size: 16px; line-height: 24px; padding: 4px 8px; } .prod_grid .prod .addtocart button { float: right; width: 73%; } .prod_grid .prod .addtocart a { display: block; padding: 9px 12px 7px; } .prod_grid .prod .buttons { display: none; } .prod_grid .prod .buttons a { } .prod_grid .prod .buttons a.cartadd { } .prod_grid .prod .buttons a.wishlist { } .prod_grid .prod .buttons a.compare { } .prod_carousel { } .prod_carousel .prod_grid { display: table !important; height: 1px; width: 100%; } .prod_carousel .prod_grid > div[class*=col-] { display: table-cell; height: 100%; } /* .col */ .prod_carousel .prod_grid .prod { height: 100%; } @media (max-width: 767px) { .prod_grid .prod { padding: 0px 8px 8px; } .prod_grid .prod .image { margin: 0px -8px; } .prod_grid .prod .image a .overlay { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: block; transform: none; } .prod_grid .prod .image a .overlay + .overlay { margin-top: 1px; } .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_grid .prod .addtocart input[type=text] { width: 49%; } .prod_grid .prod .addtocart button { float: right; width: 49%; } .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 */ .prod_list { margin-top: 48px; width: 100%; } .prod_list td { vertical-align: middle; border-bottom: 1px solid #DDD; } .prod_list td.colname { padding-left: 0px; } .prod_list td.colprice { text-align: right; width: 260px; } .prod_list td.colqty { text-align: right; width: 100px; } .prod_list td.colbtns { text-align: right; width: 160px; padding-right: 0px; } .prod_list thead { } .prod_list thead td { text-transform: uppercase; color: #999; font-weight: 600; padding: 0px 8px 8px; } .prod_list tbody { } .prod_list tbody td { padding: 18px 8px; } .prod_list tbody td.colname { font-weight: 500; } .prod_list tbody td.colname a { color: inherit; } .prod_list tbody td.colprice { } .prod_list tbody td.colprice .price-wrapper { font-family: Barlow, 'Open Sans', sans-serif; font-size: 30px; line-height: 1em; color: #000; } .prod_list tbody td.colprice .discounts { } .prod_list tbody td.colprice .discounts .discount { display: block; } .prod_list tbody td.colqty { } .prod_list tbody td.colqty:after { display: block; content: ''; clear: both; } .prod_list tbody td.colqty input[type=text] { display: block; float: left; width: 60px; height: 48px; padding: 0px 12px; text-align: center; border: 1px solid #DDD; border-right: none; } .prod_list tbody td.colqty .controls { display: block; float: left; } .prod_list tbody td.colqty .controls div { display: block; width: 24px; height: 24px; cursor: pointer; background: center no-repeat #DE1539; } .prod_list tbody td.colqty .controls div:hover { background-color: #000; } .prod_list tbody td.colqty .controls .inc { background-image: url("../image/arrow-qty-inc.png"); } .prod_list tbody td.colqty .controls .inc:hover { background-image: url("../image/arrow-qty-inc-yellow.png"); } .prod_list tbody td.colqty .controls .dec { background-image: url("../image/arrow-qty-dec.png"); } .prod_list tbody td.colqty .controls .dec:hover { background-image: url("../image/arrow-qty-dec-yellow.png"); } .prod_list tbody td.colbtns { } .prod_list tbody td.colbtns .btn-add { background: url('../image/icon-cart-add-to-cart.png') calc(100% - 20px) calc(50% - 2px) no-repeat #DE1539; padding: 13px 60px 11px 23px; color: #FFF; } .prod_list tbody td.colbtns .btn-add:hover { background-color: #000; } @media (max-width: 991px) and (min-width: 768px) { .prod_list td.colprice { width: 150px; } .prod_list tbody td.colprice .discounts .discount { font-size: 14px; line-height: 1.5em; } } @media (max-width: 767px) { .prod_list thead { display: none; } .prod_list tbody table { display: block; } .prod_list tbody tr { display: block; text-align: center; } .prod_list tbody tr + tr { margin-top: 24px; padding-top: 24px; border-top: 1px solid #DDD; } .prod_list tbody td { display: block; border: none; padding: 0px; width: 100% !important; text-align: center !important; } .prod_list tbody td.colname { } .prod_list tbody td.colprice { padding: 6px 0px; } .prod_list tbody td.colprice .price-wrapper { display: block; } .prod_list tbody td.colprice .discounts { display: block; } .prod_list tbody td.colprice .discounts .discount { font-size: 14px; line-height: 1.5em; } .prod_list tbody td.colqty { display: inline-block; vertical-align: top; width: auto !important; } .prod_list tbody td.colqty input[type=text] { width: 48px; height: 36px; padding: 0px 8px; } .prod_list tbody td.colqty .controls div { width: 18px; height: 18px; background-size: 8px auto; } .prod_list tbody td.colbtns { display: inline-block; vertical-align: top; width: auto !important; margin-left: 6px; } .prod_list tbody td.colbtns .btn-add { padding: 7px 38px 5px 12px; background-size: auto 20px; background-position: calc(100% - 12px) calc(50% - 1px); } } /* Pagination */ .prod_paging { } .prod_paging > div { font-size: 18px; line-height: 24px; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; 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: #DE1539; 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: 7px 12px 5px; font-size: 18px; line-height: 24px; background: #DE1539; border: none; border-radius: 0px; box-shadow: none; color: #FFF; text-transform: uppercase; text-align: center; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; } .btn:hover { color: #FFF; background-color: #000; } .btn-arrow, .btn-arrow:focus { background-image: url('../image/arrow-right-white.png'); background-repeat: no-repeat; background-position: calc(100% - 9px) 50%; padding-right: 38px; } .btn-arrow:hover { background-image: url('../image/arrow-right-white.png'); } .btn-md, .btn-md:focus { padding: 14px 20px 12px; font-size: 18px; } .btn-md.btn-arrow, .btn-md.btn-arrow:focus { background-position: calc(100% - 15px) 50%; padding-right: 40px; } .btn-lg, .btn-lg:focus { padding: 20px 26px 18px; font-size: 24px; } .btn-lg.btn-arrow, .btn-lg.btn-arrow:focus { background-position: calc(100% - 19px) 50%; padding-right: 48px; } .btn-red, .btn-red:focus { } .btn-red:hover { } .btn-red.btn-arrow, .btn-red.btn-arrow:focus { } .btn-red.btn-arrow:hover { background-image: url('../image/arrow-right-white.png'); } .btn-black, .btn-black:focus { background-color: #000; color: #FFF; } .btn-black:hover { background-color: #DE1539; color: #FFF; } .btn-grey, .btn-grey:focus { background-color: #DDD; } .btn-grey:hover { } .btn-green, .btn-green:focus { background-color: #22DD22; color: #000; } .btn-green:hover { background-color: #000; color: #22DD22; } .btn-white, .btn-white:focus { background-color: #FFF; color: #000; } .btn-white:hover { } .btn-white.btn-arrow, .btn-white.btn-arrow:focus { background-image: url('../image/arrow-right-black.png'); } .btn-white.btn-arrow:hover { background-image: url('../image/arrow-right-white.png'); } .btn-white-red, .btn-white-red:focus { background-color: #FFF; color: #000; } .btn-white-red:hover { background-color: #DE1539; color: #FFF; } .btn-white-red.btn-arrow, .btn-white-red.btn-arrow:focus { background-image: url('../image/arrow-right-black.png'); } .btn-white-red.btn-arrow:hover { background-image: url('../image/arrow-right-white.png'); } .btn-red-white, .btn-red-white:focus { background-color: #DE1539; color: #FFF; } .btn-red-white:hover { background-color: #FFF; color: #000; } .btn-red-white.btn-arrow, .btn-red-white.btn-arrow:focus { background-image: url('../image/arrow-right-white.png'); } .btn-red-white.btn-arrow:hover { background-image: url('../image/arrow-right-black.png'); } .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: #777; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #e7e7e7; background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; border-color: #dddddd #dddddd #b3b3b3 #b7b7b7; } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #1f90bb; background-position: 0 -15px; } */ .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 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: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 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: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 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] { background-image: none; background-color: #df5c39; } .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: 0 -1px 0 rgba(0, 0, 0, 0.25); 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: #000; } .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 */ #prodimg { display: block; margin: 0px; padding: 0px; } #prodimg:after { display: block; content: ''; clear: both; } #prodimg a { display: inline-block; margin: 6px 6px 0px 0px; border: 1px solid #EEE; border-radius: 0px; max-width: 16.66%; } #prodimg a:last-child { margin-right: 0px; } #prodimg a img { display: block; width: 100%; max-width: 100%; height: auto; } #prodimg a.mainimg { display: block; width: 100%; max-width: 100%; margin: 0px; } #prodinfo { margin: 0px; padding: 24px; background: #FFF; } #prodinfo:after { display: block; content: ''; clear: both; } #prodinfo .brand { font-weight: 700; color: #9B9B9B; text-transform: uppercase; } #prodinfo .brand a { color: inherit; } #prodinfo h1 { font-family: Barlow, 'Open Sans', sans-serif; font-size: 28px; line-height: 1.5em; font-weight: normal; margin: 8px 0px 18px; text-transform: none; } #prodinfo .price { font-family: Barlow, 'Open Sans', sans-serif; margin: 0px 0px 20px; } #prodinfo .price .price-wrapper { display: block; } #prodinfo .price .price-new-wrapper { color: #000; font-size: 28px; line-height: 1em; font-weight: 600; } #prodinfo .price .price-old-wrapper { display: none; font-size: 21px; line-height: 1em; color: #9B9B9B; } #prodinfo .price .price-tax-wrapper { display: none; margin-top: 6px; font-size: 22px; line-height: 1em; color: #9B9B9B; } #prodinfo .price .price-wrapper span { } #prodinfo .price .from { display: none; } #prodinfo .price .now { display: none; } #prodinfo .price .was { } #prodinfo .price .inc-vat { display: none; } #prodinfo .price .ex-vat { } #prodinfo .price .price-for { display: none; font-size: 0.5em; color: #000; } #prodinfo .price .price-new { } #prodinfo .price .price-old { } #prodinfo .price .price-tax { } #prodinfo .price .price-tax-wrapper .ex-vat { display: inline-block; } #prodinfo .price .points { margin-top: 16px; color: #666; } #prodinfo .price .points .text { } #prodinfo .price .points .cost { color: #1F1F1F; } #prodinfo .price .discounts { margin-top: 16px; color: #666; } #prodinfo .price .discounts .single_price { } #prodinfo .price .discounts .or { } #prodinfo .price .discounts .discount { display: block; } #prodinfo .price .discounts .or + .discount { margin-left: 10px; } #prodinfo .price .discounts .discount .text { } #prodinfo .price .discounts .discount .disc_cost, #prodinfo .price .discounts .discount .cost { color: #1F1F1F; } #prodinfo .price .discounts .discount .disc_qty { color: #1F1F1F; } #prodinfo .rating { margin-top: 16px; } #prodinfo .rating .stars { margin-right: 10px; } #prodinfo .rating a { } #prodinfo .rating a + a:before { content: '|'; font-weight: 300; color: #9B9B9B; margin: 0px 8px 0px 4px; } #prodinfo .finance { margin: 12px 0px; } #prodinfo .finance a { display: inline-block; vertical-align: baseline; color: #DE1539; text-transform: uppercase; font-weight: 600; } #prodinfo .finance a:after { display: inline-block; vertical-align: top; width: 14px; height: 24px; background: url('../image/chevron-right-red.png') center no-repeat transparent; background-size: contain; margin-left: 2px; content: ''; } #prodinfo .finance a:hover { color: #000; } #prodinfo .finance a:hover:after { background-image: url('../image/chevron-right-black.png'); } #prodinfo #prodvideo { float: right; margin: 24px 0px 0px; } #prodinfo #prodvideo a { text-transform: uppercase; font-weight: 600; } #prodinfo #prodvideo a:after { display: inline-block; vertical-align: top; width: 14px; height: 24px; background: url('../image/chevron-right-red.png') center no-repeat transparent; background-size: contain; margin-left: 2px; content: ''; } #prodinfo #prodvideo a:hover { color: #000; } #prodinfo #prodvideo a:hover:after { background-image: url('../image/chevron-right-black.png'); } #prodinfo #downloads { margin: 12px 0px 0px; } #prodinfo #downloads h3 { display: none !important; } #prodinfo #downloads .dl { text-transform: uppercase; font-weight: 600; } #prodinfo #downloads .dl + .dl { } #prodinfo #downloads .dl a { display: inline-block; vertical-align: baseline; color: #DE1539; } #prodinfo #downloads .dl a:after { display: inline-block; vertical-align: top; width: 14px; height: 24px; background: url('../image/chevron-right-red.png') center no-repeat transparent; background-size: contain; margin-left: 2px; content: ''; } #prodinfo #downloads .dl a:hover { color: #000; } #prodinfo #downloads .dl a:hover:after { background-image: url('../image/chevron-right-black.png'); } #prodopts { display: block; margin-top: 24px; padding-top: 24px; border-top: 1px solid #DDD; clear: both; } #prodopts h3 { margin: 0px; } #prodopts .prodopt { margin: 0px; } #prodopts .prodopt + .prodopt { margin-top: 24px; } #prodopts .prodopt .control-label { display: block; margin: 0px 0px 5px; font-weight: bold; } #prodopts .prodopt .radio, #prodopts .prodopt .checkbox { margin: 2px 0px; } #prodopts .prodopt_qty { } #prodopts .prodopt_qty .qty_wrapper { position: relative; display: block; } #prodopts .prodopt_qty .qty_wrapper:after { display: block; content: ''; clear: both; } @media (min-width: 768px) { #prodopts .prodopt_qty input[type=text] { display: block; width: calc(100% - 36px); } #prodopts .prodopt_qty .qty_symbol { display: none; } #prodopts .prodopt_qty .qty_arrow { position: absolute; right: 0px; width: 36px; height: 24px; display: block; text-align: center; cursor: pointer; background: #DE1539; color: #FFF; } #prodopts .prodopt_qty .qty_arrow:hover { background: #000; color: #FFF; } #prodopts .prodopt_qty .qty_arrow.qty_add { top: 0px; } #prodopts .prodopt_qty .qty_arrow.qty_rem { bottom: 0px; } #prodopts .prodopt_qty .qty_arrow i { display: block; font-size: 13px; line-height: 1em; margin: 4px 0px; } } @media (max-width: 767px) { #prodopts .prodopt_qty input[type=text] { display: block; float: left; width: calc(100% - 74px); height: 36px; } #prodopts .prodopt_qty .qty_arrow { display: none; } #prodopts .prodopt_qty .qty_symbol { display: block; float: left; width: 36px; height: 36px; color: #FFF; text-align: center; cursor: pointer; background: #DE1539; margin-left: 1px; } #prodopts .prodopt_qty .qty_symbol:hover { background: #000; color: #FFF; } #prodopts .prodopt_qty .qty_symbol.qty_add { } #prodopts .prodopt_qty .qty_symbol.qty_rem { } #prodopts .prodopt_qty .qty_symbol i { font-size: 16px; line-height: 1em; margin: 10px 0px; } } #prodinfo .enqform { display: none; } #prodinfo #column-right { width: 100%; float: none; padding: 0px; clear: both; } #prodinfo + #column-right { width: 100% !important; float: none; padding: 0px; margin-top: 36px; } .prodcontact { margin: 32px 0px 0px !important; padding: 28px 0px 0px; border-top: 1px solid #EEE; } .prodcontact .form-group { } .prodcontact .form-group label { display: none; } .prodcontact #button-submit, .prodcontact #button-submit:focus{ display: block; width: 100%; padding: 20px 26px 18px; font-size: 24px; line-height: 24px; background: #DE1539; border: none; border-radius: 0px; box-shadow: none; color: #FFF; text-transform: uppercase; text-align: center; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; } .prodcontact #button-submit:hover { color: #FFF; background-color: #000; } .proddesc { display: block; margin: 24px 0px 0px; } .proddesc h2 { border-bottom: 1px solid #DDD; } @media (min-width: 992px) { #prodimg a { width: calc((100% - 52px) / 5); } #prodimg a:nth-child(5n + 1) { margin-right: 0px; } } @media (min-width: 768px) and (max-width: 991px) { #prodimg a { width: calc((100% - 39px) / 4); } #prodimg a:nth-child(4n + 1) { margin-right: 0px; } #prodinfo .rating { height: auto; } #prodinfo .rating .stars { display: block; margin-bottom: 4px; } } @media (max-width: 767px) { #prodimg { text-align: center; margin-bottom: 24px; } #prodimg a { width: calc((100% - 26px) / 3); } #prodimg a:nth-child(3n + 1) { margin-right: 0px; } #prodinfo { text-align: center; } #prodinfo h1 { } #prodinfo .price { } #prodinfo .rating { height: auto; } #prodinfo .rating .stars { display: block; margin: 0px 0px 4px; } #prodinfo #column-right { display: block !important; } #prodopts { text-align: left; } } #vtabs { display: block; margin: 60px 0px 0px; } #vtabs:after { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: #DDD; } #vtabs .vtab { display: block; margin: 0px; padding: 0px; } #vtabs .vtab:before { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: #DDD; } #vtabs .vtab .vtab_head { position: relative; display: block; font-size: 24px; line-height: 30px; padding: 13px 2px 11px 32px; text-transform: uppercase; color: #000; cursor: pointer; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; } #vtabs .vtab .vtab_head:before { position: absolute; top: calc(50% - 9px); left: 0px; width: 18px; height: 18px; content: ''; background: url('../image/arrow-prod-desc-right.png') left no-repeat; transition: all 0.5s; } #vtabs .vtab.active .vtab_head.open:before { transform: rotate(90deg); } #vtabs .vtab .vtab_body { display: none; padding: 0px 2px 24px 32px; } #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;; } #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; } #prod_related h3 { text-align: center; font-size: 30px; line-height: 1.5em; } #prod_related h3 span[class*=text-bg-] { } #prod_related .prod_grid { margin-top: 36px; } .form-horizontal { } .form-horizontal .control-label { color: #000; margin: 0px 0px 6px; 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; } #content-top .mod_html, #content-bottom .mod_html { padding-top: 20px; padding-bottom: 20px; } .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 { } .owl-item .item { } .owl-item .item > a { display: block; } .owl-item .item > img { width: 100%; } .owl-item .item .caption { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; color: #000 !important; text-shadow: 0px 0px 3px #FFF; display: flex; align-items: center; font-size: 18px; line-height: 1.5em; } .owl-item .item .caption-wrapper { } .owl-item .item .caption h1 { color: inherit; margin: 0px 0px 20px; } .owl-item .item .caption p { color: inherit !important; 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: #DE1539 !important; } .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: 30px; color: transparent; background: center no-repeat; font-size: 0px; line-height: 0px; } .owl-controls .owl-buttons > div.owl-prev { top: 0px; left: 0px; background-image: url('/image/catalog/2021_theme/arrow-slideshow-left.svg'); } .owl-controls .owl-buttons > div.owl-next { top: 0px; right: 0px; background-image: url('/image/catalog/2021_theme/arrow-slideshow-right.svg'); } .mod_slideshow-wrapper { } .mod_slideshow-wrapper > .container { width: 100%; margin: 0px; padding: 0px; } .mod_slideshow { } .mod_banner-wrapper { } body.home-page .mod_banner-wrapper { margin: 0px !important; } .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 { } .mod_banner .item .caption { } .mod_banner .item .caption .container { padding-top: 36px; padding-bottom: 36px; } @media (min-width: 992px) and (max-width: 1199px) { .owl-item .item .caption .container { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .owl-item .item .caption .container { padding-left: 30px; padding-right: 30px; } .mod_banner .item .caption { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: block; } } @media (max-width: 767px) { .owl-item .item .caption { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: block; } .owl-item .item .caption .container { padding: 0px 30px; text-align: center; } .owl-item .item .caption-wrapper { } .owl-item .item .caption h1 { font-size: 30px; line-height: 1.33em; } .owl-item .item .caption p { } .owl-item .item .caption a { } body.home-page .mod_slideshow-wrapper { } .mod_banner .item .caption { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: block; } } .text-bg-red, .text-bg-black { font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; margin: 0px !important; padding: 0.15em 15px 0.1em; } .text-bg-red span, .text-bg-black span { display: inline-block; position: relative; z-index: 1; color: #FFF; text-shadow: none; } .text-bg-red span:before, .text-bg-black span:before { position: absolute; top: -0.15em; bottom: -0.1em; content: ''; z-index: -1; } .text-bg-red span:before { background: #DE1539; } .text-bg-black span:before { background: #000; } .text-bg-red span:nth-of-type(odd):before, .text-bg-black span:nth-of-type(odd):before { transform: rotate(-1deg); left: -21px; right: -15px; } .text-bg-red span:nth-of-type(even):before, .text-bg-black span:nth-of-type(even):before { transform: rotate(1deg); left: -15px; right: -21px; } .text-bg-red-double, .text-bg-black-double { margin: 0px !important; padding: 0.15em 15px 0.1em; } .text-bg-red-double span, .text-bg-black-double span { display: inline-block; position: relative; z-index: 1; color: #FFF; } .text-bg-red-double span:before, .text-bg-black-double span:before { position: absolute; top: -0.15em; bottom: -0.1em; content: ''; z-index: -1; } .text-bg-red-double span:after, .text-bg-black-double span:after { position: absolute; top: -0.15em; bottom: -0.1em; content: ''; z-index: -1; } .text-bg-red-double span:before, .text-bg-red-double span:after{ background: #DE1539; } .text-bg-black-double span:before, .text-bg-black-double span:after { background: #000; } .text-bg-red-double span:before, .text-bg-black-double span:before { transform: rotate(-1deg); left: -21px; right: -15px; } .text-bg-red-double span:after, .text-bg-black-double span:after { transform: rotate(1deg); left: -15px; right: -21px; } p.text-bg-red, p.text-bg-black { margin-top: 0px !important; padding-top: 0.4em; padding-bottom: 0.35em; } p.text-bg-red span:before, p.text-bg-black span:before { top: -0.4em; bottom: -0.35em; } .promobanner { position: relative; background: #000; margin: 0px 0px 36px; padding: 20px 36px; color: #FFF; } .promobanner:before, .promobanner:after { display: block; position: absolute; content: ''; width: 5px; height: 12px; background: #FFF; top: calc(50% - 6px); } .promobanner:before { left: 0px; } .promobanner:after { right: 0px; } .promobanner .price { display: block; float: right; font-size: 24px; line-height: 1.5em; margin-top: -6px !important; } .promobanner h3 { color: #FFF; font-size: 30px; line-height: 1em; } .promobanner p { display: inline-block !important; vertical-align: middle; margin: 0px !important; } .promobanner a { color: #FFF; font-weight: 600; } .promobanner a:hover, .promobanner a:focus { color: #000; } @media (max-width: 767px) { .promobanner { text-align: center; padding: 20px; } .promobanner .price { float: none; margin: 0px 0px 12px !important; } } .mod_mega_filter { } .mod_mega_filter h3 { } .mod_mega_filter .mfilter-content { border: none; border-radius: 0px; } .mod_mega_filter .mfilter-heading { background: none; font-size: 14px; line-height: 20px; color: #999; text-transform: uppercase; font-weight: 600; } .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/arrow-down-grey.png') center no-repeat; float: none; margin: 0px; width: 10px; height: 20px; } .mod_mega_filter .mfilter-content-opts { } .mod_mega_filter .mfilter-opts-container { border: none; padding: 0px 2px 12px; } .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-as-td { border: none; padding: 2px 0px; } .mod_mega_filter .mfilter-col-input { padding-right: 6px; } .mod_mega_filter .mfilter-col-count { } .mod_featured-wrapper { } .mod_featured-wrapper h3 { text-align: center; font-size: 30px; line-height: 1em; } .mod_featured-wrapper h3[class*=text-bg] span { padding: 0.4em 18px; } /*.mod_featured-wrapper h3[class*=text-bg] span:before { top: -0.5em; right: -36px; bottom: -0.45em; left: -36px; }*/ .common-home .mod_featured-wrapper { } .common-home .mod_featured-wrapper .container { padding-top: 48px; padding-bottom: 48px; } .common-home .mod_featured-wrapper h3 { margin: 0px 0px 36px; } .common-home .mod_featured-wrapper .prod_grid { padding: 24px 0px; } @media (max-width: 767px) { .common-home .mod_featured-wrapper .container { padding-top: 24px; padding-bottom: 24px; } } .homebasecats-wrapper { margin: 72px 0px !important; } .homebasecats-wrapper .container { padding-top: 0px; padding-bottom: 0px; } .homebasecats { padding: 0px !important; } .homebasecats .cat { position: relative; vertical-align: middle; text-align: center; } .homebasecats .cat .cat_img { display: block; } .homebasecats .cat .cat_img img { display: block; width: 100%; max-width: 100%; height: auto !important; } .homebasecats .cat .overlay { display: block; position: absolute; top: 0px; left: 0px; width: 100%; color: #FFF; text-shadow: 0px 0px 2px #000; vertical-align: middle; padding: 5px 15px; } .homebasecats .cat .overlay span { display: block; } .homebasecats .cat .overlay span.intro { font-family: Satisfy, "Open Sans", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 1.33em; } .homebasecats .cat .overlay span.main { font-size: 24px; line-height: 1.33em; font-weight: bold; } .homebasecats .cat .overlay span.subtext { font-size: 18px; line-height: 1.5em; } .homebasecats .cat .overlay img { display: block; margin: 10px auto 0px; max-width: 100%; height: auto !important; } @media (min-width: 992px) and (max-width: 1199px) { .homebasecats .cat .overlay span.intro { font-size: 21px; line-height: 1.33em; } .homebasecats .cat .overlay span.main { font-size: 21px; line-height: 1.33em; } .homebasecats .cat .overlay span.subtext { font-size: 16px; line-height: 1.5em; } .homebasecats .cat .overlay img { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .homebasecats .cat .overlay span.intro { font-size: 18px; line-height: 1.33em; } .homebasecats .cat .overlay span.main { font-size: 21px; line-height: 1.33em; } .homebasecats .cat .overlay span.subtext { font-size: 16px; line-height: 1.5em; } .homebasecats .cat .overlay img { display: none; } } @media (max-width: 767px) { .homebasecats .row > div[class*=col-] + div[class*=col-] { margin-top: 24px; } } .line-behind { display: table !important; white-space: nowrap; overflow: hidden; } .line-behind:before, .line-behind:after { border-top: 1px solid #E8E8E8; content: ''; display: table-cell; position: relative; top: 0.7em; width: 50%; } .line-behind:before { right: 12px; } .line-behind:after { left: 12px; } 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; } .bio-grid { } /* .row */ .bio-grid img { max-width: 100%; height: auto !important; } .bio-grid h3 { margin-bottom: 0px; } .bio-grid h3 + p { color: #000 !important; margin-top: 0px; } .bio-grid .clearfix:after { margin-bottom: 48px; } .box-blocks { margin-left: -5px; margin-right: -5px } /* .row */ .box-blocks > div[class*=col-] { padding-left: 5px; padding-right: 5px; } /* .col */ .box-blocks .block { display: block; text-align: center; margin-bottom: 10px !important; } .box-blocks .block .box { display: block; font-size: 16px; line-height: 1.5em; padding: 16px 12px; background: #FFF; } .box-blocks .block .box + .box { border-top: 1px solid #DDD; } .box-blocks .block .box.head { background: #000; color: #FFF; } .box-blocks .block .box.head h3 { color: inherit; font-weight: 600; margin: 0px !important; } .box-blocks .block .box strong { color: #000; } .box-blocks .block .box .small { font-size: 13px; line-height: 1.5em; } .box-blocks .block .box .big { font-size: 24px; line-height: 1.33em; } .box-blocks .block .box .grey { color: #666; } .box-blocks .block .box .blue { color: #000; } .well { background: #FFF; border: 1px solid #DDD; } .well ul { padding-left: 18px; } .well li { } .account-login { } .account-login #pagecontent { background: url('/image/catalog/bg/login_bg.jpg') center no-repeat; background-size: cover; } .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: 85%; } .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; background: #000; border-radius: 0px; box-shadow: none; color: #FFF; text-transform: uppercase; text-align: center; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; width: 100%; } .contactform form.digitcart-form-builder .btn:hover { color: #FFF; background-color: #DE1539; } .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: 8px; } .contactinfo .contactmethods > div:before { display: block; float: left; width: 63px; height: 63px; content: ''; background: center no-repeat; background-size: contain; margin-right: 10px; } .contactinfo .contactmethods > div:after { display: block; content: ''; clear: both; } .contactinfo .contactmethods > div .title { display: block; font-size: 16px; line-height: 20px; padding-top: 5px; } .contactinfo .contactmethods > div .data { display: block; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; font-size: 24px; line-height: 30px; margin-top: 3px; } .contactinfo .contactmethods > div a { color: #000; } .contactinfo .contactmethods > div a:hover, .contactinfo .contactmethods > div a:focus { color: #DE1539; } .contactinfo .contactmethods > div.phone:before { background-image: url('/image/catalog/2021_theme/icon-contact-phone-white.svg'); } .contactinfo .contactmethods > div.email:before { background-image: url('/image/catalog/2021_theme/icon-contact-email-white.svg'); } @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; } } .footerfeatures-wrapper { background: #E9E9E9; } .footerfeatures-wrapper .container { padding-top: 72px; padding-bottom: 64px; } .footerfeatures { } .footerfeatures .clearfix { margin-bottom: 30px; } .footerfeatures .featitem { text-align: center; } .footerfeatures .featitem .image { display: block; } .footerfeatures .featitem .image img { margin: 0px auto; max-width: 70%; } .footerfeatures .featitem .title { font-family: Bangers, Barlow, 'Open Sans', sans-serif; font-size: 24px; line-height: 1.5em; color: #1F1F1F; margin: 16px 0px 0px; letter-spacing: 1px; } .footerfeatures .featitem .text { color: #000; margin: 8px 0px 0px; } @media (max-width: 767px) { .footerfeatures-wrapper .container { padding: 36px 10px; } .footerfeatures .row { margin-left: -5px; margin-right: 5px; } .footerfeatures .row > div[class*=col-] { padding-left: 5px; padding-right: 5px; } /* .col */ } body.information-information-15 #pagecontent > .container { width: 100%; } #modal-agree { } #modal-agree .modal-dialog { margin: 120px auto 40px; } #financeform { display: block; margin: 24px 0px; padding: 0px; } #financeform form { display: block; width: 500px; max-width: 100%; margin: 0px; padding: 24px; background: #F5F5F5; border: 1px solid #DDD; } #financeform .form-all { display: block; background: none; width: 100%; font: inherit; line-height: inherit; color: inherit; } #financeform ul { display: block; width: 100%; margin: 0px; padding: 0px; border: none; border-spacing: 0px; } #financeform ul li { display: block; margin: 0px; padding: 0px; border: none; } #financeform ul li + li { margin-top: 12px; } #financeform ul li > label, #financeform ul li > div { display: block; float: none; margin: 0px; padding: 0px; } #financeform ul li > label { font: inherit; line-height: inherit; color: inherit; font-weight: bold; } #financeform ul li > label .form-required { margin-left: 0px; } #financeform ul li > div { } #financeform ul li > div .form-sub-label-container { margin: 0px; } #financeform ul li > div input[type=text], #financeform ul li > div input[type=email] { display: block; width: 100%; border: 1px solid #DDD; font-size: 16px; line-height: 1em; padding: 4px 6px; border-radius: 3px; } #financeform ul li > div button:focus, #financeform ul li > div button { padding: 7px 12px 5px; font: inherit; font-size: 18px; line-height: 24px; background: #000; color: #FFF; border: none; border-radius: 0px; box-shadow: none; font-family: Bangers, Barlow, 'Open Sans', sans-serif; letter-spacing: 1px; text-shadow: none; } #financeform ul li > div button:hover { background: #DE1539; color: #FFF; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { }