/** Shopify CDN: Minification failed Line 346:101 Expected ":" Line 849:77 Expected identifier but found "*" Line 1162:41 Expected ":" Line 1162:42 Expected identifier but found "50%" **/ @import 'reset.css'; @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap'); body { font-family: 'Lato', sans-serif; } /*.clearfix { overflow: auto; }*/ a { color: #000; text-decoration: none; } .rte a:not(.btn) { color: #917232; border-bottom: none; display: initial; } ol li { list-style:lower-alpha; margin-left:60px; } input::-webkit-input-placeholder { line-height:normal!important; } /* .bv-inline-rating {padding: 10px 0px !important;} */ .product-form{padding-top:0px;} /* Global Styles */ .price dd{ margin:0px; } #shopify-section-header,#shopify-section-footer,#shopify-section-collection-template, #shopify-section-product-metafields-attributes,#shopify-section-product-type-template, #shopify-section-subpage-body,#shopify-section-login-page-banner, #shopify-section-register-page-banner, .sub-page{ padding-bottom: 0px; } .blue-section:last-child,.gold-section:last-child{ padding-bottom: 0px; } .shopify-section { padding: 0px; padding-bottom: 80px; } #shopify-section-product-metafields-attributes section, #shopify-section-subpage-body section, .sub-page section{ margin: 0px; margin-bottom: 80px; } .slick-dotted.slick-slider{ margin-bottom:0px; } /* end */ p{font-family:'Lato',sans-serif;font-size:18px;font-weight:300;line-height:1.4;letter-spacing:normal;color:#000000; margin-top: 10px; } .text-link{ font-size:18px; } .clearfix::after { content: ""; clear: both; display: table; } .roc-signup-section input[type="email"]::placeholder{ line-height: normal; } .roc-signup-section input[type="email"]::-webkit-input-placeholder, .roc-signup-section input[type="password"]::-webkit-input-placeholder, .roc-signup-section input[type="text"]::-webkit-input-placeholder, .roc-signup-section textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; } .roc-signup-section input[type="email"]::-moz-placeholder, .roc-signup-section input[type="password"]::-moz-placeholder, .roc-signup-section input[type="text"]::-moz-placeholder, .roc-signup-section textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; } .roc-signup-section input[type="email"]:-ms-input-placeholder, .roc-signup-section input[type="password"]:-ms-input-placeholder, .roc-signup-section input[type="text"]:-ms-input-placeholder, .roc-signup-section textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; } .roc-signup-section input[type="email"]:-moz-placeholder, .roc-signup-section input[type="password"]:-moz-placeholder, .roc-signup-section input[type="text"]:-moz-placeholder, .roc-signup-section textarea:-moz-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; } input[type="checkbox"], input[type="radio"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select { border: solid 1px #000000; min-height: 46px; } input[type="checkbox"]::-webkit-input-placeholder, input[type="radio"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; line-height: 1; } input[type="checkbox"]::-moz-placeholder, input[type="radio"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; line-height: 1; } input[type="checkbox"]:-ms-input-placeholder, input[type="radio"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; line-height: 1; } input[type="checkbox"]:-moz-placeholder, input[type="radio"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="number"]:-moz-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-family: 'Lato', sans-serif !important; font-size: 16.5px !important; line-height: 1; } .container { max-width: 1300px; margin: 0 auto; padding: 0 15px; } .roc-btn { text-decoration: none; display: inline-block; text-align: center; font-size: 16px; line-height: 1.4; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; min-width: 160px; padding: 10px 16px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; border: 3px solid #001f44; margin-top:20px; letter-spacing:2px;} .roc-btn-white { background-color: #ffffff; color: #001f44; } .roc-btn-white:hover, .roc-btn-white:focus { background-color: #001f44; color: #ffffff !important; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; outline: none !important; } .roc-btn-black { background-color: #001f44; color: #ffffff; } .roc-btn-black:hover, .roc-btn-black:focus { background-color: transparent; color: #001f44; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; outline: none !important; } .roc-btn-text { background-color: transparent; border: none; color: #001f44; font-size: 18px; font-weight: 700; min-width: 0; text-transform: none; padding-right: 20px; letter-spacing: normal; position: relative; } .roc-btn-text::after { content: '▲'; position: absolute; display: block; font-size: 10px; right: 0; top: 15px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .roc-btn-text:hover, .roc-btn-text:focus { color: #001f44; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; outline: none !important; } .skip-nav { position: absolute; height: 0; width: 0; top: -9999em; left: -9999em; margin: 0; padding: 0; } /*-------------------slider-start---------------*/ .slick-slide .mobile-img, .mobile-img { display: none; } .slick-slide .tablet-img, .tablet-img { display: none; } .roc-home-slider { margin-bottom: 0px; } .roc-home-slider .homeslider .slide .slide-wrapper { display: block; width: 100%; color: inherit; text-decoration: none; -webkit-transition: none; transition: none; } .roc-home-slider .homeslider .slide .slide-wrapper .roc-btn { border: 3px solid #000; min-width: 180px; margin-top: 18px; font-size: 22px; padding: 12px 30px; margin-top: 18px; } .roc-home-slider .homeslider .slide .slide-wrapper:hover .roc-btn, .roc-home-slider .homeslider .slide .slide-wrapper:focus .roc-btn { background-color: #000; color: #fff; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; outline: none !important; } .roc-home-slider .homeslider .slide .slider-img { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; background: #000; position: relative; max-height: 700px; } .roc-home-slider .homeslider .slide .slider-img .left-img { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; padding-bottom:0px !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .roc-home-slider .homeslider .slide .slider-img .right-img { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .roc-home-slider .homeslider .slide .slider-img .right-img .right-img-inner { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .roc-home-slider .homeslider .slide .slider-img .right-img img { width: 100%; } .roc-home-slider .homeslider .slide .slider-img h2 { font-size: 42px; color: #ffffff; line-height: 1.1; width: 100%; text-align: center; padding: 0 15px; font-weight: 300; font-family: 'Lato', sans-serif; text-transform: uppercase; margin:0; } .roc-home-slider .homeslider .slide .slider-content { padding: 20px; text-align: center; min-height: 108px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .roc-home-slider .homeslider .slide .slider-content p { font-size: 28px; line-height: 1.28; color: #000000; font-weight: 500; font-family: 'Lato', sans-serif; width: 100%; max-width: 820px; margin: 0 auto; text-transform: uppercase; text-transform: uppercase; } .slick-dots { bottom: 0px; position: relative; } .slick-dots li { width: auto; height: auto; margin: 0 4px; padding-top: 30px;} .slick-dots li button { background-color: #fff; border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border: 2px solid #acacac; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; width: 16px; height: 16px; margin: 0; padding: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .slick-dots li button:hover { border: 3px solid #acacac; } .slick-dots li.slick-active button { background-color: #000; border-color: #000; } .slick-dots li button:before { display: none; } .slick-dots > li:only-child { display: none; } .slick-slide img { margin-top: auto; width: 30em;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{ width:15px; position:absolute; top: calc(50% - 8px); } .owl-carousel .owl-nav .owl-prev{ left:-25px; } .owl-carousel .owl-nav .owl-next{ right:-25px; } .owl-carousel .owl-nav .owl-prev.disabled{ opacity:0.3 } .owl-carousel .owl-nav .owl-next.disabled{ opacity:0.3 } /*-------------------slider-end---------------*/ .container { width: 100%; margin: 0 auto; padding-left: 50px; padding-right: 50px; } .heading-title { font-size: 30px; line-height: 40px; font-family: 'Lato', sans-serif; font-weight: 700; color: #000; text-transform: uppercase; letter-spacing: 3px; text-align: center; } h2,.inner-title { font-size: 30px; line-height: 40px; font-family: 'Lato', sans-serif; font-weight: 700; color: #000; text-transform: uppercase; letter-spacing: 3px; text-align: center; margin-bottom: 30px; } .has-sub-text{ margin-bottom: 10px;} /*-------------------award-winner-start---------------*/ .award-winner-product { margin-bottom: 104px; } .award-winner-product .container { max-width: 1306px; } .award-winner-product .product-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .award-winner-product .product-wrapper .product-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 35px 0px 15px; width: 34.5%; } .award-winner-product .product-wrapper .product-desc h2 { margin-bottom: 41px; line-height: 46px; } .award-winner-product .product-wrapper .product-desc p { font-size: 22px; line-height: 32px; color: #000; text-align: center; margin-bottom: 33px; font-family: 'Lato', sans-serif; font-weight: 300; } .award-winner-product .product-wrapper .product-desc h2 span { display: block; } .award-winner-product .product-wrapper .product-img { width: 65.5%; } /*-------------------award-winner-start---------------*/ /*---------regimen-solution-start-------*/ .regimen-solution .regimen-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .regimen-solution .regimen-product .product { width: 48%; text-align: center; position: relative; color: inherit; text-decoration: none; } .regimen-solution .regimen-product .product:hover .product-desc .roc-btn, .regimen-solution .regimen-product .product:focus .product-desc .roc-btn { background-color: #ffffff; color: #000000; } .regimen-solution .regimen-product .product .product-desc{ margin-top: 20px; } .regimen-solution .regimen-product .product .product-desc { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; } .regimen-solution .regimen-product .product h3 { font-size: 28px; line-height: 36px; letter-spacing: 3px; font-weight: 700; text-transform: uppercase; } h4.small-title { font-size: 20px; margin-top: 10px; line-height: 25px; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; } .regimen-solution .product .roc-btn { align-self: center; margin-top: auto;} .regimen-solution .product p {margin-bottom:10px;} /*---------regimen-solution-start-------*/ /*---------customer-fav-product-start-------*/ /* .daily-moisturizers.customer-fav-product { padding-top:30px; } */ /* .daily-moisturizers.customer-fav-product .container { max-width: 1342px; } */ /* .daily-moisturizers.customer-fav-product .section-title h2 { margin-bottom: 16px; line-height: 46px;} */ /* .daily-moisturizers.customer-fav-product .inner-product-wrapper { margin-top: 30px; } */ .daily-moisturizers.customer-fav-product:before { min-height: 410px; } .daily-moisturizers.customer-fav-product .inner-product-wrapper .inner-product-block { margin-bottom: 0; } /*---------customer-fav-product-start-------*/ /*------------retinol-desc-start------------*/ /* .retinol-desc { margin: 40px 0 40px 0; } */ /* .retinol-desc .container { max-width: 1450px; } */ .retinol-desc .retinol-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .retinol-desc .retinol-wrapper .img-wrapper img { width: 100%; } .retinol-desc .retinol-wrapper .desc-wrapper { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .retinol-desc .retinol-wrapper .desc-wrapper h3 { font-size: 29px; line-height: 46px; text-align: center; font-weight: 700; color: #000; margin-bottom: 30px; } .retinol-desc .retinol-wrapper .desc-wrapper .content-wrapper { text-align: center; } /* .retinol-desc .content-wrapper .roc-btn { padding: 10px 40px; } */ /*------------retinol-desc-end------------*/ /* .category-listing .container { max-width: 1340px; margin: 0 auto; } */ .star-ratings { position: relative; margin: 12px auto 0; } .star-ratings .fill-ratings { padding: 0; position: absolute; z-index: 1; display: block; top: 0; left: 0; overflow: hidden; } .star-ratings .fill-ratings span { display: inline-block; } .star-ratings .empty-ratings { padding: 0; display: block; z-index: 0; } .big-star { width: 163px; } .big-star .fill-ratings span img, .big-star .empty-ratings span img { width: 163px; max-width: none; } .inner-banner { position: relative; display: block; padding-bottom: 20px; } .inner-banner .inner-banner-left, .inner-banner .inner-banner-right { padding-bottom: 38.8%; display: inline-block; background-repeat: no-repeat; background-size: cover; background-position: center; } .inner-banner .inner-banner-left { width: 55%; float: left; } .inner-banner .inner-banner-right { width: 45%; } .inner-banner .inner-banner-left img, .inner-banner .inner-banner-right img { width: 100%; } .inner-banner .inner-banner-title { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #001F44; padding: 20px 18px; width: max-content; max-width: 350px; min-width:200px; text-align: center; } .inner-banner .inner-banner-title h1,.sub-page .sub-page-banner .banner-content .black-box span { color: #ffffff; font-family: 'Lato', sans-serif; font-size: 26px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; line-height: normal; } .innovative-approach { background-color: #fff; } .big-text { font-size: 24px; font-weight: 300; line-height: 1.4; text-align: center; max-width: 720px; margin: 0 auto; } .section-title { text-align: center; } .additional-padding{ padding:30px 0px; } .blue-section { position: relative; padding: 30px 0 80px; } .blue-section:before { background-color: #e0e8f1; content: ""; min-height: 470px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; } .gold-section { position: relative; padding: 30px 0 80px; } .gold-section:before { background-color: #f4edd5; content: ""; min-height: 470px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; } .daily-moisturizers { position: relative; padding-top:30px;} .daily-moisturizers:before { background-color: #e0e8f1; content: ""; min-height: 470px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; } /*.deep-wrinkle { position: relative; padding: 56px 0 64px; } .deep-wrinkle:before { background-color: #b2bfcf; content: ""; min-height: 470px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; } .night-cream { position: relative; padding: 45px 0 85px; } .night-cream:before { background-color: #f4edd5; content: ""; min-height: 505px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; } .night-cream .section-title h2 { margin-bottom: 19px; } .eye-cream { position: relative; padding: 56px 0 101px; } .eye-cream:before { background-color: #f4edd5; content: ""; min-height: 510px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; } .cleanser-exfoliator { position: relative; padding: 57px 0; } .cleanser-exfoliator:before { background-color: #b2bfcf; content: ""; min-height: 395px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; } .cleanser-exfoliator .section-title p { max-width: 1030px; } .cleanser-exfoliator .inner-product-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 80px; } .cleanser-exfoliator .inner-product-wrapper .inner-product-block .img-box { padding-bottom: 20px; } */ .inner-product-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; padding-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .awards-block .inner-product-wrapper {padding-top: 0px;} .inner-product-wrapper .inner-product-block { /* -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; */ width:33%; margin-bottom: 50px; position: relative; text-align: center; text-decoration: none; color: inherit; } .inner-product-wrapper .inner-product-block:hover .inner-product-title, .inner-product-wrapper .inner-product-block:focus .inner-product-title { color: #d0b768; } .inner-product-wrapper .inner-product-block .img-box { padding-bottom: 20px; display: block; } .inner-product-wrapper .inner-product-block .img-box .award-winner { position: absolute; height: 98px; right: 97px; top: 2px; } .inner-product-wrapper .inner-product-block h4 { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } /* .inner-product-wrapper .inner-product-block .content-box { min-height: 130px; } */ .inner-product-wrapper .inner-product-block .content-box img { margin: 0 auto; } .inner-product-wrapper .inner-product-block .inner-product-title a { color: inherit; text-decoration: none; } .inner-product-wrapper .inner-product-block .inner-product-title a:hover, .inner-product-wrapper .inner-product-block .inner-product-title a:focus { color: #d0b768; } .inner-product-wrapper .inner-product-block .product-category { text-transform: uppercase; display: block; color: #000000; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 700; line-height: 1.1; margin: 0; } .inner-product-wrapper .inner-product-block span { font-size: 20px; font-weight: 400; text-transform: uppercase; font-family: 'Lato', sans-serif; line-height: 1.1; display: block; height: initial !important; } .inner-product-wrapper .inner-product-block .star-rating { margin-top: 15px; } .price{margin: 10px 0px;} .price-quiz{margin: 100px 0px 0px;} .awards-block .inner-product-wrapper .inner-product-block { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} /* about us page */ .about-us.our-formulas .about-formulas .container { max-width: 1244px; } .retinol.about-us .our-formulas-banner .banner-content .black-box { padding: 23px 40px; } .key-sign-left-inner { text-align: center;} .retinol.about-us .key-signs .key-signs-wrapper .key-sign-left .key-sign-left-inner { text-align: center; padding: 0; } .retinol.about-us .key-signs .key-signs-wrapper .key-sign-right { -webkit-box-flex: 0; -ms-flex: 0 0 42.3%; flex: 0 0 42.3%; max-width: 42.3%; } .retinol.about-us .key-signs .key-signs-wrapper .key-sign-left { -webkit-box-flex: 0; -ms-flex: 0 0 57.7%; flex: 0 0 57.7%; max-width: 57.7%; padding-left: 35px; padding-right: 0; } .retinol.about-us .key-signs h3 { max-width: 550px;margin-left:auto;margin-right:auto;} .retinol.about-us .awards-shop .awards-shop-inner { max-width: 700px; margin: 0 auto; } .retinol.about-us .awards-shop .awards-shop-inner .awards-shop-block { text-align: center; padding: 0 10px; height: 150px; } .retinol.about-us .awards-shop .awards-shop-inner .awards-shop-block img { max-height: 100%; } .our-formulas.about-us .roc-btn { max-width: 305px; padding: 10px 15px; /* letter-spacing: -1.3px; */ } .our-formulas.about-us .award-winning .roc-btn { margin-top: 28px; max-width: 336px; padding: 10px 25px; } .retinol.about-us .forward-thinking .key-signs-wrapper .key-sign-left { padding-left: 0; padding-right: 52px; } .our-formulas.about-us .key-signs { padding: 0; } .our-formulas.about-us .about-formulas { padding: 84px 0 50px; } .retinol.about-us .key-signs .benefits-banner { margin-top: 129px; min-height: 486px; } .our-formulas.about-us .about-formulas h3 { max-width: 450px; margin-left:auto;margin-right:auto;} .retinol.about-us .awards-shop { margin-top: 28px; } .our-formulas.about-us .our-formulas-banner h1 {padding-bottom: 17px; margin-bottom: 9px; } .our-formulas.about-us .our-formulas-banner h1 span { margin-bottom: 0; } .our-formulas.about-us .our-formulas-banner span { margin-bottom: 46px; } .our-formulas.about-us .our-formulas-banner .banner-content { padding-top: 0; padding-bottom: 33.8%; } .retinol.about-us .about-formulas .about-retinol-inner { padding: 0 18px 60px; text-align:center; } .retinol.about-us .award-winning .about-retinol-inner { padding-bottom: 56px; } .our-formulas.about-us .key-signs .container { max-width: 1320px; } .our-formulas.about-us .forward-thinking { padding-bottom: 170px; margin-bottom: 50px; } .our-formulas.about-us .forward-thinking .container { max-width: 1344px; } .our-formulas.about-us .forward-thinking .key-signs-wrapper .key-sign-left { max-width: 58.5%; -webkit-box-flex: 0; -ms-flex: 0 0 58.5%; flex: 0 0 58.5%; } .our-formulas.about-us .forward-thinking .key-signs-wrapper .key-sign-right { max-width: 41.5%; -webkit-box-flex: 0; -ms-flex: 0 0 41.5%; flex: 0 0 41.5%; } .retinol.about-us .key-signs .key-signs-wrapper { margin-bottom: 30px; } .our-formulas.about-us .about-formulas.award-winning { padding: 87px 0 99px; } .our-formulas.about-us .award-winning .container { max-width: 1244px; } .our-formulas.about-us .award-winning p { padding-bottom: 46px; letter-spacing: -0.1px; } .our-formulas.about-us .award-winning p:last-of-type { padding-bottom: 0; } .retinol.about-us .forward-thinking .key-signs-wrapper { margin: 0 0 86px; } /* skincare popup for home page */ .retailers-modal.skincare-modal .modal-dialog { max-width: 773px; width: 100%; } .retailers-modal.skincare-modal .modal-dialog .modal-body { padding: 73px 313px 72px 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .retailers-modal.skincare-modal .modal-dialog .modal-content .email-input-wrapper { max-width: 300px; width: 100%; margin: 0 auto 12px; } .retailers-modal.skincare-modal .modal-dialog .modal-content .email-input-wrapper input { text-align: center; padding: 12px; } .retailers-modal.skincare-modal .modal-dialog .modal-content .email-input-wrapper label { display: none; } .retailers-modal.skincare-modal2 .modal-dialog .modal-content .submit-btn { max-width: 215px; } .retailers-modal.skincare-modal2 .modal-dialog .modal-content .submit-btn .roc-btn { padding: 10px 42px; min-width: 215px; } .retailers-modal.skincare-modal .modal-dialog .modal-content .submit-btn .roc-btn { font-size: 19.5px; line-height: normal; letter-spacing: normal; padding: 12px 42px; border-radius: 0; height: 54px; width:100%; } .retailers-modal.skincare-modal .modal-dialog .modal-content .submit-btn{margin:0 43px;background-color:transparent; } .retailers-modal.skincare-modal .modal-dialog .modal-content .submit-btn:hover{background:#fff; color#000;} .retailers-modal.skincare-modal .modal-dialog .modal-content .submit-btn label { display: none; } .retailers-modal.skincare-modal .modal-dialog .modal-body .mobile-img-box { display: none; } .retailers-modal.skincare-modal .modal-dialog .modal-body .mobile-img-box img { width: 100%; } .retailers-modal.modal .modal-dialog { max-width: 773px; } header { position: fixed; top: 0; left: 0; width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; background: #ffffff; border-bottom: 1px solid transparent; } .header-logo { text-align: center; padding: 13px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .header-logo a:focus { outline: 1px solid #3b5998 !important; } .header-logo a img { width: 88px; } .header-navigation-wrapper .header-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ffffff; } .header-navigation-wrapper .header-navigation li { padding-bottom: 5px; margin: 0 4px; list-style: none; display: block; } .header-navigation-wrapper .header-navigation li a { font-size: 18px; font-weight: 400; text-transform: uppercase; color: #000000; text-decoration: none; position: relative; display: inline-block; font-family: 'Lato'; padding: 9px 22px 8px; line-height: normal; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } header.sticky-listing-header { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /* footer section */ .footer-site-logo a { max-width: 85px; margin: 0 auto; } .footer-site-logo a:focus { outline: 1px solid #3b5998 !important; } .roc-signup-section h3 { font-weight: 300 !important; } .roc-signup-section .signup-wrapper { max-width: 455px; padding: 0 15px; margin: 0 auto; margin-top:10px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .roc-signup-section .signup-wrapper .form-group label { display: none; } .roc-signup-section .signup-wrapper .submit-btn .roc-btn-black { border-radius: 0; padding: 6px 10px; min-width: 156px; height: 100%; font-size: 17px; line-height: 32px; border: 1px solid #000000; margin:0px; } .roc-signup-section .signup-wrapper .submit-btn { position: absolute; right: 15px; top: 0; bottom: auto; margin-bottom: 0; background-color: #000000; } .roc-signup-section .signup-wrapper .email-input-wrapper { margin-bottom: 0; } .roc-signup-section .signup-wrapper .email-input-wrapper input { border-right: none; -webkit-box-shadow: none; box-shadow: none; } .copywrite-section ul li.ad-choice a { padding-right: 20px; } .copywrite-section ul li.ad-choice { position: relative; } .copywrite-section ul li.ad-choice::before { content: ""; position: absolute; background-image: url('../images/add-choice-icon.png'); width: 12px; height: 12px; background-repeat: no-repeat; background-position: center; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* footer */ .site-footer { margin-top: 80px; padding: 45px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.34); } .footer-widget-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 15px; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li { padding: 0 20px 0 0; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a span { opacity: 0; height: 0; width: 0; position: absolute; display: none; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li:last-child { padding: 0; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-widget-wrapper .footer-widget-item { padding: 0 35px 0 47px; border-right: 1px solid rgba(0, 0, 0, 0.2); } .footer-widget-wrapper .footer-widget-item.footer-site-logo { padding-right: 0; } .footer-widget-wrapper .footer-widget-item:first-child, .footer-widget-wrapper .footer-widget-item:nth-last-child(2) { border-right: 0; } .footer-widget-wrapper .footer-widget-item h2 { font-size: 19px; color: #000000; font-family: 'Lato', sans-serif; text-transform: uppercase; } .footer-widget-wrapper .footer-widget-item ul { padding: 10px 0 0; } .footer-widget-wrapper .footer-widget-item ul li a { font-size: 14px; color: #000000; font-family: 'Lato', sans-serif; line-height: 1; padding-bottom: 10px; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a { width: 35px; height: 47px; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a.facebook-icon:hover svg path, .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a.facebook-icon:focus svg path { fill: #3b5998 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; outline: none !important; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a.instagram-icon:hover svg path, .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a.instagram-icon:focus svg path { fill: #C13584 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; outline: none !important; } .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a.youtube-icon:hover svg path, .footer-widget-wrapper .footer-widget-item.footer-join-menu ul li a.youtube-icon:focus svg path { fill: #cd201f !important; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; outline: none !important; } .footer-widget-wrapper .footer-widget-item ul li a:hover, .footer-widget-wrapper .footer-widget-item ul li a:focus { color: #d0b768; text-decoration: none; outline: none !important; } .copywrite-section { background: #000000; margin-top: 45px; } .copywrite-section ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; align-items:center; } .copywrite-section ul li a:hover, .copywrite-section ul li a:focus { color: rgba(255, 255, 255, 1); outline: none !important; text-decoration: none; } .copywrite-section ul li { position: relative; display: inline-block; } .copywrite-section ul li span, .copywrite-section ul li a { font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 0.82; position: relative; display: inline-block; padding: 0 8px; } .copywrite-section ul li::after { position: absolute; content: ""; width: 1px; background: rgba(255, 255, 255, 0.6); right: 0; top: 0; bottom: 0; } .copywrite-section ul li:last-child:after { display: none; } .site-footer .site-footer__content .site-footer__item:nth-child(4){border:0;} .site-footer__item .list-wrapper ul{padding: 7px 15px 0 10px;} .site-footer__item .list-wrapper{display:flex;justify-content:space-between;margin:0 -10px;} /*28-01-2020*/ .site-footer .site-footer__content .site-footer__item.footer-col-1{width:12%;padding-left:21px} .site-footer .site-footer__content .site-footer__item.footer-col-2{width: 30%;padding: 0 18px 0 36px;} .site-footer .site-footer__content .site-footer__item.footer-col-2 .list-wrapper ul:last-child{padding-left:0;} .site-footer .site-footer__content .site-footer__item.footer-col-3 .list-wrapper ul:last-child{padding-right:16px;} .site-footer .site-footer__content .site-footer__item.footer-col-3{padding: 0 15px 0 37px;width: 22%;} .site-footer .site-footer__content .site-footer__item.footer-col-4{padding: 0 24px 0 28px; width: 15%;} .site-footer .site-footer__content .site-footer__item.footer-col-5{padding: 0 27px 0 10px;width: 15%;} .site-footer .site-footer__content .site-footer__item.footer-col-5 .social-icons{margin:15px -10px 0 !important;} .site-footer .site-footer__content .site-footer__item.footer-col-5 .social-icons li{padding:0 10px !important;} .site-footer .site-footer__content .site-footer__item p{margin-bottom:0;} /*new instagram*/ .instagram-grid .instagram-block{ text-align:center; padding:50px 0; overflow:hidden; } .instagram-grid .instagram-block-listing{ display:flex; flex-direction:row; margin:0 -2px; box-sizing:border-box; } .instagram-grid .instagram-block-listing li{ flex:0 0 20%; max-width:20%; padding:0 2px; position:relative; box-sizing:border-box; } .instagram-grid .instagram-block-listing li a{ position:absolute; width:100%; height:100%; display:block; top:0; left:0; bottom:0; right:0; z-index:1; } @media (min-width:1025px){ .instagram-grid .instagram-block-listing li .instagram-image-block{ overflow:hidden; } .instagram-grid .instagram-block-listing li .instagram-image-block img{ width:276px; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transition: all 0.5s; } .instagram-grid .instagram-block-listing li:hover .instagram-image-block img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transition: all 0.5s; } } @media(max-width:575px){ .instagram-grid .instagram-block-listing li:last-child,.instagram-grid .instagram-block-listing li:nth-last-child(2){ display:none; } .instagram-grid .instagram-block-listing li{ flex:0 0 33.33%; max-width:33.33%; } } /* Megamenu */ .roc-megamenu { max-width: 1156px; width: 100%; position: absolute; left: 0; right: 0; z-index: 99; margin: 0 auto; background: #ffffff; padding: 43px 66px 56px; display: none; -webkit-box-shadow: 0px 6px 6px 0px rgba(15, 28, 31, 0.1); box-shadow: 0px 6px 6px 0px rgba(15, 28, 31, 0.1); top: 100%; } .roc-megamenu .megamenu-left-col { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 15px; } .roc-megamenu.single-image-box .megamenu-left-col { -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; padding: 0 15px; } .roc-megamenu.single-image-box .megamenu-right-col { -webkit-box-flex: 0; -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; padding: 0 0 0 15px; } .roc-megamenu.single-image-box .image-wrapper { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .roc-megamenu .megamenu-right-col { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding: 0 15px; } .roc-megamenu .megamenu-listing { text-align: left; } .roc-megamenu .megamenu-listing li:first-child a { margin-top: -6px; } .megamenu-left-col li a { font-size: 18px; font-family: 'Lato', sans-serif !important; color: #000000; padding: 6px 22px 4px; } .roc-megamenu .megamenu-image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; /* justify-content: space-between; */ margin: 0 -15px; } .megamenu-image-wrapper .image-wrapper img { width: 100%; } .mobo-footer { display: none; } /* mobile menu */ .humber-menu .menu-img { width: 30px; height: 30px; } .humber-menu { display: none; } .footer-widget-wrapper .footer-widget-item.footer-legal-menu { display: none; } .copywrite-section ul.mobo-footer { display: none; } .open-menu { overflow: hidden; } /*vv*/ .inner-page-product-wrapper .container { max-width: 1300px; margin: 0 auto; } .inner-banner .inner-banner-left, .inner-banner .inner-banner-right { padding-bottom: 25%; } .inner-banner .inner-banner-left { width: 50%; } .inner-banner .inner-banner-right { width: 50%; float: left; } .innovative-approach { padding: 30px 0 30px; } .inner-page-product-wrapper { position: relative; padding: 0px; } .inner-page-product-wrapper:before { position: absolute; content: ""; left: 0; right: 0; top: 0; min-height: 332px; background-color: #e0e8f1; } .inner-product-wrapper .inner-product-block { margin-bottom: 80px; padding-left: 15px; padding-right: 15px; } .inner-page-product-wrapper .inner-product-wrapper .inner-product-block .img-box .award-winner { width: 98px; height: auto; right: 77px; top: 5px; } .mobile-image { display: none; } /*Privacy Policy Page*/ .privacy-policy .privacy-policy-wrapper .container { max-width: 1356px; padding: 0 15px; margin: 0 auto; } .privacy-policy-wrapper { padding: 93px 0 110px; } .privacy-policy-wrapper .privacy-policy-outer { border: solid 3px #acacac; height: auto; position: relative; padding: 106px 70px 67px; } .privacy-policy-wrapper .privacy-policy-outer .privacy-heading { position: absolute; top: -64px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 25px 42px; background-color: #000; max-width: 438px; width: 100%; text-align: center; } .privacy-policy-wrapper .privacy-policy-outer .privacy-heading h1 { color: #ffffff; font-family: 'Lato', sans-serif; font-size: 37px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; line-height: normal; } .privacy-content-inner { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; line-height: 1.85; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 47px; } .privacy-content-inner:last-child { margin-bottom: 0; } .privacy-content-inner ul { margin-bottom: 47px; } .privacy-content-inner p:last-child { margin-bottom: 0; } .privacy-content-inner h2 { text-transform: uppercase; } .privacy-content-inner a { font-family: 'Lato', sans-serif; color: #917136; display: inline-block; text-decoration:underline;} .privacy-content-inner a:hover { color: #ccb773; } /***********banner***********/ .sub-page{ padding-top:30px; } .paddingbottom{ padding-bottom:80px; } h1.inner-title:after { content: ""; position: absolute; bottom: 0; top: auto; left: 50%; right: 0; height: 1px; background-color: #000; width: 245px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .contact-form-page .contact-banner-section .contact-banner-image-block h1:after{ content:none; } .sub-page .sub-page-banner .sub-header { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 1.4; color: #000000; display: block; margin: 0 auto 30px; text-align: center; } .sub-page .sub-page-banner .banner-content { background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 33.2%; position: relative; } .sub-page .sub-page-banner .banner-content .black-box { max-width: 450px; background-color: #001F44; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding: 30px; text-align: center; } /* .sub-page .sub-page-banner .banner-content .black-box span { color: #fff; line-height: 1.21; font-weight: bold; font-size: 30px; letter-spacing: 4px; display: block; font-family: 'Lato', sans-serif; margin-bottom: 0; text-transform: uppercase; } */ /********************** what-is-hexanol *************************/ /* .our-formulas .about-formulas { padding: 51px 0 67px; } .our-formulas .about-formulas h2 { font-family: 'Lato', sans-serif; font-size: 39px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; margin-bottom: 12px; text-transform: uppercase; } .our-formulas .roc-btn { display: block; max-width: 304px; margin: 0 auto; padding: 10px 20px; margin-top: 30px; } */ /******************* how-hexinol-work ****************/ /* .our-formulas .how-formulas-work { padding: 57px 0 66px; background-color: #E7EBF0; } .our-formulas .how-formulas-work h2 { font-family: 'Lato', sans-serif; font-size: 39px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; max-width: 570px; margin: 0 auto 39px; text-transform: uppercase; } .our-formulas .how-formulas-work p { font-family: 'Lato', sans-serif; font-size: 29px; font-weight: 300; line-height: 1.59; letter-spacing: normal; text-align: center; color: #000000; } */ /***************** key-signs ******************/ .our-formulas .key-signs { padding: 133px 0 110px 0; overflow: hidden; } .our-formulas .key-signs .container { max-width: 1300px; margin: 0 auto; } .our-formulas .key-signs span { font-family: 'Lato', sans-serif; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; display: block; margin-bottom: 2px; } .our-formulas .key-signs h3 { max-width: 640px; margin-left:auto;margin-right:auto;} .our-formulas .key-signs .key-signs-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -18px 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .our-formulas .key-signs .key-signs-wrapper .key-sign-left { max-width: 26%; -webkit-box-flex: 0; -ms-flex: 0 0 26%; flex: 0 0 26%; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .our-formulas .key-signs .key-signs-wrapper .key-sign-left .key-sign-left-inner, .our-formulas .key-signs .key-signs-wrapper .key-sign-right .key-sign-right-inner { text-align: left; } .our-formulas .key-signs .key-signs-wrapper .key-sign-right .key-sign-right-inner { padding: 0 9px; } .key-signs-wrapper .key-sign-left .key-sign-left-inner ul { margin: 0; padding: 0; list-style-type: none; } .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li, .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li { font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 300; line-height: 1.56; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 13px; } .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li span, .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li span { display: inline; font-size: 21px; letter-spacing: normal; } .our-formulas .key-signs .key-signs-wrapper .key-sign-center { max-width: 48%; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e6eaef; } .our-formulas .key-signs .key-signs-wrapper .key-sign-right { max-width: 26%; -webkit-box-flex: 0; -ms-flex: 0 0 26%; flex: 0 0 26%; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .our-formulas .key-signs .key-signs-wrapper .key-sign-left .key-sign-right-inner { text-align: left; } /*retinol*/ .retinol .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li, .retinol .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li { font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 300; line-height: 1.56; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 13px; list-style-type: disc; } .retinol .about-formulas .about-retinol-inner { padding-bottom: 60px; } .retinol .about-formulas .why-retinol .why-retinol-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -36px; overflow: hidden; } .retinol .about-formulas .why-retinol { padding: 93px 35px 0; } .retinol .about-formulas .why-retinol .container { max-width: 1306px; padding: 0 15px; margin: 0 auto; } .retinol .how-formulas-work .roc-btn { max-width: 320px; padding: 10px 16px; } .retinol .about-formulas .why-retinol .why-retinol-wrapper .why-retinol-left, .retinol .about-formulas .why-retinol .why-retinol-wrapper .why-retinol-right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 36px; -webkit-box-sizing: border-box; box-sizing: border-box; } .retinol .why-retinol .why-retinol-wrapper .why-retinol-left .why-retinol-left-inner h3, .retinol .why-retinol .why-retinol-wrapper .why-retinol-right .why-retinol-right-inner h3 { font-family: 'Lato', sans-serif; font-size: 32px; font-weight: bold; line-height: 1.41; letter-spacing: 6.3px; text-align: center; color: #000000; max-width: 440px; margin: 0 auto; text-transform: uppercase; } .retinol .why-retinol .why-retinol-wrapper .why-retinol-left .why-retinol-left-inner p, .retinol .why-retinol .why-retinol-wrapper .why-retinol-right .why-retinol-right-inner p { font-size: 25px; line-height: 1.56; } .retinol .about-formulas { padding: 51px 0 55px; overflow-x: hidden; } .retinol .how-formulas-work h2 { margin: 0 auto 23px; } .retinol .how-formulas-work p { padding-bottom: 30px; } .retinol .how-formulas-work { padding: 57px 0 66px; } .retinol .why-retinol .why-retinol-wrapper .why-retinol-right .why-retinol-right-inner h3 { max-width: 300px; } .retinol .key-signs { padding: 113px 0 0 0; } .retinol .key-signs h2 { max-width: 100%; } .retinol .key-signs .key-signs-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 69px 0; overflow: hidden; } .retinol .key-signs .key-signs-wrapper .key-sign-right { -webkit-box-flex: 0; -ms-flex: 0 0 48.2%; flex: 0 0 48.2%; max-width: 48.2%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } .retinol .key-signs .key-signs-wrapper .key-sign-left { -webkit-box-flex: 0; -ms-flex: 0 0 51.8%; flex: 0 0 51.8%; max-width: 51.8%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 65px 0 0; } .retinol .key-signs .key-signs-wrapper .key-sign-right .key-sign-right-inner { background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 70.6%; } .retinol .key-signs .key-signs-wrapper .key-sign-left .key-sign-left-inner ul { padding: 0 0 0 30px; list-style-type: disc; } .retinol .key-signs .roc-btn { margin-top: 0; } .retinol .key-signs .retinol-benefits-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; padding-top: 90px; } .retinol .key-signs .retinol-benefits-wrapper .retinol-benefits-left, .retinol .key-signs .retinol-benefits-wrapper .retinol-benefits-right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } .retinol .retinol-benefits-left .retinol-benefits-left-inner .benefits-image .benefits-image-inner, .retinol .retinol-benefits-right .retinol-benefits-right-inner .benefits-image .benefits-image-inner { padding-bottom: 40px; } .retinol .retinol-benefits-left .retinol-benefits-left-inner .benefits-image .benefits-image-inner, .retinol .retinol-benefits-right .retinol-benefits-right-inner .benefits-image .benefits-image-inner { max-width: 368px; margin: 0 auto; } .retinol .retinol-benefits-left .retinol-benefits-left-inner h3, .retinol .retinol-benefits-right .retinol-benefits-right-inner h3 { font-family: 'Lato', sans-serif; font-size: 31.5px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; } .retinol .retinol-benefits-left .retinol-benefits-left-inner h3 span { display: block; font-family: 'Lato', sans-serif; font-size: 31.5px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; } .retinol .retinol-benefits-right .retinol-benefits-right-inner h3 { max-width: 320px; margin: 0 auto; } .retinol .retinol-benefits-left .retinol-benefits-left-inner p, .retinol .retinol-benefits-right .retinol-benefits-right-inner p { font-family: 'Lato', sans-serif; font-size: 25px; font-weight: 300; line-height: 1.56; letter-spacing: normal; text-align: center; color: #000000; max-width: 647px; } .retinol .key-signs .benefits-banner { width: 100%; min-height: 348px; background-color: #e6eaef; margin-top: 57px; } .retinol .how-to-use { padding: 50px 0 50px; margin-bottom:110px; } .retinol .how-to-use h2 { font-family: 'Lato', sans-serif; font-size: 30px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; padding-bottom: 21px; } .retinol .how-to-use p { max-width: 1038px; margin: 0 auto 59px; } .retinol .how-to-use .how-to-use-content { padding-bottom: 35px; } /*rn*/ /* .product-detail { padding: 60px 0 72px; } */ /* .product-detail .container { max-width: 1290px; } */ .product-detail .detail-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-detail .detail-left { width: 50%; } .product-detail .product-slider { margin-bottom: 7px; } .product-detail .product-slider .owl-item .item img{transition:all 0.5s; min-width:100%; min-height:100%;} .product-detail .product-slider .owl-item .item .product-img{width:100%} .product-detail .product-slider .owl-item .item:hover img{transform:scale(1.1);} .product-detail .product-slider .product-img img { width: 100%; } .product-detail .thumb-slider .slick-current .product-img { border-color: #d0b768; } .product-detail .thumb-slider .slick-track { -webkit-transform: none !important; transform: none !important; } .product-detail .thumb-slider .thumb-img { margin-right: 0; background-size:contain; background-repeat:no-repeat; background-position:center; max-width:100%; height:100%; padding-bottom:100%; } .product-detail .thumb-slider .product-img { cursor: pointer; border: 3px solid #cacaca; background-size: cover; background-position: center; background-repeat: no-repeat; } .product-detail .detail-right { width: 50%; padding-left: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-detail h1, .product-detail .price { color: #000000; font-size: 24px; line-height: 1.4; font-family: 'Lato', sans-serif; letter-spacing: normal; font-weight: 700; margin-bottom: 8px; text-transform: capitalize; } .product-single__description p span{font-size:16px;} .product-detail .size { color: #000000; font-size: 20px; line-height: 35px; font-family: 'Lato', sans-serif; letter-spacing: normal; font-weight: 300; text-transform: capitalize; margin-left:10px; } .product-detail .mb-title { display: none; } .product-detail .detail-right span.short-description { color: #000000; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 38px; } .product-detail .detail-right .price { font-weight: 300; line-height: 34.99px; } .product-detail .detail-right .review-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .product-detail .detail-right .review-img { margin-right: 10px; } .product-detail .detail-right .review-text span { margin-right: 12px; position: relative; } .product-detail .detail-right .review-text span:after { content: ""; position: absolute; top: 0; bottom: 0; right: -8px; width: 1px; background-color: #000000; } .product-detail .detail-right .review-text a, .product-detail .detail-right .review-text span { text-decoration: none; color: #000000; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; font-weight: 400; } .product-detail .detail-right .review-text a { -webkit-transition: all 0.3s; transition: all 0.3s; } .product-detail .detail-right .review-text a:hover { color: #d0b768; } .product-detail .detail-right .roc-btn { min-width: 294px; } .clinically-difference { padding: 30px 0 30px; } .clinically-difference .container { max-width: 1297px; } .clinically-difference h2 { color: #000000; font-family: Lato; font-size: 42px; font-weight: 700; line-height: 37.55px; text-transform: uppercase; letter-spacing: 4.2px; margin-bottom: 40px; text-align: center; } .clinically-difference .difference-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* .clinically-difference .difference-details p { font-weight: 400; } */ .clinically-difference .difference-details .left-text { width: 62%; padding-right: 33px; } .clinically-difference .difference-details ul li { position: relative; padding-left: 47px; color: #000000; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 19px; font-weight: 400; line-height: 24px; padding-bottom: 26px; text-align:left;} .clinically-difference .difference-details ul li em { width: 33px; display: block; position: absolute; top: -3px; left: 6px; } /* .clinically-difference .difference-details p { margin-bottom: 38px; } */ .clinically-difference .difference-details .right-text { width: 38%; padding-top: 24px; } /* .clinically-difference .difference-details span, .clinically-difference .difference-details h4 { color: #000000; font-family: 'Lato', sans-serif; font-weight: 700; } .clinically-difference .difference-details h4 { font-size: 24px; line-height: 37.55px; text-transform: uppercase; font-weight: 500; } */ .clinically-difference .difference-details span { font-size: 27px; line-height: 35.09px; } .clinically-difference .difference-details .left-text div { margin-bottom: 22px; margin-top: 22px; } .clinically-difference .difference-details .award-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .clinically-difference .difference-details .award-block em { width: 136px; } .clinically-difference .difference-details .award-block span { width: 68%; padding-left: 17px; } .product-video-section { padding-bottom:30px; border-bottom:1px solid #ccc; } .best-result-block ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1048px; margin: 0 auto; margin-bottom:20px; } .best-result-block ul li { width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .best-result-block ul li em { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;/* border:1px solid #959595; */ border-radius: 100%; flex: 0 0 70px;} .best-result-block .center-results ul{ flex-direction: column; align-items: center; text-align: center; } .best-result-block .center-results ul li { justify-content: center; width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .best-result-block .center-results ul li em { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;/* border:1px solid #959595; */ border-radius: 100%; flex: 0 0 70px;} .awards-block { padding-top: 30px; border-top: 1px solid #ccc; } .key-ingredients { padding-top: 30px; padding-bottom: 30px; } /* .awards-block ul { display: block; padding-bottom: 60px; } */ .awards-block ul li { width: 100%; padding: 7px; } .awards-block .inner-product-wrapper .inner-product-block { margin-bottom: 20px; } .awards-block ul li p { text-align: center; border-top: 1px solid #ccc;padding-top: 15px;} .awards-block .removeline ul li:first-child p{border-top:none;} /* .best-result-block { border-top: 1px solid #ccc; } */ .key-ingredients .container { max-width: 1295px; } .key-ingredients p { margin-bottom: 10px; } .key-ingredients ul li { margin-left: 17px;; list-style: disc; font-family:'Lato',sans-serif;font-size:18px;font-weight:300;line-height:1.4;letter-spacing:normal;color:#000000; margin-bottom: 10px; } .key-ingredients .all-ingredients-texts { padding-top: 15px; display: none; } .key-ingredients .all-ingredients span { font-size: 21px; line-height: 34px; text-decoration: underline; color: #000000; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; cursor: pointer; display: inline-block; } /* .key-ingredients .all-ingredients-texts p { font-size: 18px; font-weight: 400; line-height: 34px; } */ .key-ingredients .all-ingredients-texts p { margin-bottom: 10px; } .key-ingredients .all-ingredients-texts p:last-child { margin-bottom: 0px; } .key-ingredients .all-ingredients span em { margin-left: 5px; display: inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; height: 17px; width: 26px; vertical-align:middle;} .key-ingredients .all-ingredients span em img { width: 100%; display: block; } .key-ingredients .all-ingredients.active span em { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); vertical-align: middle; } .key-ingredients .ingredients-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .key-ingredients .ingredients-text { width: 51.8%; padding-right: 80px; } .key-ingredients .ingredients-img { width: 48.2%; position: relative; } .key-ingredients .ingredients-img img { position: relative; top: 0; max-height: 80%; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .quote-block { padding: 143px 0 183px; } .quote-block .container { max-width: 1059px; } .quote-block .quote-item.slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quote-block .quote-img { width: 43.5%; position: relative; } .quote-block .quote-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .quote-block .quote-img span { position: absolute; bottom: 29%; left: 0; right: 0; max-width: 222px; margin: 0 auto; -webkit-transform: translateY(-50%) rotate(-3deg); transform: translateY(-50%) rotate(-3deg); color: #ffffff; font-family: 'Lato', sans-serif; font-size: 27px; font-weight: 400; line-height: 26.94px; } .quote-block .quote-text { width: 53%; -ms-flex-item-align: end; align-self: flex-end; } .quote-block .quote-text p { color: #000000; font-family: 'Lato', sans-serif; font-size: 39px; line-height: 59px; font-weight: 300; margin-bottom: 41px; } .quote-block .quote-text p em { font-weight: 700; } .quote-block .quote-text span { color: #000000; font-family: 'Lato', sans-serif; font-size: 26px; font-weight: 300; line-height: 38.87px; } .product-detail-wrapper {margin-top:30px;} .note2{text-align:center;} .product-detail-wrapper .deep-wrinkle:before { background-color: #e0e8f1; min-height: 400px; content: ""; position: absolute; right: 0; left: 0; z-index: 0; } .product-detail-wrapper .deep-wrinkle .container { padding-top:30px; } /* .product-detail-wrapper .deep-wrinkle .container { max-width: 1366px; } */ .product-detail-wrapper .deep-wrinkle .inner-product-slider.slick-slider .img-box img { margin: 0 auto; } /* .product-detail-wrapper .deep-wrinkle .inner-product-wrapper { margin-top: 35px; } */ .product-detail-wrapper .deep-wrinkle .inner-product-wrapper .inner-product-block { margin-bottom: 0; } .darkblue{ background-color:#e0e8f1 !important;} .goldBG{ background-color:#f4edd5 !important; } /* .product-review { padding: 70px 0 68px; } */ /* .product-review .container { max-width: 1315px; } */ .product-review .title-section { text-align: center; } .product-review .title-section .roc-btn { min-height: 58px; padding: 6px 31px; line-height: 1.7; } .product-review .review-list .review-detail { padding: 0 15px 42px; border-bottom: 2px solid #e7d7a5; position: relative; margin-bottom: 55px; } .product-review .review-list .review-detail:last-child { margin-bottom: 0; border-bottom: 0; } .product-review .review-detail .review-top { margin-bottom: 40px; padding-right: 220px; } .product-review .review-detail .review-top em { display: block; margin-bottom: 15px; } .product-review .review-detail .review-top h3 { font-family: 'Lato', sans-serif; font-size: 38px; line-height: 38px; font-weight: 400; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 19px; } .product-review .review-detail .review-top span { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: normal; text-align: left; color: #000000; } .product-review .review-detail .review-middle p, .product-review .review-detail .review-middle span { font-family: 'Lato', sans-serif; font-size: 22px; line-height: 37px; font-weight: 400; letter-spacing: normal; color: #000000; } .product-review .review-detail .review-middle p { margin-bottom: 40px; } .product-review .review-detail .review-middle .user-comment { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-review .review-detail .review-bottom { position: absolute; top: 24px; right: 19px; } .product-review .review-detail .review-bottom p { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 37px; font-weight: 400; color: #000000; text-align: center; } .product-review .review-detail .review-bottom .answer-control { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .product-review .review-detail .review-bottom .answer-control .roc-btn { min-width: auto; padding: 7px 17px; font-size: 15px; line-height: 1.5; } .product-review .review-detail .review-bottom .answer-control .roc-btn:first-child { margin-right: 7px; } /*retailors-modal css*/ .retailers-modal.modal { opacity:1 !important; text-align: center; background:transparent; padding-top:50px; /*top: 50%; bottom: auto; transform: translateY(-50%);*/ } .retailers-modal .modal-dialog { vertical-align: middle; } .retailers-modal .modal-dialog .close { position: absolute; top: 12px; left: 12px; opacity: 1; line-height: 0; cursor: pointer; z-index: 11; } .retailers-modal .modal-dialog { max-width: 803px; width: 100%; padding: 0 15px; margin: 0 auto; } .retailers-modal .modal-dialog .modal-content { border: 0; border-radius: 0; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.31); -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.31); -o-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.31); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.31); } .retailers-modal .modal-dialog .modal-body { padding: 60px 50px 14px; } .retailers-modal .modal-dialog .modal-content h2 { display: block; text-align: center; font-family: 'Lato', sans-serif; font-size: 39px; font-weight: 700; line-height: 43px; letter-spacing: 7.8px; color: #000000; margin-bottom: 19px; } .retailers-modal .modal-dialog .modal-content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px; } .retailers-modal .modal-dialog .modal-content ul li { width: 33.33%; padding: 0 30px; margin-bottom: 23px; } .retailers-modal .modal-dialog .modal-content ul li a { border: 1px solid #e1e1e1; border-radius: 4px; min-height: 77px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.3s; transition: all 0.3s; } .retailers-modal .modal-dialog .modal-content ul li a span { width: 25px; } .retailers-modal .modal-dialog .modal-content ul li a:hover { border-color: #d0b768; } /* award wining product */ .inner-product-wrapper .inner-product-block.awarded-product .img-box .img-wrapper { display: inline-block; position: relative; max-width: 250px; } .inner-product-wrapper .inner-product-block.awarded-product .img-box .img-wrapper:after { position: absolute; content: ""; background-image: url('../images/allure-img.png'); background-repeat: no-repeat; top: 0; right: -77px; left: auto; bottom: auto; width: 98px; height: 98px; background-size: cover; } /* award wining product end */ .homepage { overflow-x: hidden; } .roc-signup-section .signup-wrapper .email-input-wrapper input[type="email"].form-control:focus::-webkit-input-placeholder { color: transparent !important; } .roc-signup-section .signup-wrapper .email-input-wrapper input[type="email"].form-control:focus::-moz-placeholder { color: transparent !important; } .roc-signup-section .signup-wrapper .email-input-wrapper input[type="email"].form-control:focus:-moz-placeholder { color: transparent !important; } /* .insta-signup { margin:110px 0 0;} */ .instagram-grid h2 { font-size: 35px; font-weight: 300; font-family: 'Lato', sans-serif; line-height: 1.11; letter-spacing: 3.5px; text-align: center; color: #000000; margin-bottom: 30px; } #error-signup, #error-signup-pop { color: red; text-align: center; margin: 10px; } #success-signup { color: #d0b768; text-align: center; margin: 10px; } input.error,input.input--error, select.input--error, textarea.input--error{ color:#000; border: 1px solid #af893c; } label.error { color: #af893c !important; border-color: #af893c !important; padding:1px 10px 1px 10px !important; } .privacy-policy ul li { list-style: disc; } .privacy-policy ul li li { list-style: circle; } .privacy-policy ul ul { margin-left: 40px; } em { font-style: italic; } sup { font-size: 0.55em; line-height: 0; } b, strong { font-weight: 600;display: initial; } .text-center { text-align: center; } .bv_main_container { padding-left: 0px !important; margin-left: 0px !important; } /* [1] The container */ .img-hover-zoom { /* height: 300px; /* [1.1] Set it as per your need */ */ overflow: hidden; /* [1.2] Hide the overflowing of child elements */ } /* [2] Transition property for smooth transformation of images */ .img-hover-zoom img { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } /* [3] Finally, transforming the image when container gets hovered */ .inner-product-block:hover .img-hover-zoom img { -webkit-transform: scale(1.1); transform: scale(1.1); } /* header 30 oct 2019*/ .sticky-header nav .site-nav{border-bottom:1px solid #e5e5e5;} .site-header { padding: 14px 0px 10px; } .site-header.logo--center { padding-top: 12px; } .site-header.logo--center .grid--table>.grid__item { vertical-align: top; } .site-header__logo-image { width: 88px; } .site-header__logo-image img { max-width: 100% !important; } .site-header .grid--table>.grid__item.logo-align--center h1 a{position:relative;} .shopify-section .small--hide { border-bottom: 0px; } .site-header__icons-wrapper { font-size: 22px; padding-right:15px; } .site-nav { margin: 0; padding-bottom: 0; position: relative; } .site-nav .site-nav--has-dropdown { position: static; } .site-nav .site-nav--has-dropdown .site-nav__dropdown { max-width: 1156px; top: 37px; border: none; width: 100%; transition: all 0.5s; margin: 0 auto; left: 50%; transform: translateX(-50%); padding: 30px 70px;box-shadow: 0px 6px 6px 0px rgba(15,28,31,0.1); } .site-nav .site-nav--has-dropdown .site-nav__dropdown .megamenu-right-col { width: 64%; padding: 0px 15px; } .site-nav .site-nav--has-dropdown .site-nav__dropdown .menu-wrap { display: flex; margin: 0 -15px; } .site-nav .site-nav--has-dropdown .site-nav__dropdown .menu-wrap .megamenu-left-col { padding: 0px 15px; } .site-nav .site-nav--has-dropdown .site-nav__dropdown .menu-wrap .megamenu-left-col li a:hover, .site-nav .site-nav--has-dropdown .site-nav__dropdown .shop-product-menu li a:hover{ color: #d0b768; text-decoration: none; border-bottom-color:transpag} .site-nav .site-nav--has-dropdown .site-nav__dropdown .menu-wrap .megamenu-left-col li span { border-bottom: 0px; } .site-nav .site-nav--has-dropdown .site-nav__dropdown .menu-wrap .megamenu-right-col .image-wrapper { padding: 0px 15px; } .site-nav .site-nav--has-dropdown .site-nav__dropdown .menu-wrap .megamenu-right-col .megamenu-image-wrapper { display: flex; } .site-nav li:hover > .site-nav__dropdown { display: block; } .site-nav li { padding: 9px 20px; } .site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]) .site-nav__label{padding-bottom:3px; border-bottom: 1px solid transparent;} .site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label{border-bottom-color:transparent;} .site-nav li li { padding: 7px 10px 7px 0px; margin:0px;} .site-nav li .site-nav__link { padding: 0; font-size: 16px; display: inline-block; font-family: 'Lato'; text-transform: uppercase; color: #000000; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } li:hover .site-nav__link:not([disabled]) .site-nav__label { border-bottom: 1px solid black; } .site-nav li li .site-nav__label { padding-bottom: 0px;} ul li:hover li .site-nav__link:not([disabled]) .site-nav__label { border-bottom: none; } .site-nav li { margin: 0 4px; } #shopify-section-header { position: fixed; left: 0; right: 0; top: 0; z-index: 5; background: #fff; } header { border-bottom: none; } header.sticky-listing-header { border-bottom: none; } .main-content { padding-top: 187px; } .roc-home-slider .homeslider .slide .slide-wrapper:hover .slider-content .roc-btn { background-color: #fff; color: #000; } .regimen-product .product .product-img { overflow: hidden; } .regimen-product .product .product-img img { transition: all .5s; width:100%; } .roc-signup-section .signup-wrapper .site-footer__newsletter { max-width: calc(100% - 156px); width: 100%; } .roc-signup-section .signup-wrapper .email-input-wrapper input { margin-bottom: 0px; } .roc-signup-section .signup-wrapper .submit-btn .roc-btn-black:hover { background-color: #fff; color: #000; } .inner-product-wrapper .inner-product-block .img-box { position: relative; } .inner-product-wrapper .inner-product-block .logo-image { position: absolute; left: 50%; top: 0; max-width: 65px; margin-left: -115px; z-index:2; } .site-footer .site-footer__content { justify-content: center; align-items: unset; -ms-flex-align: unset; -webkit-align-items: unset; -moz-align-items: unset; -ms-align-items: unset; -o-align-items: unset; } .site-footer .site-footer__content .site-footer__item { flex: none; width: auto; margin-bottom: 0; border-right: 1px solid rgba(0, 0, 0, 0.2); padding: 0 36px 0 48px; } .site-footer .site-footer__content .site-footer__item:first-child { border-right: 0px; padding-right: 0; } .site-footer .site-footer__content .site-footer__item:nth-last-child(2) { border-right: 0px; max-width:210px; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner ul li { padding: 0; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner ul li a { font-size: 14px; color: #000000; font-family: 'Lato', sans-serif; line-height: 1; padding-bottom: 10px; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner ul li a:hover { border-bottom: none; text-decoration: none; color: #d0b768; } .site-footer .h4 { font-size: 19px; color: #000000; font-family: 'Lato', sans-serif; text-transform: uppercase; margin-bottom: 8px; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons { margin: 0 -5px; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li { padding: 0 5px; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li a:hover{color:#000;} .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.facebook-link a:hover svg{fill:#3b5998; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.instagram-link a:hover svg{fill:#CC3366; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.pinterest-link a:hover svg{fill:#bd081c; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.tumblr-link a:hover svg{fill:#34526f; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.snapchat-link a:hover svg{fill:#FFFC00; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.youtube-link a:hover svg{fill:#cd201f; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.vimeo-link a:hover svg{fill:#1ab7ea; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.facebook-link a:hover svg path, .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.facebook-link a:focus svg path { fill: #3b5998 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; outline: none !important; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.instagram-link a:hover svg path, .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.instagram-link a:focus svg path { fill: #C13584 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; outline: none !important; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.youtube-link a:hover svg path, .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li.youtube-link a:focus svg path { fill: #cd201f !important; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; outline: none !important; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li a { height: 45px; width: 35px; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons li a svg { height: 100%; width: 100%; } .copywrite-section .site-footer__linklist li { padding: 0; } .copywrite-section .site-footer__linklist li p { padding: 0 8px; margin-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size:14px; line-height:0.82; margin-top:0px; } .copywrite-section .site-footer__linklist li p a { padding: 0; font-size:14px; line-height:0.82; } .copywrite-section .site-footer__linklist li a:hover { border-bottom: none; color: #fff; } .site-footer .site-footer__content .legal-menu-mobile { display: none; } .site-footer .site-footer__content .legal-menu-mobile ul li { padding: 0; } .site-footer .site-footer__content .legal-menu-mobile ul li a { font-size: 14px; color: #000000; font-family: 'Lato', sans-serif; line-height: 1; padding-bottom: 10px; } .retinol .key-signs .roc-btn:hover { color: #fff; } .mobile-nav__dropdown.is-closing { transition: none; } .legal{ padding-top:80px; padding-bottom:80px; } .rte {margin-bottom:30px;} /* template product page */ .template-product .main-content { padding-top: 168px; } .product-detail .product__price .price-item { color: #000; font-weight: 300; line-height: 34.99px; } .product-detail .detail-right ul { margin:0px; margin-left: 23px; margin-top:10px;} .product-detail .detail-right ul li { color: #000000; font-family: Lato; font-size: 18px; font-weight: 300; line-height: 1.4; margin-bottom: 10px; list-style: disc; } .product-detail .detail-right .shopify-payment-button__button { background-color: #fff; color: #fff; min-width: auto; width: auto; text-decoration: none; display: inline-block; text-align: center; font-size: 22px; line-height: 33px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; padding: 17px 40px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .product-detail .detail-right .shopify-payment-button__button:hover { background-color: #fff !important; color: #000 !important; } .product-detail .detail-right form { padding-top: 0; max-width: 100%; } .product-detail .detail-right form .product-form__item--no-variants { max-width: 100%; } .product-detail .detail-right .roc-btn { width: auto; border-radius: 0px; min-width: auto; padding: 12px 33px; margin-bottom:0px; margin-top:0px;flex-basis: 60%; } .product-detail .detail-right .shopify-payment-button__more-options { display: none; } .product-detail .detail-right .roc-btn-black:hover { background-color: #FFF !important; color: #000 !important; border-color: #000 !important; } .product-detail .detail-right .roc-btn-black:focus { outline: none; box-shadow: none; } .product-detail .thumbnails-wrapper ul { list-style-type: none; margin: 0; } .product-detail .thumbnails-wrapper ul li a { border: 3px solid #cacaca; } .product-detail .thumbnails-wrapper ul li a.active-thumb { border-color: #d0b768; } .product-detail .thumbnails-wrapper ul li a img { padding: 0; border: none; } .product-detail .detail-right form .product-form__item { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .thumb-slider .owl-item .item { border: 3px solid #cacaca; cursor:pointer; } .thumb-slider .owl-stage { margin: 0 auto; } #sync2{width:80%; margin:0 auto;} #sync2 .owl-item.current .item { border: 3px solid #d0b768; } .product-detail .detail-right form .quantity-wrapper{justify-content:center; font-size:21px; color:#000; align-items:center; margin-bottom:0;flex-basis: 33%; padding:0px;} .product-detail .detail-right form .quantity-wrapper input{padding:20px 0;} /* cart-drawer */ .ajax-cart-drawer__content { padding: 25px !important; overflow-y: auto !important; border-bottom: 1px solid #e5e5e5; } .ajax-cart__overlay { background-color: rgba(255, 255, 255, 0.6); } .ajax-cart-drawer { display: flex; flex-direction: column; justify-content: space-between; } .ajax-cart-drawer__buttons { position: static !important; background-color: #fff !important; flex-direction: row !important; height: auto !important; justify-content: space-between !important; } .ajax-cart__drawer { background: #fff !important; width: 320px !important; height: auto !important; bottom: 0; top: 0 !important; right: -320px !important; } .ajax-cart__drawer .ajax-cart-drawer__close { height: 15px; width: 15px; top: 37px; right:25px; } .ajax-cart__drawer .ajax-cart-drawer__close svg { max-width: 100%; } .ajax-cart__drawer .cart-drawer-heading { padding: 35px 20px 10px; } .ajax-cart__drawer .cart-drawer-heading h2 { font-size: 24px; font-weight: 500; text-align: left; padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; } .ajax-cart__drawer .ajax-cart-item__single { display: flex; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .ajax-cart__drawer .ajax-cart-item__single .item-left { width: 75px; min-width:75px; } .ajax-cart__drawer .ajax-cart-item__single .item-left img { max-width: 100%; } .ajax-cart__drawer .ajax-cart-item__single .item-right { padding-left: 20px; } .ajax-cart__drawer .item-right .ajax-cart-item__title { font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 5px; text-transform: capitalize; } .ajax-cart__drawer .item-right .ajax-cart-item__price { flex: 0 0 100%; max-width: 100%; margin-bottom: 0px; font-weight: 300; line-height: 24px; } .ajax-cart__drawer .item-right .ajax-cart-item__quantity { flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; display: flex; justify-content: flex-start; } .ajax-cart__drawer .item-right .js-ajax-remove-from-cart { cursor: pointer; font-size: 16px; line-height: 22px; font-weight: 500; text-transform: capitalize; color:#000; border-bottom:1px solid #000;} .ajax-cart__drawer .item-right .js-ajax-remove-from-cart:hover{text-decoration:none; color:#d0b768; border-color:#d0b768;} .ajax-cart-drawer__buttons .roc-btn { min-width: auto; cursor: pointer; width: auto; font-size: 14px; padding: 5px 10px; text-transform: initial; border-radius: 0; border-width: 2px; } .ajax-cart-drawer__buttons .roc-btn:hover { background-color: #fff !important; color: #000 !important; } .ajax-cart-drawer__buttons .button:last-child { margin-top: 0px !important; } .ajax-cart__modal { background: #fff; transition: all 0.3s; } .ajax-cart__modal .icon-close { position: absolute; top: -40px; right: -55px; } .roc-home-slider .homeslider .slide .roc-btn { margin-top: 15px; } .site-header__icons-wrapper span { font-size: 15px; } .site-header__icons-wrapper .site-header__icon { color: #000; text-transform: uppercase; font-size: 14px; font-weight:400; font-family: 'Lato'; padding: 18px 11px; } .site-header__icons-wrapper .site-header__icon.site-header__cart:hover { text-decoration: none; } .site-header__icons-wrapper .site-header__icon.site-header__search-toggle{margin-top:-3px;} /* inner-banner */ .inner-banner .only-title { position: static; transform: none; -webkit-transform: none; margin: 50px auto 0; } .top-header-banner.inner-banner .inner-banner-title.only-title { position: static; -webkit-transform: translate(0%,0%); transform: translate(0%,0%); } /* no-product-message */ .no-product-msg h2 { font-size: 25px; font-weight: 600; line-height: 30px; } .no-product-msg { padding-bottom: 75px; } /* slider */ .roc-home-slider .homeslider .slide .slider-content .roc-btn { padding: 12px 30px; } /* login form */ .heading-text { font-size: 36px; line-height: 42px; font-weight: 300; text-align: left; } /* .form-heading{text-align:left; padding:100px 0px 20px; } */ .form-heading h2{font-size:36px; font-weight:300; letter-spacing:0; text-transform:capitalize; padding-bottom:15px; border-bottom:1px solid #e5e5e5; margin-bottom:20px; } .customer-form{margin-bottom:15px;} .customer-form select option{font-weight:300;} .customer-form label{margin-bottom:5px; font-size: 14px; line-height:24px; letter-spacing: .5px; font-weight: 400; font-style: normal;} .customer-form .signup-wraper{display:flex; align-items:center; justify-content:space-between; padding:20px 0 25px; border-bottom:1px solid #dfdfdf;} .customer-form .signup-wraper #RecoverPassword , .customer-form #customer_register_link{color:#000; font-weight:300; transition:all 0.5s;} .customer-form .signup-wraper #RecoverPassword:hover , .customer-form #customer_register_link:hover{text-decoration:none; text-decoration:underline;} .customer-form .btn-wrap{text-align:left !important; padding-top:20px;} /* forgot-password-form */ #RecoverPasswordForm .reset-pswd-msg{font-size: 16px; line-height: 24px; font-weight: 300; color: #000; margin: 0 0 10px;font-family: 'Lato', sans-serif;} /* create-account-form */ .create-account{padding-top:10px; text-align:center; } /* cart-page */ .cart table{margin-bottom:27px;} .cart .cart__row.cart__row--heading th{font-weight:600;} .cart-header { padding: 45px 0px 18px; display:flex; align-items:flex-end; justify-content:space-between; border-bottom:1px solid #e5e5e5; margin-bottom:10px; } .cart-header .text-link{line-height:24px; color:#000; font-weight:300;} .cart-header .text-link:hover { text-decoration: none; color:#d0b768; } .cart__row .cart__remove .roc-btn { min-width: 100px; padding: 7px; font-size: 14px; line-height: 20px; } .cart__row .cart__product-information .list-view-item__title a{color:#000; font-size:16px; line-height:24px; } .cart__row .cart__product-information .list-view-item__title a:hover { border-bottom: none; text-decoration:none; color:#d0b768; } .cart__submit-controls .roc-btn { padding: 8px 20px; font-size: 20px; } .cart-header .cart-header__title { font-size: 36px; line-height: 1; font-family: 'Lato', sans-serif; font-weight: 300; color: #000; text-transform: capitalize; margin-bottom:0; } .cart__product-information .cart__remove a{color:#000; line-height:24px; font-weight:300;} .cart__product-information .cart__remove a:hover{text-decoration:none; color:#d0b768;} .cart .cart__row .text-right{border-bottom:none;} .cart .cart__row .cart__qty .cart__qty-input{border:1px solid #e5e5e5; color:#000;} .cart .cart__row .cart__final-price{color:#000; font-weight:600;} .cart__footer .cart-subtotal{color: #000; font-weight: 600; font-size: 16px; line-height: 24px; border-bottom: 1px solid #e8e9eb; display: inline-block; padding-bottom: 10px; margin-bottom: 10px;} .cart__footer .cart__shipping{font-weight:300; padding:0;} .cart__footer .cart-subtotal .cart-subtotal__price{min-width:171px;} .cart__footer .roc-btn{min-width:100px; font-weight:500; font-size:16px; border-radius:0px; border-width:2px;} .cart .cart__row{color:#000;} /* empty-cart-page */ .empty-page-content h1 { font-size: 40px; line-height: 44px; font-family: 'Lato', sans-serif; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 20px; } .empty-page-content .cart--empty-message { font-size: 25px; font-weight: 600; line-height: 30px; margin-bottom: 25px; } .ajax-cart-modal__content { padding: 5px; font-size: 18px; } .inner-product-wrapper .award-detail-block p { font-weight: 300; } .award-detail-block img {max-width:150px;} .inner-product-wrapper .award-detail-block strong { color: #000; } .page-container { transform: none; } /* My account page */ .section-header{display:flex; justify-content:space-between; align-items:flex-end; padding:45px 0px 18px; border-bottom:1px solid #e5e5e5;margin-bottom:40px;} .section-header h1{font-size: 36px; line-height: 1; font-weight:300; width:100%;} .my-account-page .roc-btn , .section-header .roc-btn{min-width: 85px; padding: 5px 10px; font-size: 14px; line-height:23px; font-weight: 500; border:2px solid #000;} .myaccount h2{text-align: left; font-size: 20px; line-height: 24px; font-weight: 400; font-family: 'Lato', sans-serif; padding-bottom:30px; text-transform:capitalize; } .myaccount .grid__item{flex:0 0 100%;} .myaccount .myaccount__order-history table{margin-bottom:30px;} .myaccount .myaccount__order-history .no-order{font-size:18px; color:#000; font-weight:500; margin-bottom:30px;} .myaccount .myaccount__account-details p{margin-bottom:15px;} .myaccount .myaccount__account-details .roc-btn{margin-top:15px;} /* address-detail-page */ .address-detail-page .medium-up--two-thirds{left:0; width:100%;padding-left:0;} .address-detail-page h2{text-align:left;} .address-detail-page .address-list li .address{display:flex; justify-content:space-between; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;} .address-detail-page .address-list li .address p{text-align:left; color:#000; font-weight:300; line-height:21px;} .address-detail-page .address-list li .list--inline li .roc-btn{min-width: 68px; padding: 2px 7px; font-size: 14px; line-height:23px; font-weight: 500; border:2px solid #000;} .address-detail-page .section-header{margin-bottom:20px;} .address-detail-page > .grid{margin-left:0px;} /* add new address form */ .address-form{text-align:left;} .address-form h2{font-size:20px; line-height:24px; margin:15px 0 30px; text-transform:capitalize;} .address-form .submit-outer{display:flex; justify-content:space-between; align-items:flex-end;} .address-form .submit-outer .custom-checkbox{display:flex; position:relative; } .address-form .submit-outer .custom-checkbox input[type=checkbox]{position:absolute; border:none; opacity:0; margin:0; display:block; width:100%;} .address-form .submit-outer .custom-checkbox label{padding-left:30px;} .address-form .submit-outer .custom-checkbox label:before {content:''; height:23px; width:23px; border:2px solid #e5e5e5; display:inline-block; position:absolute; left:0; transition:all 0.2s;} .address-form .submit-outer .custom-checkbox input[type=checkbox]:checked+label:before{width: 11px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%;} .address-form .submit-outer .btn-wrap .roc-btn{font-weight:500;} /* about-rational page */ .roc-result-section.what-is-retinol{border-bottom:none; padding-bottom:0;} .retinol .our-formulas-banner h1:after{ content: ""; position: absolute; bottom: 0; top: auto; left: 50%; right: 0; height: 1px; background-color: #000; width: 245px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } h1.inner-title{padding-bottom: 30px;} .title-description{padding:50px 0 50px;} .title-description h2{font-family: 'Lato',sans-serif; font-size: 30px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; margin-bottom: 22px; text-transform: uppercase;} .title-description .roc-btn-white:hover{color:#fff;} /* .two-row{padding:25px 0 50px;} */ .two-row .two-row-wrapper{display:flex;} /* .two-row .two-row-wrapper h3 sup{font-size:18px;} */ .two-row .two-row-wrapper .two-row-left , .two-row .two-row-wrapper .two-row-right{max-width:50%; padding: 0 36px;} .roc-result-section{padding-bottom:41px; border-bottom:1px solid #ccc;} .roc-result-section .title{margin-bottom:23px; } .roc-result-section .description{padding-bottom:0;} /* .retinol-benefits {padding:58px 0 69px;} */ /* .retinol-benefits h2{font-family: 'Lato',sans-serif; font-size: 30px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; margin: 0 auto 60px;} */ .key-signs-wrapper{display:flex;padding-top:10px;} .key-sign-right .key-sign-right-inner{background-size: cover; background-position: center; background-repeat: no-repeat; } .key-sign-right p:first-child, .key-sign-left p:first-child{ margin-top:0px; } .two-row-wrapper .row-content{ text-align:center;} .key-sign-left{flex:0 0 50%; max-width:50%; padding:0 30px 0 0;} .key-sign-left ul{padding-left:30px !important;} .key-sign-right{flex:0 0 50%; max-width;50%;} .retinol-benefits-section{padding:100px 0 50px;} .retinol-benefits-section .two-row-wrapper .two-row-left , .retinol-benefits-section .two-row-wrapper .two-row-right {padding:0px 15px; text-align:center;} .retinol-benefits-section .two-row-wrapper .two-row-left .left-image , .retinol-benefits-section .two-row-wrapper .two-row-right .right-image{margin-bottom:40px;} .about-image-section .image-div img{max-width:100%; width:100%;} .how-to-use{background-color:#f4edd5;} .how-to-use .roc-btn:hover{color:#fff;} .our-formulas.hexinol .our-formulas-banner h1{max-width:100% !important ; letter-spacing: 6px; padding-bottom: 30px; margin-bottom: 15px;} .our-formulas.hexinol .our-formulas-banner h1 sup{font-size:22px;} .what-is-hexinol{padding:50px 0;} .our-formulas .key-signs.clinically-proven{padding-top:50px;} .our-formulas .key-signs.clinically-proven .key-signs-wrapper{margin-bottom:60px;} .our-formulas .key-signs.clinically-proven span{font-family: 'Lato',sans-serif; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; display: block; margin-bottom: 10px;} .our-formulas .key-signs.clinically-proven h2{font-family: 'Lato',sans-serif; font-size: 30px; font-weight: bold; line-height: 1.41; letter-spacing: 4px; text-align: center; color: #000000; margin: 0 auto 60px;} .our-formulas .key-signs.clinically-proven .key-signs-wrapper .key-sign-left{max-width:57.7%; -ms-flex: 0 0 57.7%; flex: 0 0 57.7%; padding-left: 0; padding-right: 52px} .our-formulas .key-signs.clinically-proven .key-signs-wrapper .key-sign-right{max-width:42.3%; -ms-flex: 0 0 42.3%; flex: 0 0 42.3%;} .our-formulas .key-signs.clinically-proven .roc-btn-white:hover{color:#fff;} /* .about-packaging-detail{padding-top:100px;} */ .about-packaging-detail .image-outer{max-width: 400px; margin: 0 auto; margin-bottom:30px; text-align:center;} /* search-header */ .search-header{max-width:250px; width:59px; margin-bottom:0;} .search-header.search--focus{width:100%;} .search-header .search__input{opacity:0;-webkit-box-sizing: inherit; box-sizing: inherit; } .search-header.search--focus .search__input{opacity:1; width:auto;} .site-header__icons-wrapper .site-header__icon.search-header__submit{margin-top:-3px;} .user-search-form .input-group .search__input{width:100%; min-height:27px; height:27px;} .user-search-form .input-group span{width:100%; } /* search-result page */ /*01-09-2020 */ .search-result-header{flex-direction: column;justify-content: space-between;align-items: center;margin-bottom:55px;border-bottom:0} .search-result-header .form-heading{margin-bottom:45px;} .search-result-header .section-title{padding:0;} .search-result-header .user-search-form{margin-bottom:0;} .search-result-header .section-title h2{padding:0; margin:0; border-bottom:0;font-weight:700;font-size:30px} .search-result-header .grid{width:100%;max-width:630px;margin:0 auto;padding: 10px 15px 10px 20px; } .search-result-header .grid .grid__item{left:0; width:100%; padding-left:0;} .search-result-header .grid .grid__item .input-group{ flex-wrap:nowrap;} .search-result-header .grid .grid__item .input-group .search__input{max-width:65%; margin-bottom:0; min-height:50px; height:50px;border-right:0} .search-result-header .grid .grid__item .input-group span{width:auto; flex-grow:unset;height:72px;} .search-result-header .grid .grid__item .input-group span .roc-btn{height:100%;margin-top:0;min-width:230px} .pagination{justify-content:center; align-items:center; padding-top:15px;} .pagination a:focus{outline:none; box-shadow:none;} /* list items */ .search-product-list{display:flex; flex-wrap:wrap;} .search-product-list .inner-product-block{max-width:100%;flex:0 0 100%;width:100%;} .search-product-list .product-item{width:33.33%; text-align:center; border-bottom:0px; padding:0 15px 0;} .search-product-list .product-item .list-view-item__link{display:flex; flex-direction:column;} .search-product-list .product-item .list-view-item__image-column .product-card__image-wrapper{margin:0 0 20px 0; } .search-product-list .product-item .list-view-item__title-column{font-weight:400; color:#000; margin-bottom:15px; font-size:16px; line-height:24px;} .search-product-list .product-item .list-view-item__image-column , .search-product-list .product-item .list-view-item__price-column{ width:100%;} .search-product-list .product-item .list-view-item__price-column{text-align:center; } .search-product-list .product-item .list-view-item__price-column span{color:#000;} .search-product-list .product-card .product-card__title{transition:all 0.5s; border-bottom:none;} .search-product-list .product-card:hover .product-card__title{border-bottom:none; color:#d0b768;} .search-product-list .product-card{transition:all 0.5s; box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.09); padding:15px;} .search-product-list .product-card:hover{transform:translateY(-3px);} .search-product-list .product-card:hover .product-card__image-wrapper,.search-product-list .product-card:focus-within .product-card__image-wrapper{opacity:1; } /* privacy policy page */ .privacy-policy-outer p ,.privacy-policy-outer ul li { font-size:21px; color:#000; font-weight:300; line-height:1.59; letter-spacing:normal;} .privacy-policy-outer ul li {line-height:38px;} /* error-page */ .empty-page-content p{font-size:24px; line-height:28px; color:#000; font-weight:500; margin-bottom:30px;} .empty-page-content .roc-btn-black{padding:10px 15px; font-size:18px;} /* product-slider */ .product-detail .detail-right .product-form__item label{margin: 0 auto 7px 0; padding: 0 15px 0 0;} /* module-1 */ .text-center { text-align: center; } /* p:last-child { margin-bottom: 20px; } */ /* .module-section .container{max-width:1540px;} */ .module-section h1{font-size:52px;line-height:56px; margin-bottom:50px;text-align:center;} .module-section .module-row{flex-wrap: wrap;display:flex;justify-content:space-between;align-items:center;} .module-section .module-row:last-child{margin-bottom:0;} .module-section .module-detail{ width: 40%; padding-right: 50px;} .module-section .module-detail h2{ text-align: left; } .module-section .module-row.skincare-quiz-section { min-height:400px; padding: 0; margin: 90px 0; background-position: right center; background-repeat: no-repeat; background-size: 100%; } .module-section .skincare-quiz-section .module-img { display: none; } .module-section .flex-row-reverse .module-detail { padding-left:0; width:41%; } .module-section .flex-row-reverse .module-img{width:59%;} .module-section .module-img{width:60%;} .module-section .flex-row-reverse .module-detail{padding:0 30px 0 50px;} .module-section .module-img-col { overflow: hidden; } .module-section .module-img img{ width:100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .module-section .module-img-col a { display: block; } .module-section .module-img-col:hover .img-hover-zoom > img { webkit-transform: scale(1.1); transform: scale(1.1); } /* module-1 */ /* Footer listing start*/ .delivery-info{padding:80px 0 80px;} .delivery-info .delivery-listing{display:flex;justify-content:center;flex-wrap:wrap;} .delivery-info .delivery-listing li{width:21%;padding:0 38px;border-right:2px solid #dee1e6;text-align:center;} .delivery-info .delivery-listing li:last-child{border-right:0;} .delivery-info .delivery-listing li i{display:block;width:55px;height:50px;margin:0 auto 3px} .delivery-info .delivery-listing li span{display:block;font-size:18px;line-height:23px;font-weight:400;color:#000} .delivery-info .delivery-listing li h4{font-size:18px;font-weight:400;line-height:22px;color:#000;} /* Footer listing end*/ /* Module-2 */ .module-list { display: flex; align-items: center; justify-content: space-between; margin: 0; } .module-list .module-image { flex: 0 0 40%; max-width: 40%; } .module-list .module-image img { max-width: 100%; width: 100%; } .module-list .module-slider { flex: 0 0 60%; max-width: 60%; padding-left:50px; } .module-list .module-slider p { text-align:center; } .new-module-section .slider-heading h2 {color: #000000; font-family: Lato; font-size: 42px; font-weight: 700; line-height: 41px; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 8px; text-align: center; } .new-module-section .slider-heading p{ color: #000000; font-family: 'Lato',sans-serif; font-size: 20px; text-align: center; font-weight: 400; line-height: 32px; max-width: 920px; margin: 0 auto; padding-bottom: 50px; } .new-module-section .container { max-width: 1440px; padding: 0 25px; } h4 {color: #000000; font-family: Lato; font-size: 20px; font-weight: 500; margin-bottom:5px; line-height: 25px; text-transform: uppercase; } .clinically-difference h4{ margin-bottom:0px; } h3 {color: #000000; font-family: Lato; font-size: 26px; font-weight: 700; margin-bottom:20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px; } .template-product h3{ font-size: 26px; letter-spacing: 3px; } h3.inner-sub-title{font-size:26px;line-height: 30px; text-align:center;} /* .slider-heading p{ color: #000000; font-family: 'Lato',sans-serif; font-size: 20px; text-align: center; font-weight: 300; line-height: 32px; max-width: 920px; margin: 0 auto; padding-bottom: 20px; } */ .module-slider-product { padding: 0 15px; } .module-slider .module-product-detail { text-align:center; } .module-slider .module-product-detail a{ text-align: center;} .module-slider .module-product-detail a span {text-transform: uppercase; } .module-slider .module-product-detail a span.price-item { font-weight: 400; } .module-slider .module-product-detail a span, .module-slider .module-product-detail a h3 { display: block; color: #000; font-weight: 700; font-size: 18px; line-height: 1.31; } .module-slider .module-product-detail a:hover, .module-slider .module-product-detail a:hover span, .module-slider .module-product-detail a:hover h3 { text-decoration: none; } /* .module-slider .module-product-detail .roc-btn { min-width: auto; width: 200px; border-width: 1px; padding: 15px 20px; font-weight: 700; font-size: 17px; line-height: 22px; margin-top: 5px; LETTER-SPACING: 0; } */ .module-slider .module-product-detail .roc-btn:hover { color: #000; } .module-slider .slick-prev:before, .module-slider .slick-next:before { display: none; } .module-slider .slick-prev, .module-slider .slick-next { top: 132px; height: 27px; width: 27px; } .module-slider .slick-prev { background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/left-arrow-black.svg?v=22515948682966286301611592236); left: -2.5px; z-index: 10; } .module-slider .slick-next { background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/right-arrow-black.svg?v=45764041517536872481611592241); right: -4px; z-index: 10; } .inner-product-wrapper .slick-prev:before, .inner-product-wrapper .slick-next:before { display: none; } .inner-product-wrapper .slick-prev, .inner-product-wrapper .slick-next { top: 132px; height: 27px; width: 27px; } .inner-product-wrapper .slick-prev { background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/left-arrow-black.svg?v=22515948682966286301611592236); left: -2.5px; z-index: 10; } .inner-product-wrapper .slick-next { background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/right-arrow-black.svg?v=45764041517536872481611592241); right: -4px; z-index: 10; } .module-slider .module-slider-wrapper { padding-top:30px; } .module-slider .module-product-detail a h3, .module-slider .module-product-detail a .module-product-title {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .module-slider .module-product-detail a:hover h3, .module-slider .module-product-detail a:hover .module-product-title { color: #d0b768; } .module-list .module-image { overflow: hidden; } .module-list .module-image a { display: block;overflow: hidden; } .module-list .module-image img{ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .module-slider .module-image-wrapper { overflow: hidden; margin: 0 auto 30px; display: flex; align-content: center; align-items: center; justify-content: center; position: relative; } .module-slider .module-image-wrapper a { display: inline-block; } .module-slider .module-image-wrapper i { position: absolute; left: 50%; top: 0; max-width: 60px; margin-left: -90px; } .module-slider .module-image-wrapper i img { max-width: 100%; } .module-slider .module-image-wrapper img.product-img { max-height: 280px; width: auto; margin: 0 auto !important; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .module-slider .module-slider-product:hover .module-image-wrapper .img-hover-zoom > img, .module-slider .module-image-wrapper:hover .img-hover-zoom > img, .module-list .module-image:hover .img-hover-zoom > img { webkit-transform: scale(1.1); transform: scale(1.1); } .module-product-detail .product-form { padding-top: 0; } .module-slider .module-slider-product:hover .roc-btn {visibility: visible; opacity: 1; } .module-slider .module-slider-product:hover .module-product-detail a h3 { color: #d0b768; } .skincare-solution-wrapper{margin-top:30px;} .skincare-solution-wrapper .slick-list{ width:100%; } /* .module-slider .slick-dots, .skincare-solution-wrapper .slick-dots { bottom: -30px; } */ /* Module-2 */ /* PDP Video */ .product-video img { max-width: 100%; } .product-video { position: relative; width: 100%; max-width: 720px; padding: 0; margin: 0 auto; margin-top:30px; } /* .product-video-section { padding: 50px 0 230px; } */ .product-video .play-video-icon { position: absolute; cursor: pointer; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 130px; height: 130px; } .play-video-icon { position: absolute; cursor: pointer; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 130px; height: 130px; } .product-video .play-video-icon:hover { opacity: 0.65; } .video-modal .modal-body { padding: 0; } .btn-close { position: absolute; top: -50px; color: #fff; background-color: transparent; border-radius: 50%; border: none; padding: 0; font-size: 40px; height: auto; width: auto; right: -4px; z-index: 9; } #videoModal.modal { background-color: transparent; opacity: 1; } .product-slider .item .play-video-icon + .product-img.zoom .zoomImg { display: none !important; } .thumb-slider .thumb-img .play-video-icon { height: auto; width: 40px; } /* PDP Video */ /* 29/01/2020 */ .inner-product-block a:hover { text-decoration: none; } .inner-product-block .product-form {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .inner-product-block:hover .product-form { visibility: visible; opacity: 1; } /* 29/01/2020 */ /* Moduke-3 */ /* .module-three-section .container { max-width: 1340px; padding: 30px 25px 40px; } */ /* .module-three-section .skincare-solution-wrapper.row { margin: 0 -25px; } */ .module-three-section .skincare-solution { padding-bottom: 225px; text-align:center; } .module-three-section .skincare-solution:last-child { padding-bottom: 0; } .skincare-solution-wrapper .slideinner { text-align: center; padding: 0 25px; } .skincare-solution-wrapper .image-wrapper { position: relative; overflow: hidden; } .skincare-solution-wrapper .image-wrapper .img-hover-zoom { display: block; } .skincare-solution-wrapper .image-wrapper img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .skincare-solution-wrapper .image-wrapper:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .skincare-solution-wrapper .image-wrapper:hover img.no-hover { -webkit-transform: scale(1); transform: scale(1); } .skincare-solution-wrapper .image-wrapper img { margin: 0 auto; width: 100%;} .skincare-solution-wrapper .image-wrapper:hover .play-video-icon img { -webkit-transform: scale(1); transform: scale(1); } .detail-link{display:inline;} /* .module-three-section { padding: 0 0; margin: 40px 0 40px; } */ .skincare-solution-wrapper .product-desc { padding-top:20px; } .new-module-section .slider-heading p { color: #000000; font-family: Lato; font-size: 18px; font-weight: 300; padding-bottom: 10px;line-height: 26px; } /* Module-3 */ /* FAQ */ .inner-banner-block{display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center;height:300px;width:100%} .inner-faq{margin-bottom:54px;} .inner-faq:last-child{margin-bottom:0px;} .inner-faq h3{font-size:26px;line-height:42px;margin-bottom:5px;text-transform:uppercase;color:#000} .faq-section .faq-list li{border-bottom:1px solid #d3d3d3} .faq-section .faq-list li .title{padding:11px 40px 10px 0; display:block;position:relative;cursor:pointer; margin-bottom: 0; } .faq-section .faq-list li p i.minus-icon{display:none;} .faq-section .faq-list li p i{position:absolute;right:0;top:7px;height:15px;width:15px;display:inline-block;} .faq-list .faq-detail{padding:5px 40px 50px;display:none;} /* .faq-list .faq-detail p{font-size:18px;line-height:30px;color:#000; font-weight: 300; } */ .faq-list .faq-detail a { color:#d0b768; text-decoration: none; font-weight:700;} .faq-list .faq-detail a:hover, a:focus {text-decoration: underline;} .faq-section .faq-list li.active{border-bottom:1px solid #d3d3d3} .faq-section .faq-list li.active .title{font-weight:700;color:#000;} .faq-section .faq-list li.active .title i.minus-icon{display:inline-block;} .faq-section .faq-list li.active .title i.plus-icon{display:none;} .faq-section .container { max-width: 990px; } .faq-section .faq-list li:last-child { border-bottom: none; } .top-header-banner.inner-banner { padding-bottom: 0;} .top-header-banner.inner-banner .inner-banner-title { position:relative; top: 100%; left: 50%; bottom: auto; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* .top-header-banner.inner-banner .inner-banner-title h1 { text-transform: none; letter-spacing: 1px; font-size: 37px; line-height: 1; } */ /* FAQ */ /* Login-31-01 */ .customer-form .signup-wraper { padding: 18px 0 65px; } .customer-form .signup-wraper #RecoverPassword, .customer-form #customer_register_link, .customer-register-form .login-url a, .customer-form a {position: relative; text-decoration:underline; } /* .customer-form .signup-wraper #RecoverPassword:hover, .customer-form #customer_register_link:hover, .customer-register-form .login-url a:hover { text-decoration : none; } */ /* .customer-form .signup-wraper #RecoverPassword:after, .customer-form #customer_register_link:after, .customer-register-form .login-url a:after { content: ""; position: absolute; left: 0; right: 100%; width: 100%; height: 1px; bottom: 4px; background: #000; margin: 0 auto; transition: 0.5s all; } */ /* .customer-form .signup-wraper #RecoverPassword:hover:after, .customer-form #customer_register_link:hover:after, .customer-register-form .login-url a:hover:after { width: 0; right: auto; left: 0; } */ .customer-form .signup-wraper { border-bottom: 1px solid rgba(0,0,0,0.3); } .input-error-message, .input--error { color: #af893c; font-size: 21px; font-weight: 400; line-height: 37.55px; line-height: 1; } input.input--error, select.input--error, textarea.input--error { border: 2px solid #af893c !important; background-color: transparent; } input::-webkit-input-placeholder { color: rgba(0,0,0,0.5) !important; font-size: 18px; font-weight: 300; line-height: 40px; padding: 0px; } input:-ms-input-placeholder { color: rgba(0,0,0,0.5) !important; font-size: 18px; font-weight: 300; line-height: 40px; padding: 0px; } input::placeholder { color: rgba(0,0,0,0.5) !important; font-size: 18px; font-weight: 300; padding: 0px; line-height: revert !important; } /* .customer-login-form { margin-top:61px; margin-bottom:76px; } */ .customer-register-form .create-account { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 21px; } .customer-register-form .btn-wrap { padding-top: 0px; } /* .customer-register-form .login-url a { padding: 6px 0; color: #000; top: 0; transform: none; font-weight: 300; font-size: 21px; text-decoration: none; position: relative; left:0; right:0; } */ /* .customer-register-form { margin-top: 60px; } */ .customer-form input, .customer-form select { border-color: #000; } .customer-form input:focus, .customer-form select:focus { border: 1px solid #000; } .note { border: none; } /* Login-31-01 */ /* Account Page */ .my-account-page { padding-top : 30px; } .account-section-header h1 { font-size:37px; text-transform: uppercase; font-weight:bold; line-height: 1.74; text-align:center; display: inline-block; border-bottom: 1px solid #000; } .account-section-header a { display: inline-block; font-weight: 400; font-size:21px; line-height: 2.15; text-align:center; color: #af893c; position: relative; } .account-section-header a:hover { color: #af893c; text-decoration: none; } .account-section-header a:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 1px; bottom: 10px; background: #af893c; margin: 0 auto; } .my-account-page .myaccount-table { padding-top:23px; } .my-account-page .myaccount-table h2 { display: none; } .my-account-page .myaccount-table h4 { font-weight: 700; } .my-account-page .myaccount-table { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; font-size:21px; line-height: 1.8; } .my-account-page .myaccount-table .myaccount__account-details { flex: 0 0 20%; max-width: 20%; } .my-account-page .myaccount-table .myaccount__account-details p { font-weight: 400; } .my-account-page .myaccount-table .myaccount__account-details p a { color: #af893c; text-decoration: underline; margin-top: 28px; } .my-account-page .myaccount-table .myaccount__order-history { flex: 0 0 74%; max-width: 74%; padding: 15px 0; } .my-account-page .myaccount-table .myaccount__order-history a { padding: 0; font-weight:bold; color: #af893c; font-family: 'Lato',sans-serif; font-size: 21px; letter-spacing: 0; text-decoration: underline; } .my-account-page .myaccount-table .myaccount__order-history a:hover { border-color : transparent; } .my-account-page .myaccount-table .myaccount__order-history a:focus { box-shadow: none; border: none; } .my-account-page .myaccount-table .myaccount__order-history table thead { color: #565656; } .my-account-page .myaccount-table .myaccount__order-history table tbody tr { border-top: 1px solid #eee; } .my-account-page .myaccount-table .myaccount__order-history table tbody tr, .my-account-page .myaccount-table .myaccount__order-history table tbody th { line-height: 49px; } .page-width { padding-left: 15px; padding-right: 15px; } /* Account Page */ /* Detail page*/ .my-account-detail { padding-top: 30px; } .my-account-detail .myaccount .order-overview { display: flex; align-items:center; flex-wrap: wrap; } .my-account-detail .myaccount .order-overview p {font-weight: 400; font-size: 22px; } .my-account-detail .myaccount h2 { text-transform: uppercase; padding-bottom : 0; font-size: 32px; font-weight: 700; margin-right: 15px; margin-bottom:0;} .my-account-detail .myaccount { display: block; margin-top: 37px; } .my-account-detail .myaccount .myaccount__account-details { display: flex; align-items:FLEX-START; padding-top: 42px; margin-bottom: 55px; } .my-account-detail .myaccount .myaccount__account-details > div { flex: 0 0 39%; max-width: 39%; } .my-account-detail .myaccount .myaccount__account-details h3 { font-size:24px; font-weight:bold; line-height: 1.74; text-transform: uppercase; color: #af893c; } .my-account-detail .myaccount .myaccount__account-details h4 { font-weight:bold; } .my-account-detail .myaccount .myaccount__account-details h4, .my-account-detail .myaccount .myaccount__account-details address { font-size: 21px; line-height: 1.8; } .my-account-detail .myaccount .myaccount__account-details .payment-status { font-weight:bold; } .my-account-detail .myaccount .myaccount__order-history table, .my-account-detail .myaccount .order-table thead { border: none; } .my-account-detail .order-table thead th { font-size: 21px; color: #565656; line-height: 1.8; text-transform: unset; } .my-account-detail .order-table tr, .my-account-detail .order-table tr td { vertical-align: middle; font-size: 21px; line-height: 1; } .my-account-detail .order-table tr th.order-table__product { width: 39%;} .my-account-detail .order-table tr th.order-table__product div { display: flex; align-items: flex-start; flex-wrap:wrap;} .my-account-detail .order-table tr th.order-table__product a { font-size: 18px; font-weight: 700; padding: 15px; text-decoration: none; border: none;color: #000; } .my-account-detail .order-table tfoot tr:last-child th, .my-account-detail .order-table tfoot tr:last-child td, .my-account-detail .order-table tfoot { border-color: #eee; } .my-account-detail .order-table tfoot tr:last-child th:first-child { border: none } .my-account-detail .myaccount .myaccount__account-details .roc-btn { font-size: 18px; padding: 9px 15px; min-width: 215px; margin-top: 12px; } .my-account-detail .order-table tfoot tr:last-child th, .my-account-detail .order-table tfoot tr:last-child td { padding : 0; padding-top: 11px; } .my-account-detail .order-table tfoot tr td, .my-account-detail .order-table tfoot tr th { line-height: 1.6; font-size: 21px; } .my-account-detail .order-table tfoot tr:first-child th, .my-account-detail .order-table tfoot tr:first-child td { padding-top: 19px; } .my-account-detail .order-table tfoot tr:nth-last-child(2) th, .my-account-detail .order-table tfoot tr:nth-last-child(2) td { padding-bottom : 21px; } /* Account Detail page */ /* Address */ .address-detail-page .address-list li .address .address-detail { text-align: left; } .address-detail-page .address-list li .address { font-size: 21px; line-height: 1.6; } .address-detail-page h2 { font-size: 24px; font-weight: bold; color: #af893c; margin-bottom: 20px; } .address-detail-page { padding: 0 15px !important; } .address-detail-page .section-header { display: table; width: 100%; text-align: center; } .address-detail-page .section-header h1 { font-size: 37px; text-transform: uppercase; font-weight: bold; line-height: 1.74; text-align: center; margin-bottom: 30px; display: inline-block; border-bottom: 1px solid #000; } .address-detail-page .section-header .header-btn-wrap { text-align: right; } .address-detail-page .address-list li .list--inline li .roc-btn, .my-account-page .roc-btn, .section-header .roc-btn { min-width: 130px; padding: 9px 17px; font-size: 18px; } /* Address */ /* header-search */ .site-nav li.search-icon { padding-top: 3px; } .site-nav li.search-icon:hover > .site-nav__dropdown, div.snize-ac-results div.snize-dropdown-arrow { display: none; } .site-nav li.search-icon a:hover { text-decoration: none; } .site-nav li.search-icon a .site-nav__label { border-bottom: none; } .site-nav li.search-icon a .site-nav__label .icon { height: 22px; width: 22px; } .site-nav li.search-icon .search-detail input[type="search"] { width: 90%; font-size: 18px; font-weight: bold; border-color: #000; border-radius: 0; } .site-nav li.search-icon .search-detail input[type="search"]::placeholder { font-weight: 300; line-height: 1.3; } .site-nav li.search-icon .search-detail input[type="search"]::-webkit-input-placeholder { font-weight: 300; line-height: 1.3; } .site-nav li.search-icon .search-detail input[type="search"]::-moz-placeholder { font-weight: 300; line-height: 1.3; } .site-nav li.search-icon .search-detail input[type="search"]:-ms-input-placeholder { font-weight: 300; line-height: 1.3; } .site-nav li.search-icon .search-detail input[type="search"]:-moz-placeholder { font-weight: 300; line-height: 1.3; } .site-nav li.search-icon .search-detail .search-form form { display: flex; align-items: center; justify-content: space-between; } .site-nav li.search-icon .search-detail .search-form form .close-icon { width: 20px; cursor: pointer; } div.snize-ac-results { box-shadow: 0px 6px 6px 0px rgba(15,28,31,0.1); } div.snize-ac-results li { font-size: 16px !important; text-transform: uppercase; font-weight: 400; text-align: left !important; line-height: 1.6 !important; font-family: 'Lato',sans-serif; color: #000 !important; } div.snize-ac-results li.snize-label { font-size: 18px !important; padding: 0 !important; border: none !important; margin-top: 40px; font-weight: 700; text-align: left !important; line-height: 2 !important; font-family: 'Lato',sans-serif; color: #000 !important; background: transparent !important; } div.snize-ac-results li.snize-label:first-child { margin-top: 0px; display:none;} div.snize-ac-results li.snize-ac-over-nodrop, div.snize-ac-results li.snize-ac-over-nodrop a.snize-view-link { background-color: transparent !important; } div.snize-ac-results li.snize-product { width: 33.333%; float:left; } div.snize-ac-results span.snize-description, div.snize-ac-results li.snize-results-html { display: none !important; } div.snize-ac-results li.snize-separator { display: none !important; } div.snize-ac-results li.snize-view-all-link span { text-align: center; } div.snize-ac-results li.snize-view-all-link, div.snize-ac-results span.snize-thumbnail, div.snize-ac-results span.snize-overhidden, div.snize-ac-results div.snize-price-list { display: block !important; width: 100% !important; } div.snize-ac-results span.snize-title {font-size: 16px !important; max-height: inherit !important; min-height: 63px !important; -webkit-line-clamp: inherit !important; text-align: center !important; text-overflow: unset !important; font-weight: 700; line-height: 1 !important; font-family: 'Lato',sans-serif; color: #000 !important; } div.snize-ac-results span.snize-thumbnail { width: 100%; text-align: center; } div.snize-ac-results span.snize-overhidden { text-align: center; } div.snize-ac-results .snize-price-list { font-weight: normal !important; } div.snize-ac-results li.snize-view-all-link span { font-size: 23px !important; line-height: 32px !important; color: #af893c !important; font-weight: 700 !important; } div.snize-ac-results ul { padding-bottom: 20px !important; } div.snize-ac-results { max-width: 1156px !important; left: 0 !important; right: 0 !important; background-color: #fff !important; text-align: center !important; margin: 0 auto !important; padding: 0 60px !important; width: 100% !important; min-height:325px; } div.snize-ac-results li.snize-no-products-found { border-bottom: none !important; } div.snize-ac-results .snize-no-products-found-text { background-color: transparent !important; padding: 0 !important; border: none !important; border-radius: 3px; font-size: 16px !important; color: #000 !important; } .search-icon-mobile { display: none;} .snize-ac-results .snize-suggestion, .snize-ac-results .snize-vendor, .snize-ac-results .snize-tag, .snize-ac-results .snize-category, .snize-ac-results .snize-page { padding-top: 0 !important; padding-bottom: 0 !important; } .snize-ac-results .snize-thumbnail, div.snize-ac-results div.snize-price-list { text-align: center !important; } div.snize-ac-results li.snize-view-all-link { position: absolute; bottom: 10px; text-align: center !important; margin: 0 auto; left: 0; right: 0 } div.snize-ac-results li.snize-view-all-link .snize-ac-results-arrow { background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/golden-arrow-right.svg?v=96991146273042587901611592236); background-size: 12px; background-position: center; background-repeat: no-repeat; transition: all 0.5s; height: 19px; width: 30px; margin: 0;} div.snize-ac-results li.snize-view-all-link:hover .snize-ac-results-arrow { transform: translateX(5px);} .snize-ac-results-content { box-shadow: none !important; padding-bottom: 50px !important; min-height:325px; } div.snize div.snize-main-panel{ display:none !important; } .snize-ac-results .snize-product a{ flex-flow: wrap !important; justify-content: center !important; } .snize-ac-results .snize-nothing-found, .snize-ac-results .snize-noresults-html { position: relative !important; } .snize-ac-results .snize-item-image{ max-height:150px !important; max-width:150px !important; } .snize-ac-results .snize-thumbnail{ max-height:150px !important; width:150px !important; } .snize-ac-results .snize-product::after{ border-top:none !important; } div.snize-ac-results .snize-price-list { font-size:16px; } /* header-search */ /* Special offer */ .page-title { font-size: 44px; line-height: 48px; letter-spacing: 4px; margin-bottom: 24px; display:block;text-align:center;font-weight:700; } .page-title span{display:block;text-align:center;position:relative;padding-bottom:29px;} .page-title span:after{content:"";position:absolute;bottom:0;height:1px;width:190px;background-color:#000;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} .offer-title-section {padding:80px 0 0;} .offer-section .container { max-width: 1120px; padding: 0 15px; } .offer-section .inner-offer { padding: 50px 0 0; } .offer-section .offer-row{display:flex;flex-wrap:wrap; justify-content:space-between;padding-bottom:20px;position: relative;} .offer-section .offer-img{width:35%; overflow: hidden;} .offer-section .offer-img img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .offer-section .offer-img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .offer-section .offer-img i{display:block;} .offer-section .offer-detail {width:65%;padding-left:28px; padding-bottom: 30px;} .offer-section .offer-detail ul{margin-bottom:27px;} .offer-section .offer-detail ul li{font-weight:300;font-size:21px;line-height:32px;margin-bottom:0px; } .offer-section .offer-detail h3 {font-weight:700;font-size:26px;line-height:42px;margin-bottom:0px; text-transform: uppercase; } .offer-section .offer-detail p {font-weight: 300; display: block; } .offer-section .offer-detail em{font-size:20px;line-height:24px;font-style: italic; } .offer-section .offer-detail label {font-weight:700;font-size:21px;line-height:28px;margin-bottom:22px; margin-top: 16px; letter-spacing:0.4px; display: block;} .offer-section .offer-detail .offer-valid { font-size: 16px; font-style: italic; font-weight: 300; color: #000; line-height: 32px; } .offer-section .shop-btn {font-weight:700;font-size:16px;line-height:1.4;margin-bottom:4px;color:#967028;display:inline-block;align-items: center; } .offer-section .shop-btn span{display:inline-block;margin-right:5px; line-height: 32px; text-transform: uppercase;} .offer-section .shop-btn i{display:inline-block;height:12px;width:9px;transition:0.3s;} .offer-section .shop-btn i img{display:block;} .offer-section .shop-btn:hover {text-decoration:none;opacity:0.7} .offer-section .shop-btn:hover i{transform:translateX(5px);} .offer-section .more-btn{position:absolute; transition: all 0.5s; bottom:5px; right: 0; padding-right: 10px; display:flex;align-items: center;color:#7a96b3;font-weight:700;font-size:16px;line-height:22px;} .offer-section .more-btn span{display:inline-block;margin-right:5px; text-transform: uppercase;} .offer-section .more-btn:hover{text-decoration:none;opacity:0.7} .offer-section .more-btn i{display:inline-block;height: 15px ;width:15px; transition: all 0.5s;} .offer-section .more-btn i img{display:block;width:100%;height:100%;} .more-detail-content { display: none; } .more-detail-content { padding-bottom: 15px; margin-bottom: 15px; } .offer-section .offer-row-wrapper { margin-bottom: 64px; border-bottom: 1px solid #e5e5e5; } .offer-section .more-detail-content p { margin-bottom: 8px; font-weight: 300; } .offer-section .more-btn.open i { transform: rotate(180deg); } /* Special offer */ /* Shipping Privacy Page */ .formatTable tr td{ border:1px solid #000; padding:5px; } .policy-section{padding:108px 0 0;} .policy-section .container { max-width: 1220px; padding: 0 15px; } .page-title { font-size: 44px; line-height: 48px; letter-spacing: 4px; margin-bottom: 24px; display:block;text-align:center;font-weight:700; } .page-title span{display:block;text-align:center;position:relative;padding-bottom:29px;} .page-title span:after{content:"";position:absolute;bottom:0;height:1px;width:190px;background-color:#000;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} .inner-policy{padding-top:30px;} .inner-policy ul li { margin-bottom:24px;font-size:18px;line-height:1.38; font-family: 'Lato',sans-serif; font-weight: 300; letter-spacing: normal; color: #000000; } .inner-policy ul li p{margin-bottom:0;} .inner-policy ul{margin-top:10px;margin-bottom:10px;margin-left: 20px;} .inner-policy h2{font-size:22px;} .inner-policy ul li{ list-style:disc; } /* Shipping Privacy Page */ .top-header-banner .mobile-none { display: block; } .top-header-banner .desktop-none { display: none; } /* Store Locator */ .store-logos{ display:flex; margin: 20px auto; max-width:800px; flex-wrap: wrap; justify-content: center; } .store-logos a{ border-bottom:none !important; } .store-locator-section #stockist-widget .stockist-result-filters{ display:none; } .store-locator-section #stockist-widget .stockist-feature-color{ color:#967028; } /* .store-locator .top-header-banner.inner-banner .inner-banner-title h1 { font-size:44px; line-height: 1.09; text-transform: uppercase; letter-spacing: 4px; } */ .store-locator .page-detail p { font-size: 28px; line-height: 1.64; font-weight: 300; margin-bottom: 24px; text-align: center; margin-top: 107px; } .store-locator #stockist-widget .stockist-search-filters { margin-top: 17px; } .store-locator #stockist-widget .stockist-search-filter-checkbox { display: inline-block; margin-bottom: 0px; width: 48%; margin-right: 0; } .store-locator #stockist-widget .stockist-search-filter-checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .store-locator #stockist-widget .stockist-search-filter-checkbox label { position: relative; cursor: pointer; font-size: 16px; line-height: 25px; color: #967028; } .store-locator #stockist-widget .stockist-search-filter-checkbox label:before { content: ''; -webkit-appearance: none;border-radius: 1px; background-color: transparent; border: 2px solid #eee; padding: 5px; margin-right: 8px; margin-left: 3px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .store-locator #stockist-widget .stockist-search-filter-checkbox.checked label:after { content: ''; display: block; position: absolute; top: 4px; left: 9px; width: 7px; height: 13px; border: solid #000; border-width: 0 3px 3px 0; transform: rotate(45deg); } .store-locator #stockist-widget .stockist-icon-marker:before { display: none; content: ''; } .store-locator #stockist-widget .stockist-icon-marker { height: 32px; background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/location.png?v=80898806846379949231611592248); background-position: center center; background-repeat: no-repeat; background-size: auto; } .store-locator #stockist-widget .stockist-result>div.stockist-result-distance+div, .store-locator .stockist-result-distance-text { font-weight: 400; } .store-locator-section #stockist-widget .stockist-horizontal .stockist-side-panel { width: 310px; } .store-locator-section #stockist-widget .stockist-search-form { margin-bottom: 19px; } .store-locator-section #stockist-widget .stockist-map { left: 350px; } .store-locator-section #stockist-widget .stockist-list-result> .stockist-result-distance { width: 43px; } .store-locator-section #stockist-widget .stockist-result * { line-height: 1.4; } .store-locator-section #stockist-widget .stockist-list-result>.stockist-result-distance>.stockist-icon { margin-bottom: 5px; margin-top: 5px; width: 42px; } .store-locator-section #stockist-widget .stockist-result-list ul>li { padding-bottom: 23px; } .store-locator-section { padding: 0 15px; } /* Search Result page */ .search-result { padding: 19px 15px 0; } .search-result .section-header { justify-content: center; margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .search-result h1 { font-size: 50px; margin-bottom: 0; line-height: 56px; letter-spacing: 4px; display: block; text-align: center; font-weight: 700; text-transform: uppercase; } /* .search-result div.snize div.snize-main-panel { display: none; } */ .search-result div.snize div.snize-search-results-header { width: 100%; text-align: center; color: #000000; font-family: 'Lato',sans-serif; font-size: 28px; text-align: center; font-weight: 400; line-height: 1.64; margin: 0 auto; padding-bottom: 50px; } .search-result div.snize div.snize-search-results-header a { text-transform: uppercase; } .search-result div.snize div.snize-search-results-header b { font-weight: 400; } .search-result #snize-search-results-grid-mode span.snize-thumbnail { border: none; } .search-result #snize-search-results-grid-mode span.snize-overhidden { background: transparent; } .search-result #snize-search-results-grid-mode li.snize-product { overflow: initial; width:33% !important; margin: 0; padding-bottom: 80px; } .search-result #snize-search-results-grid-mode li.snize-product span.snize-title { color: #000; font-weight: 700; min-height: 46px; font-size: 18px; line-height: 1.31; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .search-result #snize-search-results-grid-mode .snize-price-list { color: #000; font-weight: 400; font-size: 18px; line-height: 1.31; } .search-result #snize-search-results-grid-mode li.snize-product .snize-button { left: 0; margin-left: 0; top: auto; right: 0; margin: 0 auto; min-width: auto; width: 160px; border-width: 1px; padding: 8px 15px; font-weight: 700; font-size: 17px; line-height: 1; text-transform: uppercase; border-radius: 0; margin-top: 17px; LETTER-SPACING: 0;opacity: 1; visibility: visible; position:relative;border: 3px solid #000000;} .search-result #snize-search-results-grid-mode li.snize-product .snize-button:hover{ background:#fff; color:#000; } .search-result #snize-search-results-grid-mode span.snize-thumbnail img { bottom: auto; left: auto; right: auto; top: auto; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .search-result #snize-search-results-grid-mode .snize-product:hover span.snize-thumbnail img { webkit-transform: scale(1.1); transform: scale(1.1); } .search-result #snize-search-results-grid-mode span.snize-thumbnail { display:flex; display: flex; align-content: center; align-items: center; justify-content: center; } .search-result #snize-search-results-grid-mode li.snize-product:hover span.snize-title { color: #d0b768; } .search-result #snize-search-results-grid-mode.snize-four-columns li.snize-product { padding-bottom: 75px; } .search-result #snize_results.snize-mobile-design li.snize-product .snize-price-list .snize-price { color: #000 !important; } .search-result #snize-search-results-grid-mode .snize-overhidden {text-align:center;} /* top black section */ .top-shipping-offer { background-color: #001f44; } .top-shipping-offer ul { margin:0; padding:0; list-style-type: none; display: inline-block; text-align: center; width: 100%; } .top-shipping-offer ul li, .top-shipping-offer ul li a { color: #fff; position: relative; display: inline-block; font-size: 16px; } .top-shipping-offer ul li { padding: 0 10px; } .top-shipping-offer ul li a { text-decoration: none; } .top-shipping-offer ul li a:hover { color: rgba(255,255,255,0.75); } .top-shipping-offer ul li:first-child:before { display: none; } /* slide out cart */ #sellify-ucd-cart-drawer { padding: 0 20px; } #sellify-ucd-cart-drawer .ucd-drawer__title { font-size: 24px !important; padding-left:0px !important; padding-right:0 !important; text-align: left !important ; font-weight: 400 !important; line-height: 1.75 !important; border-bottom: none !important; } #sellify-ucd-cart-drawer a .ucd-cart { display: none; } #sellify-ucd-cart-drawer .ucd-icon-close svg { height: 15px !important; width: 15px !important; } #sellify-ucd-cart-drawer .free-shipping-message { font-size: 14px !important; text-align: left !important ; border-top: none !important; font-weight: 400 !important; line-height: 1.3; margin-bottom: 5px !important; } #sellify-ucd-cart-drawer .ucd-icon-close { opacity: 1 !important; right: 20px !important; } #sellify-ucd-cart-drawer .ucd-locked-offer-progress-made { background: #7a98b2 !important; } #sellify-ucd-cart-drawer .ucd-locked-offer-progress-bar { border-radius: 7px !important; overflow: hidden !important; } #sellify-ucd-cart-drawer .ucdcart__row { padding-left:0 !important; padding-right: 0 !important; } #sellify-ucd-cart-drawer .ucd-price-container span, #sellify-ucd-cart-drawer a.ucd-remove { font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important; } #sellify-ucd-cart-drawer a.ucd-remove { color : #000 !important; text-decoration: underline !important; text-transform: unset !important; } #sellify-ucd-cart-drawer .ucdcart__qty { border: 1px solid #000 !important; min-height:46px !important; } #sellify-ucd-cart-drawer .ucdcart__qty .ucdcart__qty-num { min-height: auto !important; height: auto !important; border: none !important; } #sellify-ucd-cart-drawer .ucdcart__product:last-child, #sellify-ucd-cart-drawer .ucd-discount-code-grid { border-bottom: none !important; } #sellify-ucd-cart-container, #sellify-ucd-cart-drawer .ucd-drawer__header { padding: 15px 30px 0 !important; } #sellify-ucd-cart-drawer .free-shipping-message.is-success, #sellify-ucd-cart-drawer .free-shipping-message.is-error { padding: 0 !important; } #sellify-ucd-cart-drawer .ucd-discount-code-grid { padding: 20px 0 !important; } #sellify-ucd-cart-drawer .subtotal-grid { background: transparent !important; padding: 0 !important; margin-bottom: 30px; } #sellify-ucd-cart-drawer .subtotal-grid p, .ucdcart__footer>p { font-size: 18px !important; font-weight: 400 !important; line-height: 1.78 !important; } #sellify-ucd-cart-drawer button.cart__checkout, #sellify-ucd-cart-drawer .ucd-discount-code-grid .ucd-apply-discount-code { font-size: 18px !important; font-weight: 400 !important; } #sellify-ucd-cart-drawer .sellify-shipping-progress { padding: 0 !important; border-bottom: none !important; } #sellify-ucd-cart-drawer .ucdcart__qty .icon-fallback-text { font-size: 18px !important; } #sellify-ucd-cart-drawer a.ucdcart__product-name { font-weight: 400 !important; text-transform: initial !important;} #sellify-ucd-cart-drawer .ucd-discount-code-grid .ucd-discount-field::-webkit-input-placeholder { font-size: 12px; line-height: 1.5; } #sellify-ucd-cart-drawer .ucd-discount-code-grid .ucd-discount-field:-ms-input-placeholder { font-size: 12px; line-height: 1.5; } #sellify-ucd-cart-drawer .ucd-discount-code-grid .ucd-discount-field::placeholder { font-size: 12px; line-height: 1.5; } #sellify-ucd-cart-drawer .ucd-locked-offer-progress-bar { height: 15px !important; background: transparent !important; } #sellify-ucd-cart-container .ucd-grid { grid-template-columns: 80px calc(100% - 100px) !important; } .ucd-quantity-grid { grid-template-columns: calc(100% - 130px) 120px !important; } #sellify-ucd-cart-drawer .ucd-discount-code-grid .ucd-discount-field {padding: 10px 160px 10px 25px !important; } #sellify-ucd-cart-drawer button { text-decoration: none; display: inline-block; text-align: center; font-size: 16px; line-height: 20px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; min-width: 160px; padding: 10px 16px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; border: 3px solid #001f44 !important; margin-top:20px; letter-spacing:2px;} #sellify-ucd-cart-drawer button { background-color: #001f44 !important; color: #ffffff; } #sellify-ucd-cart-drawer button:hover, #sellify-ucd-cart-drawer button:focus { background-color: #fff !important; color: #001f44; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; outline: none !important; opacity:1 !important;} #sellify-ucd-cart-drawer button:hover:before{ opacity:0 !important; } #sellify-ucd-cart-drawer .ucdcart__qty-adjust, #sellify-ucd-cart-drawer .ucd-icon-close{ background-color:#fff !important; border: 0 !important;} /* 24-02 */ .something-wrong .input-error-message { margin: 8px auto 11px; max-width: 300px; width: 100%; color: #af893c !important; } form.something-wrong .input-error-message { max-width: 425px; } .something-wrong .input-error-message > span {color: #af893c !important;} .retailers-modal.skincare-modal .modal-dialog .modal-content .success p.form-message--success { max-width: 300px; margin: 0 auto 15px !important; color: #1f873d; font-size: 18px; } .retailers-modal.skincare-modal .modal-dialog .modal-content .something-wrong .email-input-wrapper input { border-color: #af893c; border-width: 2px; } form.success p.form-message--success { max-width: 425px; margin: 0 auto 15px; } /* Quote Section */ #shopify-section-product-metafields-attributes .quote-section-wrapper { background-color: #e0e8f1; margin-top: 160px; } .quote-section { width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; position: relative; } .quote-section .quote-image { flex: 0 0 40%; max-width: 40%; margin-top: -80px; position: relative; text-align: right; padding-right: 50px; padding-bottom:30px; } .quote-section .quote-image img { width: 100%; max-width: 350px; } .quote-section .quote-sentence { flex: 0 0 50%; max-width: 50%; padding-bottom: 30px; } /* .quote-section .quote-sentence p { font-size: 26px; line-height: 1.4; padding-top: 47px; letter-spacing: -0.8px; margin-bottom: 4px; } */ /* .quote-section .quote-sentence p strong { font-weight: 400; display: inline; } */ .quote-section .quote-sentence span { font-weight: 300; font-size: 18px; line-height: 1.4; position: relative; padding-left: 23px; } .quote-section .quote-sentence span:before { content: ''; position: absolute; height: 1px; width: 10px; top: 13px; left: 5px; background-color: #000; } .quote-sentence { position: relative; padding-top:30px;} .quote-sentence:before { content: ''; position:absolute; height: 75px; width: 75px; top: -37px; left: 0; background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/quotes.png?v=27226868528590649161611592246); background-position: center center; background-repeat: no-repeat; background-size: auto; } /* Quote Section */ .mobile-title { display: none; } /* 13-03 */ .main-slider .slider-img { position: relative; } .main-slider .slider-img.desktop-img { display: block; } .main-slider .slider-img.tablet-img { display: none; } .main-slider .slider-img.mobile-img { display: none; } .main-slider .slider-info { position:absolute; left: 0; right: 0; top: 50%; text-align: center; transform: translateY(-50%); } .main-slider .slider-info p { font-size: 50px; color: #ffffff; line-height: 1.1; width: 100%; text-align: center; padding: 0 15px; font-weight: 500; font-family: 'Lato',sans-serif; font-weight: 700; text-transform: uppercase; } .main-slider a { display: block; width: 100%; } .main-slider .slider-img .slider-main-image img { width: 100%; opacity: 0; /*max-height: 600px;*/ } .main-slider .slider-main-image { background-position: center center; background-repeat: no-repeat; background-size: cover; /*max-height: 600px;*/ } .main-slider .slider-content { padding-top: 30px; text-align: center; } .main-slider .slider-content p { font-size: 24px; line-height: 32px; color: #000000; font-weight: 500; font-family: 'Lato',sans-serif; width: 100%; margin: 0 auto; text-transform: uppercase; } .main-slider .slider-content a { display: inline-block; width: auto; } /* 16-03 */ .quantity-wrapper .counter-product-wrapper { border: 1px solid #000 !important;width:100%; } .quantity-wrapper .input-number { width: 50%; padding: 0 12px; /* vertical-align: top; */ text-align: center; outline: none; } .quantity-wrapper .input-number, .quantity-wrapper .input-number-decrement, .quantity-wrapper .input-number-increment { border: none; /* height: 40px; */ user-select: none; } .quantity-wrapper .input-number-decrement, .quantity-wrapper .input-number-increment { display: inline-block; width: 20%; line-height: 46px; color: #444; text-align: center; font-weight: bold; cursor: pointer; } .quantity-wrapper .input-number-decrement { border-right: none; border-radius: 4px 0 0 4px; } .quantity-wrapper .input-number-increment { border-left: none; border-radius: 0 4px 4px 0; } .customer-fav-product .inner-product-block.animated.fadeInUpShort { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation: none; animation: none; padding-left: 15px; padding-right: 15px; } .customer-fav-product .inner-product-wrapper .slick-prev, .customer-fav-product .inner-product-wrapper .slick-next { top: 30%; } /* PDP Image Vedio Section (09-04-2020) */ .detail-image-section { background-color:#e0e8f1; /* margin:40px 0 60px 0; */ } .detail-image-section .detail-image-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* margin:0 -38px; */ padding:30px 0 30px 0; justify-content: space-between; } .detail-image-section .detail-image-wrapper .left-section h4 { text-transform:uppercase; color:#936C22; } .detail-image-section .detail-image-wrapper .left-section a { font-size:18px; line-height:1.4; font-weight:400; color:#000000; text-decoration:underline; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .detail-image-section .detail-image-wrapper .left-section a:hover { text-decoration:none; } .detail-image-section .detail-image-wrapper .left-section { -ms-flex: 0 0 48%; -webkit-box-flex: 0; -webkit-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; text-align: center; /* padding:32px 38px 48px; */ } .detail-image-section .detail-image-wrapper .right-section { -ms-flex: 0 0 48%; -webkit-box-flex: 0; -webkit-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; padding:0 80px; } .detail-image-section .detail-image-wrapper .right-section .image-wrapper { /* max-width:568px; */ width:100%; margin:0 auto; position:relative; text-align:center; } .detail-image-section .detail-image-wrapper .right-section .image-wrapper img { max-width:100%; height:auto; margin:0 auto; } #imageModal.modal { background-color: transparent; opacity: 1; } .image-modal .modal-content { border-radius:0; margin-top:25px; } .image-modal .modal-body{ background: #97AAC0; } .image-modal .modal-body img { height:100%; width:100%; } .play-image-icon { position: absolute; cursor: pointer; z-index: 1; right:17px; bottom:15px; width: 51px; height: 51px; } @media (max-width:991px) { .detail-image-section .detail-image-wrapper { display:block; margin:0 } .detail-image-section .detail-image-wrapper .left-section , .detail-image-section .detail-image-wrapper .right-section { max-width: 100%; padding:0 ; margin-bottom:25px; } .detail-image-section .detail-image-wrapper .right-section { margin-bottom:0; } } @media (max-width:768px) { .play-image-icon { height:35px; width:35px; right:10px; bottom:10px; } } /*banner section*/ .contact-form-page a { text-decoration: none; } .contact-form-page .contact-banner-section { position: relative; padding-bottom: 84px; } .contact-form-page .contact-banner-section .contact-banner-image-block { height: 450px; text-align: center; position: relative; padding: 100px 50px; } .contact-form-page .contact-banner-section .contact-banner-image-block .contact-inner-image-block { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .contact-form-page .contact-banner-section .contact-banner-image-block .contact-inner-image-block.bg-mble { display: none; } .contact-form-page .contact-banner-section .contact-banner-image-block h1 { color: #fff; text-transform: uppercase; max-width: 553px; margin: 0 auto; letter-spacing: 4px; position:relative;z-index:1; margin-top:-1.5em;} .contact-form-page .contact-banner-section .contact-banner-image-block h1 span { display: block; } .contact-form-page .contact-banner-section .contact-banner-content { background-color: #fff; box-shadow:1.634px 2.516px 6.5px rgba(0, 0, 0, 0.25);-webkit-box-shadow:1.634px 2.516px 6.5px rgba(0, 0, 0, 0.25);width: 553px; max-width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 18px; padding: 38px 80px 57px; text-align: center; } .contact-form-page .contact-banner-section .contact-banner-content p { font-size: 19px; margin-bottom: 22px; margin-top: 22px; line-height: 33px; letter-spacing: 0.3px; } .contact-form-page .contact-banner-section .contact-banner-content p:last-child { margin-bottom: 0; } .contact-form-page .contact-banner-section .contact-banner-content .contact-listing { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 -10px 47px; } .contact-form-page .contact-banner-section .contact-banner-content .contact-listing li { width: 50%; padding: 0 10px; margin-bottom: 16px; } .contact-form-page .contact-banner-section .contact-banner-content .contact-listing li:nth-last-child(-n + 2) { margin-bottom: 0; } .contact-form-page .contact-banner-section .contact-banner-content .contact-listing li a { display: -webkit-box; display: flex; padding: 40px 41px 48px; border: 2px solid #7695b4; color: #000; font-size: 20px; line-height: 27px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-transform: uppercase; height: 100%; text-align: center; } .contact-form-page .contact-banner-section .contact-banner-content .contact-listing li a:hover,.contact-form-page .contact-banner-section .contact-banner-content .contact-listing li a.active { color: #fff; background-color: #001f44; border-color: #001f44; } .contact-form-page .contact-banner-section .contact-banner-content .contact-link { font-size: 25px; line-height: 29px; letter-spacing: -0.3px; } .contact-form-page .contact-banner-section .contact-banner-content .contact-link a { color: #000; margin-left: 4px; } /*form section*/ .contact-form-page .form-block-inner{max-width: 50%;margin:0 auto;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;} .contact-form-page .description-block{display:-webkit-box;display:flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;} .contact-form-page .description-block p,.contact-form-page .description-block p a{text-align: center;font-size:21px;line-height: 36px;color:#000;font-weight:300;padding:0 0 10px;} .contact-form-page .description-block span{font-style: italic;font-size:21px;line-height: 36px;color:#000;font-weight: 300;} .contact-form-page .form-fields{display:-webkit-box;display:flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: nowrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;padding:20px 0;} .contact-form-page .form-fields .form-group{width:100%;display:-webkit-box;display:flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;padding:0 15px;} .contact-form-page .form-fields .half-field{width:49%;} .contact-form-page .form-fields .half-field.order-field{order:2;} .contact-form-page .form-group label{font-size: 16px;line-height:33px;display:block;color:#000;font-weight:400;} .contact-form-page .form-group input{width:100%;border:1px solid #898989;background:#fff;border-radius: 3px;height:54px;padding:5px 15px;} .contact-form-page .form-group textarea{width:100%;height:206px;border:1px solid #898989;background:#fff;border-radius: 3px;} .contact-form-page .button-block{display:-webkit-box;display:flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;} .contact-form-page .button-block a.btn{display:-webkit-inline-box;display:inline-flex;min-width:285px;background:#000;color:#fff;font-size:24px;-webkit-box-align: center;align-items: center;-webkit-box-pack:center;justify-content:center;border-radius: 0;text-transform: uppercase;height:73px;border:1px solid #000;transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;} .contact-form-page .button-block a.btn:hover{color:#000;background:transparent;transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;} .contact-form-page .button-block a.btn:focus{border:none;outline:none;} .contact-form-page .button-block a.btn:active{border:1px solid #000;outline:none;} .contact-form-page .form-group select{background-color:#fff;background-image:url(../images/ico-select.svg);background-repeat: no-repeat;background-position: right 15px center;width:100%;border:1px solid #898989;border-radius: 3px;height:54px;padding:5px 40px 5px 15px;} .contact-form-page .form-group select::-ms-expand {display: none;} .contact-form-page .form-block-inner.active{display: -webkit-box;display: flex;} .contact-form-page .thankyou-block{display: none;padding:100px 0 0;text-align: center;} .contact-form-page .thankyou-block.active{display:block;} .contact-form-page .thankyou-block h2 { font-size: 40px; line-height: 44px; letter-spacing: 8px; font-weight: 700; } .contact-form-page .thankyou-block p { max-width: 600px; margin: 0 auto;} /* .roc-signup-section{padding:50px 0 0;} */ .roc-signup-section h3 { padding: 0 15px; } .contact-form-page .form label.error{ color:red;} h4.inner-product-title.small-title { font-size: 18px; line-height: 1.4; } /*31-08-2020 center block content*/ .clinically-difference .center-difference-details{ flex-direction: column; align-items: center; text-align: center; } .clinically-difference .center-difference-details .left-text{ padding-right:0; } /* modal 31-08-2020 */ body.open { overflow:hidden; } .overlay{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9; overflow-y: auto; height: 100%; max-height:100vh; } .modal-inner{ margin:100px auto 0; background:#fff; min-height:466px; max-width:740px; padding:50px 35px; position:relative; } .custom-modal{ width:100%; text-align:center; padding:15px } .modal-btn{ background-color:transparent; border:1px solid #dedddd; padding:8px; margin-bottom:30px; display: flex; align-items: center; justify-content: center; } .modal-btn span,i{display:inline-block;} .modal-btn i{width:20px;} .modal-btn span{margin-right:10px;} .custom-modal .btn-block{ display:flex; align-items:center; flex-direction:column; justify-content:center; margin-top:40px; } .custom-modal p{font-size:16px;margin:0;letter-spacing:0.3px;} .custom-modal h2{letter-spacing:2px;margin-bottom:7px;} .custom-modal .modalClose{ cursor:pointer; font-size:20px; position:absolute; left:10px; top:10px; display:inline-block; width:20px; } @media (max-width:767px){ .custom-modal h2{font-size:26px;} .modal-inner{min-height:40px;margin:70px auto 0;} .custom-modal .modalClose{width:15px;} } .lang_fr,.lang_es,.lang_gb,.lang_it,.lang_nl,.lang_de,.lang_tr{display:none;} .contact-form-page .form-group .lang_fr,.contact-form-page .form-group .lang_es,.contact-form-page .form-group .lang_gb,.contact-form-page .form-group .lang_it,.contact-form-page .form-group .lang_nl,.contact-form-page .form-group .lang_de,.contact-form-page .form-group .lang_tr{display:none;} #currency_form, #CurrencySelectorMobile { color: #FFF; }