/** Shopify CDN: Minification failed Line 25:144 Expected identifier but found "*" Line 33:293 Expected identifier but found "*" Line 735:28 Expected identifier but found "rgba(" Line 1090:0 Unexpected "}" Line 2566:2 Expected identifier but found "*" Line 3227:21 Expected identifier but found "*" Line 3279:69 Expected identifier but found "*" **/ /* * Vantage Shopify Theme * Copyright 2017, We are Underground * https://www.weareunderground.com * Gridlock - A CSS responsive grid system [12 column - Desktop standard] * @author Ben Plum * @version 0.2.0 * * Copyright © 2013 Ben Plum * Released under the MIT License */ /* !Reset Box-sizing */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } /* !Defaults */ .gridlock .row { margin-left: auto; margin-right: auto; width: 960px; /* Fallback */ } .gridlock .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .gridlock .row .row { margin-left: -1.0416666666666667%; margin-right: -1.0416666666666667%; width: 102.0833333333333334%; } .gridlock .row [class*="desktop-"] { float: left; margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row [class*="desktop-"].right { float: right; } .gridlock .row [class*="desktop-"].padded { margin-left: 0; margin-right: 0; padding-left: 1.0416666666666667%; padding-right: 1.0416666666666667%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; *behavior: none; } /* !Rows, Widest to Thinest */ @media screen and (min-width: 1680px) { .gridlock .row { width: 1400px; } } @media screen and (max-width: 1679px) { .gridlock .row { width: 1200px; } } @media screen and (max-width: 1220px) { .gridlock .row { width: 960px; } } @media screen and (max-width: 980px) { .gridlock .row { width: 720px; } } @media screen and (max-width: 740px) { .gridlock .row { width: 480px; } } @media screen and (max-width: 500px) { .gridlock .row { width: 96%; } } .gridlock-fluid .row { width: 98%; } .header-section .gridlock-fluid .row{ width:99.99%; margin-left:auto; margin-right:auto; } /* !Desktop - Default, 12 column, 1220 + 960 (min 980), IE Standard */ .gridlock .row .desktop-1 { width: 6.25%; } .gridlock .row .desktop-2 { width: 14.5833333333333333%; } .gridlock .row .desktop-3 { width: 22.9166666666666667%; } .gridlock .row .desktop-4 { width: 31.25%; } .gridlock .row .desktop-5 { width: 39.5833333333333333%; } .gridlock .row .desktop-6 { width: 47.9166666666666667%; } .gridlock .row .desktop-7 { width: 56.25%; } .gridlock .row .desktop-8 { width: 64.5833333333333333%; } .gridlock .row .desktop-9 { width: 72.9166666666666667%; } .gridlock .row .desktop-10 { width: 81.25%; } .gridlock .row .desktop-11 { width: 89.5833333333333333%; } .gridlock .row .desktop-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .desktop-push-1 { margin-left: 9.375%; } .gridlock .row .desktop-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .desktop-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .desktop-push-4 { margin-left: 34.375%; } .gridlock .row .desktop-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .desktop-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .desktop-push-7 { margin-left: 59.375%; } .gridlock .row .desktop-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .desktop-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .desktop-push-10 { margin-left: 84.375%; } .gridlock .row .desktop-push-11 { margin-left: 92.7083333333335%; } /* Center Cells */ .gridlock .row [class*="desktop-"].center { margin-left: auto; margin-right: auto; } /* !Generic, fractions */ .gridlock .row .desktop-third { width: 31.25%; } .gridlock .row .desktop-half { width: 47.9166666666666667%; } .gridlock .row .desktop-full { width: 97.9166666666666667%; } .gridlock .row .desktop-push-third { margin-left: 34.375%; } .gridlock .row .desktop-push-half { margin-left: 51.0416666666666667%; } /* !Desktop - Max, 12 column, 1200 (min 1221) */ @media screen and (min-width: 1221px) { .gridlock .row .max-1 { width: 6.25%; } .gridlock .row .max-2 { width: 14.5833333333333333%; } .gridlock .row .max-3 { width: 22.9166666666666667%; } .gridlock .row .max-4 { width: 31.25%; } .gridlock .row .max-5 { width: 39.5833333333333333%; } .gridlock .row .max-6 { width: 47.9166666666666667%; } .gridlock .row .max-7 { width: 56.25%; } .gridlock .row .max-8 { width: 64.5833333333333333%; } .gridlock .row .max-9 { width: 72.9166666666666667%; } .gridlock .row .max-10 { width: 81.25%; } .gridlock .row .max-11 { width: 89.5833333333333333%; } .gridlock .row .max-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .max-push-1 { margin-left: 9.375%; } .gridlock .row .max-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .max-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .max-push-4 { margin-left: 34.375%; } .gridlock .row .max-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .max-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .max-push-7 { margin-left: 59.375%; } .gridlock .row .max-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .max-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .max-push-10 { margin-left: 84.375%; } .gridlock .row .max-push-11 { margin-left: 92.7083333333335%; } } @media screen and ( min-width: 980px ) { .gridlock .row .contained.desktop-1 { width: 8.33333333%; } .gridlock .row .contained.desktop-2 { width: 16.66666667%; } .gridlock .row .contained.desktop-3 { width: 25%; } .gridlock .row .contained.desktop-4 { width: 33.33333333%; } .gridlock .row .contained.desktop-5 { width: 41.66666667%; } .gridlock .row .contained.desktop-6 { width: 50%; } .gridlock .row .contained.desktop-7 { width: 58.33333333%; } .gridlock .row .contained.desktop-8 { width: 66.66666667%; } .gridlock .row .contained.desktop-9 { width: 75%; } .gridlock .row .contained.desktop-10 { width: 83.33333333%; } .gridlock .row .contained.desktop-11 { width: 91.66666667%; } .gridlock .row .contained.desktop-12 { width: 100%; } } /* !Tablet, 6 column, 720 (min 739) */ @media screen and (min-width: 739px) and (max-width: 980px) { .gridlock .row [class*="desktop-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .tablet-1 { width: 14.5833333333333333%; } .gridlock .row .tablet-2 { width: 31.25%; } .gridlock .row .tablet-3 { width: 47.9166666666666667%; } .gridlock .row .tablet-4 { width: 64.5833333333333333%; } .gridlock .row .tablet-5 { width: 81.25%; } .gridlock .row .tablet-6 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .tablet-push-1 { margin-left: 17.7083333333333333%; } .gridlock .row .tablet-push-2 { margin-left: 34.375%; } .gridlock .row .tablet-push-3 { margin-left: 51.0416666666666667%; } .gridlock .row .tablet-push-4 { margin-left: 67.7083333333334%; } .gridlock .row .tablet-push-5 { margin-left: 84.375%; } /* !Generic, fractions */ .gridlock .row .tablet-third { width: 31.25%; } .gridlock .row .tablet-half { width: 47.9166666666666667%; } .gridlock .row .tablet-full { width: 97.9166666666666667%; } .gridlock .row .tablet-push-third { margin-left: 34.375%; } .gridlock .row .tablet-push-half { margin-left: 51.0416666666666667%; } .gridlock .row .contained.tablet-1 { width: 16.66666667%; } .gridlock .row .contained.tablet-2 { width: 33.33333333%; } .gridlock .row .contained.tablet-3 { width: 50%; } .gridlock .row .contained.tablet-4 { width: 66.66666667%; } .gridlock .row .contained.tablet-5 { width: 83.33333333%; } .gridlock .row .contained.tablet-6 { width: 100%; } } /* !Mobile, 3 column, 300 + 480 (max 740) */ @media screen and (max-width: 740px) { .gridlock .row [class*="desktop-push-"], .gridlock .row [class*="tablet-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .mobile-1 { width: 31.25%; } .gridlock .row .mobile-2 { width: 64.5833333333333333%; } .gridlock .row .mobile-3 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .mobile-push-1 { margin-left: 34.375%; } .gridlock .row .mobile-push-2 { margin-left: 67.7083333333334%; } /* !Generic, fractions */ .gridlock .row .mobile-third { width: 31.25%; } .gridlock .row .mobile-half { width: 47.9166666666666667%; } .gridlock .row .mobile-full { width: 97.9166666666666667%; } .featured-products .row .mobile-full { width: 100% !important; } .gridlock .row .mobile-push-third { margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; } .gridlock .row .contained.mobile-1 { width: 33.33333333%; } .gridlock .row .contained.mobile-2 { width: 66.66666667%; } .gridlock .row .contained.mobile-3 { width: 100%; } } /* !Mobile - Min, 300 (max 500) */ @media screen and (max-width: 500px) { .gridlock .row .min-full { width: 97.9166666666666667%; } } .gridlock .row [class*="all-"].contained, .gridlock .row [class*="min-"].contained, .gridlock .row [class*="mobile-"].contained, .gridlock .row [class*="tablet-"].contained, .gridlock .row [class*="desktop-"].contained, .gridlock .row [class*="max-"].contained { margin-left: 0; margin-right: 0; } * { margin: 0; } html, body { height: 100%; } img { width: 100%; border: 0; } img[data-sizes="auto"] { display: block; width: 100%; } .box-ratio { display: block; height: 0; width: 100%; overflow: hidden; background-color: #f1f1f1; } .product .box-ratio { background-color: white; } .box-ratio img { background-color: white; } .lazyload-fade { opacity: 0; transition: opacity 200ms; } .lazyload-fade.lazyloaded { opacity: 1; } .first { clear: left; } .no-fouc { visibility: hidden; } .load-wait { width: 100%; text-align: center; margin-top: 100px; font-size: 50px; color: #ddd; margin-bottom: 50px; } .hide { display: none; } /* NO JS Helpers ================================================== */ .no-js .no-fouc { visibility: visible; } .no-js .box-ratio { display: none; } .no-js .load-wait { display: none; } .no-js .thumbnail-slider .lazyload { display: none; } .no-js .vantage-accordion .product-accordion-content { display: block; } .no-js .related-products img.lazyload { display: none; } /*#zonos { display: none !important; } */ /*Order Trackor*/ #tracktorOrderForm button { min-width: 250px; max-width: 450px;} /*Order Trackor*/ /* #Base Styles ================================================== */ body { background: #ffffff; font-family:'Avenir Light',sans-serif; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #000000; line-height: normal/*1.6em*/; font-weight: 300; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #000000; font-family:'AvenirRomanFontDownload',sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 10px; line-height: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 25px; text-transform:uppercase; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 15px; } h5 { font-size: 14px; } .section-title { padding: 0px 0; text-align: center; position: relative; margin-bottom:15px; } p { font-size: 13px; margin-bottom: 10px; } strong { font-weight: bold; } em { font-style:italic; } pre { font-family: "Courier New", Courier, monospace; font-size: 13px; font-weight:bold; } center { text-align: center; } .product-title, .post-title { /*font-size: 14pt; */} .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } a { text-decoration: none; color: #000000; outline: 0; -webkit-transition:color .5s ease-in; -moz-transition:color .5s ease-in; -o-transition:color .5s ease-in; transition:color .5s ease-in; } a:hover { color: ; text-decoration: ;} a:visited { color:#000000; text-decoration: ; } a:focus { outline: none; } /* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */ dt { font-weight: bold; } ol { padding: 0; margin-left: 0; margin-bottom: 20px; text-indent: 0; list-style-position: inside; } ul { padding: 0; margin: 0 0 20px 0; list-style:disc inside;} li { } blockquote { font-family: Georgia, "Times New Roman", Times, sans-serif; font-size:18px; line-height: 24px; font-style:italic; padding-left:35px; color: #999; margin: 20px 0; } input, textarea { } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } b {font-weight: bold;} i { font-style: italic; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ProductDetailAccordion ================================================== */ .product-description { margin:5px 0 0 0; padding:0; float:left; width:100%; position:relative; } li.detail_ul.dcjq-parent-li{ list-style-type:none; float: left; width: 100%; padding-bottom: 30px; } li.detail_ul.dcjq-parent-li a.dcjq-parent{ font-size:12px; letter-spacing:2px; color:#4d4d4d; padding:0 0 0px 20px; margin-bottom:10px; } .product-description ul li { list-style-image: url("dist.png"); list-style-position: inside; color: #4d4d4d; font-family: 'Avenir Next Medium',sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 5px; padding-left: 12px; width: 100%; padding-bottom: 0 !important;} .product-description ul li a { width:100%; display:inline-block; } .product-description ul p, .product_detail_accordian p { float:left; width:100%; font-size:11px; color:#4d4d4d; line-height:22px; } .product-description .dcjq-parent { background-image:url(close-plus.png); background-repeat:no-repeat; background-position:0% center; } .product-description .open { background-image:url(minus-close.png); background-repeat:no-repeat; background-position:0% center; } .variant-sku::before { content: 'SKU# ';} .variant-sku {color:#ccc; font-size: 11px;} [id^="webyze-product-colors-"]:before{ font-size:14px; font-weight:normal !important;; color:#000; text-transform:uppercase; font-family: 'Avenir Next Medium',sans-serif; margin-bottom:5px } /*Hide FIT & WASH Heading*/ .description-section h4 { display: none;} .description-section > p {font-size:12px;} /* Category Page ===================================================*/ #bc-sf-filter-bottom-pagination .fa-angle-right:before, #bc-sf-filter-bottom-pagination .fa-angle-left:before {display:none !important;} /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { width: 100%; max-width: 100%; background: #000000; border: none; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; -webkit-appearance: none; color: #fff; display: inline-block; font-size: 12px; font-weight: normal; text-decoration: none; cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 15px 0; font-family: 'Avenir Light',sans-serif; max-width: initial; background: transparent; color: #000; padding: 0; margin: 0; border: 1px solid #000; font-size: 13px; border-radius: 8px; text-transform: capitalize; min-height:42px; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #ffffff; background: #000000; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } a.button { padding: 10px 20px; width: initial; max-width: initial; color: #000000; background: #000000; } a.button:visited { color: #000000; background: #000000; } a.button:hover { color: #ffffff; background: #000000; } .btn-price-section { position:relative; float: left; width: 100%; margin: 17px 0 0; } .btn-price { position: absolute;right: 17px;font-size: 13px;top: 14px; pointer-events:none; } .btn-price-section:hover .btn-price {color:#fff;} .details__line{float:left; width:100%; position: absolute; right: 0; bottom: -25px; text-align: left; margin:0;} .product-card__sale {margin: 0;color: #d40000;font-size: 10px; } @media screen and (max-width:767px ) { .btn-price { top: 17px;} } /* #Forms ================================================== */ form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } select { padding: 0; } label, legend { display: block; font-weight: bold; margin-bottom: 5px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] { width: 100%; background: transparent; border: 1px solid #eeeeee; padding: 0 15px; margin: 0 0 15px; min-height: 42px; line-height: 42px; max-width: 100%; outline: none; font-size: 100%; font-family:'Avenir Light',sans-serif; color: #000000; border-radius: 10px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { color: #000000; -moz-box-shadow: 0 0 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 0px rgba(0,0,0,.2); box-shadow: 0 0 0px rgba(0,0,0,.2); } textarea { /*min-height: 60px; min-width: 300px;*/ } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { /*border: 1px solid #eeeeee;*/ -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 0px #000 inset; transition: background-color 5000s ease-in-out 0s; } textarea { width: 100%; background: transparent; border: 1px solid #eeeeee; height: 200px; margin: 0px; margin-bottom: 40px; max-width: 100%; padding: 10px 5px; outline: none; font-size: 100%; } /***********************Checkout*********************/ .sidebar .order-summary__small-text {color:##efefef !important} /* #Header ================================================== */ #wrapper { margin-top: 0; } #sus_nav {top:230px !important; position:static !important;} #susstory { margin-top:0px !important;} #shopify-section-header{ position: fixed; width: 100%; z-index: 9999; top:0; left:0;} body:not(.index-template) #shopify-section-header{ position: relative; } #top-bar { margin-top: 0; height: auto; text-transform: none; padding: 6px 0; font-family: 'Avenir Light',sans-serif; float: left; width: 100%; position:relative; z-index:9999; } #top-bar p { margin-bottom: 0; font-size: 14px; line-height: 28px;} #top-bar .top-ticker img {width:55px;} #top-bar .top-ticker a { text-decoration:underline; color:#fff;} #top-bar .top-ticker br {display:none;} #header { position: relative; padding-top: 10px; } #header-wrapper1 { /*#fff*/ rgba(0,0,0,0); padding-top: 5px; } #header-wrapper {/* background: #8889;*/ padding-top: 5px; } #mobile-header { /*background:#fff;*/ float:left; width:100%; padding:0 15px; position: relative; z-index: 999; margin: 15px 0;} /*.index-template #mobile-header { background: #000; }*/ .mobile-header-icons { float:right;} ul#mobile-menu .mobile-header-icons li i { color:#000000;} .index-template ul#mobile-menu .mobile-header-icons li i { color:#fff;} /*#top-bar p.head-viro{line-height: 10px; padding-top: 30px;} #top-bar p.head-viro br { display:none; } */ body:not(.index-template) #header-wrapper{background-color:#fff !important; margin-bottom: 42px;} .index-template .white-header #logo a img.white-logo {display: block;} .index-template .white-header #logo a img.black-logo {display: none;} .index-template .black-header #logo a img.white-logo {display: none;} .index-template .black-header #logo a img.black-logo {display: block;} .index-template .black-search #logo a img.white-logo {display: none !important;} .index-template .black-search #logo a img.black-logo {display: block !important;} #logo { line-height: initial; position: relative; text-align: center; margin-bottom: 15px; } #logo a { vertical-align: middle; font-family: 'AvenirRomanFontDownload',sans-serif; text-decoration: none; } #logo a { color: #000000; } /*#logo a img.black-logo {display: none;}*/ /*#logo a img.white-logo {display: none;}*/ /*.header-section:hover #logo a img.white-logo {display: none;} .header-section:hover #logo a img.black-logo {display: block;}*/ body:not(.index-template) #header-wrapper img.white-logo { display: none; } #mobile-menu img { height:19px; width:auto; } .index-template ul#cart li img.blk-img{ display:none;} .index-template ul#cart li img.wht-img{ display:inline-block;} .index-template .black-header ul#cart li img.blk-img{ display:inline-block;} .index-template .black-header ul#cart li img.wht-img{ display:none;} .index-template .white-header ul#cart li img.blk-img{ display:none;} .index-template .white-header ul#cart li img.wht-img{ display:inline-block;} .index-template .header-section:hover ul#cart li img.blk-img{ display:inline-block;} .index-template .header-section:hover ul#cart li img.wht-img{ display:none;} /*.index-template .header-section:hover .inline-header div#header { background: #fff;}*/ body:not(.index-template) .blk-img{display:inline-block;} body:not(.index-template) .wht-img{display:none;} .index-template .black-header svg.icon-search path, .index-template .black-header svg.icon-cart path, .index-template .black-header svg.icon-cart path, .index-template .black-header svg.icon-login path, .index-template .black-header svg.icon-logout path, .index-template .black-header svg.icon-menubar path{ stroke:#000; } .index-template .white-header svg.icon-search path, .index-template .white-header svg.icon-cart path, .index-template .white-header svg.icon-cart path, .index-template .white-header svg.icon-login path, .index-template .white-header svg.icon-logout path, .index-template .white-header svg.icon-menubar path{ stroke:#fff; } .index-template .black-search .main-navigation ul li a {color: #000 !important;} .index-template .header-section:hover .white-header svg path {stroke:#000;} @media screen and (max-width:980px ){ /* .index-template #logo a img.black-logo, .index-template #mobile-menu a img.black-logo {display: none;} .index-template #logo a img.white-logo, .index-template #mobile-menu a img.white-logo {display: inline-block;}*/ .index-template #mobile-menu:hover a img.white-logo{display:none;} .index-template #mobile-menu:hover a img.black-logo{display:inline-block;} .index-template #mobile-menu:hover .shifter-handle {color:#000;} .index-template ul#mobile-menu:hover .mobile-header-icons li i, .index-template #mobile-header:hover span.cart-count {color:#000;} .index-template .mob-logo{ } .mob-logo{ /*background: url(/cdn/shop/files/logo-svg-blk.svg?v=1648807506) no-repeat center center; background-size:80%;*/ width: 120px; height: 30px; /*text-indent: -9999px; padding-top:50px;*/ margin: 0 auto; display:inline-block; } /*.index-template .header-section:hover .mob-logo{ background: url(/cdn/shop/files/logo-svg-blk.svg?v=1648807506) no-repeat center center; background-size:80%; }*/ .mobile-black-header ul#mobile-menu .black-logo {display:inline-block;} .mobile-white-header ul#mobile-menu .white-logo {display:none;} .mobile-black-header ul#mobile-menu .white-logo {display:none;} .mobile-white-header ul#mobile-menu .black-logo {display:inline-block;} .index-template .mobile-black-header ul#mobile-menu .black-logo {display:inline-block;} .index-template .mobile-white-header ul#mobile-menu .white-logo {display:inline-block;} .index-template .mobile-black-header ul#mobile-menu .white-logo {display:none;} .index-template .mobile-white-header ul#mobile-menu .black-logo {display:none;} .index-template #mobile-header.mobile-black-header span.cart-count {color:#000;} .index-template #mobile-header.mobile-white-header span.cart-count {color:#fff;} #mobile-header span.cart-count {display:none;} .index-template .mobile-black-header svg.icon-search path, .index-template .mobile-black-header svg.icon-cart path, .index-template .mobile-black-header svg.icon-cart path, .index-template .mobile-black-header svg.icon-login path, .index-template .mobile-black-header svg.icon-logout path, .index-template .mobile-black-header svg.icon-menubar path{ stroke:#000; } .index-template .mobile-white-header svg.icon-search path, .index-template .mobile-white-header svg.icon-cart path, .index-template .mobile-white-header svg.icon-cart path, .index-template .mobile-white-header svg.icon-login path, .index-template .mobile-white-header svg.icon-logout path, .index-template .mobile-white-header svg.icon-menubar path{ stroke:#fff; } } @media only screen and (max-width: 980px){#header-wrapper{ display:none;} /* #top-bar {display:none;}*/ .transpage {margin-top:-50px !important;} } #top-bar { background: #000; /*background: #0a3a50; background: url("/cdn/shop/files/ticker-bg.gif?v=1635484966"); background-size: cover; background-position:center;*/ color: #ffffff; } @media screen and (max-width:1500px ) { #top-bar p {font-size:14px;} } @media screen and (max-width:1200px ) { #top-bar p {font-size:13px;} #top-bar .top-ticker br {/*display:block;*/} } @media screen and (max-width:768px ) { #top-bar p { line-height:16px;} #top-bar { /*background: url("/cdn/shop/files/ticker-bg-mobile_4ffb8a7a-f891-4a7c-9465-69a44db2f2a2.gif?v=1635488621"); background-size: cover; background-position:center;*/ } #top-bar {height: 40px; position: relative; width:100%;} .top-ticker { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width:100%; text-align:center; left:0; right:0;} } @media screen and (max-width:630px ) { #top-bar p {font-size:12px; } } .inline-header #logo { margin: 0; /*margin-left: 2%; z-index:999;*/ display: flex; justify-content: center; position: absolute; left: 0; right: 0; text-align: center; width: 100%; top:0; } .inline-header div#flex-header { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; /* margin:0; width:100%; */ position: relative; justify-content: space-between; margin-left: 1.2%; margin-right: 1.2%; width: 97.6%; } @media screen and (max-width:980px ) { .index-sections {margin-top:58px;} /*.otherthan-index-sections { margin-top:160px;}*/ body:not(.index-template) .otherthan-index-sections {/*margin-top:6.3vw;*/} } @media screen and (min-width:979px ) { .index-sections { margin-top:58px;} } @media screen and (max-width:768px ) { .index-sections { /*margin-top:59px;*/} } @media screen and (max-width:630px ) { /*.index-sections { margin-top:15vw;}*/ } /*.header-section:hover{background:#fff; -webkit-transform:translateZ(0);-khtml-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background 400ms ease 0s;transition:background 400ms ease 0s}*/ /*@media screen and (max-width:630px ) { .index-sections { margin-top:60px;} .otherthan-index-sections { margin-top:100px;} }*/ .search-form input#q:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; } .search-form input#q::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; } .search-form input#q:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000000; } #cart li a { color: #000000; /*font-size:0;*/} #cart li a svg {display:none;} .index-template #cart li a { color: #000; /*#ffffff; font-size:0;*/} .index-template .white-header #cart li a { color: #fff; /*font-size:0;*/} .index-template .header-section:hover .white-header #cart li a { /*color: #000; */} .index-template .black-search #cart li a { color:#000 !important;} span.cart-count { font-size: 10px; /* position: absolute; top: 7px; left: 0px; right: 0;*/ text-align: center; } span.cart-count:before { content: "(";} span.cart-count:after { content: ")";} .index-template #mobile-header span.cart-count{ color:#fff; } #mobile-header span.cart-count{ color:#000; top: 8px; left: 0; right:0; font-size: 7px; } ul#cart li a i { font-size: 16px; padding: 0 5px; } .gep-switcher-desktop { margin-top: -14px !important; margin-left: 10px !important;} #search { position: relative; margin-bottom: 5px; } .inline-header div#search { margin-bottom: 0; } div#header-wrapper.inline-header { padding: 0; } .inline-header div#header { padding-top: 0; z-index:999; padding: 20px 0; } #search input#q { margin-bottom: 0; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid transparent; padding: 0! important; font-weight: 300; width: 100%; text-indent: 5px; } #search input#seek { position: absolute; top: 10px; right: 10px; } .search-form { border-bottom: .05em solid #aaa; position: relative; } .search-form button { width: 30px; max-width: initial; height: initial; line-height: initial; padding: 0 0px; margin: 0px 0 0; border-left: 0; position: absolute; right: 0px; top: 3px; font-size: 13px; line-height: 16px; background: transparent; color: #000; border:0; } .search-form button img { height: 20px; width:auto } #header .search-form button { background: rgba(0,0,0,0); color: #000000; } .search-form span { position: absolute; top: 6px; right: 5px; font-size:13px;} @media screen and ( min-width: 500px ) { .search-form span {display:none;} } ul#cart { text-align: right; margin:0; } ul#cart li { display: inline-block; margin-left: 30px; padding: 0; position:relative; } ul#cart li:first-child { margin-left: 0; } @media screen and ( max-width: 1150px ) { ul#cart li{ margin-left: 1.0vw; } } @media screen and ( min-width: 1025px ) { ul#cart { /*float: right;*/ } } #searchbox { position: absolute; left: 0; padding: 0px 30px; z-index: 99; background: #fff; top: 140px; max-width: 624px; right: 0; margin: 0 auto; } .searchbox-bg { font-weight: 100; background: #fff; width: 100%; height: 100%; position: fixed; z-index: -100; right: 0; left:0; top: 0px; opacity:0; transition:opacity 0.3s linear; visibility:hidden; } .seeks .searchbox-bg.showsearch { opacity:1; visibility:visible; } } div#searchbox form input { margin-bottom: 0; border: 1px solid #eee; text-transform: capitalize; font-size: 13px; background: #f9f9f9; } #searchbox input[type=text] { border-radius: 0; border-bottom: 1px solid #aaa; line-height: 25px; min-height: 25px; border-width: 0 0 1px 0; padding: 0; } #searchbox form input:focus { outline: none; box-shadow: none! important; } .searchbox-bg .search-results {width: 250px !important; border:0 !important; border-radius:0 !important; -webkit-box-shadow:none !important; box-shadow: none !important; top: 50px !important;} .searchbox-bg .search-results li { margin:0 !important; line-height:25px !important; border-top: 0 !important; } .searchbox-bg .search-results li a { display: flex; flex-direction: row; } .searchbox-bg .search-results .thumbnail {display: block !important; width: auto !important; height: auto !important; margin: 0 !important;} .searchbox-bg .search-results .title { line-height: normal !important; width: 180px !important;} /******* Omega Search *********/ .os-price s span.money { color: #999; font-size: 12px; margin-left: 7px;} /*Search Result Page*/ h1.os-e.omega-search-h1 { font-weight: bold !important; text-align: center; text-transform: uppercase !important;} #content .os-page-container{ width: 94%!important; margin: 3% 3%;} .os-e.os-toolbar.os-top { margin: 0 !important; min-height: auto !important; padding: 0 !important;} /*.os-e { float:left; }*/ .os-e.meta-component { background: #f7f7f7 !important; float: left; width: 100%; padding: 15px !important;} .os-index .os-hits .os-list.os-mode-grid { grid-gap: 32px!important; float:left; } .os-e.os-price s{font-size: 11px;font-weight: 500;} .os-e.os-price, .os-e.os-sku, .os-e.os-buy-container { width:100%;} div#os-tabs { display:none;} #content .os-e.os-search-box { max-width: 100% !important; width: 100%!important; margin-bottom: 14px!important; height: 48px;} #content .os-e.os-search-box input{ height: 46px!important;} #content .os-e.os-search-box:after{top:14px!important;} /*Search Result Page*/ /******* Omega Search *********/ /*Buddah Top Menu */ li.buddha-menu-item i.fa-angle-down:before { content:none;} .horizontal-mega-menu ul.mm-submenu.simple>li .mm-list-name { border:none !important;} ul.mm-submenu { font-family:'Avenir Light', sans-serif !important; box-shadow:none !important;} .horizontal-mega-menu li.buddha-menu-item > ul.mm-submenu li { max-width: 14vw !important; float: none !important; display: inline-block !important;} /*.horizontal-mega-menu li.buddha-menu-item > ul.mm-submenu li:last-child{ max-width: 300px !important;}*/ /*.horizontal-mega-menu ul.mm-submenu.simple > li .mm-image img { max-height:285px !important;}*/ ul.mm-submenu.simple > li ul.mm-submenu.link-list li { padding:5px 0px 0px !important;} .horizontal-mega-menu ul.mm-submenu.simple > li .mm-image-container{height:180px !important;} .horizontal-mega-menu>li.buddha-menu-item ul.mm-submenu.tree { border-radius: 0 !important;} /* @media only screen and (max-width: 1200px) { .horizontal-mega-menu li.buddha-menu-item > ul.mm-submenu li { max-width: 160px !important; } } @media only screen and (max-width: 1024px) { .horizontal-mega-menu li.buddha-menu-item > ul.mm-submenu li { max-width: 150px !important; } } */ /* #Navigation ================================================== */ .nav-container { background: #fff /*rgba(0,0,0,0)*/; width: 100%; z-index: 9999; left: 0; float: left; width: 100%; } body.index-template .nav-container { background: rgb(63 63 68 / 0%) } /* ul.nav{visibility: hidden;} ul.nav.horizontal-mega-menu{ visibility: visible;} */ nav { width: 100%; z-index: 9; } ul.nav { list-style: none; position: relative; margin-bottom: 0; display: flex; justify-content: space-between; width: 80%; } ul.nav li { display: inline-block; /*text-transform: uppercase;*/ } ul.nav li a { font-family: 'Avenir Light',sans-serif !important; font-size: 13px; font-weight: 300; color: #000 /*#000000*/; display: block; padding: 0 0px 0 0; letter-spacing: 0px; /*text-transform: uppercase !important;*/ } .index-template .white-header ul.nav li a{ color: #fff; } ul.nav li a i{display:none} ul.nav > li > a {text-transform: capitalize !important;} div#header-wrapper.isStuck { /*border-bottom: 1px solid #555;*/} .horizontal-mega-menu>li>a>.mm-angle-down { display: none !important; } @media screen and (max-width: 1112px){ ul.nav li a { font-size: 13px; /*padding: 0 2px;*/ } } ul.nav li:hover a { color: #000000; background: rgba(0,0,0,0); } ul.nav li a:hover { text-decoration: none; background: rgba(0,0,0,0); color: #000000; } .header-section:hover ul.nav li a { color: #000000; } ul.nav li.dropdown { position: relative; display:none; } ul.nav li.dropdown ul.submenu { display: none; float: left; position: absolute; z-index: 25; margin: 0; top: 0; padding: 10px 0; border: 1px solid #eeeeee; border-top: 0; background: #ffffff! important; } ul.nav li.dropdown > a:after { font-family: 'FontAwesome'; content: "\f107"; margin-left: 10px; } ul.nav li:hover ul.submenu { display: block; background: #ffffff! important; } ul.nav li ul.submenu li { min-width: 180px; line-height: 20px! important; text-align: left; display: block; clear: left; white-space: nowrap; background: #ffffff! important; color: #000000; line-height: initial! important; padding: 3px 0; } ul.nav li ul.submenu li a{ text-align: left; font-size: 13px; padding-left: 15px; font-weight: normal! important; letter-spacing: initial; font-family: 'Avenir Light',sans-serif; color: #000000; background: #ffffff! important; } ul.nav li ul.submenu li:hover { background: #ffffff; } ul.nav li ul.submenu li a:hover { color: #000000; background: #ffffff; } .submenu li.nest { position: relative; } ul.nav li ul.submenu li.nest:after { position: absolute; top: 4px; right: 10px; font-size: 13px; font-family: 'FontAwesome'; content: "\f105"; } .submenu li.nest:hover > ul.nested { display: block; } .nested { display: none; padding: 10px 0; position: absolute; left: 100%; background: #ffffff; top: -10px; border: 1px solid #eeeeee; } .rightarrow { position: absolute; right: 10px; color: ; top: 10px; font-size: 11px; } .header-section:hover #cart li a { /*color: #000;*/} /* #Content ================================================== */ .index #content { margin-top: 0; } /*#content { margin-top: 20px;}*/ @media screen and (max-width: 980px ) { .product-template #content{ margin-top: 0; width:100%; } .collection-template #content{ margin-top: 0; } #basket-right {margin-top: 40px;} } /* #Index.liquid ================================================== */ .homepage-section { margin-bottom: 20px; } .shopify-section:last-child .homepage-section { margin-bottom: 0; } .homepage-section.feat-images { margin-bottom: 0; } .shopify-section:first-child .slideshow-section { margin-top: 0; } .shopify-section:first-child .index-section .text-with-image { margin-top: 0; } .homepage-section .videoWrapper { margin-top: 20px; } .index_slider img { max-height: 1280px; } .videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { width: 100%; } .homepage-promo { position: relative; z-index: 1; overflow: hidden; text-align: center; cursor: pointer; margin-bottom: 20px; } .homepage-promo img { position: relative; display: block; width: 100%; /* max-height: 1280px; */ } .homepage-promo .caption { display: table-cell; vertical-align: middle; position: absolute; top: 45%; left: 0; text-align: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .homepage-promo .caption::before, .homepage-promo .caption::after { pointer-events: none; } .homepage-promo .caption h3, .homepage-promo .caption p { margin: 0; } .homepage-promo .caption img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .homepage-promo:hover img { /*opacity: 0.7;*/ } .homepage-promo .caption::before { -webkit-transform: scale(0,1); transform: scale(0,1); } .homepage-promo .caption::after { -webkit-transform: scale(1,0); transform: scale(1,0); } .homepage-promo h3 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } .homepage-promo p { padding: 10px 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .homepage-promo:hover .caption::before, .homepage-promo:hover .caption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .homepage-promo:hover h3, .homepage-promo:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #instafeed { margin-top: 20px; } #instagram-feed { margin-top: 10px; } #instagram-feed a { line-height: 0; } #instagram-feed img { margin-top: 0; } .logo-section { text-align: center; } .logo-list { margin-top: 10px; display: inline-block; float: none! important; margin-left: 0.7%! important; margin-right: 0.7%! important; } .logo-list img { max-height: 400px; } ul.article-loop { list-style: none; margin: 0; clear: left; display: block; } .pages-content { text-align: center; margin-top: 10px; } @media screen and (min-width: 741px ) { .text-with-image { margin-top: 10px; margin-bottom: 10px; } .image-with-text-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } .text_section { padding: 0 40px; } .text-with-image { line-height: 0; } .text-with-image .rte { line-height: 1.6em; } .text-with-image h2 { text-align: left; } .homepage-text-promo { margin-bottom: 20px; margin-top: 10px; } .homepage-text-promo img { margin-bottom: 10px; } .text-centered h3, .text-centered .rte { text-align: center; } @media screen and (min-width: 741px ) { .index-section.nbm { margin-bottom: 0; } } /* #collection.liquid ================================================== */ #collection-loop { margin-top: 30px; } .collection-banner img { width: 100%; max-height: 1080px; } .collection-image { margin-bottom: 20px; } .collection-index { text-align: center; margin-top: 20px; margin-bottom: 20px; } .collection-index h3 { font-size: 13px; font-weight: 300; } .men-plp-banners,.plp-text-banners { width: 358px; margin: 0 auto -15px; text-align: left; } #collection-page h1 { text-align: center; display:none; } .collection-description { text-align: center; } #collections h3 { border-bottom: 1px solid #eeeeee; padding-bottom: 5px;} ul#links { margin-bottom: 10px;} ul#links li { list-style-type: none; padding: 2px 0; display: block; } ul#links li a:hover{ text-decoration: none; } ul#links li.active a {text-decoration: underline; } ul#links li a.current {text-decoration: underline;} #collection-sidebar { clear: left; position: relative; margin-left: 14px; } @media only screen and (max-width: 740px){ #collection-page .collection-description .rte { /*display: none;*/ } .men-plp-banners, .plp-text-banners {display:none;} } @media only screen and (max-width: 1023px) { .dropdownwrap { display: none; width: 100%; clear: left; } .col-with-sidebar { margin-left: 0; } } @media only screen and (min-width: 1024px) { #dropdown { display: none; } .dropdownwrap { display: block; position: absolute; top: 40px; } } #dropdown { margin-bottom: 20px; float: left; margin-top: -10px; border: 1px solid #eeeeee; padding: 10px; } #collection-sidebar h4 { padding-bottom: 5px; margin-bottom: 5px; } #collection-sidebar ul { list-style-type: none; margin-bottom: 20px; } #collection-sidebar h1 { padding-bottom: 10px; border-bottom: 1px solid #eeeeee; margin-bottom: 20px; } #collection-sidebar ul li a.current { border-bottom: 1px solid #eeeeee; text-decoration: none; } #collection-sidebar label { border-bottom: 1px solid #eeeeee; margin-bottom: 5px; } #collection-sidebar ul.sub { margin-bottom: 0; } #collection-sidebar .accordion-content, #collection-sidebar .accordion-content2 { margin-bottom: 20px; padding-left: 5px; } .show { display: none; } #full-width-filter { padding: 5px; margin-bottom: 10px; } .collection-description { margin-bottom: 10px; } #full-width-filter ul.sortme { width: 100%; margin-bottom: 0; } ul#sortme h4 { font-weight: normal; } #full-width-filter .filter { display: inline-block; margin-right: 10px; float: left; } #full-width-filter h4 { margin-bottom: 0; float: left; display: inline-block; line-height: 30px; font-size: 12px; font-weight: bold; } .clearfix.filter { display: inline-block; border: 0; width:49%; } select.styled-select { display: inline-block; width: initial; min-width: 120px; vertical-align: middle; border: 1px solid #d5d5d5; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; float: right; color: #000000; /*margin-left: 10px;*/ font-size: 10px; height: 24px; padding-left: 5px; background: url(//www.dl1961.com/cdn/shop/t/46/assets/select-arrow.png?v=112595941721225094991603884561) right no-repeat; -webkit-appearance: none; -moz-appearance: none; } #collection-sidebar ul.sortme { margin-bottom: 0; margin-top:-10px; } #collection-sidebar ul.sortme li p { font-weight: bold; font-size:10px; top:-25px; text-transform: uppercase; margin-left:0; } #collection-sidebar ul.sortme li #nav-toggle span ,#collection-sidebar ul.sortme li #nav-toggle span:before, #collection-sidebar ul.sortme li #nav-toggle span:after{width:20px; } #collection-sidebar select.styled-select { margin-left: 0; } .homepage-section .product-index { margin-top: 20px; } .product-index { position: relative; /*margin-bottom: 20px;*/ text-align: center; width: 25%;} /*.collection-template .product-index { border-right: 0.5px solid #808080; }*/ .collection-template .product-index-inner { border-right: 0.5px solid #808080; } .featured-products .product-index-inner { border-right: 0.5px solid #808080; } .product-index.pro3 {width:33.333%} .product-index.pro4 {width:25%} .product-index.pro2 {width:50%} .product-index.pro4.last .product-index-inner { border-right:0;} .product-index .product-title {text-transform:uppercase;} .collection-index .product-title { clear: left; display: block; /*font-weight: bold; text-transform:capitalize;*/ margin-bottom:7px } .product-wash-title{ text-transform:capitalize; color: #ADADAD; text-transform:uppercase;} .product-fabric { color: #ADADAD; text-transform:uppercase;} .product-fabric-detail { font-style: italic;text-transform:capitalize;} .img2 { display: none; } .onsale { display: inline-block; margin-right: 0px; color: #000; } .was{ display: inline-block; margin-left: 0px; text-decoration: line-through; color: #AAAAAA; font-size:12px;} .icn { position: absolute; top: 10px; left: 10px; letter-spacing: 0px; opacity: 1; z-index: 2; padding: 3px 6px 2px; font-size: 9pt; } .icn2{ /*left: 90px;*/ top:17px;} .icn3{ /*left: 87px; top:17px;*/} .icn4{ /*left: 120px;*/ top:17px;} .sale-item.icn { background: #c40000; color: #fff; display:none; right:-5px; left:auto; } .so.icn { color: #000; /*text-shadow: 1px 1px 4px #aaa;*/ } .pre-order.icn { background: #ffffff70; color: #000000; right: 10px; left: auto !important; padding-top: 4px; } .new.icn { background: #fff; color: #333; border: 1px solid #eeeeee; } .so.icn:nth-child(2) { left: 120px; } .product-quick-view { max-width: 800px; } /*.prod-image img, .collection-image img { max-height: 470px; } .medium_grid .prod-image img, .medium_grid .collection-image img { max-height: 600px; }*/ .large_grid .prod-image img, .large_grid .collection-image img { max-height: 900px; } /* =============================================== // Reveal module // =============================================== */ .product-info { padding: 13px; } .collection-template .product-info {border-top: 1px solid #808080; border-bottom: 1px solid #808080; border-right: 0.5px solid #808080; } .collection-template .product-index.pro4.last .product-info {border-right:0;} .featured-products .product-info {border-top: 1px solid #808080; border-bottom: 1px solid #808080; border-right: 0.5px solid #808080; } .featured-products .product-index.pro4.last .product-info {border-right:0;} .product-info-inner { display: flex; justify-content: space-between; gap:10px; font-size: 9pt; height:64px;} .product-info-inner a { text-align:left; display: flex; flex-direction: column; justify-content: space-between; } .product-info-inner .price { display: flex; flex-direction: column; gap: 10px; } /* =============================================== // Reveal module // =============================================== */ .reveal .hidden { display: block !important; visibility: visible !important;} .product-image:hover .reveal img { opacity: 1; } .reveal { position: relative; overflow:hidden; } .reveal .hidden { position: absolute; z-index: -1; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background: #ffffff; } .reveal:hover .hidden { z-index: 1; opacity: 1; } /* ================ */ /* = Product page = */ /* ================ */ #product-images { position: relative; padding: 0px; padding-top: 0; } .slide-gallery ul.slides li:hover { cursor: zoom-in; } .zoomImg { background: #fff; } .zoomImg:hover { } ol.flex-control-nav.flex-control-thumbs { display: none; } div#product-images .slide-gallery img { /* max-height: 650px! important;*/ } div#product-images .slide-gallery .zoomImg { max-height: initial! important; } @media screen and ( max-width: 740px ) { #product-images { /*padding: 0! important;*/ } } #product-description { position: relative; margin-top: 0px;} #product-description h2 { text-transform:capitalize; font-size: 13px; } #split-description { margin-top: 10px; margin-bottom: 30px; } #split-description h4.header { padding-bottom: 5px; border-bottom: 1px solid #eeeeee; } #product-description label { float: left; margin-right: 10px; } #product-description h1 { text-transform:uppercase; border-bottom: 0px solid #eeeeee; margin-bottom: 0px; font-size: 20px; font-weight: normal;} #product-price { margin-top: 0; margin-bottom: 0px; font-size: 16px; font-weight: normal; color: #000;} #webyze-product-colors-276058341404 .swatchProductColor { margin: 3px 4px !important; } #webyze-product-colors-534388015132::before{font-weight: normal !important; text-transform: uppercase !important; color: #282828; font-family: 'Avenir Next Medium',sans-serif;} #webyze-product-colors-276058341404 {padding:10px 3px 5px 0 !important;} span.compare-price { text-decoration: line-through; margin-left: 10px; } .product-add { padding: 0; line-height: 38px; min-height: 38px; } .quantity { font-weight: bold; text-align: center; margin: 0 5px! important; width: 70px! important; display: inline-block! important; padding: 0! important; text-indent: 0! important; display: inline-block! important; float: left; } .up { border: 1px solid #f0f0f0; padding: 0 8px; line-height: 38px; min-height: 38px; display: inline-block; color: #000000; float: left; } .downer { border: 1px solid #f0f0f0; padding: 0 8px; line-height: 38px; min-height: 38px; display: inline-block; color: #000000; float: left; clear: left; } .up:hover, .downer:hover { cursor: pointer; } .add { margin-top: 20px; clear: left; float: left; width: 40%! important;} .ajaxified-cart-feedback { padding: 5px 10px; line-height: 36px; vertical-align: middle; clear: both; border: 1px solid #eeeeee; border-radius: 3px; } .ajaxified-cart-feedback.success { background: #fbfbfb; } .ajaxified-cart-feedback a { text-decoration: underline; font-weight: bold; } .product-template .section-title { margin-top: 20px; } @media screen and (max-width: 980px ) { .product-template .section-title { margin-top: 0; } } .product-modal { display: none; position: absolute; top: 70%; width: 60%! important; margin-left: -30%; font-weight: 300; padding: 10px 5px; font-size: 11px; left: 50%; z-index: 5; } .product-index:hover .product-modal { display: block; } .product-index-inner { position: relative; margin: 0 /*1.3vw*/; } .product-loop { float:left; width:100%; display: flex; flex-wrap: wrap; border-top: 1px solid #808080; /* border-bottom: 1px solid #808080; */ } .quick-shop .desc { padding-bottom: 20px; } #recent { border-top: 1px solid #eeeeee; padding-top: 10px; } .desc { clear: left; display: block; border-bottom: 0px solid #eeeeee; position: relative; border-top: 1px solid #eeeeee; margin: 10px 0; width:100%; /*padding: 10px 0 0;*/} .desc h4{font-weight: normal; text-transform: uppercase; margin-bottom: 0; border: 0;} @media screen and (max-width: 980px ) { .desc { padding-top: 0; } } .what-is-it { margin-bottom: 10px; } ul.view-more { margin-top: 10px; list-style-type: none; text-align: left;} ul.view-more li { margin-bottom: 10px! important; } ul.view-more li a { font-weight: 400; text-decoration: underline; } #productnav { margin-left: 0; margin-top: 10px; margin-bottom: 10px; } /* Product page accordion */ .vantage-accordion, .vantage-accordion ul, .vantage-accordion li, .vantage-accordion a, .vantage-accordion span { margin: 0; padding: 0; border: none; outline: none; margin-bottom: 0; } .vantage-accordion { margin: 20px 0 0! important; } .vantage-accordion li { list-style: none; border-top: 1px solid #eeeeee; margin-bottom: 0 !important; } /* Layout & Style */ .vantage-accordion li > a { display: block; position: relative; min-width: 110px; padding: 10px 0; height: 40px; text-decoration: none; background: url(plus.png) no-repeat; background-position: center right; } .vantage-accordion > li:target > a, .vantage-accordion > li > a.active { background: url(minus.png) no-repeat; background-position: right; } /* Sub Menu */ .sub-menu ul { border: 0; } .sub-menu li { border: 0; } .sub-menu em { position: absolute; top: 0; left: 0; margin-left: 14px; color: #a6a6a6; font: normal 10px/32px Arial, sans-serif; } /* Functionality */ .vantage-accordion li > .sub-menu { display: none; } .vantage-accordion li:target > .sub-menu { display: block; } /* =============== */ /* = Cart = */ /* =============== */ #cartform { /*margin-top: 20px;*/ } .cart-item { display: table-cell; } .cart-image { display: inline-block; margin-right: 10px; vertical-align: top;} .cart-image img { vertical-align: middle; } .cart-title { display: inline-block; } table { width: 100%; border-collapse: collapse; } /* Zebra striping */ tr:nth-of-type(odd) { } tr:nth-child(even) {background-color: #f2f2f2;} th { background-color: #545454; color: white; font-weight:bold; letter-spacing:1px; } td, th { font-size:13px; padding: 12px; border: 1px solid #eeeeee; text-align: left; } #basket-right { text-align: center; } #basket-right h4 { } #basket-right p { margin-bottom: 20px; } #basket-right img { width: 40px; } #note { margin-top: 10px; } #cart-notes { margin-top: 20px; margin-bottom: 20px; } @include screen and (max-width: 450px) { .mini-cart-item-remove {position: static !important ;} } /****Send this cart as a Gift*****/ .GiftWizard-gift-checkbox{ width: 22.9166666666666667%; margin: 0 1.0416666666666667% 20px !important; padding: 12px 0 !important; border: none !important; background: #545454; cursor: pointer;} #gw-egift-checkbox div { border: none !important; background: #545454; margin: 0 0 20px !important; padding: 11px 0 !important; cursor: pointer;} #gw-egift-checkbox label,.GiftWizard-gift-checkbox label { color: #fff !important; font-size: 14px !important; text-transform: uppercase; font-weight: normal; margin-bottom: 0px;cursor: pointer;} input#is_gift_checkbox,.GiftWizard-gift-checkbox input { visibility: hidden;} /****Send this cart as a Gift*****/ /* =============== */ /* = Blogs & Pages = */ /* =============== */ #page { clear: left; margin-bottom: 50px; } #contact-page.form-left { float: right; } #page h1 { text-align: center; } #shopify-section-page-template #page h1 { margin-top: 50px; margin-bottom:30px;} div#contactFormWrapper { margin-top: 30px; } .blog-description { text-align: center; margin-bottom: 20px; } ul.blog-articles { list-style-type: none; text-align: center; } ul.blog-articles li { margin-bottom: 30px; /*border-bottom: 3px double #eeeeee;*/ min-height: 150px; padding-bottom: 30px; } ul.blog-articles li span.post-title { font-weight: bold; clear: left; display: block; font-size: 1.125rem; line-height: 1.3; letter-spacing: .05em; margin: 0 0 1rem; text-transform: uppercase;} .article-headline .link-style{margin-top: 20px; font-size: .6875rem; line-height: .75rem; letter-spacing: .13em; text-transform: uppercase; display: inline-block; border-bottom: 0.5px solid currentColor; transition: border-color .2s ease; } .article-headline .link-style:hover{border-bottom: 0.5px solid transparent;} body.index .blog-articles li { margin-bottom: 10px; padding-bottom: 0; border-bottom: 0; margin-top: 10px; } ul#posts { list-style-type: none; margin-top: 10px; } ul#posts li { margin: 5px 0; } .excerpt { margin-bottom: 16px; } .excerpt img { margin-bottom: 10px; } .excerpt a:hover {text-decoration: none;} .excerpt p { margin-bottom: 0; } #article { margin-top: 30px; } #article-body { margin-top: 30px; margin-bottom: 30px; } #comments { border-top: 2px solid #eeeeee; margin-top: 10px; padding-top: 20px; } #comment-pagination { margin: 10px 0; padding: 10px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #comments ul { margin-left: 0; list-style-type:none; } #comments ul li { float: left; display: block; width: 100%; margin: 0 0 20px; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; } .notice { background: #fbfbfb; margin-bottom: 10px; padding: 10px; border: 1px solid #eeeeee; } #comments form { } #comment_body { } #comments dl { margin-top: 10px; } #comments dl dt { margin-top: 10px; margin-bottom: 3px; } /* Search ----------------------------------------------------------------------------------------------------*/ .search-content { text-align: center; padding: 10px; } div#search-bar input { padding-bottom: 0; margin-bottom: 0; border: 0; } #search-bar .search-form button { /*background: #fff;*/ color: #000; } /* =============== */ /* = Customer Accounts = */ /* =============== */ #customer-wrapper { float: left; margin-bottom: 40px; } #customer-wrapper p { margin-top: 0! important; margin-bottom: 0! important; } #forgot_password { margin-bottom: 15px; } #customer-wrapper form { margin-top: 20px; } #admin_header { margin-bottom: 30px; } .view_address p { margin: 0; } #customer_detail p { margin: 0; } .address_table { margin-bottom: 20px; } #order_address { clear: both; float: left; width: 100%; margin-bottom: 20px; } #order_details { float: left; } #create-customer, #customer { margin-top: 30px; } div#recover-password { margin-top: 30px; } .action_link { display: inline-block; margin-bottom: 10px; } .action_edit { padding: 0 10px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin: 0 10px; } a#view_address { display: block; margin-top: 10px; color: #006fbb; font-weight: bold; text-decoration: underline; } #customer_sidebar{ padding: 12px; background: #eee; } #customer_sidebar p{ font-size:13px;} #customer_orders a { color: #006fbb; font-weight: bold; text-decoration: underline;} .center { text-align: center; } /* =============== */ /* = Footer = */ /* =============== */ #shopify-section-footer { margin-top: 60px!important; width:100%; float:left;} @media screen and (max-width: 980px ) { } #footer { margin-top: 20px; padding-bottom: 20px; text-align: center; } body.index #footer { margin-top: 0; } #big-footer { /* margin-bottom: 20px;*/ margin-top: 20px; padding: 20px 0 0px; list-style-type: none; font-size:12px; } #big-footer h4 { margin-bottom: 30px; display: block; text-transform: uppercase; font-size: 12px; color: #000 !important; font-weight: normal; padding: 0; margin: 0; } #big-footer div p, #big-footer div li { line-height:12px; letter-spacing:0px; font-size: 13px; margin-bottom: 20px; } #big-footer div li a {color:#aaa;} #big-footer h4 span { padding-bottom: 13px; border-bottom: 1px solid #c1c1c1; width: 98%; float: left; margin-bottom: 24px; letter-spacing:0px;} #big-footer > div {/* padding: 0 20px;*/ min-height: 120px;} #big-footer ul { list-style: none; margin: 0; display: inline-block; } #footer-signup form { border: 0px solid #c5c5c5; width: 100%; position: relative; float:left; border-radius:3px; display: flex; flex-direction: column; align-items: center; gap:27px; } #email-address { color: #000000; } #email-address::-webkit-input-placeholder { /* WebKit browsers */ color: #000000; } #email-address:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; } #email-address::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; } #email-address:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000000; } #email-address { margin-bottom: 0; border: 0; border-bottom: 0.05em solid #aaa; padding: 0! important; width: 374px; text-indent: 0px; height: 30px; border-radius: 0px; max-width:374px; text-align:center; } #email-address::placeholder { color:#aaa;} #footer-signup button { width: 87px; max-width: initial; background: /*#ffffff*/ transparent; color: /*#000000*/#000; height: 25px; padding: 0; margin: 0; border: 1px solid /*#c5c5c5*/#000; font-size: 13px; line-height: 24px; border-radius: 8px; text-transform: capitalize; min-height:auto; } #footer-signup button:hover { background:#c3c3c3;} #footer-signup button:active { background:#000; color:#fff; border: 1px solid /*#c5c5c5*/#000;} #footer-signup .errors { position: absolute; padding: 0; right: 0; top: 100%; font-weight: 600; color: red; } #social-icons { text-align:center; } #social-icons a { margin: 4px 0 10px; width: 45px; height: 30px; border-radius: 50%; line-height: 30px; display: inline-block; text-align: center; font-size: 23px; } #close { text-align: center; line-height: 32px; } #footer { background: #ffffff; } #big-footer { /* border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; */ } #big-footer { color: #000000; } #big-footer a, #close a:visited { color: #000000; letter-spacing:0px; } #big-footer h4 { color: #000000;} #social-icons a { /*background: #f0f0f0;*/ color: #000000;} #close { color: #000000; } @media screen and (max-width: 980px ) { .footer-sect { border-left: 0! important; } #big-footer h4 span { width:100%; margin-bottom:10px; padding-bottom: 6px; } #big-footer > div {margin-bottom:0px; min-height: auto; } } .menu-footer-meta-menu li:first-child {border: none;} .menu-footer-meta-menu li {list-style: none; display: inline-block; /*border-left: 1px solid #666666;*/ margin: 0 7px 0 7px; padding: 0 7px 0 7px; font-size: 12px; line-height: 1; text-transform:uppercase;letter-spacing:0px} @media screen and (max-width: 400px ) { #email-address { width: 90vw;} } /* =============== */ /* = Global = */ /* =============== */ .readmore { font-style: italic; color: ; } #breadcrumb { font-size: 10px; margin-bottom: 20px; text-align: left; letter-spacing: 0px; text-transform:uppercase; /*display:none;*/ } #breadcrumb a { padding: 0 5px 0 0; color: #999; } #breadcrumb p { padding: 0 5px 0 0; color: #000; } .separator { padding-right: 2px; padding-left: 2px; } #pagination { text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 13px; font-weight: 600; } #pagination span.current { padding: 5px; margin-right: 10px; border-bottom: 2px solid #000000; } #pagination a { color: #ffffff; border: 2px solid #000000; background: #000000; padding: 5px 10px; margin-right: 10px; font-weight: 600; transition: all .25s ease-in-out; } #pagination a:hover { background: #ffffff; color: #000000; } #pagination span.count { display: block; margin-bottom: 20px; } .padded { margin-bottom: 15px; } #instagram-card { width: 100%; float: left; clear: left; display: block; margin-top: 30px; } #instagram-card h3 { letter-spacing: initial; } #recently-viewed-products h2 { margin-bottom: 30px; } label[for="product-select-option-"] { display: none; } #product-select-option- { display: none; } #product-select-option- + .custom-style-select-box { display: none !important; } /* Swatches Styles */ .swatch { margin:0.3em 0; } /* Label */ .swatch .header { margin: 0.5em 0; } /* Hide radio buttons.*/ .swatch input { display:none; } .swatch h5{text-transform: uppercase; font-weight: normal;margin-bottom:4px;} /*Remove Wash on Product Detail*/ [data-option-index="1"] { display: none;} .swatch label { color: #000000; background-color: #ffffff; border: 1px solid #000000; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:0; margin:0px 5px 10px 0; margin-right: 0! important; margin-bottom: 0! important; cursor:pointer; position:relative; text-transform:uppercase; font-size:13px; min-width:32px; height:30px; line-height: 30px; white-space:nowrap; text-transform:uppercase; text-align: center; font-weight: normal; } .swatch-element label { padding:0 5px; } .color.swatch-element label { padding:0; border: 2px solid transparent; border-radius: 50%; width: 30px; min-width: 30px; box-shadow: 0px 0px 1px 0px #aaa; } .swatch input:checked + label { border: 1px solid #000000; background: #030000; color: #ffffff; } .swatch .color input:checked + label { border: 2px solid #d5d5d5; padding: 7px; } .swatch .color input:checked + label:after { content: "\f058"; font-family: FontAwesome; position: absolute; top: 0; right: 8px; color: rgba(255,255,255,0.6); font-size: 15px; } .swatch .swatch-element { float:left; -webkit-transform:translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing:antialiased; /* webkit text rendering fix */ /* Spacing between buttons */ margin:0px 6px 6px 0; /* To position the sold out graphic and tooltip */ position:relative; } /* Image with the cross in it */ .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; } .swatch .swatch-element .crossed-out { display:none; } .swatch .swatch-element.soldout .crossed-out { display:block; } .swatch .swatch-element.soldout label { filter: alpha(opacity=60); /* internet explorer */ -khtml-opacity: 0.6; /* khtml, old safari */ -moz-opacity: 0.6; /* mozilla, netscape */ opacity: 0.6; /* fx, safari, opera */ } /* Tooltips */ .swatch .tooltip { text-align:center; background:gray; color:#fff; bottom:100%; padding: 10px; display:block; position:absolute; width:100px; left:-32px; margin-bottom:15px; /* Make it invisible by default */ filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%; } /* CSS triangle */ .swatch .tooltip:after { border-left:solid transparent 10px; border-right:solid transparent 10px; border-top:solid gray 10px; bottom:-10px; content:" "; height:0; left:50%; margin-left:-13px; position:absolute; width:0; } .swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } .swatch.error { background-color:#E8D2D2!important; color:#333!important; padding:1em; border-radius:5px; } .swatch.error p { margin:0.7em 0; } .swatch.error p:first-child { margin-top:0; } .swatch.error p:last-child { margin-bottom:0; } .swatch.error code { font-family:monospace; } div.select { display: none; } div#subscribe_popup { width: 480px; text-align: center; padding: 0 0 20px; } #subscribe_popup #mc_embed_signup { border-top: 1px solid #eeeeee; padding: 20px 0; } .cta { margin-top: 50px; } .cta a { color: #ffffff; font-size: 16px; font-weight: 400; padding: 10px 20px; background: #000000; letter-spacing: 1px; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; } .cta a:hover { color: #000000; background: #686868; } /* * Shifter v3.1.2 - 2014-10-28 * A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library. * http://formstone.it/shifter/ * * Copyright 2014 Ben Plum; MIT Licensed */ .shifter-open { overflow: hidden; } .shifter-open .shifter-page *, .shifter-open .shifter-header * { pointer-events: none; } .shifter-navigation { /*display: none;*/ opacity: 1; top: 85px; padding: 0 30px; } .shifter-handle { /*display: none;*/ } .shifter-page { min-height: 100%; position: relative; z-index: 1; background: #ffffff; display: block; overflow: hidden; } .shifter-enabled.shifter-left .shifter-page { } .overlaycheck{ display:none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(255 255 255 / 100%); z-index: 999; cursor: pointer;} .shifter-open .shifter-page .overlaycheck{ display:block;} .shifter-open #top-bar { display:none;} /* .shifter-open #mobile-header { padding: 0 6px; } .closex {margin: 20px 20px 0 0;}*/ /*.closex:before { content: 'close'; }*/ .shifter-navigation { width: 100%; height: 100%; /* position: fixed;*/ top: 10px; z-index: 0; background: #ffffff; display: block; /*overflow: auto;*/ /* pointer-events: none;*/ -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.2s ease; transition: opacity 0.001s linear 0.2s, transform 0.2s ease; } .shifter-page, .shifter-header, .shifter-navigation { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .shifter-page, .shifter-header { /* Experimenting with not having this one -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); */ -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; } .shifter-handle { cursor: pointer; display: block; font-size: 16px; color: #000 /*#000000*/; } @media screen and (max-width: 980px) { .shifter-handle { color: #000000; } .index-template .shifter-handle { color: #000; } } .shifter-navigation { right: 0; -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } .shifter-open .shifter-page, .shifter-open .shifter-header { -webkit-transform: translate3D(-94%, 0, 0); -ms-transform: translate3D(-94%, 0, 0); transform: translate3D(-94%, 0, 0); } .shifter-enabled.shifter-left .shifter-navigation { left: 0; -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } .shifter-enabled.shifter-left.shifter-open .shifter-page, .shifter-enabled.shifter-left.shifter-open .shifter-header { -webkit-transform: translate3D(94%, 0, 0); -ms-transform: translate3D(94%, 0, 0); transform: translate3D(94%, 0, 0); } .shifter-open .shifter-navigation { opacity: 1; pointer-events: all; -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); -webkit-transition: opacity 0.001s linear 0s, -webkit-transform 0.2s ease; transition: opacity 0.001s linear 0s, transform 0.2s ease; } .no-csstransforms3d .shifter-enabled.shifter-navigation { right: -100%; } .no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation { left: -100%; } .no-csstransforms3d .shifter-enabled.shifter-open .shifter-page { left: -100%; } .no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation { right: 0; } .no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page { left: auto; right: -100%; } .no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation { left: 0; } .accordion-toggle:after, .accordion-toggle2:after { /*content: "\f107"; font-family: FontAwesome; position: absolute; right: 10%;*/ } nav.shifter-navigation ul#accordion li, nav.shifter-navigation .accordion-toggle2 { padding: 12px 0; /*border-bottom: 1px solid #eee;*/ font-size:13px; } .accordion-toggle, .accordion-toggle2 {cursor: pointer;} .accordion-content, .accordion-content2 {display: none;} .accordion-content.default, .accordion-content2.default {display: block;} nav.shifter-navigation ul { list-style: none; margin-left: 0px; margin-top: 40px; } nav.shifter-navigation ul li a, nav.shifter-navigation .accordion-toggle { color: #000000; display: block; } nav.shifter-navigation .accordion-content .accordion-content2 ul li a {color:#aaa;} nav.shifter-navigation .accordion-content .accordion-content2 ul li a:hover {color:#000000;} nav.shifter-navigation ul.sub { margin-top: 0! important; margin-left: 20px; margin-bottom: 0; } .shifter-navigation input { line-height: initial! important; border: 0! important; margin-bottom: 0! important; font-size: 13px; line-height: 26px !important; min-height: 26px; } .shifter-navigation .search-form { width: 100%! important; padding-top: 20px; float: left! important;} #logo .shifter-handle, #search .shifter-handle { display: inline-block! important; vertical-align: middle! important; height: initial! important; margin-right: 15px! important; } ul#mobile-menu { list-style: none; /*height: 50px;*/ line-height: normal; text-align: center; margin-bottom: 0; margin-right: 0; } ul#mobile-menu li { display: inline-block; vertical-align: middle; /*margin: 12px 0 0;*/ width: 20px; position:relative; float:right; margin-right: 3px; } ul#mobile-menu li i { font-size: 16px; } /* Password Page */ body.password { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } body.password #logo { margin-top: 100px; } #password-message { margin-bottom: 30px; } .password-page { min-height: 100vh; } .password-page img { margin: 10px; } #signup-wrap { padding: 30px; border-radius: 3px; text-align: center; } #signup-holder { margin-top: 100px; } #password-email { float: left; text-indent: 10px; width: 70%; text-transform: uppercase; color:#000; } #password-subscribe { float: left; width: 28%; margin-left: 2%; margin-top: 0; text-transform: uppercase; } body.password p.success { text-align: center; } ul#password-icons { position: fixed; left: 0; bottom: 20px; list-style: none; text-align: center; margin-top: 50px; margin-bottom: 50px; } ul#password-icons li { display: inline-block; margin: 0 5px; } body.password form#login_form { padding: 15px 20px; } /* slideout */ .slideout-toggle.open_password { position: fixed; top: 20px! important; right: 20px! important; z-index: 2; cursor: pointer; } .slideout { position: fixed; top: 0! important; right: -320px; width: 320px; background-color: #fff; z-index: 300; color: #000; } .slideout label { margin-bottom: 30px; } .closeslide { float: right; width: 44px; padding: 15px 15px 11px 15px; cursor: pointer; font-size: 20px; } .closeslide i.icon-angle-right { margin-right: -3px; } @media screen and ( max-width: 740px ) { ul#password-icons { display: none; } #signup-holder { margin-top: 50px; } } .pass-foot { width: 100%; position: fixed; bottom: 10px; text-align: center; } .pass-foot a { font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-style: italic; font-size: 16px; font-weight: 600; } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('flexslider-icon.eot'); src:url('flexslider-icon.eot?#iefix') format('embedded-opentype'), url('flexslider-icon.woff') format('woff'), url('flexslider-icon.ttf') format('truetype'), url('flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider, .slide-gallery {margin: 0; padding: 0;} .flexslider .slides > li, .slide-gallery .slides > li { position: relative; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img, .slide-gallery .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .flex-caption { position: absolute; width: 100%; padding: 0 5%; line-height: normal; z-index: 3; } .caption-inners { display: inline-block; padding: 15px; } .flex-caption h2.slide-title { color: #000000; line-height: inherit; border: 0! important; padding: 0; margin-bottom: 0; letter-spacing: 6px; } .flex-caption .cta a{letter-spacing:3px; border-bottom:solid 1px; border-color: #000000 | default: '#fff'; padding: 7px 1px 7px 0; display: inline-block; } .flex-caption .cta a:after{content:" \f105";font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;} .flex-caption p { color: #000000; letter-spacing: 1px; } .flexslider .readmore { position: absolute; width: 100%; text-align: center; } /*.flexslider .slides img { max-height: 1200px! important; }*/ /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider, .slide-gallery { margin: 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides, .slide-gallery .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 3; overflow: hidden; opacity: 0; cursor: pointer; transition: all .25s ease-in-out; color:#6b6b6b; font-size:2.5em; /*color: #ffffff; border: 2px solid #000000; background: #000000;*/ } /*.flexslider:hover .flex-prev, .slide-gallery:hover .flex-prev { opacity: 0; left: 10px; } .flexslider:hover .flex-next, .slide-gallery:hover .flex-next { opacity: 0; right: 10px; }*/ .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .slide-gallery:hover .flex-next:hover, .slide-gallery:hover .flex-prev:hover { opacity: 0; } .flex-direction-nav .flex-disabled, .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav .flex-next:before { content:"\f105"; font-family: FontAwesome; } .flex-direction-nav .flex-prev:before { content:"\f104"; font-family: FontAwesome;} a.flex-next { line-height: 33px; text-align: center! important; width: 35px! important; height: 35px! important; padding-left: 2px; } a.flex-prev { line-height: 33px; text-align: center! important; width: 35px! important; height: 35px! important; padding-right: 2px; } .flex-direction-nav a:hover { background: #ffffff; color: #000000; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 20%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #ffffff; color: #000000; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { min-height: 40px; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { background-image: url(//www.dl1961.com/cdn/shop/t/46/assets/fancybox_sprite.png?30486); } .fancybox-next span { background-image: url(//www.dl1961.com/cdn/shop/t/46/assets/next.png?30486); } .fancybox-prev span { background-image: url(//www.dl1961.com/cdn/shop/t/46/assets/prev.png?30486); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(//www.dl1961.com/cdn/shop/t/46/assets/fancybox_loading.gif?30486) center center no-repeat; } .fancybox-nav { position: absolute; top: 0; width: 2%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(//www.dl1961.com/cdn/shop/t/46/assets/blank.gif?30486); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-close { background: #000000; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; cursor: pointer; z-index: 8040; font-size: 20px; color: #ffffff; text-align: center; transition: all .25s ease-in-out; line-height: initial; } .fancybox-close:hover { background: #ffffff; color: #000000; } .fancybox-close:before { content: "\00D7"; font-weight: 600; } .fancybox-nav span { position: absolute; top: 50%; margin-top: -25px; cursor: pointer; z-index: 8040; visibility: hidden; font-family: FontAwesome; text-align: center; line-height: 50px; background: #fff; width: 50px; } .fancybox-prev span { left: -10px; } .fancybox-prev span:before { content:"\f104"; } .fancybox-next span { right: -10px; content:"\f105"; } .fancybox-next span:before { content:"\f105"; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,0.5); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ color: #000; font-weight: 400; font-size: 13px; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('fontawesome-webfont.eot?v=4.7.0'); src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* onboarding styles for new theme install */ .onboard { background: #eee! important; } .row.no-blocks .desktop-12 { font-size: 15px; text-align: center; padding: 20px 0; border: 1px dashed #eee; background: #f7f7f7; margin-top: 20px; margin-bottom: 50px; font-weight: 400; } .homepage-promo .onboard .placeholder-svg, .ci.onboard .placeholder-svg { fill: rgba(28,29,29,0.1); background-color: transparent; } .article-image .placeholder-svg, .flexslider .placeholder-svg { fill: rgba(28,29,29,0.1); background-color: #eee; } .onboard-instagram { background: #f9f9f9; margin-top: 20px; } ol.flex-control-nav.flex-control-thumbs { display: block; text-align: center; /*To fix it vertically*/ position: absolute; left: -110px; top: -15px; } @media screen and (max-width: 1679px) { ol.flex-control-nav.flex-control-thumbs{left:-94px;} } @media screen and (max-width: 1300px) { .product-index.pro4 {width:33.333%} .product-index.pro4.last { border-right: 0.5px solid #808080 ; } } @media screen and (max-width: 1220px) { ol.flex-control-nav.flex-control-thumbs{left:-75px;} } @media screen and (max-width: 980px) { ol.flex-control-nav.flex-control-thumbs{left:-66px;} } @media screen and (max-width: 992px) { .collection-template .row { width:100% !important ; } } @media screen and (max-width: 740px) { ol.flex-control-nav.flex-control-thumbs{display:none;} img.zoomImg {display:none !important} .collection-template .row .mobile-full {width:50% !important ; } .product-index.pro4 {border-right:0;} } @media screen and (max-width: 440px) { .collection-template .row .mobile-full {width:50% !important ; } /*.collection-template .product-index-inner { border-right:0;} .collection-template .product-info { border-right:0;} .product-index.pro4.last { border-right:0;}*/ .product-info-inner {height:96px;} } ol.flex-control-nav.flex-control-thumbs li { /*width: 25%;*/ width: 71%; float: none; padding: 10px 5px 0; vertical-align: top; } ol.flex-control-nav.flex-control-thumbs li .zoomImg { display: none! important; } .slider-container { position: relative; } /*! Slick.css Version: 1.8.0 Author: Ken Wheeler Website: http://kenwheeler.github.io Docs: http://kenwheeler.github.io/slick Repo: http://github.com/kenwheeler/slick Issues: http://github.com/kenwheeler/slick/issues */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} /* Older Filter Menu CSS, this can be deleted .filter-group .selected a { font-weight: bold; } .filter-group { position: relative; } .filter-group .filter-clear { position: absolute; top: 0; right: 10px; border-radius: 10px; padding: 0 5px; background-color: #EEE; text-decoration: none; font-size: 12px; line-height: 18px; } .filter-group .filter-clear:hover { background-color: #DDD; } .filter-group .collection-container { overflow: hidden; position: relative; } .filter-group .collection-count { position: absolute; right: 0px; } .filter-group h4 { margin-top: 20px; margin-bottom: 10px; font-size: 14px; border-bottom: 1px solid #DDD; padding-bottom: 5px; padding-right: 45px; } .filter-group ul { display: block; margin: 0; padding: 0; } .filter-group ul li { display: block; } .filter-group li a { display: inline-block; margin-left: 6px; text-decoration: none; padding: 0; font-size: 13px; margin-right: 20px; margin-bottom: 8px; } .sort-selector { margin: 0 10px; } i.check-icon { background-image: url(//www.dl1961.com/cdn/shop/t/46/assets/checkbox-black-retina2.png?v=139407728550306789171603884517); background-position: 0px -176px; background-repeat: no-repeat; display: inline-block; height: 20px; line-height: 20px; margin-top: 0px; vertical-align: middle; width: 22px; } .selected i.check-icon { background-position: 0px -144px; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { i.check-icon { background-size: 16px 96px; background-position: 0px -30px; } .selected i.check-icon { background-position: 0px 0px; } } .filter-menu .has_group_selected { display: inherit; } .filter-menu { margin-bottom: 20px; margin-top:-30px; } .filter-group li.inactive { opacity: 0.6; } /**/ .filter-menu .pt-mobile-header p {display: none !important;} .filter-menu .pt-mobile-header #nav-toggle span{display: none; } .filter-menu .pt-mobile-header #nav-toggle.active span{display: block; } .sortme .pt-mobile-header #nav-toggle.active span { background-color: transparent;} .sortme .pt-mobile-header #nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg);} .sortme .pt-mobile-header #nav-toggle.active span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} /**/ .refine-header { display: none !important; } .filter-group-not-shown { display: none !important; } .refine-header .filter-clear { display: none !important; } .filter-group .collection-count { display: none !important; } .filter-group.has_single_item { display: none !important; } .filter-group.has_group_selected.has_single_item { display: inherit !important; } .filter-group .scroll-content { max-height: 400px; overflow: auto; } .filter-group h4 { color: #545454; border-bottom-color: rgba(0,0,0,0); font-size: 12; text-transform:uppercase; } .filter-group li a, .filter-group .collection-count { color: #545454; font-size: 13; } .filter-group li div { line-height: 13; } .filter-group li:hover a { color: #545454; } i.check-icon { display: none !important; } .filter-group li a { margin-left: 0px; } .filter-group .filter-clear { background-color: #eee; color: #222; } .filter-group .filter-clear:hover { background-color: #ddd; color: #222; } .filter-menu .pt-mobile-header { display: none !important; } .sortme .pt-mobile-header{ display: none !important; } /* */ #sidebar .filter-menu { text-align: left; } .gridlock .row .filter-group [class*="all-"], .gridlock .row .filter-group [class*="min-"], .gridlock .row .filter-group [class*="mobile-"], .gridlock .row .filter-group [class*="tablet-"], .gridlock .row .filter-group [class*="desktop-"], .gridlock .row .filter-group [class*="max-"] { float: none; margin-left: 0; margin-right: 0; } /*******************************************/ /*================ Vendor-specific styles ================*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Changing Instagram Feed to Color */ .index img.instagram-image { filter: none! important; -webkit-filter: grayscale(0)! important; opacity: 1! important; } /* for spent event */ .spentevent{ color: #c10000; font-size: 13px;} @media screen and (max-width: 480px) { .spentevent{ font-size: 11px;} } .ql-editor * { color: #fff !important; }