/** Shopify CDN: Minification failed Line 509:18 Unexpected "{" Line 769:3 Expected identifier but found whitespace Line 1328:2 Expected identifier but found "*" Line 1600:0 All "@import" rules must come first Line 1601:0 All "@import" rules must come first Line 1652:4 "text-algin" is not a known CSS property **/ .gridlock .row {width: 92%;margin-left: auto;margin-right: auto }.gridlock .row:after {height: 0;clear: both;content: ".";display: block;line-height: 0;visibility: hidden }.RewardLinkDesktop a {color: #d51c5c !important;}.RewardLink a {color: #d51c5c !important }.RewardLink a:hover {color: #fff !important;transition: none }.gridlock .row .row {width: 102.08333333%;margin-left: -1.04166667%;margin-right: -1.04166667% }.gridlock .row .contained .row {width: 100%;margin-left: 0;margin-right: 0 }.gridlock .row [class*=all-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-] {float: left;margin-left: 1.04166667%;margin-right: 1.04166667% }.gridlock .row [class*=all-].padded, .gridlock .row [class*=desktop-].padded, .gridlock .row [class*=max-].padded, .gridlock .row [class*=min-].padded, .gridlock .row [class*=mobile-].padded, .gridlock .row [class*=tablet-].padded {box-sizing: content-box;margin-left: 0;margin-right: 0;padding-left: 1.04166667%;padding-right: 1.04166667% }.gridlock .row [class*=all-].contained, .gridlock .row [class*=desktop-].contained, .gridlock .row [class*=max-].contained, .gridlock .row [class*=min-].contained, .gridlock .row [class*=mobile-].contained, .gridlock .row [class*=tablet-].contained {margin-left: 0;margin-right: 0 }.gridlock .row [class*=all-].right, .gridlock .row [class*=desktop-].right, .gridlock .row [class*=max-].right, .gridlock .row [class*=min-].right, .gridlock .row [class*=mobile-].right, .gridlock .row [class*=tablet-].right {float: right }@media screen and (min-width:500px) {.gridlock .row {width: 480px }}@media screen and (min-width:740px) {.gridlock .row {width: 720px }}@media screen and (min-width:980px) {.gridlock .row {width: 960px }}@media screen and (min-width:1220px) {.gridlock .row {width: 1200px }}.gridlock-fluid .row {width: 98% }@media screen and (max-width:739px) {.gridlock-mobile-fluid .row {width: 98% }}.gridlock .row .all-fifth {width: 17.91666667% }.gridlock .row .all-fourth {width: 22.91666667% }.gridlock .row .all-third {width: 31.25% }.gridlock .row .all-half {width: 47.91666667% }.gridlock .row .all-full {width: 97.91666667% }.gridlock .row .all-push-fifth {margin-left: 21.04166667% }.gridlock .row .all-push-fourth {margin-left: 26.04166667% }.gridlock .row .all-push-third {margin-left: 34.375% }.gridlock .row .all-push-half {margin-left: 51.04166667% }.gridlock .row .contained.all-fifth {width: 20% }.gridlock .row .contained.all-fourth {width: 25% }.gridlock .row .contained.all-third {width: 33.33333333% }.gridlock .row .contained.all-half {width: 50% }.gridlock .row .contained.all-full {width: 100% }.gridlock .row .contained.all-push-fifth {margin-left: 20% }.gridlock .row .contained.all-push-fourth {margin-left: 25% }.gridlock .row .contained.all-push-third {margin-left: 33.33333333% }.gridlock .row .contained.all-push-half {margin-left: 50% }.gridlock .row [class*=all-].centered {float: none;margin-left: auto;margin-right: auto }.gridlock .row .all-hide {display: none }@media screen and (max-width:739px) {.gridlock .row .mobile-1 {width: 31.25% }.gridlock .row .mobile-2 {width: 64.58333333% }.gridlock .row .mobile-3 {width: 97.91666667% }.gridlock .row .mobile-push-1 {margin-left: 34.375% }.gridlock .row .mobile-push-2 {margin-left: 67.70833333% }.gridlock .row .contained.mobile-1 {width: 33.33333333% }.gridlock .row .contained.mobile-2 {width: 66.66666667% }.gridlock .row .contained.mobile-3 {width: 100% }.gridlock .row .contained.mobile-push-1 {margin-left: 33.33333333% }.gridlock .row .contained.mobile-push-2 {margin-left: 66.66666667% }.gridlock .row .mobile-fifth {width: 17.91666667% }.gridlock .row .mobile-fourth {width: 22.91666667% }.gridlock .row .mobile-third {width: 31.25% }.gridlock .row .mobile-half {width: 47.91666667% }.gridlock .row .mobile-full {width: 97.91666667% }.gridlock .row .mobile-push-fifth {margin-left: 21.04166667% }.gridlock .row .mobile-push-fourth {margin-left: 26.04166667% }.gridlock .row .mobile-push-third {margin-left: 34.375% }.gridlock .row .mobile-push-half {margin-left: 51.04166667% }.gridlock .row .contained.mobile-fifth {width: 20% }.gridlock .row .contained.mobile-fourth {width: 25% }.gridlock .row .contained.mobile-third {width: 33.33333333% }.gridlock .row .contained.mobile-half {width: 50% }.gridlock .row .contained.mobile-full {width: 100% }.gridlock .row .contained.mobile-push-fifth {margin-left: 20% }.gridlock .row .contained.mobile-push-fourth {margin-left: 25% }.gridlock .row .contained.mobile-push-third {margin-left: 33.33333333% }.gridlock .row .contained.mobile-push-half {margin-left: 50% }.gridlock .row [class*=mobile-].centered {float: none;margin-left: auto;margin-right: auto }.gridlock .row .mobile-hide {display: none }}@media screen and (max-width:499px) {.section-title.lines h1 {font-size: 17px }#DisableForInfinity {display: none !important }.DesktopHeader {display: none }#hello p {font-size: 13px !important }.MobHeader {display: block !important;line-height: initial }.POPUPmodal {padding-top: 5px !important;margin-bottom: 50px !important }.InfinityCollectionTitleHeight {height: 40px }.InfinityCollectionTitle {zoom: 96%;padding: 0 5px }#ForInfinity {display: block !important }#page h2 {zoom: 85% }.blog .article-info-inner h2, .index .article-info-inner h2 {zoom: 70% !important }.gridlock .row .min-1 {width: 31.25% }.gridlock .row .min-2 {width: 64.58333333% }.gridlock .row .min-3 {width: 97.91666667% }.gridlock .row .min-push-1 {margin-left: 34.375% }.gridlock .row .min-push-2 {margin-left: 67.70833333% }.gridlock .row .contained.min-1 {width: 33.33333333% }.gridlock .row .contained.min-2 {width: 66.66666667% }.gridlock .row .contained.min-3 {width: 100% }.gridlock .row .contained.min-push-1 {margin-left: 33.33333333% }.gridlock .row .contained.min-push-2 {margin-left: 66.66666667% }.gridlock .row .min-fifth {width: 17.91666667% }.gridlock .row .min-fourth {width: 22.91666667% }.gridlock .row .min-third {width: 31.25% }.gridlock .row .min-half {width: 47.91666667% }.gridlock .row .min-full {width: 97.91666667% }.gridlock .row .min-push-fifth {margin-left: 21.04166667% }.gridlock .row .min-push-fourth {margin-left: 26.04166667% }.gridlock .row .min-push-third {margin-left: 34.375% }.gridlock .row .min-push-half {margin-left: 51.04166667% }.gridlock .row .contained.min-fifth {width: 20% }.gridlock .row .contained.min-fourth {width: 25% }.gridlock .row .contained.min-third {width: 33.33333333% }.gridlock .row .contained.min-half {width: 50% }.gridlock .row .contained.min-full {width: 100% }.gridlock .row .contained.min-push-fifth {margin-left: 20% }.gridlock .row .contained.min-push-fourth {margin-left: 25% }.gridlock .row .contained.min-push-third {margin-left: 33.33333333% }.gridlock .row .contained.min-push-half {margin-left: 50% }.gridlock .row [class*=min-].centered {float: none;margin-left: auto;margin-right: auto }.gridlock .row .min-hide {display: none }}@media only screen and (max-width :375px) {.InfinityCollectionTitleHeight {height: 40px }.InfinityCollectionTitle {zoom: 62%;padding: 0 10px;font-size: 13px !important }.article-info-inner h2 {font-size: 22px }}@media screen and (min-width:740px) and (max-width:979px) {ul#main-nav li a {font-size: 14px !important;padding: 0 10px !important }.gridlock .row .tablet-1 {width: 14.58333333% }.gridlock .row .tablet-2 {width: 31.25% }.gridlock .row .tablet-3 {width: 47.91666667% }.gridlock .row .tablet-4 {width: 64.58333333% }.gridlock .row .tablet-5 {width: 81.25% }.gridlock .row .tablet-6 {width: 97.91666667% }.gridlock .row .tablet-push-1 {margin-left: 17.70833333% }.gridlock .row .tablet-push-2 {margin-left: 34.375% }.gridlock .row .tablet-push-3 {margin-left: 51.04166667% }.gridlock .row .tablet-push-4 {margin-left: 67.70833333% }.gridlock .row .tablet-push-5 {margin-left: 84.375% }.gridlock .row .contained.tablet-1 {width: 16.66666667% }.gridlock .row .contained.tablet-2 {width: 33.33333333% }.gridlock .row .contained.tablet-3 {width: 50% }.gridlock .row .contained.tablet-4 {width: 66.66666667% }.gridlock .row .contained.tablet-5 {width: 83.33333333% }.gridlock .row .contained.tablet-6 {width: 100% }.gridlock .row .contained.tablet-push-1 {margin-left: 16.66666667% }.gridlock .row .contained.tablet-push-2 {margin-left: 33.33333333% }.gridlock .row .contained.tablet-push-3 {margin-left: 50% }.gridlock .row .contained.tablet-push-4 {margin-left: 66.66666667% }.gridlock .row .contained.tablet-push-5 {margin-left: 83.33333333% }.gridlock .row .tablet-fifth {width: 17.91666667% }.gridlock .row .tablet-fourth {width: 22.91666667% }.gridlock .row .tablet-third {width: 31.25% }.gridlock .row .tablet-half {width: 47.91666667% }.gridlock .row .tablet-full {width: 97.91666667% }.gridlock .row .tablet-push-fifth {margin-left: 21.04166667% }.gridlock .row .tablet-push-fourth {margin-left: 26.04166667% }.gridlock .row .tablet-push-third {margin-left: 34.375% }.gridlock .row .tablet-push-half {margin-left: 51.04166667% }.gridlock .row .contained.tablet-fifth {width: 20% }.gridlock .row .contained.tablet-fourth {width: 25% }.gridlock .row .contained.tablet-third {width: 33.33333333% }.gridlock .row .contained.tablet-half {width: 50% }.gridlock .row .contained.tablet-full {width: 100% }.gridlock .row .contained.tablet-push-fifth {margin-left: 20% }.gridlock .row .contained.tablet-push-fourth {margin-left: 25% }.gridlock .row .contained.tablet-push-third {margin-left: 33.33333333% }.gridlock .row .contained.tablet-push-half {margin-left: 50% }.gridlock .row [class*=tablet-].centered {float: none;margin-left: auto;margin-right: auto }.gridlock .row .tablet-hide {display: none !important }.tablet-hide {display: none !important }}@media screen and (min-width:980px) {.gridlock .row .desktop-1 {width: 6.25% }.gridlock .row .desktop-2 {width: 14.58333333% }.gridlock .row .desktop-3 {width: 22.91666667% }.gridlock .row .desktop-4 {width: 31.25% }.gridlock .row .desktop-3.thumb a {width: 50%;float: left }.gridlock .row .desktop-5 {width: 39.58333333% }.gridlock .row .desktop-6 {width: 47.91666667% }.gridlock .row .desktop-7 {width: 56.25% }.gridlock .row .desktop-8 {width: 64.58333333% }.gridlock .row .desktop-9 {width: 72.91666667% }.gridlock .row .desktop-10 {width: 81.25% }.gridlock .row .desktop-11 {width: 89.58333333% }.gridlock .row .desktop-12 {width: 97.91666667% }.gridlock .row .desktop-push-1 {margin-left: 9.375% }.gridlock .row .desktop-push-2 {margin-left: 17.70833333% }.gridlock .row .desktop-push-3 {margin-left: 26.04166667% }.gridlock .row .desktop-push-4 {margin-left: 34.375% }.gridlock .row .desktop-push-5 {margin-left: 42.70833333% }.gridlock .row .desktop-push-6 {margin-left: 51.04166667% }.gridlock .row .desktop-push-7 {margin-left: 59.375% }.gridlock .row .desktop-push-8 {margin-left: 67.70833333% }.gridlock .row .desktop-push-9 {margin-left: 76.04166667% }.gridlock .row .desktop-push-10 {margin-left: 84.375% }.gridlock .row .desktop-push-11 {margin-left: 92.70833333% }.gridlock .row .contained.desktop-1 {width: 8.33333333% }.gridlock .row .contained.desktop-2 {width: 16.66666667% }.gridlock .row .contained.desktop-3 {width: 25% }.gridlock .row .contained.desktop-4 {width: 33.33333333% }.gridlock .row .contained.desktop-5 {width: 41.66666667% }.gridlock .row .contained.desktop-6 {width: 50% }.gridlock .row .contained.desktop-7 {width: 58.33333333% }.gridlock .row .contained.desktop-8 {width: 66.66666667% }.gridlock .row .contained.desktop-9 {width: 75% }.gridlock .row .contained.desktop-10 {width: 83.33333333% }.gridlock .row .contained.desktop-11 {width: 91.66666667% }.gridlock .row .contained.desktop-12 {width: 100% }.gridlock .row .contained.desktop-push-1 {margin-left: 8.33333333% }.gridlock .row .contained.desktop-push-2 {margin-left: 16.66666667% }.gridlock .row .contained.desktop-push-3 {margin-left: 25% }.gridlock .row .contained.desktop-push-4 {margin-left: 33.33333333% }.gridlock .row .contained.desktop-push-5 {margin-left: 41.66666667% }.gridlock .row .contained.desktop-push-6 {margin-left: 50% }.gridlock .row .contained.desktop-push-7 {margin-left: 58.33333333% }.gridlock .row .contained.desktop-push-8 {margin-left: 66.66666667% }.gridlock .row .contained.desktop-push-9 {margin-left: 75% }.gridlock .row .contained.desktop-push-10 {margin-left: 83.33333333% }.gridlock .row .contained.desktop-push-11 {margin-left: 91.66666667% }.gridlock .row .desktop-fifth {width: 17.91666667% }.gridlock .row .desktop-fourth {width: 22.91666667% }.gridlock .row .desktop-third {width: 31.25% }.gridlock .row .desktop-half {width: 47.91666667% }.gridlock .row .desktop-full {width: 97.91666667% }.gridlock .row .desktop-push-fifth {margin-left: 21.04166667% }.gridlock .row .desktop-push-fourth {margin-left: 26.04166667% }.gridlock .row .desktop-push-third {margin-left: 34.375% }.gridlock .row .desktop-push-half {margin-left: 51.04166667% }.gridlock .row .contained.desktop-fifth {width: 20% }.gridlock .row .contained.desktop-fourth {width: 25% }.gridlock .row .contained.desktop-third {width: 33.33333333% }.gridlock .row .contained.desktop-half {width: 50% }.gridlock .row .contained.desktop-full {width: 100% }.gridlock .row .contained.desktop-push-fifth {margin-left: 20% }.gridlock .row .contained.desktop-push-fourth {margin-left: 25% }.gridlock .row .contained.desktop-push-third {margin-left: 33.33333333% }.gridlock .row .contained.desktop-push-half {margin-left: 50% }.gridlock .row [class*=desktop-].centered {float: none;margin-left: auto;margin-right: auto }.gridlock .row .desktop-hide {display: none !important }.Sticky-hide {display: none }.desktop-hide {display: none !important }}@media screen and (min-width:1220px) {.gridlock .row .max-1 {width: 6.25% }.gridlock .row .max-2 {width: 14.58333333% }.gridlock .row .max-3 {width: 22.91666667% }.gridlock .row .max-4 {width: 31.25% }.gridlock .row .max-5 {width: 39.58333333% }.gridlock .row .max-6 {width: 47.91666667% }.gridlock .row .max-7 {width: 56.25% }.gridlock .row .max-8 {width: 64.58333333% }.gridlock .row .max-9 {width: 72.91666667% }.gridlock .row .max-10 {width: 81.25% }.gridlock .row .max-11 {width: 89.58333333% }.gridlock .row .max-12 {width: 97.91666667% }.gridlock .row .max-push-1 {margin-left: 9.375% }.gridlock .row .max-push-2 {margin-left: 17.70833333% }.gridlock .row .max-push-3 {margin-left: 26.04166667% }.gridlock .row .max-push-4 {margin-left: 34.375% }.gridlock .row .max-push-5 {margin-left: 42.70833333% }.gridlock .row .max-push-6 {margin-left: 51.04166667% }.gridlock .row .max-push-7 {margin-left: 59.375% }.gridlock .row .max-push-8 {margin-left: 67.70833333% }.gridlock .row .max-push-9 {margin-left: 76.04166667% }.gridlock .row .max-push-10 {margin-left: 84.375% }.gridlock .row .max-push-11 {margin-left: 92.70833333% }.gridlock .row .contained.max-1 {width: 8.33333333% }.gridlock .row .contained.max-2 {width: 16.66666667% }.gridlock .row .contained.max-3 {width: 25% }.gridlock .row .contained.max-4 {width: 33.33333333% }.gridlock .row .contained.max-5 {width: 41.66666667% }.gridlock .row .contained.max-6 {width: 50% }.gridlock .row .contained.max-7 {width: 58.33333333% }.gridlock .row .contained.max-8 {width: 66.66666667% }.gridlock .row .contained.max-9 {width: 75% }.gridlock .row .contained.max-10 {width: 83.33333333% }.gridlock .row .contained.max-11 {width: 91.66666667% }.gridlock .row .contained.max-12 {width: 100% }.gridlock .row .contained.max-push-1 {margin-left: 8.33333333% }.gridlock .row .contained.max-push-2 {margin-left: 16.66666667% }.gridlock .row .contained.max-push-3 {margin-left: 25% }.gridlock .row .contained.max-push-4 {margin-left: 33.33333333% }.gridlock .row .contained.max-push-5 {margin-left: 41.66666667% }.gridlock .row .contained.max-push-6 {margin-left: 50% }.gridlock .row .contained.max-push-7 {margin-left: 58.33333333% }.gridlock .row .contained.max-push-8 {margin-left: 66.66666667% }.gridlock .row .contained.max-push-9 {margin-left: 75% }.gridlock .row .contained.max-push-10 {margin-left: 83.33333333% }.gridlock .row .contained.max-push-11 {margin-left: 91.66666667% }.gridlock .row .max-fifth {width: 17.91666667% }.gridlock .row .max-fourth {width: 22.91666667% }.gridlock .row .max-third {width: 31.25% }.gridlock .row .max-half {width: 47.91666667% }.gridlock .row .max-full {width: 97.91666667% }.gridlock .row .max-push-fifth {margin-left: 21.04166667% }.gridlock .row .max-push-fourth {margin-left: 26.04166667% }.gridlock .row .max-push-third {margin-left: 34.375% }.gridlock .row .max-push-half {margin-left: 51.04166667% }.gridlock .row .contained.max-fifth {width: 20% }.gridlock .row .contained.max-fourth {width: 25% }.gridlock .row .contained.max-third {width: 33.33333333% }.gridlock .row .contained.max-half {width: 50% }.gridlock .row .contained.max-full {width: 100% }.gridlock .row .contained.max-push-fifth {margin-left: 20% }.gridlock .row .contained.max-push-fourth {margin-left: 25% }.gridlock .row .contained.max-push-third {margin-left: 33.33333333% }.gridlock .row .contained.max-push-half {margin-left: 50% }.gridlock .row [class*=max-].centered {float: none;margin-left: auto;margin-right: auto }.gridlock .row .max-hide {display: none }} .text-container img:not([style*="float"]), .rte img:not([style*="float"]) { display: initial; margin: 0; margin-bottom: 0; } .sticky-banner { width: 100%; max-height: 40%; text-align: center; z-index: 100; position: fixed; padding: 20px; bottom: 0px; background: #DFE9EE; color: #000; box-shadow: rgb(149 157 165 / 50%) 0px 0px 10px; } a.sticky-btn { border: 2px solid; padding: 10px; color: #000; font-weight: 800; display: inline-block; margin-top: 10px; } .close-btn { font-size: 12px; text-align: right; font-weight: 900; } p, body { font-family: 'Lato'; line-height: 1.5; font-size: 16px; /*color: #fff;*/ } em { font-style: italic; font-weight: bolder; color: #000; } h1,h2,h3,h4,h5 { letter-spacing: 0px; } h1, h2, h3{ font-family: 'Montserrat', sans-serif; color: #000; } h4, h5, h6 { font-family: 'Lato', sans-serif; color: #000; } h3 { padding: 30px 0 0px 0; font-size: 21px; } .lined-header { position: relative; z-index: 1; overflow: hidden; text-align: center; padding-bottom: 20px; } .lined-header:before, .lined-header:after { content: '⸻'; color: #000; } h4 { color: #000; font-size: 24px; font-weight:800; } h4.sub a { color: #d51c5c !important; } h1:first-child { display:none; } h2 { text-transform: uppercase; font-size: 36px; margin: 0px; padding: 30px 0 15px 0 ; } h3.lined-header { font-family: 'Lato'; font-weight: 800; } h4.sub { font-size: 18px; color: #d51c5c; padding-bottom: 30px; font-family: 'Laty'; } h5 { font-size: 14px; color: #555; text-transform: uppercase; min-height: 50px; padding: 0px; margin-bottom: 10px; font-family: 'Lato'; } span.product-price { font-size: 14px; font-family: 'Lato'; font-weight: 700; } .single-product h5 { min-height: auto; margin-bottom: 0; letter-spacing: 0!important; color: #000; text-transform: none; font-family: Lato; font-weight: 900; font-size: 14px; } .hero-product h5 { min-height: auto; margin-bottom: 0; letter-spacing: 0!important; color: #000; text-transform: none; font-family: Lato; font-weight: 900; font-size: 14px; margin: 0!important; } .fragrance-free { font-size: 12px; margin-bottom: 0px; } h6 { font-family: 'Lato'; font-weight: 800; font-size: 16px; letter-spacing: 0; color: #000; margin: 0; padding: 0; } .padded-section { padding: 30px 0 30px 0; } .subhead { text-transform:uppercase; font-family: 'Lato'; font-weight: 600; } .product-price { color: #000; } .was { text-decoration: line-through; color: #888; font-family: 'Lato'; font-weight: 700; font-size: 14px; } b.onsale { color: #d51c5c; } .sale-banner { display: none; height: 80px; width: 80px; background: #d51c5d; color: white; text-transform: uppercase; border-radius: 50%; position: absolute; padding: 30px 4px 30px 4px; transition: 0.3s; } .sale-banner:hover{ opacity: 70%; } .single-product>.add-to-cart-btn { background-color: #fff; font-family: Lato; text-align: center; border: 1px solid #444; cursor: pointer; border-radius: 5px; color: #444; font-size: 12px; font-weight: 700; height: 36px; padding: 8px; width: 90%; text-decoration: none; transition: .3s; position: absolute; text-transform: uppercase; left: 5%; } .hero-product>.add-to-cart-btn { background-color: #fff; font-family: Lato; text-align: center; border: 1px solid #444; cursor: pointer; border-radius: 5px; color: #444; font-size: 12px; font-weight: 700; height: 36px; padding: 8px; width: 90%; text-decoration: none; transition: .3s; position: absolute; text-transform: uppercase; left: 5%; } .add-to-cart-btn-collection { background-color: #fff; font-family: Lato; text-align: center; border: 1px solid #D51C5C; cursor: pointer; border-radius: 40px; color: #D51C5C; font-size: 12px; font-weight: 700; height: 36px; padding: 8px; width: 90%; text-decoration: none; transition: .3s; position: absolute; text-transform: uppercase; left: 5%; margin:0; } .add-to-cart-btn-collection:hover{ color: #444; background: #ffffff; border: 1px solid #444; } mark { display: inline-block; line-height: 0em; padding-bottom: 0.5em; background-color: #d51c5c; color: #fff; } .row.flex { max-width: 1024px; margin: 5px auto !important; width: 100% !important; padding-bottom: 50px; } #content { width: 100%; margin-top: -50px; margin-bottom: 0px; overflow:hidden; } div#page { width: 100%; margin: 0; background: #fff; } .rte>.gridlock { max-width: 1400px; } .grey-block { background-color:#efefef; line-height: 1.5; margin: 30px 0 60px 0; padding: 30px; } .grey-block img { max-width: 60%; display: block; border: 0; margin: auto; padding: 10px; } .main-product { background: #eee; text-align: left; } .main-product-text { padding: 0 40px; margin: auto; display: inline-block; max-width: 600px; } .main-product img { max-width: 500px; min-height: 100%; display: inline-block; margin-right: 60px; position: initial; text-align: left; left: 0px; margin: auto; } .main-btn { background-color:#d51c5d; display:inline-block; cursor:pointer; color:#ffffff !important; font-size:21px; font-weight:bold; padding:16px 31px; text-decoration:none; transition: 0.3s; font-family: 'Montserrat', sans-serif; text-transform:uppercase; margin: 20px 0 20px 0; } .main-btn:hover { background-color:#555555; color:#ffffff; } .main-btn:active { position:relative; top:1px; } a.hide-btn { display: none; } a.second-btn { background-color: #d51c5d; font-family: 'Lato'; font-weight: 800; text-align: center; display: inline-block; border: none; cursor: pointer; color: #ffffff; font-size: 16px; font-weight: bold; padding: 10px 20px; text-decoration: none; transition: 0.3s; text-transform: uppercase; margin: 0px; } .second-btn:hover { background-color:#aa164a !important; color:#ffffff; } .second-btn:active { position:relative; top:1px; } a.second-btn.signiture-scent-btn { border: 1pxsolid #d51c5c; background: #d51c5c; color: #fff; font-size: 12px; margin: 5px; } a.second-btn.fragrance-free-btn{ border: 1px solid #07527a; background:#fff; color: #000; font-size: 12px; margin: 5px; } form#contact_form { max-width: 600px; margin: auto; } .gridlock.section { text-align: center; margin: auto; } .wavy { height: 80px; width: 80px; background-color: #000; color: #fff; text-transform: uppercase; border-radius: 50%; position: absolute; padding: 30px 4px 30px 4px; transition: 0.3s; } .curly { height: 80px; width: 80px; background-color: #000; color: #fff; text-transform: uppercase; border-radius: 50%; position: absolute; padding: 30px 4px 30px 4px; transition: 0.3s; } .kinky { height: 80px; width: 80px; background-color: #000 ; color: #fff; text-transform: uppercase; border-radius: 50%; position: absolute; padding: 17px 4px 30px 4px; transition: 0.3s; } .curly:hover,.kinky:hover,.wavy:hover{ opacity: 70%; } .single-product, { margin-bottom: 15px; padding-bottom: 15px; height: 370px; background: #fff; border-radius: 5px; position: relative; } .hero-product { border: none; } .single-product.left-align { text-align: left; } .left-align > .ChooseCurlType-dropdown-container { margin-left: 0; } .single-product p { color: #444; font-size: 14px; margin-top:0; } .hero-product p { color: #444; font-size: 16px; } .hero-product h5 { font-size: 21px; } .single-product img { max-height: 250px; padding: 10px; margin: 0 auto 10px 0!important; } .code-banner { font-size: 12px; color: #d51c5c; border: 1px solid; max-width: 70%; margin: 10px auto; } .value-badge { border-radius: 2px; color: #000; font-family: Lato; font-weight:800; text-transform: uppercase; background-color: #efefef; padding: 5px 5px; margin: 5px; font-size: 12px; text-align: right; text-decoration: none; display: flex; right:0; z-index: 1; position: absolute; } .yotpo.bottomLine { font-size: 12px; } .yotpo-icon.yotpo-icon-star.rating-star.pull-left { font-size: 12px; color: #000 !important; } .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star{ font-size: 12px; color: #000 !important; } .yotpo .text-m { font-size: 12px; color: #000 !important; } span.yotpo-stars { margin-top: 2px; color: #000; } .single-main { margin-bottom: 15px; padding: 20px 0px; background: #fff; border-radius: 5px; } .single-main h2{ color: #000; } .single-main p { color: #444; } .single-main-mobile { display:none; } .single-main-img { background: url('https://cdn.shopify.com/s/files/1/1570/4325/t/56/assets/LoveUrCurls_Collection_vippage.png?v=1636397685') no-repeat; text-align: center; background-position: center; background-position-x: center; background-position-y: center; background-size: contain; } .collection-main-img { text-align: center; background-position: center; background-position-x: center; background-position-y: center; height: 450px; background-size: contain; } .single-main-text{ padding-top: 10%; text-align: center; } .allproduct-header { margin: auto; padding-top: 30px; text-align: center; } .allproduct-header h3 { color: #000; } .collection-header { background-position: bottom; background-size: cover; background-repeat: no-repeat; max-width: 1440px; margin: auto; } .collection-header h3 { color: #000; } .product-section { max-width: 1200px; padding: 30px 10px 30px 10xp; margin: auto; text-align: center; } .bottom-banner { margin-top: 100px; text-align: center; background-color: #efefef; min-height: 400px; padding: 50px; margin-bottom: -60px; } section.bottom-banner>img { max-width: 700px; } .desktop-2.gift { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media screen and (min-width:1081px ){ .single-main-text { padding-top: 10%; } .single-main { padding: 50px 0; } } @media screen and (max-width:1080px ){ .single-main-text { padding-top: 10%; } } @media screen and (max-width:979px ){ .product-section { text-align: center; margin: auto; } } @media screen and (max-width: 739px){ .single-product { padding: 0px; } a.second-btn { } .single-main-text { padding-top: 90px; } .lined-header:before, .lined-header:after { content: '—'; color: #000; } } @media screen and (max-width: 500px) { .single-main { padding: 20px 0; } . { height: auto; min-height: 320px; } .single-product img { max-height: 200px; padding: 0px; } .allproduct-header { padding-top: 50px; } .lined-header { font-size: 18px; } } @media screen and (min-width: 740px) and (max-width:959px ){ .padded-section { padding: 0px; } .single-product { height: 360px; } } @media screen and (min-width: 360px) and (max-width: 500px){ .single-main { margin: 30px 0; } } @media screen and (min-width: 360px) and (max-width: 739px){ .main-btn { font-size: 14px; } .bottom-banner { padding: 20px; margin-top: 20px; display: inline-block; } header>.row { /*padding: 15px;*/ } h5 { font-size: 12px; min-height: 50px; } h2 { font-size: 24px; } h3 { font-size: 28px; padding: 0px 0 0px 0; } a.second-btn { font-size: 11px; } .wavy,.curly { margin-left: 0px; height: 50px; width: 50px; border-radius: 50%; padding: 18px 0 0px 0; font-size: 11px; } .kinky { margin-left: 0px; height: 50px; width: 50px; border-radius: 50%; padding: 11px 0 0px 0; font-size: 11px; } .single-product>.add-to-cart-btn { padding: 5px; } } @media screen and (min-width: 360px){ } @media screen and (max-width: 359px){ .main-btn { font-size: 14px; } .bottom-banner { padding: 20px; margin-top: 20px; display: inline-block; } header>.row { padding: 15px; } h5 { font-size: 12px; color: #000; text-transform: uppercase; min-height: 50px; padding: 0px; margin: 0px; } h6 { font-size: 12px; } h2 { font-size: 24px; } h3 { font-size: 21px; padding: 0px 0 0px 0; } a.second-btn { font-size: 11px; margin: 0px; } b { font-size: 12px; } .bow { width: 70px; } .wavy,.curly { height: 50px; width: 50px; border-radius: 50%; padding: 18px 0 0px 0; font-size: 11px; } .kinky { height: 50px; width: 50px; border-radius: 50%; padding: 11px 0 0px 0; font-size: 11px; } } @media screen and (max-width: 269px){ .single-product { width: 98% !important; } } .PriceBlock{ max-height: 60px; /* padding: 10px; */ height: 60px; } .visuallyhidden{position:absolute;clip:rect(1px,1px,1px,1px)} .button-tooltip-container { display: flex; align-items: center; margin-top: 16px; min-height: 30px; } #custom-tooltip-top { display: none; margin-left: auto; padding: 5px 12px; background-color: #d61c5d; border-radius: 4px; color: #fff; } #custom-tooltip-bottom { display: none; margin-left: auto; padding: 5px 12px; background-color: #d61c5d; border-radius: 4px; color: #fff; } /* astanley86 from upwork.com * */ @media screen and (min-width: 500px) { .two-video { width: 100%; height: 260px; } } @media screen and (min-width: 740px) { .two-video { display:block; width: 400px; height: 220px; } } @media screen and (min-width: 980px) { .two-video { width: 340px; height: 187px; } #sidebar iframe { width: 100%; height: 123px; } } @media screen and (min-width: 1220px) { .two-video { width: 420px; height: 233px; } #sidebar iframe { width: 100%; height: 156px; } } .two-video { display:inline-block; } .two-video + .two-video { padding-left:5px; } .two-video iframe { width: 100%; height: 100%; } .kitProduct { float: none !important; margin: 0 auto 10px auto !important; width: 98% !important; /*border: 7px solid #CA1A58 !important;*/ } .kitProduct > .prod-image { height: 100% !important; } #product-loop .product-index .product-info { min-height: 116px; } /* * Selecter v3.2.4 - 2015-01-07 * A jQuery plugin for replacing default select elements. Part of the Formstone Library. * http://formstone.it/selecter/ * * Copyright 2015 Ben Plum; MIT Licensed */ .selecter { position: relative; display: block; margin: 10px 0; z-index: 1; text-align: center; } .selecter:focus { box-shadow: none; outline: none; } .selecter, .selecter * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .selecter, .selecter *, .selecter *:before, .selecter *:after { box-sizing: border-box; } .selecter-element { width: 100%; height: 100%; position: absolute; left: 0; opacity: 0; z-index: -1; } .selecter-element, .selecter-element:focus { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } .no-opacity .selecter-element { left: -999999px; } .selecter-selected { position: relative; background: #ffffff; border: 2px solid #f0f0f0; color: #222222; cursor: pointer; display: block; font-size: 13px; font-weight: 600; margin: 0; overflow: hidden; padding: 10px 15px; text-overflow: clip; z-index: 2; } .selecter-selected:after { height: 0; width: 0; position: absolute; top: -15px; right: 20px; bottom: 0; content: '\f107'; display: block; margin: auto 0; font-family: fontAwesome; font-size: 16px; } .no-touch .selecter-selected:hover { color: #333333; } .no-touch .selecter.disabled .selecter-selected:hover { color: #cccccc; } .selecter-options { width: 100%; max-height: 260px; position: absolute; top: 100%; left: 0; border: 1px solid #d4d4d4; border-top: 0; background-color: #ffffff; display: none; margin: 0; overflow: auto; overflow-x: hidden; padding: 0; z-index: 50; } .selecter-options.scroller { position: absolute; } .no-opacity .selecter-options { width: auto; } .selecter-group { border-bottom: 1px solid #eee; color: #999999; display: block; font-size: 11px; padding: 10px 15px; text-transform: uppercase; } .selecter-item { width: 100%; background: #ffffff; color: #222222; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 10px 15px; text-decoration: none; text-overflow: ellipsis; } .selecter-item.placeholder { display: none; } .selecter-item.selected { background: #fcfcfc; } .selecter-item.disabled { color: #999999; cursor: default; } .selecter-item:first-child { border-radius: 0; } .selecter-item:last-child { border-bottom: 0; border-radius: 0 0 2px 2px; } .no-touch .selecter-item:hover, .no-touch .selecter-item.selected:hover { color: #333333; background-color: #fcfcfc; } .selecter-item.disabled, .no-touch .selecter-item.disabled:hover { color: #cccccc; background-color: #ffffff; } .selecter.open { z-index: 3; } .selecter.open .selecter-selected { z-index: 51; border-radius: 3px 3px 0 0; } .selecter.open .selecter-selected, .selecter.focus .selecter-selected { background-color: #ffffff; box-shadow: 0; } .selecter.cover .selecter-options { border-width: 1px; top: 0; border-radius: 3px; } .selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; } .selecter.cover.open .selecter-selected { z-index: 49; border-radius: 3px 3px 0 0; } .selecter.bottom .selecter-options { top: auto; bottom: 100%; border-width: 1px 1px 0; } .selecter.bottom .selecter-item:last-child { border: none; } .selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; } .selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; } .selecter.bottom .cover .selecter-options { top: auto; bottom: 0; } .selecter.bottom .cover.open .selecter-selected { border-radius: 3px; } .selecter.bottom .cover.open .selecter-options { border-radius: 3px; } .selecter.multiple .selecter-options { width: 100%; position: static; border-width: 1px; display: block; border-radius: 3px; box-shadow: none; } .selecter.disabled .selecter-selected { background: #ffffff; border-color: #cccccc; color: #cccccc; cursor: default; } .selecter.disabled .selecter-options { background: #ffffff; border-color: #cccccc; } .selecter.disabled .selecter-group, .selecter.disabled .selecter-item { border-color: #cccccc; color: #cccccc; cursor: default; } .selecter.disabled .selecter-item.selected, .no-touch .selecter.disabled .selecter-item.selected:hover { background: #fafafa; } .selecter.disabled .selecter-item, .no-touch .selecter.disabled .selecter-item:hover { color: #cccccc; background-color: #ffffff; } .selecter-options.scroller { overflow: hidden; } .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; } @media screen and (max-width: 740px) { .selecter { max-width: 40%; } } @media screen and (max-width: 500px) { .selecter { max-width: 100%; } } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ .bx-wrapper { position: relative; padding: 0; *zoom: 1; } .bx-wrapper img { display: block; } .bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); margin-top: 30px; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 50%; margin-left: -16px; background: transparent; top: -42px; } a.bx-prev:after { font-family: FontAwesome; font-size: 22px; color: #000000; content: "\f106"; position: absolute; top: 0; left: 0; height: 32px; width: 32px; text-align: center; line-height: 32px; } .bx-wrapper .bx-next { left: 50%; background: transparent; margin-left: -16px; bottom: -42px; } a.bx-next:after { font-family: FontAwesome; font-size: 22px; color: #000000; content: "\f107"; position: absolute; top: 0; left: 0; height: 32px; width: 32px; text-align: center; line-height: 32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; outline: 0; width: 32px; height: 32px; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } #mobile-product .bx-controls.bx-has-controls-direction { display: none; } @media screen and (min-width: 1220px){ #pop-two .row{ width: 960px; } } #breadcrumb{display:none;} .flexslider2 .flex-direction-nav { display: block!important; } [class *= 'product.shampoo-conditioner-litre-set'] #content,[class *= 'product.backup-set-bundle'] #content,[class *= 'product.xxl-3step-system-bundle'] #content{ margin-top: 0; width: 100%;} .ChooseCurlType-dropdown{ display: none; list-style: none !important; position: absolute; right: 0; left:0; top: 37px; text-align: left; background: #f9f9f9 !important; border-radius: 3px; z-index: 10; border: solid 1px #e3e3e3; padding: 4px; min-width: 177px; margin-top: 0px !important; margin-left: 0px !important; } .ChooseCurlType-dropdown li{ display: block; padding: 7px 9px 9px 12px; object-fit: contain; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; height: 34px; list-style: none outside none !important; } .ChooseCurlType-dropdown li:hover{background-color: rgba(0,0,0,0.07) !important;} .ChooseCurlType-dropdown-container{ margin:0 5%; position: relative; } .ChooseCurlType-dropdown-btn { background-color: #fff; font-family: Lato; text-align: center; border: 1px solid #D51C5C; cursor: pointer; border-radius: 40px; color: #D51C5C!important; font-size: 12px; font-weight: 700; height: 36px; padding: 8px; display: block; text-decoration: none; transition: .3s; text-transform: uppercase; } .ChooseCurlType-dropdown-btn:hover{ color: #444!important; background: #fff; border: 1px solid #444; } .ChooseCurlType-dropdown-btn i {font-weight: 600; font-size: 15px; margin: 0 5px;} .ChooseCurlType-dropdown-container .upside-ucd-cart-form .add-to-cart-btn-collection{ width:100%; position:static!important; margin: 0!important; } .ChooseCurlType-dropdown-container .upside-ucd-cart-form{ /* margin-top:10px; */ height:0; overflow:hidden; } .add-to-cart-btn-collection,.single-product>.add-to-cart-btn{ position: static!important; display: block;margin:0 5%!important;} .single-product{ min-height: 353px; height: auto!important; } .single-product img { max-height: 233px!important; padding: 10px; } @media screen and (max-width: 600px){ .PriceBlock{ max-height: max-content!important; height: auto!important; margin-bottom: 10px; } .single-product img { max-height: 200px!important; padding: 0px!important; } } .shg-product-sold-out{ color: #d51c5c !important; } .PriceBlock .compare_at_price,#product-price .compare_at_price{background: #d51c5c; color:#fff;padding: 1px 5px 2px 5px; text-decoration: none;font-size:12px} .PriceBlock .compare_at_price:after,#product-price .compare_at_price:after{content:'VALUE!'; font-size:11px} .PriceBlock .compare_at_price .money,#product-price .compare_at_price .money{margin-right:3px} .PriceBlock ,#product-price {margin-bottom:5px} .ChooseCurlType-dropdown-container{margin-top:5px} .rte a:not(.button){text-decoration:none;} @import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap'); .mm-banner { width: 100%; margin: auto; display: inline-block; background-color: #d51c5c; text-align: center; padding: 60px 0 20px 0; color: #fff; } .desktop-4 .sale-banner { background: #d51c5d; display: block; color: #fff; height: auto; width: auto; opacity: 90%; font-size: 12px; text-transform: uppercase; border-radius: 0px !important; position: absolute; margin: 0px; padding: 5px; transition: .3s; } .sale-price { color: #444; } .single-product { border: none; } .desktop-4 img { max-height: 100% !important; width: 100%; padding: 0px; } .row.section-head { margin: 0px auto !important; display: flex; padding: 50px 10px; align-content: center; text-algin: left; max-width: 1024px; } .section-head p { font-size: 14px; color: #444; max-width: 360px; margin: auto; } .row .section-title { margin: auto; max-width: 400px; padding: 20px; } .align-center { display: flex; align-items: center; text-align: left; } .single-product { text-align: center; min-height: 600px; } .sezzle-shopify-info-button{ display:none !important; } .single-main-img { background:url('https://cdn.shopify.com/s/files/1/1570/4325/t/56/assets/LoveUrCurls_Collection.png?v=1635177585') no-repeat;text-align: center; background-position: center; background-position-x: center; background-position-y: center; height: 450px; background-size: contain; } @media screen and (min-width: 740px) and (max-width: 959px) .single-product { min-height: 580px; } @media screen and (min-width: 501px) and (max-width: 739px) { .single-product { min-height: 650px; } } @media screen and (max-width: 500px){ .row.section-head { display: block; text-align: center; } .single-product { min-height: 450px; } .align-center { display: block; text-align: center; } .mobile-hide { display: none!important; } } @media screen and (max-width: 739px){ .mobile-hide { display: none!important; } } .main-3step-system{ display: flex; justify-content: space-around; margin:60px auto; } .main-3step-system img{height: 519px;} .mobile-only{display: none;} @media screen and (max-width: 600px){ .main-3step-system{ flex-direction: column; margin:30px auto; } .main-3step-system img{display: none!important;} .main-3step-system a{display:block; margin:20px auto;} .mobile-only,.mobile-only img{display: block!important; height:auto} } .desktop-3.single-product{min-height: 400px;} .desktop-3.single-product img {max-height: 300px!important;} .desktop-3.single-product .product-item__image-wrapper{margin-bottom:0} .curlQuizBnr {position: relative; margin-bottom: 60px;overflow: hidden;} .curlQuizBnr .button-wrapper{position: absolute; bottom: 85px; left: 90px; } @media screen and (max-width: 1025px){.curlQuizBnr .button-wrapper{bottom: 60px; left: 70px;}} @media screen and (max-width: 780px){.curlQuizBnr .button-wrapper{bottom: 30px; left: 54px;}} @media screen and (max-width: 480px){.curlQuizBnr .button-wrapper{bottom: 30px; left: 50px;}} @media screen and (max-width: 480px){.curlQuizBnr .button-wrapper{bottom: 30px; left: 30px;}} a.wait-list{ /* background-image: linear-gradient(178deg, #000, #000 10%, #00000012 10% 100%), linear-gradient(#000, #000)!important; font-size: 11px!important; color: #fff!important; border-color: #000!important; */ color: #D51C5C!important; font-size: 11px!important; }