/** Shopify CDN: Minification failed Line 30:144 Expected identifier but found "*" Line 40:293 Expected identifier but found "*" Line 172:64 Expected identifier but found "!" Line 559:13 Comments in CSS use "/* ... */" instead of "//" Line 637:48 Expected identifier but found "0" Line 862:57 Expected ":" Line 1229:1 Expected identifier but found "*" Line 6368:2 Expected ":" Line 6369:2 Expected ":" Line 6370:2 Expected ":" ... and 21 more hidden warnings **/ /* * Testament Shopify theme * Copyright 2014, Underground Media * www.shopifythemes.net * * Gridlock - A CSS responsive grid system [12 column - Desktop standard] * @author Ben Plum * @version 0.2.0 * * Copyright © 2013 Ben Plum * Released under the MIT License */ /* !Reset Box-sizing */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc);outline:0; } /* !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 .daily-edit [class*="desktop-"] { margin-left: 0; margin-right: 0; } .gridlock .row .jscroll-content [class*="desktop-"] { margin-left: 0; margin-right: 0; } .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: 16.6673333333333333%; } .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: 33.335%; } .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.3368%; } .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-half:nth-child(2n+1) { margin-right:1%; !important } .gridlock .row .mobile-full { width: 97.9166666666666667%; } .gridlock .row .mobile-push-third { margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile - Min, 300 (max 500) */ @media screen and (max-width: 500px) { .gridlock .row .min-full { width: 97.9166666666666667%; } } * { margin: 0; } #ienav { display: none; } html, body { height: 100%; } body { color: #444444; background: #ffffff; font-size: 13px; font-family:'Open Sans', sans-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:'Open Sans', sans-serif; font-weight: bold; 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 .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; transition:color .1s 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:#f0f0f0; border:none; color:#f0f0f0; display:block; height:1px; margin-top: 20px; width:100%;} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* #Buttons ================================================== */ button { -webkit-appearance: none; border: none; outline: none; } .button, input[type="submit"], input[type="reset"], input[type="button"] { width: 100%; max-width: 100%; background: #222222; 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: 'Open Sans', sans-serif; } .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #ffffff; background: #36beb3; } .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 'Open Sans', sans-serif; color: #777; margin: 0; width: 100%; max-width: 100%; display: inline-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: 280px; } label, legend { display: block; font-weight: bold; font-size: 13px; margin-bottom: 5px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] { width: 100%; background: #fff; border: 1px solid #f0f0f0; padding: 10px 0px; margin: 0px; margin-bottom: 20px; max-width: 100%; text-indent: 17px; outline: none; } textarea { width: 100%; background: #fff; border: 1px solid #f0f0f0; height: 200px; margin: 0px; margin-bottom: 40px; max-width: 100%; padding: 2% 17px; outline: none; } /* =============== */ /* = Start CSS = */ /* =============== */ header { background: #fafafa; line-height: 35px; height: 35px; position:relative; z-index:999;} ul#social-icons { text-align: left; z-index: 5; position: relative; list-style: none; } ul#social-icons li { text-align: left; display: inline; padding: 0 10px 0 0; } ul#social-icons li a { color: #333333; } ul#social-icons li a:hover { color: #000000; } #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 { 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: #333333; } ul#cart li a:hover { color: #000000; } 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: 100; width: 280px; display: none; background: #fff; } #crt a { } #crt a:hover { } #cart-item { border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; width: 280px; float: left; padding-top: 10px; padding-bottom: 10px; } .quick-cart-item { border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; width: 280px; float: left; padding-top: 10px; padding-bottom: 10px; } .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; } .quick-cart-details a { padding-left: 0! important; font-size: 12px! important; color: #fff; line-height: initial! important; height: auto! important; } a.checkout-link { color: #333333! important; background: #ffffff; float: left; border-top: 1px solid #eee; line-height: 40px; width: 100%; clear: left; text-align: center; display: block; } a.checkout-link:hover { background: #000000! important; color: #ffffff! important; } a.contshop { font-weight: bold; text-transform:uppercase; letter-spacing:1px; } a.contshop:hover { text-decoration: underline; } .remove_item { float: left; margin-top: 10px; } #hello { text-align: center; } #hello p { color: #888888; font-size: 12px; font-weight: 700; } #logo { position: relative; margin: 20px 30px; text-align: center; padding: 0; } #logo a { font-family: 'Oswald', sans-serif; font-size: 24px; text-transform: none; font-weight: 700; color: #444444; text-decoration: none; } #content { margin-bottom: 50px; margin-top: 10px; position: relative; } #content.collection-content.nomobilebar {margin-top:80px;} #content.collection-content {margin-top:115px;} #content {margin-top:115px;} #content.nomobilebar {margin-top:115px;} @media screen and (min-width: 670px){ #content.collection-content.nomobilebar, #content.nomobilebar{ margin-top:50px; } #content.collection-content,#content{ margin-top:85px; } } @media screen and (min-width: 768px){ #content.collection-content.nomobilebar,#content.collection-content,#content{ margin-top:99px; } } @media screen and (min-width: 980px){ #content.collection-content.nomobilebar,#content.collection-content,#content{ margin-top:64px; } } @media screen and (min-width: 1100px){ #content.collection-content.nomobilebar,#content.collection-content,#content{ margin-top:0; } } .smallcash { font-size: 12px; margin-left: 5px; } /* =============== */ /* = index.liquid = */ /* =============== */ .mask { background: url(/cdn/shop/t/9/assets/mask.png?13807); height: 100%; width: 100%; top:0; position: absolute; z-index: 1; } #product-carousel { } #product-carousel .product-car { padding: 0; margin: 5px; position: relative; } #product-carousel .product-car img { } .customNavigation{ margin: -5px 0 10px; text-align: center; } //use styles below to disable ugly selection .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .customNavigation a:hover { cursor: pointer; } .btn.next { border: 1px solid #f0f0f0; color: #444; padding: 4px 7px; font-weight: 100; background: #fff; margin-right: 5px; } .btn.prev { border: 1px solid #f0f0f0; color: #444; padding: 4px 7px; font-weight: 100; background: #fff; margin-right: -5px; } .prod-vendor { text-align: center; } .section-title.lines { position: relative; text-align: center; margin-top: 20px; margin-bottom: 10px; } .section-title.lines h1 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0; background-color: #ffffff; position: relative; z-index: 1; } .section-title.lines h2 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0; background-color: #ffffff; position: relative; z-index: 1; } .section-title h5 { text-align: center; margin-top: -3px; } .section-title.lines:after { content: ''; width: 100%; display: inline-block; border-bottom: 1px solid #eaeaea; 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; } #index-content-left { float: left; margin-bottom: 30px; } #index-pages h3 { text-align: center; margin-bottom: 20px; } .pages-left-content { padding-top: 5px; } .padded { margin-bottom: 15px; } /* =============== */ /* = collections = */ /* =============== */ #product-loop { margin: 0 auto; width: 100%; min-width: 100%; } #product-loop .product-index { margin:0 5px 10px; border-radius: 0; overflow: hidden; background: #fff; } @media screen and (max-width: 740px) { #product-loop .product-index { margin-left:0; } } .masonry, .masonry .masonry-brick { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } #collection-description { float: left; padding-bottom: 10px; margin-bottom: 10px; } #collection-description h1 { text-align: center; margin-bottom: 10px; } #full-width-filter { padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; overflow: hidden; float: right; margin-bottom: 20px; } span.customSelect { font:12px sans-serif; background:#fff url(/cdn/shop/t/9/assets/select.png?13807) 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: 0 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: 16px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; } .compare-price, .product-price { } .was, .product-compare-price, .compare-price { color: #ba2323; text-decoration: line-through; } .was { display: inline-block; } .onsale { display: inline; font-weight:400; margin-left:1px; } .product-index-inner { position: relative; } .pre-order { z-index: 2; color: #fff; background: #000;} .new { z-index: 2; color: #fff; background: #000;} .sale-item { color: #fff; background: #000;} .so { z-index: 3; color: #fff; background: #000;} .product-modal { font-size: 12px; background: #ffffff; color: #333333; padding: 5px 8px; } .product-modal:hover { background: #000000; color: #ffffff; } .quick-shop { overflow: hidden; width: 720px; } .product-quick-view #product-photos { float: left; width: 49%; margin-right: 0.8%; } .product-quick-view #product-right { float: left; width: 49%; margin-left: 0.8%; } .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; z-index:99; } .show { display: none; } #sidebar h1 { margin-bottom: 20px; } #sidebar h4 { text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #f0f0f0; } #sidebar ul { list-style-type: none; margin-bottom: 0; } #sidebar ul li a.current { 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; margin-top:2px;} #product-right { background: #ffffff; } #product-description { text-align: center; } #product-description h1, #product-right h5 { text-transform: uppercase; } #product-description form { margin-bottom: 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: #444444; } .down { border: 1px solid #f0f0f0; padding: 6px 8px; display: inline; color: #444444; } .up:hover, .down:hover { cursor: pointer; } .add { text-transform: uppercase; margin: 20px auto; display: block; clear: left; } .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 #f0f0f0; padding-right: 10px; margin-left: 10px; } ul#popups li.first { margin-left: 0; } ul#popups li.last { border-right: 0; } #social { float: left; width: 100%; padding-bottom: 10px; } #product-navigation { text-align: center; } #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 thead{} #cartform th{text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #f0f0f0;} .cart-item { display: table-cell; } .cart-image { display: inline-block; margin-right: 10px; } .cart-image img { vertical-align: middle; } .cart-title { display: inline-block; } #cartform .quantities {margin: 0 auto;display:block;max-width:98px;} #cartform tr{border:0;} #cartform .item{border-bottom:1px solid #f0f0f0;} #checkout{ margin-bottom:5px; } @media screen and (max-width: 768px) { #checkout { background: #00B8A3; } #checkout:focus { background: black; } } table { width: 100%; border-collapse: collapse; } /* Zebra striping */ tr:nth-of-type(odd) { } th { background: #ffffff; font-weight: normal; } td, th { padding: 10px; border: 1px solid #f0f0f0; text-align: left; } #basket-right { text-align: center; } #basket-right h4 { } #basket-right p { margin-bottom: 20px; } #basket-right img { width: 50px; } #note { height:auto; text-transform:uppercase;} #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 #f0f0f0; } #page h1.page-title { text-align: left! important; } #page-sidebar h2 { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; } #page-sidebar ul { list-style-type: none; } #page-sidebar ul li { display: block; margin-bottom: 10px; padding-bottom: 5px; } #article-loop { margin: 0 auto; width: 100%; min-width: 100%; } .article-index { margin: 0 5px 10px; border-radius: 0; overflow: hidden; background: #fff; padding-top: 20px; } .article-info { border-bottom: 0 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: #333333; } .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 #f0f0f0; 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 #f0f0f0; } #blog-sidebar #social-icons a { color: #333333; } #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 #f0f0f0; } #twitter-card h3, #facebook-card h3, #instagram-card h3 { letter-spacing: initial; } #instagram-card { border-bottom: 0; } #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #instafeed { margin-top: 15px; } #page .share-icons { margin-bottom: 20px; text-align: left; margin-top: 20px; } #page .share-icons a { margin-right: 10px; } ul#posts { list-style: none; } ul#posts li { margin-bottom: 20px; padding-bottom: 0; border-bottom: 1px solid #f0f0f0; } ul#posts li p { margin-top: 0; } ul#posts li.tags { padding-bottom: 10px; } #comments h4 { text-align: center; } #comments { float: left; padding-top: 20px; margin-top: 20px; width: 100%; } #comment-form { width: 100%; text-align: center; clear: left; float: left; } #comments ul { margin-top: 20px; list-style-type: none; } #comments ul li { float: left; display: block; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; } .comment-details { margin-bottom: 10px; } .gravatar { float: left; margin-right: 20px; } .comment { float: left; } .comment p { margin-top: 0; } dd { margin-left: 0; } .notice { border: 1px dashed #eee; padding: 5px; background: ghostwhite; margin: 20px 0; } .readmore { clear: left; text-align: left; margin: 30px auto; } .readmore a { color: #333333! important; background: #ffffff! 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: #000000! important; text-decoration: none; } /* =============== */ /* = Search = */ /* =============== */ #search-bar { margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #f0f0f0; } #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; } /* =============== */ /* = Footer = */ /* =============== */ @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: 10; position:relative; clear: left; } #footer { padding: 10px 0 40px 0; text-align: center; position:relative; z-index:10; } #subscribe_popup { text-align: center; width: 570px; height: 430px; padding: 0 10px; background: url(/cdn/shop/t/9/assets/popup-desktop.jpg?13807) no-repeat; background-color: #FFFFFF; display: block; margin: 0 auto; overflow: hidden; } #mc_embed_signup { width:300px; float:right; margin-top:300px; text-align:right; } #mce-EMAIL { float: left; text-align: left; margin: 0 auto; width: 100%; } #mc-embedded-subscribe { xfloat: left; margin-top: 0; margin-bottom: 0; width: 200px; } #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: right; margin-top: 20px; padding-top: 20px; margin-bottom: 20px; } #pagination a { margin: 0 5px; xxbackground: #f0f0f0; padding: 2px 5px; xxborder-radius: 15px; } #pagination a:hover { text-decoration: none; xxbackground: #444444; background: #f0f0f0; xcolor: #fff; border-radius: 15px; } #pagination .current { background: transparent; font-weight: bold; text-decoration: underline; margin: 0 5px; padding: 2px 5px;} #pagination .count { margin-right: 20px; } #breadcrumb { text-transform: uppercase; font-size: 10px; margin-bottom: 20px; text-align: center; } #breadcrumb a { padding: 0 5px 0 0; font-size: 10px; } #breadcrumb p { padding: 0 5px 0 0; } .separator { padding-right: 5px; } /* Hiding the drop-downs. */ #product-variants, .selector-wrapper, .select { display: none; } /* Swatches Styles */ .swatch { margin:0; } /* Label */ .swatch .header { margin: 0.5em 0; } /* Hide radio buttons.*/ .swatch input { display:none; } .color label { width: 40px! important; } .swatch label { /* Cross-browser inline-block */ display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; /* Content must stretch all the way to borders */ padding:0; /* Background color */ background-color: #fcfcfc; /* Spacing between buttons */ margin:0px 5px 10px; /* Fake that those are buttons, i.e. clicky */ cursor:pointer; /* The border when the button is not selected */ border: #DDD 1px solid; /* To position the sold out graphic and tooltip */ position:relative; /* Text styling */ text-transform:uppercase; font-size:12px; min-width:30px !important; height:30px !important; line-height:28px; white-space:nowrap; text-transform:uppercase; text-align: center; font-weight: 400; position:relative; } .swatch .none{ height:1px; border-top:1px solid #ccc; position:absolute; top:50%; left:0; width:100%; display:none; } .swatch-element label { padding:0 18px; } .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 .none { 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: 5; float: left; top: 40px; left: 10px; position: fixed; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: #ffffff; 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: #333333; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #ffffff; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; /*background: #333333;*/ top: 10px; left: 16%; /* box-shadow: 0 10px 0 #333333, 0 20px 0 #333333; */ } .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: 'Open Sans', sans-serif; display: block; position: relative; padding: 15px 20px; font-size: 12px; line-height: 20px; font-weight: 400; color: #333333; outline: none; text-transform: uppercase; } .no-touch .dl-menuwrapper li a:hover { background: #ffffff; color: #36beb3; } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: #ffffff; } .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: #333333; -webkit-font-smoothing: antialiased; content: "\f054"; } .dl-menuwrapper li.dl-back:after { left: 10px; color: #333333; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; margin-bottom: 0; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0! important; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(40%); opacity: 0; } } @-moz-keyframes MenuAnimOut1 { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); } 75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } } @-moz-keyframes MenuAnimOut3 { 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes MenuAnimOut4 { 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes MenuAnimOut5 { 100% { -moz-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 100% { transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 100% { transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes MenuAnimIn1 { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn3 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn4 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn5 { 0% { -moz-transform: translateY(40%); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { transform: translateY(40%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform: translateX(50%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn3 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn4 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn5 { 0% { -moz-transform: translateZ(-200px); opacity: 0; } 100% { -moz-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { transform: translateX(50%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { transform: translateZ(-200px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(50%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(100%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut3 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut4 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut5 { 0% { -moz-transform: translateZ(0); opacity: 1; } 100% { -moz-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { transform: translateZ(0); opacity: 1; } 100% { transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; margin-bottom: 0! important; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Owl Carousel */ /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .videoWrapper { position: relative; 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%; } #main-nav { width: 100%; background: #ffffff; /*margin-bottom: 20px;*/ list-style: none; text-align: center; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } #main-nav li { display:inline-block; position: relative; list-style-type:none; padding:0; line-height: 50px; vertical-align: top; } #main-nav li a { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 13px; color: #333333; display: inline-block; padding: 0 10px; text-transform: uppercase; } #main-nav li a:hover { color: #36beb3; text-decoration: none; } #main-nav li ul.sub{ display: none; position: absolute; top: 50px; z-index: 5; left: 0; background: #ffffff; border-bottom: 3px solid #454545; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } #main-nav li:hover ul.sub{ display: block; } #main-nav li ul.sub li{ line-height: 40px! important; margin: 0; padding: 0; width: 100%; white-space: nowrap; background: transparent! important; min-width: 220px; float: left; text-align: left; } #main-nav li ul.sub li:hover { background: #ffffff! important; } #main-nav li ul.sub li a{ text-transform: uppercase; font-weight: normal; color: #777777; font-size: 12px; xpadding: 12px 0; } #main-nav li ul.sub li:last-child a { border-bottom: 0; } #main-nav li ul.sub li a:hover { color: #36beb3; } .collection div.zoomWindow { display: none! important; } .collection div.zoomLens { opacity: 0! important; } /** Faisal **/ .seeks form { display: inline-block; } .seeks input { width:130px; height:10px; } #item_count { padding: 3px 7px; margin-left: 5px; color: #fff; background: #36beb3; } #cart-item { background:#fff; } #tabs { list-style: none; padding:0; margin: 0; font-size: 13px; font-weight:bold; text-transform:uppercase; margin-top:20px; letter-spacing:1px; } #tabs li { float:left; margin-left: 0px !important; border-bottom:1px solid #fff; } #tabs li a { border-bottom:1px solid #eee; padding-right:35px; padding-left:5px; padding-bottom:2px; color:#888; display:block; } #tabs li.active a { color:#444; border-bottom:1px solid #444; } #tabs li.active{ border-bottom:1px solid #444; } input.add.product-button { float:none; } .share-icons a { color: #000!important; } #not { background: #36beb3; text-align: center; color: #fff; font-weight: 900; position: absolute; height: 32px; width: 100%; top: 30px; display:none; } #shipping-rates td, #shipping-rates th { background:#fff; text-align:center; } #shipping-rates th { font-size: 13px !important; line-height: 140%; padding: 8px 6px; border-bottom: 2px solid #000; } #shipping-rates td { border-bottom: 1px solid #ccc; padding: 4px 6px; font-size: 12px; } #shipping-rates a { color: #000; text-decoration: underline; } .quick-cart-details .quick-title { display: inline-block; float: left; width:175px; } .quick-cart-details .remove_item { float: right; display: inline-block; margin-right: 10px; margin-top: 0px; } a.checkout-link { background: #36beb3; color:#fff!important; } a.checkout-link:hover { background:#57CDC3!important; } ul#sort-me ul li { list-style-image: url(/cdn/shop/t/9/assets/empty_box.gif?13807); } ul#sort-me ul li.current { list-style-image: url(/cdn/shop/t/9/assets/full_box.gif?13807); } /* ul#sort-me ul li:before { content: "\f096"; font-family: FontAwesome; } */ ul#sort-me li.current:after { content:""!important; } li.size-guide { margin-bottom:18px; } #search-bar p { text-transform: uppercase; } .product-magnific-popup{ overflow:auto; position:relative; background:#fff; max-width:900px; margin:auto; border-radius:4px; } .product-magnific-popup .left{ float:left; width:50%; margin-right:2%; } .product-magnific-popup .right{ float:left; width:46%; padding-top:30px; } .product-magnific-popup .image{ width:100%; height:auto; display:block; } .product-magnific-popup h1{ text-align:center; margin-bottom:30px; } .product-magnific-popup .mfp-close{ color:transparent !important; margin-top:0 !important; background-image: url(/cdn/shop/t/9/assets/close.png?9330030046775884606); background-size: 30px; background-position: center center; background-repeat:no-repeat; top:2px; right:2px; } .mfp-iframe-scaler .mfp-close{ color:transparent !important; background-image: url(close-white.png); background-size: 30px; background-position: right center; background-repeat:no-repeat; } .product-magnific-items{ border-top:1px solid #f0f0f0; padding:20px 0; border-bottom:1px solid #f0f0f0; position:relative; } .product-magnific-items .each{ overflow:auto; list-style-type:none; } .product-magnific-items .link{ display:block; float:left; width:40%; } .product-magnific-items h3{ margin-bottom:5px; } .product-magnific-items .price{ margin-bottom:10px; } .product-magnific-items .button{ display:inline-block; width:auto; } .product-magnific-items .text{ float:right; width:55%; padding-top:20px; } .product-magnific-items .owl-pagination{ text-align:center; } .product-magnific-items .owl-prev{ /*position:absolute; top:50%; left:0;*/ display:inline-block; width:20px; height:20px; background:url("icon-left.png") no-repeat center; background-size:20px; text-indent:-9999px; margin:0 5px; } .product-magnific-items .owl-next{ position:absolute; /*top:50%; right:0;*/ display:inline-block; width:20px; height:20px; background:url("icon-right.png") no-repeat center; background-size:20px; text-indent:-9999px; margin:0 5px; } .product-magnific-items .owl-page{ display:inline-block; width:12px; height:12px; background:#777; border-radius:50%; margin:0 5px; } .product-magnific-items .owl-page.active{ background:#36beb3; } .daily-edit-body{ position:relative; display:block; } .daily-edit-body .play-icon:hover{ transform:scale(1.1); opacity:1; } .daily-edit-body a{ display:block; } .daily-edit-body .play-icon{ transition:all 0.3s ease-in; opacity:0.8; position:absolute; display:block; background:url("icon-play.png?6488") no-repeat center; background-size:cover; top:50%; left:50%; margin-top:-35px; margin-left:-35px; width:70px; height:70px; } @media screen and (max-width: 960px) { .product-magnific-popup{ margin:10px auto; } .product-magnific-popup .left{ float:left; width:50%; margin-right:1%; } .product-magnific-popup .right{ float:left; width:48%; padding-top:30px; } .product-magnific-items{ padding:10px 0; } .product-magnific-popup h1{ text-align:center; margin-bottom:15px; } .product-magnific-popup #sharing-caring{ margin-top:15px; } } .product-magnific-no-products{ max-width:450px; } .product-magnific-no-products .top,.product-magnific-no-products .bottom,.product-magnific-no-products h1{ margin-bottom:15px; } @media screen and (max-width: 768px) { .product-magnific-popup .left{ float:none; width:100%; margin-right:0; } .daily-edit-body .play-icon{ margin-top:-15px; margin-left:-15px; width:30px; height:30px; } .product-magnific-popup{ margin:15px auto; } .product-magnific-popup .right{ float:none; width:100%; padding-top:15px; padding-bottom:15px; } } .magnific-prev{ position:fixed; top:50%; left:5%; height:30px; width:30px; margin-top:-15px; background:url("icon-left-white.png") no-repeat center; background-size:cover; z-index:9999; cursor:pointer; display:none; } .magnific-next{ position:fixed; top:50%; right:5%; height:30px; margin-top:-15px; width:30px; background:red; background:url("icon-right-white.png") no-repeat center; background-size:cover; z-index:9999; cursor:pointer; display:none; } @media screen and (max-width: 1000px) { .magnific-prev{ left:5px; } .magnific-next{ right:5px; } } .instanav{ text-align:center; } .instagram-panel{ position:relative; } .instanext{ display:inline-block; text-indent: -9999px; background:url("icon-right.png") no-repeat center; background-size:cover; height:20px; width:20px; cursor:pointer; position:absolute; top:50%; right:-25px; margin-top:-10px; } .instaprev{ display:inline-block; text-indent: -9999px; background:url("icon-left.png") no-repeat center; background-size:cover; height:20px; width:20px; cursor:pointer; position:absolute; top:50%; left:-25px; margin-top:-10px; } @media screen and (max-width: 500px) { .instanext{ right:5px; } .instaprev{ left:5px; } } .product-each-link{ position:relative; display:block; } .product-each-link:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; } .product-each-link .sub-image{ display:none; } @media screen and (min-width: 1100px){ .product-each-link:hover .main-image{ display:none; } .product-each-link:hover .sub-image{ display:block; } } .discount-popup{ background:#fff; position:relative; max-width:600px; margin:auto; overflow:auto; padding:20px; border-radius:5px; } .discount-popup h1{ font-size:40px; margin-bottom:0px; line-height: 1.2; } .discount-popup h2{ font-weight:400; font-size:30px; margin-bottom:30px; } .discount-popup hr{ border-top:1px solid #000; width:100px; margin:20px auto; } .discount-popup p{ font-size:15px; } .discount-popup .inner{ background:#fff url(/cdn/shop/t/9/assets/discount-popup.jpg?13807) no-repeat top center; background-size:cover; padding:50px 20px; text-align:center; } .discount-popup .rte{ margin-bottom:30px; font-size:15px; } .discount-popup .button{ width:300px; margin:auto; display:block; margin-bottom:10px; text-align:center; } @media screen and (max-width: 700px) { .discount-popup .inner{ padding:40px 20px; } } .discount-popup .image{ width:100%; height:auto; display:block; } .discount-popup .contshop{ text-align:center; } .discount-popup .mfp-close{ color:transparent !important; margin-top:0 !important; background-image: url(/cdn/shop/t/9/assets/close.png?9330030046775884606); background-size: 30px; background-position: center center; background-repeat:no-repeat; top:2px; right:2px; } .discount-popup .contshop{ font-weight:400; } .affiliate{ position:relative; height:940px; } .affiliate-form{ position:relative; z-index:2; background:rgba(255,255,255,0.9); width:400px; float:right; margin-top:50px; padding:20px; } .error{ margin-top:-20px; margin-bottom:10px; color:#ff0000; } .affiliate-form .loading{ background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url("load.gif"); width:20px; height:20px; display:none; } .affiliate-form .success{ display:none; text-align:center; padding-top:20px; } .affiliate-background{ position:absolute; top:0; left:0; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; height:940px; } .wholesale{ position:relative; height:1030px; } .wholesale-background{ position:absolute; top:0; left:0; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url("/cdn/shop/files/wholesale.jpg?13807"); height:1030px; } @media screen and (max-width: 740px) { .affiliate-background,.wholesale-background{ position:static; height:350px; } .affiliate{ height:auto; } .affiliate-form{ margin-top:0; float:none; width:100%; } } @media screen and (max-width: 500px) { .affiliate-background,.wholesale-background{ height:300px; } .discount-popup h1{ font-size:25px; } .discount-popup h2{ font-size:18px; } .discount-popup p,.discount-popup .rte{ font-size:13px; } } .redeem-button{ -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; position:fixed; bottom:-34px; right:40px; background:#000; margin:0; width:auto; display:inline-block; padding:10px 30px; height:auto; line-height: 1.1; letter-spacing:1px; background:#000; color:#fff !important; z-index:99; border:1px solid #000; border-bottom:none; cursor:pointer; } .redeem-button:focus{ outline:0; } .product-last-chance{ position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:4px 0; background:rgba(0,0,0,0.3); text-transform: uppercase; letter-spacing:1px; color:#fff; font-size:10px; } .product-preorder{ background:rgba(0,0,0,0.6); } @media screen and (max-width: 500px) { .redeem-button{ right:0; } } #asseenin .each{ margin-left:0; margin-right:0; text-align:center; } #asseenin .inner{ max-width:1200px; margin:auto; } #main-nav{ position:relative; z-index:10; } .main-nav-ul{ margin-bottom:0; } #main-nav #nav-gift-li:hover{ background:transparent; } @media screen and (max-width: 1220px) { #main-nav #nav-gift-li{ left:20px; } } @media screen and (max-width: 767px) { #main-nav #nav-gift-li{ display:none; } } .mobile-first{ clear:none; } .desktop-first,.dd-first{ clear:left; } @media screen and (max-width: 740px) { .desktop-first,.dd-first{ clear:none; } .mobile-first{ clear:left; } } #main-nav li .lookbooks{ width:100%; padding:20px; } @media screen and (max-width: 1219px) { #main-nav li .lookbooks{ top:121px; } } #main-nav .lookbooks-li{ position:static; } #main-nav .lookbooks-link{ float:left; width:23.5%; margin-left:2%; } #main-nav .lookbooks-link:first-child{ margin-left:0; } #main-nav .lookbooks-link a{ padding:0; } #main-nav .lookbooks-link img{ width:100%; height:auto; } #main-nav .look-hover{ margin-bottom:0; } #search-bar-inner{ position:relative; margin:auto; max-width:300px; } .search-bar-close{ position:absolute; top:1px; right:1px; background:url("close.png") no-repeat center; background-size:18px; height:38px; width:38px; display:none; cursor:pointer; } .search-bar-results{ position:absolute; top:40px; left:0; width:300px; z-index:4; max-width:300px; list-style-type: none; border:1px solid #000; text-align:left; background:#fff; display:none; } .search-bar-loading{ height:60px; width:100%; background:url("load.gif") no-repeat center; background-size:24px; } .search-bar-list{ margin:0; list-style-type:none; } #search-bar-list li.top{ padding:0 !important; } #search-bar-list li.top{ display:block !important; margin:0 !important; padding:0 !important; } #search-bar-list li.top a{ display:block; font-weight:700; background:#000; text-align:center; font-size:11px; text-transform: uppercase; letter-spacing: 2px; padding:10px 15px !important; color:#fff !important; line-height:normal; } #search-bar-list .each{ overflow:auto; padding:5px 20px !important; border-bottom:1px solid #ddd; display:block !important; } #search-bar-list .each:hover h3{ color:#36beb3; } #search-bar-list .left{ display:block; float:left; width:25%; } #search-bar-list .right{ display:block; float:right; width:70%; padding-top:5px; } #search-bar-list h3{ letter-spacing: initial; margin-bottom: 5px; font-size: 12px; } .search-bar-empty{ text-align:center; padding:15px 0; display:none; } .search-form-results{ top:35px; left:auto; right:0; } .search-form-preview{ position:absolute; top:35px; left:auto; right:0; display:block; line-height:1; text-align:center; } .search-form-preview .each{ margin-top:20px; margin-bottom:20px; } .search-form-preview .inner{ } .search-form-preview h5{ text-transform: uppercase; font-size:11px; padding:10px 15px; background:#000; color:#fff; margin-bottom:0; } .search-form-preview a{ text-transform:uppercase !important; letter-spacing: initial; font-size:12px !important; font-weight:700 !important; -webkit-font-smoothing: antialiased; } .search-form-preview a:hover{ color:#36beb3 !important; } .search-form-close{ top:-10px; } .wildheart-link{ position:absolute; bottom:-50px; width:100%; left:0; } .wildheart-link a{ display:block; margin:auto; max-width:300px; } @media screen and (max-width: 740px) { .wildheart-link a{ max-width:250px; } } @media screen and (min-width: 850px) { .top-section{ display:block !important; } } #shipping-rates { display: table; } #shipping-rates thead { display: table-header-group; } #shipping-rates thead tr { position: relative; top: 0; left: 0; } #shipping-rates thead th { display: table-cell; border-bottom: 2px solid #000; } #shipping-rates tr { border: 0; margin: 0; display: table-row; } #shipping-rates td { display: table-cell; } #shipping-rates tbody { display: table-row-group; } header ul{ margin:0; } .new-popup{ max-width:784px; margin:auto; background:#fff; position:relative; } .new-popup .error,.new-popup .wait{ margin-top:0; text-align:left; display:none; } .new-popup .inner{ overflow:auto; } .new-popup .left{ float:left; width:50%; } .new-popup .image{ display:block; } .new-popup h5{ margin-top:10px; margin-bottom:20px; font-size:16px; font-weight:normal; } .new-popup h3{ font-size:32px; letter-spacing:2px; line-height:1.2; margin-bottom:8px; text-align:left; } .new-popup .code{ text-align:center; padding:5px 10px; background:#ededed; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:15px; font-size:18px; } .new-popup .code .coupon{ color:#848484; display:inline-block; margin-right:5px; vertical-align: top; } .new-popup #mce-EMAIL{ color:#848484; border-color:#848484; } .new-popup #mce-name{ margin-bottom:0; color:#848484; border-color:#848484; } .new-popup .text{ text-align:left; font-size:17px; margin-bottom:15px; line-height: 1.4; letter-spacing:1px; } .new-popup .email-div{ position:absolute; top:45px; left:0; width:100%; padding-right:40px; } .new-popup .nn{ display:none; } .new-popup .original{ display:block; } .new-popup .getbutton{ margin:0 !important; letter-spacing:2px; margin-bottom:5px !important; font-size:15px; } .new-popup form{ position:relative; text-align:right; } .new-popup .right{ float:left; width:50%; text-align:center; padding:45px 30px 30px; } .new-popup #mc-embedded-subscribe{ margin-top:5px !important; position:relative; z-index:10; width:auto; font-size:20px; } .new-popup .mfp-close{ color:transparent !important; margin-top:0 !important; background-image: url(/cdn/shop/t/9/assets/close.png?9330030046775884606); background-size: 30px; background-position: center center; background-repeat:no-repeat; top:2px; right:2px; } .new-popup .mobile{ display:none; } @media screen and (max-width: 767px) { .new-popup .right-inner{ max-width:350px; margin:auto; } .new-popup .left,.new-popup .right{ float:none; width:100%; } .new-popup .right{ padding:15px; } .new-popup{ max-width:500px; } .new-popup .desktop{ display:none; } .new-popup .mobile{ display:block; } .new-popup .text{ font-size:16px; text-align:center; } .new-popup .code{ font-size:16px; } .new-popup h3{ text-align:center; } .new-popup .error, .new-popup .wait{ text-align:center; } } @media screen and (max-width: 500px) { .new-popup h3{ font-size:25px; margin-bottom:10px; } .new-popup h5{ margin-top:0px; margin-bottom:10px; font-size:12px; } } .buyx-msg { color: ; font-weight: bold; font-size: 16px; width: 100%; text-align: center; margin-bottom: 10px; } .buyx-msg:empty { display: none; } /* Currency Converter+ customisation */ .currency-converter-currency-button { margin-left: -3px !important; padding-left: 0 !important; } .currency-converter-currency-button .cbb-currency-flag { position: relative; bottom: 1px; } .currency-converter-currency-button .cbb-currency-updown-icon { display: none !important; } .currency-converter-chooser-item.cbb-currency-code-refresh { display: none; } @media screen and (max-width: 790px) { .currency-converter-currency-button { margin-left: 6px !important; position: relative; top: 2px; } } .shopnow .product-index{ margin-left:0 !important; } .header-search-mobile-form{ transition:all 0.3s linear; position:absolute; left:0; width:100%; top:0; background:#fff; border-bottom:1px solid #d8d8d8; } .header-search-mobile-form .inner{ padding:5px 10px; max-width:300px; margin:auto; } .header-search-mobile-form .inner-inner{ position:relative; } .header-search-mobile-form .input{ margin:0; border:0; border-bottom:1px solid #000; padding:5px 30px 5px 0; } .header-search-mobile-form .button{ position: absolute; top: 5px; right: 0; height: 29px; width: 29px; padding: 0px; background:#000 url("icon-search-white.png") no-repeat center; background-size:15px; margin:0 !important; } .header-search-mobile-form .search-form-close{ height:29px; width:29px; top:5px; left:auto; right:30px; } .header-search-mobile-form .search-form-results{ left:0; top:34px; max-width:100%; } .header-search-mobile-form .search-bar-results .top a{ line-height:30px; } .header-search-mobile-form .price{ margin-bottom:0; } .header-search-mobile-form .search-bar-list{ height:300px; overflow:scroll; } .header-search-mobile-form .search-bar-empty{ padding:0; } .filter-list{ overflow:auto; } .filter-list .currency-converter-wrapper-amount-box{ padding:0 !important; color:#444 !important; } .filter-list li:hover .currency-converter-amount{ font-weight:700 !important; } .filter-list .currency-converter-amount-box{ color:#444 !important; } .filter-list .currency-converter-amount{ margin-right:0 !important; } .filter-list li:hover{ font-weight:700; } .filter-list li{ float:left; width:48%; cursor:pointer; padding:5px 0; } .filter-list li:nth-child(2n+1) { margin-right:4%; clear:both; } .filter-list .current{ font-weight:700; } .filter-div{ text-align:left; margin-bottom:20px; } .filter-div .body{ display:none; } #sidebar { display: none; text-align: center; } #sidebar.open { display: block; } #sidebar ul li { padding: 5px 0; } #sidebar .filter-div h4{ background:url(icon-plus.png) no-repeat top 3px right; background-size:9px; padding-bottom:8px; cursor:pointer; } #sidebar .filter-div h4.open{ background-image:url(icon-minus.png); } #sidebar .filter-div h4.all{ padding-left:0; background:0; cursor:default; } .filter-div select{ display:none; } #side-filter{ padding-bottom:20px; } @media screen and (min-width: 500px){ .filter-list li{ width:32%; margin-left:2%; } .filter-list li:nth-child(2n+1) { margin-right:0; clear:none; } .filter-list li:nth-child(3n+1) { margin-left:0; clear:both; } .header-search-mobile-form .search-bar-list{ height:400px; } } @media screen and (min-width: 768px){ .filter-list li{ width:23.5%; } .filter-list li:nth-child(3n+1) { margin-left:2%; clear:none; } .filter-list li:nth-child(4n+1) { margin-left:0; clear:both; } } .sort-by-div{ position:relative; display:none; width:200px !important; margin-bottom:20px; } @media screen and (min-width: 1100px){ .header-search-mobile-form{ display:none; } } @media screen and (min-width: 980px){ .filter-buttons{ text-align:left; } #sidebar{ display:block; margin-left:0; } .filter-top{ display:none; } .sort-by-div{ display:block; } .filter-list li{ width:100%; float:none; margin:0; } .filter-list li:nth-child(3n+1) { margin-left:0; } } .sort-by-label{ cursor:pointer; border: 1px solid #333; color: #444444; background: url(/cdn/shop/t/9/assets/down.svg?13624922230757116607) no-repeat 94% center #FFF; background-size: 10px 8px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 5px 25px 5px 15px; text-align:left; text-transform:uppercase; font-size:11px; font-weight:bold; letter-spacing:2px; -webkit-font-smoothing: antialiased; } .sort-by-div ul{ list-style-type:none; position:absolute; top:32px; width:100%; z-index:100; left:0; display:none; border:1px solid #000; border-top:2px solid #000; } .sort-by-div li{ cursor:pointer; text-align:left; padding:5px 15px; background:#fff; } .sort-by-div li:hover,.sort-by-div .current{ background:#000; color:#fff; } .mobile-refine{ border:1px solid #333; padding:5px 15px; background: url(icon-plus.png) no-repeat 94% center #FFF; background-size: 8px; float:left; width:49%; margin-right:2%; line-height:1.2; text-transform:uppercase; letter-spacing:1px; font-size:11px; } .mobile-refine.open{ background-color:#000; color:#fff; background-image:url("icon-minus-white.png"); } .mobile-sort-by{ float:left; width:49% !important; padding:5px 15px; line-height:1.2; text-transform:uppercase; letter-spacing:1px; font-size:11px; } .clear-button { background:#FFF;color:#333;border:1px solid #333;padding:5px 20px;text-transform:uppercase; letter-spacing:1px; font-size:11px; } .clear-button:hover { background:#000;color:#ffffff; } .filter-top{ max-width:350px; margin:auto; } @media screen and (min-width: 1220px) { #article-loop .article-index { width: 381px; } #article-loop { width: 1175px; } } /* Tablet and smaller (devices and browsers) */ @media screen and (min-width: 980px) and (max-width: 1220px ) { #article-loop .article-index { width: 302px; } #article-loop { width: 940px; } } @media screen and (max-width: 980px) and (min-width: 850px) { #article-loop .article-index { width: 225px; } #article-loop { width: 705px; } /* Globals */ ul#social-icons, ul#social-icons li { text-align: center; } ul#cart { } ul#cart, ul#cart li { text-align: right; } #hello { width: 100%; } .quick-shop { width: 100%; } .show { text-align: center; width: 100%; display: block; margin-bottom: 20px; } .flex-caption { display: none; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 1100px) and (min-width: 500px) { #main-nav { display: none; } .dl-menuwrapper { display: block! important; } } @media screen and (max-width: 767px) and (min-width: 500px) { #article-loop .article-index { width: 225px; } #article-loop { width: 470px; } /* Globals */ ul#social-icons, ul#social-icons li { text-align: center; margin-bottom: 0;} ul#cart { } ul#cart, ul#cart li { text-align: center; } ul#cart li.seeks { display: none; } ul#cart li.seeks-mobile { display: inline; } #hello { width: 100%; } .product-modal { display: none; } ul#cart li.cart-overview:hover #crt { display: none! important; } .show { text-align: center; width: 100%; display: block; margin-bottom: 20px; } #sidebar ul li { padding: 5px 0; } .flex-caption { display: none; } #product-photos { display: none; } #mobile-product { margin-bottom: 10px; display: block; } #page-sidebar { margin-top: 20px; text-align: center; } #looked-at { display: none; } #cart-notes { display: none; } /*#subscribe_popup { background: url(/cdn/shop/t/9/assets/popup-desktop.jpg?13807) no-repeat; background-size: cover; height: 290px; width: 566px; }*/ } @media screen and (max-width: 500px) { #main-nav { display: none; } .dl-menuwrapper { display: block! important; } #article-loop .article-index { width: 100%; margin-left: 0; margin-right: 0; } #article-loop { width: 294px; } /* Globals */ ul#social-icons, ul#social-icons li { text-align: center; margin-bottom:0; } ul#cart { width: 100%; } ul#cart, ul#cart li { text-align: center; clear: left; } ul#cart li.cart-overview:hover #crt { display: none! important; } ul#cart li.seeks { display: none; } ul#cart li.seeks-mobile { display: inline; } #hello { width: 100%; } .product-modal { display: none; } .show { text-align: center; width: 100%; display: block; margin-bottom: 20px; } .flex-caption { display: none; } #product-photos { display: none; } #mobile-product { margin-bottom: 20px; display: block; } #page-sidebar { margin-top: 20px; text-align: center; } #looked-at { display: none; } #cart-notes { display: none; } /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; margin: 20px 0;} td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px; text-align: center; } .cart-item { display: block; } .cart-image, .cart-title { display: block; width: 100%;} #basket-right p { text-align: center; } #basket-right h4 { font-weight: normal; text-align: center; margin: 20px 0 30px; } #shopping-cart table .item td:nth-of-type(3):before { content: "Item Price"; } #shopping-cart table .item td:nth-of-type(2):before { content: "Quantity"; } #shopping-cart table .item td:nth-of-type(4):before { content: "Remove"; } #shopping-cart table .item td:nth-of-type(5):before { content: "Total"; } } @media screen and (max-width: 767px) { #subscribe_popup { width: 100%; background: url(/cdn/shop/t/9/assets/popup-mobile.jpg?13807) no-repeat; background-size: cover; } #mc_embed_signup {margin-top: 182px; } } .mobile-nav{ -webkit-transition: -webkit-transform .5s cubic-bezier(0,1.09,.45,.95); transition: transform .5s cubic-bezier(0,1.09,.45,.95); position:fixed; width:290px; top:0; bottom:0; background:#fff; z-index:9999; -webkit-box-shadow: 2px 2px 10px 1px #888888; box-shadow: 2px 2px 10px 1px #888888; -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); } .mobile-nav.open{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .mobile-nav h3{ color:#000; margin-bottom:0; } .mobile-nav .top{ padding:10px 15px; position:relative; border-bottom:1px solid #000; } .mobile-nav .close{ position:absolute; top:5px; right:5px; height:30px; width:30px; background:url("close.png") no-repeat center; background-size:15px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mobile-nav-container{ list-style-type:none; overflow:hidden; overflow-y:scroll; height:80%; height:calc(100% - 80px); margin:0; } .mobile-nav-container .parent{ border-bottom:1px solid #ddd; padding:10px 15px; } .mobile-nav-container a{ color:#000; font-size:12px; text-transform:uppercase; display:block; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mobile-nav-container a:hover,.mobile-nav-container a:active,.mobile-active{ color:#36beb3; } .mobile-nav-container .child{ list-style-type:none; margin-left:15px; margin-bottom:0; padding:10px 0; display:none; } .mobile-nav-container .child li{ padding:8px 0; } .mobile-nav-container .hassub{ background:url("icon-plus.png") no-repeat top 4px right; background-size:10px; } .mobile-nav-container .hassub.open{ color:#36beb3; background-image:url("icon-minus.png"); } .mobile-nav .bottom{ position:relative; } .mobile-nav .bottom .each{ float:left; width:33.33%; display:block; padding:10px 0; color:#fff; background:#000; font-size:12px; text-transform:uppercase; text-align:center; border-left:1px solid #666; } .mobile-nav .bottom .each:first-child{ border-left:0; } .body-lock{ overflow:hidden; } .currency-converter-amount-box{ padding:0 !important; white-space:normal !important; } .currency-converter-wrapper-amount-box{ white-space:normal !important; } .product-discount{ color:#ba2323; margin-left:1px; display:inline-block; text-transform:uppercase; } .quantities { margin-right:12px;margin-bottom:12px;display:inline-block;border:1px solid #ccc; padding:0 5px;vertical-align:top;} .quantities input.quantity { border:0; width:20px !important; height:30px; } input.add.product-button{ width: 100%; height:50px; line-height:50px; } .down, .up { border:0;font-size:0.8em; height:30px; } .wishlist-div{ display:block; } .wishlistbutton{ height:32px; } #wishlistbuttons { height:auto !important; } .wishlistbutton .ll{ display:inline-block; height:32px; width:32px; background:url("icon-heart-black.png") no-repeat center;background-size:20px;} .wishlistbutton .ll.swym-added{ background-image:url("/cdn/shop/t/9/assets/icon-heart-green.png?13807"); } #available-in h5 { font-size:12px; } #available-in li{ float:left; width:100px; } #tabs_container {display:none;} #tabs_content_container{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; } #tabs_content_container .title{ border-bottom:1px solid #ccc; padding:8px 15px; cursor:pointer; background:url("icon-plus.png") no-repeat top 12px right 15px; background-size:10px; margin-bottom:0; font-weight:normal; font-size:12px; } #tabs_content_container .title.open{ background-image:url("icon-minus.png"); } #tabs_content_container .tab_content{ display:none; border-bottom:1px solid #ccc; padding:15px; } #tabs_content_container .tab_content h5:first-child{ display:none; } #product-photos .wishlist-div,#mobile-product .wishlist-div{ position:absolute; top:20px; right:40px; z-index:2; cursor:pointer; } .product-index .wishlist-div{ position:absolute; top:5px; right:5px; z-index:2; cursor:pointer; } .product-index .wishlist-div .ll{ background-size:15px; } .product-index .wishlistbutton{ height:24px; } .product-index .wishlistbutton .ll{ height:24px; width:24px; } @media only screen and (min-width: 768px ){ .product-index .wishlistbutton{ height:28px; } .product-index .wishlistbutton .ll{ height:28px; width:28px; } .quick-shop input.add.product-button{ width:200px; } #product-photos .wishlist-div{ display:block; } .product-add .quantities{ margin-bottom:0; } .product-add .quantities input.quantity{ height:38px; } .down, .up{ height:38px; } .product-add{ margin-bottom:30px; } input.add.product-button{ display:inline-block; width:180px; height:40px; line-height:40px; margin:0 !important; vertical-align:top; outline:0; } #product-right{ padding:20px; } #product-price{ margin-bottom:20px; } .product-add .wishlist-div{ display:none; } } .add-to-cart-msg{ margin-top:-10px; margin-bottom:40px; } .breads{ margin-bottom:12px; border-bottom:1px solid #eee; padding-bottom:12px; } @media only screen and (min-width: 1000px ){ input.add.product-button{ width:250px; } } #product-photos{ position:relative; } .swatch { margin-bottom:5px; } .swatch-element label { margin:0 5px 10px 0;border:1px #ccc solid; } .swatch-element label:hover {border-color:#333;} .swatch input:checked + label { border:1px solid #333 !important;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0; } #tabs_content_container input[type=text],#tabs_content_container input[type=email],#tabs_content_container textarea{ border-color:#ccc; } body #pre-order, input.add.product-button { background:#333; } input.add.product-button:hover { background:#333; } @media only screen and (min-width: 1000px ){ input.add.product-button:hover { background:#36beb3; } body #pre-order:hover { background:#36beb3; } .wishlistbutton .ll:hover{ background-image:url("/cdn/shop/t/9/assets/icon-heart-green.png?13807"); } } #pre-order.processing, input.add.product-button.processing{ background:#36beb3 !important; } #sharing-caring b{font-size:12px; letter-spacing:2px; color:#444;} #sharing-caring { text-align:center;margin-top:30px; } .quick-shop #sharing-caring { text-align:left;margin-top:0; } @media only screen and (min-width: 768px ){ #sharing-caring { text-align:left;} } .lookbook .image{ width:100%; height:auto; display:block; } .lookbook-banner{ background-repeat:no-repeat; background-position:top center; background-size:cover; position:fixed; top:115px; left:0; width:100%; z-index:1; } .lookbook-banner.nomobilebar{ top:80px; } @media screen and (min-width: 670px) { .lookbook-banner{ top:85px; } .lookbook-banner.nomobilebar{ top:50px; } } @media screen and (min-width: 768px) { .lookbook-banner{ top:99px; } } @media screen and (min-width: 1220px) { .lookbook-banner{ top:102px; } } .lookbook-main{ position:relative; z-index:9; } .lookbook-overlay{ max-width:800px; margin-left:auto; margin-right:auto; height:100vh; position:relative; } .lookbook-overlay-full{ position:absolute; top:0; left:0; height:100%; width:100%; background-repeat:no-repeat; background-position:center; } .lookbook-overlay .image{ position:absolute; top:50%; left:0; -webkit-transform:translateY(-60%); transform:translateY(-60%); } .lookbook-content{ background:#fff; } .lookbook-each{ } .lookbook-text{ max-width:600px; margin-left:auto; margin-right:auto; text-align:center; padding-left:10px; padding-right:10px; padding-top:40px; padding-bottom:40px; } .lookbook-text p{ font-size:14px; } .lookbook-text .button2{ margin-top:10px; font-size:16px; padding:10px 30px; border:1px solid #ccc; } .lookbook-images .products{ display:none; } .lookbook-images .products .product-index{ margin-left:0 !important; } .lookbook-images .scale{ transition:all 0.5s linear; } .lookbook-images .images{ position:relative; } .lookbook-images .images .each{ display:block; overflow:hidden; margin-bottom:15px; } .lookbook-images img{ display:block; } .lookbook-images .scale:hover{ transform:scale(1.05); } .lookbook-images .arrow{ z-index:20; height:35px; width:35px; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:35px; display:inline-block; } .lookbook-images .arrow-div{ text-align:center; margin-top:20px; margin-bottom:20px; } .lookbook-images .arrow-down{ background-image:url("lookbook-arrow-down.png?12"); } .lookbook-images .arrow-up{ background-image:url("lookbook-arrow-up.png?1331"); } .lookbook-video{ margin-bottom:40px; } .lookbook-video-popup{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:50000; } .lookbook-video-popup-close{ position:fixed; top:10px; left:10px; z-index:50001; height:40px; width:40px; background:url("close-white.png") no-repeat center; background-size:40px; cursor:pointer; display:none; } .lookbook-video a{ display:block; } .lookbook-video .inner{ display:none; max-width:1200px; margin:auto; } @media only screen and (min-width: 768px ){ .lookbook-images .arrow-div{ margin-top:35px; margin-bottom:35px; } .lookbook-video{ margin-bottom:70px; } .lookbook-each{ } .lookbook-images .row2{ overflow:auto; } .lookbook-images .row2.with-flex{ display:flex; align-items:center; } .lookbook-text{ padding-top:70px; padding-bottom:70px; } .lookbook-text p{ font-size:15px; } .lookbook-images .row2 .each{ float:left; width:50%; margin-bottom:0; } .lookbook-images .products .product-index{ margin-left: 1.0416666666666667% !important; } } @media only screen and (min-width: 960px ){ .lookbook-images .arrow-down:hover{ background-image:url("lookbook-arrow-down-black.png?12"); } .lookbook-images .arrow-up:hover{ background-image:url("lookbook-arrow-up-black.png?1331"); } } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product-engraving{ margin-bottom:30px; margin-top:10px; } .product-engraving .content{ display:none; } .product-engraving .top .each{ max-width:361px; } .product-engraving select, .product-engraving input{ margin-bottom:0; border-color:#ccc !important; width:100% !important; } .product-engraving .content .each{ margin-top:20px; max-width:361px; } .product-engraving label{ font-weight:normal; text-transform:uppercase; letter-spacing:1px; font-size:12px; margin-bottom:0; } .product-engraving .each-div{ position:relative; } .product-engraving .sort-by-label{ border-color:#ccc; text-transform:none; font-weight:400; letter-spacing:0; font-size:13px; } .product-engraving ul{ list-style-type:none; position:absolute; top:32px; width:100%; z-index:100; left:0; display:none; border:1px solid #ccc; } .product-engraving .each-div li{ cursor:pointer; text-align:left; padding:5px 15px; background:#fff; } .product-engraving .each-div li:hover{ background:#000; color:#fff !important; } .product-engraving .each-div li:hover span,.product-engraving .each-div .current span{ color:#fff !important; } .product-engraving .e{ margin-top:3px; } .product-engraving .d label{ float:left; } .product-engraving .d em{ float:right; color:#aaa; font-size:10px; } .product-engraving .each-div{ display:none; } @media only screen and (min-width: 980px ){ .product-engraving select{ display:none; } .product-engraving .each-div{ display:block; } } .payment-icons{ background:#f1f1f1; text-align:center; padding:20px; } .cart-2-payments-icons { background: transparent; font-size: 12px; } .cart-2-payments-icons label { font-size: 12px; } .cart-2-bottom { padding-top: 20px; margin-top: 20px; border-top: 1px solid #f1f1f1; } .cart-currency-2 { text-align: center; margin-bottom: 15px; } .cart-2-total-inner { padding: 20px; border: 2px solid #f1f1f1; text-align: center; } .cart-2-right-title { margin-bottom: 10px; } .cart-2-top .currency-converter-amount { font-size: 19px !important; } .cart-2-bottom-bar { max-width: 90%; margin-top: 20px; margin-left: auto; margin-right: auto; border: 1px solid #f1f1f1; border-radius: 20px; width: 100%; height: 15px; } .cart-2-bottom-bar span { display: block; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background: #ffcccc; height: 13px; } .cart-currency{padding-right:14px;text-align:center;} @media only screen and (min-width: 960px) { .cart-2-left { float: left; width: calc(100% - 350px); padding-right: 20px; } .cart-2-right { float: left; width: 350px; padding-left: 30px; } } @media only screen and (max-width: 959px) { .cart-2-right { max-width: 400px; margin-left: auto; margin-right: auto; } } #shopping-cart h2{ margin-top:20px; text-align:center; } @media only screen and (min-width: 740px ){ .cart-currency:not(.cart-currency-2){text-align:right;} .cart-2-total-inner { padding: 30px; } #shopping-cart { margin-top: 30px; } #shopping-cart h2{ text-align:left; margin-top:0; } } @media only screen and (min-width: 500px ){ #cartform { margin-top: 40px; } } #available-in{ margin-bottom:20px; } .cart-inventory-popup{ background:#fff; position:relative; max-width:600px; margin:auto; overflow:auto; padding:20px; border-radius:5px; } .cart-inventory-popup .mfp-close{ color:transparent !important; margin-top:0 !important; background-image: url(/cdn/shop/t/9/assets/close.png?9330030046775884606); background-size: 30px; background-position: center center; background-repeat:no-repeat; top:2px; right:2px; } .cart-inventory-popup-products{ list-style-type:none; overflow:auto; } .cart-inventory-popup-products .image{ width:100%; height:auto; } .cart-inventory-popup-products li{ float:left; width:49%; text-align:center; } .cart-inventory-popup-products li:nth-child(2n+1){ clear:both; margin-right:2%; } @media only screen and (min-width: 650px ){ .cart-inventory-popup-products li{ width:23.5%; margin-left:2%; } .cart-inventory-popup-products li:nth-child(2n+1){ clear:none; margin-right:0; margin-left:2%; } .cart-inventory-popup-products li:nth-child(4n+1){ clear:both; margin-left:0; } } .product-feed{ text-align:center; margin-top:40px; margin-bottom:40px; } .product-feed .text{ margin-bottom:15px; } .product-feed-images .each{ padding:0 3px; } .product-feed-images{ position:relative; } .product-feed-images .carousel-prev{ position:absolute; top:0; left:0; height:100%; width:50px; background:rgba(255,255,255,0.85) no-repeat center; background-size:20px; z-index:999; cursor:pointer; display:none; } .product-feed-images .carousel-prev svg{ position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); } .product-feed .text p{ font-size:14px; } .product-feed-link{ display:block; background-repeat:no-repeat; background-size:cover; background-position:center; } .product-feed-images img{ display:block; width:100%; height:auto; } .product-feed .text a{ text-decoration:none !important; display:inline-block; margin-right:3px; } .product-feed-images .carousel-next{ position:absolute; top:0; right:0; height:100%; width:50px; background:rgba(255,255,255,0.85) no-repeat center; background-size:20px; z-index:10; cursor:pointer; display:none; } .product-feed-images .carousel-next svg{ position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); } .product-feed-popup{ margin:auto; max-width:1080px; background:#fff; overflow:auto; position:relative; padding:20px; } .product-feed-popup button.mfp-close{ display:none; } .product-feed-popup .text{ padding:15px 0; position:relative; } .product-feed-popup .top img{ display:inline-block; width:38px; height:38px; margin-right:7px; border:1px solid #efefef; border-radius:50%; } .product-feed-popup .top a{ display:inline-block; line-height:38px; vertical-align:top; font-weight:700; font-size:14px; } .product-feed-popup .top{ border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:20px; } .product-feed-popup .meta{ overflow:auto; margin-bottom:20px; } .product-feed-popup .likes{ float:left; font-size:13px; font-weight:700; } .product-feed-popup .date{ float:right; font-size:13px; color:#999; } .product-feed-popup .caption{ margin-bottom:20px; } .product-feed-popup .fs-detail-shares img{ width:30px; } .product-feed-popup .fs-share{ margin-right:5px; } .product-feed-popup .fs-detail-shares{ margin-left:-8px; } .product-feed-popup-close{ float:right; } .product-feed-popup .navigation{ overflow:auto; margin-bottom:20px; } .product-feed-popup .navigation .next{ margin-left:30px; } .product-feed-popup .navigation .disabled{ } @media screen and (min-width: 768px) { .product-feed-popup .image{ float:left; width:60%; } .product-feed-popup .text{ float:left; width:40%; padding:0 0 0 20px; } .product-feed-popup-manual .content{ margin-top:20px; } .product-feed-images .carousel-prev,.product-feed-images .carousel-next{ display:block; opacity:0; transition:opacity 0.25s; } .product-feed-images .carousel-prev:hover,.product-feed-images .carousel-next:hover{ opacity:1; } } .bold-upsell__intro .currency-converter-wrapper-amount-box,.bold-upsell__intro .currency-converter-amount-box{ display:inline !important; } .bold-upsell__intro .currency-converter-amount{ font-size:14px !important; } .mobile-product-popup{ position:fixed; top:0%; left:0; width:100%; height:100%; z-index:99999; background:#fff; display:none; } .mobile-product-popup-inner{ position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); } .mobile-product-popup-close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index:99; } .mobile-product-popup-text{ position:absolute; bottom:20px; left:0; width:100%; text-align:center; font-size:11px; } #mobile-product p{ font-size:11px; text-align:center; } .product-sticker{ position:absolute; bottom:0; left:0; background:#f1f1f1; text-align:center; padding:3px 0; width: 100%; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .clearfix:after { content: ""; display: table; clear: both; } .as-seen-in-each { padding-left: 15px; padding-right: 15px; } .product-message-form{ border:1px solid #ccc; padding:30px 30px 10px 30px; margin-bottom:20px; } .cart-pre-order{ font-size:10px; color:#30B2A3; } .index-countdown{ background:#30B2A3; text-align:center; color:#fff !important; display:none; padding:6px 0; font-size:13px; position:relative; z-index:2; } .index-countdown strong{ text-transform:uppercase; font-weight:400; letter-spacing:1px; margin-right:8px; display:inline-block; } .index-countdown .each{ display:inline-block; margin:0 3px; font-weight:700; font-size:15px; } .index-countdown small{ font-weight:400; font-size:11px; margin-left:1px; } .cart-message{ background:#fff; max-width:600px; margin:auto; position:relative; padding:20px; } .cart-message ul{ list-style-type:none; margin:0; padding:0; } .cart-message .name{ display:block; font-weight:700; } .cart-message strong{ font-weight:400; color:#30B2A3; } .cart-message li{ margin-top:20px; } @media screen and (min-width: 768px) { .cart-message{ padding:30px; } } body #pre-order { display: inline-block!important; width: 150px !important; height: 40px!important; line-height: 40px!important; margin: 0 !important; vertical-align: top!important; outline: 0!important; background: #333; font-weight: normal !important; padding: 0px 15px !important; border-width: 0px !important; -webkit-transition: background .5s ease,color .5s ease !important; -moz-transition: background .5s ease,color .5s ease !important; -o-transition: background .5s ease,color .5s ease !important; transition: background .5s ease,color .5s ease !important; } .product-mobile-flexslider{ position:relative; margin-bottom:30px; } .product-mobile-flexslider .flex-control-nav{ bottom:-25px; } /*================ LOCATIONS ==================*/ .locations-title h1 { margin-bottom: 40px; } #locations { padding-bottom: 20px; } .locations-each { margin-top: 20px; } .locations-each-info { margin-top: 20px; } .locations-phone { margin-top: 15px; } .locations-each-hours { margin-top: 15px; margin-bottom: 15px; } .hours-each .title { text-transform: uppercase; font-weight: bold; } .image { display: block; width: 100%; } .locations-each-link { color: black; border-bottom: 1px solid black; font-size: 12px; } .locations-country .section-title h2 { font-size: 17px; color: #444444; } .locations-each-title { text-transform : uppercase; margin-bottom: 10px; } @media screen and (min-width: 980px) { .clear.hide-desktop { display: none; } } @media screen and (max-width: 980px) { .clear.show-desktop { display: none; } } /*================ CONTACT ==================*/ @media screen and (min-width: 740px) { .contact-form { width: 500px; padding: 30px; } .form-2up .form-each { float: left; width: calc(50% - 7px); } .form-2up .form-each:first-child { margin-right: 14px; } } .contact-dropdown { position: relative; border: 1px solid #111; max-width: 100%; text-indent: 17px; font-size: 12px; background: url(/cdn/shop/t/9/assets/down.svg) no-repeat right 15px center #FFF; background-size: 10px 8px; margin-bottom: 20px; } .contact-dropdown .selected { padding: 10px 0px; } @media screen and (min-width: 960px) { .contact-dropdown .selected { cursor: pointer; } } .contact-reason-ul { position: absolute; background: white; border-left: 1px solid #111; border-right: 1px solid #111; border-bottom: 1px solid #111; top: 100%; left: -1px; right: -1px; z-index: 2; display: none; padding-bottom: 5px; } .contact-reason-each { padding: 5px 0; text-indent: 17px; cursor:pointer; } .contact-reason-each:first-child { border-top: 1px solid #111; padding-top: 10px; } .form-each textarea { min-width: 0; height: 100px; margin-bottom: 0px; } .contact-reason-panels-each { display: none; } .contact-form h1 { margin-bottom: 20px; } #content.affiliate.collection-content { margin-bottom: 0; } .global-checkbox{ font-size:11px; /*background:url("icon-checkbox.png") no-repeat top 6px left; background-size:12px; padding-left:18px;*/ padding-top:3px; /*cursor:pointer;*/ text-align:left; } .global-checkbox.with-box{ background:url("icon-checkbox.png") no-repeat top 6px left; background-size:12px; padding-left:18px; cursor:pointer; } .global-checkbox a{ font-weight:700; } .global-checkbox a:hover{ color:#36beb3; } .global-checkbox.has-error{ color:#ff0000; } .global-checkbox.checked{ background-image:url("icon-checkbox-check.png"); } .footer-privacy{ text-align:center; transition:all 0.5s linear; position:fixed; bottom:0; left:0; width:100%; z-index:999999999; background-color:#fff; border-top:1px solid #eaeaea; color:#000; padding-top:20px; padding-bottom:20px; font-size:15px; } .footer-privacy.close{ transform:translateY(100%); } .footer-privacy-close{ height:20px; width:20px; display:block; position:absolute; top:10px; right:10px; background:url("close.png") no-repeat center; background-size:cover; cursor:pointer; } .footer-privacy .container{ max-width:960px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; } .footer-privacy a{ font-weight:700; color:#000; } .footer-privacy p{ margin-bottom:10px; font-size:11px; } @media screen and (min-width: 768px) { .footer-privacy p{ font-size:12px; } } .footer-privacy .link{ font-size:11px; cursor:pointer; border:1px solid #000; padding:5px 30px; text-transform:uppercase; font-weight:400; } .embed-video-div{ position:relative; } .embed-video-div .play{ height:48px; width:48px; background:url("icon-play.png") no-repeat center; background-size:cover; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:5; } @media screen and (min-width: 768px) { .embed-video-div .play{ height:64px; width:64px; } } .homepage-banners-video-div{ position:relative; overflow:hidden; } .homepage-banners-video-div video{ display: block; object-fit: cover; width: 100%; height: 100%; position:absolute; top:0; left:0; } .hotspot-div-image{position:relative;} .hotspot{position:absolute;height:15px;width:15px;background:#fff;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .hotspot:before{content:'';border:1px solid #fff;position:absolute;height:19px;width:19px;border-radius:50%;top:-3px;left:-3px;} .hotspot.active{-webkit-animation: ani-hint 1.5s infinite; animation: ani-hint 1.5s infinite;background:#fff;} .hotspot-div-products {padding-left:20px;padding-right:20px;margin:10px 0 20px 0;} .hotspot-div-products .slick-arrow {background-size:25px;font-size:1px;} .hotspot-div-products .image-div{display:block;float:left;width:40%;} .hotspot-div-products .each-details{display:block;float:left;width:60%;} .hotspot-div-products .each{overflow:auto;display:flex;align-items:center;} @keyframes ani-hint { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7) } 70% { box-shadow: 0 0 0 30px rgba(255, 255, 255, 0) } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) } } @media screen and (min-width: 768px) { .hotspot{height:18px;width:18px;} .hotspot:before{height:22px;width:22px;top:-3px;left:-3px;} .hotspot-div-products .each{overflow:auto;display:block;} .hotspot-div-products .image-div{display:block;float:none;width:100%;} .hotspot-div-products .each-details{display:block;float:none;width:100%;text-align:center;} .hotspot-div-products{float:left;width:25%;margin:0;} .hotspot-div-image{float:left;width:65%;margin-right:5%;} .hotspot-div{overflow:auto;display:flex;align-items:center;} } @media screen and (min-width: 768px) { .hotspot-div-products{float:left;width:20%;margin:0;} .hotspot-div-image{float:left;width:70%;margin-right:5%;} } .product-price-discount{ color:#36beb3; display:block; font-size:13px; margin-top:2px; } .product-price-discount.coll{ color:#000; font-weight:bold; font-size:13px; margin-top:0; } .cart-tag{ display:block; font-size:11px; } .search-bar-list .price{ line-height:1.5; } .sizetable-pan{ overflow-x: hidden; overflow-x: scroll; } #sizetable-table { border-collapse: collapse; } #sizetable-table td { background:#fff; text-align:center; max-width: none; font-size: 12px; } #sizetable-table{ margin-top: 5px; } #sizetable-table td{ border-bottom: 1px solid #ccc; padding: 7px 3px 7px 3px; } #sizetable-table { display: table; } #sizetable-table thead { display: table-header-group; } #sizetable-table tr { border: 0; margin: 0; display: table-row; } #sizetable-table td { display: table-cell; } #sizetable-table tbody { display: table-row-group; } #sizetable-table > tbody > tr > .sizetable-head{ text-align: left; } #sizetable-table td > img { max-width: none; border: 0; } #sizetable-table > tbody > tr > .sizetable-US { font-size: 17px; font-weight: bolder; } @media screen and (min-width: 480px){ .sizetable-pan{ overflow-x: hidden; } #sizetable-table td{ padding: 7px 5px; } } #swym-plugin-name{ padding-top:30px !important; } #swym-hosted-plugin .swym-item-grid .swym-item{ font-family:"Open Sans"; } #swym-hosted-plugin .swym-item-grid .swym-add-to-cart a{ text-transform: uppercase; font-weight:400; font-size:11px; } #swym-hosted-plugin #swym-tabs-nav{ border:0 !important; margin-bottom:20px !important; } #swym-hosted-plugin #swym-tabs-nav li{ display:inline-block; border:0 !important; } #swym-tabs-nav li:nth-child(2), #swym-tabs-nav li:nth-child(4){ display:none !important; } #swym-welcome-open-trigger{ display:none; } #wishlist-page .page-title{ margin-bottom:15px; } #wishlist-page #wishl-controls{ text-align:center; } #wishlist-page #wishl-controls li.wishl-tab{ padding:4px 30px; } #wishlist-page #wishl-controls li.wishl-tab.active{ border-bottom-color:#36beb3; } #wishlist-page .each-row{ display:inline-block; vertical-align:top; text-align:center; width:49%; padding-left:10px; padding-right:10px; margin-bottom:20px; } #wishlist-page #wishl-wrapper{ margin-top:20px; text-align:center; } #wishlist-page h3{ margin-bottom:5px; } #wishlist-page .wishl-login-link{ color:#36beb3; font-weight:700; } #wishlist-page .product-info{ padding-top:0; padding-bottom:10px; } #wishlist-page input[type=submit]{ margin-bottom:10px; } #wishlist-page input#wishl-share-url{ max-width:600px; margin-left:auto; margin-right:auto; } #wishlist-page .wishl-controls-your-lists,#wishlist-page .wishl-controls-new-list{ display:none !important; } @media screen and (min-width: 768px) { #wishlist-page .each-row{ width:24%; margin-bottom:30px; } #swym-hosted-plugin #swym-tabs-nav{ margin-bottom:0 !important; } } .wishl-icon.icon-heart:before{ content:'\e802' !important; } .add-to-wishl{ cursor:pointer; background:transparent; } .add-to-wishl span{ display:none; } .cart-count{ position:absolute; top:0; right:0; height:15px; width:15px; color:#fff; background:#36beb3; border-radius:50%; line-height:15px; text-align:center; font-size:10px; text-indent:0; transform:translateX(50%) translateY(-50%); } #swym-hosted-plugin .swym-title{ padding-right:30px; font-weight:700; text-transform:uppercase; } #swym-hosted-plugin .swym-item-grid .swym-actions li.swym-remove{ background:none !important; } @media screen and (min-width: 768px) { .index-countdown{ margin:0 !important; } #swym-hosted-plugin .swym-item-grid .swym-item{ margin-bottom:20px !important; } } .product-thumbnails{ display:none; } .product-thumbnails .each{ margin-left:5px; margin-right:5px; } .thumbnail-video{ position:relative; } .thumbnail-video:before{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:36px; width:36px; background:url("icon-play-white.png") no-repeat center; background-size:cover; } .jdgm-carousel-wrapper .jdgm-all-reviews-rating-wrapper { pointer-events: none !important; } .jdgm-write-rev-link, .jdgm-widget .jdgm-submit-question, .jdgm-widget .jdgm-submit-rev {   background-color: #36BEB3 !important;   color:#fff!important;   padding:10px!important; } @media screen and (min-width: 600px) {   .jdgm-carousel-title { font-size: 32px !important; font-weight: bold;}   .jdgm-carousel-wrapper, .jdgm-carousel-item__review-rating, .jdgm-carousel-item__review-title,   .jdgm-carousel-item__product-title, .jdgm-carousel-item__reviewer-name {font-size: 18px !important;} } @media screen and (max-width: 600px) {   .jdgm-carousel-title {font-size:38px!important; font-weight: bold;}   .jdgm-carousel-wrapper, .jdgm-carousel-item__review-rating, .jdgm-carousel-item__review-title,   .jdgm-carousel-item__product-title, .jdgm-carousel-item__reviewer-name {font-size:16px!important;} } .jdgm-carousel__left-arrow, .jdgm-carousel__right-arrow { border-width: 1px !important; width:20px!important;height:20px!important;} .jdgm-carousel-item__product-title { margin-top: 10px !important; } .jdgm-shop-reviews__body .jdgm-rev__prod-info-wrapper {   display: none !important } .jdgm-form__rating-fieldset:before { content:'Kindly rate your experience'!important;   display:block!important; }   .jdgm-rev-widg__title, .jdgm-rev-widg__summary, .jdgm-all-reviews__summary {     float: none !important;     width: 100% !important;     text-align: center !important;   }   .jdgm-histogram {     width: fit-content !important;     margin: 16px auto !important;     padding: 4px 16px !important;     float: none !important;     text-align: center !important;     border: none !important;   }     .jdgm-histogram__row { text-align: left !important;} .jdgm-carousel-item__product-title {   transform: translate(0px, -3px); } .jdgm-carousel-wrapper .jdgm-carousel-item__review { height: calc(58% - 2.7em) !important;} .jdgm-carousel-item__product { height: 40% !important;}   .jdgm-widget-actions-wrapper {     width: fit-content !important;     display: block !important;     float: none !important;     margin: 12px auto !important;;     text-align: center !important;   } .jdgm-carousel-item {    padding-bottom: 20px!important; } .product-price-inner.noprice { display: none; } .product-price-inner.noprice + .product-price-discount { margin-top: 5px; } .lookbook-images .embed-video-div svg { display: block !important; z-index: 100; } .lookbook-images .embed-video-div.hide-play-button svg { display: none !important; } .lookbook-images .embed-video-div svg:hover { cursor: pointer; }