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