/* * Testament Shopify theme * Copyright 2014, Underground Media * www.shopifythemes.net * * Gridlock - A CSS responsive grid system [12 column - Desktop standard] * @author Ben Plum * @version 0.2.0 * * Copyright © 2013 Ben Plum * Released under the MIT License */ /*fonts*/ @font-face {font-family: 'VAGRoundedLT-Thin';src: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_0_0.eot?10861422261270438656);src: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_0_0.eot?%23iefix&10861422261270438656 ) format('embedded-opentype'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_0_0.woff2?10861422261270438656) format('woff2'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_0_0.woff?10861422261270438656 ) format('woff'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_0_0.ttf?10861422261270438656) format('truetype');} @font-face {font-family: 'VAGRoundedLT-Light';src: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_1_0.eot?10861422261270438656);src: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_1_0.eot?%23iefix&10861422261270438656) format('embedded-opentype'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_1_0.woff2?10861422261270438656) format('woff2'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_1_0.woff?10861422261270438656) format('woff'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_1_0.ttf?10861422261270438656) format('truetype');} @font-face {font-family: 'VAGRoundedLT-Bold';src: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_2_0.eot?10861422261270438656);src: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_2_0.eot?%23iefix&10861422261270438656) format('embedded-opentype'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_2_0.woff2?10861422261270438656) format('woff2'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_2_0.woff?10861422261270438656) format('woff'),url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/2DB129_2_0.ttf?10861422261270438656) format('truetype');} /*fonts*/ /* !Reset Box-sizing */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } /* !Defaults */ .gridlock .row { margin-left: auto; margin-right: auto; width: 960px; /* Fallback */ } .gridlock .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .gridlock .row .row { margin-left: -1.0416666666666667%; margin-right: -1.0416666666666667%; width: 102.0833333333333334%; } .gridlock .row [class*="desktop-"] { float: left; margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row [class*="desktop-"].right { float: right; } .gridlock .row [class*="desktop-"].padded { margin-left: 0; margin-right: 0; padding-left: 1.0416666666666667%; padding-right: 1.0416666666666667%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; *behavior: none; } .fl { float: left; } .fr { float: right; } .first { clear: left; } /* !Rows, Widest to Thinest */ @media screen and (min-width: 1220px) { .gridlock .row { width: 1200px; } } @media screen and (max-width: 1220px) { .gridlock .row { width: 960px; } } @media screen and (max-width: 980px) { .gridlock .row { width: 720px; } } @media screen and (max-width: 740px) { .gridlock .row { width: 480px; } } @media screen and (max-width: 500px) { .gridlock .row { width: 300px; } } /* !Desktop - Default, 12 column, 1220 + 960 (min 980), IE Standard */ .gridlock .row .desktop-1 { width: 6.25%; } .gridlock .row .desktop-2 { width: 14.5833333333333333%; } .gridlock .row .desktop-3 { width: 22.9166666666666667%; } .gridlock .row .desktop-4 { width: 31.25%; } .gridlock .row .desktop-5 { width: 39.5833333333333333%; } .gridlock .row .desktop-6 { width: 47.9166666666666667%; } .gridlock .row .desktop-7 { width: 56.25%; } .gridlock .row .desktop-8 { width: 64.5833333333333333%; } .gridlock .row .desktop-9 { width: 72.9166666666666667%; } .gridlock .row .desktop-10 { width: 81.25%; } .gridlock .row .desktop-11 { width: 89.5833333333333333%; } .gridlock .row .desktop-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .desktop-push-1 { margin-left: 9.375%; } .gridlock .row .desktop-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .desktop-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .desktop-push-4 { margin-left: 34.375%; } .gridlock .row .desktop-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .desktop-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .desktop-push-7 { margin-left: 59.375%; } .gridlock .row .desktop-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .desktop-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .desktop-push-10 { margin-left: 84.375%; } .gridlock .row .desktop-push-11 { margin-left: 92.7083333333335%; } /* Center Cells */ .gridlock .row [class*="desktop-"].center { margin-left: auto; margin-right: auto; } /* !Generic, fractions */ .gridlock .row .desktop-third { width: 31.25%; } .gridlock .row .desktop-half { width: 47.9166666666666667%; } .gridlock .row .desktop-full { width: 97.9166666666666667%; } .gridlock .row .desktop-push-third { margin-left: 34.375%; } .gridlock .row .desktop-push-half { margin-left: 51.0416666666666667%; } /* !Desktop - Max, 12 column, 1200 (min 1221) */ @media screen and (min-width: 1221px) { .gridlock .row .max-1 { width: 6.25%; } .gridlock .row .max-2 { width: 14.5833333333333333%; } .gridlock .row .max-3 { width: 22.9166666666666667%; } .gridlock .row .max-4 { width: 31.25%; } .gridlock .row .max-5 { width: 39.5833333333333333%; } .gridlock .row .max-6 { width: 47.9166666666666667%; } .gridlock .row .max-7 { width: 56.25%; } .gridlock .row .max-8 { width: 64.5833333333333333%; } .gridlock .row .max-9 { width: 72.9166666666666667%; } .gridlock .row .max-10 { width: 81.25%; } .gridlock .row .max-11 { width: 89.5833333333333333%; } .gridlock .row .max-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .max-push-1 { margin-left: 9.375%; } .gridlock .row .max-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .max-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .max-push-4 { margin-left: 34.375%; } .gridlock .row .max-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .max-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .max-push-7 { margin-left: 59.375%; } .gridlock .row .max-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .max-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .max-push-10 { margin-left: 84.375%; } .gridlock .row .max-push-11 { margin-left: 92.7083333333335%; } } /* !Tablet, 6 column, 720 (min 739) */ @media screen and (min-width: 739px) and (max-width: 980px) { .gridlock .row [class*="desktop-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .tablet-1 { width: 14.5833333333333333%; } .gridlock .row .tablet-2 { width: 31.25%; } .gridlock .row .tablet-3 { width: 47.9166666666666667%; } .gridlock .row .tablet-4 { width: 64.5833333333333333%; } .gridlock .row .tablet-5 { width: 81.25%; } .gridlock .row .tablet-6 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .tablet-push-1 { margin-left: 17.7083333333333333%; } .gridlock .row .tablet-push-2 { margin-left: 34.375%; } .gridlock .row .tablet-push-3 { margin-left: 51.0416666666666667%; } .gridlock .row .tablet-push-4 { margin-left: 67.7083333333334%; } .gridlock .row .tablet-push-5 { margin-left: 84.375%; } /* !Generic, fractions */ .gridlock .row .tablet-third { width: 31.25%; } .gridlock .row .tablet-half { width: 47.9166666666666667%; } .gridlock .row .tablet-full { width: 97.9166666666666667%; } .gridlock .row .tablet-push-third { margin-left: 34.375%; } .gridlock .row .tablet-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile, 3 column, 300 + 480 (max 740) */ @media screen and (max-width: 740px) { .gridlock .row [class*="desktop-push-"], .gridlock .row [class*="tablet-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .mobile-1 { width: 31.25%; } .gridlock .row .mobile-2 { width: 64.5833333333333333%; } .gridlock .row .mobile-3 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .mobile-push-1 { margin-left: 34.375%; } .gridlock .row .mobile-push-2 { margin-left: 67.7083333333334%; } /* !Generic, fractions */ .gridlock .row .mobile-third { width: 31.25%; } .gridlock .row .mobile-half { width: 47.9166666666666667%; } .gridlock .row .mobile-full { width: 97.9166666666666667%; } .gridlock .row .mobile-push-third { margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile - Min, 300 (max 500) */ @media screen and (max-width: 500px) { .gridlock .row .min-full { width: 97.9166666666666667%; } } * { margin: 0; } @media screen and (max-width: 980px) { .tablet-1 { display: none; } .green-footer { padding: 30px 30px; } } @media screen and (max-width: 740px) { .customer-service { margin-top: 15px; margin-bottom: 15px; } } @media screen and (max-width: 550px) { input.button.signupSubmit { right: 40px; } } @media screen and (min-width: 470px) and (max-width: 740px) { input.button.signupSubmit { right: 50px !important; } } #ienav { display: none; } html, body { height: 100%; } body { color: #949494; background: #ffffff; font-size: 13px; font-family:Georgia, Utopia, 'Times New Roman', Times, serif; line-height: 1.6em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img { max-width: 100%; border: 0; } h1, h2, h3, h4, h5, h6 { color: #444444; font-family:'VAGRoundedLT-Light', Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 2px; margin-top: 0; margin-bottom: 10px; line-height: normal; -webkit-font-smoothing: antialiased; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #444444! important; } h1 { font-size: 18px; } h2 { font-size: 14px; } h3 { font-size: 14px; } h4 { font-size: 14px; } h5 { font-size: 14px; } h6 { font-size: 14px; } h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; } p { font-size: 13px; margin-bottom: 10px; } strong { font-weight: bold; } em { font-style:italic; } pre { font-family: "Courier New", Courier, monospace; font-size: 13px; font-weight:bold; } p.date { } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } a { text-decoration: none; color: #444444; 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: #444444; text-decoration: none;} a:visited { color:#444444; text-decoration: none; } a:focus { outline: none; } /* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */ dt { font-weight: bold; } ol { padding: 0; margin-left: 0; margin-bottom: 20px; text-indent: 0; list-style-position: inside; } ul { padding: 0; margin: 0 0 20px 0; list-style:disc inside;} li { } blockquote { font-family: Georgia, "Times New Roman", Times, sans-serif; font-size:18px; line-height: 24px; font-style:italic; padding-left:35px; color: #999; margin: 20px 0; } input, textarea { } hr { background:#cc0000; border:none; color:#cc0000; display:block; height:1px; margin-top: 20px; width:100%;} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { width: 100%; max-width: 100%; background: #444444; border: none; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-appearance: none; color: #ffffff; display: inline-block; font-size: 12px; font-weight: normal; text-decoration: none; cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 15px 0; font-family: Georgia, Utopia, 'Times New Roman', Times, serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #ffffff; background: #222222; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px Georgia, Utopia, 'Times New Roman', Times, serif; color: #777; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; min-width: 300px; } label, legend { display: block; font-weight: bold; font-size: 13px; margin-bottom: 5px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] { width: 100%; background: #fff; border: 1px solid #cc0000; padding: 15px 0px; margin: 0px; margin-bottom: 20px; max-width: 100%; text-indent: 17px; outline: none; } textarea { width: 100%; background: #fff; border: 1px solid #cc0000; height: 200px; margin: 0px; margin-bottom: 40px; max-width: 100%; padding: 2% 17px; outline: none; } /* =============== */ /* = Start CSS = */ /* =============== */ header { background: #ffffff; line-height: 30px; border-bottom: 1px dotted #707070;} ul#social-icons { margin-bottom: 0; text-align: left; z-index: 5; position: relative; list-style: none; } ul#social-icons li { text-align: left; display: inline; padding: 0 10px 0 0; } ul#social-icons li a { color: #000000; } ul#social-icons li a:hover { color: #999999; } ul#social-icons li.countries{ position:relative; } ul#social-icons li.countries ul{ position: absolute; margin: 0; padding: 0; top: 17px; left: 0; background: #fff; display:none; } ul#social-icons li.countries ul:hover{ display:block; } ul#social-icons li.countries ul li { margin: 0; padding: 0 10px 0 0; height: 22px; overflow: hidden; display: block; } ul#social-icons li.countries .flag{ width: 21px; height: 13px; display:inline-block; } ul#social-icons li.countries .flag.america:after{ display:block; content: ''; width: 10px; height: 10px; background: url('//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/down-icon.png?10861422261270438656') center no-repeat; right: -1px; position:absolute; top: 2px; } ul#social-icons li.countries .flag.america{ background: url('//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/flag-US.png?10861422261270438656') no-repeat center; } ul#social-icons li.countries .flag.canada{ background: url('//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/flag-CAN.png?10861422261270438656') no-repeat center; } ul#social-icons li.countries .flag.eu{ background: url('//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/EU-flag.png?10861422261270438656') no-repeat center; } #search { width: 300px; text-align: center; margin: 0 auto; } #search_popup { text-align: center; } #search_popup #q { text-indent: 0; text-align: center; } /* ====== Quick Cart ===== */ header .icon-2x { font-size: 14px! important; } ul#cart { margin-bottom: 0; text-align: right; z-index: 5; position: relative; list-style: none; margin-top: 0; } ul#cart li { display: inline; padding: 0 0 0 10px; } ul#cart li a { color: #000000; } ul#cart li a:hover { color: #999999; } ul#cart li.cart-overview { position: relative; } ul#cart li.cart-overview:hover #crt { display: block; } ul#cart li.seeks-mobile { display: none; } .icon-shopping-cart { margin-right: 5px; } #crt { top: 15px; padding-top: 5px; position: absolute; right: 0; z-index: 30; width: 300px; display: none; background: #fff; color: #949494; border: 1px solid #eee; } .quick-cart-item { border-bottom: 1px solid #eee; width: 280px; margin-left: 10px; float: left; padding-top: 10px; padding-bottom: 10px; clear: left; } .quick-cart-image { height: 80px; width: 70px; float: left; } .quick-cart-image img { max-width: 60px; max-height: 80px; height: auto! important; } .quick-cart-details { color: #fff; margin-left: 80px; line-height: 15px! important; } .quick-cart-details p { padding: 0 10px 0 0; margin: 0! important; text-align: left; font-size: 11px; color: #949494! important; } .quick-cart-details a { padding-left: 0! important; font-size: 11px! important; line-height: initial! important; color: #949494! important; height: auto! important; } a.checkout-link { color: #444444! important; float: left; line-height: 40px; width: 100%; clear: left; text-align: center; display: block; font-weight: bold; } a.checkout-link:hover { color: #444444! important; } .remove_item { float: left; margin-top: 10px; } #hello { text-align: center; } #hello p { margin-bottom: 0; color: #dd1212; font-size: 14px; font-weight: 700; } #logo { position: relative; margin-top: 20px; text-align: center; padding: 0 0 20px 0; } #logo a { font-family: 'Montserrat', sans-serif; font-size: 24px; text-transform: uppercase; font-weight: 400; color: #444444; text-decoration: none; } #content { margin-bottom: 50px; margin-top: 10px; position: relative; } .smallcash { font-size: 12px; margin-left: 5px; } /* =============== */ /* = index.liquid = */ /* =============== */ .mask { background: url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/mask.png?10861422261270438656); height: 100%; width: 100%; top:0; position: absolute; z-index: 1; } .flex-caption p.title { font-family:'VAGRoundedLT-Light', Helvetica, Arial, sans-serif!important; letter-spacing: 2px; font-weight: normal!important; font-size: 60px!important; } .flex-caption p.caption { font-family:Georgia, Utopia, 'Times New Roman', Times, serif!important; font-size: 30px!important; line-height: 59px; } .flexslider.custom-fjallraven .readmore a{ background-color: #cc0000!important; border:none!important; font-family:Georgia, Utopia, 'Times New Roman', Times, serif!important; padding: 18px 60px; font-weight: normal!important; } .flexslider.custom-fjallraven .readmore { margin-top: 60px; } #product-carousel .product-car { padding: 0; margin: 5px; position: relative; } #product-carousel .product-car img { max-width: 100%; max-height: 190px; margin: auto; display: block; } .customNavigation{ margin: -5px 0 10px; text-align: center; } //use styles below to disable ugly selection .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .customNavigation a:hover { cursor: pointer; } .btn.next { border: 1px solid #f0f0f0; color: #444; padding: 4px 7px; font-weight: 100; background: #fff; margin-right: 5px; } .btn.prev { border: 1px solid #f0f0f0; color: #444; padding: 4px 7px; font-weight: 100; background: #fff; margin-right: -5px; } .prod-vendor { text-align: center; } .section-title.lines { position: relative; text-align: center; margin-top: 20px; margin-bottom: 10px; } .section-title.lines h1 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0; background-color: #ffffff; position: relative; z-index: 1; } .section-title.lines h2 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0; background-color: #ffffff; position: relative; z-index: 1; color: #cc0000; font-size: 30px; } .section-title h5 { text-align: center; margin-top: -3px; } .section-title.lines:after { content: ''; width: 100%; display: inline-block; border-bottom: 1px dotted #cc0000; position: absolute; left: 0; top: 50%; z-index: 0; } #collection-loop { margin-top: -30px; } .collection-index { background: #fff; position: relative; } .collection-info { padding: 10px; 0; width: 100%; text-align: center; position: absolute; top: 50%; margin-top: -40px; background: rgba(255,255,255,0.9); } .collection-info h3 { text-transform: uppercase; margin-bottom: 0; } .collection-info p { margin-bottom: 0; text-transform: uppercase; font-size: 12px; } .collection-image { padding: 2px; } #promo-images { float: left; width: 100%; font-size: 30px; } #promo-images img{ display:block; margin:auto; width: 100%; } #promo-images >div{ position:relative; } #promo-images a:hover .over-text{ background: rgba(81,84,58, .6); } #promo-images .over-text{ position:absolute; top: 50%; width: 100%; top: 0; right: 0; left: 0; bottom:0; -webkit-transition: background .3s ease-in; transition: background .3s ease-in; } #promo-images .over-text div.outer-container{ display:table; width: 100%; height: 100% } #promo-images .over-text div.inner-container{ display:table-cell; vertical-align:middle; color: #fff; text-align:center; } #promo-images a:hover .over-text p{ background: none; } #promo-images .over-text p{ background: rgba(81,84,58, .6); padding: 25px 0; -webkit-transition: background .3s ease-in; transition: background .3s ease-in; font-family:'VAGRoundedLT-Light', Helvetica, Arial, sans-serif; font-size: 1em; } #index-content-left { float: left; margin-bottom: 30px; } #index-pages h3 { text-align: center; margin-bottom: 20px; } .pages-left-content { padding-top: 5px; } .padded { margin-bottom: 15px; } .section-home-top-image, .section-home-middle-image{ position:relative; margin-top: 90px; font-size: 17.35px; max-width: 100%; } .section-home-top-image .over-text{ position:absolute; top:0; right:0; left: 0; bottom: 0; width: 100%; height: 100%; text-align:center; font-family:'VAGRoundedLT-Light', Helvetica, Arial, sans-serif; } .section-home-top-image .over-text-inner-wrapper{ display:table; width: 100%; height: 100%; } .section-home-top-image .over-text-content{ display:table-cell; vertical-align:middle; } .section-home-top-image .border-wrapper{ width: 80%; max-width: 587px; border: 2px solid rgba(0,0,0,0); margin:auto; } .section-home-top-image .over-text p{ font-size: 1.49em; line-height: 1.5; color: #ffffff; padding: 4% 8% 0 8%; } .section-home-top-image .over-text p.author{ font-size: 0.069em; color: #ffffff; } .section-home-middle-image .over-text{ position:absolute; top:0; border: 1px solid #fff; top:0; right:0; left: 0; bottom: 0 width: 100%; height: 100%; text-align:center; font-family:'VAGRoundedLT-Light', Helvetica, Arial, sans-serif; } .section-home-middle-image .over-text-inner-wrapper{ display:table; width: 100%; height: 100%; } .section-home-middle-image .over-text-content{ display:table-cell; vertical-align:middle; } .section-home-middle-image .over-text p{ font-size: 1em; color: rgba(0,0,0,0); line-height: 1.7; width: 337px; margin:auto; } .section-home-middle-image .over-text .btn{ display:inline-block; border: 1px solid rgba(0,0,0,0); padding: 10px 40px; color: #fff; font-size: 18px; font-size: ; color: rgba(0,0,0,0); margin-top: 30px; } /* =============== */ /* = collections = */ /* =============== */ #product-loop { margin: 0 auto; width: 100%; min-width: 100%; } #product-loop .product-index { margin: 0 5px 10px; border-radius: 0; overflow: hidden; background: #fff; } .masonry, .masonry .masonry-brick { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } #collection-description { float: left; padding-bottom: 10px; margin-bottom: 10px; } #collection-description h1 { text-align: center; margin-bottom: 10px; } #full-width-filter { padding-bottom: 20px; border-bottom: 1px solid #cc0000; overflow: hidden; float: right; margin-bottom: 20px; } #side-filter .clearfix.filter { margin-bottom: 20px; } span.customSelect { font:12px sans-serif; background:#fff url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/select.png?10861422261270438656) right center no-repeat; border:1px solid #ddd; color:#555; padding:7px 9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; width:100%; } .product-quick-view { overflow: hidden; } .product-info form { margin-top: 20px; } .product-index .single-option-selector { margin: 5px auto 10px; } .selector-wrapper label { float: left; } .product-index img { display: block; margin: 0 auto 0; } .product-index img a { border: 0; } .product-index .product-info { padding-bottom: 30px; } .product-info { text-align: center; padding-top: 20px; padding-bottom: 15px; position: relative; } #product-loop .product-index .product-info { border-bottom: 5px solid #000000; } .product-info-inner { width: 96%; margin: 0 auto; } .product-info-inner h4 { font-size: 11px; letter-spacing: initial; } .product-info h3 { letter-spacing: initial; margin-bottom: 10px; font-size: 12px; } .product-info p { font-size: 13px; margin-bottom: 0; } .product-info a { text-decoration: none! important; text-transform: uppercase; } .price { font-size: 12px; margin-bottom: 20px; font-family: 'VAGRoundedLT-Light', Helvetica, Arial, sans-serif; } .compare-price, .product-price { } .was, .product-compare-price, .compare-price { color: #ba2323; text-decoration: line-through; } .was { display: inline; margin-left: 5px; } .onsale { display: inline; } .product-index-inner { position: relative; } .pre-order { z-index: 2; color: #fff; background: #000;} .new { z-index: 2; color: #fff; background: #000;} .sale-item { color: #fff; background: #cc0000;} .so { z-index: 3; color: #fff; background: #000;} .product-modal { font-size: 12px; background: #eeeeee; color: #999999; padding: 5px 8px; } .product-modal:hover { background: #999999; color: #ffffff; } .quick-shop-container { display: none; } .quick-shop { overflow: hidden; width: 720px; } .product-quick-view #product-photos { float: left; width: 49%; margin-right: 0.8%; } .product-quick-view #product-right { float: left; width: 49%; margin-left: 0.8%; } .quick-shop .thumbnail { width: 24%; vertical-align: top; display: inline-block; } .product-index:hover .icn, .product-index.hover .icn { opacity: 0; } .product-car:hover .icn, .product-car.hover .icn { opacity: 0; } .icn { -webkit-transition: opacity 1s ease-out; width: 50px; height: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 10px; right: 10px; text-align: center; line-height: 50px; font-size: 11px; } .show { display: none; } #sidebar h1 { margin-bottom: 20px; } #sidebar h4 { text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cc0000; } #sidebar ul { list-style-type: none; margin-bottom: 20px; } #sidebar ul li a.current { border-bottom: 1px solid #cc0000; text-decoration: none; } /* ================ */ /* = Product page = */ /* ================ */ .bigimage { text-align: center; margin-bottom: 20px; max-width: 548px; } .active img { border:1px solid #ccc !important;} .thumbnail { margin-bottom: 10px; border: 1px solid #fff; } #product-price { font-size: 16px; margin-bottom: 10px; } #product-right { background: #ffffff; padding: 20px; border: 7px double #f0f0f0; } #product-description { text-align: center; } #product-description h1, #product-right h5 { text-transform: uppercase; } #product-description form { margin-bottom: 10px; border-top: 1px solid #cc0000; border-bottom: 1px solid #cc0000; padding-top: 10px; } .product-add { padding: 10px 0 0; } .quantity { font-weight: bold; text-align: center; margin: 0 5px! important; width: 70px! important; display: inline-block! important; padding: 10px 0! important; text-indent: 0! important; } .up { border: 1px solid #f0f0f0; padding: 6px 8px; display: inline; color: #949494; } .down { border: 1px solid #f0f0f0; padding: 6px 8px; display: inline; color: #949494; } .up:hover, .down:hover { cursor: pointer; } .add { text-transform: uppercase; margin: 20px auto; display: block! important; clear: left; width: 50%! important; } .desc { padding-top: 10px; } .full-click { display: block; text-align: center; margin-top: 20px; } #related { margin-top: 20px; padding: 20px 0; float: left; text-align: center; } ul#popups { margin: 20px 0 0; list-style-type: none; text-align: center; } ul#popups li { display: inline; margin-right 10px; border-right: 1px solid #cc0000; padding-right: 10px; margin-left: 10px; } ul#popups li.first { margin-left: 0; } ul#popups li.last { border-right: 0; } #social { float: left; width: 100%; padding-bottom: 10px; } #product-navigation { text-align: center; } #back-forth img { margin: 0 5px; vertical-align: middle; } .backto { margin-bottom: 10px; display: block; } .prev-prod { margin-right: 10px; } .next-prod { margin-left: 10px; } .prev-prod, .next-prod { display: inline-block; } .share-icons a { margin: 0 5px; } #lower-description { text-align: center; } ul#sortme { text-align: center; list-style-type: none; width: 100%; } ul#sortme li { text-align: left; display: inline-block; margin: 0 10px; } ul#sortme li p { text-align: center; } .current { } ul#sort-me li.current:after { content: " \2713 "; } .what-is-it { margin-bottom: 15px; } .what-is-it label { display: inline; margin-right: 10px; } /* =============== */ /* = Cart = */ /* =============== */ #cartform { margin-top: 20px; } .cart-item { display: table-cell; } .cart-image { display: inline-block; margin-right: 10px; } .cart-image img { vertical-align: middle; } .cart-title { display: inline-block; } table { width: 100%; border-collapse: collapse; } /* Zebra striping */ tr:nth-of-type(odd) { } th { background: #ffffff; font-weight: normal; } td, th { padding: 10px; border: 1px solid #cc0000; text-align: left; } #basket-right { text-align: center; } #basket-right h4 { } #basket-right p { margin-bottom: 20px; } #basket-right img { width: 50px; } #note { margin-top: 10px; } #cart-notes { margin-top: 20px; margin-bottom: 20px; } /* =============== */ /* = Blogs & Pages = */ /* =============== */ .rte h1 { border-bottom: 0! important; text-align: inherit! important; margin-bottom: inherit! important; } #page { clear: left; margin-bottom: 50px; } #page h1 { text-align: center; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #cc0000; } #page h1.page-title { text-align: left! important; } #page-sidebar h2 { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid #cc0000; } #page-sidebar ul { list-style-type: none; } #page-sidebar ul li { display: block; margin-bottom: 10px; padding-bottom: 5px; } #blog-sidebar{ position:relative; } #article-loop { margin: 0 auto; width: 100%; min-width: 100%; } .article-index { margin: 0 5px 10px; border-radius: 0; overflow: hidden; background: #fff; padding-top: 20px; } .article-content p img, .article-content h1 img, .article-content h2 img, .article-content h3 img, .article-content h4 img, .article-content h5 img{ width: 100%; height: auto; } .article-info { border-bottom: 5px solid #000000; } .article-info-inner { width: 96%; margin: 0 auto; } .article-info h2 { letter-spacing: initial; margin-bottom: 10px; text-align: center; } .posted { text-align: center; margin-bottom: 20px; } .post-tags { clear: left; display: block; text-align: center; } .article-info p { font-size: 13px; margin-bottom: 0; } .article-info a { text-decoration: none! important; text-transform: uppercase; } .article-content { margin-top: 10px; margin-bottom: 10px; } .article-index .share-icons { text-align: center! important; } .article-index .readmore { text-align: center! important; } .share-icons a { color: #444444; } .share-icons a:hover { color: #222222; } #blog-article .share-icons { text-align: center! important; } ul#blog-articles, #blog-article { list-style-type: none; } .single-article { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #cc0000; float: left; width: 100%; } .single-article .posted { text-align: left; } .single-article .post-tags { text-align: left; } #blog-sidebar h2 .icon-rss { float: right; font-size: 16px; } #blog-sidebar #social-icons { font-size: 90%; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #cc0000; } #blog-sidebar #social-icons a { color: #444444; } #blog-sidebar #social-icons a:hover { color: #222222; } #twitter-card, #facebook-card, #instagram-card { width: 100%; float: left; clear: left; display: block; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #cc0000; } #instagram-card { text-align:center; border-bottom: 0; } #instagram-card .insta-grey{ display: block; width: 31px; height:32px; float: left; margin: -7px 6px 0 0; background: url("//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/insta-grey.png?10861422261270438656"); } #instagram-card a.insta-link{ display:inline-block; } #twitter-card h3, #facebook-card h3, #instagram-card h3 { letter-spacing: initial; } #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #instafeed { margin-top: 15px; } #page .share-icons { margin-bottom: 20px; text-align: left; margin-top: 20px; } #page .share-icons a { margin-right: 10px; } ul#posts { list-style: none; } ul#posts li { margin-bottom: 20px; padding-bottom: 0; border-bottom: 1px solid #cc0000; } ul#posts li p { margin-top: 0; } ul#posts li.tags { padding-bottom: 10px; } #comments h4 { text-align: center; } #comments { float: left; padding-top: 20px; margin-top: 20px; width: 100%; } #comment-form { width: 100%; text-align: center; clear: left; float: left; } #comments ul { margin-top: 20px; list-style-type: none; } #comments ul li { float: left; display: block; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #cc0000; padding-bottom: 20px; } .comment-details { margin-bottom: 10px; } .gravatar { float: left; margin-right: 20px; } .comment { float: left; } .comment p { margin-top: 0; } dd { margin-left: 0; } .notice { border: 1px dashed #eee; padding: 5px; background: ghostwhite; margin: 20px 0; } .readmore { clear: left; text-align: left; margin: 30px auto; } .readmore a { color: #999999! important; background: #eeeeee! important; padding: 10px 20px; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; } .readmore a:hover { color: #ffffff! important; background: #999999! important; text-decoration: none; } #technology .row{ max-width: 1050px; } /* =============== */ /* = Search = */ /* =============== */ #search-bar { margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #cc0000; } #search-bar #q {width: 300px; } #q { text-transform: uppercase; } /* =============== */ /* = 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 #cc0000; border-right: 1px solid #cc0000; margin: 0 10px; } a#view_address { display: block; margin-top: 10px; } .center { text-align: center; } .careers-content { width: 1200px; margin: 0 auto; } /* =============== */ /* = Footer = */ /* =============== */ @media screen and (max-width: 1220px) { #promo-images { font-size: 26px;} .flex-caption p.title { font-size: 50px!important; } } @media screen and (max-width: 980px) { #promo-images { font-size: 24px;} .section-home-middle-image .over-text p { width: 80%; } } @media screen and (max-width: 740px) { .section-home-top-image .over-text, .section-home-middle-image .over-text{ display:none; } } @media screen and (max-width: 500px) { .section-home-top-image, .section-home-middle-image{ display:none; } } @media only screen and (min-width: 1024px ){ .page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -52px; } .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { /* .push must be the same height as footer */ height: 52px; } } #footer-wrapper { z-index: 2; clear: left; background: #717441 } #footer { padding: 30px 0 0px 0px; text-align: left; color: #fff; } #footer .footer-social{ margin:20px 0 40px; } #footer input{ border: none; background: #999b77; max-width: 90%; border-radius:0; margin-top: 15px; } #footer h2{ color: #fff; text-transform: uppercase; font-size: 19px; } #footer .row{ margin: 0px; width: 100% !important; } #footer .row .footer-logo img{ padding-top: 16px; } #footer .footer-social a{ width: 41px; height: 42px; display:inline-block; } #footer .footer-social a.facebook{ background: url("//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/footer-facebook.png?10861422261270438656") no-repeat center; } #footer .footer-social a.twitter{ background: url("//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/footer-twitter.png?10861422261270438656") no-repeat center; } #footer .footer-social a.insta{ background: url("//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/footer-insta.png?10861422261270438656") no-repeat center; } #footer .customer-service img { padding-right: 5px; width: 26px; } #footer .customer-service a{ color: rgba(255, 255, 255, .4); } #footer p{ text-align:left; font-size: 14px; max-width: 87%; } #footer .credit p { display: inline; padding-right: 10px; padding-left: 10px; } #footer .credit a { padding-right: 10px; padding-left: 10px; } #footer .credit { text-align: center; padding: 15px; } #footer .green-footer { padding-bottom: 50px; } #footer .bottom-footer{ background-color: gray; margin: 0px; } #footer p br{ line-height: 2em; } #footer a{ color: #fff; } #footer a:hover{ color: #ccc; } #subscribe_popup { text-align: center; max-width: 100%; width: 646px; min-height: 333px; display: block; margin: 0 auto; overflow: hidden; } #subscribe_popup .box-title{ position:absolute; z-index: 2; color: #fff; font-size: 2em; font-size: 2.5em; line-height: 1.1; top: 11%; left: 8%; letter-spacing: 6px; font-weight: bold; text-transform: uppercase; font-family: 'VAGRoundedLT-Light'; } #mc_embed_signup { width: 100%; position:relative; min-height: 333px; } #mc_embed_signup form #mce-EMAIL{ border:none; } #mc_embed_signup form input{ border-radius: 0; font-size: 'VAGRoundedLT-Light'; font-size: 1.4em; max-width: 100%; } #mc_embed_signup form #mc-embedded-subscribe{ font-size: 1.4em; font-size: 'VAGRoundedLT-Light'; } #mc_embed_signup .form-over-text{ position:absolute; bottom:6%; } #mc_embed_signup .form-over-text p { max-width: 50%; float:left; margin-left: 10px; padding-top: 10px; text-align:left; font-family: 'VAGRoundedLT-Light'; font-size: 1.1em; padding-left: 10px; } #mc_embed_signup .form-over-text .below_button { margin: 0px; padding:0px; text-align:center; font-family: 'VAGRoundedLT-Light'; font-size: 1.25em; width: 100%; max-width: 95%; } #mc_embed_signup .form-over-text h1{ color: #fff; width: 80%; margin:auto; padding-bottom: 10px; } #mc_embed_signup .form-over-text p img{ margin-bottom: 13px; margin-left: -10px; } #mc_embed_signup .form-over-text form{ max-width: 37%; max-width: 37%; float:left; margin-left: 10px; } #mc_embed_signup .form-over-text p { color: #fff; width: 59%; max-width: 59%; float:left; font-size: 1.2em; } #mc_embed_signup .form-over-text form input[type='submit']{ background: #d12331; font-size: 1.3em; padding: 6px; font-family: 'VAGRoundedLT-Light'; } #mce-EMAIL { float: left; text-indent: 0; padding: 10px; margin-bottom: 10px; } #mc-embedded-subscribe { float: left; margin-top: 0; } .signupBox { position: relative; } input.button.signupSubmit { position: absolute; top: 6px; right: 30px; width: 25px; height: 25px; margin: 0; padding: 0; background: url(//cdn.shopify.com/s/files/1/0790/7429/t/2/assets/emailSignup.png?14857477428137335590) !important; } /* KANKEN GIVEAWAY EMAIL SIGNUP STYLES */ #kanken-giveaway { text-align: center; max-width: 100%; width: 646px; min-height: 333px; display: block; margin: 0 auto; overflow: hidden; } /* #kanken-giveaway #mc_embed_signup img { position: absolute; bottom: 0; left: 0; } */ #kanken-giveaway .form-over-text { bottom: inherit; top: 0; width: 100%; } #kanken-giveaway .form-over-text h1 { color: #d12331; width: 90%; font-size: 4em; margin-top: 20px; } #kanken-giveaway .form-over-text p { color: #000; text-align: center; padding-top: 0; width: 100%; max-width: 100%; padding-left: 0; margin-left: 0; margin-bottom: 12px; } #kanken-giveaway .form-over-text form { max-width: 400px; margin: auto; float: inherit; } #kanken-giveaway .form-over-text form input.email { background: #e1e1e1; width: 60%; float: left; margin-bottom: 5px; } #kanken-giveaway .form-over-text form input.email::-webkit-input-placeholder { color: #a4a4a4; } #kanken-giveaway .form-over-text form input.email:-moz-placeholder { /* Firefox 18- */ color: #a4a4a4; } #kanken-giveaway .form-over-text form input.email::-moz-placeholder { /* Firefox 19+ */ color: #a4a4a4; } #kanken-giveaway .form-over-text form input.email:-ms-input-placeholder { color: #a4a4a4; } #kanken-giveaway .form-over-text form input.button { width: 40%; padding: 10px 0 9px 0; margin-bottom: 5px; } @media (max-width: 620px) { #kanken-giveaway .form-over-text h1 { color: #d12331 !important; font-size: 3em; } #kanken-giveaway .form-over-text p { color: #000 !important; } #kanken-giveaway .form-over-text form input.email { width: 100%; } #kanken-giveaway .form-over-text form input.button { float: inherit; min-width: 184px; margin: auto; } } /* END KANKEN GIVEAWAY EMAIL SIGNUP STYLES */ /* PANTS ALERT EMAIL SIGNUP STYLES */ .fancybox-sheer .fancybox-skin { padding: 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; } #pants-alert { width: 920px; height: 515px; background: transparent url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/bg-pants-alert.png?10861422261270438656) center center no-repeat; } #pants-alert .pants-alert-content { padding-top: 432px; } #pants-alert .pants-alert-form { padding: 13px 0 0 480px; } #pants-alert .pants-alert-form input { width: 368px; height: 56px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; box-shadow: none; } #pants-alert.thankyou { width: 920px; height: 420px; background: transparent url(//cdn.shopify.com/s/files/1/0790/7429/t/7/assets/bg-pants-alert-thanks.png?10861422261270438656) center center no-repeat; } #pants-alert.thankyou .pants-alert-content { display: none; } /* PANTS ALERT EMAIL SIGNUP STYLES */ #payment { text-align: center; margin-top: 30px; margin-bottom: 50px; } #payment img { max-width: 60px; text-align: center; margin-bottom: 10px; } /* =============== */ /* = Mobile Hides = */ /* =============== */ #mobile-product { display: none; } /* =============== */ /* = Global = */ /* =============== */ #pagination { clear: left; text-align: center; margin-top: 20px; padding-top: 20px; margin-bottom: 20px; } #pagination a { margin: 0 5px; background: #cc0000; padding: 2px 5px; border-radius: 15px; } #pagination a:hover { text-decoration: none; background: #949494; color: #fff; } #pagination .current { background: transparent; } #pagination .count { margin-right: 20px; } #breadcrumb { text-transform: uppercase; font-size: 10px; margin-bottom: 20px; text-align: center; } #breadcrumb a { padding: 0 5px 0 0; font-size: 10px; } #breadcrumb p { padding: 0 5px 0 0; } .separator { padding-right: 5px; } /* Hiding the drop-downs. */ #product-variants, .selector-wrapper, .select { display: none; } 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; } /* Label */ .swatch .header { margin: 0.5em 0; } /* Hide radio buttons.*/ .swatch input { display:none; } .color label { width: 40px! important; } .swatch label { /* Cross-browser inline-block */ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; /* Content must stretch all the way to borders */ padding:0; /* Background color */ background-color: #fcfcfc; /* Spacing between buttons */ margin:0px 5px 10px; /* Fake that those are buttons, i.e. clicky */ cursor:pointer; /* The border when the button is not selected */ border: #DDD 1px solid !important; /* To position the sold out graphic and tooltip */ position:relative; /* Text styling */ text-transform:uppercase; font-size:13px; min-width:30px !important; height:30px !important; line-height:28px; white-space:nowrap; text-transform:uppercase; text-align: center; font-weight: 400; } .swatch-element label { padding:0 10px; } .color.swatch-element label { padding:0; } /* Styling selected swatch */ /* Slightly raised */ .swatch input:checked + label { border:#999 1px solid !important; background: #333; color: #fff; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25); box-shadow:0px 1px 2px rgba(0,0,0,0.25); } .swatch .swatch-element { display: inline-block; -webkit-transform:translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing:antialiased; /* webkit text rendering fix */ /* 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:-33px; margin-bottom:15px; /* Make it invisible by default */ filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%; } /* CSS triangle */ .swatch .tooltip:after { border-left:solid transparent 10px; border-right:solid transparent 10px; border-top:solid gray 10px; bottom:-10px; content:" "; height:0; left:50%; margin-left:-13px; position:absolute; width:0; } .swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } .swatch.error { background-color:#E8D2D2!important; color:#333!important; padding:1em; border-radius:5px; } .swatch.error p { margin:0.7em 0; } .swatch.error p:first-child { margin-top:0; } .swatch.error p:last-child { margin-bottom:0; } .swatch.error code { font-family:monospace; } .scrollup{ width:30px; height:30px; opacity:0.3; position:fixed; bottom:50%; right:20px; display:none; z-index: 3; text-align: center; } .scrollup:hover { text-decoration: none; } iframe { width: 100%; } /* Navigation */ /* Dropdown Navigation */ .dl-menuwrapper { display: none; width: 100%; max-width: 300px; z-index: 99999; float: left; top: 40px; left: 10px; position: fixed; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: #fafafa; border: none; width: 48px; height: 45px; font-size: 13px; text-align: center; /*text-indent: -900em; */ overflow: hidden; padding: 0; position: relative; cursor: pointer; outline: none; margin-bottom: 0; color: #cc0000; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: ; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; /*background: #cc0000;*/ top: 10px; left: 16%; /* box-shadow: 0 10px 0 #cc0000, 0 20px 0 #cc0000; */ } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { font-family: 'VAGRoundedLT-Thin', Helvetica, Arial, sans-serif; display: block; position: relative; padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 400; color: #cc0000; outline: none; text-transform: capitalize; } .no-touch .dl-menuwrapper li a:hover { background: ; color: #cc0000; } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: ; } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'FontAwesome'; speak: none; color: #cc0000; -webkit-font-smoothing: antialiased; content: "\f054"; } .dl-menuwrapper li.dl-back:after { left: 10px; color: #cc0000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { background-color: rgba(255, 255, 255, .95); opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; margin-bottom: 0; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0! important; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(40%); opacity: 0; } } @-moz-keyframes MenuAnimOut1 { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); } 75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } } @-moz-keyframes MenuAnimOut3 { 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes MenuAnimOut4 { 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes MenuAnimOut5 { 100% { -moz-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 100% { transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 100% { transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes MenuAnimIn1 { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn3 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn4 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn5 { 0% { -moz-transform: translateY(40%); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { transform: translateY(40%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform: translateX(50%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn3 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn4 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn5 { 0% { -moz-transform: translateZ(-200px); opacity: 0; } 100% { -moz-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { transform: translateX(50%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { transform: translateZ(-200px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(50%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(100%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut3 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut4 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut5 { 0% { -moz-transform: translateZ(0); opacity: 1; } 100% { -moz-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { transform: translateZ(0); opacity: 1; } 100% { transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; margin-bottom: 0! important; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Owl Carousel */ /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { /* cursor:url(grabbing.png) 8 8, move; */ } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; clear: left; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*test code */ /*.main-nav-container{ max-width: 900px; position:relative; margin:auto; } */ /* test code */ ul#main-nav { width: 100%; position:relative; background: ; margin-bottom: 20px; list-style: none; text-align: center; border-top: 0px solid #f0f0f0; border-bottom: 0px solid #f0f0f0; } ul#main-nav li { display: inline-block; line-height: 50px; } ul#main-nav li ul li.sub-menu-title > a{ color: #cc0000; } ul#main-nav li:hover { background: ; } ul#main-nav li a { font-family: 'VAGRoundedLT-Thin', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; color: #cc0000; display: block; padding: 0 20px; text-transform: capitalize; } ul#main-nav li a:hover { color: #cc0000; text-decoration: none; } #main-nav .sub-menu-container{ display: none; position: absolute; padding:31px 0 15px 0; top: 50px; z-index: 50; left: 0; width: 100%; /* background: #ffffff; */ background: #ffffff; border-left: 0px solid #f0f0f0; border-right: 0px solid #f0f0f0; } ul#main-nav li:hover .sub-menu-container{ display: block; } ul#main-nav li ul{ max-width: 800px; margin:auto; padding:0; top:0; } ul#main-nav li ul li{ line-height: 40px! important; margin: 0; padding: 0; /* width: 100%;*/ white-space: nowrap; background: transparent! important; float: left; font-size: 18px; text-align: left; font-weight: normal; } ul#main-nav li ul li.sub-menu-title { float:right; width:20%; position:relative; min-width: 100px; max-width: 17.5%; } ul#main-nav li ul li.sub-menu-title.submenu{ max-width: 60%; width: 30%; text-align:right; } ul#main-nav li ul li.sub-menu-title.noSubmenu{ max-width: 60%; width: 60%; text-align:right; } ul#main-nav li ul li.sub-menu-title ul{ float:left; position: relative; top: auto; border-bottom: none; max-width: 100px; } ul#main-nav li ul li.sub-menu-title ul li{ max-width: 100%; } ul#main-nav li.collections ul { padding-top: 40px; } ul#main-nav li.collections ul li { width: 40%; } ul#main-nav li.collections ul li.sub-menu-title.noSubmenu { margin-top: -64px; } ul#main-nav li ul li a{ /* font-family: 'VAGRoundedLT-Thin', Helvetica, Arial, sans-serif; font-weight: normal; */ font-size: 18px; /*color: #cc0000; */ display: block; padding: 0 20px; /* font-size: 18px;*/ line-height: 1.5; /* text-transform: capitalize;*/ color: #424242; } ul#main-nav li ul li a:hover{ color: #af1d1d; } ul#main-nav li ul li:hover { /* background: #f5f5f5! important; */ } ul#main-nav li ul li a{ /* text-align: left; text-transform: none; font-weight: normal; color: #af1d1d; font-size: 18px;*/ } ul#main-nav li ul li a:hover { color: #af1d1d!important; } .collection div.zoomWindow { display: none! important; } .collection div.zoomLens { opacity: 0! important; } @media screen and (max-width: 620px){ #mc_embed_signup .form-over-text{ position:relative; width: 100%; } #mc_embed_signup form #mce-EMAIL{ border:1px solid #ccc; } #mc_embed_signup .form-over-text p{ float:none; color: #d12331; max-width: 100%; width: 100%; text-align:center; padding:0; } #mc_embed_signup .form-over-text h1{ color: #424242; } #mc_embed_signup .form-over-text p img{ display:none; } #mc_embed_signup .form-over-text form{ float:none; max-width: 100%; width: 100%; margin:0; } } @media screen and (max-width: 491px){ #subscribe_popup .box-title { position: relative; color: #424242; left:0; } #mc_embed_signup .form-over-text p{ width: 95%; } }