/* System Config Styles */ /* Created at 2014-04-18 15:15:52 */ /*========== Common Styles ==========*/ @font-face{font-family:'monotype-modern'; src:url('../css/fonts/monotypemodern-extended-italic.eot'); src:url('../css/fonts/monotypemodern-extended-italic.eot') format('embedded-opentype'), url('../css/fonts/monotypemodern-extended-italic.ttf') format('truetype'), url('../css/fonts/monotype-modern-ext-ital.woff') format('woff'), url('../css/fonts/monotypemodern-extended-italic.svg') format('svg'); font-weight:normal;font-style:normal } @font-face{font-family:'avenir';src:url('https://www.hauterogue.com/skin/frontend/zonda/default/css/fonts/avenir_std_light.eot'); src:url('../css/fonts/Avenir.eot') format('eot'), url('../css/fonts/Avenir.ttf') format('truetype'), url('../css/fonts/Avenir.woff') format('woff'); font-weight:normal;font-style:normal } @font-face{font-family:'gotham-medium';src:url('https://www.hauterogue.com/skin/frontend/zonda/default/css/fonts/gotham-medium.eot'); src:url('https://www.hauterogue.com/skin/frontend/zonda/default/css/fonts/gotham-medium.eot#iefix') format('eot'), url('../css/fonts/gotham-medium.ttf') format('truetype'), url('../css/fonts/gotham-medium.woff') format('woff'); font-weight:normal;font-style:normal } @font-face{font-family:'proxima';src:url('../css/fonts/proxima.eot'); src:url('../css/fonts/proxima.eot#iefix') format('eot'), url('../css/fonts/proxima.ttf') format('truetype'), url('../css/fonts/proxima.woff') format('woff'); font-weight:normal;font-style:normal } @font-face{font-family:'avenir';src:url('../css/fonts/Avenir.eot'); src:url('../css/fonts/Avenir.eot') format('eot'), url('../css/fonts/Avenir.ttf') format('truetype'), url('../css/fonts/Avenir.woff') format('woff'); font-weight:normal;font-style:normal } @font-face{font-family:'Galano Medium';src:url('../css/fonts/Galano-Medium.eot'); src:url('../css/fonts/Galano-Medium.eot#iefix') format('eot'), url('../css/fonts/Galano-Medium.ttf') format('truetype'), url('../css/fonts/Galano-Medium.woff') format('woff'); font-weight:normal;font-style:normal } @font-face{font-family:'Galano SemiBod';src:url('../css/fonts/Galano-SemiBod.eot'); src:url('../css/fonts/Galano-SemiBod.eot#iefix') format('eot'), url('../css/fonts/Galano-SemiBod.ttf') format('truetype'), url('../css/fonts/Galano-SemiBod.woff') format('woff'); font-weight:normal;font-style:normal } @font-face{font-family:'Galano Alt';src:url('../css/fonts/Galano-Alt.eot'); src:url('../css/fonts/Galano-Alt.eot#iefix') format('eot'), url('../css/fonts/Galano-Alt.ttf') format('truetype'), url('../css/fonts/Galano-Alt.woff') format('woff'); font-weight:normal;font-style:normal } @font-face{font-family:'OpenSans_SemiBold';font-weight:600;src:local('Open Sans Semibold'),,url(https://www.hauterogue.com/skin/frontend/zonda/default/css/fonts/opensans-semibold-webfont.woff)} @font-face{font-family:'OpenSans_SemiBold';font-weight:600;src:local('OpenSans-Semibold'),url(https://www.hauterogue.com/skin/frontend/zonda/default/css/fonts/opensans-semibold-webfont.woff)} @font-face {font-family:'OpenSans_Light';font-weight:400;src:local('Open Sans'),,url(https://www.hauterogue.com/skin/frontend/zonda/default/css/fonts/opensans-light-webfont.wofff) } @font-face { font-family: 'arrows'; src: url("../css/fonts/arrows.eot"); src: url("../css/fonts/arrows.eot#iefix") format("embedded-opentype"), url("../css/fonts/arrows.woff") format("woff"), url("../css/fonts/arrows.ttf") format("truetype"), url("../css/fonts/arrows.svg") format("svg"); font-weight: normal; font-style: normal; } body { background-color: #ffffff; font-family: "Galano Medium",helvetica,arial; color: #111; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, { font-family:"Galano Medium",helvetica,arial!important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; color: #373737; } .page-title h1, .page-title h2 {font-family: "Galano Medium",helvetica,arial; font-size: 14px; color: #373737;} a { color: #777777; } a:hover { color: #7b343a; } .sbToggle, .button-normal { display: inline-block; background-color: #d9d9d9; font-family: "Galano Medium",helvetica,arial; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; color: #fffff; font-size: 12px; text-transform: uppercase; } .pager .pages ol li a, .pager .pages ol li.current { display: inline-block; font-style: italic; color: #000; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; -webkit-font-smoothing: antialiased; color: #7b343a; font-size: 12px; text-transform: uppercase;} .cms-no-route .main-content .form-search .input-text { border: solid 1px #d9d9d9; } .pager .pages ol li a, pager .pages ol li a:hover, .pager .pages ol li a:focus { font-style: italic; color: #000; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; color: #000; } .button:hover, .sbToggle:hover, .sbToggle:focus, .button-normal:hover, .btn-remove2:hover, .btn-remove:hover { color: #666666; } .button.button.button-inverse.btn-inline:hover, .button.button.button-inverse.btn-inline {background-color: #262626; width:100%;} /*.button.link-wishlist:hover, .button.link-wishlist:focus, .button.link-compare:hover, .button.link-compare:focus { background-color: #d9d9d9; }*/ .pager .pages ol li a:hover, .pager .pages ol li a:focus { color: #000000; } input.input-text, select, textarea, .sbSelector, .sbOptions { background: #ffffff; color: #262626; font-family: "Galano Medium",helvetica,arial; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-transform:capitalize; padding: 6px 5px; line-height: 1.4em; border: 1px solid #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Grouped fields */ .form-list label, .product-view .box-tags .form-add label { font-family: "Galano Medium",helvetica,arial; font-size: 12px; text-transform: capitalize; color: #111; } .form-list label.required em, .content label.required em { color: #111; } /*========== Header Top ==========*/ /*========== Header ==========*/ .header-container { background-image: url(../../../../../media/wysiwyg/eternal/zonda/_textures/custom/3.png); background-position: center center; background-color:#262626; background-repeat: repeat; height: 60px; } .block-minicart, .block-language, .block-currency, .block-minicart .mini-cart-button, .store-switcher .block-content a, #mini-cart .mini-cart-button .price, .header-top .block-minicart .mini-cart-button.button, #nav li a{ color: #dad9d9; font-family: "Galano Medium",helvetica,arial !important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .block.block-minicart .block-subtitle {color: #262626;font-family: "Galano Medium",helvetica,arial !important; margin-bottom: 10px; padding-bottom: 0; text-transform: uppercase; border-bottom: 1px solid #a5a1a2; text-align:center; font-weight: normal; font-weight:300; font-size: 17px; line-height: 1.2em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; height:auto; } .yotpo .text-m {font-family: "Galano Alt",helvetica,arial !important;} .mini-products-list{padding:0;} .block.block-minicart .block-subtitle p{ color: #a5a1a2; text-align:center; font-size: 8px; } div.prices span.price {font-size: 17px;} .category-products .item-inner .product-name {margin-top: -14px; line-height:0.5em;} #mini-cart .dropdown-menu .product-details .price {color: #262626;} .block-minicart .prices-wrap .price {color: #262626; font-size: 17px;} .block-minicart button.button span{color:#fff;} .header-container a { color: #ffffff; font-weight: 500; font-family: "Galano Medium",helvetica,arial; text-transform: capitalize; font-size:10px; text-decoration: none; } .topLinks .dropdown .caret{ display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } button.button.btn-cart p.small { font-size: 12px; font-family: "Galano Medium",helvetica,arial; font-style: normal;} span .bgg {margin: 0 auto; /*padding: 8px;*/ /*background-color: #000; border: 1px solid #000;*/ color: #fff; font-style: italic; display: block; width: 175px; text-transform: uppercase; font-size: 60px; letter-spacing: .075em; line-height: 0.6em !important ; text-align: center; font-family: 'BauerBodoniStd_Italic'; height: 80px;} .product-options-bottom .add-to-cart button.button:hover, span .bgg:hover { color: #d6ba88; } .mini-products-list .product-details {margin-top:20px;} .mini-products-list .product-details .product-name{text-align:left;} .mini-products-list .product-details .product-name a{padding:0 15px 0 0;} .mini-products-list .product-details .product-name a:hover{color:#262626;} .mini-products-list .product-details .btn-remove2{} .mini-products-list .product-details .btn-remove2:hover{background-color:transparent!important;} .cms-index-index .mini-products-list .product-details{display: inline-block;margin-left: 10px;padding: 0;width: 75%;} .header-container .block-language a .item-value, .header-container .block-currency a .item-value { color: ; } /*.menu-active #menu-button a{ background-color: #d8d8d8; color: #000000; }*/ .menu-active #menu-button .btn-navbar .icon-bar{ background-color: #000000; } .header-container.fixed .header-menu-back { background-color: #262626; } .header-container .logo{ height: 48px; width: 190px; line-height: 120px; text-align: center !important; background-color: #262626; } .header-container.fixed .header-menu-container { max-width: 1260px; width:90%; } .header-container.fixed .sticky-logo{ height: 58px; line-height: 58px; text-align: center !important; background-color: #262626; } .header-top{ border-bottom: solid 1px rgba(0,0,0,0.2); } .header-menu{ border-top: solid 1px rgba(255,255,255,0.1); } .header-container.fixed .header-menu{ border: none; } .header-right, .header-container.fixed .header-menu { width: 950px; float: left; height: 60px; } @media (min-width: 768px) { .header-right, .header-container.fixed .header-menu {max-width: 79%;} .nav-container {max-width: 55%;} } @media (max-width: 1024px) and (min-width: 768px){ .navbar-nav > li > a { font-size: 11px; } .header-container .logo img.logo-img {max-width: 85%;} div.topLinks {max-width: 17%;} .quick-access {max-width: 15%;} .nav-container {max-width: 30%;} } #custommenu-mobile #menu-button{ margin: 0; line-height: 32px; padding-top: 23px; padding-bottom: 24px; position: relative; left: -10px; } #custommenu-mobile #menu-button a, #custommenu-mobile #menu-button a:link, #custommenu-mobile #menu-button a:visited{ } /*========== Top Links ==========*/ .toplinks a:hover{ color: #c6c6c6; } .toplinks li{ color: #dad9d9; } /*========== Currency, Language Selector, Store Switcher ==========*/ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-submenu:hover > a { background: #222; color: #ddd; /* margin-left: -10px;*/ padding: 3px ; background-image: none; } .block-currency .block-content > a, .block-language .block-content > a, .store-switcher .block-content > a { } .dropdown-menu > li{ border-top: solid 3px #999999; } .open>a{ background-color: #212121; } /*========== Minicart ==========*/ #mini-cart .mini-cart-button, #mini-cart .dropdown-menu { font-family: "Galano Medium",helvetica,arial; } #mini-cart.open .mini-cart-button, #mini-cart.open .mini-cart-button .price{ background-color: none !important; color: #d4d4d4; } #mini-cart .dropdown-menu{ background-color: white; /*background-image: url(../../../../../media/wysiwyg/eternal/zonda/_textures/custom/1.png); background-position: center center; */ background-repeat: repeat; border: solid 2px #4d4c4c; /*color: #d4d4d4; */ color: #111; } /*========== Search Form ==========*/ .header-container .header-container .form-search .input-text, .header-container .form-search .button{ background-color: transparent; } .header-container .form-search .button span.icon-search, .header-container .form-search .button span.icon-close{ display: block; width: 100%; height: 30px; margin-top: 0; } .header-container .form-search .button span.icon-search{ background: url(../images/icons/white/icon_search.png) no-repeat center center; float: right !important ; } .header-container .form-search .button:hover span.icon-search, .header-container .form-search .button:focus span.icon-search{ background-image: url(../images/icons/white/icon_search.png); margin-top: 0; } .header-container .form-search .button span.icon-close{ background: url(../images/icons/white/icon_search_close.png) no-repeat center center; } .header-container .form-search .input-text{ color: #d9d9d9; } .header-container .form-search { border-bottom: solid 1px #989898; } /*========== Main Menu ==========*/ .header-menu { background-position: center center; background-repeat: repeat; position: relative; height: 60px; } div.header-menu-back, div.header-menu-container.clearfix{height: 60px;} #menu-button a { background-color: transparent; } div.menu{ margin: 0 0px 0 0; } div.menu a, #nav li a, #blog_nav li a, #nav-links a{ font-size: 14px;font-family: "Galano SemiBod",helvetica,arial; color:#fff; font-weight:500; padding: 0 12px; } div.menu a:hover, div.menu a:focus, div.menu.active a, #nav>li>a:hover, #nav>li>a:focus, #nav>li.active>a, #nav>li.over>a, #nav-links li a:hover, #nav-links li a:focus, #nav-links li.active a, #nav-links li.over a, #blog_nav>li>a:hover, #blog_nav>li>a:focus, #blog_nav>li.active>a, #blog_nav>li.over>a { color: #fffff; /* background-color: #c8c8c8;*/ background-image: none; } #custommenu{ left: -5px; height: 60px; } .header-container.fixed .header-menu-container .parentMenu{ padding: 12px 0 14px; } #nav ul, #nav div, #blog_nav ul { top: 79px; } .menu-mobile .parentMenu:hover{ background-color: #d9d9d9; } #nav ul li, #blog_nav ul li, div.itemSubMenu a { border-bottom: dotted 1px #b2b2b2 ; } #nav ul.level0 li a, #blog_nav ul.level0 li a { background: none; } div.eternal-custom-menu-popup>div, #custommenu-mobile #menu-content, #nav ul, #nav div, #blog_nav ul, #blog_nav div, #nav-links ul, #nav-links div { border-style: solid; border-width: 1px; border-color: #d6d6d6; background-color: #ffffff; background-clip: padding-box; } div.eternal-custom-menu-popup a, .menu-mobile a{ /*font-family: "proxima", arial,helvetica!important; font-weight:300;*/ text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } div.eternal-custom-menu-popup a.level1, .menu-mobile a.level1, #blog_nav ul li.level1 a{ font-size: 12px; color: #2e2e2e; font-family: georgia,italic; font-style: italic; } .menu-mobile .parentMenu a , #nav ul li.level1 a { font-size: 11px; color: #2e2e2e; } div.eternal-custom-menu-popup a.level2, .menu-mobile a.level2, #nav ul li.level2 a, div.eternal-custom-menu-popup a.level3, .menu-mobile a.level3, #nav ul li.level3 a, div.eternal-custom-menu-popup a.level4, .menu-mobile a.level4, #nav ul li.level4 a, div.eternal-custom-menu-popup a.level5, .menu-mobile a.level5, #nav ul li.level5 a, #blog_nav ul li.level2 a{ font-size: 12.5px; color: #666666; font-family: "Galano Medium",helvetica,arial !important; font-weight:200; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .menu-mobile.level0 > .parentMenu > a:hover, div.eternal-custom-menu-popup a.level1:hover, .menu-mobile a.level1:hover, div.eternal-custom-menu-popup a.level2:hover, .menu-mobile a.level2:hover{ color: #9f5d7d; } #menu-button .btn-navbar .icon-bar { background-color: #ffffff; } .contacts-index-index .header-container { position: absolute; z-index: 100; } /*========== Arrow Buttons ==========*/ .flex-direction-nav a, .bx-has-controls-direction .bx-controls-direction a, .footer-tweets .twitter-nav-container a{ background-color: #d1d1d1; } .flex-direction-nav a:hover, .flex-direction-nav a:focus, .bx-has-controls-direction .bx-controls-direction a:hover, .bx-has-controls-direction .bx-controls-direction a:focus, .footer-tweets .twitter-nav-container a:hover{ background-color: #7b343a; } /*========== Home Slider ==========*/ /*========== Brand Slider ==========*/ #brand-slider .bx-controls a { position: absolute; top: 11px; } #brand-slider .bx-controls a.bx-prev{ left: -45px; } #brand-slider .bx-controls a.bx-next{ right: -45px; } .brand-slider-wrap{ padding: 75px 45px; } /*========== Footer ==========*/ .footer { color: #bbbbbb; background-color: #2a2a2a; background-position: center center; background-repeat: repeat; font-size: 12px; font-weight: normal; font-family: "Galano Medium",helvetica,arial !important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .footer-tweets { background-color: #e4e4e4; color: #777777; } .footer-tweets a { color: #66b1b8; } .footer-tweets a:hover { color: #126000; } .footer-tweets .date { color: #bfbfbf; } .footer-tweets .twitter-icon { background-image: url(../../../../../media/eternal/zonda/icon/default/icon_twitter_1.png); } .footer-tweets .text, .footer-tweets .Twitter-Title { font-size: 14px; } .footer-top{ color: #777777; background-color: #e7e7e7; background-position: center center; background-repeat: repeat; display:none; font-size: 12px; font-family: "Galano Medium",helvetica,arial !important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .footer h3, .footer .title { font-size: 11px; font-family: "Galano Medium",helvetica,arial; letter-spacing: 1.5px; color: #ccc; margin-top:13px; margin-bottom:5px; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .fn.org, .adr, .working-days, .working-hours {line-height:1.4em;} .footer-top h3, .footer-top .title { color: #777777; } .footer-top a, .footer-main a { transition: color 300ms ease-in-out, padding 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, padding 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, padding 300ms ease-in-out; -o-transition: color 300ms ease-in-out, padding 300ms ease-in-out; } .footer-top a{ color: #777777; } #twitter-footer-slider, #twitter-footer-slider .date{ font-size: 12px; } .footer-main a { color: #bbbbbb; } .footer-main a:hover, .footer-main a:focus { color: #9f5d7d; padding-left: 5px; } .footer-top a:hover, .footer-top a:focus { color: #66b1b8; padding-left: 5px; } .footer-top .fblike-box a:hover, .footer-top .fblike-box a:focus, .footer-main .fblike-box a:hover, .footer-main .fblike-box a:focus { padding-left: 0; } .footer-top #twitter-footer-slider a, .footer-main .fblike-box .facebook-like-wrap a { color: #66b1b8; } .footer-main #twitter-footer-slider a, .footer-main .fblike-box .facebook-like-wrap a { color: #66b1b8; } .footer address{ font-size: 12px; font-weight: normal; font-family: "Galano Medium",helvetica,arial; } .footer .footer-bottom address{ color: #acacac; } /*========== Quick Access, Wishlist, Compare Links ==========*/ /*========== Main ==========*/ /*========== Breadcrumbs ==========*/ .breadcrumbs { margin-top: .5em; padding: 0; list-style: none; -webkit-font-smoothing: antialiased; color: #a5a1a2; letter-spacing: 3px; text-transform: uppercase; font-family: "Galano Medium",helvetica,arial; font-size: 10px; font-weight: 600; line-height: 1.4em; } .breadcrumbs a { color: #a5a1a2; } /*========== Product ==========*/ .products-grid .item-inner, .products-list .item-inner, .product-essential-inner .product-img-box, .cc-item-container { background: #ffffff; border: solid 1px #ffffff; } .products-grid .ratings { background: #ffffff; display:none; } @media (max-width: 979px) and (min-width: 768px) .products-grid .item-inner { width: 30.43478261%; margin-left: 4.34782609%; } @media (max-width: 979px) and (min-width: 768px) .col-sidebar { width: 22.58064516% !important; } .container { position: relative; width: 90%; max-width: 1260px; margin: 0 auto; } .products-list .product-name a, .price-box .minimal-price-link, .price-box .price-from .price-label, .price-box .price-to .price-label, .product-view .product-name, .review-row .review-title, .product-view .block-related h1.subtitle, .col-sidebar .block-content ul li .product-name a, .on_date, .cc-product-name a, .product-tabs-content li .cc-product-name a, .product-view .box-tags h3, #fancybox-content .product-essential .product-shop .std{ font-family: "Galano Medium",helvetica,arial; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-size: 12.5px; color: #7777777; text-transform: capitalize; text-decoration: none; } {background-color: #ffffff; padding: 0 5px; } .messages ul {font-family: "Galano Medium",helvetica,arial !important;} .product-view .product-name h1 { font-size: 18px; font-family: georgia,italic; font-weight: normal; max-width: 400px; margin: 0 auto; /*font-style: italic;*/ line-height: 24px; } .price { color: #111; font-style: normal !important; font-weight: 200; line-height: 1.7em; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-size:13px; } .price-box .old-price .price { color: #444444; font-weight:lighter; } .labels .sales, .labels .new { color: #ffffff; font-family: "Galano Medium",helvetica,arial !important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-size: 14px; } .ratings .amount a { color: #999999; font-family: "Galano Medium",helvetica,arial !important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .desc, .desc .disc li, .product-tabs-content, .product-tabs-content h2, .product-tabs-content li, .product-tabs-content li a, .quickview-main .product-view .short-description { color: #262626; font-family: "Galano Medium",helvetica,arial; letter-spacing: .05em; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-size: 11.5px; line-height: 1.6; } .product-view .info-container p.alert-urls a, .product-view .info-container .product-pricing, #fancybox-content .product-essential p, .product-options dt, .product-options dd, .availability, .quickview-main .product-shop .product-pricing{ font-family: "Galano Medium",helvetica,arial; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; color: #262626; } .product-view .info-container p{ font-family: "Galano Medium",helvetica,arial;text-rendering: optimizelegibility;-webkit-font-smoothing: antialiased;color: #262626;text-align:left; } .product-options-bottom, .product-options { border-top: solid 1px #62626; } .product-view .product-options .options .sbSelector { background: transparent; border: solid 1px #262626; } .under-lines { border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;} /*========== quickview ==========*/ .for-responsive { display: none; } /*========== Tab ==========*/ .by_name { color: #7b343a;} .product-tabs-ul, .product-tabs-ul li{ background-color: #fffff; } .product-tabs-ul li.active {background-color: #fffff;} .product-tabs-ul li a {font-family: "Galano Medium",helvetica,arial;color: #fffff; font-size: 11px;} .product-tabs-ul li.active a { color: #777777;} .cc-item-container { border: solid 1px #e0e0e0; } .data-con { height: 238px; } .product-tabs-ul { border-bottom: solid 1px #262626; } /*========== Compare Products Page ==========*/ .data-table tr, .data-table tr.even, .checkout-cart-index .shipping-form, .content { color: #111; background-color: #fffff; } .checkout-cart-index .shipping-form, .data-table, .content { border-bottom: 2px solid #262626; } .heading, .checkout-cart-index .data-table thead tr { background-color: #fffff; } .checkout-cart-index .cart-table th { border-bottom: dotted 1px #f2f2f0; } .heading, .data-table th, .data-table td { } .heading, .data-table th { font-family: "Galano Medium",helvetica,arial; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 600; color: #262626; line-height: 1.4em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } /*========== Category ==========*/ .category-banner .category-title, .category-banner .category-title h1 { font-family: "Galano Medium",helvetica,arial; font-weight: bold !important; font-size: 60px; color: #444444; } .category-banner { background: none !important; height: auto !important; width:100%; } .banner-image { display: block; } .category-image { width: 100%; } .category-image img { width: 100%; height: auto; } .category-banner .category-description { font-family: "Galano Medium",helvetica,arial!important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-size: 16px; color: #666666; } /*========== Toolbar ===========*/ .toolbar, .pager { background-color: ; border-bottom: solid 1px #ebebeb; font-size: ; font-family: "Galano Medium",helvetica,arial !important; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-transform: uppercase; color: ; } /*========== Sidebar, Block, Data Table ==========*/ .block .block-title { background-color: #ffffff; margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #ecdcdc; font-family: "Galano Medium",helvetica,arial; font-size: 1.5em; font-weight: 200; line-height: 1.4em; line-height: .9em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .block .block-title strong { display: block; color: #333333; vertical-align: middle; color: #000; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-family:"Galano Medium",helvetica,arial; font-size: 18px; font-weight: 200; line-height: 1.4em; } @media (max-width: 767px){ .block .block-title strong{ display: none; } } @media (max-width:767px){ } .category-products {position:relative;z-index:1} .products-grid .col4:nth-child(3n+1), .products-grid .col4:nth-child(3n+1) { margin-left: 0; clear: left; } @media (max-width: 979px) and (min-width: 768px) { .products-grid width: 30.43478261%; } @media (max-width: 979px) and (min-width: 768px) .sidebar { width: 22.58064516% !important; } @media (min-width:1440px) and (max-width:1920px){body.category-grid-alt .main-container>.container{max-width:none} div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: none;} !important .sidebar{width:17.94871795% !important;*width:17.88461538%} .category-products {width:79.48717949%;*width:79.42307692%;margin-left:2.56410256%;*margin-left:2.5%} body.category-grid-alt .category-grid .category-item,body.category-grid-alt .page-content .category-item{width:22.58064516%;*width:22.5%;margin-left:3.22580645%;*margin-left:3.14516129%}body.category-grid-alt .category-grid .category-item:nth-child(3n+1),body.category-grid-alt .page-content .category-item:nth-child(3n+1){margin-left:3.22580645%;*margin-left:3.14516129%;clear:none}body.category-grid-alt .category-grid .category-item:nth-child(4n+1),body.category-grid-alt .page-content .category-item:nth-child(4n+1){margin-left:0;clear:left}body.category-grid-alt .search-grid{width:100%}body.category-grid-alt .search-grid .category-item{width:17.94871795%;*width:17.88461538%;margin-left:2.56410256%;*margin-left:2.5%}body.category-grid-alt .search-grid .category-item:nth-child(4n+1){margin-left:2.56410256%;*margin-left:2.5%;clear:none}body.category-grid-alt .search-grid .category-item:nth-child(5n+1){margin-left:0;clear:left}} @media (max-width: 1024px) and (min-width: 768px) { div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: none;} !important .category-products: width: 100%; } .container{position:relative;width:90%;max-width:1260px;margin:0 auto} .akordeon-border-bottom, .block-layered-nav .block-content .actions{ border-bottom: 2px solid #ffffff; } .col-sidebar .block-content { border-bottom: 2px solid #ffffff; } .col-sidebar .block-bestseller .block-content ul.products-grid li { border-top: solid 5px #ffffff; } .akordeon-heading, .filter-item-head, .block .block-subtitle{ font-family: "Galano SemiBod",helvetica,arial !important; letter-spacing: 0.2em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; color: #444444; font-size:11px; text-transform: uppercase; margin-bottom: 40px; padding-bottom: 20px; } .akordeon-heading a, .filter-item-body .price p, .filter-item-body .price .text-box, .filter-item-body .price input[type="text"] { color: #111; } .col-sidebar .block .block-content { background-color: #ffffff; } .block .akordeon ul li a, .block .akordeon ol li a, .filter-item .filter-item-body ol li, .filter-item .filter-item-body ul li, .filter-item .filter-item-body ol li a, .filter-item .filter-item-body ul li a, .col-sidebar .block-content ul li a, .currently .label, .currently .value{ font-family: "Galano Medium",helvetica,arial; font-weight:200; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-size: 0.9em; color: #444444; list-style-type: disc; text-transform: capitalize; text-decoration:none; } .filter-item-body .price .text-box input[type="text"] { border: solid 1px #ebebeb; background-color: transparent; } .block .akordeon ul li a:hover, .akordeon-heading a:hover, .filter-item .filter-item-body ol li a:hover, .filter-item .filter-item-body ul li a:hover, .col-sidebar .block-content ul li a:hover{ color: #7b343a; } /*========== Checkout Page ==========*/ /*========== Form List ==========*/ /*========== My Account ==========*/ /*========== Home Page Slider ==========*/ /*========== Slider Controls, Background Colors ==========*/ #slider-tab { border-bottom: solid 1px #d3d3d3; } #slider-tab>li>a { font-family: "Galano Medium",helvetica,arial; } #slider-tab>.active>a { border: solid 1px #d3d3d3; border-bottom-color: #ffffff; } /*========== Responsive ==========*/ @media (max-width: 1024px) and (min-width: 680px) { div.menu a span { font-size: 11px; } /*.quick-access { max-width: 15%; }*/ .nav-container {max-width: 65%;} } @media(max-width: 1040px){ .header-container .logo img.logo-img { display: inline-block; vertical-align: inherit; margin-bottom: 8px; margin-left: 3px; } .header-right, .header-top{ max-width: 78%; } div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: none;} !important } @media(max-width: 680px){ .nav-container {max-width: 65%;} div.topLinks a span {font-size: 10px;} div.topLinks {padding:0px; font-size: 10px;} .quick-access {max-width: 30%; display:inline-block; } .header-right{ max-width: 75%; } /*.links li.last {display:none !important;} li.login-container {display:none;} *//*.block-minicart {float: right;}*/ div.header-top {float:left;} } @media(max-width: 991px){ div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: block;} .nav-container {max-width: 55%;} div.topLinks a span {font-size: 10px;} div.topLinks {padding:0px; font-size: 10px;} .header-right{ max-width: 70%; } .toplinks a{ margin-left: 8px; } .block-currency{ margin-left: 5px; } .cart-value{ display: none; } .block-minicart .block-content{ padding: 4px 0; } } @media only screen and (max-width: 600px) { #wide-banner .overlay-text .button { font-size: 10px; min-width: 80px; display: none !important; } .nav-container {max-width: 65%;} #pageheader .util-area .signup-form-cont .signup-form:after { left: 50%; } div.success_message {margin-left:auto; margin-right:auto; max-width:600px;} .klaviyo_field_group, .klaviyo_messages, .klaviyo_form_actions { display: inline-block; text-align:center; } /*#custommenu-mobile { display:inline-block !important; position: static !important ; }*/ #custommenu-mobile #menu-button{ margin: 0; line-height: 32px; padding-top: 23px; padding-bottom: 24px; position: static; left: -10px; } #content .slide .overlay-text .button { font-size: 10px; min-width: 80px; display: none; } span.scaled-text {display:none;} #wide-banner .overlay-text .text span {display:none;} #pageheader .util-area .signup-reveal-area { display: block; margin-bottom: 15px; } #pageheader .util-area .signup-form-cont .signup-form:before { left: 50%; } #pageheader .util-area .signup-form-cont .signup-form:after { left: 50%; } .klaviyo_field_group, .klaviyo_messages, .klaviyo_form_actions { display: block; } } @media(max-width: 767px) and (min-width: 681px){ div#menu_blog.menu {display: none;} div#menu91.menu div.parentMenu {display: none;} .header-right { max-width: 70%; } .quick-access { padding-top: 10px !important; } .header-container .form-search .button span.icon-search { background: url(../images/icons/white/icon_search.png) no-repeat right right !important; float: right !important; } input#search { max-width: 41%; left: -10px !important; padding-left: 0px; padding-right: 0px; } .header-container .form-search { border-bottom: solid 1px #989898 !important; } .header-container .logo img.logo-img {max-width: 84%;} div#menu20.menu div.parentMenu, html[xmlns] #menu-button, html[xmlns] .parentMenu, div.menu a {height: 60px; } div.menu a span { font-size: 10px; } a.dropdown-toggle { font-size: 8px !important; } .header-container .logo img.logo-img { display: inline-block; vertical-align: inherit; margin-bottom: 8px; margin-left: 3px; } div.topLinks { max-width: 20% !important; padding-left: 20px; padding-top: 5px;} div.menu a span {font-size: 10px;} .nav-container {max-width: 55%;} #wide-banner .overlay-text .text, #wide-banner .overlay-text .inner {display: none;} #wide-banner .overlay-text .button { font-size: 10px; min-width: 80px; display: none !important; } .signup-form { max-width: 100%; } /* .quick-access, div.form-search .clearfix { width: 10% !important; }*/ .nav-container {max-width: 55%;} div.topLinks {max-width: 25%; } .signup-form label { font-size: 12px; line-height: 12px; padding: 0 25px; border-right: 1px solid #eae7e0; vertical-align: middle; text-transform: uppercase; color: #666; display: none; } .signup-form input[type="email"] { border: 1px solid #fff; text-align: center; font-size: 12px; padding: 16px 20px; color: #222; display: block; width: 332px; max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .signup-form input[type="submit"] { padding: 11px 15px; font-size: 12px; line-height: 14px; display: block; margin: auto; margin-top: 10px; } .header-container { position: relative !important; } .header-container .container{ padding: 0 !important; } .header-container .container.store-switcher { padding: 0 20px !important; } /*.header-right{ max-width: none; width: 100%; }*/ .add-to-links a.link-wishlist {} .header-right .header-top .left{ float: none !important; } .sidebar-right .block-layered-nav {display:none;} .header-top, .header-menu{ border: none; } .header-menu{ padding-left: 20px; margin-top: 5px; } #custommenu-mobile #menu-button{ padding: 0; left: 0; } #menu-button a, #menu-button a:link, #menu-button a:visited{ height: 40px; margin-top: 3px; } .mobile-block-container{ padding: 0 20px; } .header-container .form-search { /*background: url(../images/border_line.png) repeat-y 0 50%; */border: none; } /*.quick-access{ display: table-cell; -webkit-box-sizing: border-box; max-width: 25% !important; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1000; }*/ .header-menu-right .header-right.menu-active, .menu-active .mobile-bg{ background-color: #d8d8d8; } .data-table.cart-table tbody tr { border-bottom: solid 2px #ffffff; } .signup-form { max-width: 100%;} .klaviyo_field_group, .klaviyo_messages, .klaviyo_form_actions {max-width: 50%;} .signup-form .klaviyo_form_actions{max-width: 50%;} .product-tabs-ul li.active a { font-family:"Galano Medium",helvetica,arial;} } div.postTitle.headingBl, div.postTitle.heading { background-color: #ffffff; font-family: "Galano SemiBod",helvetica,arial; color: #777; font-size: 16px; margin: 0px 0 10px; line-height: 100%; padding-left:20px; } div.postTitle.heading { background-color: #ffffff; font-family: "Galano SemiBod",helvetica,arial; color: #777; font-size: 18px; height:25px; padding-left:20px; } div.postTitle.headingBl{ border-color: #efefef; } div.content.clearfixBl { background-color: #ffffff; border-bottom: 1px solid #ffffff; } div.page-title {display: none;} div.content.comment-contentBl, div.legend.heading { background-color: #ffffff; } div.Thoughts { width: 736px; height: 33px; padding: 25px 0px 25px 0px; border-bottom: 1px solid #000; margin: 0px 0px 30px 0px; display: block; font: 27px Georgia,Baskerville,serif; font-style: italic; color: #777; text-align: center; line-height:16px; } div.coll2 {max-width: 1030px; background-image: url('../../../../../media/wysiwyg/sale_1.jpg'); margin-left: auto; margin-right: auto;} /* Wide Banners on homepage */ #wide-banner { width: 100%; position: relative; margin: 0px; margin-top: 0%; overflow: hidden; margin-top: .5%; } #wide-banner .wide-banner-left { display: block; float: left; width:50%; position: relative; } #wide-banner .wide-banner-left img { width: 100%; height: auto; } #wide-banner .wide-banner-right { width: 49.5%; float: right; padding-left: .5%; } #wide-banner .wide-banner-right img { width: 100%; height: auto; } #wide-banner .wide-banner-right .right-image-1 { display: block; float: left; width: 49.25%; padding-right: .5%; position: relative; } #wide-banner .wide-banner-right .right-image-2 { display: block; float: right; width: 49.25%; position: relative; } /* Overlays over slider and ad on homepage */ #wide-banner .overlay-text { position: absolute; top: 0; left: 10%; width: 80%; height: 100%; text-align: center; } #wide-banner .overlay-text .inner { display: table; width: 100%; height: 100%; } #wide-banner .overlay-text .text { font-size: 5em; line-height: 1px; /* set small so table doesn't get too large */ margin: 0; display: table-cell; vertical-align: middle; } .ie7 #wide-banner .overlay-text .text { position: absolute; top: 40%; left: 0; right: 0; } #wide-banner .overlay-text .button { background: #fff !important; border-color: #fff !important; color: #111 !important; margin-top: 20px; letter-spacing: 2px !important; min-width: 100px; font-size: 12px; } #wide-banner .overlay-text .button:hover { background: #dc544c !important; color: #fff !important; } #wide-banner .overlay-text .text span { line-height: 1.2em; color: #fff; padding: 12px 15px; display: inline-block; zoom:1; *display:inline; letter-spacing: 3px; border: 0px solid #fff; font-family: "Galano Medium",helvetica,arial; } .interact { padding: 20px 0; border-top: 1px solid #eee; margin-top: -1px; } .interact h4 { font-family: "Galano Medium",helvetica,arial; text-align: center; color: #ccc; text-transform: none; letter-spacing: 0px; font-size: 18px; padding-top: 10px; } .interact h4::selection { color: #ffffff; } /* Signup form in header *or* footer */ .signup-form-cont { text-align: center; clear: both; white-space: nowrap; } .signup-form { display:inline-block; zoom:1; *display:inline; vertical-align: middle; } .signup-form { border: 0px solid #444; background-color: transparent; } .signup-form label { font-size: 12px; line-height: 12px; padding: 0 25px; border-right: 1px solid #eae7e0; vertical-align: middle; text-transform: uppercase; color: #666; display: none; } .signup-form input[type="email"] { border: 2.5px solid #fff; text-align: left; font-size: 12px; padding: 14px 20px; text-transform: uppercase; width: 362px; color: #666; } .signup-form input[type="submit"] { padding: 11px 15px; font-size: 12px; line-height: 14px; } .signup-form h4 { margin: 0.6em 2em; } .signup-form .error { margin-top: 10px; margin-bottom: 0px; text-transform: none; font-family: "Galano Medium",helvetica,arial; font-style: italic; color: #dc544c; } .signup-form .klaviyo_form_actions { margin-top: 10px; } .klaviyo_field_group, .klaviyo_messages, .klaviyo_form_actions { display: inline-block; } .klaviyo_submit_button {font-family: "Galano Medium",helvetica,arial; background: #dc544c; border: 2.5px solid #dc544c; color: #ffffff; font-size: 14px; line-height: 14px; height: auto; margin: 0; text-decoration: none !important; text-transform: uppercase; cursor: pointer; padding: 16px 15px 14px; vertical-align: middle; min-width: 120px; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-transition: background-color 100ms, color 100ms; -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; display: inline-block; zoom: 1; letter-spacing: 2px; } /*About Us Page*/ .about-hero { max-width: 100%; height: 100%; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: top right; overflow: hidden; } .about-hero img { width: 100%; height: auto; } .about-hero .overlay { position: absolute; z-index: 10; padding: 10% 5%; width: 50%; } .about-hero .overlay h1 { font-family: "Galano SemiBod",helvetica,arial; letter-spacing: 2px; font-size: 40px; text-align:center; } .about-content { width: 100%; position: relative; overflow: hidden; } .about-content .about-image { min-height: 24rem; width: 100%; overflow: hidden; background-size: cover; } .about-content .layout-column-half-right { width: 49%; float:right; } .about-content .layout-column-half-left { width: 49%; float:left; } div.team {width:100%; } div.team.1ti {max-width: 30%; float: left; padding-right: 5px;} @media (max-width: 767px){ .about-content .layout-column-half-right, .about-content .layout-column-half-left, div.1ti{width:100%;} /*.quick-access { max-width: 19%; }*/ .nav-container {max-width: 58%;} } .about-content .about-text { padding: 2% 2%; display: table; height: 100%; min-height: 22rem; } .about-content .about-text h3 { font-family: "Galano Medium",helvetica,arial; letter-spacing: 2px; } .about-content .about-text .about-text-wrapper { display: table-cell; position: relative; vertical-align: middle; margin: 0; text-align:center; padding: 5%; } .ie7 .about-content .about-text .about-text-wrapper { position: absolute; top: 40%; left: 0; right: 0; } .about-quote { padding: 5%; text-align: center; font-family: "Galano Medium",helvetica,arial; text-transform: none; letter-spacing: 0px; font-size: 30px; line-height: 40px; background-color: #f9f9f9; } .about-content .about-image { min-height: 24rem; width: 100%; overflow: hidden; background-size: cover;} .product-price { text-align: center; /*font-style: italic;*/ color: #000; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; font-size: 14px; font-weight: normal; line-height: 1.5em; display:block; } .category-container .product-name { color: #000; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-family: "Galano SemiBod",helvetica,arial !important; font-size: 17px; font-weight: 600; line-height: 1.4em; font-weight: 200; line-height: 1.1em; } .product-name { color: #000; text-align: center; margin: 0; } .product-name, .products-grid .product-name a { color: #000; display: block; font-weight:400; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-family:"Galano SemiBod",helvetica,arial; line-height: 1.4em; font-size: 13px; border-bottom: 1px solid transparent; text-align: center; } .products-grid h3.product-name a{ font-family: "Galano SemiBod",helvetica,arial; font-weight:300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-size: 12.5px; color: #262626; text-align:center;} a.product_attribute_option_link { padding: 5px 10px; padding-left: 12px; font-family: "Galano Medium",helvetica,arial; font-size: 12px; font-weight: 400; line-height: 1.4em; border: 1px solid #ebebeb; margin-right:10px; white-space: nowrap; } div.soldout p { font-weight: 200; line-height: 54px; margin-left:15px; /* background-color: #262626; */ vertical-align: middle; } div.soldout {padding-left: 12px; padding-right: 12px; padding-bottom: 5px; color: #fff; letter-spacing: 4px; text-transform: uppercase; text-decoration: none; height: 54px; background-color: #262626; width: 100%; margin-bottom: 5px; "ff-super-grotesk-web",helvetica,arial; font-size: 1.1em;} a.product_attribute_option_link:hover{ color: #fff !important; border-color: #000; background-color: #000; } div#customer-reviews.box-collateral.box-reviews h4 {font-size: 13px; font-weight: 200;} div.blog-banner {padding-top:25px;} div.block.block-blog-categories {padding-left:40px; margin-left:45px;} a.product_attribute_option_link.product_attribute_option_link_selected {background-color: #000;color: #fff;} .brand .sprite-wrap { display: inline-block; zoom: 1; top: 4px; width: 29px; height: 28px; background-color: #ef353e; text-align:center; } .product-view .product-name h1 { /*font-family: georgia,italic;*/ max-width: 400px; font-family: "Galano Alt",helvetica,arial; margin: 0 auto; line-height: 1em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-align:center; font-size: 28px; font-weight: 100; } .sprite-wrap { display: block; background: #ffffff; position: relative; } .sprite-wrap .sprite { position: absolute; top: -2px; left: -2px; text-indent: -99999px; overflow: hidden; display: block; cursor: pointer; text-align: left !important; } .sprite { background: url('../images/sprite-2X.png') -99999px -99999px no-repeat; background-size: 642px 94px; } .brand .sprite-wrap .sprite { background-position: -271px -25px; height: 32px; width: 33px; } .main-content .product-name { color: #000; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; font-size: 17px; font-weight: 600; font-weight: 200; padding-top: 0.5em; /*padding-bottom:0.5em;*/ } div.header-top div.left {float: left; margin: 4px 30px 0 10px; padding: 0;} .header-top {width:750px; text-align:right;float: right;} .main-content .brand { margin: 10px auto 0; text-align:center; line-height:1.3em; color: #000; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; font-size: 17px; font-weight: 600; font-weight: 200; } @media (max-width: 1024px) and (min-width: 768px) { .product-essential .more-images { width: 100%; display: inline-block; text-align: center; margin-top: 10px; } .quick-access { max-width: 20%; } .nav-container {max-width: 55%;} div.topLinks {max-width: 20%; } div.more-images ul li {display: inline-block;} ul#moreimages-slider-998.normal-list li {display: inline-block;} } @media (max-width: 1024px) and (min-width: 768px){ .product-essential .product-image.no-empty-more { width: 100%; float: none; }} @media (max-width: 1024px) and (min-width: 768px){ .product-view .product-shop>.product-view .product-img-box { width: 40%; }} /*@media (max-width: 991px){ .product-view .product-img-box {width:50%;} }*/ @media (max-width: 1024px) and (min-width: 768px) { .product-view .product-shop { width: 40%; }} @media (max-width: 1125px) { div.free-shipping, div.wishlist, .product-options-bottom .add-to-cart button.button { width: 100%; } div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: none;} !important } @media (max-width: 1200px) and (min-width: 1124px){ div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: none;} !important div.topLinks {max-width: 30%;} } @media (max-width: 1024px) and (min-width: 768px){ /*div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: none;} !important */div.free-shipping, div.wishlist, .product-options-bottom .add-to-cart button.button { width: 100%; } .quick-access { max-width: 19%; } div.topLinks {max-width: 15%; } } @media (max-width: 991px) { .eternal-custom-menu-popup .wrapper {margin-right: 20px !important; } div.eternal-custom-menu-popup > div {padding: 5px;} div.free-shipping, div.wishlist, .product-options-bottom .add-to-cart button.button { width: 100%; } #custommenu {display: none !important ;} .nav-container {max-width: 58%;} } @media (max-width: 991px){ .product-essential .product-image.no-empty-more { float: none; width: 100%; padding: 0; margin-top: 10px; } .nav-container {max-width: 55%;} div.topLinks {} .product-view .product-shop {width: 40%;} } @media (max-width: 680px){ .product-essential .more-images, .product-essential .more-images ul { width: 100%; display: inline-block; text-align: center; margin-top: 10px; } .header-container .logo, .header-container.fixed .sticky-logo { display: block; margin: 0; float: left; z-index: 100; text-align: left; } .header-container .container { padding: 0 !important; } .header-container .logo, .header-container.fixed .sticky-logo { max-width: 50%; } .header-container .logo img.logo-img, .header-container.fixed .sticky-logo img.logo-img {max-width:97%; padding-left: 5px;} .header-container .logo img.logo-img { display: inline-block; vertical-align: inherit; margin-bottom: 8px; margin-left: 3px; } img.logo-img {width: 100%;} .minicarttitle { font-size: 10px; } a.dropdown-toggle { font-size: 8px !important; } input#search { left: -20px !important; padding-left: 2px; padding-right: 2px; } div.topLinks {display: table-cell; padding-left:15px; padding-top: 8px;} ul#moreimages-slider-998.normal-list li { display: inline-block; } div.more-images ul li {display: inline-block;} .product-essential .more-images .normal-list ul li {display: inline-block;} div.moreimages-slider .normal-list, div.more-images ul li {display: inline-block;} .product-view .product-shop { width: 100%; } .product-view .product-img-box { width: 100%; position: relative; padding: 20px 0px 0px; } ul#moreimages-slider-998.normal-list li, div.more-images ul li { width:19%; display: inline-block; } .product-view .product-shop { padding-top: 23px; } .main-content .product-name{ padding-top: 1em; } .product-view .product-options {margin-top: 40px;} } .add-links-wrap .clearfix{ margin-bottom: 20px; margin-top: 20px; } @media (max-width: 991px) { div.col4.footer_column.footer-column-1, div.col4.footer_column.footer-column-2, div.col4.footer_column.footer-column-3 { width:30%; display: inline-block; margin-top: 20px; margin-left: 10px; margin-right: 10px; text-align: left;} .footer ul li.first {text-align: left;} div.header-top div.left {float: left !important ; margin-top: 4px; } .header-top { width: 500px; text-align: right; float: right; } div.right.clearfix.block-container {float: right !important ;} } @media only screen and (max-width: 600px){ div.col4.footer_column.footer-column-1, div.col4.footer_column.footer-column-2, div.col4.footer_column.footer-column-3 { float: none; width:70%; text-align: center; margin-top: 9px; display: block; margin-left:auto; margin-right:auto; } .links li.login-container, .links li.last {display:none !important;} .links li.first {text-align:right;} .toplinks {float:right;} , div.block.block-minicart {vertical-align: middle; float: none; line-height: 25px; font-size: 14px; margin-right:auto; margin-left:auto;} .header-top {width:150px; } } #product-price-853-related span.price, #product-price-949-related span.price {font-style: italic; color: #000; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; font-size: 14px; font-weight: normal; line-height: 2em; } #product-price-853-related span.price, #product-price-949-related span.price, #product-price-109-related span.price, #product-price-982-related span.price {font-style: bold; color: #000; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; font-size: 14px !important; font-weight: normal; line-height: 2em; } div .products-grid div .price-review span.price {font-style: italic; color: #000; /*letter-spacing: 1px;*/ -webkit-font-smoothing: antialiased; font-family: "Galano Medium",helvetica,arial; font-size: 13px !important; font-weight: 200; line-height: 1.7em; } div .price-review h3.product-name {padding-top: 4px;} @media (min-width: 1200px){ .product-list-item, .product-list-item-upsell { width: 22.9281768%; float: left; margin-right: 2%; display:block; } div#menu81.menu div.parentMenu, div#menu10.menu div.parentMenu, div#menu11.menu div.parentMenu, div#menu12.menu div.parentMenu {display: none;} !important } @media (max-width: 1024px) and (min-width: 768px){ .product-list-item, .product-list-item-upsell, li.item-upsell { width: 22.9281768%; float: left; display:block; margin-right: 2%; text-align:center; } div.topLinks {max-width: 30%;} .more-info {text-align:center;} } .product-image-thumbnail, ul.bxslider.last.odd { display: block; text-decoration: none; text-align: center; } li.item-upsell {display:block; } @media (max-width: 767px) and (min-width: 680px){ #custommenu-mobile {display: block; margin: 0 auto; top: -40px; padding: 0; z-index: 999;} /*.quick-access {max-width: 25%;}*/ } @media (max-width: 680px){ /*#custommenu-mobile {display: inline-block !important; margin: 0; line-height: 32px; padding-top: 23px; padding-bottom: 24px; margin-right: 30px; padding-left: 10px; position: fixed; top: -40px; max-width: 50%; } #custommenu-mobile #menu-content {position: relative;}*/ } @media (max-width: 767px){ .social-block, .bx-wrapper { float: left; display:block; clear: none; width: 47.5%; } div.form-search clearfix {display: none;} .product-list-item, .product-list-item-upsell, li.item-upsell {float: left; display:block; clear: none; margin-right: 2%; width: 45.5%; } .product-list-item, .product-list-item-upsell, li.item-upsell .price-review {padding-top: 1px; padding-left: 7px; padding-right: 7px; padding-bottom: 10px;} li.item-upsell .item-inner {margin-bottom: 10px; margin-top: 5px; position: relative;} .more-info {display: inline; font-size: 17px; border-bottom: 1px solid transparent; } div.products-grid, div.products-grid-upsell, {display: block; text-align: center;} .product-image-thumbnail-related {width:100%; display:block;} } @media (min-width: 767px) {.product-list-item, .product-list-item-upsell, li.item-upsell { width: 22.9281768%; float: left; display:block; margin-right: 2%; text-align:center; } .more-info {text-align:center;} } #form-notifi-product {margin-bottom: 4px;} .eternal-custom-menu-popup .menu-container.wrapper { vertical-align: top; display: inline-block; min-width: 140px; margin-right: 35px; } nav ul,nav ol { list-style: none; list-style-image:none; margin: 0; padding: 0; } li { margin: .5em 0; display: list-item; padding: 0; } .eternal-custom-menu-popup .subhead { display: block; padding-bottom: 2px; border-bottom: 2px solid #e0e0e0; letter-spacing: 0; -webkit-font-smoothing:antialiased; font-family:"Galano Medium",helvetica,arial; font-size: 19px; font-weight: 200; line-height: 1.4em; margin-bottom: 10px; } nav ul,nav ol { list-style: none; list-style-image:none; margin: 0; padding: 0; } .eternal-custom-menu-popup .wrapper li li { margin: .3em 0; } .eternal-custom-menu-popup .divider-vert { vertical-align: top; display: inline-block; margin: 0 20px 0 0; } .eternal-custom-menu-popup .wrapper li li a {color: #555;} .nav .nav-item .dropdown-menu .wrapper:last-child { margin-right: 0; } .nav .nav-item .dropdown-menu .featured { padding: 6px 0; } .eternal-custom-menu-popup .wrapper { vertical-align: top; display: inline-block; min-width: 140px; margin-right: 35px; text-align:left; } .eternal-custom-menu-popup .featured .subhead { text-align: center; border: none; padding-bottom: 2px; } div.eternal-custom-menu-popup a:hover, div.eternal-custom-menu-popup a:focus { background: #fff; color: #333; } .eternal-custom-menu-popup .subhead { display: block; padding-bottom: 2px; border-bottom: 1px solid #e5e5e5; letter-spacing: 0; -webkit-font-smoothing:antialiased; font-family:"Galano SemiBod",helvetica,arial; font-size: 13px; color: #111; font-weight: 200; line-height: 1.4em; margin-bottom: 10px; } .eternal-custom-menu-popupu .featured .featured-item{ max-width: 175px; margin-left: 10px; } .eternal-custom-menu-popup .featured-item { display: inline-block; margin-bottom: 0; } .nav .nav-item .dropdown-menu .featured-item a { display: block; border: none; } .nav .nav-item .dropdown-menu a { display: inline-block; height: auto; padding: 0; color: #000; text-align: left; text-transform: none; border-bottom: 1px solid transparent; font-size: 1.2em; font-weight: normal; line-height: 1.2em; } a.notify-outstock .cboxElement {background-color: white; color: #555; font-family: "Galano Medium",helvetica,arial; } div#form-notifi-product button.button {background-color: white !important;color: #555; font-family: "Galano Medium",helvetica,arial; height: 22px; } div#form-notifi-product button.button span {font-size:10px !important; font-style: italic; font-family: "Galano Medium",helvetica,arial; } @media (max-width: 1024px) and (min-width: 768px) { div#menu_blog.menu {display: none;} div#menu20.menu div.parentMenu, html[xmlns] #menu-button, html[xmlns] .parentMenu, div.menu a { height: 60px; } div.topLinks {padding-left: 15px; padding-top: 2px; } div.menu a span {font-size: 11px;} .quick-access {max-width: 30%;} .header-right { max-width: 74%; } .header-container .logo img.logo-img { display: inline-block; vertical-align: inherit; margin-bottom: 8px; margin-left: 3px; } input#search {max-width: 64%; left: -120px !important} .nav-container {max-width: 50%;} div#menu20.menu div.parentMenu {display: block; !important} } @media (max-width: 1140px) and (min-width: 1024px) { div.topLinks { max-width: 27%; padding-left: 12px;} .quick-access {max-width: 19%;} .nav-container {max-width: 57%;} } @media (max-width: 1006px) and (min-width: 992px) { div#menu_blog.menu {display: none;} div.topLinks { max-width: 20%;} div.menu a span {font-size: 11px;} .quick-access {max-width: 20%;} .nav-container {max-width: 54%;} } @media (max-width: 1040px) and (min-width: 930px) { div#menu_blog.menu {display: none;} div#menu20.menu div.parentMenu, html[xmlns] #menu-button, html[xmlns] .parentMenu, div.menu a { height: 60px; } div.menu a span {font-size: 11px;} .quick-access {max-width: 20%;float: left;} .nav-container {max-width: 54%;} } @media (max-width: 1050px) and (min-width: 1041px) { div#menu_blog.menu {display: none;} div.topLinks { max-width: 30%; padding-left: 25px;} .header-right, .header-container.fixed .header-menu { max-width: 79%; } div#menu20.menu div.parentMenu, html[xmlns] #menu-button, html[xmlns] .parentMenu, div.menu a { height: 60px; } div.menu a span {font-size: 11px;} .quick-access {max-width: 25%;} .nav-container {max-width: 60%;} } @media (max-width: 1006px) and (min-width: 992px) { #custommenu-mobile {display: none !important;} #custommenu {display: block !important;} } @media (max-width: 878px) and (min-width: 810px) { div#menu_blog.menu {display: none;} .header-right { max-width: 73%; } input#search { max-width: 61%; left: -90px !important; padding-left: 5px; padding-right: 5px; } .header-container .logo img.logo-img {max-width: 84%;} .header-container .logo img.logo-img { display: inline-block; vertical-align: inherit; margin-bottom: 7px; margin-left: 3px; } div#menu20.menu div.parentMenu, html[xmlns] #menu-button, html[xmlns] .parentMenu, div.menu a {height: 60px; } div.menu a span { font-size: 10px; } .topLinks .dropdown .caret{margin-top:5px;} .quick-access {max-width: 20%;} div.topLinks { max-width: 20%; padding-left: 13px; padding-top: 2px;} div.menu a span {font-size: 10px;} .nav-container {max-width: 55%;} } @media (max-width: 809px) and (min-width: 768px) { div#menu_blog.menu {display: none;} .header-container .logo img.logo-img { display: inline-block; vertical-align: inherit; margin-bottom: 7px; margin-left: 3px; } div#menu91.menu div.parentMenu {display: none;} .header-right { max-width: 68%; } input#search { display:inline !important; max-width: 50%; left: -30px !important; padding-left: 2px; padding-right: 2px; } .header-container .logo img.logo-img {max-width: 84%;} div#menu20.menu div.parentMenu, html[xmlns] #menu-button, html[xmlns] .parentMenu, div.menu a {height: 60px; } div.menu a span { font-size: 10px; } a.dropdown-toggle { } div.topLinks { max-width: 20%; padding-left: 35px; padding-top: 5px;} div.menu a span {font-size: 10px;} .nav-container {max-width: 55%;} } div#menublock_custom_menu.menu, .mobile-block-container {display: none !important; } @media (max-width: 767px) and (min-width: 681px) { .product-essential .more-images, .product-essential .more-images ul { width: 100%; display: inline-block; text-align: center; margin-top: 10px;} div.more-images ul li {display: inline-block;} } button.btn.btn-primary-tt-file-picker {font: 12px "Galano Medium",helvetica,arial; vertical-align: middle; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; border: solid 1px black; background-color: black; color: white;} div.tt-file-picker span {font-size: 12pt;margin-right:10px;} button.btn.btn-primary-tt-file-picker:hover, button.btn.btn-primary-tt-file-picker:focus {font: 12px "Galano Medium",helvetica,arial; vertical-align: middle; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; border: solid 1px black; background-color: #000000; color: white; width: 22% !important ;} @media (max-width: 640px) { div.span12.bucket.hero.caption-right.caption-alt { background: url(../../../../../media/wysiwyg/1weq.jpg) #000!important; background-size: cover; } #video { display: none !important } video::-webkit-media-controls { display: none; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { div.span12.bucket.hero.caption-right.caption-alt { background: url(../../../../../media/wysiwyg/1weq.jpg) #000!important; background-size: cover; } #video { display: none !important } video::-webkit-media-controls { display: none; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { div.span12.bucket.hero.caption-right.caption-alt { background: url(../../../../../media/wysiwyg/1weq.jpg) #000!important; background-size: cover; } #video { display: none !important } video::-webkit-media-controls { display: none; } }