/* * Testament Shopify theme * Copyright 2014, Underground Media * www.shopifythemes.net * * 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 {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: 0.5%; 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; } .fl { float: left; } .fr { float: right; } .hidden {display:none;} /* !Rows, Widest to Thinest */ @media screen and (min-width: 1220px) { .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: 300px; } } /* !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-6-2{ width: 48.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%; } } /* !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-3-2{ width:48.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%; } } /* !Mobile - Hide Hello Bar */ body #hellobar-wrapper, body #hellobar-pusher, .hellobar { display: none !important; } /* !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%; } .gridlock .row .mobile-3-2 { width: 100%; } /* 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%; } .gridlock .row .mobile-push-third { margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile - Min, 300 (max 500) */ @media screen and (max-width: 500px) { .gridlock .row .min-full { width: 97.9166666666666667%; } } * { margin: 0; } #ienav { display: none; } html, body { height: 100%; } body { color: #6f6e6e; background: #ffffff; font-size: 13px; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif; line-height: 1.6em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img { max-width: 100%; border: 0; display: block; } h1, h2, h3, h4, h5, h6 { color: #6f6e6e; font-family:'Montserrat', sans-serif; font-weight: bold; margin-top: 0; margin-bottom: 10px; -webkit-font-smoothing: antialiased; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #6f6e6e; } h1 { font-size: 18px; } h2 { font-size: 14px; } h3 { font-size: 14px; } h4 { font-size: 14px; } h5 { font-size: 14px; } h6 { font-size: 14px; } h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; } 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; } p.date { } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } a { text-decoration: none; color: #6f6e6e; 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: #6f6e6e; text-decoration: none;} a:visited { color:#6f6e6e; text-decoration: none; } 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; font-size: 13px; font-family: 'Avenir-Light', sans-serif;} 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 { } hr { background:#f0f0f0; border:none; color:#f0f0f0; display:block; height:1px; margin-top: 20px; width:100%;} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { width: 100%; max-width: 100%; background: #d1461c; 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; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-appearance: none; color: #ffffff; 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: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #ffffff; background: #e46949; } .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; } /* #Forms ================================================== */ form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif; color: #6f6e6e; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; min-width: 300px; } label, legend { display: block; font-weight: bold; font-size: 13px; margin-bottom: 5px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] { width: 100%; background: #fff; border: 1px solid #f0f0f0; padding: 15px 0px; margin: 0px; margin-bottom: 20px; max-width: 100%; text-indent: 17px; outline: none; color: #6f6e6e; } textarea { width: 100%; background: #fff; border: 1px solid #f0f0f0; height: 200px; margin: 0px; margin-bottom: 40px; max-width: 100%; padding: 2% 17px; outline: none; } /* =============== */ /* = Start CSS = */ /* =============== */ header { background: #fafafa; line-height: 30px; height: 30px; } ul#social-icons { text-align: left; z-index: 5; position: relative; list-style: none; } ul#social-icons li { text-align: left; display: inline; padding: 0 10px 0 0; } ul#social-icons li a { color: #777777; } ul#social-icons li a:hover { color: #999999; } #search { width: 300px; text-align: center; margin: 0 auto; } #search_popup { text-align: center; } #search_popup #q { text-indent: 0; text-align: center; } /* ====== Quick Cart ===== */ header .fa-2x { font-size: 14px! important; } ul#cart { text-align: right; z-index: 5; position: relative; list-style: none; margin-top: 0; } ul#cart li { display: inline; padding: 0 0 0 10px; } ul#cart li a { color: #777777; } ul#cart li a:hover { color: #999999; } ul#cart li.seeks-mobile { display: none; } .fa-shopping-cart { margin-right: 5px; } #cart-item { border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; width: 280px; float: left; padding-top: 10px; padding-bottom: 10px; } .remove_item { float: left; margin-top: 10px; } #hello { text-align: center; } #hello p { color: #000000; font-size: 14px; font-weight: 300; } #logo { position: relative; margin-top: 20px; text-align: center; padding: 0 0 20px 0; } #logo a { font-family: 'Montserrat', sans-serif; font-size: 24px; text-transform: none; font-weight: 700; color: #6f6e6e; text-decoration: none; } #content { margin-bottom: 1.3%; margin-top: 20px; position: relative; } .smallcash { font-size: 12px; margin-left: 5px; } /* =============== */ /* = index.liquid = */ /* =============== */ .mask { background: url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/mask.png?v=51730603974927490741657729125); height: 100%; width: 100%; top:0; position: absolute; z-index: 1; } #product-carousel { } #product-carousel .product-car { background: #fff; padding: 0; margin: 5px; position: relative; float: left; width: 22.9%; margin-right: 1%; } #product-carousel .product-car img { } .customNavigation{ margin: -5px 0 10px; text-align: center; } //use styles below to disable ugly selection .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .customNavigation a:hover { cursor: pointer; } .btn.next { border: 1px solid #f0f0f0; color: #444; padding: 4px 7px; font-weight: 100; background: #fff; margin-right: 5px; } .btn.prev { border: 1px solid #f0f0f0; color: #444; padding: 4px 7px; font-weight: 100; background: #fff; margin-right: -5px; } .prod-vendor { text-align: center; } .section-title.lines { position: relative; text-align: center; margin-top: 20px; margin-bottom: 10px; } .section-title.lines h1 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0; background-color: #ffffff; position: relative; z-index: 1; } .section-title.lines h2 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0; background-color: #ffffff; position: relative; z-index: 1; } .section-title h5 { text-align: center; margin-top: -3px; } .section-title.lines:after { content: ''; width: 100%; display: inline-block; border-bottom: 1px solid #f0f0f0; position: absolute; left: 0; top: 50%; z-index: 0; } #collection-loop { margin-top: -30px; } .collection-index { background: #fff; position: relative; } .collection-info { padding: 10px; 0; width: 100%; text-align: center; position: absolute; top: 50%; margin-top: -40px; background: rgba(255,255,255,0.9); } .collection-info h3 { text-transform: uppercase; margin-bottom: 0; } .collection-info p { margin-bottom: 0; text-transform: uppercase; font-size: 12px; } .collection-image { padding: 2px; } #promo-images { grid-gap: 15px; padding: 15px 0 15px 0; width: 100%; clear: both; } #promo-images2ndrow { padding: 0px 0px 15px 0px; grid-gap: 15px; } #index-content-left { float: left; margin-bottom: 30px; } #index-pages h3 { text-align: center; margin-bottom: 20px; } .pages-left-content { padding-top: 5px; } .padded { margin-bottom: 15px; } /* =============== */ /* = collections = */ /* =============== */ .product-loop { margin: 0 auto; width: 100%; min-width: 100%; } .product-loop .product-index { margin: 0 5px 10px; border-radius: 0; overflow: hidden; background: #fff; min-height: 500px; } .masonry, .masonry .masonry-brick { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } #collection-description { float: left; padding-bottom: 10px; margin-bottom: 10px; } #collection-description h1 { text-align: center; margin-bottom: 10px; } #full-width-filter { padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; overflow: hidden; float: right; margin-bottom: 20px; } span.customSelect { font:12px sans-serif; background:#fff url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/select.png?v=165875623313023863111657729156) right center no-repeat; border:1px solid #ddd; color:#555; padding:7px 9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; width:100%; } .product-quick-view { overflow: hidden; } .product-info form { margin-top: 20px; } .product-index .single-option-selector { margin: 5px auto 10px; } .selector-wrapper label { float: left; } .product-index img { display: block; margin: 0 auto 0; } .product-index img a { border: 0; } .product-index .product-info { padding-bottom: 30px; } .product-info { text-align: center; background: #fff; padding-top: 20px; padding-bottom: 15px; position: relative; } .product-loop .product-index .product-info { border-bottom: 5px solid #000000; } .product-info-inner { width: 96%; margin: 0 auto; } .product-info-inner h4 { font-size: 11px; } .product-info h3 { margin-bottom: 10px; font-size: 12px; } .product-info p { font-size: 13px; margin-bottom: 0; } .product-info a { text-decoration: none! important; text-transform: uppercase; } .price { font-size: 12px; margin-top: 20px; } .compare-price, .product-price { } .was, .product-compare-price, .compare-price { color: #ba2323; text-decoration: line-through; } .was { display: inline; margin-left: 5px; } .onsale { display: inline; } .product-index-inner { position: relative; } .pre-order { z-index: 2; color: #fff; background: #000;} .new { z-index: 2; color: #fff; background: #000;} .sale-item { color: #fff; background: #000;} .so { z-index: 3; color: #fff; background: #000;} .product-modal { font-size: 12px; background: #eeeeee; color: #999999; padding: 5px 8px; } .product-modal:hover { background: #999999; color: #ffffff; } .quick-shop { overflow: hidden; width: 720px; } .product-quick-view #product-photos { float: left; width: 49%; margin-right: 0.8%; } .product-quick-view #product-right { float: left; width: 49%; margin-left: 0.8%; } .icn { -webkit-transition: opacity 1s ease-out; width: 50px; height: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 10px; right: 10px; text-align: center; line-height: 50px; font-size: 11px; } .show { display: none; } #sidebar h1 { margin-bottom: 20px; } #sidebar h4 { text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #f0f0f0; } #sidebar ul { list-style-type: none; margin-bottom: 20px; } #sidebar ul li a.current { border-bottom: 1px solid #f0f0f0; text-decoration: none; } /* ================ */ /* = Product page = */ /* ================ */ #bigimage { text-align: center; margin-bottom: 20px; max-width: 548px; } .active img {border:1px solid #ccc !important;} .thumbnail { margin-bottom: 10px; } .thumbnail img { border: 1px solid #fff; } #product-price { font-size: 16px; margin-bottom: 20px; } #product-right { background: #ffffff; padding: 20px; border: 7px double ; } #product-description { text-align: center; } #product-description h1, #product-right h5 { text-transform: uppercase; } #product-description form { margin-bottom: 10px; border-top: 1px solid #f0f0f0; padding-top: 0px; } div.productsectionborderz > div.product-add { padding: 10px 0 0; display: none !important; } .quantity { font-weight: bold; text-align: center; margin: 0 5px! important; width: 28px! important; display: inline-block! important; padding: 5px 0! important; text-indent: 0! important; } .up { border: 1px solid #f0f0f0; padding: 6px 8px; display: inline; color: #6f6e6e; } .down { border: 1px solid #f0f0f0; padding: 6px 8px; display: inline; color: #6f6e6e; } .up:hover, .down:hover { cursor: pointer; } .add { text-transform: uppercase; margin: 20px auto; display: block! important; clear: left; width: 50%! important; } .desc { padding-top: 10px; } .full-click { display: block; text-align: center; margin-top: 20px; } #related { margin-top: 20px; padding: 20px 0; float: left; text-align: center; } ul#popups { list-style-type: none; text-align: center; } ul#popups li { display: inline; margin-right 10px; border-right: 1px solid #f0f0f0; padding-right: 10px; margin-left: 10px; } ul#popups li.first { margin-left: 0; } ul#popups li.last { border-right: 0; } #social { float: left; width: 100%; padding-bottom: 10px; } #product-navigation { text-align: center; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #F4B1A0; border-bottom: 1px solid #F4B1A0; padding-bottom: 20px; padding-top: 20px; } #back-forth img { margin: 0 10px; vertical-align: middle; } .backto { margin-bottom: 10px; display: block; font-size: 16px; float: left; } .backtocat { color: #f67c5c !important; /*font-weight: 600;*/ } .backtocat a:link {color: #D1461C;} .backtocat a:visited, .backtocat a:hover, .backtocat a:active { color: #f67c5c; } .prev-prod { margin-right: 0px; } .next-prod { margin-left: 0px; } .prev-prod, .next-prod { display: inline-block; } .share-icons a { margin: 0 5px; } #lower-description { text-align: center; } ul#sortme { text-align: center; list-style-type: none; width: 100%; margin: 0px 0px 25px 0px; float: left; clear: both; display: block;} ul#sortme li { text-align: left; display: inline-block; margin: 0 10px; } ul#sortme li p { text-align: center; } .current { } ul#sort-me li.current:after { content: " \2713 "; } .what-is-it { margin-bottom: 15px; } .what-is-it label { display: inline; margin-right: 10px; } /* =============== */ /* = Cart = */ /* =============== */ #cartform { margin-top: 0px; } @media screen and (max-width:480px){ #cartform{ margin-top:10px; } } .cart-item { display: table-cell; } .cart-image { display: inline-block; margin-right: 10px; } .cart-image img { vertical-align: middle; } .cart-title { display: inline-block; } table { width: 100%; border-collapse: collapse; } /* Zebra striping */ tr:nth-of-type(odd) { } th { background: #ffffff; font-weight: normal; } td, th { padding: 10px; border: 1px solid #f0f0f0; text-align: left; } #basket-right { text-align: center; } #basket-right h4 { } #basket-right p { margin-bottom: 20px; } #basket-right img { width: 50px; } #note { margin-top: 10px; } #cart-notes { margin-top: 20px; margin-bottom: 20px; } /* =============== */ /* = Blogs & Pages = */ /* =============== */ .rte h1 { border-bottom: 0! important; text-align: inherit! important; margin-bottom: inherit! important; } #page { clear: left; margin-bottom: 50px; } #page h1 { text-align: center; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #f67c5c; } #page h1.page-title { text-align: left! important; } #page-sidebar h2 { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; } #page-sidebar ul { list-style-type: none; } #page-sidebar ul li { display: block; margin-bottom: 10px; padding-bottom: 5px; } #article-loop { margin: 0 auto; width: 100%; min-width: 100%; } .article-index { margin: 0 5px 10px; border-radius: 0; overflow: hidden; background: #fff; padding-top: 20px; } .article-info { border-bottom: 5px solid #000000; } .article-info-inner { margin: 0 auto; } .article-info h2 { margin-bottom: 10px; text-align: center; } .posted { text-align: center; margin-bottom: 20px; } .post-tags { clear: left; display: block; text-align: center; } .article-info p { font-size: 13px; margin-bottom: 0; } .article-info a { text-decoration: none! important; text-transform: none; } .article-content { margin-top: 10px; margin-bottom: 10px; } .article-index .share-icons { text-align: left! important; } .article-index .readmore { text-align: left! important; } .share-icons a { color: #6f6e6e; } .share-icons a:hover { color: #999999; } #blog-article .share-icons { text-align: left! important; } ul#blog-articles, #blog-article { list-style-type: none; } .single-article { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; float: left; width: 100%; } .single-article .posted { text-align: left; } .single-article .post-tags { text-align: left; } #blog-sidebar h2 .fa-rss { float: right; font-size: 16px; } #blog-sidebar #social-icons { font-size: 90%; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; } #blog-sidebar #social-icons a { color: #6f6e6e; } #blog-sidebar #social-icons a:hover { color: #999999; } #twitter-card, #facebook-card, #instagram-card { width: 100%; float: left; clear: left; display: block; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; } #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #instafeed { margin-top: 15px; } #page .share-icons { margin-bottom: 20px; text-align: left; margin-top: 20px; } #page .share-icons a { margin-right: 10px; } ul#posts { list-style: none; } ul#posts li { margin-bottom: 20px; padding-bottom: 0; border-bottom: 1px solid #f0f0f0; } ul#posts li p { margin-top: 0; } ul#posts li.tags { padding-bottom: 10px; } #comments h4 { text-align: center; } #comments { float: left; padding-top: 20px; margin-top: 20px; width: 100%; } #comment-form { width: 100%; text-align: center; clear: left; float: left; } #comments ul { margin-top: 20px; list-style-type: none; } #comments ul li { float: left; display: block; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; } .comment-details { margin-bottom: 10px; } .gravatar { float: left; margin-right: 20px; } .comment { float: left; } .comment p { margin-top: 0; } dd { margin-left: 0; } .notice { border: 1px dashed #eee; padding: 5px; background: ghostwhite; margin: 20px 0; } .readmore { clear: left; text-align: left; margin: 30px auto; } .readmore a { color: #999999! important; background: #eeeeee! important; padding: 10px 20px; -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; } .readmore a:hover { color: #ffffff! important; background: #999999! important; text-decoration: none; } /* =============== */ /* = Search = */ /* =============== */ #search-bar { margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #f0f0f0; } #search-bar #q {width: 300px; } /* =============== */ /* = Customer Accounts = */ /* =============== */ #customer-wrapper { display: flex; float: left; margin-bottom: 40px; max-width: 1000px; } #customer-wrapper p { margin-top: 0! important; margin-bottom: 0! important; } #customer-background {width: 100%;} #forgot_password { margin-bottom: 15px; } #customer-wrapper form { margin-top: 20px; } .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; } #customer-login { width: 48%; float: left; padding-right: 30px; margin-right: 0px; height: 100%; } #customer { margin-top: 30px; } #create-customer { margin-top: 30px; padding-left: 30px; width: 48% } #address-title { padding-top: 20px; padding-bottom: 5px; margin: 0px; } #add-address {padding-bottom: 10px;} #customer_address_table, #address_tables { width: 50%; } .add-address-btn input { width: 50%; min-width: 150px; } .add-address-btn span { padding-left: 20px; } .action_link a { color: #f67c5c; &:visited {color: #f67c5c;} &:hover{color: darken(#f67c5c, 10%);} } @media only screen and (max-width: 1024px ){ #customer-wrapper #customer { border-bottom: 1px solid #F4B1A0; } #customer-login { width: 100%; padding-left: 30px; /* padding-bottom: 20px; */ border-right: 0px; height: unset; } #create-customer { width: 100%; padding-left: 30px; padding-right: 30px; } #admin_header, #add_address, #address_tables, #customer_details, #customer_orders {padding-left: 20px;} } /* Submit Recaptcha */ #g-recaptcha > div > div > iframe {max-height: 90px; overflow: scroll;} body > div.page-wrap > div.row.all.encompassing > div.mollusk.container > div > form > input.shopify-challenge__button.btn {margin-bottom: 20px; width: 300px; z-index:9999999;} /* Account Page */ #customer_details {margin-bottom: 20px;} #customer-wrapper2 h3 { margin: 0; font-size: 16px;} #customer_orders th {font-weight: bold;} /* =============== */ /* = Footer = */ /* =============== */ @media only screen and (min-width: 1024px ){ .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { /* .push must be the same height as footer */ height: 52px; } } .footer-wrapper { z-index: 2; clear: left; } #footer { padding: 10px 0; text-align: center; } #subscribe_popup { text-align: center; width: 100%; display: block; margin: 0 auto; overflow: hidden; } #mc_embed_signup { width: 100%; } #mce-EMAIL { float: left; text-align: center; text-indent: 0; } #mc-embedded-subscribe { float: left; margin-top: 0; } #payment { text-align: center; margin-top: 30px; margin-bottom: 50px; } #payment img { max-width: 60px; text-align: center; margin-bottom: 10px; } /* =============== */ /* = Mobile Hides = */ /* =============== */ #mobile-product { display: none; } /* =============== */ /* = Global = */ /* =============== */ #pagination { clear: left; text-align: center; margin-top: 20px; padding-top: 20px; margin-bottom: 20px; } #pagination a { margin: 0 5px; background: #f0f0f0; padding: 2px 5px; border-radius: 15px; } #pagination a:hover { text-decoration: none; background: #6f6e6e; color: #fff; } #pagination .current { background: transparent; } #pagination .count { margin-right: 20px; } #breadcrumb { text-transform: uppercase; font-size: 10px; margin-bottom: 20px; text-align: center; } #breadcrumb a { padding: 0 5px 0 0; font-size: 10px; } #breadcrumb p { padding: 0 5px 0 0; } .separator { padding-right: 5px; } /* Hiding the drop-downs. */ #product-variants, .selector-wrapper, .select { display: none; } /* Swatches Styles */ .swatch { margin:0; } /* Label */ .swatch .header { margin: 0.5em 0; } /* Hide radio buttons.*/ .swatch input { display:none; } .color label { width: 40px! important; } .swatch label { /* Cross-browser inline-block */ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; /* Content must stretch all the way to borders */ padding:0; /* Background color */ background-color: #fcfcfc; /* Spacing between buttons */ margin:0px 5px 20px; /* Fake that those are buttons, i.e. clicky */ cursor:pointer; /* The border when the button is not selected */ border: 1px solid #56757B; color: #56757B; /* To position the sold out graphic and tooltip */ position:relative; /* Text styling */ /* text-transform:uppercase; */ font-size:16px; min-width: 40px; height: 40px; line-height:40px; white-space:nowrap; text-align: center; font-weight: 400; } .swatch-element label { padding:0; outline: none !important;} .color.swatch-element label { padding:0; } /* Styling selected swatch */ /* Slightly raised */ .swatch input:checked + label { border:#56757B 1px solid !important; background: #56757B; color: #fff; /* -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25); box-shadow:0px 1px 2px rgba(0,0,0,0.25); */ } .swatch .swatch-element { display: inline-block; -webkit-transform:translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing:antialiased; /* webkit text rendering fix */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* To position the sold out graphic and tooltip */ position:relative; outline: none !important; } /* Image with the cross in it */ .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; border-radius: 50%;} .swatch .swatch-element .crossed-out { display:none; } /* .swatch .swatch-element.soldout .crossed-out { display:block; } */ .swatch .swatch-element.soldout label { color: #777777; background-color: #D8D8D8; filter: alpha(opacity=25); /* internet explorer */ -khtml-opacity: 0.25; /* khtml, old safari */ -moz-opacity: 0.25; /* mozilla, netscape */ opacity: 0.25; /* fx, safari, opera */ } /* Tooltips */ .swatch .tooltip { text-align:center; background:gray; color:#fff; bottom:100%; padding: 10px; display:block; position:absolute; width:100px; left:-33px; 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; } .scrollup{ width:30px; height:30px; opacity:0.3; position:fixed; bottom:50%; right:20px; display:none; z-index: 3; text-align: center; } .scrollup:hover { text-decoration: none; } iframe { width: 100%; height: auto; } /* Navigation */ /* Dropdown Navigation */ .dl-menuwrapper { display: none; width: 100%; max-width: 300px; z-index: 5; float: left; top: 40px; left: 10px; position: fixed; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: #fafafa; border: none; width: 48px; height: 45px; font-size: 13px; text-align: center; /*text-indent: -900em; */ overflow: hidden; padding: 0; position: relative; cursor: pointer; outline: none; margin-bottom: 0; color: #454545; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #fafafa; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; /*background: #454545;*/ top: 10px; left: 16%; /* box-shadow: 0 10px 0 #454545, 0 20px 0 #454545; */ } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { font-family: 'Montserrat', sans-serif; display: block; position: relative; padding: 15px 20px; font-size: 13px; line-height: 20px; font-weight: 300; color: #454545; outline: none; text-transform: uppercase; } .no-touch .dl-menuwrapper li a:hover { background: #f5f5f5; color: #000000; } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: #fafafa; } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'FontAwesome'; speak: none; color: #454545; -webkit-font-smoothing: antialiased; content: "\f054"; } .dl-menuwrapper li.dl-back:after { left: 10px; color: #454545; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; margin-bottom: 0; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0! important; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(40%); opacity: 0; } } @-moz-keyframes MenuAnimOut1 { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); } 75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } } @-moz-keyframes MenuAnimOut3 { 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes MenuAnimOut4 { 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes MenuAnimOut5 { 100% { -moz-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 100% { transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 100% { transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes MenuAnimIn1 { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn3 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn4 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn5 { 0% { -moz-transform: translateY(40%); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { transform: translateY(40%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform: translateX(50%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn3 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn4 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn5 { 0% { -moz-transform: translateZ(-200px); opacity: 0; } 100% { -moz-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { transform: translateX(50%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { transform: translateZ(-200px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(50%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(100%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut3 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut4 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut5 { 0% { -moz-transform: translateZ(0); opacity: 1; } 100% { -moz-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { transform: translateZ(0); opacity: 1; } 100% { transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; margin-bottom: 0! important; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Owl Carousel */ /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .videoWrapper { position: relative; /* NORMAL 16:9 SCREEN */ padding-bottom: 56.25%; /*padding-bottom: 52.9%;*/ /* WIDE SCREEN 16:9 */ /* padding-bottom: 50%;*/ height: 0; clear: left; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blogslider{ position: relative; } /* Custom CSS for MOLLUSK _______________________________ */ @font-face { font-family: 'Avenir-Light'; src: url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Light.eot?v=123634096960233691411657729039); /* IE9 Compat Modes */ src: url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Light.eot?%23iefix&v=123634096960233691411657729039) format('embedded-opentype'), /* IE6-IE8 */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Light.woff?v=3860781754870449241657729041) format('woff'), /* Modern Browsers */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Light.ttf?v=122807995358365764871657729040) format('truetype'), /* Safari, Android, iOS */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Light.svg%23svgAvenir-Light?46897) format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Avenir-Medium'; src: url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Medium.eot?v=64323027179669548161657729041); /* IE9 Compat Modes */ src: url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Medium.eot?%23iefix&v=64323027179669548161657729041) format('embedded-opentype'), /* IE6-IE8 */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Medium.woff?v=57961274776078536681657729043) format('woff'), /* Modern Browsers */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Medium.ttf?v=173790417376631494231657729043) format('truetype'), /* Safari, Android, iOS */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Medium.svg%23svgAvenir-Medium?46897) format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Avenir-Heavy'; src: url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Heavy.eot?v=58569778111111226751657729037); /* IE9 Compat Modes */ src: url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Heavy.eot?%23iefix&v=58569778111111226751657729037) format('embedded-opentype'), /* IE6-IE8 */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Heavy.woff?v=91141139532646687921657729038) format('woff'), /* Modern Browsers */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Heavy.ttf?v=83376702169282750361657729038) format('truetype'), /* Safari, Android, iOS */ url(//cdn.shopify.com/s/files/1/0072/5902/t/87/assets/Avenir-Heavy.svg%23svgAvenir-Heavy?46897) format('svg'); /* Legacy iOS */ } ::-webkit-input-placeholder { color: #CCC; } :-moz-placeholder { /* Firefox 18- */ color: #CCC; } ::-moz-placeholder { /* Firefox 19+ */ color: #CCC; } :-ms-input-placeholder { color: #CCC; } iframe{ border: 0; } input{ outline: none; -webkit-appearance: none; } td, th { border: 0; } video { width: 100% !important; height: auto !important; display: block; } .videowrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 20px; } .videowrapper iframe, .videowrapper object, .videowrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure { display: block; background: #eee; padding: 10px; } figcaption { display: block; text-align: center; margin: 10px 0; font-style: italic; font-size: 14px; orphans: 2; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .cart-wrapper { position: fixed; right: 0; top: 0; z-index: 9999; } ul#cart li { display: inline; } .gridlock .row {width: 100%;} .gridlock .row, .gridlock .cart-wrapper { opacity: 1; transition: opacity 2s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: opacity 2s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: opacity 2s cubic-bezier(0.77, 0, 0.175, 1); } .gridlock.off .row, .gridlock.off .mollusk.global.nav, .gridlock.off .cart-wrapper { opacity: 0; } div.flexslider {padding-top: 20px;} ul#social-icons li {display: block;} #logo, ul#cart { text-align: left;} #logo {margin-top: 0px;} ul#cart li a {display: inline !important;} li.seeks {display: none;} i.fa-facebook.fa-2x {padding-right: 20px;} i.fa-pinterest.fa-2x, i.fa-instagram.fa-2x {padding-right: 13px;} ul#cart li a:hover {background-color: transparent;} a.open_popup {font-size: 12px !important;} #breadcrumb {display: none;} @media screen and (min-width: 1220px) { #article-loop .article-index {width: 100% !important;} } .article-info h2 {text-align: left;} .article-info h2 a {color: #62838D !important; text-transform: normal !important; float: left;} .article-info p {text-align: left;} .article-info { border-bottom: 0px solid #f67c5c; position: relative; max-width: 1200px; } h2.featured {font-size: 20px; color: #62838D;} h2.featured a { color: #777777; &:hover{ color: #444444;} } .product-info {padding-top: 0px;} .product-info h3 {text-transform: none; color: #777777; line-height: 1.2em;} .footer {background-color: #F9F9F2; color: #6F6E6E;} #footer {text-align: left;} ul.footer li {list-style-type: none;} ul.footer li {color: #6F6E6E; font-weight: bold;} ul#social-icons li {padding: 0px; line-height: 30px;} ul#social-icons li a {border-bottom: none !important; border-top: none !important;} p.posted {text-align: left;} .owl-wrapper {border-bottom: 1px solid #F4B1A0; padding-bottom: 15px;} /* PRODUCT PAGE STYLING */ #product-description h1 { font-size: 25px; color: #62838D; line-height: 1; letter-spacing: -0.03em; } #product-description h1, #product-price, #product-description form {text-align: left; text-transform: none;} .product-add h5 { float: left; padding-right: 20px; margin-top: 6px; } #product-right {border: none;} .add {width: 100% !important;} div.rte { width: 100%; clear: both; margin-top:10px; } div.rte p, div.rte ul {text-align: left;} #bigimage {max-width: 100%;} /* FIT GUIDES */ .fitguide_description { /* margin-top: 20%; margin-bottom: 20%; */ } .fitguide_escape { text-align: right; position: absolute; right: 35px;/*right: 30px;*/ top: 30px; width: 20px; z-index: 420; } .fitguide_escape a { color: #777777; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .fitguide_escape a:hover { color: #fff; } .fitguider{ position: relative; margin: 0 !Important; } .fitguide-container{ width: 100%; float: left; clear: both; } .fitguide-left{ float: left; width: 50%; margin:30px 15px 30px; } .fitguide-left img{ bottom: 0; max-width: 100%; position: center; } .fitguide-right{ float: left; width: 44%; margin:30px 0 30px; } /* COLLECTION PAGE STYLING */ #collection-description h1 {border-bottom: 1px solid #F4B1A0; padding-bottom: 10px; text-align: left;} #full-width-filter {border-bottom: 0px;} .product-loop .product-index .product-info {border-bottom: 0px;} .size-popup {position: absolute; top: 35%; left: 6%; background-color: #CCC; width: 90%; padding: 10px 5px 10px 5px; text-align: center;} .location-button {background-color: #62838D; text-align: center; padding: 15px 0px 15px 0px;} .location-button-orange {background-color: #F67C5C; text-align: center; padding: 15px 0px 15px 0px; margin-top: 18px;} .location-button a, .location-button-orange a {color: #ffffff; font-size: 14px; padding-top: 0px;} .location-button:hover, .location-button-orange:hover {opacity: 0.9;} .menu-icon {background-image: url('https://cdn.shopify.com/s/files/1/0556/3269/files/mobile_menu_imgs.png?4815'); height: 32px; width: 32px; background-repeat: no-repeat; margin-top: 10px;} .menu-icon:hover {background-image: url('https://cdn.shopify.com/s/files/1/0556/3269/files/mobile_menu_imgs.png?4815'); height: 32px; width: 32px; background-repeat: no-repeat; background-position: 0px -32px; margin-top: 10px;} .dl-menuwrapper {top: 0; right: 0;} .news_signup2 {margin-left: 11px; width: 239px; float: right; text-align: center;} ul#popups {text-align: left;} ul#popups li {border: 0px; font-family: 'Montserrat'; color: #62838D;} ul#cart {margin-top: 10px; margin-bottom: 0px; max-height: 90px; border-radius: 0px;} ul#cart li:hover {background-color: transparent;} ul#social-icons {border-top: 1px solid #F4B1A0; padding-top: 10px;} ul#social-icons li a {font-size: 14px !important; color: #60828E !important; font-weight: 100 !important;} input[type="text"].search.query { margin-bottom: 0px; border-color: #62838D; padding: 5px; background-color: transparent; text-transform: none; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM2Mjg0OEUiIGQ9Ik0xOC44NTIsMUMxMi4zNjgsMSw3LjA5Miw2LjI3NSw3LjA5MiwxMi43NmMwLDIuNTgzLDAuODM5LDQuOTczLDIuMjU3LDYuOTE1bC03LjUzMiw3LjUzMQ0KCWMtMC44NjgsMC44NjgtMC44NjgsMi4yNzQsMCwzLjE0NEMyLjI1MSwzMC43ODIsMi44MiwzMSwzLjM4OSwzMXMxLjEzNy0wLjIxOCwxLjU3MS0wLjY1bDcuNjM4LTcuNjM5DQoJYzEuODEzLDEuMTQzLDMuOTU3LDEuODA4LDYuMjUzLDEuODA4YzYuNDgzLDAsMTEuNzU5LTUuMjc1LDExLjc1OS0xMS43NTlDMzAuNjEsNi4yNzUsMjUuMzM1LDEsMTguODUyLDF6IE0xOC44NTIsMjAuMDc0DQoJYy00LjAzNCwwLTcuMzE1LTMuMjgxLTcuMzE1LTcuMzE0czMuMjgxLTcuMzE1LDcuMzE1LTcuMzE1YzQuMDMzLDAsNy4zMTQsMy4yODIsNy4zMTQsNy4zMTVTMjIuODg1LDIwLjA3NCwxOC44NTIsMjAuMDc0eiIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-position: 5px; padding-left: 10px; background-size: 18px 18px; } #search {width: 80%; margin-left: 10px;} .show_hide {display: none;} div#related {border-top: 1px solid #F67C5C;} /* RESPONSIVE MENU STYLING */ /* -------------------------------- */ ul.dl-menu.dl-menuopen li.main-mobile-link a {font-size: 20px; color: #737371;} ul.dl-menu.dl-menuopen li h4 {border-bottom: 1px solid #F67C5C; font-size: 20px; color: #737371; padding-left: 10px; padding-bottom: 10px;} ul.dl-menu.dl-menuopen {background-color: #F9F8F3; margin-top: 10px;} .dl-menuwrapper li a {text-transform: none;} /* RESPONSIVE STYLING */ @media only screen and (max-width: 767px) { div#product-description h1, #product-price {text-align: center;} #search {width: 94%;} .news_signup {width: 93%;} ul#social-icons li {text-align: left !important; margin-left: 13px;} ul.footer {padding-left: 13px; line-height: 25px; font-family: 'Montserrat'; margin-top: 20px;} ul.footer li a {font-size: 14px; font-weight: 100; color: #6F6E6E !important; font-family: 'Montserrat';} div#promo-images {margin-left: 0px;} } /* ----------------------------------------------- */ ul.footer li a {font-family: 'Avenir-Light', sans-serif;} .product-info h3 {font-size: 16px;letter-spacing: -.2px;} h2.featured, h1 { font-family: 'Avenir-Medium'; color: #727272; letter-spacing: -0.03em; } h2.featured{ float: left; } .selection1, .active { color: #F67C5C; padding: 4px 10px 4px 10px; border: 1px transparent solid; margin-left: 10px; margin-right: 10px; font-size: 18px; font-family: 'Avenir-Medium'; float: left; } .selection1:hover, .selection2:hover, .active { color: #F67C5C; padding: 4px 10px 4px 10px; border: 1px #F67C5C solid; margin-left: 10px; margin-right: 10px; font-size: 18px; font-family: 'Avenir-Medium'; } .selection1 a, .active a, .selection1 a:hover, .selection2 a:hover, .active a:hover{ cursor: pointer; color: #F67C5C; } .viewall { background-color: #F67C5C; border: 1px solid #FFF; padding: 5px 10px; color: #ffffff; float: right; font-family: 'Avenir-Medium'; font-size: 16px; } .viewall a, .viewall a:visited{ color: #FFF; } .viewall:hover { background-color: #ffffff; border: 1px solid #F67C5C; } .viewall:hover a{ color: #F67C5C; } span.arrow { height: 11px; width: 11px; position: absolute; top: 9px; right: 6px; background-image: url('https://cdn.shopify.com/s/files/1/0556/3269/files/RightArrow.png?12739'); background-repeat: no-repeat; } .viewall:hover span.arrow { height: 11px; width: 11px; position: absolute; top: 9px; right: 6px; background-image: url('https://cdn.shopify.com/s/files/1/0556/3269/files/RightArrow_Over.png?12801'); background-repeat: no-repeat; } .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev { color: #f9f9f2; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #e46949; } h2, h3, h4, p, div#product-description { font-family: 'Avenir-Light', sans-serif; } div#product-description{ padding: 20px 0 0 0; } .divider {border-bottom: 1px solid #CCCCCC;} h2.featuredtext {font-family: 'Avenir-Medium' !important; color: #727272; font-size: 20px; font-weight: bold; clear: both; letter-spacing: -0.02em;} .collection-header span {float: right; margin-top: -21px; font-family: 'Avenir-Light', sans-serif !important; color: #727272; font-size: 18px;} .sale-item.icn {display: none;} #content-two {display: none;} .center_edit {padding-left: 13%;} .quick-cart-details p {color: #777777;} .swatch input:checked + label {background: #56757b;} #product-description h1 {font-family: 'Avenir-Medium' !important; font-weight: bold;} .add, .product-add h5, .color-variant h5 {text-transform: none !important; font-family: 'Avenir-Medium' !important; font-size: 18px; color: #62838D; font-weight: normal;} .product-add {padding-bottom: 50px;} input[type="submit"] {font-size: 20px; padding: 6px 0px;} .color-variant {padding: 10px 0px 10px 0px; border-bottom: 1px solid #F4B1A0; text-align: left;} #product-description form {border-top: 1px solid #61838D; margin-bottom: 0px;} .swatch {border-bottom: 1px solid #61838D; margin-top: 20px; padding-bottom: 0px;} a.up, a.down, input.quantity {float: right;} span.compare-price {color: #F67C5C;} span.product-price {color: #56757B;} p#product-price {font-size: 18px; font-family: 'Avenir-Light', sans-serif;} a.scrollup, .fa-chevron-up.fa-2x {display: none !important;} a#jump {cursor: pointer;} ul#sortme li.clearfix.filter {width: 220px;} select.styled-select.coll-filter.hasCustomSelect {width: 220px !important; height: 31px !important;} .was {color: #F67C5C;} div.owl-controls {display: none !important;} .so {background-color: transparent;} #product-description {text-align: left;} a.up {margin-left: 5px;} .up, .down {padding: 3px 8px;} .product-info h3 {font-family: 'Avenir-Medium' !important;} n #footer {padding-top: 0px;} #footer.footer.row {padding-top: 20px;} .news_signup {text-align: right;} .gridlock .row .desktop-12 {width: 100%;} .gridlock, .gridlock .row .row {width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;} .gridlock .row [class*="desktop-"] {margin-left: 0px;} .gridlock .row {width: 85%; float: right;} .flexslider {padding-top: 0px !important;} .gridlock .row .desktop-12 {width: 100%;} .gridlock .row .desktop-8 {width: 67%;} .selection-1 {margin-top: -2px;} span.store-hours {font-family: 'Avenir-Heavy' !important;} input#q {border-radius: 0px; -webkit-border-radius: 0px;} a.remove_item {font-size: 13px !important;} #collection-description h1 {display: none;} .product-index img {padding-top: 10px;} .product-loop {border-top: 1px solid #F4B1A0; margin-top: 10px;} h2.featuredtext { color: #777777; margin-top: 28px; margin-bottom: 5px; text-align: center; } h2.featuredtext a { color: #777!important; } h2.featuredtext a:hover{ color:#444!important; } .searched h2.featuredtext{ margin-bottom: 10px; line-height: 1; } .collection-header span a {color: #777777;} .product-container {width: 100%; padding-left: 10px; padding-right: 10px;} .product-left { text-align: center; width: 50%; float: left; } .product-right { text-align: center; width: 50%; float: right; } li.thisone:hover a {color: #F67C5C !important;} a { -webkit-transition: none !important; transition: none !important; -moz-transition: none !important; -o-transition: none; } img.so.icn { top: calc(97% + 5px); right: calc(9.5% + 30px); bottom: auto; left: auto; margin: -50px -50px 0 0; /*margin-top: 50%; */ opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; max-width: 50px; } img.so.icn.gallerysoicn { top: calc(81% + 5px); right: calc(46.5% + 30px); } @media (max-width: 767px) { img.so.icn { top: calc(98% + 5px); right: 55px; } } div.so.icn:hover { opacity: 0.3; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .icn {-webkit-transition: none; width: 50px; height: 50px;} div.so:hover {display: block !important;} .show_hide:hover img {opacity: 0.4;} .show_hide span { text-transform: none !important; font-family: 'Avenir'; font-size: 20px; color: #62838D; font-weight: normal; } .column1, .column2, .column3 {float: left;} .column2 {width: 70%; margin-top: -8px; margin-left: 2%;} .column1, .column3 {width: 14%;} .column2 {text-align: center;} .column3 {text-align: right; float: right;} .column2 a img { display: block; margin-left: auto; margin-right: auto; width: 50%; } a.menu-link {background-image: url('https://cdn.shopify.com/s/files/1/0556/3269/files/menu1.png?18648'); background-repeat: no-repeat; width: 25px; height: 25px; display: block; float: left; background-position: -10px -19px; } a.menu-link:hover {background-image: url('https://cdn.shopify.com/s/files/1/0556/3269/files/menu1.png?18648'); background-repeat: no-repeat; width: 25px; height: 25px; display: block; float: left; background-position: -10px -71px; } .fancybox-skin {border-radius: 0px; !important} #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; letter-spacing:-0.02em; } #mce-EMAIL {text-align: left;} #mc_embed_signup .mc-field-group input {text-indent: 3%;} #mc_embed_signup .size1of2 {width: 100% !important;} #mc_embed_signup .mc-field-group input {border-color: #F77C5B; border-radius: 0px; border-radius: 0px;} #mc_embed_signup .button {background-color: #F77C5B !important; font-family: 'Avenir-Light', sans-serif; font-size: 22px !important; border-radius: 0px !important;} ::-webkit-input-placeholder {color: #777; font-family: 'Avenir-Medium';} :-moz-placeholder {color: #777; font-family: 'Avenir-Medium';} ::-moz-placeholder {color: #777; font-family: 'Avenir-Medium';} :-ms-input-placeholder {color: #777; font-family: 'Avenir-Medium';} .indicates-required {text-align: center !important; font-size: 12px !important; color: #777777; font-family: 'Avenir-Medium' !important; margin-right: 0px !important; margin-bottom: 15px;} #mc_embed_signup div.mce_inline_error{ background-color: #F67C5C !important; } #subs-container #mc_embed_signup div.mce_inline_error{ background-color: transparent!important; display: inline-block; margin-top: 5px; font-weight: normal; } #mc_embed_signup input.mce_inline_error{ border-color: #F67C5C !important; } .videowrapper {padding-bottom: 54.05%;} #full-width-filter {padding-bottom: 0px; margin-bottom: 0px; margin-top: -1px;} .product-loop {margin-top: 0px;} .product-loop .product-index {margin: 0px;} .product-index img {margin: 0px !important; width: 100%; margin-bottom: 20px !important;} .product-index.desktop-4.tablet-4.mobile-1.iefirst {margin-left: 0px !important; margin-right: 10px;} .product-index.desktop-4.tablet-4.mobile-1.ielast {margin-left: 10px; margin-right: 0px !important;} .product-index.desktop-4.tablet-4.mobile-1 {margin-left: 10px; margin-right: 10px;} .product-info {min-height: 75px; padding-bottom: 0px; margin-bottom: 0px;} .product-index .product-info {padding-bottom: 0px;} .tag_link:hover a{ color: #f67c5c; } .promoted_sidebar_link a { color:#f67c5c !important; } .gallery-left {width: 50%; float: left; margin-left: 0%; min-width: 300px;} .gallery-right {width: 50%; /*float: left;*/ text-align: center; display: inline-block; margin-top: 10%;} .hasCustomSelect:hover {cursor: pointer;} .share-icons a {color: #777777;} .mobile_only2 {display: none;} .mollusk.container{ float: left; width: 100%; margin-top: 20px; } @media (max-width: 767px) { .mollusk.container { margin-top:0; overflow: hidden; } } /* POP-OUT CART STYLING */ .pop.out.cart.bg{ position: absolute; top: 0; right: 0; display: block; height: 55px; width: 55px; border-style: solid; border-width: 0 55px 55px 0; border-color: transparent #D1461C transparent transparent; text-align: right; z-index: 9999; } .pop.out.cart.bg.fsb{ top: 33px !important; } a.fa-shopping-cart{ color: #FFF; font-size: 18px; position: relative; width: 65px; height: 65px; display: block; } a.fa-shopping-cart:before{ position: absolute; top: 10px; left:34px; } .shopping-cart.quick{ background-color: #F9F8F3; color: #6f6e6e; width: 410px; top: -10000px; left: auto; right: 0px; padding: 20px 20px 20px 20px; z-index: 9998; position: absolute; border-left: 1px solid #ebebe9; border-bottom: 1px solid #ebebe9; min-height: 75px; transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1); } .pop.out.cart.bg:hover + .shopping-cart.quick, .shopping-cart.quick:hover, .shopping-cart.quick.on { height: auto; top: 0; } .shopping-cart.quick.on.onHello{ top: 33px; } .pop.out.cart.bg.fsb:hover + .shopping-cart.quick, .pop.out.cart.bg.fsb:hover + .shopping-cart.quick:hover, .shopping-cart.quick.onHello:hover { top: 33px; } .shopping-cart.quick h2 { font-family: 'Avenir-Medium'; font-size: 18px; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #F4B1A0; color: #6f6e6e; } .shopping-cart.quick h2.empty{ color: #6f6e6e; border-bottom: none; padding: 0; margin: 0; } .pop.out.cart.bg:hover + .shopping-cart.quick { display: block !important; } .shopping-cart.quick ul{ margin: 0; padding: 0; clear: both; overflow-y: scroll; max-height: 320px; } .shopping-cart.quick li{ list-style-type: none; float: left; width: 100%; clear: both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #F4B1A0; display: flex; align-items: center; } .shopping-cart.quick li .img, .shopping-cart.quick li .deets{ float:left; } .shopping-cart.quick li .img{ width: 75px; height: auto; } .shopping-cart.quick li .deets{ margin-left: 20px; margin-top: 10px; max-width: 200px; } .shopping-cart.quick li .deets a{ color: #6f6e6e; } .shopping-cart.quick li .deets a:hover{ text-decoration: underline; } .shopping-cart.quick li .deets ul{ overflow: auto !important; } .shopping-cart.quick li .deets li{ border-bottom: none; margin: 0; padding: 0; } .shopping-cart.quick li .remove{ float: right; text-indent: -9999px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3ODc4NzgiIGQ9Ik0yNi42MDcsNS4zOTNjLTUuODU4LTUuODU4LTE1LjM1Ni01Ljg1OC0yMS4yMTQsMGMtNS44NTgsNS44NTgtNS44NTgsMTUuMzU1LDAsMjEuMjE1DQoJYzUuODU3LDUuODU3LDE1LjM1NSw1Ljg1NywyMS4yMTQsMEMzMi40NjUsMjAuNzQ4LDMyLjQ2NSwxMS4yNSwyNi42MDcsNS4zOTN6IE0yMy44OSwyMS42MDdjMC42MywwLjYzMSwwLjYzLDEuNjUyLDAsMi4yODENCgljLTAuMzE1LDAuMzE2LTAuNzI4LDAuNDczLTEuMTQxLDAuNDczcy0wLjgyNS0wLjE1Ni0xLjE0MS0wLjQ3M0wxNiwxOC4yODFsLTUuNjA4LDUuNjA3Yy0wLjMxNCwwLjMxNi0wLjcyOCwwLjQ3My0xLjE0MSwwLjQ3Mw0KCXMtMC44MjUtMC4xNTYtMS4xNDEtMC40NzNjLTAuNjMtMC42MjktMC42My0xLjY1LDAtMi4yODFsNS42MDgtNS42MDhMOC4xMSwxMC4zOTFjLTAuNjMtMC42My0wLjYzLTEuNjUxLDAtMi4yODINCgljMC42My0wLjYyOSwxLjY1MS0wLjYyOSwyLjI4MSwwTDE2LDEzLjcxOGw1LjYwOC01LjYwOGMwLjYzLTAuNjI5LDEuNjUxLTAuNjI5LDIuMjgxLDBjMC42MywwLjYzLDAuNjMsMS42NTEsMCwyLjI4MmwtNS42MDgsNS42MDgNCglMMjMuODksMjEuNjA3eiIvPg0KPC9zdmc+DQo=); background-size: contain; width: 15px; height: 15px; margin-left: auto; } .shopping-cart.quick li .remove:hover, .shopping-cart.quick li .remove:active{ opacity: 0.85; } .shopping-cart.quick li .remove a{ display: block; width: 100%; height: 100%; } .shopping-cart.quick .subtotal.label, .shopping-cart.quick .subtotal.price{ float: left; margin-top: 10px; margin-bottom: 20px; font-size:14px; } .shopping-cart.quick .subtotal.price{ float: right; } a.checkout-link { color: #ffffff; background: #62828d; float: left; border-top: 1px solid #eee; line-height: 40px; width: 100%; clear: left; text-align: center; display: block; font-size: 18px; } a.checkout-link:hover { background: #98B0B8; } .add-to-cart-msg.error { float: left; width: 100%; clear: both; border: 1px dotted #f11; background: #F7EDED; margin-top: 10px; padding: 10px; } span.freeshipping{ font-family: 'Avenir-Medium'; font-size: 18px; font-weight: normal; text-align: center; display: block; width: 100%; opacity: 0.67; padding-top: 20px; } /* 404! */ .nada h1{ margin: 70px 0 20px 0; padding: 0 0 10px 0; font-size: 2em; border-bottom: 1px solid #F4B1A0; } .nada h1 span{ float: right; color: #EEE; } .nada h3{ font-size: 1.5em; margin: 0 0 20px 0; } .nada h4{ text-align: center; color: #EFF0FF; margin-bottom: 20px; } .nada img{ margin: 0 auto; display: block; } .nada p.brdr{ font-size: 1.5em; margin: 20px 0; padding: 20px 0 0 0; border-top: 1px solid #F4B1A0; } .nada #search-bar #q{ width: 100%; border: 1px solid #eee; border-radius: 3px; background-image: none; background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAIVBMVEW/v7+/v78AAAC/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v79QUkolAAAAC3RSTlOLYAAJeoMjRhpOcbsbtd4AAABJSURBVHjaVc1JDsAgDATB9uAF8v8Hx0QcSN9KssZI5eClDj18PRsFlmlQDcfUGd6A3EgYP1xncQ+sa5qYOk9jRQt1Y0izhU5bL2o2AW3ZQKeJAAAAAElFTkSuQmCC) 10px 8px no-repeat; margin-bottom: 20px; text-transform: uppercase; } #four-per-row{ margin-top: 73px; } #four-per-row h1{ margin: 0; } /* animate that zendesk jawn in */ #zenbox_tab{ top: 65% !important; z-index: 9998 !important; left: auto; right: 0; opacity: 0; border-color: #FFFFFF !important; background-color: #F67C5C !important; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); transition: opacity 500ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: opacity 500ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: opacity 500ms cubic-bezier(0.77, 0, 0.175, 1); } #zenbox_tab.on{ opacity: 1; } .fitguider{ position: relative; background-color: #E1E6E9; } #blog-article{ position: relative; max-width: 1200px; } /* */ @media all and (max-width: 768px) { .nada #search-bar #q{ background-position: 10px 12px; } } .added-to-cart-popup{ display: none; position: fixed; top: 50px; width: 100%; z-index: 9999999; color: white; text-align: center; background-color: #61838D; font-family: Avenir-Medium; font-size: 20px; padding: 15px 10px; } @media (min-width: 767px) { .added-to-cart-popup { display:none; } } .added-to-cart-popup__title{ margin-bottom:10px; } a.added-to-cart-popup__subtitle{ color:#F87C58; } .mobile-cart-count{ display:none; position: absolute; right: 2px; top: 5px; background: #e46949; border-radius: 100%; padding: 3px 5px 3px 5px; color: white; font-weight: bold; font-size: 12px; text-align: center; line-height: 12px; } .hide{ display: none !important; } /* ST Tweaks */ ul#imgMap{ display: none; } .flex-direction-nav { display: block !important; opacity: 1 !important; } /*SCP*/ @font-face { font-family: 'molluskmollusk'; src: url('mollusk-webfont.eot'); src: url('mollusk-webfont.eot?#iefix') format('embedded-opentype'), url('mollusk-webfont.woff2') format('woff2'), url('mollusk-webfont.woff') format('woff'), url('mollusk-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*.nav .scrollerable{margin:0} .nav .scrollerable li h3 ul,.nav .scrollerable li ul{display: none; margin:0} .nav .scrollerable li h3:hover ul,.nav .scrollerable li:hover ul{display: block;}*/ nav.mollusk.global.nav li a{cursor:pointer} .newsletter-area{ padding: 20px; background-color: #61838f;font-family: 'molluskmollusk'; color: #ffffff; margin-bottom: 20px; clear:both; text-align: center;} .newsletter-area h2{font-family: 'molluskmollusk'; color: #ffffff; font-size:28px; margin-top: 13px;} .newsletter-area .newsletter-text,.newsletter-area #subs-container{ width: 36%; display: inline-block;vertical-align: top;} .newsletter-area #subs-container{ width: 52%;} .newsletter-area .newsletter-text p{ font-size: 15px; margin-bottom: 0;} .newsletter-area form{ background-color: #61838f; position: relative;} .newsletter-area form input{margin-bottom:0;} .newsletter-area #mc-embedded-subscribe-form > div.mc-field-group{width: 69%;display: inline-block;vertical-align: top;} .newsletter-area #mc-embedded-subscribe-form > div.mc-button-area{width: 30%;display: inline-block;vertical-align: top;} .newsletter-area #mce-responses{ color: #333; left: 0%; position: static; top: 13px; font-size: 13px; width: 100%; background-color: #f9f8f3; } .newsletter-area #mc-embedded-subscribe-form > div.mc-button-area input{ min-height: 46px; padding: 10px 18px;font-family: 'molluskmollusk'; color: #ffffff; width: auto;} .newsletter-area #mc_embed_signup .mc-field-group input{border:0px solid #ffffff!important;} a .newsletter-area{ margin-left:18%;} .pop-img{width:50%; text-align: center; display: inline-block;} .pop-div { background-color:#ffffff;border: 0px solid #000; left: 42%; padding: 0; position: fixed; width: 680px; z-index: 9999999!important; min-height: 320px; top:22%; top: 25%; color:#000;margin-left:-250px;} .pop-div .container{line-height:0;width:100%; margin:0 auto; text-align:center; padding:15px;background-color: #fff;} .pop-div .container img{text-align:center; margin:0% 0 ; display:inline-block;} .pop-div .response{/*background-color: #f9f8f3;*/ color: #628692; display: inline-block; font-size: 36px; line-height: 1.1em; padding: 10% 2% 0 2%; vertical-align: top; width: 320px;} .pop-div .response#mce-error-response{font-size: 22px;} .pop-div p{text-align:center; padding:25px 0; color:#628692} .pop-div a{ font-family: "molluskmollusk"; color:#628692; font-size:14px; text-decoration:none; display:inline-block; margin-top: 10px;} .pop-div a.enter{ cursor:pointer; background-color:#000; color:#fff;padding:10px 50px;font-family: 'Plateaux'; } .pop-div a.exit{ cursor:pointer; background-color:#000; color:#fff;padding:10px 50px;font-family: 'Plateaux'; } .pop-div .close-popup{position:absolute; top:-10px; right: -10px; background:url("cros1.png") no-repeat; cursor: pointer; width:25px; height: 25px; font-size:0; } .pop-ovrly { background-color:rgba(0,0,0,0.8); height: 100%; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: 9999998;} @media screen and (max-width:1024px){ .newsletter-area h2{font-size: 22px ;} .newsletter-area #subs-container{width: 57%;} } @media screen and (max-width:767px){ .newsletter-area .newsletter-text, .newsletter-area #subs-container{width: 100%;} .newsletter-area #subs-container{width:95%;margin-top: 10px;} .newsletter-area #mc-embedded-subscribe-form > div.mc-field-group,.newsletter-area #mc-embedded-subscribe-form > div.mc-button-area{width: 100%;} .newsletter-area #mc-embedded-subscribe-form > div.mc-button-area input{width: 100%; margin-top: 8px;} .pop-div{width: 96%; left: 2%; top: 10%; margin-left: 0;} } /*gallery Header h2, h3, h4, p, div#gallery-description { font-family: 'molluskmollusk', sans-serif; } div#gallery-description{ padding: 0 0 0 0; vertical-align: middle; }*/ .hb-logo-wrapper { display: none !important ; } /* Checkout CSS */ @import url(//fonts.googleapis.com/css?family=Questrial|Glegoo|Droid+Sans|Lato:300,400|Arvo|Playfair+Display|Cutive+Mono|PT+Sans|Poiret+One|PT+Sans+Narrow|Quicksand|Noto+Serif|Lobster|Julius+Sans+One|Lobster+Two|Montserrat:400,700|Noticia+Text|Open+Sans|Open+Sans+Condensed:300|Oswald|Oxygen|Playball|Raleway|Roboto+Slab); body { color: #6f6e6e; background: #ffffff; font-size: 13px; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif; line-height: 1.6em; -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ margin: 0! important; } a { text-decoration: none; color: #6f6e6e; 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: #6f6e6e; text-decoration: none; } h3 { color:#61828c!important; } h3.plisthead { font-size:18px; line-height:24px; } #container { width:940px; margin:0px auto 30px; padding:0; } #header, #footer { width:940px; padding:0; margin:0; background:none; } #main { width:924px; padding:0 8px; border-top: 1px double #f67c5c; background: #ffffff; } #logo { height:50px; background:url("logo.png") center center no-repeat; background-size: contain; margin-bottom: 20px; } #tagline { display:none; font-family: 'Montserrat', sans-serif; font-size: 18px; } #content { padding:0; } #content h3 { margin-top:30px; } /* Thumbs / Order Details */ #overview { padding:0; background:none; border-bottom:1px double #F4B1A0; } #overview .hint { font-size:14px; display:block; color:#777777; } #products { width:461px; border-right: 1px double #F4B1A0; padding-bottom:94px; padding-top:46px; } #products h2 { font-size:24px; margin-bottom:42px; font-weight:400; } #wallet { padding:45px 10px 45px 40px; background-color:transparent !important; text-align:left; } #wallet br { display:none; } #cost, #order-num { font-size:48px; font-weight:700; margin-bottom:18px; } #steps { margin-top:8px; display:block; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif! important; font-style: normal; } #thumbs div { border:none; margin-right:6px; } #thumbs h3 { font-size:18px; margin-bottom:6px; font-weight:400; } #thumbs span { color:#777777; font-size:18px; line-height:24px; } #thumbs td { display:block; width:460px; padding-bottom:40px; padding-right:20px; vertical-align:top; } .plist-variant-title, .plist-line-price { font-size:12px !important; font-style:italic; } /* E-Mail */ #email { background:transparent; border:none; padding:20px 0 25px; margin:0; border-bottom:1px solid #F4B1A0; } #email a { text-decoration:none; } #email a:hover { } #email label { font-weight:400; text-transform:uppercase; margin-bottom:20px; } h4.active-customer { font-size:14px; color:#777777; padding:0; margin:0; } span.sign-in-message { display:block; font-size:12px; font-weight:400; margin-top: 10px; } span.sign-in-message a { text-decoration:none; font-weight:600; } #email input, .form td input.short, #billing_address_address1, #billing_address_address2,#shipping_address_address1, #shipping_address_address2, #billing_address_city, input.medium, #credit_card_first_name, #credit_card_last_name, #credit_card_number, #credit_card_verification_value, #create-account form input#password, #create-account form input#password_confirmation, #discount_code { border:1px solid #777777; outline:0; background-color:transparent; color:#777777; padding:8px 12px; font-size:13px! important; width:250px; -webkit-appearance:none; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif! important; } input#billing_address_province, input#shipping_address_province { border:1px solid #cccccc; outline:0; background-color:transparent; padding:8px 12px; color:#303030; -webkit-appearance:none; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif! important; font-size: 13px! important; } #billing_address_province, #shipping_address_province { margin-bottom:20px; } /* Address */ .field-with-errors { background:none; border:none; padding:0px !important; display:inline-block; } .field-with-errors .error-message { font-weight:400; font-style:italic; color:#F67C5C; } .field-with-errors input { margin-top: 4px !important; border: 1px solid #F67C5C !important; background-color: #F9F9F2 !important; border: 1px solid #F67C5C; !important; color: #333 !important; } #addresses .field-with-errors input { margin-bottom:20px; } #addresses { background:transparent; margin:0; border:none; padding:36px 0 38px; border-bottom:1px solid #F4B1A0; } .gright { padding-left:14px; } .group h3, .pgroup h3 { font-weight:400; text-transform:uppercase; border-bottom:none; margin-bottom:25px; margin-top:0 !important; } .form td.lbl { padding-top:14px; padding-bottom:34px; width:117px; } .form td.lbl label { font-size:14px; font-weight:400 !important; } .form ul.inline li label, #billing-is-shipping label { font-weight:400 !important; font-size:14px; margin-bottom:16px; } #billing-is-shipping td { padding-top:10px; } .multiple_address_selection td { padding:0px 5px 34px 0px; } .multiple_address_selection td select { margin:0; } #billing_address_province_li input, #shipping_address_province input { margin-top:2px; margin-top:-1px\0/; } *+html #billing_address_province_li input, #shipping_address_province input { margin-top:-1px; } @-moz-document url-prefix() { #billing_address_province_li input, #shipping_address_province input { margin-top:0px; } } #billing_address_country, #shipping_address_country { margin-bottom:20px; } .address-notification { background-color:#F67C5C; border:1px solid #F67C5C; font-size:14px; text-align:left; padding:8px 14px 9px; margin-top:30px; } @-moz-document url-prefix() { .address-notification { padding:6px 14px 9px; } } #buttons { background:transparent; border-top:none; border-bottom:none; padding:29px 0 0 0; } input#commit-button, input#complete-purchase, #create-account-btn, #discounts-body input[type=submit] { border:none; outline:none; position:relative; cursor:pointer; -webkit-appearance:none; } #commit-button { width:202px; height:40px; background:#61828c; color: #fff; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif! important; font-weight: normal! important; font-size: 13px! important; } #complete-purchase { width:202px; height:40px; background:#61828c; color: #fff; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif! important; font-weight: normal! important; font-size: 13px! important; } #discounts-body input[type=submit] { padding:10px 13px; } input#commit-button:hover, input#complete-purchase:hover, #create-account-btn:hover, #discounts-body input[type=submit]:hover { background-color:; } #cancel-purchase, #buttons small { font-size:14px; margin-left:6px; font-style:italic; } *+html #cancel-purchase { position:relative; top:-11px;} #cancel-purchase a, #buttons small a { text-decoration:none; } #cancel-purchase a:hover, #buttons small a:hover { color:; } .group { background:transparent; padding:0; border:none; } .group p { font-size:14px; } .group p.sst { margin:25px 0 0 0; } #payment { padding:39px 0; border-bottom:1px solid #F4B1A0; margin-bottom:39px; } #payment .group { margin:0; } .group .hint { line-height:23px; max-width:586px; } #credit-card-info label { font-size:14px; font-weight:400 !important; margin-bottom:10px; display:inline-block; } #credit-card-info input { margin-right:10px; } #credit_card_first_name, #credit_card_last_name { width:170px; margin-bottom:20px; } #credit_card_first_name { margin-right:38px !important; } #credit_card_number { width:408px; margin-bottom:20px; } #credit_card_verification_value { margin-top:4px; margin-left:20px; width:40px; text-align:center; } span.hint a { color:; text-decoration:none; } span.hint a:hover { } div.sst { margin-top:33px; } #marketing-box { border-top:1px solid #F67C5C; border-bottom:1px solid #F4B1A0; padding-top:44px; padding-bottom:44px; margin-top:44px; margin-bottom:10px; } /* Footer */ #footer { margin:40px 0 0; color:#6F6E6E; } /* Policies */ .shopify-dialog-content { color:#555; } #create-account-btn { margin:18px 0 10px; } .group p a { color:; text-decoration:none; } .group p a:hover { color:; } #thumbs h3 span { color:; } #billing { margin-top:20px; } #create-account form input { padding:11px 13px; background-color:; color:; font-weight:700; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:none; outline:none; font-size:14px; position:relative; -webkit-text-stroke:0.1px; cursor:pointer; margin-bottom:14px; -webkit-font-smoothing:antialiased; } #cost, #order-num { text-shadow: none !important; color:#61828c!important; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif! important; color: #6f6e6e! important; text-shadow: 0 none! important; display: block; } .address-notification { color: white; } .slim #thumbs td { width: 100%! important; display: table-cell! important; padding: 10px 0! important; clear: left! important; float: left! important; border-bottom: #f0f0f0 1px solid! important; } .slim #thumbs td img { float: left! important; max-width: 40px! important; } .slim #thumbs td h3 { font-weight: 400; font-size: 13px; margin-top: 12px; float: left! important; margin-left: 20px! important; } #container.slim #main { width:413px; background:#fff; padding:0 15px; } #container.slim #header { width:430px; background:#fff; } #container.slim #footer { width:430px; background:#fff; } /*! * Font Awesome 4.2.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.2.0'); src: url('fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fontawesome-webfont.svg?v=4.2.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; } .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; } @-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 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { 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 { 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:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .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 { 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: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-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .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"; } /* * 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 {margin: 0; padding: 0; overflow: hidden;} .flexslider .slides > li { position: relative; display: none; -webkit-backface-visibility: hidden; padding-top: 0px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .flex-caption { position: absolute; bottom: 0px; width: 400px; right: 15px; text-align: right; margin-left: 0; z-index: 3; line-height: 2em; } .flex-caption p.title { font-family: 'Avenir-Light', sans-serif; font-size: 30px; color: #f9f9f2; font-weight: 300; text-shadow: 1px 1px 3px #777; } .flex-caption p.caption { font-family: 'Avenir-Light', sans-serif; font-size: 14px; color: #f9f9f2; font-weight: 300; text-shadow: 1px 1px 3px #777; } .flexslider .readmore { z-index: 4; text-align: right; } /* Original Settings .flex-caption { position: absolute; top: 45%; width: 70%; left: 50%; text-align: center; margin-left: -35%; z-index: 3; line-height: 2em; } .flex-caption p.title { font-family: 'Montserrat', sans-serif; font-size: 32px; color: #ffffff; font-weight: 700; text-shadow: 1px 1px 3px #000; } .flex-caption p.caption { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #ffffff; font-weight: 300; margin: 0 0 20px 0; text-shadow: 1px 1px 3px #000; } .flexslider .readmore { z-index: 4; text-align: center; }*/ .flexslider .readmore a { color: #ffffff! important; text-shadow: 1px 1px 3px #000; text-transform: uppercase; font-size: 14px; background: transparent! important; border: 2px solid #fff! 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 { 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 { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0; font-family: FontAwesome; font-size: 50px; text-shadow: none; } .flex-direction-nav a { display: block; line-height: 50px; width: 40px; height: 50px; margin: -25px 0 0; position: absolute; bottom: 50%; z-index: 2; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev:before {content:"\f104";} .flex-direction-nav .flex-prev { width: 20px; height: 50px; left: -50px; } .flex-direction-nav .flex-next:before {content:"\f105";} .flex-direction-nav .flex-next { width: 20px; height: 50px; right: 5px; text-align: right; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -60px; 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; color: #fff; cursor: default;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; 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;} .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} .flex-prev:hover { opacity: 0.4; } .flex-next:hover { opacity: 0.4; } /* fancyBox v3.5.7 fancyapps.com | fancyapps.com/fancybox/#license */ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }