body { font-family: Montserrat, 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; color: #333; font-size: 14px; line-height: 1.75em; width: 100%; background: #333; padding-top: 0px; } body.menu-open { overflow: hidden !important; position: fixed; } body.menu-open .zopim { display: none !important; } #sitewrapper { display: block; margin: 0px auto; padding-top: 146px; background: #FFF; width: 100%; max-width: 1860px; transition: padding 0.5s; } body.scrolled #sitewrapper { } @media (min-width: 1200px) { body.home-page #sitewrapper { padding-top: 0px !important; } } @media (min-width: 992px) and (max-width: 1199px) { #sitewrapper { padding-top: 174px !important; } body.home-page #sitewrapper { padding-top: 0px !important; } } @media (min-width: 768px) and (max-width: 991px) { #sitewrapper { padding-top: 90px !important; } } @media (max-width: 767px) { #sitewrapper { padding-top: 74px !important; } } /* Colors for reference Black = #000000; (Headings) Black = #333333; (Text) White = #FFFFFF; Red = #FC203A; Blue = #27D6C5; (OLD) Blue = #78A5B5; (NEW) */ .playfair, .playfair-display { font-family: "Playfair Display", Times, Times New Roman, Georgia, serif; } /* default font size */ .fa { font-size: 14px; } h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 600; } /* Override the bootstrap defaults */ h1 { font-size: 60px; line-height: 1.25em; margin: 0px 0px 36px; } h2 { font-size: 36px; line-height: 1.25em; margin: 0px 0px 24px; } h3 { font-size: 24px; line-height: 1.5em; margin: 24px 0px; } h4 { font-size: 16px; line-height: 1.5em; margin: 24px 0px; } h5 { font-size: 14px; line-height: 1.5em; margin: 24px 0px; } h6 { font-size: 12px; line-height: 1.5em; margin: 24px 0px; } @media (max-width: 767px) { h1 { font-size: 42px; line-height: 1.25em; } h2 { font-size: 30px; line-height: 1.25em; } h3 { font-size: 21px; line-height: 1.33em; } h4 { font-size: 16px; line-height: 1.5em; } h5 { font-size: 14px; line-height: 1.5em; } h6 { font-size: 12px; line-height: 1.5em; } } hr { margin: 48px 0px; border-top: 1px solid #DDD; } 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: #78A5B5; font-weight: bold; } a:hover, a:focus { text-decoration: none; color: #000; } a.inverse { color: #000; } a.inverse:hover, a.inverse:focus { text-decoration: none; color: #78A5B5; } 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; } a.shopnow:after, a.arrowred:after { display: inline-block; vertical-align: middle; width: 18px; height: 8px; content: ''; background: url('../image/arrow-right-red.png') center no-repeat; margin-left: 6px; } a.shopnow:hover:after, a.arrowred:hover:after, a.shopnow:focus:after, a.arrowred:focus:after { background-image: url('../image/arrow-right-black.png'); } a.arrowwhite:after { display: inline-block; vertical-align: middle; width: 18px; height: 8px; content: ''; background: url('../image/arrow-right-white.png') center no-repeat; margin-left: 6px; } a.arrowwhite:hover:after, a.arrowwhite:focus:after { background-image: url('../image/arrow-right-red.png'); } legend { font-size: 18px; padding: 7px 0px} label { font-size: 14px; font-weight: normal; } .container:after { display: block; content: ''; clear: both; } .row { margin-left: -18px; margin-right: -18px; } /* .row */ .row > div[class*=col-] { padding-left: 18px; padding-right: 18px; } /* .col- */ .row .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: 14px; border: 1px solid #DDD; border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; background: #FFF; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 14px; } .input-group .input-group-addon { font-size: 14px; height: 30px; } @media (max-width: 767px) { 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; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 16px; } } /* 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: bold; } .container { padding-left: 18px; padding-right: 18px; } header { position: fixed; top: 0px; left: 0px; width: 100%; background: rgba(255,255,255,0.8); z-index: 80003; transition: background 0.5s; } body.scrolled header { background: rgba(255,255,255,1); } header .hd_left { } header .hd_mid { text-align: center; } header .hd_right { text-align: right; } header .upper { margin: 8px 0px 0px; } header .upper ul { list-style: none; display: block; margin: 0px; padding: 0px; } header .upper ul li { display: inline-block; margin: 0px; padding: 0px; color: #000; font-size: 13px; line-height: 20px; } header .upper ul li + li:before { content: '|'; margin: 0px 8px 0px 5px; color: #CCC; } header .upper ul li.hd_phone { } header .upper ul li.hd_phone strong { color: inherit !important; text-decoration: none !important; } header .upper ul li a { color: #000; } header .upper ul li a:hover { color: #78A5B5; } header .lower { margin: 15px 0px; transition: margin 0.5s; } header .lower > div { display: inline-block; height: 36px; vertical-align: middle; } header .lower > div + div { margin-left: 10px; } header .secure:before { display: inline-block; content: ''; width: 10px; height: 18px; margin-right: 6px; background: url('../image/icon-secure-header.png') center no-repeat; vertical-align: top; } header .search { } header .search:after { display: block; content: ''; clear: both; } header .search input[type=text] { display: block; float: left; width: 220px; max-width: 90%; height: 36px; border: 1px solid #CCC; background: none; -webkit-border-radius: 18px 0px 0px 18px; -moz-border-radius: 18px 0px 0px 18px; -o-border-radius: 18px 0px 0px 18px; border-radius: 18px 0px 0px 18px; border-right: none; } header .search button { display: block; float: left; width: 36px; height: 36px; border: 1px solid #CCC; background: none; -webkit-border-radius: 0px 18px 18px 0px; -moz-border-radius: 0px 18px 18px 0px; -o-border-radius: 0px 18px 18px 0px; border-radius: 0px 18px 18px 0px; border-left: none; padding: 5px 6px; text-align: left; } header .search button:hover { background: none; } header .search button img { display: inline-block; vertical-align: text-top; } header .hd_search_link { display: inline-block; width: 36px; height: 36px; border: 1px solid #CCC; background: none; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; cursor: pointer; } header .hd_search_link.open { background: #78A5B5; } header .hd_search_link img { padding: 9px; } header .hd_search_link img.default { display: block; } header .hd_search_link img.open { display: none; } header .hd_search_link.open img.default { display: none; } header .hd_search_link.open img.open { display: block; } @media (max-width: 767px) { header .search input[type=text] { width: calc(100% - 36px); } } header #logo { display: block; margin: 12px 0px; padding: 0px; text-align: center; transition: margin 0.5s; } body.scrolled header #logo { } header #logo a { display: inline-block; margin: 0px; padding: 0px; height: 65px; } header #logo a img { display: block; margin: 0px auto; width: auto; max-height: 65px; } header #logo a.comp-logo { display: none; } header #logo a.full-logo { } header #currency { position: relative; z-index: 80005; } header #currency form { display: block; position: relative; } header #currency form > button { display: block; border: 1px solid #CCC; width: 36px; height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; background: none; color: #000; font-size: 20px; line-height: 1em; padding: 7px 0px; text-align: center; z-index: 80005; position: relative; outline: none; box-shadow: none; } header #currency form.open > button { -webkit-border-radius: 18px 18px 0px 0px; -moz-border-radius: 18px 18px 0px 0px; -o-border-radius: 18px 18px 0px 0px; border-radius: 18px 18px 0px 0px; border-bottom-color: #FFF; background: #FFF; } header #currency form ul { position: absolute; margin-top: -1px; border: 1px solid #CCC; background: #FFF; padding: 10px 4px; z-index: 80004; min-width: 0px; } header #currency form ul li { } header #currency form ul li + li { margin-top: 8px; } header #currency form ul li button { display: block; border: none; background: none; margin: 0px; padding: 0px 6px; outline: none; box-shadow: none; width: 100%; text-align: left; white-space: nowrap; } header #currency form ul li button:hover { color: #78A5B5; } header .hd_account { } header .hd_account a { display: block; width: 36px; height: 36px; border: 1px solid #CCC; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; text-align: center; padding: 9px 0px; } header .hd_account a img { display: block; margin: 0px auto; padding: 0px; } header .hd_cart_link > a { display: block; width: 36px; height: 36px; border: 1px solid #CCC; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; text-align: center; padding: 9px 0px; } header .hd_cart_link > a img { display: block; margin: 0px auto; padding: 0px; } header .hd_cart_link > a span { } header #cart { position: relative; z-index: 80015; } header #cart:after { display: block; content: ''; clear: both; } header #cart .hd_head { position: relative; z-index: 80015; cursor: pointer; border: 1px solid #CCC; height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; padding: 7px 10px; } header #cart .hd_head #cart-total { line-height: 20px; text-align: center; } header #cart .hd_head #cart-total:before { display: inline-block; width: 22px; height: 20px; content: ''; background: url('../image/icon-basket.png') center no-repeat; vertical-align: top; margin-right: 6px; } header #cart .hd_head .ct_items { } header #cart .hd_head .ct_items .ct_count { } header #cart .hd_head .ct_items .ct_text { display: none; } header #cart .hd_head .ct_sep { display: none; } header #cart .hd_head .ct_total { display: none; } header #cart .hd_body { width: 400px; z-index: 80014; padding: 15px; left: auto; right: 1px; background: #FFF; border: 1px solid #CCC; margin-top: 0px; border-top: 4px solid #333; } header #cart.open .hd_head { -webkit-border-radius: 18px 18px 0px 0px; -moz-border-radius: 18px 18px 0px 0px; -o-border-radius: 18px 18px 0px 0px; border-radius: 18px 18px 0px 0px; border-bottom: none; background: #333; height: 41px; padding-bottom: 12px; color: #FFF; } header #cart.open .hd_head #cart-total:before { background-image: url('../image/icon-basket-white.png'); } header #cart .prods_wrapper { max-height: 393px; 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: 5px; border: none; background: none; } header #cart table tr.upper td { vertical-align: top; padding-top: 15px; } header #cart table tr.lower td { vertical-align: bottom; padding-bottom: 15px; } header #cart table td.image { width: 80px; padding: 15px 15px 15px 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: 30px; } header #cart table td.info .remove img { display: block; cursor: pointer; } header #cart table td.info .name { font-weight: bold; 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: #999; font-size: 12px; } header #cart table td.total { padding-right: 0px; text-align: right; color: #002C66; font-weight: bold; } header #cart table.totals tr:first-child td { padding-top: 15px; } header #cart table .tot_title { text-align: right; padding: 3px 5px 0px 0px; } header #cart table .tot_price { text-align: right; padding: 3px 0px 0px 5px; color: #002C66; font-weight: bold; } header #cart p { margin: 0px; padding: 0px; } header #cart p.links { display: block; text-align: right; margin: 15px 0px 0px; padding: 15px 0px 0px; border-top: 1px solid #DDD; } header #cart p.links a { } header #cart p.links a + a { margin-left: 10px; } header #cart p.empty { text-align: center; } #sidemenumask { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,0.75); z-index: 80000; display: none; } #sidemenu { position: absolute; top: 100%; left: -80%; width: 80%; height: calc(100vh - 100%); background: #FFF; z-index: 80005; margin: 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #000; overflow: auto; } #sidemenu ul { margin: 0px; padding: 0px; } #sidemenu ul li { margin: 0px; padding: 0px; background: #FFF; } #sidemenu ul li a, #sidemenu ul li span { display: block; padding: 13px 18px; text-align: left; cursor: pointer; color: #000; border-bottom: 1px solid #DDD; } #sidemenu ul li span { background: url('../image/arrow-down-menu.png') calc(100% - 18px - 12px) 50% no-repeat; } #sidemenu ul.L2 > li > span { font-weight: 600; } #sidemenu ul li a:hover, #sidemenu ul li span:hover { background-color: #EEE; color: #78A5B5; } #sidemenu ul li.alldepts { background: #78A5B5; color: #FFF; } #sidemenu ul li.alldepts span { color: #FFF; background: #78A5B5; border: none; } #sidemenu ul.L1.child-open li.alldepts span { color: #000; background: url('../image/arrow-up-menu.png') calc(100% - 18px - 12px) 50% no-repeat #EEE; } #sidemenu ul.L2 { padding-bottom: 70px; } #sidemenu ul.L1 > li.open > span { color: #FFF; background: url('../image/menu-open-tick.png') calc(100% - 18px - 14px) 50% no-repeat #78A5B5; } #sidemenu ul.L2 > li.open > span { color: #000; background: url('../image/arrow-up-menu.png') calc(100% - 18px - 12px) 50% no-repeat #EEE; } #sidemenu ul li.haskids { } #sidemenu ul li.haskids > ul { display: none; } /* Advanced Top Menu (Mod added by Luke!) */ #adv_menu_mask { display: none !important; /* 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 { position: relative; border-bottom: 1px solid #CCC; margin: 0px; padding: 0px; z-index: 80002; } #adv_menu > .container { 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: 100%; margin: 0px; border-top: 1px solid #CCC; z-index: 80003; } #adv_menu ul.L1 > li { display: table-cell; border-left: 1px solid transparent; } #adv_menu ul.L1 > li:last-child { border-right: 1px solid transparent; } #adv_menu ul.L1 > li > a { position: relative; padding: 13px 15px; font-weight: 400; text-transform: uppercase; text-align: center; } #adv_menu ul.L1 > li + li:before { position: relative; display: block; float: left; left: -1px; content: '|'; font-size: 12px; line-height: 12px; color: #CCC; margin-top: 17px; } /* #adv_menu ul.L1 > li:last-child a { color: #78A5B5; } */ #adv_menu .menu_L2 { position: absolute; top: 100%; left: 0px; width: 100%; background: #FFF; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; display: none; } #adv_menu .menu_L2 .container { padding-left: 20px; padding-right: 20px; } #adv_menu ul.L2 { display: table; width: 100%; padding: 36px 0px 48px; z-index: 80002; } #adv_menu ul.L2 > li { display: table-cell; width: 25%; } #adv_menu ul.L2 > li > a { color: #000; font-weight: 600; margin-top: 24px; } #adv_menu ul.L2 > li > a:first-child { margin-top: 0px; } #adv_menu ul.L2 > li > a:hover { color: #78A5B5; } #adv_menu ul.L3 { margin: 8px 0px 0px; } #adv_menu ul.L3 > li { background: url('../image/arrow-right-grey.png') 0px 5px no-repeat; padding-left: 14px; margin-top: 6px; } #adv_menu ul.L3 > li:first-child { margin-top: 0px; } #adv_menu ul.L3 > li > a { color: #333; } #adv_menu ul.L3 > li > a:hover { color: #78A5B5; } #adv_menu ul.L2 > li.feat_col ul.L3 { margin-top: 16px; } #adv_menu ul.L2 > li.feat_col ul.L3 > li { background: none; padding: 0px; margin: 0px; } #adv_menu ul.L1 > li:hover { background: #FFF; border-left: 1px solid #CCC; } #adv_menu ul.L1 > li:hover:before { display: none; } #adv_menu ul.L1 > li:hover + li { border-left: 1px solid #CCC; } #adv_menu ul.L1 > li:hover + li:before { display: none; } #adv_menu ul.L1 > li:last-child:hover { border-right: 1px solid #CCC; } #adv_menu ul.L1 > li.has_kids:hover > a:after { position: absolute; top: 100%; left: 0px; width: 100%; background: #FFF; z-index: 80005; content: ''; height: 1px; } #adv_menu ul.L1 > li.has_kids:hover .menu_L2 { display: block; } @media (min-width: 992px) and (max-width: 1199px) { #adv_menu ul.L1 > li > a { padding: 13px 10px; font-weight: 600; } } /* Normal Top Menu */ #menu { background: #FFF; margin: 0px; min-height: 0px; border-radius: 0px; border: none; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; z-index: 80000; } #menu .container { } #menu .when-open { display: none !important; } #menu .when-closed { display: block !important; } #menu.open .when-open { display: block !important; } #menu.open .when-closed { display: none !important; } #menu button { font-size: 24px; font-stretch: expanded; color: #000; width: 24px; margin: 6px 0px; padding: 0px; background: none; border: none; text-align: center; outline: none !important; } #menu button i { font-size: inherit; } #menu button img { display: block; margin: 2px; } #menu ul.nav { float: none; margin: 0px; } #menu ul.nav > li { float: none; } @media (min-width: 992px) { #menu .navbar-collapse { display: table !important; position: relative; margin: 0px auto; padding: 0px; } #menu ul.nav { display: table-row; position: relative; } #menu ul.nav > li { display: table-cell; } #menu ul.nav > li > a { display: block; } #menu ul.nav > li > .dropdown-menu { background: #FFF; padding: 10px 15px; border: 1px solid #DDD; min-width: 220px; } #menu ul.nav > li > .dropdown-menu .dropdown-inner { display: table-row; } #menu ul.nav > li > .dropdown-menu ul { display: table-cell; min-width: 180px; } #menu ul.nav > li > .dropdown-menu ul li { display: block; padding: 2px 0px; } #menu ul.nav > li > .dropdown-menu ul li a { display: block; padding: 2px 10px; } #menu ul.nav > li > .dropdown-menu ul li a:hover, #menu ul.nav > li > .dropdown-menu ul li a:focus { background: #EEE; } #menu ul.nav > li:hover { background: #EEE; } #menu ul.nav > li:hover > .dropdown-menu { display: table; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (max-width: 991px) { header { background: #FFF; } header #logo { margin: 12px 0px; } body.scrolled header #logo { margin: 12px 0px; } body.scrolled header #logo a { height: 65px; } #adv_menu { display: none !important; } #menu { display: inline-block; background: none; border: none; vertical-align: middle; } #menu .navbar-collapse { position: absolute; top: 90px; left: 0px; background: #FFF; border: 1px solid #DDD; padding: 0px; width: 80%; } #menu .navbar-collapse.collapse { display: none !important; } #menu .navbar-collapse.collapse.in { display: block !important; } #menu ul.nav { display: block; } #menu ul.nav > li { display: block; } #menu ul.nav > li.open { border-bottom: 1px solid #CCC; } #menu ul.nav > li > a { display: block; padding: 5px 15px; } #menu ul.nav > li > a:hover, #menu ul.nav > li > a:focus { text-decoration: none; background: none; font-weight: bold; } #menu ul.nav > li > .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; border: 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; } #menu ul.nav > li > .dropdown-menu ul li { } #menu ul.nav > li > .dropdown-menu ul li a { display: block; padding: 5px 15px 5px 30px; } #menu ul.nav > li > .dropdown-menu ul li a:hover, #menu ul.nav > li > .dropdown-menu ul li a:focus { font-weight: bold; } header .hd_search { display: none; margin-bottom: 16px; } header #search { } header #search input[type=text] { width: calc(90% - 36px); margin-left: 5%; } header #search button { } } @media (min-width: 768px) and (max-width: 991px) { header #logo { margin: 10px 0px 3px; } body.scrolled header #logo { margin: 10px 0px 3px; } header #logo a img { max-height: 65px; } } @media (max-width: 767px) { header .container { padding-left: 5px; padding-right: 5px; } header .row { margin-left: -5px; margin-right: -5px; } header .row > div[class*=col-] { padding-left: 5px; padding-right: 5px; } header #logo { margin: 10px 5px 5px; } body.scrolled header #logo { margin: 10px 5px 5px; } header #logo a { height: auto; } body.scrolled header #logo a { height: auto; } header #logo a img { max-height: 45px; } #menu .navbar-collapse { top: 72px; } header .lower { margin-top: 18px; } header .lower > div { height: 30px; } header .lower > div + div { margin-left: 10px; } header .hd_search_link { width: 30px; } header .hd_search_link img { padding: 6px; } header .hd_account a { width: 30px; height: 30px; padding: 6px 0px; } header .hd_cart_link { display: inline-block !important; } header .hd_cart_link > a { width: 30px; height: 30px; padding: 6px 0px; } header .hd_cart_link a { position: relative; display: block; padding: 7px 4px; } header .hd_cart_link a .cart-total { position: absolute; top: -5px; left: -5px; width: 15px; height: 15px; display: block; padding: 0px; background: #78A5B5; color: #FFF; font-size: 10px; line-height: 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; text-align: center; } header #cart .hd_head { height: 30px; padding: 4px 3px; } header #cart .hd_head #cart-total:before { margin: 0px; } header #cart #cart-total > span { display: none; } } @media (max-width: 350px) { header .row { margin-left: -5px; margin-right: -5px; } header .row > div[class*=col-] { padding-left: 5px; padding-right: 5px; } header .lower > div + div { margin-left: 0px; } header #logo { margin: 10px 0px 5px; } header #logo a img { max-height: 45px; } } /* footer */ footer { background: #FFF; font-size: 13px; line-height: 20px; } footer .container { padding-top: 64px; padding-bottom: 48px; } footer .clearfix:after { margin-bottom: 36px; } footer h5 { text-transform: uppercase; margin: 36px 0px 12px; font-size: 13px; line-height: 20px; } footer h5:first-child { margin-top: 0px; } footer ul { list-style: none; margin: 12px 0px 0px; padding: 0px; } footer ul li { } footer ul li + li { margin-top: 10px; } footer ul li a { color: #333; } footer ul li a:hover, footer ul li a:focus { color: #78A5B5; } footer p { margin: 18px 0px 0px; } footer h5 + p { margin-top: 12px; } footer .footerlogo { max-height: 56px; width: auto; } footer .footerlogo + h5 { margin-top: 24px; } footer .social { } footer .social a { display: inline-block; } footer .social a:hover, footer .social a:focus { background: #D8D8D8; } footer .social a + a { margin-left: 3px; } footer .social a img { display: block; } footer .logos { margin-top: 24px; } #branding { background: #FFF; font-size: 13px; line-height: 18px; color: #696969; } #branding .container { padding-top: 16px; padding-bottom: 24px; } #branding .branding { } #branding .branding a { color: inherit; } #branding .branding a:hover, #branding .branding a:focus { color: #78A5B5; } #branding .cards { text-align: right; line-height: 36px; } #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 .container { padding-top: 0px; padding-bottom: 24px; } footer .row > div[class*=col-] { margin-top: 36px; } footer .clearfix:after { margin-bottom: 0px; } footer h5 { margin: 0px 0px 10px; } footer p, footer ul { margin-top: 10px; } footer ul li + li { margin-top: 5px; } footer .footerlogo { max-height: 56px; width: auto; } footer .social { margin: -3px; } footer .social a { margin: 3px; } #lower_footer .container { text-align: center; } #lower_footer .row > div[class*=col-] { margin-top: 30px; } #lower_footer .row > div[class*=col-]:first-child { margin-top: 0px; } #lower_footer .affils { text-align: inherit; } #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; } #branding .cards img { margin: 4px 2px; } } /* content */ #content { } #content img { max-width: 100%; height: auto !important; } .home-page #content { margin-top: 0px; min-height: 0px; } .category-page #content { padding-top: 36px; } /* mod_holder = column left / right, content top / bottom / above footer / below menu */ .mod_holder { } .mod_holder > div { margin-top: 48px; } .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; } body.home-page #content-below-menu > div:last-child, body.home-page #content-above-footer > div:last-child { margin-bottom: 48px; } .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; } /* alert */ .alert { padding: 8px 14px 8px 14px; } #pagecontent { } #pagecontent > .container { position: relative; padding-top: 64px; padding-bottom: 64px; } #pagecontent > .container > .breadcrumb { margin-top: -54px !important; } .home-page #pagecontent > .container { padding-top: 0px; padding-bottom: 0px; } /* breadcrumb */ .breadcrumb { display: block; background: none; padding: 0px; margin: 10px 0px 36px !important; border: none; border-radius: 0px; list-style: none; line-height: 20px; font-size: 12px !important; line-height: 18px; } .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: 8px !important; } .breadcrumb > li + li:before { display: inline-block; content: ''; margin-right: 8px; padding: 0px; width: 5px; height: 18px; vertical-align: middle; background: url('../image/breadcrumb-sep-grey.png') center no-repeat; } #pagehead.hasimage.whitetext .breadcrumb > li + li:before { background-image: url('../image/breadcrumb-sep.png'); } .breadcrumb > li a { display: inline-block; color: #999; } /* Page Head */ #pagehead { background: #F8F8F8; } #pagehead .container { position: relative; padding-top: 60px; padding-bottom: 60px; text-align: center; } #pagehead h1 { text-align: center; margin: 0px; } #pagehead .pagedesc { margin: 0px; } #pagehead .pagedesc p, #pagehead .pagedesc div { margin: 20px 0px 0px; font-size: 16px; line-height: 1.75em; color: inherit !important; } #pagehead .breadcrumb { position: absolute; top: 6px; left: 15px; width: calc(100% - 30px); margin: 0px; } #pagehead.hasimage { background-position: center; background-repeat: no-repeat; background-size: cover; } #pagehead.hasimage .container { padding-top: 80px; padding-bottom: 80px; } #pagehead.whitetext { text-shadow: 0px 0px 5px #999; } #pagehead.whitetext h1 { color: #FFF; } #pagehead.whitetext .pagedesc { color: #FFF !important; } #pagehead.whitetext .breadcrumb > li + li:before { color: #FFF; } #pagehead.whitetext .breadcrumb a { color: #FFF; } #pagehead.whitetext .breadcrumb a:hover, #pagehead.whitetext .breadcrumb a:focus { color: #999; } .pagedesc { margin: 48px 0px; } .pagedesc :first-child { margin-top: 0px !important; } .pagedesc :last-child { margin-bottom: 0px !important; } .pagedesc .container { } .pagedesc .clearfix:after { margin-bottom: 24px; } .pagedesc h1 { text-align: center; margin: 0px 0px 30px; } .pagedesc div.row { margin-top: 36px; margin-bottom: 36px; } .pagedesc img { max-width: 100%; height: auto !important; } .pagedesc .intro_show_more, .pagedesc .intro_show_less { display: block; color: #78A5B5; cursor: pointer; margin-top: 8px; } .pagedesc .intro_show_more:hover, .pagedesc .intro_show_less:hover { color: #000; } .pagedesc .intro_show_more { display: none; } .pagedesc .intro_more { display: block; margin-top: 1.5em; } .pagedesc .intro_show_less { display: none; } @media (max-width: 767px) { .pagedesc .intro_show_more { display: block; } .pagedesc .intro_more { display: none; margin-top: 8px; } .pagedesc .intro_show_less { display: block; } } #pagehead + .pagedesc .container:before { display: none; } .info-page .pagedesc { font-size: 16px; line-height: 1.75em; } .info-page .pagedesc .row { margin-top: 48px; margin-bottom: 48px; } .info-page .pagedesc h2 { font-family: "Playfair Display", Times, Times New Roman, Georgia, serif; font-size: 36px; line-height: 1.5em; color: #000; margin: 36px 0px 24px; font-weight: 400; } .info-page .pagedesc h3 { margin: 36px 0px 24px; } .info-page .pagedesc h4 { margin: 24px 0px; } .info-page .pagedesc h5 { margin: 24px 0px 12px; font-size: 16px; line-height: 1.75em; } .info-page .pagedesc p { margin: 24px 0px 0px; } .info-page .pagedesc table { margin: 24px 0px; } .info-page .pagedesc h5 + p, .info-page .pagedesc h5 + table { margin: 12px 0px 0px; } .info-page .pagedesc small { font-size: 12px; line-height: 1.5em; color: #666; } .info-page .pagedesc ul, ul.reddots { list-style: none; margin: 24px 0px; padding: 0px; } .info-page .pagedesc ul li, ul.reddots li { position: relative; padding-left: 12px; background: url('../image/bullet-red.png') 0px 11px no-repeat; } .info-page .pagedesc ul li + li, ul.reddots li + li { margin-top: 0.75em; } .info-page .about-img3 { padding-top: 73px; } .info-page .design-img3 { padding-top: 73px; } .imgbesidetext { font-size: 14px; line-height: 1.75em; } .imgbesidetext h3 { font-size: 36px; line-height: 1.5em; font-weight: 600; } .iconblock { text-align: center; display: flex; justify-content: space-evenly; } .iconblock > div[class*=col-] { margin-top: 36px !important; } .iconblock img { margin: 0px auto; } .iconblock h4 { font-size: 16px; line-height: 1.5em; margin: 18px 0px 0px; text-transform: uppercase; } .iconblock p { font-size: 13px; line-height: 1.75em; margin: 18px 0px 0px; } /* Sub category listings */ #sub_cats { margin: 48px 0px; } #sub_cats .container { } .sub_cats { margin-bottom: 30px; } /* .row */ .sub_cats > div[class*=col-] { } /* .col- */ .sub_cats > div.clearfix:after { margin-bottom: 36px; } .sub_cats .sub_cat_wrapper { position: relative; } .sub_cats .sub_cat_wrapper a { display: block; margin: 0px; padding: 0px; } .sub_cats .sub_cat_wrapper a.sc_img { } .sub_cats .sub_cat_wrapper a.sc_img img { display: block; width: 100%; height: auto !important; } .sub_cats .sub_cat_wrapper h3.sc_name { position: absolute; bottom: 24px; left: 24px; width: calc(100% - 48px); text-align: center; font-size: 18px; line-height: 24px; font-weight: 600; background: rgba(255,255,255,0.75); display: block; margin: 0px; padding: 0px; } .sub_cats .sub_cat_wrapper h3.sc_name a { color: #000; padding: 12px 12px; } .sub_cats .sub_cat_list_item { } .sub_cats .sub_cat_list_item + .sub_cat_list_item { margin-top: 48px; padding-top: 48px; border-top: 1px solid #DDD; } .sub_cats .sub_cat_list_item .sc_img { display: block; } .sub_cats .sub_cat_list_item .sc_img img { display: block; } .sub_cats .sub_cat_list_item .sc_name { display: block; margin: 0px; padding: 0px; font-weight: 600; font-size: 36px; line-height: 1.33em; } .sub_cats .sub_cat_list_item .sc_name a { color: #000; } .sub_cats .sub_cat_list_item .sc_desc { } .sub_cats .sub_cat_list_item .sc_link { } .sub_cats .sub_cat_list_item .sc_link a:after { display: inline-block; content: ''; margin-left: 6px; width: 18px; height: 18px; vertical-align: middle; background: url('../image/arrow-right-red.png') center no-repeat; } .sub_cats .sub_cat_list_item .sc_link a:hover:after { background-image: url('../image/arrow-right-black.png'); } @media (max-width: 767px) { .sub_cats .sub_cat_list_item .sc_img { margin-bottom: 36px; } } body.product-category-378 .sub_cats .sub_cat_wrapper .sc_name { display: none; } /* Product Filters */ #contop_filters { border-bottom: 1px solid #DDD; } /* #contop_filters.fixed { position: fixed; top: 74px; left: 0px; right: 0px; background: #FFF; z-index: 79999; } */ #contop_filters .container { position: relative; } .prod_filters { display: block; float: right; margin: 0px; padding: 0px; font-size: 14px; line-height: 20px; border-left: 1px solid #DDD; } .prod_filters:after { display: block; content: ''; clear: both; } .prod_filters .filter_drop { position: relative; display: block; float: left; } .prod_filters .filter_head { display: block; font-size: 14px; line-height: 20px; color: #000; padding: 20px 18px; border-right: 1px solid #DDD; cursor: pointer; } .prod_filters .filter_drop .filter_head:after { display: inline-block; width: 8px; height: 20px; vertical-align: middle; content: ''; margin-left: 5px; background: url('../image/arrow-filter-down.png') center no-repeat; } .prod_filters .filter_drop.open .filter_head:after { background-image: url('../image/arrow-filter-up.png'); } .prod_filters .filter_drop.open .filter_head:before { position: absolute; bottom: 0px; left: 0px; right: 1px; background: #FFF; content: ''; height: 1px; } .prod_filters .filter_body { background: #FFF; border: 1px solid #DDD; border-top: none; left: -1px; padding: 12px 8px; width: 250px; min-width: 0px; } .prod_filters .filter_limit .filter_body { width: calc(100% + 1px); } .prod_filters .filter_body .filter_opt { display: block; padding: 3px 4px; cursor: pointer; } .prod_filters .filter_body .filter_opt:hover { background: #EEE; } .prod_filters .filter_body .filter_opt + .filter_opt { margin-top: 8px; } @media (min-width: 768px) and (max-width: 991px) { #contop_filters { border-top: 1px solid #DDD; } .prod_filters .filter_head { padding: 15px 12px; } } @media (max-width: 767px) { #contop_filters { border-top: 1px solid #DDD; } #contop_filters .container { padding: 0px; } .prod_filters { float: none; border: none; margin: 0px 15px; text-align: center; } .prod_filters .filter_drop { display: inline-block; float: none; } .prod_filters .filter_drop + .filter_drop { } .prod_filters .filter_drop .filter_head { padding: 6px 10px; border: none; } } /* Product Grid */ #cat_prods { margin: 48px 0px; } #sub_cats + #cat_prods > .container:before { display: block; width: 100%; height: 0px; content: ''; border-top: 1px solid #DDD; margin-bottom: 48px; } #cat_prods .container { } .prod_grid { margin-top: 24px; } /* .row */ .prod_grid > div.clearfix:after { margin-bottom: 36px; } .prod_grid .prod { } .prod_grid .prod > div { display: block; margin: 0px; padding: 0px; } .prod_grid .prod .image { position: relative; } .prod_grid .prod .image .special { background: url('../image/sale_91x91.png') center no-repeat; width: 91px; height: 91px; position: absolute; right: 0; top: 0} body.product-category-274 .prod_grid .prod .image .special { display: none !important; } .prod_grid .prod .image a { display: block; } .prod_grid .prod .image a img { display: block; width: 100%; max-width: 100%; height: auto !important; } .prod_grid .prod .image .overlay { position: absolute; max-width: 40%; max-height: calc(50% - 14px); overflow: hidden; } .prod_grid .prod .image .overlay.overlay_tl { top: 12px; left: 0px; } .prod_grid .prod .image .overlay.overlay_tr { top: 12px; right: 0px; } .prod_grid .prod .image .overlay.overlay_bl { bottom: 12px; left: 0px; } .prod_grid .prod .image .overlay.overlay_br { bottom: 12px; right: 0px; } .prod_grid .prod .image .overlay a { display: block; font-size: 14px; line-height: 20px; color: #FFF; text-transform: uppercase; background: #78A5B5; } .prod_grid .prod .image .overlay a.overlay_img { padding: 0px; } .prod_grid .prod .image .overlay a.overlay_txt { padding: 8px 8px; } .prod_grid .prod .image .overlay a + a { margin-top: 4px; } .prod_grid .prod .image .overlay .overlay_special { background: #78A5B5; } .prod_grid .prod .name { margin-top: 16px; text-transform: uppercase; font-weight: 400; color: #333; } .prod_grid .prod .name a { color: inherit; } .prod_grid .prod .name a:hover, .prod_grid .prod .name a:focus { color: #78A5B5; } .prod_grid .prod .name a .brand { display: none; font-weight: 600; color: #000; } .prod_grid .prod .name a:hover .brand, .prod_grid .prod .name a:focus .brand{ color: inherit; } .prod_grid .prod .desc { display: none; } .prod_grid .prod .price { margin-top: 6px; } .prod_grid .prod .price .price-wrapper { display: inline-block; vertical-align: text-bottom; } .prod_grid .prod .price .price-old-wrapper { text-decoration: line-through; margin-right: 4px; color: #666; } .prod_grid .prod .price .price-new-wrapper { font-weight: 600; font-size: 16px; } .prod_grid .prod .price .price-special-wrapper { color: #78A5B5; } .prod_grid .prod .price .price-tax-wrapper { display: none; } .prod_grid .prod .price .price-wrapper span { } .prod_grid .prod .price .from { display: none; } .prod_grid .prod .price .now { } .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 { display: none; } .prod_grid .prod .rating { display: none; margin-top: 2px; text-align: center; } .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 { } .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 { } .prod_list .prod { display: table; width: 100%; } .prod_list .prod + .prod { margin-top: 36px; padding-top: 36px; border-top: 1px solid #DDD; } .prod_list .prodcell { display: table-cell; position: relative; vertical-align: top; } .prod_list .prodcell.imgcell { width: 33.3333%; } .prod_list .prodcell.textcell { width: 66.6666%; padding-left: 36px; } .prod_list .prod .image { } .prod_list .prod .image a { } .prod_list .prod .image a img { } .prod_list .prod .price { float: right; font-size: 24px; line-height: 1.5em; color: #000; font-weight: 600; } .prod_list .prod .price > span { display: inline-block; vertical-align: baseline; } .prod_list .prod .price .price-old { display: none; font-size: 18px; text-decoration: line-through; margin-right: 4px; color: #666; } .prod_list .prod .price .price-new { } .prod_list .prod .price .price-special { } .prod_list .prod .price .price-tax { display: none; } .prod_list .prod .price .price span { } .prod_list .prod .price .from { display: none; } .prod_list .prod .price .now { display: none; } .prod_list .prod .price .was { display: none; } .prod_list .prod .price .inc-vat { display: none; } .prod_list .prod .price .ex-vat { display: none; } .prod_list .prod .name { font-size: 24px; line-height: 1.5em; color: #000; text-transform: uppercase; font-weight: 400; } .prod_list .prod .name a { color: #000; } .prod_list .prod .name a:hover { color: #78A5B5; } .prod_list .prod .name a .brand { display: none; font-weight: 600; color: #000; } .prod_list .prod .name a:hover .brand { color: inherit; } .prod_list .prod .description { margin: 24px 0px 0px; } .prod_list .prod .description > :first-child { margin-top: 0px !important; } .prod_list .prod .addgroup { position: absolute; bottom: 0px; right: 0px; } .prod_list .prod .addgroup .qty_text { vertical-align: middle; font-weight: 600; text-transform: uppercase;} .prod_list .prod .addgroup input[type=text] { display: inline-block; width: 60px; vertical-align: middle; height: 40px; margin: 0px 6px; text-align: center; } .prod_list .prod .addgroup button { vertical-align: middle; padding: 9px 12px; width: 170px; } @media (min-width: 1200px) { .prod_list .prod .description { width: 75%; } } @media (min-width: 992px) and (max-width: 1199px) { .prod_list .prod .description { width: 75%; } } @media (min-width: 768px) and (max-width: 991px) { .prod_list .prod .description { } } @media (max-width: 767px) { .prod_list .prod .description { } } /* Pagination */ .prod_paging { position: relative; margin-top: 36px; } /* .row */ .prod_paging:before { position: relative; top: 0px; left: 18px; width: calc(100% - 36px); border-top: 1px solid #DDD; content: ''; height: 0px; margin-bottom: 24px; } .prod_paging > div { line-height: 40px; } /* .col */ .prod_paging .results { text-align: left; } .prod_paging .paging { text-align: right; height: 40px; } .prod_paging .pagination { display: inline-block; margin: 0px; padding: 0px; border-radius: 0px; border: none; list-style: none; height: 40px; } .prod_paging .pagination > li { display: inline-block; border: none; height: 36px; } .prod_paging .pagination > li + li { margin-left: 6px; } .prod_paging .pagination > li.first { display: none; } .prod_paging .pagination > li.prev { } .prod_paging .pagination > li.next { } .prod_paging .pagination > li.last { display: none; } .prod_paging .pagination > li > a, .prod_paging .pagination > li > span { display: block; border: 1px solid #DDD; height: 40px; min-width: 40px; text-align: center; padding: 0px; line-height: 38px; border-radius: 0px; color: #000; background: none; } .prod_paging .pagination > li.pagenav > a { min-width: 48px; font-size: 0px; color: transparent; text-indent: -50000px; background: center no-repeat; } .prod_paging .pagination > li.prev > a { background-image: url('../image/arrow-left-black.png'); } .prod_paging .pagination > li.next > a { background-image: url('../image/arrow-right-black.png'); } .prod_paging .pagination > li.active { } .prod_paging .pagination > li.active a, .prod_paging .pagination > li.active span { border: 1px solid #000; color: #000; font-weight: bold; background: none; } /* buttons */ .buttons { margin: 1em 0px 0px; } .btn, .btn:focus { padding: 6px 10px; font-size: 12px; line-height: 20px; border: 1px solid #000; background: #000; border-radius: 0px; box-shadow: none; color: #FFF; text-transform: uppercase; text-align: center; } .btn:hover { color: #FFF; background: #444; } .btn.btn-blue, .btn.btn-blue:focus { background: #78A5b5; border-color: #78A5b5; } .btn.btn-blue:hover { background: #327187; } .btn.btn-black, .btn.btn-black:focus { background: #000; border-color: #000; } .btn.btn-black:hover { background: #333; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg, .btn-lg:focus{ padding: 13px 23px; font-size: 14px; font-weight: 600; } .btn-clear { border: 1px solid #FFF; background: none; padding: 12px 24px; text-shadow: 0px 0px 2px #000; font-size: 14px; } .btn-clear:hover { background: rgba(255, 255, 255, 0.3); color: #000; text-shadow: none; font-weight: 600; } .btn-arrow:after { display: inline-block; vertical-align: middle; width: 18px; height: 8px; content: ''; background: url('../image/arrow-right-white.png') center no-repeat; margin-left: 8px; } .btn-phone:after { display: inline-block; vertical-align: middle; width: 15px; height: 16px; content: ''; background: url('../image/button-phone-white.png') center no-repeat; margin-left: 8px; } .btn-cart, .btn-cart:focus { text-transform: none; } .btn-cart:after { display: inline-block; vertical-align: middle; width: 22px; height: 16px; content: ''; background: url('../image/button-cart-white.png') center no-repeat; margin-left: 8px; } .btn.text-left { text-align: left; } .btn.text-left:after { display: block; float: right; height: 20px; } .btn.text-right { text-align: right; } .btn-block:after { display: block; float: right; height: 20px; } .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 { margin: 0px; padding: 0px; border: none; border-radius: 0px; background: none; font-size: 14px; line-height: 20px; padding: 8px 0px; } .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: #002C66; 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; color: #78A5B5; } .rating > span { display: inline-block; vertical-align: middle; } .rating .stars { } .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: middle; } /* Product page layout */ h1.prodtitle { font-size: 36px; line-height: 1.33em; font-weight: normal; margin: 0px 0px 24px; } h1.prodtitle .brand { display: none; } .prodinfo + .row { margin-top: 36px; } .prodinfo + .row #column-right { width: 100% !important; } .prodinfo + .row #column-right > :first-child { margin-top: 0px !important; } .prodinfo + .row #column-right .mod_banner { margin-top: 12px; } .prodinfo + .row #column-right .mod_banner .owl-carousel { background: none; margin: 0px; } .prodinfo + .row #column-right .mod_banner .owl-wrapper-outer { border: none; border-radius: 0px; box-shadow: none; } .prodinfo + .row #column-right .mod_banner img { margin: 0px auto; } #prodimg { display: block; margin: 0px; padding: 0px; text-align: right; } #prodimg:after { display: block; content: ''; clear: both; } #prodimg .mainimg { background: #EEE; cursor: pointer; position: relative;} #prodimg .mainimg a { } #prodimg .mainimg img { } #prodimg .mainimg iframe { display: none; width: 100%; } #prodimg .additionals { position: relative; padding-top: 24px; } #prodimg .additionals .add_nav { position: absolute; top: 46px; width: 36px; height: 36px; } #prodimg .additionals .add_nav img { display: block; cursor: pointer; } #prodimg .additionals .add_left { left: 0px; } #prodimg .additionals .add_right { right: 0px; } #prodimg .add_wrapper { margin: 0px 60px; } #prodimg .add_wrapper .add_inner { margin: -24px 0px 0px -24px; } #prodimg .add_wrapper .add_inner:after { display: block; content: ''; clear: both; } #prodimg .add_wrapper .add_inner .add_img { position: relative; display: block; float: left; margin: 24px 0px 0px 24px; } #prodimg .add_wrapper .add_inner .add_img a { } #prodimg .add_wrapper .add_inner .add_img img { max-height: 80px; width: auto !important; border: 2px solid #DDD; cursor: pointer; } #prodimg .add_wrapper .add_inner .add_img.active img { border-color: #78A5B5; } #prodimg .add_wrapper .add_inner .add_vid { } #prodimg .add_wrapper .add_inner .add_vid:after { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; background: url('../image/icon-video-overlay.png') center no-repeat; cursor: pointer; } #prodimg .mainimg .special{ background: url('../image/sale_91x91.png') center no-repeat; width: 91px; height: 91px; position: absolute; right: 0; top: 0} /* #prodimg a { display: inline-block; margin: 9px 9px 0px 0px; border-radius: 0px; border: 2px solid #EEE; } #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 0px 4px; } */ @media (min-width: 768px) and (max-width: 991px) { #prodimg .add_wrapper .add_inner { margin: -12px 0px 0px -12px; } #prodimg .add_wrapper .add_inner .add_img { margin: 12px 0px 0px 12px; } #prodimg .add_wrapper .add_inner .add_img img { max-height: 80px; } } @media (max-width: 767px) { #prodimg .mainimg { height: auto !important; } #prodimg .mainimg iframe { margin: 0px !important; } #prodimg .additionals .add_nav { display: none; } #prodimg .add_wrapper { margin: 0px; } #prodimg .add_wrapper .add_inner { margin: -12px 0px 0px -12px; } #prodimg .add_wrapper .add_inner .add_img { margin: 12px 0px 0px 12px; width: calc(25% - 12px); } #prodimg .add_wrapper .add_inner .add_img img { max-height: none; } } .prodinfo { margin: 0px; border: 1px solid #DDD; padding: 18px; } .prodinfo hr { margin: 18px 0px; } .prodinfo .shortdesc { color: #000; } .prodinfo .shortdesc > :first-child { margin-top: 0px; } .prodinfo .priceqty { } .prodinfo .shortdesc + .priceqty { margin-top: 24px; } .prodinfo .priceqty:after { display: block; content: ''; clear: both; } .prodinfo .price { float: left; padding-top: 24px; } .prodinfo .price .price-wrapper { display: block; } .prodinfo .price .price-new-wrapper { font-size: 36px; line-height: 1em; font-weight: 600; } .prodinfo .price .price-special-wrapper { color: #78A5B5; } .prodinfo .price .price-old-wrapper { font-size: 16px; line-height: 1.5em; text-decoration: line-through; color: #666; margin-top: 8px; } .prodinfo .price .price-tax-wrapper { display: none; } .prodinfo .price .price-wrapper span { } .prodinfo .price .from { display: none; } .prodinfo .price .now { font-size: 24px; } .prodinfo .price .was { } .prodinfo .price .price-new { } .prodinfo .price .price-old { } .prodinfo .price .price-tax { } .prodinfo .price .inc-vat { display: none; } .prodinfo .price .ex-vat { display: none; } .prodinfo .price .points { display: none; margin-top: 16px; color: #666; } .prodinfo .price .points .text { } .prodinfo .price .points .cost { color: #1F1F1F; } .prodinfo .price .discounts { display: none; margin-top: 16px; color: #666; } .prodinfo .price .discounts .discount { display: block; } .prodinfo .price .discounts .discount .text { } .prodinfo .price .discounts .discount .cost { color: #1F1F1F; } .prodinfo .prodqty { float: right; } .prodinfo .prodqty .qty_text { display: block; text-transform: uppercase; color: #000; font-weight: 600; font-size: 14px; line-height: 20px; margin: 0px 0px 4px; } .prodinfo .prodqty .input-quantity { text-align: center; } .prodinfo .min_qty { display: block; clear: both; margin-top: 12px; font-size: 12px; line-height: 1.5em; } .prodopts { display: block; margin-top: 18px; } .prodopts h3 { margin: 0px; } .prodopts .prodopt { margin: 16px 0px 0px; } .prodopts .prodopt .control-label { font-weight: 600; color: #000; text-transform: uppercase; margin: 0px 0px 5px; } .prodopts .prodopt .control-label .label-suffix { color: #78A5B5; } .prodopts .prodopt .radio, .prodopts .prodopt .checkbox { margin: 2px 0px; } .prodopts .prodopt .image_grid { margin: -2px; } .prodopts .prodopt .image_grid:after { display: block; content: ''; clear: both; } .prodopts .prodopt .image_grid .radio { display: block; float: left; margin: 2px; padding: 0px; width: calc(16.6667% - 4px); } .prodopts .prodopt .image_grid .radio:nth-child(6n + 1) { clear: left; } .prodopts .prodopt .image_grid .radio label { position: relative; font-size: 0px; color: transparent; margin: 0px; padding: 0px; } .prodopts .prodopt .image_grid .radio input[type=radio] { position: absolute; left: 20px; top: 20px; margin: 0px; z-index: -1; } .prodopts .prodopt .image_grid .radio img { margin: 0px; border: 2px solid #DDD; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 0px; } .prodopts .prodopt .image_grid .radio.selected img { border: none; box-shadow: 0px 0px 1px 2px #000; } .prodopts .zoom_image { display: block; margin-top: 24px; } .prodopts .zoom_image a { position: relative; display: block; } .prodopts .zoom_image img { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .prodopts .zoom_image .overlay { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../image/opt-zoom-overlay.png') center no-repeat; z-index: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 3px solid #333; } .prodopts .beaware { display: block; margin-top: 12px; font-size: 12px; line-height: 1.5em; text-align: center; } .prodopts .beaware p { margin: 0px; } .prodopts .beaware a { display: inline-block; margin-top: 6px; font-size: 14px; line-height: 1.5em; } .prodinfo .addto { margin: 18px 0px 0px; } .prodinfo .addto:first-child { margin-top: 0px; } .prodinfo .addto .button-cart { text-align: left; padding: 13px 14px; } .prodinfo .addto .button-cart:after { display: block; float: right; width: 22px; height: 20px; content: ''; background: url('../image/icon-basket-white.png') center no-repeat; } .prodinfo .addto .leadtime { text-align: center; font-size: 13px; line-height: 1.5em; margin-top: 12px; } .prodinfo .addto .freedel { text-align: center; font-size: 13px; line-height: 1.5em; margin-top: 12px; } .prodinfo .addto .string_byo { display: block; text-align: center; margin: 0px 0px 8px; } .prodinfo .addto .askquestion { text-align: left; padding: 7px 14px; } .prodinfo .addto .askquestion:after { display: block; float: right; width: 18px; height: 20px; content: ''; background: url('../image/icon-speech-bubble.png') center no-repeat; } .prodinfo .addto .callback, .prodinfo .addto .callback:focus { text-align: left; padding: 7px 14px; background: #8E7781; border-color: #8E7781; } .prodinfo .addto .callback:hover { background: #702F4C; } .prodinfo .addto .callback:after { display: block; float: right; width: 15px; height: 20px; content: ''; background: url('../image/icon-phone-white.png') center no-repeat; } .fixedaddtocart { position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 10px 10px; z-index: 99999998; background: #FFF; text-align: right; border-top: 1px solid #EEE; } body.menu-open .fixedaddtocart { display: none; } .fixedaddtocart .price { display: block; float: left; margin: 0px; padding: 0px; font-size: 24px; line-height: 32px; font-weight: 900; color: #666; } .fixedaddtocart .price span { display: block; margin: 0px; padding: 0px; } .fixedaddtocart .qty { display: inline-block; white-space: nowrap; vertical-align: top; } .fixedaddtocart .qty label { display: inline-block; margin: 0px 5px 0px 0px; padding: 0px; line-height: 32px; } .fixedaddtocart .qty input[type=text] { display: inline-block; margin: 0px; width: 40px; height: 32px; padding: 6px; text-align: center; font-size: 14px; } .fixedaddtocart button, .fixedaddtocart button:focus { display: inline-block; vertical-align: top; margin-left: 5px; padding: 5px 10px; font-size: 12px; } .prodinfo .rating { margin-top: 16px; } @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; } } @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 h1 { text-align: center; } .prodinfo .price { text-align: center; } .prodinfo .rating { text-align: center; height: auto; } .prodinfo .rating .stars { display: block; margin: 0px 0px 4px; } .prodopts h3 { text-align: center; } } #vtabs { display: block; margin: 36px 0px 0px; } #vtabs .vtab { display: block; margin: 0px; padding: 36px 0px; } #vtabs .vtab + .vtab { border-top: 1px solid #DDD; } #vtabs .vtab .vtab_head { display: block; font-size: 24px; line-height: 30px; padding: 0px 2px; font-weight: 600; color: #000; } #vtabs .vtab .vtab_body { margin-top: 14px; padding: 0px 2px; overflow: hidden; } #vtabs .vtab .vtab_body > :first-child { margin-top: 0px; } #vtabs .vtab .vtab_body > :last-child { margin-bottom: 0px; } #vtabs .vtab .vtab_moreless { display: none; color: #78A5B5; margin-top: 14px; } #vtabs .vtab .vtab_moreless > div { display: inline-block; padding-left: 24px; cursor: pointer; } #vtabs .vtab .vtab_moreless .showmore { background: url('../image/icon-read-more.png') left no-repeat; } #vtabs .vtab .vtab_moreless .showless { display: none; background: url('../image/icon-read-less.png') left no-repeat; } #vtabs .vtab table.table-bordered { } #tab-brand div[class*=col-] > :first-child { margin-top: 0px !important; } #tab-brand .brand-img { border: 1px solid #DDD; } @media (max-width: 767px) { #tab-brand div[class*=col-] + div[class*=col-] { margin-top: 24px !important; } } #tab-review .rating { margin: 8px 0px 48px; } #tab-review .rating .stars { margin-right: 10px; } #reviews > p { margin: 0px; } #reviews .review { border-top: 1px solid #DDD; margin-top: 24px; padding-top: 24px; } #reviews .review .rating { margin-bottom: 8px; } #reviews .review .author { display: inline-block; vertical-align: middle; color: #666; } #reviews .review .author .by { } #reviews .review .date { display: inline-block; vertical-align: middle; color: #666; } #reviews .review .date .on { } #reviews .review .text { clear: right; margin-top: 16px; } #prod_related { margin-top: 36px; padding-top: 48px; border-top: 1px solid #DDD; } #prod_related h3 { margin-top: 0px; } #brand_prods { margin-top: 48px; padding-top: 48px; border-top: 1px solid #DDD; } #brand_prods h3 { margin-top: 0px; } .form-horizontal { } .form-horizontal .control-label { color: #000; margin: 0px 0px 6px; padding: 0px; } .form-horizontal .form-group { margin-bottom: 20px; } /* .contactform { background: #EEE; padding: 36px; } .contactform h2 { font-size: 24px; color: #000; font-weight: 600; } .contactform label[class*=col-], .contactform div[class*=col-]{ float: none; width: 100%; padding: 0px; } .contactform .form-group { } .contactform .form-group + .form-group { margin-top: 16px; } .contactform .control-label { text-align: left; color: #000; font-weight: normal; margin-bottom: 6px !important; } .contactform .captcha .control-label { display: none; } .contactform .btn { display: block; width: 100%; font-size: 18px; } */ #form-review { } #form-review .form-group { margin: 0px 0px 20px; } #form-review label[class*=col-], #form-review div[class*=col-]{ float: none; width: 100%; padding: 0px; } #form-review .control-label { text-align: left; width: 100%; } #form-review .form-control { } /* fixed mobile cart quantity input */ .input-group .form-control[name^=quantity] { min-width: 50px; } .mod_html { } .mod_html-wrapper .container { } .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; } #content-below-menu .mod_slideshow { } #content-below-menu .mod_slideshow-wrapper .container { width: 100%; padding: 0px; } .mod_slideshow { } .mod_slideshow .owl-carousel { background: none; margin: 0px; border: none; } .mod_slideshow .owl-wrapper-outer { background: none; border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } .mod_slideshow .owl-wrapper { } .mod_slideshow .owl-item { } .mod_slideshow .owl-item .item { } .mod_slideshow .owl-item .item > a { display: block; margin: 0px; width: 100%; } .mod_slideshow .owl-item .item > a img, .mod_slideshow .owl-item .item > img { width: 100% !important; height: auto !important; } .mod_slideshow .owl-item .item .caption { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #FFF !important; } .mod_slideshow .owl-item .item .caption .vcenter { margin-top: 291px; opacity: 0; } .mod_slideshow .owl-item .item .caption-wrapper { } .mod_slideshow .owl-item .item .caption h1 { font-size: 72px; line-height: 1.15em; color: inherit; margin-bottom: 24px; } .mod_slideshow .owl-item .item .caption p { font-size: 24px; line-height: 1.5em; color: inherit !important; margin-top: 24px; } .mod_slideshow .owl-item .item .caption a { color: inherit !important; } .mod_slideshow .owl-controls { position: absolute; bottom: 0px; left: 0px; width: 100%; } .mod_slideshow .owl-controls .owl-pagination { top: auto; bottom: 20px; } .mod_slideshow .owl-controls .owl-page { margin: 0px; } .mod_slideshow .owl-controls .owl-page + .owl-page { margin-left: 4px; } .mod_slideshow .owl-controls .owl-page span { background: url('../image/slideshow-buttons.png') bottom no-repeat; display: block; width: 10px; height: 10px; } .mod_slideshow .owl-controls .owl-page.active span { background: url('../image/slideshow-buttons.png') top no-repeat; } @media (min-width: 992px) and (max-width: 1199px) { .mod_slideshow .owl-item .item > a img, .mod_slideshow .owl-item .item > img { height: 600px !important; width: auto !important; max-width: none; } .mod_slideshow .owl-item .item .caption h1 { font-size: 60px; line-height: 1.15em; } } @media (min-width: 768px) and (max-width: 991px) { .mod_slideshow .owl-item .item > a img, .mod_slideshow .owl-item .item > img { height: 450px !important; width: auto !important; max-width: none; } .mod_slideshow .owl-item .item .caption-wrapper { padding: 0px 30px; } .mod_slideshow .owl-item .item .caption h1 { font-size: 48px; line-height: 1.25em; } .mod_slideshow .owl-item .item .caption p { font-size: 21px; line-height: 1.33em; } } @media (max-width: 767px) { .mod_slideshow .owl-item .item > a img, .mod_slideshow .owl-item .item > img { height: auto !important; width: 100% !important; max-width: 100%; } .mod_slideshow .owl-item .item .caption { display: none !important; position: relative; top: auto; left: auto; width: 100%; height: auto; color: #000 !important; } .mod_slideshow .owl-item .item .caption-wrapper { padding: 20px 20px; text-align: center; } .mod_slideshow .owl-item .item .caption h1 { font-size: 36px; line-height: 1.25em; } .mod_slideshow .owl-item .item .caption p { font-size: 18px; line-height: 1.5em; } .mod_slideshow .owl-controls .owl-pagination { display: none; } } #content-above-footer .mod_banner-wrapper { } #content-above-footer .mod_banner-wrapper .container { width: 100%; padding: 0px; } #content-above-footer .mod_banner-wrapper .owl-carousel { margin: 0px; } #content-above-footer .mod_banner-wrapper .owl-wrapper-outer { border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #content-above-footer .mod_banner-wrapper .owl-wrapper { max-width: 100%; } .mod_banner .owl-item .item > a { display: block; width: 100%; } .mod_banner .owl-item .item > a img, .mod_banner .owl-item .item > img{ display: block; width: 100%; height: auto; } .mod_banner .owl-item .item .caption { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #FFF !important; text-shadow: 0px 0px 2px #000; } .mod_banner .owl-item .item .caption-wrapper { text-align: center; } .mod_banner .owl-item .item .caption h2 { font-size: 48px; line-height: 1.25em; color: inherit; margin: 0px 0px 20px; } .mod_banner .owl-item .item .caption p { color: inherit !important; margin: 24px 0px 0px; } .mod_banner .owl-item .item .caption a { color: inherit !important; } @media (min-width: 768px) and (max-width: 991px) { .mod_banner .owl-item .item > a img, .mod_banner .owl-item .item > img { height: 450px; width: auto !important; max-width: none !important; } .mod_banner .owl-item .item .caption-wrapper { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px) { .mod_banner .owl-item .item > a img, .mod_banner .owl-item .item > img { height: 425px; width: auto !important; max-width: none !important; } .mod_banner .owl-item .item .caption-wrapper { padding-left: 15px; padding-right: 15px; } .mod_banner .owl-item .item .caption h2 { font-size: 36px; line-height: 1.25em; } .mod_banner .owl-item .item .caption p { font-size: 18px; line-height: 1.5em; } } .mod_featured-wrapper { margin-top: 36px !important; } .common-home .mod_featured-wrapper { margin-top: 64px !important; } .common-home .mod_featured-wrapper .container { } .common-home .mod_featured { border-top: 1px solid #DDD; padding-top: 48px; } .mod_featured h3 { text-align: center; font-size: 24px; line-height: 1.25em; font-weight: bold; margin: 0px 0px 16px; } .common-home .mod_featured h3 { font-size: 48px; line-height: 1.25em; } .mod_featured p.subtitle { text-align: center; } .mod_featured p.subtitle a { } .mod_featured .prod_grid { padding: 36px 0px 0px; } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 767px) { .table-responsive { } .table-responsive table { display: block; width: 100% !important; text-align: center; } .table-responsive table thead { display: none; } .table-responsive table tbody { display: block; } .table-responsive table tfoot { display: block; border-top: 1px solid #DDD; } .table-responsive table tr { display: block; width: 100% !important; padding: 10px 0px; } .table-responsive table tr + tr { border-top: 1px solid #DDD; } .table-responsive table tr td { display: block; width: 100% !important; border: none; text-align: center !important; white-space: normal !important; } .table-responsive table tr td .input-group { max-width: 200px; margin: 0px auto; } } .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 { } .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: #002C66 !important; margin-top: 0px; } .bio-grid .clearfix:after { margin-bottom: 36px; } .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: #002C66; 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: #002C66; } .well { background: #FFF; border: 1px solid #DDD; } .well li { color: #666; } .account-login { } .account-login #pagehead { background: none; } .account-login #pagehead h1 { text-transform: none; } .account-login #pagehead + .container { margin-top: 0px; padding-top: 0px; } .account-login #pagecontent { background: url('/image/catalog/login-bg.jpg') center no-repeat; background-size: cover; } .account-login .breadcrumb a { color: #FFF; } .account-login .breadcrumb > li + li:before { background-image: url('../image/breadcrumb-sep.png'); } .account-login #content { margin-top: 0px; } .account-login .well { padding: 48px; background: rgba(255,255,255,0.8); } .account-login .well h2 { font-size: 24px; line-height: 1.5em; margin-top: 0px !important; } .account-login .well p { font-size: 14px !important; line-height: 1.5em; } .account-login .well ul { } .account-login .well ul li { } .account-login .well ul li + li { margin-top: 5px; } .account-login .well form { margin-top: 32px; } .account-login .well .control-label { color: #000; } .account-login .well .form-control { height: 48px; } .account-login .well .btn { display: block; width: 100%; } .account-login .well .login-btn { margin-top: 36px; margin-bottom: 0px; } .account-login .well .reg-btn { margin-top: 36px; } .account-login #content-above-footer .mod_banner-wrapper { display: none; } .contactinfo { } .contactinfo h4 { font-size: 14px !important; line-height: 1.5em; margin-bottom: 4px; } .contactinfo h4 + p { margin-top: 0px; } .contactinfo p { font-size: 14px !important; line-height: 1.5em; } #contactmap.fullsize { display: block; } .video { position: relative; padding-bottom: 56.25%; height: 0px; } .video.video16by9 { padding-bottom: 56.25%; } .video.video4by3 { padding-bottom: 75%; } .video iframe, .video object, .video embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .overlay { position: relative; } .overlay .image { } .overlay .text { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; color: #FFF; text-shadow: 0px 0px 5px #000; padding: 48px 64px; } @media (min-width: 992px) and (max-width: 1199px) { .overlay .text { padding: 24px 36px; } } @media (min-width: 768px) and (max-width: 991px) { .overlay .text { padding: 24px 36px; } } @media (max-width: 767px) { .overlay .text { padding: 16px 24px; } } .mod_news_latest-wrapper { margin-top: 64px; background: #9EBBC7; } .mod_news_latest-wrapper .container { } .mod_news_latest { padding-top: 48px; padding-bottom: 48px; border-top: 1px solid #DDD; } .mod_news_latest h3 { text-align: center; font-size: 48px; line-height: 1.25em; margin: 0px; } .mod_news_latest h3 + p { text-align: center; margin: 16px 0px 0px; } .mod_news_latest .row { } .mod_news_latest .row > div[class*=col-] { margin-top: 36px; } .mod_news_latest .image { } .mod_news_latest .image a { } .mod_news_latest .image a img { } .mod_news_latest .name { margin: 16px 0px 0px; font-size: 24px; line-height: 1.33em; font-weight: bold; } .mod_news_latest .name a { color: inherit; } .mod_news_latest .article-meta { margin-top: 6px; font-size: 14px; line-height: 1.75em; color: #999; } .mod_news_latest .article-meta > span { display: inline-block; vertical-align: middle; } .mod_news_latest .article-meta > span.cats { } .mod_news_latest .article-meta > span.author { display: none; } .mod_news_latest .article-meta > span.date-added { display: none; } .mod_news_latest .article-meta > span.date-updated { display: none; } .mod_news_latest .article-meta > span span.intro { display: none; vertical-align: middle; } .mod_news_latest .article-meta > span a { color: inherit; } .mod_news_latest .article-meta > span a:hover, .mod_news_latest .article-meta > span a:focus { color: #78A5B5; } .mod_news_latest .description { margin-top: 24px; } .mod_news_latest .blog-button { margin-top: 24px; } .mod_news_latest .blog-button a { } .gallery { margin-top: 0px !important; } /* .row */ .gallery > div[class*=col-] { margin-bottom: 36px; } .gallery a { display: block; } .gallery a img { max-width: 100%; height: auto !important; } .gallery_filter { margin: 0px 0px 30px; padding: 0px 0px 16px; border-bottom: 1px solid #DDD; } .gallery_filter ul { display: block; list-style: none; margin: 0px; padding: 0px; } .gallery_filter ul li { display: inline-block; } .gallery_filter ul li + li:before { content: '|'; margin: 0px 16px; color: #DDD; } .gallery_filter ul li.heading { font-weight: bold; background: url('../image/icon-filter.png') left no-repeat; padding-left: 30px; } .gallery_filter ul li a { color: #000; } .gallery_filter ul li a:hover, .gallery_filter ul li a:focus{ color: #78A5B5; } .gallery_filter ul li.active a { color: #78A5B5; } .infoform { margin: 64px 0px 0px; background: #EEE; padding: 36px; } .infoform form { display: block; width: 100%; } .infoform form .row { margin-top: 0px !important; margin-bottom: 0px !important; } .infoform form h3 { font-family: inherit; font-size: 24px; font-weight: bold; margin-top: 0px !important; } .infoform .control-label { margin: 0px; color: #000; } .infoform .form-control { } .infoform .btn { display: block; width: 100%; margin-top: 6px !important; } .infoform .response { margin-top: 18px !important; font-weight: bold; } .infoform .response#mce-error-response { color: #78A5B5; } .infoform .response#mce-success-response { } .infoform .clearfix:after { margin-bottom: 18px; } .contactform { background: #EEE; padding: 36px; } .contactform h2 { font-size: 24px; color: #000; font-weight: 600; } .contactform label[class*=col-], .contactform div[class*=col-]{ float: none; width: 100%; padding: 0px; } .contactform .form-group { } .contactform .form-group + .form-group { margin-top: 16px; } .contactform .control-label { text-align: left; color: #000; font-weight: normal; margin-bottom: 6px !important; } .contactform .captcha .control-label { display: none; } .contactform .btn { display: block; width: 100%; font-size: 18px; } .contactdetails { padding: 36px; background: #000; color: #FFF; } .contactdetails .wideimg { margin: -36px -36px 36px !important; } .contactdetails .logo { width: auto !important; max-height: 65px !important; } .contactdetails div.row { margin-top: 18px; } .contactdetails a { color: #FFF; } .contactdetails a:hover { color: #999; } table.openinghours { width: 100%; border-spacing: 0px; border-collapse: collapse; } table.openinghours th, table.openinghours td { padding: 2px 0px; vertical-align: middle; } table.openinghours th { font-weight: normal; color: #000; padding-right: 12px; } table.openinghours td { color: #333; } table.openinghours td small { display: block; color: #333; margin: -4px 0px 2px !important; } .openingterms { font-size: 12px; line-height: 1.5em; } .googlemap-wrapper { margin: 0px !important; } .googlemap-wrapper .container { width: 100%; margin: 0px; padding: 0px; } .mapwrapper { position: relative; } .mapwrapper iframe { display: block; } .mapwrapper .mapblocker { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; cursor: pointer; } .redbar-wrapper { background: #EDBAB2; color: #000; margin-top: 0px !important; margin-bottom: 0px !important; } .redbar-wrapper .container { padding-top: 12px; padding-bottom: 12px; text-align: center; } .redbar p { font-size: 14px; line-height: 24px; } .redbar a { color: inherit; } .redbar a:hover, .redbar a:focus { color: #000; } .yellowbar-wrapper { background: #EED481; color: #000; margin-top: 0px !important; margin-bottom: 0px !important; } .yellowbar-wrapper .container { padding-top: 12px; padding-bottom: 12px; text-align: center; } .yellowbar p { font-size: 14px; line-height: 24px; } .yellowbar a { color: inherit; } .yellowbar a:hover, .yellowbar a:focus { color: #000; } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { } .modal-dialog { margin: 175px auto 30px; } @media (min-width: 992px) and (max-width: 1199px) { .modal-dialog { margin: 200px auto 30px; } } @media (min-width: 768px) and (max-width: 991px) { .modal-dialog { margin: 120px auto 30px; } } @media (max-width: 767px) { .modal-dialog { margin: 100px 10px 20px; } } body.error-not_found { } body.error-not_found #pagecontent { background: url('/image/catalog/error-page-bg.jpg') center no-repeat; background-size: cover; color: #FFF; font-size: 24px; line-height: 1.25em; } body.error-not_found .breadcrumb > li a { color: #CCC; } body.error-not_found h1 { font-size: 36px; line-height: 1.5em; text-align: center; color: inherit; margin: 0px auto 36px; } body.error-not_found .errorbody { margin: 36px 0px 0px; padding: 0px !important; } body.error-not_found .errorbody > :first-child { margin-top: 0px !important; } body.error-not_found .errorbody p { margin: 16px 0px 0px; } body.error-not_found .mod_feat_cats { margin: 60px 0px 0px; padding: 48px 0px 0px; border-top: 1px solid #FFF; } body.error-not_found .mod_feat_cats h3 { text-align: center; color: inherit; font-weight: normal; margin: 0px 0px 36px; } @media (min-width: 1200px) { body.error-not_found h1 { width: 60%; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { } .sideconsult { position: relative; display: block; } .sideconsult .img { display: block; max-width: 100%; } .sideconsult .img img { } .sideconsult .text { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 18px; } .sideconsult .text h3 { font-weight: 600; } .sideconsult .text h3 a { color: #000; } .sideconsult .text h3 a:hover, .sideconsult .text h3 a:focus { color: #78A5B5; } .sideconsult .text p { text-shadow: 0px 0px 5px #FFF; } .sideconsult .text .base { position: absolute; bottom: 18px; left: 18px; right: 18px; font-weight: 600; } .close-message{ border: 2px solid #78A5B5; padding: 20px }