body { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #000; font-size: 16px; line-height: 1.5em; width: 100%; background: #DDD; } #sitewrapper { display: block; margin: 0px auto; padding: 0px; background: #FFF; width: 1840px; max-width: 100%; } .container { padding-left: 15px; padding-right: 15px; } .container:after { display: block; content: ''; clear: both; } .row { margin-left: -15px; margin-right: -15px; } /* .row */ .row > div[class*=col-] { padding-left: 15px; padding-right: 15px; } /* .col- */ @media (max-width: 767px) { .container { padding-left: 10px; padding-right: 10px; } .row { margin-left: -10px; margin-right: -10px; } /* .row */ .row > div[class*=col-] { padding-left: 10px; padding-right: 10px; } /* .col- */ } .montserrat { font-family: Montseratt, Helvetica, Arial, sans-serif; font-weight: 400; } .playfair { font-family: "Playfair Display", serif; font-weight: 400; } .sourcecode { font-family: "Source Code Pro", sans-serif; font-weight: 600; } .innerborder { outline: 1px solid #FFF; outline-offset: -10px; padding: 30px 10px 10px; } .innerborder.innerborderfade { background: rgba(0,0,0,0.3); } /* Colors for reference Black = #000000; White = #FFFFFF; Blue = #0C163E; Alt Blue = #2A365E; Pale Blue = #CDD0D8; Red = #DE101E; (site border) Alt Red = #BD1E2C; (links / button borders) */ /* default font size */ .fa { font-size: 14px; } h1, h2, h3 { font-family: "Playfair Display", serif; font-weight: 400; color: #000; } h4, h5, h6 { font-weight: 600; color: #000; } /* Override the bootstrap defaults */ h1 { font-size: 56px; line-height: 1.33em; margin: 0px 0px 30px; } h2 { font-size: 42px; line-height: 1.33em; margin: 0px 0px 30px; } h3 { font-size: 24px; line-height: 1.33em; margin: 0px 0px 30px; } h4 { font-size: 18px; line-height: 1.5em; margin: 20px 0px 10px; } h5 { font-size: 16px; line-height: 1.5em; margin: 20px 0px 10px; } h6 { font-size: 14px; line-height: 1.5em; margin: 20px 0px 10px; } @media (max-width: 767px) { h1 { font-size: 42px; line-height: 1.33em; } h2 { font-size: 30px; line-height: 1.33em; } } hr { margin: 60px 0px; } hr.small { margin: 30px 0px; } p { margin: 1.5em 0px 0px; } ul, ol { margin-top: 1.5em; margin-bottom: 0px; } h4 + p, h5 + p, h6 + p { margin-top: 10px; } a:focus, img:focus { border: none; outline: none; } a { color: #BD1E2C; } a:hover, a:focus { text-decoration: none; color: #000; } a.inverse { color: #000; } a.inverse:hover, a.inverse:focus { color: #BD1E2C; } .hoverfade:hover:after { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); content: ''; z-index: 99; } legend { font-size: 16px; padding: 7px 0px} label { font-size: 14px; font-weight: normal; } ul { list-style-image: url('../image/bullet-red.png'); margin-left: 15px; padding-left: 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: 2px solid #DDD; border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; background: #FFF; } .input-group .input-group-addon { font-size: 14px; height: 30px; } /* Fix some bootstrap issues */ span { line-height: inherit; } 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; } .social a { display: inline-block; } .social a:hover, .social a:focus { color: #999; } .social a + a { margin-left: 15px; } .social a img { display: block; } header { z-index: 80003; border-top: 5px solid #DE101E; background: #0C163E; color: #FFF; font-size: 14px; line-height: 20px; } header .container { } header .col-left { text-align: left; } header .col-center { text-align: center; } header .col-right { text-align: right; } header #logo { display: block; margin: 45px 0px; padding: 0px; text-align: center; } header #logo a { display: inline; margin: 0px; padding: 0px; } header #logo a img { display: inline; margin: 0px; max-height: 100%; } header #hd_secure { margin: 15px 0px 45px; font-size: 14px; line-height: 24px; font-weight: 600; } header #hd_secure:before { display: inline-block; width: 13px; height: 17px; content: ''; margin-right: 8px; background: url('../image/icon-secure.png') center no-repeat; vertical-align: top; } header #hd_search { } header #search { } header #search:after { display: block; content: ''; clear: both; } header #search input[type=text] { display: block; float: left; max-width: calc(100% - 42px); width: 200px; height: 42px; font-size: 14px; background: #131c45; border: 2px solid #2A365E; border-right: none; color: #FFF; } header #search input[type=text]::placeholder { color: #FFF; } header #search button { display: block; float: left; width: 42px; background: #131c45; border: 2px solid #2A365E; border-left: none; height: 42px; } header #search button img { display: inline-block; vertical-align: middle; } header #hd_social { margin: 15px 0px 45px; height: 24px; } header #hd_account { display: inline-block; vertical-align: bottom; } header #hd_account a { color: #FFF; } header #hd_account a:hover, header #hd_account a:focus { color: #BD1E2C; } header #hd_cart { display: inline-block; vertical-align: bottom; margin-left: 45px; } .cart { position: relative; z-index: 80015; } .cart:after { display: block; content: ''; clear: both; } .cart .hd_head { position: relative; z-index: 80015; cursor: pointer; } .cart .hd_head .cart-total { display: block; position: relative; width: 27px; height: 28px; background: url('../image/icon-bag.png') right no-repeat; background-size: contain; } .cart .hd_head .ct_items { display: block; position: absolute; color: #FFF; background: #BD1E2C; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; font-size: 16px; line-height: 16px; min-width: 22px; padding: 4px 6px 2px; text-align: center; font-weight: 600; bottom: -7px; right: 18px; } .cart .hd_head .ct_sep { display: none; } .cart .hd_head .ct_total { display: none; } .cart .hd_body { width: 460px; z-index: 80014; padding: 12px 27px 27px; top: calc(100% + 16px); left: auto; right: 0px; background: #FFF; color: #000; border: 3px solid #EEE; } .cart .hd_body:before { position: absolute; display: block; top: -9px; right: 17px; width: 0px; height: 0px; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #DE101E; } .cart .hd_body:after { position: absolute; background: #DE101E; top: -3px; left: -3px; right: -3px; height: 4px; content: ''; } .cart .prods_wrapper { max-height: 398px; overflow: auto; } .cart table { width: 100%; } .cart table.prods tbody + tbody { border-top: 1px solid #DDD; } .cart table td { vertical-align: middle; padding: 5px; border: none; background: none; } .cart table tr.upper td { vertical-align: top; padding-top: 15px; } .cart table tr.lower td { vertical-align: bottom; padding-bottom: 15px; } .cart table td.image { width: 80px; padding: 15px 15px 15px 0px; } .cart table td.image img { border: none; padding: 0px; max-width: 80px; height: auto !important; } .cart table td.info { width: auto; padding-right: 0px; } .cart table td.info:after { display: block; content: ''; clear: both; } .cart table td.info .remove { display: block; float: right; margin-left: 30px; } .cart table td.info .remove img { display: block; cursor: pointer; } .cart table td.info .name { display: inline-block; font-weight: bold; color: #000; padding-bottom: 3px; } .cart table td.info small { display: block; font-size: 13px; line-height: 1.5em; color: #7F7F7F; } .cart table td.info small:before { display: inline-block; content: '\2013'; margin-right: 4px; } .cart table td.qty { font-family: "Source Code Pro", Montserrat, sans-serif; color: #7F7F7F; } .cart table td.total { padding-right: 0px; text-align: right; color: #7F7F7F; font-size: 16px; line-height: 1.5em; font-family: "Source Code Pro", Montserrat, sans-serif; font-weight: bold; } .cart table.totals { font-family: "Source Code Pro", Montserrat, sans-serif; font-weight: 600; color: #7F7F7F; font-size: 16px; line-height: 1.5em; border-top: 2px solid #DDD; } .cart table.totals td { } .cart table.totals tr:first-child td { padding-top: 15px; } .cart table.totals tr:last-child td { color: #000; } .cart table .tot_title { text-align: left; padding: 3px 5px 0px 0px; } .cart table .tot_price { text-align: right; padding: 3px 0px 0px 5px; } .cart p { margin: 0px; padding: 0px; } .cart p.links { display: block; text-align: right; margin: 30px 0px 0px; } .cart p.links a { width: calc(50% - 8px); } .cart p.links a + a { } .cart p.empty { margin-top: 15px; text-align: center; } @media (min-width: 992px) and (max-width: 1199px) { header #logo { margin: 30px 0px; } header #hd_secure { margin-bottom: 30px; } header #hd_social { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { header #logo { margin: 15px 0px; } header #hd_secure { margin: 10px 0px 15px; } header #hd_social { margin: 10px 0px 15px; } header #search input[type=text] { height: 34px; padding: 2px 10px; } header #search button { height: 34px; width: 34px; padding: 2px; } header #search button img { width: 15px; height: auto !important; } } @media (max-width: 767px) { header .col-left, header .col-center, header .col-right { text-align: center; } header #logo { margin: 10px 0px; } header #logo img { height: 80px; width: auto !important; } header #hd_social { display: inline-block; vertical-align: bottom; margin: 0px 15px 0px 0px; height: 28px; } header #hd_social a { } header #hd_social a + a { margin-left: 10px; } header #hd_social a img { margin: 2px 0px; } header #hd_cart { line-height: 28px; margin-left: 30px; } header #hd_secure { margin: 10px 0px; } header #hd_search { margin-bottom: 10px; } header #search input[type=text] { height: 34px; padding: 2px 10px; width: calc(100% - 34px); max-width: calc(100% - 34px); } header #search button { height: 34px; width: 34px; padding: 2px; } header #search button img { width: 15px; height: auto !important; } } /* 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 { position: relative; background: #0C163E; color: #FFF; margin: 0px; padding: 0px; z-index: 80002; } .adv_menu > .container { position: relative; z-index: 80003; padding: 0px; } .adv_menu > .container:before { display: block; width: 100%; height: 7px; content: ''; border-top: 3px solid #2A365E; border-bottom: 1px solid #2A365E; } .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: inherit; font-weight: 600; } .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: 14px 18px; 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: 3px solid #EEE; padding: 25px; } .adv_menu ul.L2:after { display: block; content: ''; clear: both; } .adv_menu ul.L2 > li { display: block; float: left; min-height: 1px; vertical-align: top; } .adv_menu ul.L2 > li > a { color: #111; font-weight: 600; margin-top: 15px; } .adv_menu ul.L2 > li.menuoffer { display: block; clear: left; width: 100%; background: #BD1E2C; color: #FFF; margin: 36px 0px 0px; } .adv_menu ul.L2 > li.menuoffer .wrapper { display: block; padding: 14px 20px; font-size: 24px; line-height: 30px; } .adv_menu ul.L2 > li.menuoffer p { margin: 0px; } .adv_menu ul.L2 > li.menuoffer p > * { display: inline-block; vertical-align: middle; } .adv_menu ul.L2 > li.menuoffer small { font-size: 16px; line-height: 30px; } .adv_menu ul.L3 { } .adv_menu ul.L3 > li { background: url('../image/arrow-menu-L3.png') 0px 5px no-repeat; padding-left: 12px; } .adv_menu ul.L3 > li > a { margin-top: 10px !important; color: #333; font-weight: 400; } .adv_menu ul.L1 > li:hover { background: #2A365E; } .adv_menu ul.L1 > li.has_kids:hover ul.L2 { display: block; } .adv_menu .catimg { display: block; max-width: 100%; } .adv_menu .catimg a { position: relative; } .adv_menu .catimg a.active { display: block; } .adv_menu .catimg a img { display: block; margin: 0px; padding: 0px; } .adv_menu .catimg a .overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; color: #FFF; text-shadow: 0px 0px 1px #000; padding-top: 100px; } .adv_menu .catimg a .overlay span { display: block; } .adv_menu .catimg a .overlay span.catname { font-family: "Playfair Display", serif; font-style: italic; font-size: 32px; line-height: 1.33em; } .adv_menu .catimg a .overlay span.shopnow { margin-top: 15px; text-transform: uppercase; font-size: 16px; line-height: 1.5em; font-weight: bold; } .adv_menu .catimg a .overlay span.shopnow:before { display: block; width: 50px; height: 3px; content: ''; background: rgba(255,255,255,0.75); margin: 0px auto 10px; } #fixedheader { position: fixed; top: -100%; left: calc(50% - 920px); width: 1840px; background: #0C163E; color: #FFF; border-top: 5px solid #DE101E; z-index: 81000; opacity: 0; transition: opacity 0.5s, top 0.5s; max-width: 1840px; -webkit-box-shadow: 0 6px 6px -6px #000; -moz-box-shadow: 0 6px 6px -6px #000; -o-box-shadow: 0 6px 6px -6px #000; box-shadow: 0 6px 6px -6px #000; } body.scrolled #fixedheader { opacity: 1; top: 0px; } @media (max-width: 1840px) { #fixedheader { left: 0px; width: 100%; } } #fixedheader .container { padding-top: 15px; padding-bottom: 15px; } #fixedheader #fh_logo { display: block; float: left; } #fixedheader #fh_logo a { display: block; } #fixedheader #fh_logo img { height: 50px !important; width: auto !important; } #fixedheader #fh_menu { display: block; width: calc(100% - 220px); margin: 1px 50px 1px 150px; background: none; } #fixedheader #fh_cart { display: block; float: right; margin-top: 8px; } /* 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 .navbar-header { float: none; } #menu .navbar-header .navbar-toggle { display: block; float: none; padding: 10px 15px; margin: 0px; border: none; border-radius: 0px; line-height: 24px; cursor: pointer; } #menu .navbar-header .navbar-toggle button { font-size: 16px; font-stretch: expanded; color: #FFF; padding: 0px 15px 2px; background-color: #0C163E; border-color: #0C163E; margin-right: 2px; } #menu .navbar-header .navbar-toggle button i { display: block; } #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) { .adv_menu ul.L1 > li > a { padding: 12px 12px; text-transform: none; } } @media (max-width: 991px) { .adv_menu { display: none !important; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } #menu ul.nav { display: block; } #menu ul.nav > li { display: block; } #menu ul.nav > li.open { border-top: 1px solid #CCC; 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: #EEE; font-weight: bold; } #menu ul.nav > li > .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; border: none; background: #EEE; box-shadow: none; -webkit-box-shadow: none; } #menu ul.nav > li > .dropdown-menu .dropdown-inner { } #menu ul.nav > li > .dropdown-menu ul { } #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; } } /* footer */ footer { background: #0C163E; color: #CDD0D8; } footer .container { padding-top: 60px; padding-bottom: 40px; font-size: 14px; line-height: 20px; } footer .clearfix:after { margin-bottom: 20px; } footer h5 { color: inherit; text-transform: uppercase; font-size: 16px; line-height: 1.5em; margin: 0px 0px 15px; } footer h5.playfair { font-style: italic; text-transform: none; font-size: 24px; } footer ul { list-style: none; margin: 20px 0px 0px; padding: 0px; } footer ul li { } footer ul li + li { margin-top: 10px; } footer ul li a { font-weight: 600; } footer p { margin: 20px 0px 0px; } footer .subscribe .icons { } footer .subscribe .icons img { display: inline-block; vertical-align: bottom; } footer .subscribe .icons img + img { margin-left: 10px; } footer a { color: inherit; } footer a:hover, footer a:focus { color: #999; } #branding { background: #0C163E; color: #CDD0D8; font-size: 14px; line-height: 32px; border-bottom: 10px solid #DE101E; } #branding .container { padding-top: 20px; padding-bottom: 20px; } #branding .branding { font-size: 14px; line-height: 24px; } #branding .branding a { color: inherit; } #branding .branding a:hover, #branding .branding a:focus { color: #999; } #branding .cards { text-align: right; } #branding .cards img { display: inline-block; } #branding .cards img + img { margin-left: 2px; } #branding .cards .secure { margin: 15px 15px 45px 0px; font-size: 14px; line-height: 36px; font-weight: 600; } #branding .cards .secure:before { display: inline-block; width: 13px; height: 32px; content: ''; margin-right: 8px; background: url('../image/icon-secure-footer.png') center no-repeat; vertical-align: top; } @media (min-width: 768px) and (max-width: 991px) { footer .container { padding-top: 30px; padding-bottom: 30px; } footer .subscribe { text-align: center; left: 16.66666667% } #branding .container { padding-top: 0px; } #branding .branding { text-align: center; } #branding .cards { text-align: center; margin-top: 20px; } } @media (max-width: 767px) { footer .container { text-align: center; padding-top: 30px; padding-bottom: 30px; } footer .row > div[class*=col-] { margin-top: 30px; } 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; } footer .subscribe .icons { margin-top: 24px; } #branding .container { text-align: center; padding-top: 0px; } #branding .row > div[class*=col-] { margin-top: 20px; } #branding .row > div[class*=col-]:first-child { margin-top: 0px; } #branding .branding { text-align: center; } #branding .cards { text-align: center; } #branding .cards .secure { display: block; margin: 0px 0px 5px; } #branding .cards img{ margin: 4px 2px !important; } } /* content */ #pagecontent { } #pagecontent > div { } #pagecontent > div.container { min-height: 400px; padding-bottom: 75px; background: none; } #pagecontent > div.breadcontent { min-height: 30px; padding-bottom: 0px; background-color: #fff; } #pagecontent > div.breadcontent .breadcrumb { margin: 15px 0; } body.home-page #pagecontent > div.container { min-height: 0px; padding-bottom: 0px; } #content { min-height: 0px; } .home-page #content { padding-bottom: 30px; } #content h1 { text-align: center; } #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 24px 0px 18px; } #content img { max-width: 100%; height: auto !important; } .category-page #content { } .category-page #content-top { border-bottom: 3px solid #ACACAC; padding-bottom: 30px; margin-bottom: 30px; } .category-page #content-top .mod_slideshow { margin: 0px; } .category-page #content-top .mod_slideshow .caption.innerborder { padding: 10px; height: 100% !important; } .category-page #content-top .mod_slideshow .caption .row { margin: 0px; } .category-page #content-top .mod_slideshow .caption .row > div[class*=col-] { margin: 0px; padding: 0px; width: 100% !important; } .category-page #content-top .mod_slideshow .caption .caption-wrapper { margin-bottom: 40px; } .category-page #content-top .mod_slideshow .caption h2 { max-width: 80%; font-size: 56px; line-height: 1.33em; } .category-page #content-top .mod_slideshow .caption p { max-width: 80%; margin-top: 20px; font-size: 16px; line-height: 1.5em; } .category-page #content-top .mod_slideshow .caption a { color: inherit; } .category-page #content-top .mod_slideshow .caption a.shopnow { text-transform: uppercase; font-weight: 600; } .category-page #content-top .mod_slideshow .caption a.shopnow:before { display: block; width: 50px; height: 3px; content: ''; background: #ACACAC; margin: 0px auto 10px; } .category-page #content .pagedesc.page_desc_above_sub_cats, .category-page #content .pagedesc.page_desc_above_products { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #ACACAC; } .category-page #content .pagedesc.page_desc_below_sub_cats, .category-page #content .pagedesc.page_desc_below_products { padding-top: 30px; margin-top: 30px; border-top: 3px solid #ACACAC; } @media (min-width: 992px) and (max-width: 1199px) { .category-page #content-top .mod_slideshow .caption h2 { max-width: 90%; } .category-page #content-top .mod_slideshow .caption p { max-width: 90%; } } @media (min-width: 768px) and (max-width: 991px) { .category-page #content-top .mod_slideshow .caption h2 { max-width: 95%; font-size: 36px; line-height: 1.33em; } .category-page #content-top .mod_slideshow .caption p { max-width: 95%; font-size: 14px; line-height: 1.5em; margin-top: 10px; } .category-page #content-top .mod_slideshow .owl-controls .owl-pagination { bottom: 10px; } } @media (max-width: 767px) { } /* mod_holder = column left / right, content top / bottom / above footer / below menu */ .mod_holder { } .mod_holder > div { margin-top: 24px; } .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 :first-child { margin-top: 0px; } .sidebar > div :last-child { margin-bottom: 0px; } .sidebar > div h3 { display: block; margin: 0px 0px 12px; padding: 0px; font-style: italic; } .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; border: none; border-radius: 0px; list-style: none; font-size: 11px; line-height: 15px; } #pagehead + .container .breadcrumb { display: none; } .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; } .breadcrumb > li a { display: inline-block; color: #A3A3A3; } .breadcrumb > li:first-child a:before { display: inline-block; content: ''; margin-right: 5px; padding: 0px; background: url('../image/icon-home-breadcrumb.png') center no-repeat; width: 10px; height: 10px; vertical-align: baseline; } /* Page Head */ #pagehead { } #pagehead .container { position: relative; padding-top: 8px; padding-bottom: 20px; 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: 18px; line-height: 1.5em; color: inherit !important; } #pagehead .pagedesc h1 + p { margin-top: 15px; } #pagehead .pagedesc h1 + p:before { display: block; width: 50px; height: 3px; background: #ACACAC; margin: 0px auto 10px; content: ''; } #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; } #pagecontent > div.breadcontent { padding-left: 0;} #pagehead.hasimage .container.categoryupdate { padding-top: 40px; padding-bottom: 40px; text-align: left; } #pagehead.whitetext h1 { color: #FFF; text-transform: uppercase; } #pagehead .categoryupdate h1 { text-align: left; display: inline-block; position: relative; } /* #pagehead .categoryupdate h1:after { content: ""; position: absolute; left: 30%; bottom: -30%; height: 2px; width: 30%; border-bottom: 2px solid #999; } */ #pagehead .categoryupdate p { text-align: left; } #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; } .category-page #pagehead { } .category-page #pagehead.hasimage { min-height: 210px; margin-bottom: 20px; } .category-page #pagehead .pagedesc { padding-top: 20px; text-align: center; } h3.box-heading.protitle { background-color: #ddd; padding: 10px 15px; border: none!important; line-height: 36px; } .info-page #pagehead { margin-bottom: 60px; } .info-page #pagehead .container { border-bottom: 1px solid #DDD; } .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; } #pagehead + .pagedesc .container { padding-top: 0px; } .pagedesc h1 { text-align: center; margin: 0px 0px 30px; } .pagedesc { margin: 0px; } .pagedesc :first-child { margin-top: 0px; } .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; } .jumplinks { text-align: center; } .jumplinks ul { display: inline-block; margin: 0px; padding: 0px; list-style: none; } .jumplinks ul li { display: block; float: left; margin: 0px 15px; padding: 0px; } .jumplinks ul li + li { } .jumplinks ul li a { display: block; color: #111; white-space: nowrap; } .jumplinks ul li a:hover, .jumplinks ul li a:focus { color: #BD1E2C; } [id^=jump-] { margin-top: -100px !important; padding-top: 100px; } /* Sub category listings */ #sub_cats { margin-bottom: 30px; } #sub_cats .container { padding-top: 75px; padding-bottom: 75px; } #sub_cats h3 { text-align: center; margin-top: 0px; } .sub_cats { } /* .row */ .sub_cats > div[class*=col-] { } /* .col- */ .sub_cats > div.clearfix:after { margin-bottom: 24px; } .sub_cats .sub_cat_wrapper { position: relative; } .sub_cats .sub_cat_wrapper a { display: block; position: relative; margin: 0px; padding: 0px; } .sub_cats .sub_cat_wrapper .sc_img { display: block; width: 100%; height: auto !important; } .sub_cats .sub_cat_wrapper .overlay { position: absolute; display: block; top: 0px; left: 0px; bottom: 0px; right: 0px; text-align: center; color: #FFF; text-shadow: 0px 0px 3px #666; } .sub_cats .bigimg .sub_cat_wrapper .overlay { padding-top: 200px; } .sub_cats .smallimg .sub_cat_wrapper .overlay { padding-top: 120px; } .sub_cats .sub_cat_wrapper .overlay span { display: block; margin: 0px; } .sub_cats .sub_cat_wrapper span.sc_name { font-family: "Playfair Display", serif; font-weight: 400; font-style: italic; } .sub_cats .bigimg .sub_cat_wrapper span.sc_name { font-size: 42px; line-height: 1.33em; } .sub_cats .smallimg .sub_cat_wrapper span.sc_name { font-size: 32px; line-height: 1.33em; } .sub_cats .sub_cat_wrapper span.sc_shopnow { font-size: 16px; line-height: 1.5em; font-weight: 600; margin-top: 10px; text-transform: uppercase; } .sub_cats .sub_cat_wrapper span.sc_shopnow:before { display: block; width: 50px; height: 3px; background: #ACACAC; content: ''; margin: 0px auto 10px; } @media (min-width: 992px) and (max-width: 1199px) { .sub_cats .bigimg .sub_cat_wrapper .overlay { padding-top: 160px; } .sub_cats .smallimg .sub_cat_wrapper .overlay { padding-top: 85px; } } @media (min-width: 768px) and (max-width: 991px) { .sub_cats .bigimg .sub_cat_wrapper .overlay { padding-top: 110px; } .sub_cats .smallimg .sub_cat_wrapper .overlay { padding-top: 110px; } .sub_cats .bigimg .sub_cat_wrapper span.sc_name { font-size: 32px; line-height: 1.33em; } .sub_cats .smallimg .sub_cat_wrapper span.sc_name { font-size: 32px; line-height: 1.33em; } } @media (max-width: 767px) { .sub_cats .bigimg .sub_cat_wrapper .overlay { padding-top: 30px; } .sub_cats .smallimg .sub_cat_wrapper .overlay { padding-top: 30px; } .sub_cats .bigimg .sub_cat_wrapper span.sc_name { font-size: 24px; line-height: 1.33em; } .sub_cats .smallimg .sub_cat_wrapper span.sc_name { font-size: 24px; line-height: 1.33em; } .sub_cats .sub_cat_wrapper span.sc_shopnow { font-size: 13px; line-height: 1.5em; } .sub_cats .sub_cat_wrapper span.sc_shopnow:before { display: none; } } /* Product Filters */ .prod_filters { display: block; margin: 0px 0px 10px; padding: 10px 15px; font-size: 15px; line-height: 36px; font-family: "Source Code Pro", sans-serif; font-weight: 600; color: #444; background: #F2F2F2; } .prod_filters:after { display: block; content: ''; clear: both; } .prod_filters > div { display: block; } .prod_filters label { display: inline-block; height: 36px; color: #999; margin: 0px; text-transform: uppercase; } .prod_filters select { display: inline-block; height: 36px; width: auto; max-width: 100%; margin: 0px; border: 1px solid #000; border-radius: 4px; } .prod_filters .sort_by { float: left; } .prod_filters .per_page { float: right; } @media (max-width: 767px) { .prod_filters { text-align: center; } .prod_filters > div { float: none !important; } .prod_filters > div + div { margin-top: 10px; } .prod_filters label { } .prod_filters select { max-width: 180px; } } .price { margin: 5px 0px 0px; font-family: "Source Code Pro", sans-serif; font-weight: 600; } .price .price-wrapper { display: block; } .price .price-new-wrapper { color: #7F7F7F; font-weight: bold; font-size: 20px; line-height: 24px; } .price .price-special-wrapper { } .price .price-old-wrapper { display: block; font-size: 16px; line-height: 1.5em; text-decoration: line-through; } .price .price-tax-wrapper { display: none; } .price .price-wrapper span { } .price .from { display: none; } .price .now { display: none; } .price .was { display: none; } .price .price-new { } .price .price-old { } .price .price-tax { } .price .inc-vat { display: none; } .price .ex-vat { display: none; } /* Product Quick Look */ #quickview-wrapper { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999; } #quickview-wrapper .container { padding-top: 100px; } #quickview { position: relative; background: #FFF; padding: 36px; } #quickview .qv_close { position: absolute; top: 12px; right: 12px; cursor: pointer; font-size: 13px; line-height: 1em; text-transform: uppercase; text-decoration: underline; font-family: "Source Code Pro", sans-serif; font-weight: 600; } #quickview .qv_close img { display: inline-block; vertical-align: baseline; margin: 0px; margin-left: 3px; } #quickview .qv_image { } #quickview .qv_name { font-size: 24px; line-height: 1.33em; margin-bottom: 12px; color: #000; font-weight: 600; } #quickview .qv_name a { color: inherit; } #quickview .qv_name a:hover { color: #BD1E2C; } #quickview .qv_price { } #quickview .qv_rating { } #quickview hr { margin: 20px 0px; border-top: 3px solid #DDD; } #quickview .qv_desc { display: none; } #quickview .qv_opts { overflow: auto; max-height: 250px; } #quickview .qv_opts .prodopt { margin: 0px; } #quickview .qv_opts .prodopt + .prodopt { margin-top: 15px; } #quickview .qv_opts .prodopt .radio.imgopt { width: 40px; } #quickview .qv_opts label { font-size: 14px; line-height: 20px; color: #000; text-transform: uppercase; font-weight: 600; position: relative; } #quickview .qv_opts .text-danger { margin-top: 3px; } #quickview .qv_qty_wrapper { margin-top: 15px; } #quickview .qv_qty_wrapper:after { display: block; content: ''; clear: both; } #quickview .qv_qty_wrapper label { display: block; font-size: 14px; line-height: 20px; color: #000; text-transform: uppercase; font-weight: 600; } #quickview .qv_qty_wrapper input[type=text] { display: block; float: left; width: 55px; height: 40px; text-align: center; padding: 5px 10px; } #quickview .qv_qty_wrapper .qv_inc { display: block; float: left; cursor: pointer; } #quickview .qv_qty_wrapper .qv_dec { display: block; float: left; cursor: pointer; } #quickview .qv_buttons { margin-top: 20px; } #quickview .qv_buttons a { } #quickview .qv_buttons a + a { margin: 10px 0px 0px; } @media (min-width: 992px) and (max-width: 1199px) { #quickview-wrapper .container { padding-top: 40px; } #quickview .qv_opts { overflow: auto; max-height: 150px; } } @media (min-width: 768px) and (max-width: 991px) { #quickview-wrapper .container { padding-top: 20px; } #quickview .qv_name { margin: 0px; } #quickview .qv_price { margin: 0px; } #quickview .qv_opts { overflow: auto; max-height: 130px; } #quickview hr { margin: 15px 0px; } } @media (max-width: 767px) { } /* Product Grid */ #cat_prods { } #cat_prods .container { padding-top: 60px; padding-bottom: 60px; } .prod_grid { margin-bottom: 24px; } /* .row */ .prod_grid > div.clearfix:after { margin-bottom: 24px; } .prod_grid .prod { background: #FFF; } .prod_grid .prod > div { display: block; margin: 0px; padding: 0px; } .prod_grid .prod .image { position: relative; } .prod_grid .prod .image a { display: block; } .prod_grid .prod .image a img { display: block; width: 100%; max-width: 100%; } .prod_grid .prod .name { margin: 15px 0px 0px; font-size: 16px; line-height: 1.5em; } .prod_grid .prod .name a { color: #000; font-weight: 600; } .prod_grid .prod .desc { display: none; } .prod_grid .prod .price { margin: 5px 0px 0px; font-family: "Source Code Pro", sans-serif; font-weight: 600; } .prod_grid .prod .rating { display: none; margin-top: 2px; text-align: center; } .prod_grid .prod .options { display: none; } .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 .ql_hover { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; color: #BD1E2C; background: rgba(255,255,255,0.75); text-align: center; text-transform: uppercase; padding: 80px 15px 0px; z-index: 2; display: none; cursor: default; border: 15px solid #E4E4E4; } .prod .ql_hover a { display: block; width: 100%; font-size: 16px; line-height: 24px; padding: 15px; font-weight: 600; } .prod .ql_hover a + a { margin-top: 25px; } .prod:hover .ql_hover { display: block; } @media (min-width: 992px) and (max-width: 1199px) { .prod .ql_hover { padding-top: 50px; } .prod .ql_hover a + a { margin-top: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .prod .ql_hover { padding-top: 80px; } .prod .ql_hover a + a { margin-top: 20px; } } @media (max-width: 767px) { .prod { text-align: center; } } /* Product List */ /* To be added!! */ /* Pagination */ .prod_paging { margin-top: 30px; padding-top: 20px; border-top: 1px solid #DDD; font-family: "Source Code Pro", sans-serif; font-weight: 600; color: #A3A3A3; } /* .row */ .prod_filters + .prod_paging { margin-top: 0px; margin-bottom: 30px; padding-top: 0px; border: none; } .prod_paging > div { line-height: 36px; } /* .col */ .prod_paging .results { text-align: left; } .prod_paging .results strong { color: #000; } .prod_paging .paging { text-align: right; height: 36px; } .prod_paging .pagination { display: inline-block; margin: 0px; padding: 0px; border-radius: 0px; border: none; list-style: none; height: 36px; } .prod_paging .pagination > li { display: inline-block; vertical-align: top; border: none; height: 36px; text-transform: uppercase; } .prod_paging .pagination > li + li { margin-left: 6px; } .prod_paging .pagination > li.pagenav { } .prod_paging .pagination > li.first { display: none; } .prod_paging .pagination > li.prev a { background: url('../image/icon-paging-prev.png') 6px 12px no-repeat; padding-left: 18px; } .prod_paging .pagination > li.next a { background: url('../image/icon-paging-next.png') calc(100% - 6px) 12px no-repeat; padding-right: 18px; } .prod_paging .pagination > li.last { display: none; } .prod_paging .pagination > li > a, .prod_paging .pagination > li > span { display: block; border: 2px solid #DDD; height: 36px; min-width: 36px; text-align: center; padding: 0px 10px; line-height: 32px; border-radius: 0px; color: inherit; background: none; } .prod_paging .pagination > li.active { } .prod_paging .pagination > li.active a, .prod_paging .pagination > li.active span { border: 2px solid #000; color: #000; font-weight: bold; background: none; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { .prod_paging .results { text-align: center; } .prod_paging .paging { text-align: center; margin-top: 5px; } } @media (max-width: 767px) { .prod_paging { font-size: 14px; } .prod_paging .results { text-align: center; } .prod_paging .paging { text-align: center; margin-top: 5px; } } /* buttons */ .buttons { margin: 1em 0px 0px; } .btn { padding: 4px 8px; font-size: 12px; line-height: 20px; border: 3px solid #2A365E; background: #2A365E; border-radius: 0px; box-shadow: none; color: #FFF; text-transform: uppercase; text-align: center; font-weight: bold; } .btn:hover, .btn:focus { border: 3px solid #2A365E; color: #FFF; background: #0C163E; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 10px 30px; font-size: 14px; font-weight: 600; } .btn-red { border: 3px solid #BD1E2C; color: #FFF; background: #BD1E2C; } .btn-red:hover, .btn-red:focus { border: 3px solid #BD1E2C; color: #FFF; background: #DE101E; } .btn-clear { border: 3px solid #BD1E2C; background: none; color: #BD1E2C; } .btn-clear:hover, .btn-clear:focus { border: 3px solid #BD1E2C; background: rgba(255, 255, 255, 0.5); color: #BD1E2C; } .btn-clear-red { border: none; color: #FFF; background: rgba(189,30,44,0.75); } .btn-clear-red:hover, .btn-clear-red:focus { border: none; color: #FFF; background: #BD1E2C; } .btn-clear-white { border: 3px solid #ACACAC; color: #FFF; text-shadow: 0px 0px 3px #666; background: none; } .btn-clear-white:hover, .btn-clear-white:focus { border: 3px solid #DDD; color: #FFF; text-shadow: 0px 0px 3px #666; background: rgba(255,255,255,0.25); } .btn-border { border: 3px solid #2A365E; background: #0C163E; color: #FFF; } .btn-border:hover, .btn-border:focus { border: 3px solid #2A365E; background: #2A365E; color: #2A365E; color: #FFF; } .btn-border-white { border: 3px solid #FFF; background: none; color: #FFF; } .btn-border-white:hover, .btn-border-white:focus { border: 3px solid #FFF; background: rgba(255,255,255,0.25); color: #FFF; color: #FFF; } .btn-border-red { border: 3px solid #BD1E2C; background: none; color: #BD1E2C; } .btn-border-red:hover, .btn-border-red:focus { border: 3px solid #BD1E2C; background: #BD1E2C; color: #BD1E2C; color: #FFF; } .btn-arrow-red:after { display: inline-block; content: ''; width: 24px; height: 20px; vertical-align: top; background: url('../image/arrow-red.png') center no-repeat; margin-left: 6px; } .btn-border-red.btn-arrow-red:hover:after { background-image: url('../image/arrow-white.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-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: #0C163E; 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: middle; 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: middle; } /* Product page layout */ #prodimg { display: block; margin: 0px; padding: 0px; } #prodimg:after { display: block; content: ''; clear: both; } #prodimg a.mainimg { display: block; width: 100%; max-width: 100%; margin: 0px 0px 4px; } .addimgs { } .addimgs p { font-family: Monserrat, sans-serif; text-transform: uppercase; font-weight: 600; } .addimgs a { display: block; float: left; width: calc(33.3333% - 6px); margin: 6px 0px 0px 6px; } .addimgs a img { display: block; border: 2px solid #DDD; padding: 1px; } #prodinfo { margin: 0px; font-size: 14px; line-height: 1.5em; } #prodinfo h1 { font-family: Montseratt, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.33em; font-weight: 600; margin: 0px 0px 10px; text-align: left; } #prodinfo .rating { color: #DDD; } #prodinfo .rating .stars { margin-right: 5px; } #prodinfo .rating a { display: inline-block; vertical-align: middle; color: #7F7F7F; margin: 0px 5px; } #prodinfo hr { margin: 20px 0px 25px; border-top: 3px solid #DDD; } #prodinfo .desc { } #prodinfo .desc > :first-child { margin-top: 0px !important; } #prodopts { display: block; } #prodopts h3 { margin: 0px; } .prodopt { margin: 16px 0px 0px; } .prodopt .control-label { margin: 0px 0px 5px; text-transform: uppercase; color: #000; font-family: Monserrat, sans-serif; font-weight: 600; } .prodopt .checkbox { margin: 2px 0px; } .prodopt .radioopt { margin-left: -5px; margin-top: -9px; } .prodopt .radio { display: inline-block; margin: 9px 0px 0px 5px; } .prodopt .radio label { position: relative; display: block; margin: 0px; padding: 0px; font-size: 14px; line-height: 20px; } .prodopt .radio input { position: absolute; top: 2px; left: 2px; z-index: -1; margin: 0px; padding: 0px; } .prodopt .radio .img { display: none; background: #FFF; border: 2px solid #DDD; padding: 1px; color: #A3A3A3; border-radius: 0px; } .prodopt .radio .img .hex { display: block; width: 100%; padding-bottom: 100%; } .prodopt .radio .img img { display: block; width: 100%; height: auto !important; padding: 0px; border-radius: 0px; } .prodopt .radio.imgopt .img { display: block; } .prodopt .radio .name { display: block; background: #FFF; border: 2px solid #DDD; padding: 8px 6px; min-width: 40px; height: 40px; color: #999; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 20px; text-align: center; } .prodopt .radio.imgopt { width: calc(20% - 5px); } .prodopt .radio.imgopt .name { display: none; } .prodopt .radio.selected .img, .prodopt .radio.selected .name { border-color: #000; color: #000; } .prodopt .radio.out_of_stock label { cursor: not-allowed; } .prodopt .radio.out_of_stock label .name { background: #EEE; color: #AAA } .prodopt .radio.out_of_stock label:before, .prodopt .radio.out_of_stock label:after { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; } .prodopt .radio.out_of_stock label:before { background: linear-gradient(to bottom right, transparent calc(50% - 2px), #FFF, transparent calc(50% + 2px)); } /* .prodopt .radio.out_of_stock label:after { background: linear-gradient(to top right, transparent calc(50% - 2px), #000, transparent calc(50% + 2px)); } */ #prodinfo .addto { margin: 16px 0px 0px; } #prodinfo .addto .qv_qty_wrapper { margin-top: 15px; } #prodinfo .addto .qv_qty_wrapper:after { display: block; content: ''; clear: both; } #prodinfo .addto .qv_qty_wrapper label { display: block; font-size: 14px; line-height: 20px; color: #000; text-transform: uppercase; font-weight: 600; } #prodinfo .addto .qv_qty_wrapper input[type=text] { display: block; float: left; width: 55px; height: 40px; text-align: center; padding: 5px 10px; margin-left: 5px; } #prodinfo .addto .qv_qty_wrapper .qv_inc { display: block; float: left; cursor: pointer; } #prodinfo .addto .qv_qty_wrapper .qv_dec { display: block; float: left; cursor: pointer; } #prodinfo .addto .qty_text { display: none; } #prodinfo .addto .qty_box { display: inline-block; vertical-align: middle; width: 48px; height: 48px; text-align: center; border: 1px solid #0C163E; } #prodinfo .addto #button-cart { display: block; vertical-align: middle; margin-top: 12px; } #prodinfo .addto a { text-transform: uppercase; font-weight: 600; color: #0C163E; margin-left: 24px; cursor: pointer; } #prodinfo .addto a.addwishlist { display: none; } #prodinfo .addto a.addcompare { display: none; } #prodinfo .min_qty { display: inline-block; margin: 6px 0px 0px; } #prodinfo .rating { margin-top: 16px; } @media (min-width: 992px) and (max-width: 1199px) { .addimgs a { width: calc(20% - 6px); margin: 6px 0px 0px 6px; } } @media (min-width: 768px) and (max-width: 991px) { .addimgs a { width: calc(25% - 6px); margin: 6px 0px 0px 6px; } } @media (max-width: 767px) { #prodimg { text-align: center; margin-bottom: 24px; } .addimgs a { display: inline-block; float: none; width: calc(25% - 6px); margin: 0px 0px 0px 2px; } #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:after { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: url('../image/dotted-line-h.png') center repeat-x; } #vtabs .vtab { display: block; margin: 0px; padding: 0px; } #vtabs .vtab:before { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: url('../image/dotted-line-h.png') center repeat-x; } #vtabs .vtab .vtab_head { display: block; line-height: 20px; padding: 14px 34px 14px 2px; text-transform: uppercase; font-weight: 600; color: #000; cursor: pointer; background: url('../image/arrow-right-grey.png') calc(100% - 12px) 50% no-repeat; } #vtabs .vtab .vtab_body { display: none; padding: 0px 2px 24px; } #vtabs .vtab .vtab_body > :first-child { margin-top: 0px; } #vtabs .vtab .vtab_body > :last-child { margin-bottom: 0px; } #vtabs .vtab.active .vtab_head { background-image: url('../image/arrow-down-grey.png'); } #prod_related, #prod_more, #prod_reviews, #write_review{ margin: 60px 0px 0px; padding: 48px 0px 0px; border-top: 2px solid #DDD; } #prod_related h2, #prod_more h2, #prod_reviews h2, #write_review h2 { font-family: "Playfair Display", serif; font-size: 36px; line-height: 1.25em; text-align: center; margin: 0px 0px 48px !important; } #prod_reviews { } #prod_reviews h2 { font-size: 36px; line-height: 1em; } #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: #0C163E; } #review .review .text { clear: right; margin-top: 6px; } #write_review h2 { font-size: 36px; line-height: 1em; } .form-horizontal { } .form-horizontal .control-label { color: #0C163E; margin: 0px 0px 6px; padding: 0px; font-weight: 600; } .form-horizontal .form-group { margin-bottom: 20px; } .table-cart { margin: 0px; font-size: 14px; line-height: 20px; } .table-cart td { padding-top: 24px !important; } .table-cart thead td { font-size: 12px; line-height: 20px; color: #666; text-transform: uppercase; } .table-cart td.col-img { width: 110px; padding-top: 8px !important; padding-left: 0px; } .table-cart td.col-img img { border: none; padding: 0px; border-radius: 0px; } .table-cart td.col-name { color: #000; white-space: normal !important; font-weight: 600; } .table-cart td.col-name a { color: #000; } .table-cart td.col-name a:hover { color: #BD1E2C; } .table-cart td.col-details { font-family: "Source Code Pro", sans-serif; color: #7F7F7F; width: 125px; } .table-cart td.col-details span { text-transform: none; } .table-cart td.col-details small { display: block; font-size: 14px; line-height: 20px; text-transform: none; } .table-cart td.col-qty { width: 100px; } .table-cart td.col-qty input[type=text] { width: 40px; padding: 6px 5px; text-align: center; } .table-cart td.col-qty .no-btn { border: none; background: none; padding: 0px; width: 18px; margin-left: 4px; } .table-cart td.col-price { font-family: "Source Code Pro", sans-serif; color: #7F7F7F; font-size: 16px; width: 90px; } .table-cart td.col-total { font-family: "Source Code Pro", sans-serif; color: #7F7F7F; font-size: 16px; width: 85px; font-weight: 600; padding-right: 0px; } .table-cart tfoot { border-top: 1px solid #DDD; } .table-cart tfoot td { padding: 4px 0px 4px 8px !important; border: none !important; } .table-cart tfoot tr:first-child td { padding-top: 8px !important; } .table-cart tfoot tr:last-child td { padding-bottom: 8px !important; } .table-cart tfoot td.col-text { } .table-cart tfoot td.col-total { } @media (max-width: 767px) { .table-cart td { padding-top: 8px !important; } .table-cart td.col-img { width: 70px; } .table-cart td.col-name { text-transform: none; } } .quickcheckout-cart { border: none; } .quickcheckout-cart td { padding-top: 8px !important; } .quickcheckout-cart thead td { background: none; } .panel-group { } .panel-group .panel { margin: 0px; border: none; box-shadow: none; border-bottom: 2px solid #DDD; } .panel-group .panel + .panel { margin: 0px; } .panel-group .panel .panel-heading { background: none; border: none; padding: 0px; } .panel-group .panel .panel-heading .panel-title { font-size: 14px; line-height: 20px; text-transform: uppercase; color: #000; font-weight: 600; margin: 10px 0px !important; } .panel-group .panel .panel-heading .panel-title a { display: block; margin: -10px 0px; padding: 10px 0px; } .panel-group .panel .panel-heading .panel-title a i { float: right; margin-top: 3px; } .panel-group .panel .panel-body { padding: 15px 0px; border-top: 2px solid #DDD !important; } #carttotal { margin: 24px 0px 0px; padding: 24px 18px; background: #EEE; } #carttotal .panel { margin: 0px; border: none; box-shadow: none; background: none; } #carttotal .panel .panel-heading { display: none; } #carttotal .panel .panel-collapse { display: block; } #carttotal .panel .panel-collapse .panel-body { padding: 0px; } #carttotal .panel .panel-collapse .form-group { margin: 0px; } #carttotal .panel .panel-collapse label { font-size: 12px; line-height: 20px; text-transform: uppercase; color: #666; } #carttotal hr { margin: 24px 0px; } #carttotal .carttotal { font-size: 24px; line-height: 1.33em; color: #000; text-align: center; } #carttotal .free_del { font-size: 15px; line-height: 1.5em; color: #000; font-weight: 600; text-align: center; margin-top: 12px; } #carttotal .normal_del { font-size: 13px; line-height: 1.5em; color: #333; text-align: center; } #carttotal .btn { margin-top: 18px; } #carttotal .secure { font-size: 14px; line-height: 20px; color: #000; text-align: center; margin-top: 12px; } #carttotal .secure:before { display: inline-block; content: ''; width: 13px; height: 17px; vertical-align: top; background: url('../image/icon-secure-black.png') center no-repeat; margin-right: 8px; } @media (min-width: 992px) { .modal-dialog { margin-top: 150px; } } @media (min-width: 768px) and (max-width: 991px) { .modal-dialog { margin-top: 70px; } } @media (max-width: 767px) { .modal-dialog { margin-top: 60px; } } .checkout-cart #content-bottom { margin-top: 36px; } .checkout-cart #content-bottom .mod_featured { border-top: 2px solid #DDD; padding-top: 24px; } .checkout-cart #content-bottom .mod_featured h3 { font-size: 24px; line-height: 1.25em; text-align: left; font-style: normal; } .checkout-cart #content-bottom .mod_featured .row.prod_grid { margin-top: 24px; } .checkout-cart #content-bottom .mod_featured .row.prod_grid > div[class*=col-] { width: 25% !important; margin-left: 0px !important; } .checkout-cart #content-bottom .mod_featured .row.prod_grid div.clearfix { display: none !important; } .checkout-cart #content-bottom .mod_featured .row.prod_grid .overlay { max-width: 50%; max-height: none; } .checkout-cart #content-bottom .mod_featured .row.prod_grid .ql_hover { display: none !important; } .checkout-cart #content-bottom .mod_featured .row.prod_grid .image .quickview { font-size: 12px; line-height: 1.5em; } .checkout-cart #content-bottom .mod_featured .row.prod_grid .image .quickview img { margin-bottom: 6px; } @media (max-width: 767px) { .checkout-cart #content-bottom .mod_featured .row.prod_grid > div[class*=col-] { width: 50% !important; } .checkout-cart #content-bottom .mod_featured .row.prod_grid div.clearfix.visible-xs { display: block !important; } } .mod_html { } .mod_html-wrapper .container { } .mod_html .htmlcontent > :first-child { margin-top: 0px; } .mod_html .htmlcontent > :last-child { margin-bottom: 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 { } .mod_slideshow .owl-item .item img { } .mod_slideshow .owl-item .item .caption { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #FFF !important; text-shadow: 0px 0px 2px #000; } .mod_slideshow .owl-item .item .caption-wrapper { } .mod_slideshow .owl-item .item .caption h2 { font-family: "Playfair Display", serif; font-weight: 400; color: inherit; font-size: 72px; line-height: 1.25em; max-width: 83.3334%; margin: 0px auto; } .mod_slideshow .owl-item .item .caption p { font-size: 18px; line-height: 1.5em; max-width: 50%; margin: 30px auto 0px; } .mod_slideshow .owl-item .item .caption a.btn { font-size: 18px; line-height: 20px; padding: 20px 40px !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: 10px; } .mod_slideshow .owl-controls .owl-page span { background: url('../image/slideshow-buttons.png') bottom no-repeat; display: block; width: 15px; height: 15px; } .mod_slideshow .owl-controls .owl-page.active span { background: url('../image/slideshow-buttons.png') top no-repeat; } .home-page .mod_slideshow-wrapper { margin: 0px; } .home-page .mod_slideshow-wrapper .container { margin: 0px; padding: 0px; width: 100%; } .home-page .mod_slideshow .owl-item img { width: 100% !important; height: auto !important; } .home-page .mod_slideshow .owl-item .item .caption { outline: none; padding: 0px; } @media (min-width: 992px) and (max-width: 1199px) { .mod_slideshow .owl-item .item .caption { height: calc(100% - 40px); } .mod_slideshow .owl-item .item .caption p { max-width: 75%; } } @media (min-width: 768px) and (max-width: 991px) { .mod_slideshow .owl-item .item .caption { height: calc(100% - 40px); } .mod_slideshow .owl-item .item .caption .row { margin-left: 0px; margin-right: 0px; } .mod_slideshow .owl-item .item .caption h2 { max-width: 100%; font-size: 48px; line-height: 1.33em; } .mod_slideshow .owl-item .item .caption p { max-width: 90%; margin-top: 20px; } .mod_slideshow .owl-item .item .caption a.btn { font-size: 16px; padding: 15px 30px !important; } } @media (max-width: 767px) { } .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_prods h3 { font-family: "Playfair Display", serif; font-weight: 400; font-size: 42px; line-height: 1.33em; text-align: center; font-style: italic; color: #000; margin: 0px !important; } .mod_prods h3 + p { font-size: 16px; line-height: 1.5em; font-weight: 600; color: #BD1E2C; text-transform: uppercase; text-align: center; margin: 15px 0px 0px; } .mod_prods h3 + p:before { display: block; width: 50px; height: 3px; background: #ACACAC; content: ''; margin: 0px auto 10px; } .mod_prods h3 + p a { color: inherit; } .mod_prods .prod_grid { margin-top: 25px; } .mod_prods .price .price-new-wrapper { font-size: 18px; line-height: 1.33em; } .mod_featured-wrapper { } .common-home .mod_featured-wrapper { background: url('../image/home_featured_bg.jpg') center no-repeat; background-size: cover; margin-top: 0px !important; border-bottom: 3px solid #0C163E; } .common-home .mod_featured-wrapper .container { padding-top: 24px; } .common-home .mod_featured-wrapper h3 { color: #FFF; margin: 24px 0px; } .common-home .mod_featured-wrapper .prod_grid { padding: 24px 0px; } .mod_feat_cats { margin: 60px 0px !important; } .mod_feat_cats .featcats { } .mod_feat_cats .featcats .clearfix { margin-bottom: 30px; } .mod_feat_cats .featcat { position: relative; } .mod_feat_cats .featcat .image { } .mod_feat_cats .featcat .image a { } .mod_feat_cats .featcat .image img { } .mod_feat_cats .featcat .overlay { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; content: ''; text-align: center; color: #FFF; font-size: 16px; line-height: 1.5em; padding-top: 30px; } .mod_feat_cats .featcat .overlay:before { } .mod_feat_cats .featcat .overlay h4 { color: inherit; font-size: 42px; line-height: 1.33em; font-style: italic; font-family: "Playfair Display", serif; font-weight: 400; margin: 0px !important; } .mod_feat_cats .featcat .overlay h4 a { color: inherit; } .mod_feat_cats .featcat .overlay .subtitle { display: none; } .mod_feat_cats .featcat .overlay .description { display: none; } .mod_feat_cats .featcat .overlay .shopnow { margin-top: 15px; text-transform: uppercase; font-size: 16px; line-height: 1.5em; font-weight: 600; } .mod_feat_cats .featcat .overlay .shopnow:before { display: block; width: 50px; height: 3px; margin: 0px auto 8px; content: ''; background: #CCC; } .mod_feat_cats .featcat .overlay .shopnow a { color: inherit; } @media (min-width: 992px) and (max-width: 1199px) { .mod_feat_cats .featcat .overlay { padding-top: 20px; } .mod_feat_cats .featcat .overlay h4 { font-size: 36px; line-height: 1.33em; } } @media (min-width: 768px) and (max-width: 991px) { .mod_feat_cats .featcat .overlay { padding-top: 10px; } .mod_feat_cats .featcat .overlay h4 { font-size: 36px; line-height: 1.33em; } .mod_feat_cats .featcat .overlay .shopnow { margin-top: 10px; } .mod_feat_cats .featcat .overlay .shopnow:before { display: none; } } @media (max-width: 767px) { .mod_feat_cats .featcats > div[class*=col-] { margin-top: 20px; } .mod_feat_cats .featcats > div[class*=col-]:first-child { margin-top: 0px; } .mod_feat_cats .featcat .overlay { padding-top: 15px; } .mod_feat_cats .featcat .overlay h4 { font-size: 28px; line-height: 1.25em; } .mod_feat_cats .featcat .overlay .shopnow { margin-top: 5px; font-size: 14px; } .mod_feat_cats .featcat .overlay .shopnow:before { display: none; } } blockquote { display: block; margin: 24px 0px 0px; padding: 0px; border: none; font-size: 13px; line-height: 1.5em; color: #666; font-style: italic; } blockquote img { } blockquote img + p { font-size: inherit !important; line-height: inherit !important; margin: 8px 0px 0px; padding: 0px 0px 8px; border-bottom: 1px solid #DDD; } .well { background: #FFF; border: 2px solid #EEE; margin: 0px; } .well li { } .well li + li { margin-top: 2px; } @media (max-width: 767px) { .well + .well { margin-top: 20px; } } .account-login { } .account-login #pagecontent { } .account-login .well { padding: 30px; font-size: 14px; line-height: 1.75em; } .account-login .well h3 { display: block; margin: -30px -30px 0px !important; background: #F5F5F5; padding: 16px 30px; } .account-login .well p { } .account-login .well ul { } .account-login .well ul li { } .account-login .well form { margin-top: 25px; } .account-login .well .control-label { font-weight: 600; } .account-login .well .form-control { height: 48px; } .account-login .well .btn { margin-top: 24px; padding: 16px 30px; font-size: 16px; line-height: 1.5em; } .account-login .well .login-btn { margin-bottom: 0px; } .account-login .well .reg-btn { } @media (min-width: 1200px) { .account-login .well .reg-btn { margin-top: 32px; } } @media (max-width: 767px) { .account-login #content .row > div[class*=col-] { margin-top: 20px; } .account-login #content .row > div[class*=col-]:first-child { margin-top: 0px; } } .contact-page h1 { text-align: center; } .contact-page h1 + hr { margin: 60px 0px; } .contact-page .contactpanel { background: #EEE; padding: 30px; } .contactinfo { } .contactinfo .wideimg { margin: -30px -30px 30px; } .contactinfo h4 { font-family: Montseratt, Helvetica, Arial, sans-serif; font-weight: 600; font-size: 16px; line-height: 1.5em; margin: 30px 0px 10px; text-transform: uppercase; } .contactinfo h4:first-child { margin-top: 0px; } .contactinfo h4 + p { margin-top: 0px; } .contactinfo p { font-size: 16px; line-height: 1.75em; font-weight: 300; } .contactinfo table { width: 100%; margin: 0px; } .contactinfo table th, .contactinfo table td { font-weight: 300; padding: 2px 0px; } .contactinfo table th { width: 75px; } .contactinfo table td { } .contactform { } .contactform h3 { } .contactform form { } .contactform form fieldset { } .contactform form .form-group { } .contactform form label { } .contactform form .form-control { } .contactform form .text-danger { font-size: 14px; line-height: 1.5em; margin-top: 3px; } .contactform form .captcha legend { display: none; } .contactform form .captcha label { display: none; } .contactform form .captcha label + div { display: block; float: none; width: 100%; padding: 0px; } .contactform + .reqfields { font-size: 13px; line-height: 1.5em; color: #333; font-weight: 400; margin-top: 10px; } #googlemap { } #googlemap iframe { display: block; margin: 0px; padding: 0px; border: none; } @media (min-width: 992px) and (max-width: 1199px) { .contactinfo div[class*=col-] + div[class*=col-] { margin-top: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .contact-page h1 + hr { margin: 30px 0px; } .contact-page .contactpanel { padding: 20px; } .contactinfo .wideimg { margin: -20px -20px 20px; } .contactinfo h4 { margin-top: 20px; } .contactinfo div[class*=col-] + div[class*=col-] { margin-top: 20px; } } @media (max-width: 767px) { .contact-page h1 { font-size: 48px; } .contact-page h1 + hr { margin: 20px 0px; } .contact-page .contactpanel { padding: 10px; } .contactinfo .wideimg { margin: -10px -10px 20px; } .contactinfo h4 { margin-top: 20px; } .contactinfo div[class*=col-] + div[class*=col-] { margin-top: 20px; } .contactform { margin-top: 30px; } .contactform form .captcha { margin-left: -12px; margin-right: -12px; } } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { } .getintouch-wrapper { background: url('/image/catalog/banner-get-in-touch.jpg') center no-repeat; background-size: cover; color: #FFF; } .getintouch-wrapper .container { padding-top: 85px; padding-bottom: 90px; } .getintouch { } .getintouch h2 { font-family: "Playfair Display", serif; font-weight: 400; font-size: 42px; line-height: 1.33em; color: inherit; font-style: italic; margin: 0px 0px 30px; } .getintouch p { font-size: 18px; line-height: 1.5em; margin: 30px auto 0px; max-width: 66.6666%; } .getintouch a { color: inherit; text-decoration: underline; } .getintouch a:hover, .getintouch a:focus { color: inherit; color: #BD1E2C; } .getintouch a.btn { padding: 10px 30px; text-decoration: none; } .getintouch a.btn:hover, .getintouch a.btn:focus { color: #FFF; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { .getintouch p { max-width: 100%; } } @media (max-width: 767px) { .getintouch-wrapper .container { padding-top: 40px; padding-bottom: 40px; } .getintouch p { max-width: 100%; } } .homeinsta { margin: 0px; padding: 60px 0px; border-top: 3px solid #EEE; } .homeinsta h2 { font-family: "Playfair Display", serif; font-weight: 400; font-size: 42px; line-height: 1.33em; text-align: center; font-style: italic; color: #000; margin: 0px !important; } .homeinsta h3 { font-size: 16px; line-height: 1.5em; font-weight: 600; color: #BD1E2C; text-transform: uppercase; text-align: center; margin: 15px 0px 0px; } .homeinsta h3:before { display: block; width: 50px; height: 3px; background: #ACACAC; content: ''; margin: 0px auto 10px; }