/** Shopify CDN: Minification failed Line 384:52 Expected ":" **/ /* Hide placeholder when onclick */ input:focus::-webkit-input-placeholder {opacity: 1 !important;color:transparent; } input:focus:-moz-placeholder { opacity: 1 !important;color:transparent; } input:focus::-moz-placeholder { opacity: 1 !important;color:transparent; } input:focus:-ms-input-placeholder { opacity: 1 !important; color:transparent; } ::-webkit-input-placeholder {color:#333;opacity:1 } ::-moz-placeholder { color:#333;opacity:1 } /* firefox 19+ */ :-ms-input-placeholder { color:#333;opacity:1 } /* ie */ input:-moz-placeholder { color:#333;opacity:1 } input[type="radio"]:hover {cursor:pointer;} input[type="checkbox"]:hover {cursor:pointer;} .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .table-responsive .table { min-width:auto !important} .button1 {text-align:center;display:inline-block;padding:20px 0px !important;width:287px !important;line-height:18px !important;height:auto !important;color:#fff !important;font-size:18px;font-weight:700;background:#663366} .button2 {text-align:center;-webkit-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.30); -moz-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.30); box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.30);display:inline-block;color:#663366;padding:22px 0px 18px 0px !important;width:287px !important;line-height:18px !important;height:auto !important;font-size:18px;font-weight:700;background:#fff} .button3 {text-align:center;border:1px solid #d3d3d3 !important;display:inline-block;padding:19px 34px !important;width:auto !important;line-height:18px !important;height:auto !important;color:#333;font-size:18px;font-weight:700;background:#fafafa} .button4 {text-align:center;border:1px solid #d3d3d3 !important;display:inline-block;padding:18px 34px 16px 34px !important;width:auto !important;line-height:16px !important;height:auto !important;color:#333;font-size:16px;font-weight:700;background:#fff} .variantss {display:none;margin-top:10px;text-align:center} .variants ul {display:inline-block} .variants ul li {float:left;margin-left:5px;margin-right:5px;} .button5 {text-align:center;border:1px solid #fdad20 !important;display:inline-block;padding:22px 70px 20px 70px !important;width:auto !important;line-height:18px !important;height:auto !important;color:#fff;font-size:18px;font-weight:700;background:#fdad20} .button5:hover {color:#fff !important;} .button1:hover, .btn-addToCart:hover,.button3:hover {opacity:0.8} .button2:hover {background:#663366;color:#fff} .page-content, body#account .main-content, .template-article .main-content, .template-blog .main-content {margin-top:40px} .addcart-popup .content {position:Relative;max-width:80% !important} .gred-popup .close-window {position:absolute !important;right:5px !important;top:5px !important} .gred-popup .close-window i {color:#333} .gred-popup.loading {z-index:1000} .cart-total .button4 {float:left;} .onlyleft {position:relative;margin-left:7px;float:left;text-align:center;border:1px solid #fdad20;display:inline-block;padding:0px;height:52px;width:241px;color:#fff;background:#fdad20} .onlyleft .line1 {margin-top:10px;line-height:15px;letter-spacing:0.01em;font-size:13px;font-weight:700} .onlyleft .line2 {line-height:19px;font-size:16px;font-weight:700} .onlyleft .rect {position:absolute;left:-16px;top:10px;} select {height:53px !important;font-size:16px !important;color:#333 !important;background-image:url(//www.thecrystal.com/cdn/shop/t/91/assets/select2.png?v=184166282102082934861694101537) !important;background-color:#fafafa !important;border:1px solid #eaeaea !important} * {outline:0 !important;} .womensc {display:none} .landingbanner .col1{background:url(//www.thecrystal.com/cdn/shop/t/91/assets/lp-l.jpg?v=19087473949015313591694101514) no-repeat left center;background-size:cover;width:37%;float:left} .landingbanner .col2{position:relative;background:#630460;width:46%;float:left} .landingbanner .col2 .text {position:absolute; left: 4.5%; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);} .landingbanner .col2 .text .line1 {font-size:2vw;color:#fff;font-weight:700;text-transform:uppercase;line-height:2.4vw;} .landingbanner .col2 .text .line2 {max-width:55%;margin-top:0.6vw;font-size:1.3vw;line-height:2vw;color:#fff;} .landingbanner .col3{background:url(//www.thecrystal.com/cdn/shop/t/91/assets/lp-r.jpg?v=174700810710201240941694101515) no-repeat center;background-size:contain;width:17%;float:left;} .landingbanner .col1 .cntn {padding:20.2% 0px} .landingbanner .col3 .cntn {padding:20.2% 0px} .breadcrumb.breadcrumb-v2 {background-size:cover !important} .sidebar + .col-md-9 {float:right} .block-category .count {display:none !important} .toolbar-products * {color:#333;font-size:15px !important} .toolbar {border-bottom:0px !important} .toolbar .view-count,.toolbar .gridlistv,.toolbar .viewc {display:none !important} .block-title {margin-bottom:36px !important} .block-title h3 {margin-top:0px !important;margin-bottom:0px !important;font-size:21px !important;padding-bottom:22px;border-bottom:1px solid #c8c8c8;color:#333;font-weight:700;font-family:'Montserrat'} .block-custom-banner a {display:block;border:1px solid #eaeaea} .clear{clear:both} .f-left {float:left} .f-right {float:right} .header-bar {height:50px;} .site-header {position:absolute;top:0px;left:0px;width:100%;} .site-header-inner > .main-menu {float:right} .site-header-inner .main-menu a {font-size:18px;text-transform:capitalize;font-weight:500} .main-menu.hidden-sm.hidden-xs .level-0.menu-item:last-child {padding-right:0px !important} .myacclink, #customer_logout_link {padding-top:5px;padding-bottom:5px;padding-left:5px;border-right:1px solid #4a4a4a;padding-right:12px;} .faqlink {padding-top:5px;padding-bottom:5px;border-right:1px solid #4a4a4a;padding-right:12px;margin-right:5px;} .tp-caption {text-align:center} .rv-heading {z-index:9999;left:auto !important;right:0px !important;margin-top:0px !important} .rv-heading .l1, .rv-heading .l2 {display:inline !important;} .rv-heading .l1 {font-family:'Montserrat';font-weight:700;color:#8c89c2;line-height:67px !important;font-size:62px !important} .rv-heading .l2 {font-weight:300 !important;color:#333333;font-size:45px !important;line-height:56px !important;} .rv-heading .l3 {letter-spacing:-0.03em !important;margin-top:-26px;font-family:'Montserrat';font-weight:700;color:#fcae22;font-size:62px !important} #rev_slider .tp-caption .l4 {padding-top:5px;font-weight:400 !important;font-family:'Montserrat' !important;font-size:28px !important;color:#333;line-height:30px;} .header-bar .pull-right {margin-top:2px !important} #rev_slider .container {position:relative} .rv-heading .lline1 {line-height:1em;color:#fdc620;font-size:62px;font-family:'Montserrat';font-weight:700} .rv-heading .lline2 {line-height:1em;color:#fdad20;font-size:75px;font-family:'Montserrat';font-weight:400} .rv-heading .lline3 {line-height:28px;margin-top:10px;margin-bottom:-13px !important;color:#333;font-size:22px;font-family:'Montserrat';font-weight:400} .tp-caption.rv-heading a.revbtn {border:3px solid #f99d1c;line-height:auto !important;padding:10px 30px;text-align:center;text-transform:uppercase;width:242px !important;background:#fff;color:#555555;font-family:'Montserrat';font-weight:400;font-size:22px;} .tp-caption.rv-heading a.revbtn:hover {background:#f99d1c;color:#fff} #rev_slider .tp-bgimg {background-position:center bottom !important;background-size:contain !important} .header-bar .header-search {padding: 0 11px !important;margin:0px !important} .logo {margin-right:0px !important} .breadcrumb.breadcrumb-v2.breadcrumb-bg {padding:0px !important} .collection-sortBy {z-index:5 !important} .miniCart-content .cntt {position:relative;z-index:900000 !important;background:#fff} .copyright {background:#333333;text-align:center;font-size:12px;padding:15px 0px 9px 0px} .copyright li {display:inline-block;padding:0px 5px;} .box2.tp-caption {text-align:center;background:url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg_box2.png?v=12264150224348988541694101471) no-repeat left;background-size:contain;margin-top:80px !important;padding-left:24% !important;padding-right:5000px !important;margin-right:-5000px !important} .box2.tp-caption .cntn {position:relative;display:inline-block;width:440px;} .box2.tp-caption .line1 {padding-top:17px;font-weight:900;letter-spacing:0.005em;line-height:1.2em;font-size:15px;color:#333;} .box2.tp-caption .line2 {font-weight:900;line-height:1.2em;font-size:25px;color:#f06467;} .box2.tp-caption .line3 {margin-bottom:-10px;font-weight:900;letter-spacing:0.045em;line-height:0.8em;font-size:48px;color:#f06467;} .box2.tp-caption .bannerimage {position:absolute;right:-20px;top:-43px;} .box2.tp-caption a.revlink {border-bottom:1px solid #663366;displaY:inline-block;margin-bottom:13px;line-height:20px;letter-spacing:0.03em;color:#663366;font-size:18px;font-weight:900} .box2.tp-caption a.revlink i {margin-left:3px} .header-search .fa.fa-search,.header-bar .fa.fa-shopping-cart {font-size:16px;color:#fff !important} .header-bar .cart-count {color:#333 !important;background:#c8c8c8 !important;line-height:18px;top:5px;right:-5px;font-size:12px;width:19px;height:19px;border:1px solid #fff} #header {border-bottom:1px solid #ececeb} /* #header .header-inner {padding-bottom:13px} */ #header .main-menu {margin-top:2px} .header-search::before {display:none} .dropdown-content.search-content {padding-bottom:1px;right:6px !important;top:5px !important} .dropdown-content.search-content .search-submit i {font-size:16px !important;color:#333 !important} .dropdown-content.search-content button.search-submit {padding-right:5px !important} /* SUB-MENU */ .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu {top: calc(100% + 34px) !important;background:#333 !important;border:0px !important;-webkit-box-shadow: -3px 5px 5px 0px rgba(0,0,0,0.16) !important; -moz-box-shadow: -3px 5px 5px 0px rgba(0,0,0,0.16) !important;box-shadow: -3px 5px 5px 0px rgba(0,0,0,0.16) !important;padding:0px !important} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu {position:absolute !important;left: -315px;width:801px !important} .main-menu.hidden-sm.hidden-xs li.level-0.dropdown a{position:relative} /* .main-menu.hidden-sm.hidden-xs li.level-0.dropdown {margin-right:15px !important;} */ .main-menu.hidden-sm.hidden-xs li.level-0.dropdown > a::after {content:'\f0d7';font-family: FontAwesome;font-size:20px;color:#333;display:block;position:absolute;right:-15px;top:-4px;} .main-nav > li {padding-left:20px;padding-right:0px} .main-nav li.active > a, .main-nav li.level-0 > a:hover {color:#663366 !important} .main-nav ul li.active > a {color:#c8c2f7 !important} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu h3.menu-title {margin-bottom:11px;padding-bottom:13px;border-bottom:1px solid #666;font-weight:700;font-size:18px;color:#fff;text-transform:uppercase} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .mega-box li a {line-height:30px !important;color:#fff;font-size:16px;} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .mega-box li a:hover {color:#c8c5fe} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .mega-box {margin:0px !important;padding:48px 30px 18px 30px} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .col-sm-4:nth-child(1), .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .col-sm-4:nth-child(2){padding:0px !important;width:30% !important} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .col-sm-4:nth-child(3){text-align:right;padding:0px !important;width:40% !important} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .col-sm-4:nth-child(3) .mega-box {padding:19px 19px 11px 19px !important} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .col-sm-4:nth-child(3) a{display:inline-block} .main-menu.hidden-sm.hidden-xs .megamenu ul.level-1.row {margin:0px !important} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .mega-box + .mega-box {padding-top:9px !important} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu::before {content:'';display:block; background: url(//www.thecrystal.com/cdn/shop/t/91/assets/submenu-top.png?v=138315620144612867281694101547) no-repeat;width:37px;height:18px;position:absolute;top:-18px;right:412px;} .main-menu.hidden-sm.hidden-xs li.level-0 > a{padding-bottom:30px} .template-index .section_1 {margin-bottom:0px} .widget-policy {background:#fff;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea} .widget-policy .widget-inner {border:0px !important} .widget-policy .policy-item::after {display:none} .widget-policy .policy-item .media {margin-bottom:0px;text-align:left;float:left;width:27%;} .widget-policy .policy-item img {top: 50%; transform: translate(0, -50%);-webkit-transform: translate(0,-50%);position:absolute;left:0px;margin:0 !important} .widget-policy .policy-item .cnt {margin-left:80px;text-align:left;float:left;} .widget-policy .policy-item span {margin-top:0px;display:inline-block;line-height:19px;font-size:16px;font-weight:700;color:#666} .widget-policy .policy-item p {margin-top:-2px;line-height:14px;font-size:14px;color:#666} .widget-policy .policy-item {padding:0px} .widget-policy .col-md-3 {height:120px;position:relative;} .widget-policy .col-md-3:last-child .cnt{float:right;display:inline-block;text-align:left} .widget-policy .col-md-3:last-child {text-align:right;} .widget-policy .col-md-3:last-child img {left:35px;} .widget-policy .col-md-3:nth-child(1) .cnt {max-width:240px} .widget-policy .col-md-3:nth-child(2) .cnt {max-width:245px;padding-left:30px;} .widget-policy .col-md-3:nth-child(2) {text-align:right} .widget-policy .col-md-3:nth-child(2) .policy-item {display:inline-block;text-align:left} .widget-policy .col-md-3:nth-child(2) img{left:30px;} .widget-policy .col-md-3:nth-child(3) {text-align:right;} .widget-policy .col-md-3:nth-child(3) img{left:65px;} .widget-policy .col-md-3:nth-child(3) .cnt {float:right;display:inline-block;text-align:left;max-width:180px} .widget-policy .col-md-3:nth-child(4) .cnt {margin-right:30px;max-width:180px} .widget-policy .row {padding:0px;} .template-index .widget-productTabs {position:relative;padding-top:54px;} .template-index .widget-productTabs .carou{position:absolute;top:0px;left:0px;right:0px;margin:auto} .template-index .section_2 {margin-bottom:26px;} ul.tabs h3 {font-family:'Montserrat';font-size:21px !important;font-weight:700;color:#b8b7b7;text-transform:uppercase} ul.tabs .current h3 {color:#663366} .widget-productTabs .tab-link::before {display:none} .widget-productTabs .tab-link {padding: 0 15px 0 15px;} .widget-productTabs h3 {color:#b1b1b1 !important} .widget-productTabs .current h3 {color:#663366 !important} span.highlight{ background:#F60; padding:5px; display:inline-block; color:#FFF; } /* Product grid and list */ .product-grid-item .product-image {margin-top:5px;} .product-grid-item {text-align:center;margin-bottom:20px;width:285px !important} .product-grid-item .btn-addToCart {padding:11px 32px 10px 32px;background:#fff;color:#663366;font-size:12px;font-weight:700;text-align:center} .product-grid-item .btn-addToCart:hover {opacity:1 !important} .product-grid-item:hover .product-item-photo:before{background:none !important } .product-item .product-item-photo { margin:0px !important;} .product-grid-item .action-item {float:none !important} .product-grid-item a.product-item-name, .collection-list a.product-item-name {text-transform:none;display:inline-block;line-height:22px !important;text-align:center !important;font-weight:400 !important;font-size:16px !important;color:#333 !important} .product-grid-item .action-item form {margin-bottom:15px} .product-grid-item .price-box, .collection-list .price-box, .product-grid-item .price-box sup, .collection-list .price-box sup {top:0px !important;font-size:21px !important;color:#333;font-weight:600} .product-grid-item .price-box::first-letter {} .product-grid-item .product-item-details {margin-top:17px} .product-grid-item .product-image {overflow:hidden} .product-grid-item .product-image img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .product-grid-item .price-box {float:none !important} .product-grid-item .product-item-details .yotpo {float:none !important;} .product-grid-item .yotpo {text-align:center !important;display:inline-block !important;width:auto !important;} .product-grid-item .yotpo-bottomline {margin-top:10px !important} .product-grid-item .hoverbox {cursor:pointer;opacity:0;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;z-index:4;text-align:center;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(102, 51, 102, 0.9);} .product-grid-item .hoverbox .product-meta * , .product-grid-item .hoverbox .yotpo * {color:#fff !important} .product-grid-item .hoverbox .cnttr {position:absolute;left:0;right:0px;margin:auto;top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} .product-grid-item .product-meta {margin-bottom:10px !important} .product-grid-item .product-image:hover .hoverbox {opacity:1} .collection-list .custom-reviews {min-height:auto !important} .collection-list .product-description {padding-top:20px} .product-grid-item .onlymobile {display:none} .textblock1 {text-align:center} .textblock1 .line1 {margin-bottom:5px;line-height:32px;margin-top:60px;text-transform:uppercase;font-size:28px;color:#663366;font-weight:700;} .textblock1 .cntn {displaY:inline-block;max-width:640px} .textblock1 .line2 {line-height:24px;font-size:18px;color:#333;font-family:'Montserrat'} .contdiv {text-align:center} .contdiv .contactmain {float:none;text-align:left;display:inline-block} .widget-productTabs .button1 {margin-top:30px} .tab-content {overflow:visible} .slick-prev {background:#fff url(//www.thecrystal.com/cdn/shop/t/91/assets/arr-prev.png?v=54716792387499736361694101469) no-repeat center !important;border:0px; text-indent:-9999px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19);width:35px;height:54px;background:#fff;z-index:10;position:absolute;left:-45px;top:32%;} .slick-next{background:#fff url(//www.thecrystal.com/cdn/shop/t/91/assets/arr-next.png?v=181760097573780340041694101468) no-repeat center !important;border:0px; text-indent:-9999px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19);width:35px;height:54px;background:#fff;z-index:10;position:absolute;right:-45px;top:32%;} .slick-disabled { opacity:0.6;filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */} .hpbanner0 {background:#958ad8 url(//www.thecrystal.com/cdn/shop/t/91/assets/blank?20224) no-repeat right bottom;background-size:contain;margin:60px 0px 0px 0px !important;} .hpbanner0 .line1 {font-weight:700;line-height:1em;color:#fff;font-size:60px;} .hpbanner0 .line2 {margin-top:4px;font-weight:400;line-height:1em;color:#fff;font-size:32px;} .hpbanner0 .line3 {margin:13px 0px 30px 0px;font-weight:400;color:#fff;font-size:20px;line-height:30px;} .hpbanner0 .f-left {padding-top:64px;width:55%;padding-bottom:36px;} .hpbanner0 .f-right {background:url(//www.thecrystal.com/cdn/shop/t/91/assets/underneath.jpg?v=175394314184673531361694101552) no-repeat center bottom;background-size:contain;width:35%;} .hpbanner0 .container .cntr {margin-right:-40px;} .hpbanner1 {overflow:hidden;position:relative;background: #e6ecca; margin-top:0px} .hpbanner1 .container {padding-left:50px;padding-right:50px} .hpbanner1 .f-left {position:relative;width:50%;} .hpbanner1 .f-left .fl {margin-right:25px;float:left} .hpbanner1 .f-left .fr {float:left} .hpbanner1 .f-left a {margin-top:4px;background:#39b54a !important;font-size:18px;width:auto;padding:17px 20px 15px 20px;color:#fff;font-weight:400;text-align:center;display:block;} .hpbanner1 .f-left::after {content:'';display:block;position:absolute;width:237px;height:152px;top:0px;right:-160px;background:url(//www.thecrystal.com/cdn/shop/t/91/assets/blank?20224) no-repeat} .hpbanner1 .f-left .cnt {position:relative;padding:44px 0px 40px 91px;background:url(//www.thecrystal.com/cdn/shop/t/91/assets/refresh.png?v=98622379680596229421694101533) no-repeat left center } .hpbanner1 .f-right a {margin-top:11px;background:#cc4f82 !important;font-size:18px;width:auto;padding:17px 20px 15px 20px;color:#fff;font-weight:400;text-align:center;display:block;} .hpbanner1 .f-left .line1 {margin-top:-6px;color:#39b54a;font-size:31px;font-weight:700;line-height:31px} .hpbanner1 .f-left .line2 {margin-top:7px;color:#636464;font-size:21px;line-height:24px;font-weight:400} .hpbanner1 .f-right .line1 {margin-top:-5px;color:#cc4f82;font-size:55px;font-weight:700;line-height:60px} .hpbanner1 .f-right .line1 sup {font-weight:500} .hpbanner1 .f-right .line2 {color:#cc4f82;font-size:20px;letter-spacing:0.01em;font-weight:700;line-height:20px} .hpbanner1 .f-right {float:left;text-align:left;width:50%;} .hpbanner1 .f-right .cnt {padding:39px 5000px 36px 180px;margin-right:-5000px;background: #ffd3d0;} .hpbanner1 .cntl {float:left} .hpbanner1 .cntr {float:right} .hpbanner2 {background:url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg_rockstar.jpg?v=151006685291761862011694101474) no-repeat right bottom;background-size:contain;margin:0px !important;} .hpbanner2 .line1 {font-weight:300;line-height:1em;color:#958ad8;font-size:60px;} .hpbanner2 .line1 span{font-weight:700;} .hpbanner2 .line2 {margin-top:12px;font-weight:300;line-height:30px;color:#555555;font-size:20px;} .hpbanner2 .line2 span {font-weight:700} .hpbanner2 .line3 {text-align:center;margin:0px 0px 30px 0px;font-weight:400;color:#555;font-size:20px;line-height:20px;} .hpbanner2 .f-left {padding-top:40px;width:55%;padding-bottom:25px;} .hpbanner2 .f-right {background:url(//www.thecrystal.com/cdn/shop/t/91/assets/underneath.jpg?v=175394314184673531361694101552) no-repeat center bottom;background-size:contain;width:35%;} .hpbanner2 .container .cntr {margin-right:-40px;} .hpbanner2 .button5 {margin-top:35px;width:auto !important;padding-left:40px !important;padding-right:40px !important;font-size:20px !important;font-weight:400 !important;background:none !important;border:3px solid #958ad8 !important;color:#555555 !important} .hpbanner2 .button5:hover {background:#958ad8 !important;color:#fff !important} .template-index .section_3 {margin-bottom:0px} .homepageblog {padding-bottom:60px;padding-top:77px;background:#faecfa url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg1_1.gif?v=26906568945067118001694101470) repeat;} .homepageblog h3 span {color:#333333; font-size:48px;font-weight:700;line-height:1em} .homepageblog .button2 {color:#333} .homepageblog .button2:hover {background:#333;color:#fff} .homepageblog .widget-title p {color:#212121;font-size:18px;font-family:'Montserrat'} .homepageblog .blog-item .cntn {background:#fff;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.20);} .homepageblog .blog-item .f-left {float:none;width:100%} .homepageblog .blog-item .f-right {margin-bottom:0px !important;height:56px;background:#663366;width:16%} .homepageblog .blog-item .f-left h3 a {display:inline-block;line-height:20px;letter-spacing:0em;font-size:16px;color:#212121;font-weight:500;text-transform:none} .homepageblog .blog-item .cntnt {padding:16px 5px 14px 18px} .homepageblog .blog-item .f-left h3 {margin-bottom:0px !important} .homepageblog .blog-item {width:400px;float:left;margin-left:20px} .homepageblog .blog-item:first-child {margin-left:0px} .blogbtn {position:relative;padding-bottom:30px;padding-top:31px;text-align:center} /*.blogbtn::after{left: 50%;-webkit-transform: translate(-50%,0); transform: translate(-50%, 0);content:'';position:absolute;display:block;width:22px;height:22px;background: url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg_decor2.png?v=95017424175394594531694101472) no-repeat;bottom:-12px;}*/ .hpbanner3 {padding:26px 0px 36px 0px;text-align:center;background:#f06467 url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg2.gif?v=88608172312930089521694101470) repeat;} .hpbanner3 .line1 {font-size:48px;color:#fff;font-weight:700;} .hpbanner3 ul {display:inline-block;} .hpbanner3 li {margin:0px 13px;color:#fff;font-size:24px;font-weight:700;padding-left:35px;display:inline-block;background:url(//www.thecrystal.com/cdn/shop/t/91/assets/icon-check.png?v=26144688665218327011694101501) no-repeat left -3px;} .section_7 {margin-bottom:0px !important} .widget-newLetter {padding-bottom:57px;padding-top:68px} .widget-newLetter .widget-inner, .widget-newLetter {background:#ffd3d0;} .widget-newLetter .widget-inner {padding-top:0px !important;padding-bottom:0px !important} .widget-newLetter .widget-inner h3 span {display:inline-block;margin-bottom:10px;font-family:'Montserrat' !important;font-weight:700 !important;color:#958ad8;font-size:42px} .widget-newLetter .widget-inner .widget-title p {line-height:24px;max-width:390px;display:inline-block;color:#958ad8;font-size:18px;font-family:'Montserrat'} .widget-newLetter .widget-inner input#mce-EMAIL-footer {padding-top:2px !important;padding-bottom:2px !important;color:#333333 !important;font-family:'Montserrat';font-size:18px !important;padding-left:15px !important;background:#fff;border:1px solid #c8c8c8 !important} .widget-newLetter .widget-inner input#mc-embedded-subscribe-footer {border-left:1px solod #958ad8 !important;padding-left:34px !important;padding-right:34px !important;font-size:18px;font-weight:700} .widget-newLetter .widget-inner input#mc-embedded-subscribe-footer:hover {border-left:1px solid #e8e8e8 !important;background:#fff !important;color:#333333} #mc-embedded-subscribe-form-footer {margin-bottom:0px !important} .widget-newLetter input.btn-primary {border:1px solid #c8c8c8;background:#333333 !important} .site-footer {margin-bottom:0px !important;padding-top:44px;padding-bottom:30px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fafafa} .site-footer ul > li.level0 > a {display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #c8c8c8;text-transform:uppercase;color:#333;font-weight:700;font-size:16px !important} .site-footer ul > li.level0:last-child > a {border-bottom:0px} .site-footer ul > li.level0:first-child > a {border-bottom:1px solid #c8c8c8;} .site-footer ul > li li a {text-transform:uppercase;font-size:14px !important;} .site-footer .container .inner {padding:0px 120px} .site-footer .list-menu {margin-left:40px;} .site-footer .col-md-4:first-child .list-menu {margin-left:0px;} .site-footer a:hover, .site-footer li.active a {color:#663366 !important} .template-product {overflow-x:hidden} .wrapper.main-content {overflow:hidden !important} .topbanner {padding-top:16px;padding-bottom:14px;color:#fff;font-weight:400;font-size:26px;line-height:27px;padding-left:5000px;margin-left:-5000px;padding-right:5000px;margin-right:-5000px;text-align:center} .topbanner b {font-weight:700;} .product-single {margin-bottom:10px !important;padding-top:55px} .product-single .product-single-photos img {max-width:430px;width:100%;height:auto} .product-single .col-md-7.col-sm-7 {max-width:490px;width:100%;margin-left:30px;} .product-single .product-info h1 {width:100%;float:left;text-transform:none;font-weight:700;font-size:21px;color:#333} .product-single .product-info .reviews .yotpo-bottomline a {display:block;width:100%} .ytopre {padding-top:10px;clear:both;width:100%;} .item .product-item-details .action-item {float:left;width:auto} .item .product-item-details .yotpo {display:inline-block;clear:both;width:auto;} .item .product-item-details .yotpo * {cursor:default !important} .item .product-item-details .yotpo *:hover {color:#663366 !important} .item .yotpo .text-m {font-family:'Montserrat' !important;margin-top:2px !important;padding-left:5px !important;display:inline-block !important;font-size:13px !important;font-weight:300 !important} .product-single .btn#btnAddtocart,.product-single input#product-addTocart {margin-right:2px;margin-left:19px;font-size:15px;font-weight:700;height:auto !important;line-height:16px !important;padding:19px 0px 18px 0px;width:169px;} .product-single #btnAddtocart, .product-single input#product-addTocart {margin-top:24px;float:left;clear:none !important} .product-single .subscrbtn {float:left;margin-top:24px;color:#fff;display:inline-block;text-align:center;background:#333333;font-size:15px;font-weight:700;height:auto !important;line-height:16px !important;padding:19px 0px 18px 0px;width:169px} .product-single .text-m {display:none !important} .product-single .ll1 {font-size:11px;color:#666666;font-weight:700} .collateral.e-tabs ul.tabs.tabs-title {text-align:center;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;overflow:hidden;background:#fafafa;padding-left:5000px;margin-left:-5000px;padding-right:5000px;margin-right:-5000px} .collateral.e-tabs .tab-link {display:inline-block !important;float:none !important;padding:30px 14px 26px 14px !important;color:#666 !important;font-weight:400;font-size:18px !important;} .collateral.e-tabs .tab-link.current {text-decoration:underline !important;} .collateral.e-tabs .tab-link.current::after {display:none;bottom:0px !important;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%,0);background:url(//www.thecrystal.com/cdn/shop/t/91/assets/tab-active.png?v=102666841512483744411694101549) no-repeat !important;width:59px !important;height:29px !important} .collateral.e-tabs .tab-link::before {display:none !important} .product-single .more-views {display:none} .product-sharing {text-align:center;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.39); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.39);background:#fff;z-index:200;position:fixed;right:0px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0,-50%);} .product-sharing a {margin:10px 0px;display:block;float:none;} .product-sharing a:last-child {margin-bottom:0px} .product-sharing .social-sharing {padding:14px 11px;} .social-sharing span {color:#333 !important;cursor:pointer} .product-sharing label {margin:0px 0px 15px 0px !important;font-size:12px !important;font-weight:700;color:#333} .collateral.e-tabs .tab-content {margin-top:0px;text-align:center} .collateral.e-tabs .tab-content > div {margin-bottom:30px;margin-top:55px;text-align:left;display:inline-block;max-width:760px;} .collateral.e-tabs .tab-content > div, .collateral.e-tabs .tab-content > div * {color:#333;font-size:16px;line-height:21px} .collateral.e-tabs .tab-content > div h4 {font-famil} #AddToCartForm {margin-bottom:0px !important} .product-single .badges {clear:both;margin-top:-30px;float:none !important;width:100%;display:block;padding-bottom:20px} .product-single .badges li{text-align:left;position:relative;margin-right:60px;display:block;float:left;} .product-single .badges li:last-child {margin-right:0px} .product-single .badges li span {letter-spacing:-0.01em;displaY:inline-block;line-height:14px;color:#666;font-size:11px;font-weight:700;} .product-single .product-single-prices {margin-bottom:0px !important;clear:both;float:none !important;width:100% !important;padding:15px 0px !important} .product-single .product-info h1#productname {margin-bottom:0px !important} .productbadge {position:absolute;right:-10px;top:38px} .product-single .col-md-7.col-sm-7 {position:static} .product-single .product-options,.product-single .product-actions {clear:both;border:0px !important} .product-single .product-options {margin-bottom:15px !important;padding-bottom:0px !important} .product-single .product-options .selector-wrapper label, .product-single .product-single-quantity label {line-height:24px !important;float:none;display:block;color:#666;font-size:16px;text-transform:uppercase} .product-single .product-options .single-option-selector {width:100% !important} .product-single .total-price {float:none !important;} .product-single .selector-wrapper {margin:0px !important;max-width:247px !important;width:100% !important;float:none !important} .product-single .product-single-quantity {margin:0px !important;max-width:87px !important;width:100% !important;float:left !important} .box-related {margin-bottom:75px;background:#fff} .box-related h2 span {font-family:'Montserrat' !important;color:#333 !important;font-size:36px;font-weight:700;} .box-related .box-content {margin:0px 70px} .box-related .product-grid-item {width:100% !important} .box-related .product-item-photo {text-align:center;margin-bottom:0px !important} .box-related .product-item-photo img {display:inline-block;max-width:270px;width:100%;height:auto;} .sidebar .block-mini-products-list a.product-img {max-width:130px !important;-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);} .sidebar .block-mini-products-list a.product-name {display:inline-block;line-height:20px !important;text-transform:none !important;font-weight:700 !important;color:#333333 !important;font-size:16px !important} .sidebar .block-mini-products-list .price {line-height:26px !important;font-weight:700 !important;color:#333333 !important;font-size:24px !important} .miniCart-list a.product-name{font-size:12px !important;color:#333} .miniCart-list .money {font-size:14px !important} .template-cart h3 {margin-top:0px;text-transform:uppercase;color:#333;font-size:19px;font-weight:700;} table thead tr th {font-weight:400;color:#333;font-size:15px;text-transform:uppercase;} .cartbanner {position:relative;padding:10px 0px;text-align:center;background:#fdad20} .cartbanner .line1{text-transform:uppercase;color:#fff;font-weight:700;font-size:18px} /*.cartbanner .line1::before { left:0px;top:50%;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);content:'';position:absolute;width:5000px;height:1px;background:#fff;display:block;}*/ .cartbanner .line1 span {position:relative;background:#fdad20 !important;padding-left:10px;padding-right:10px;display:inline-block;} .checkout.table th,.checkout.table td {border:0px !important;border-bottom:1px solid #dadada !important} .checkout.table th {padding:12px 28px !important;} .checkout.table th:first-child , .checkout.table td:first-child{padding-left:12px !important} .checkout.table th:last-child , .checkout.table td:last-child{text-align:right;padding-right:0px !important} .checkout.table td {padding:30px 28px !important;} .cart-remove, .btn-remove {width:26px;height:26px;display:block;background:url(//www.thecrystal.com/cdn/shop/t/91/assets/icon-trash2.gif?v=74800133205928721411694101506) no-repeat} .btn-remove i {display:none} .template-cart .cart-image, ul.miniCart-list a.product-image {display:inline-block;border:1px solid #c8c8c8} .template-cart .pimg {max-width:15%;height:auto;margin-right:4%;} .template-cart .desc {max-width:81%} .template-cart a.product-name {text-transform:none;font-weight:700;font-size:17px !important;color:#333;line-height:22px;} .template-cart .othert {margin-top:4px;font-size:16px !important;font-weight:400;color:#333;line-height:20px;} .template-cart .price-box {color:#333;font-weight:700;font-size:17px;} .price-box.cell-price2 s{display:block;font-size:17px !important} .product-single-quantity input.qty.quantity-selector {border:1px solid #d3d3d3 !important;max-width:58px !important;padding-left:2px !important;padding-right:2px !important;width:58px !important;color:#333;font-size:15px} .template-cart .quantity {border:0px !important} .qtyminus, .qtyplus {font-weight:700;font-size:18px;color:#333} .sub-total .subtotal-title {text-align:right;text-transform:uppercase;color:#333;font-size:16px;} .sub-total .subtotal {display:inline-block;min-width:80px;font-weight:700;text-align:right;color:#333;font-size:16px;} .sub-total p em {font-size:12px;font-style:italic;color:#333} .template-cart .widget.widget-newLetter, .template-collection .widget.widget-newLetter {display:none} .payicons {margin-top:30px} .f-box.des a {color:#663366 !important} .toggle-content .caret {cursor:pointer;color:#333;;text-align:right;position:absolute;right:0px;width:100%;top:0px} .toggle-content .caret .fa {margin-right:0px} .block-category * {color:#333;font-size:18px !important;text-transform:capitalize !important;} .block-category .count {color:#333;} .block-category li .sub-menu a {text-transform:capitalize !important;} .block-category .sub-menu.level-1 li a {font-size:14px !important} .block-category li {margin:4px 0px;} .mobile-menu * {color:#333 !important} .template-cart .breadcrumb {margin-bottom:0px !important} .field__input {background:#fafafa !important;bordeR:1px solid #c8c8c8 !important;font-size:14px !important;color:#666666 !important} .comment-count {display:none} .f-right.comment-count {text-align:center;} .f-right.comment-count a {margin-top:10px;line-height:26px;background: url(//www.thecrystal.com/cdn/shop/t/91/assets/comments.png?v=66414320395678688561694101487) no-repeat;display:inline-block;width:39px;height:37px;color:#663366;font-size:21px;font-family:'Oswald';font-weight:700;} .meta.meta-author {display:none} .product-options {position:relative} .selector-wrapper.vanilla-jasmine select, .selector-wrapper.chamomile-green-tea select, .selector-wrapper.unscented select, .selector-wrapper.pomegranate select, .selector-wrapper.lavender-white-tea select{padding-left:39px !important} .collateral ul.tabs.tabs-title { -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */ animation-direction: alternate; -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */ animation-iteration-count: 1;} .selector-wrapper.vanilla-jasmine::before {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;z-index:100;content:'';width:18px !important;height:18px;background:#bfdb87;display:block;position:absolute;top:42px;left:13px;} .collateral ul.tabs.tabs-title.vanilla-jasmine {background:#bfdb86 !important} .selector-wrapper.chamomile-green-tea::before {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;z-index:100;content:'';width:18px !important;height:18px;background:#fdad20;display:block;position:absolute;top:42px;left:13px;} .collateral ul.tabs.tabs-title.chamomile-green-tea {background:#fdad20 !important} .selector-wrapper.unscented::before {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;z-index:100;content:'';width:18px !important;height:18px;background:#dc598c;display:block;position:absolute;top:42px;left:13px;} .collateral ul.tabs.tabs-title.unscented {background:#dc598c !important} .selector-wrapper.pomegranate::before {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;z-index:100;content:'';width:18px !important;height:18px;background:#f06467;display:block;position:absolute;top:42px;left:13px;} .collateral ul.tabs.tabs-title.pomegranate {background:#f06467 !important} .selector-wrapper.lavender-white-tea::before {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;z-index:100;content:'';width:18px !important;height:18px;background:#8c89c2;display:block;position:absolute;top:42px;left:13px;} .collateral ul.tabs.tabs-title.lavender-white-tea {background:#8c89c2 !important} #sri-period-value {margin-right:5px !important;float:left !important;width:100px !important;height:53px !important} #sri-period-type {width:auto !important} .SRI-widget label {color:#180202 !important;font-size:14px !important} .SRI-widget > div , .SRI-widget > div + div {float:left !important} .SRI-widget > div + div {max-width:220px !important;margin-left:20px !important} #sri-subscribe-form {margin-top:10px;margin-left:-230px !important} .SRI-widget {margin-top:60px !important} .SRI-widget-discount {font-weight:400 !important;font-size:14px !important} #sri-subscribe-form * {color:#666;text-transform:uppercase} ol[type="A"] {margin-bottom:30px !important;margin-left:20px !important;list-style-type: upper-alpha !important;} ol[type="A"] li::before {display:none !important} .rte ol[type="A"] li {list-style-type: upper-alpha !important} @-moz-document url-prefix() { .selector-wrapper.vanilla-jasmine select{padding-left:35px !important} .selector-wrapper.chamomile-green-tea select{padding-left:35px !important} .selector-wrapper.unscented select{padding-left:35px !important} .selector-wrapper.pomegranate select{padding-left:35px !important} .selector-wrapper.lavender-white-tea select{padding-left:35px !important} } .widget.widget-productTabs {overflow:hidden !important} ul.slick-dots {display:none !important} .press {padding:125px 0px 0px 0px;background:#eaeaea} .press .page-content {margin:0px !important} .press ul.slick-dots {margin-top:115px !important;display:inline-block !important} .press ul.slick-dots li {padding-left:5px;padding-right:5px;display:inline-block;list-style:none;} .press ul.slick-dots li button {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;width:15px !important;height:15px !important;text-indent:-9999px !important;border:0px !important;background:#b0b0b0 !important} .press ul.slick-dots li.slick-active button {background:#666666 !important} .press ul.slick-dots li::before {display:none !important} .press .presscarousel {text-align:center} .press .presscarousel .line1 {width:80%;margin:17px 0px 29px 0px;display:inline-block;max-width:850px;line-height:36px;font-size:30px;color:#666666;} .press .presscarousel .line2 {text-transform:uppercase;line-height:16px;font-size:16px;color:#b0b0b0;font-weight:500} .press .presscarousel img {max-width:60%;display:inline-block} .press .slick-prev {background:transparent url(//www.thecrystal.com/cdn/shop/t/91/assets/p-l.png?v=26643268557571198611694101526) no-repeat center !important;border:0px; text-indent:-9999px; -webkit-box-shadow: none;-moz-box-shadow:none; box-shadow: none;width:44px;height:44px;background:#fff;z-index:10;position:absolute;left:0px;top:22%;} .press .slick-next{background:transparent url(//www.thecrystal.com/cdn/shop/t/91/assets/p-r.png?v=125182656071183093161694101526) no-repeat center !important;border:0px; text-indent:-9999px; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;width:44px;height:44px;background:#fff;z-index:10;position:absolute;right:0px;top:22%;} .mobile-menu .sub-menu, .mobmenu .sub-menu {display:none !important} .mobile-menu span.caret, .mobmenu span.caret {display:none} .mobile-menu a, .mobmenu a {padding:5px 0px !important;width:100% !important;display:block !important} /* POPUP */ .mc-closeModal {display:none} .modalContent .modalContent__content {padding:58px !important;} .modalContent .modalContent__content label, .content__titleDescription {color:#fff !important;} .mc-layout__modalContent {border-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important;background:#bfdb86 !important} iframe .mc-layout__modalContent * {font-family:'Montserrat' !important} /* STICKY MENU: */ .site-header.fixed { background:#fff !important; position:fixed !important; top:-150px !important; left: 0; right: 0; z-index:999 !important; transition:0.4s top cubic-bezier(.3, .73, .3, .74); visibility:hidden; } .site-header.fixed.slidedown { visibility:visible;top:0px !important;} .site-header.fixed .header-bar {display:none !important} .site-header.fixed .header-inner {padding:0px !important;background:#fff !important} .site-header.fixed .logo .logo-wrapper img{margin-top:8px;width:180px;height:auto} .site-header .mobile-menu-sticky.onlysticky {display:none !important} .site-header.fixed .main-menu .megamenu .sub-menu {top: calc(100% + 13px) !important;} .mobmenu{ } .site-header.fixed .menu-icon{ top:2px} .mobmenu .menu-icon{displaY:block;width:40px !important;height:46px !important; cursor: pointer;position:absolute;left:auto;right:13px;top:4px} .mobmenu .menu-icon svg {display: block; height: 46px; line-height: 1em; width: 40px; cursor: pointer;} .mobmenu .menudiv { -webkit-box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.1); box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.1);visibility:hidden; opacity:0; transition:opacity 0.1s linear; width:100%;background:#fff;position:absolute;z-index:900;top:80px;left:0px;} .mobmenu .menudiv.active { visibility:visible; opacity:1;} .header-inner .container {position:relative} .mobmenu .menudiv li {float:none;margin:10px 0px;width:100%;display:block} .mobmenu .menudiv li a,.mobmenu .menudiv .main-menu {float:none !important;width:100% !important;display:block !important} .site-header.fixed .mobmenu .menudiv {top:59px;} .template-index .section_2 {z-index:20;position:relative} .collection-grid.bytype .row {margin-bottom:40px} .meta.meta-tags {display:none} .sidebar .block.block-category .block-title span.caret {display:none} .sidebar .toggle-content {margin-bottom:0px !important} .toolbar.toolbar-products {margin-bottom:5px !important} .template-page .widget.widget-newLetter {display:none} .template-page .box-emptyspace{display:none} .pagefullwidth {overflow:hidden;} .page-content .rte {margin-top:30px;font-size:18px;line-height:24px;color:#333333;} .page-content .rte h2 {letter-spacing:0em;margin-bottom:30px !important;line-height:1em;font-size:36px;font-weight:700} .page-content .rte h2 .medium {letter-spacing:0em;font-weight:500;} .page-content .rte h3 {letter-spacing:0em;margin-bottom:30px !important;line-height:1em;font-size:36px;font-weight:700;} .page-content .rte .cntnt {max-width:790px;margin:0 auto} .page-content .rte p {margin-bottom:23px} .page-content .rte .icons {margin-top:60px;text-align:center} .page-content .rte .icons p {} #naturally-different .page-title {display:none} #naturally-different .breadcrumb {margin-bottom:0px !important} #naturally-different .page-content {margin:70px 0px 70px 0px !important} .ourstory .page-content .rte .cntnt {color:#fff;max-width:800px;margin:0px auto} .ourstory .page-content .rte::before, .ourstory .page-content .rte::after {display:none !important} .ourstory .page-content .rte h3 {margin-top:57px !important;margin-bottom:5px !important;color:#fff;font-size:30px !important;} .ourstory .page-content .rte strong {font-size:18px;display:block;padding-bottom:16px;font-weight:700} .ourstory { background:#333;padding:20px 0px;margin-top:0px; } .ourstory .hr {width:100%;height:1px;background:#fff;} .ourstory .page-content .rte {font-size:16px;line-height:21px} .ourstory2 {background:url(//www.thecrystal.com/cdn/shop/t/91/assets/naturally-different.jpg?v=92863836457756173531694101523) no-repeat;background-size:cover} .ourstory2 .whitebox {max-width:900px;background-color:rgba(255, 255, 255, 0.85);padding:40px 50px 25px 50px;} .ourstory2 .whitebox .line1 {text-transform:uppercase;color:#6c297d;font-size:77px;line-height:1em;} .ourstory2 .whitebox .line1 span {font-weight:700;} .ourstory2 .whitebox .line2 {margin-bottom:27px;font-size:22px;color:#666666;font-weight:600;} .ourstory2 .whitebox .line3 {font-size:20px;line-height:30px;color:#555555} .tab_drawer_heading {display:none} #store_locator_form {padding:10%;background: url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg_wheretobuy.jpg?v=67727899751177478481694101474) no-repeat;background-size:cover} #store_locator_form .cntnt {padding:16% 9%;background-color:rgba(99, 4, 96, 0.86);text-align:center} #store_locator_form .cntnt form {width:100%;margin:28px 0px 44px 0px} #store_locator_form input {text-align:center;min-height:46px !important;margin:0px !important} #store_locator_form .line1{font-size:21px;color:#fff;font-weight:700;text-align:center} #store_locator_form .line2{color:#fff;font-weight:400;font-size:17px;line-height:22px;text-align:center} #store_locator_form .line3 {text-align:left;color:#fff;font-weight:300;font-size:10px;line-height:16px;} .use .page-content .rte strong {display:block;font-size:18px;color:#f06467;padding-bottom:16px;font-weight:600} .use .page-content .rte h3 {font-size:36px !important;margin-bottom:5px !important;} .use .page-content .rte .cntnt {padding-bottom:20px;max-width:810px;margin:0px auto} .faq .page-content .rte h3 {font-size:36px !important;margin-bottom:30px !important;} .faq .page-content .rte .cntnt {text-align:left;padding-bottom:20px;max-width:810px;margin:0px auto} .faq .faqtitle {padding-top:30px;font-size:21px;font-weight:700;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #333} .faq .faqcontent {margin-bottom:30px;} .ingredients .page-content .rte {max-width:810px;margin:0px auto} .popup-newletter .close-popup {display:none;right:0px !important;top:0px !important;background:none !important;} .popup-newletter .content{overflow-y:auto} .popup-newletter-content {padding:0px !important} .popup-newletter .content {min-width:auto !important;max-width:600px !important;width:90% !important;padding:0px !important;} .popup-newletter .content .cntnt {border:20px solid #fbe317;padding:57px 65px !important;background: #bfdb86 url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg_popup.jpg?v=121280921511589159371694101472) no-repeat center;background-size:cover} .popup-newletter .content .a-center {padding:0px !important} .popup-newletter .content .flexbox {background-color:rgba(251, 227, 23, 0.88);} .popup-newletter .content .thank-you .line1{font-family:'Montserrat';font-weight:900;color:#fff;font-size:63px;line-height:63px} .popup-newletter .content .thank-you .line2{font-family:'Montserrat';font-weight:900;color:#fff;font-size:23px;line-height:22px} .popup-newletter .content .thank-you .line3{font-family:'Montserrat';font-weight:400;color:#fff;font-size:19px;margin-top:10px;line-height:22px} .popup-newletter .content input {font-family:'Montserrat' !important;line-height:auto !important;padding-top:10px !important;padding-bottom:6px !important;border:0px !important;color:#666666 !important;font-size:18px !important} .popup-newletter .content ::-webkit-input-placeholder {color:#666;opacity:1 } .popup-newletter .content ::-moz-placeholder { color:#666;opacity:1 } /* firefox 19+ */ .popup-newletter .content :-ms-input-placeholder { color:#666;opacity:1 } /* ie */ .popup-newletter .content input:-moz-placeholder { color:#666;opacity:1 } .popup-newletter .content #mce-EMAIL {margin-bottom:0px !important} .popup-newletter .content #mc-embedded-subscribe {margin-top:36px !important;margin-left:auto;margin-right:auto;float:none;font-family:'Montserrat' !important;height:auto !important;line-height:auto !important;color:#555555 !important;background-color:rgba(255, 255, 255, 0.65) !important;padding:6px 0px 3px 0px !important;width:168px !important;font-size:19px !important;font-weight:400 !important;} .popup-newletter #subscribe-result {color:#00a99d;height:20px;font-size:12px;text-align:center;margin-top:10px;padding-bottom:55px} .popup-newletter #subscribe-result a {display:none !important} .popup-newletter #subscribe-result p {color:#00a99d;} .popup-newletter .inputs {padding:50px 33px 0px 33px} .popup-newletter .inputs .line1 {line-height:1em;font-family:'Montserrat';font-weight:900;font-size:77px;color:#00a99d;} .popup-newletter .inputs .line1 sup {vertical-align:15px;font-weight:500;font-size:50%;} .popup-newletter .inputs .line2 {margin-left:33px;margin-top:-10px;font-family:'Montserrat';font-weight:900;font-size:26px;color:#fff;} .popup-newletter .inputs .line3 {margin:8px 0px 24px 0px;font-family:'Montserrat';font-weight:400;font-size:22px;line-height:30px;color:#555555;} .popup-newletter .inputs .line3 span {font-weight:600} .popup-newletter .chkbox {text-align:left} .popup-newletter .chkbox input {display:inline-block;} .popup-newletter .chkbox label {font-size:18px;color:#333} .popup-newletter .chkbox .chkbox-inner {display:inline-block;} #subscribe-result-footer a {display:none !important} #subscribe-result-footer {color:#fff !important;font-size:12px;text-align:center;margin-top:10px;} .thank-you-footer {text-align:center;font-size:16px;color:#fff} .chkbox { position: relative; margin: 0px 5px 0px 0px; } .chkbox input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .chkbox-inner { box-sizing: border-box; position: relative; } .chkbox-inner label { position: initial; display: inline-block; font-weight: 400; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); } .chkbox-inner label:after, .chkbox-inner label:before { content: ''; width: calc(1em + 2px); height: calc(1em + 2px); display: block; box-sizing: border-box; border-radius: 0; border: 1px solid #fff; z-index: 0; position: absolute; left: 0; top: 4px; background-color: #fff; } .chkbox-inner label:before { } .chkbox input:checked~.chkbox-inner label:after { background-color: #d0e4a5; width: calc(1em - 6px); height: calc(1em - 6px); top: 8px; left: 4px; } /* Add checkmark character style */ .pretty input:checked~.pretty-inner.checkmark:after { content: '\2713'; color: #fff; position: absolute; font-size: 0.65em; left: 6px; top: 3px; } .shopify-challenge__container {margin-top:25px !important} #select-your-coupon h1.page-title {display:none} #select-your-coupon h4 {font-size:36px;font-weight:900;text-align:center} #select-your-coupon .page-content {text-align:center} #select-your-coupon .page-content .cntn {margin:0px 170px} #select-your-coupon .page-content ul {width:100%;} #select-your-coupon .page-content ul li::before {display:none;padding:0px;} #select-your-coupon .page-content ul li {padding:0px !important;background:none;text-align:center;list-style:none;display:inline-block;width:46%;margin:0px 1%;} #select-your-coupon .page-content ul li a {cursor:pointer;border:1px solid #c8c8c8;height:243px;background:#fafafa;display:block;} #select-your-coupon .page-content ul li a .line1 {margin-top:160px;position:relative;font-size:24px;color:#333;} #select-your-coupon .page-content ul li a .line1::before {display:block;width:128px;height:93px;content:'';position:absolute;top:-105px;left: 50%; transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);} #select-your-coupon .page-content ul li.instore a .line1::before {background: url(//www.thecrystal.com/cdn/shop/t/91/assets/icon-instore.png?v=99593170418525140041694101504) no-repeat 0px -93px;} #select-your-coupon .page-content ul li.online a .line1::before {background: url(//www.thecrystal.com/cdn/shop/t/91/assets/icon-online.png?v=118715259021600722481694101504) no-repeat 0px -93px;} #select-your-coupon .page-content ul li a:hover .line1::before {background-position:0px 0px} #select-your-coupon .page-content ul li a:hover {background:#663366;} #select-your-coupon .page-content ul li a:hover .line1 {color:#fff} .template-product .main-content {margin-bottom:0px !important;padding-bottom:0px !important} .couponpopup {text-align:center} .couponpopup .content {min-width:auto !important;max-width:440px !important;width:90% !important;padding-top:35px !important;padding-bottom:35px !important;background:#333333} .couponpopup .line1 {text-align:center;color:#fff} .couponpopup .line2 {text-align:center;color:#bfdb86;font-size:30px;} .couponpopup.gred-popup .overlay {background-color: rgba(0,0,0,0.9) !important;} .bold-ro__recurring-title {padding:0px !important} .learnmorepopup {z-index:999999999999;text-align:center} .learnmorepopup .content {z-index:999999999999;overflow:auto !important;min-width:auto !important;max-width:700px !important;width:90% !important;padding-top:35px !important;padding-bottom:35px !important;background:#333333} .learnmorepopup .line1 {margin-bottom:15px;text-align:center;color:#bfdb86;font-size:18px;} .learnmorepopup .line2 {text-align:center;color:#fff;font-size:16px;} .learnmorepopup.gred-popup .overlay {z-index:999999999999;background-color: rgba(0,0,0,0.9) !important;} .subsclearnmore {display:inline-block;margin-bottom:10px;text-decoration:underline} .shortd {padding-left:5px;padding-right:5px;color:#fff;font-size:16px;font-weight:400;line-height:21px;} .article.blog-item a, .homepageblog .blog-item a {display:block;position:relative;overflow:hidden;} .article.blog-item a img, .homepageblog .blog-item a img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} /*.article.blog-item a img:hover, .homepageblog .blog-item a img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}*/ .article .readmore:hover {background:#747474;color:#fff} .contentmask {display:none;width:100%;height:auto} .contentmask img {width:100% !important;height:auto !important} .product-item.product-grid-item .ro_widget {display:none !important} .slick-slide .product-image img, .slick-slide .product-image .product-item-photo {text-align:center !important} .slick-slide .product-image img {display:inline-block !important;float:none !important} @media only screen and (min-width: 1320px) { .sidebar {width:285px;} } @media only screen and (max-width: 1319px) { .collection-grid .product-item-info .product-image, .slickcarousel .product-image {height:280px !important} .collection-grid .product-item-info .product-image img,.collection-grid .product-item-info .product-image .product-item-photo {text-align:center !important;width:100% !important;height:auto !important} .collection-grid .product-item-info .product-image img {display:inline-block !important;float:none !important} .press .presscarousel .line1 {line-height:32px;font-size:26px;} .press .presscarousel .line2 {line-height:15px;font-size:15px;} .hpbanner1 .container {padding-left:15px;padding-right:15px} .hpbanner1 .f-left .cnt {padding:36px 0px 16px 91px;} .hpbanner1 .f-left .line1 {margin-top:-6px;font-size:24px;line-height:24px} .hpbanner1 .f-left .line2 {margin-top:4px;font-size:16px;line-height:20px} .hpbanner1 .f-right .line1 {margin-top:-5px;font-size:40px;line-height:50px} .hpbanner1 .f-right .line2 {font-size:16px;letter-spacing:0em;line-height:16px} .hpbanner1 .f-right .cnt {padding:29px 5000px 32px 160px;} .hpbanner1 .f-left a, .hpbanner1 .f-right a {font-size:16px;padding:10px 10px 8px 10px;} .hpbanner1 .f-left::after {width:190px;height:100%;top:0px;right:-140px;background-size:contain} .hpbanner0 .line1 {font-size:45px;} .hpbanner0 .line2 {font-size:25px;} .hpbanner0 .line3 {margin:13px 0px 20px 0px;font-size:16px;line-height:24px;} .hpbanner0 .f-left {padding-top:40px;padding-bottom:20px;} .hpbanner0 .f-right {width:35%;} .hpbanner0 .container .cntr {margin-right:-40px;} .hpbanner2 .line1 {font-size:45px;} .hpbanner2 .line2 {margin:13px 0px 20px 0px;font-size:16px;line-height:24px;} .hpbanner2 .line3 {font-size:16px;line-height:24px;} .hpbanner2 .f-left {padding-top:40px;padding-bottom:20px;} .hpbanner2 .f-right {width:35%;} .hpbanner2 .container .cntr {margin-right:-40px;} .hpbanner2 .f-left .button5 {margin-top:10px !important} .hpbanner2 .button5 {padding:12px 20px 10px 20px !important;font-size:18px !important;} #store_locator_form .line1, #store_locator_form .line2{text-align:left} .shortd {font-size:15px;line-height:18px;} .bannerimage {right:0px !important } .box2.tp-caption .line1 {padding-top:10px;font-weight:900;letter-spacing:0.005em;line-height:1.2em;font-size:14px;color:#333;} .box2.tp-caption .line2 {font-size:23px;color:#f06467;} .box2.tp-caption .line3 {font-size:42px;} .box2.tp-caption .bannerimage {top:-23px;} .box2.tp-caption a.revlink {font-size:16px} .item .product-item-details .action-item {float:none;width:100%} .item .product-item-details .yotpo {margin:5px 0px;float:none;width:100%;} .product-single .product-info h1 {width:100%;float:none;} .product-single .product-info .reviews {margin:10px 0px 0px 0px;width:auto;display:inline-block;float:none} .product-single .product-info .reviews .yotpo-bottomline a {margin-left:5px;display:inline-block;width:auto} .main-menu.hidden-sm.hidden-xs .megamenu .sub-menu .mega-box {padding:48px 0px 18px 19px} .productbadge img {width:160px;height:auto} .toolbar-products .pull-right .label {display:none} .widget-policy .policy-item span {line-height:16px;font-size:14px;} .widget-policy .policy-item p {line-height:13px;font-size:13px;} .widget-policy img {width:21%} .widget-policy .policy-item .cnt {margin-left:60px;} .widget-policy .col-md-3:nth-child(3) img{left:30px;} .widget-policy .col-md-3:nth-child(3) .cnt {max-width:140px;margin-right:0px} .widget-policy .col-md-3:nth-child(4) .cnt {margin-right:0px;margin-left:90px;} .product-grid-item {width:211px !important} .hpbanner3 li {font-size:19px;background:url(//www.thecrystal.com/cdn/shop/t/91/assets/icon-check.png?v=26144688665218327011694101501) no-repeat left -3px;} .sidebar .block-mini-products-list a.product-img {max-width:100px !important;} .homepageblog .blog-item {width:300px;} .block-category .sub-menu.level-1 {margin-left:10px !important} .sidebar .block-mini-products-list a.product-name {font-size:13px !important} .sidebar .block-mini-products-list .price {line-height:20px !important;font-size:17px !important } } @media only screen and (max-width: 990px) { .ourstory2 .whitebox .line1 {font-size:62px;} .ourstory2 .whitebox .line2 {margin-bottom:20px;font-size:20px;} .ourstory2 .whitebox .line3 {font-size:18px;line-height:28px;} .press .presscarousel .line1 {line-height:26px;font-size:20px;} .press .presscarousel .line2 {line-height:14px;font-size:14px;} .press {padding:80px 0px 0px 0px;} .press ul.slick-dots {margin-top:50px !important;} .press .slick-prev {top:28%;} .press .slick-next{top:28%;} .popup-newletter .close-popup {display:block} .hpbanner1 .f-left {width:50%;text-align:center} .hpbanner1 .f-right {width:50%;text-align:center} .hpbanner1 .f-right .cnt {text-align:center;padding-left:5000px;margin-left:-5000px;} .hpbanner1 .f-left::after {display:none} .hpbanner1 a {display:inline-block !important;width:200px !important} .hpbanner1 .f-left .fl {margin-right:0px;float:none} .hpbanner1 .f-left .fr {float:none;text-align:center} .hpbanner1 .cntl {float:none} .hpbanner1 .cntr {float:none} .hpbanner1 .f-left .cnt {padding-left:0px !important;background:none} .hpbanner0 .line1 {font-size:40px;} .hpbanner0 .line2 {font-size:22px;} .hpbanner0 .line3 {margin:13px 0px 20px 0px;font-size:15px;line-height:22px;} .hpbanner0 .f-left {padding-top:30px;padding-bottom:10px;} .hpbanner0 .f-right {width:35%;} .hpbanner0 .container .cntr {margin-right:-40px;} .hpbanner2 {background-size:cover !important} .hpbanner2 .line1 {font-size:40px;} .hpbanner2 .line2 {margin:13px 0px 20px 0px;font-size:15px;line-height:22px;} .hpbanner2 .line3 {font-size:15px;line-height:22px;} .hpbanner2 .f-left {padding-top:30px;padding-bottom:20px;} .hpbanner2 .f-right {width:35%;} .hpbanner2 .container .cntr {margin-right:-40px;} .badges {margin-bottom:20px !important} .table-responsive {overflow:hidden !important} .cart-total {margin-top:15px !important} .product-grid-item .btn-addToCart {background:#663366;color:#fff} .product-grid-item .onlymobile {display:block !important} .product-grid-item .hoverbox {displaY:none !important;opacity:0 !important} .rv-heading .lline1 {font-size:5.9vw;} .rv-heading .lline2 {font-size:5.9vw;} .rv-heading .lline3 {line-height:1.4em !important;font-size:1.8vw;margin-bottom:10px !important;} .tp-caption.rv-heading a.revbtn {padding:0.8vw 30px;width:auto !important;font-size:1.2;} .tp-caption.rv-heading {right:20px !important} .tp-bgimg.defaultimg {background-position:-10% bottom !important} .SRI-widget {margin-top:20px !important} .SRI-widget > div , .SRI-widget > div + div {float:none !important} .SRI-widget > div + div {max-width:100% !important;margin-left:auto !important} #sri-subscribe-form {padding-left:0px !important;margin-left:auto !important} .page-content .rte h2 {font-size:26px;} .page-content .rte {margin-top:0px;font-size:16px;line-height:22px;} .template-index .section_2 {margin-top:0px} .block.block-mini-products-list {display:none} .SRI-widget {display:inline-block !important;width:auto !important} .productbadge {position:static;right:auto;top:auto} .collateral.e-tabs .tab-link {font-size:17px !important;} .widget-policy .col-md-3 * {text-align:center !important} .widget-policy .col-md-3 .cnt p {display:none !important} .widget-policy .col-md-3 .cnt {float:none !important;max-width:100% !important;margin-left:0% !important;margin-right:0% !important;text-align:center;float:none;} .widget-policy .policy-item img {top: auto; transform: translate(0, 0);-webkit-transform: translate(0,0);position:static;left:auto !important} .widget-policy .policy-item .media {margin-bottom:0px;text-align:center;float:none;width:100%;} .widget-policy .col-md-3 {padding-top:15px;padding-bottom:0px;height:auto;} .widget-policy .policy-item span {font-size:12px !important;margin-top:5px !important;height:35px;} .widget-policy .col-md-3:nth-child(2) .policy-item {margin-left:auto} .widget-policy .col-md-3:nth-child(2) img{left:auto;} .widget-policy img {width:auto} .widget-policy .col-md-3:nth-child(3) img{left:auto;} .widget-policy .col-md-3:nth-child(2) .policy-item {display:block;text-align:center} .widget-policy .col-md-3:last-child img {left:auto;} .widget-policy .col-md-3:nth-child(2) .cnt {padding-left:0px;} .button5 {padding:18px 50px 16px 50px !important;line-height:16px !important;font-size:16px;} .hpbanner3 li {margin-bottom:20px} .hpbanner3 {padding-bottom:20px} .widget-newLetter .widget-inner h3 span {font-size:30px;line-height:34px;} .widget-newLetter .widget-inner .widget-title p {line-height:20px;font-size:16px;} .homepageblog .blog-item {width:100%;float:none;display:none;margin:0px 0px 20px 0px !important} .homepageblog .blog-item:first-child {display:block} .homepageblog .blog-item .f-left h3 a {line-height:17px;font-size:15px;} .homepageblog .blog-item .f-left {width:75%} .homepageblog .blog-item .f-right {width:25%} .homepageblog .blog-item a img {width:100%;height:auto} .homepageblog h3 span {font-size:36px;line-height:40px} .site-footer .container .inner {padding:0px} .site-footer .list-menu {margin-left:0px;} .site-footer .col-md-4 {margin-bottom:20px !important} .site-header.fixed .mobile-menu-sticky.onlysticky {display:block !important} .cart-total {text-align:center} .cart-total .f-left, .cart-total .f-right {text-align:center;float:none;width:100%} .cart-total .f-left {width:auto;displaY:inline-block !important;margin:20px auto} .box-related .box-content {margin-left:0px !important;margin-right:0px !important;} .tp-revslider-slidesli, #rev_slider, .fullwidthbanner-container, .slotholder {padding:0px 0px !important} .use .page-content .rte strong {font-size:17px;padding-bottom:13px;} .use .page-content .rte h3 {font-size:32px !important} .faq .page-content .rte h3 {font-size:32px !important;margin-top:25px;margin-bottom:20px !important;} .product-single .col-md-5.col-sm-5 {width:36%} .product-single .col-md-7.col-sm-7 {margin-left:0px !important;width:64%} #store_locator_form {padding:47px 60px;} #store_locator_form .cntnt {padding:36px 60px;} #store_locator_form .cntnt form {margin:25px 0px 25px 0px} #store_locator_form .line1 {text-align:center !important} #store_locator_form .line2 {text-align:center !important} #store_locator_form form {display:inline-block !important;max-width:233px !important;width:100% !important} } @media only screen and (min-width: 768px) { .sidebar .block.block-category .block-content {display:block !important} } @media only screen and (max-width: 767px) { .womensc {margin:20px 0px;display:block;text-align:center} .womensc img {max-width:150px;height:auto;display:inline-block} .landingbanner {margin-bottom:25px !important} .landingbanner .col1{width:40%;} .landingbanner .col2{width:60%;} .landingbanner .col2 .text {width:90% !important;text-align:center;position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} .landingbanner .col2 .text .line1 {font-size:3vw;line-height:3.5vw;} .landingbanner .col2 .text .line2 {max-width:100%;font-size:2.4vw;line-height:3vw;} .landingbanner .col3{display:none;float:none;background-position:center 70%;} .landingbanner .col1 .cntn {padding:30% 0px} .landingbanner .col3 .cntn {padding:30% 0px} .collection-grid .product-item-info .product-image, .slickcarousel .product-image {height:230px !important} .ourstory2 .whitebox .line1 {font-size:52px;} .ourstory2 .whitebox .line2 {margin-bottom:18px;font-size:19px;} .ourstory2 .whitebox .line3 {font-size:17px;line-height:26px;} .press {padding:60px 0px 0px 0px;} .press .presscarousel .line1 {width:70%} .press ul.slick-dots {margin-top:30px !important;} .press .slick-prev {top:33%;} .press .slick-next{top:33%;} .hpbanner0 {background-image:none} .hpbanner0 .line1 {text-align:center;font-size:30px;} .hpbanner0 .line2 {text-align:center;font-size:24px;} .hpbanner0 .line3 {text-align:center;margin:13px 0px 20px 0px;font-size:15px;line-height:22px;} .hpbanner0 .f-left {width:100%;padding-top:30px;padding-bottom:10px;} .hpbanner0 .f-right {width:100%;} .hpbanner0 .container .cntr {margin-right:0px;} .hpbanner0 .container .cntr {background:none !important;} .hpbanner0 {margin:30px 0px 0px 0px !important;} .hpbanner2 {background-image:none} .hpbanner2 .line1 {text-align:center;font-size:30px;} .hpbanner2 .line2 {text-align:center;margin:13px 0px 10px 0px;font-size:15px;line-height:22px;} .hpbanner2 .line3 {font-size:15px;line-height:22px;} .hpbanner2 .f-left {text-align:center;width:100%;padding-top:30px;padding-bottom:20px;} .hpbanner2 .f-right {width:100%;} .hpbanner2 .container .cntr {margin-right:0px;} .hpbanner2 .container .cntr {background:none !important;} .hpbanner2 {margin:0px !important;} .hpbanner2 .button5 {display:inline-block !important} .blogbtn {padding-bottom:0px;} .popup-newletter .content .cntnt {border:10px solid #fbe317;padding:30px 35px !important;} .popup-newletter .content input {font-size:16px !important} .popup-newletter .content #mc-embedded-subscribe {font-size:16px !important;margin-top:15px !important;} .popup-newletter .inputs {padding:30px 20px 0px 20px} .popup-newletter .inputs .line1 {font-size:75px} .popup-newletter .inputs .line3 {margin:8px 0px 15px 0px;font-size:20px;line-height:27px;} .popup-newletter #subscribe-result {padding-bottom:25px} .table-responsive tr.product-item {position:relative;} .checkout.table tr td, .checkout.table tr {padding:0px !important;border:0px !important;width:100% !important;display:block !important;} .checkout.table tr td.product-item {border-top:1px solid #dadada !important} .checkout.table tr td.product-item:first-child {border-top:0px !important} .checkout.table thead {display:none !important} .checkout.table tr td.cell-price1 {display:none !important} .cell-price2 {max-width:200px !important ;width:auto !important;text-align:left !important;position:absolute !important;left:19% !important;top:76% !important} .cell-qty {max-width:150px !important ;width:auto !important;text-align:left !important;position:absolute !important;left:40% !important;top:73% !important} .checkout.table tr td.cell-remove{padding:0px !important;max-width:30px !important ;width:auto !important;text-align:left !important;position:absolute !important;right:0px !important;top:23px !important} .checkout.table tr td.cell-imgname {padding-top:20px !important;border-top:1px solid #dadada !important;min-height:150px !important} .checkout.table tr:first-child td.cell-imgname {border-top:0px solid #dadada !important;} .checkout.table tr td.cell-imgname .pdesc{width:70% !important} .checkout.table a.product-name {} .checkout.table .othert {} .checkout.table .qty.quantity-selector {padding:0px 10px !important} .cart-remove, .btn-remove {width:15px !important;height:15px !important;background-size:15px !important} .ourstory .page-content .rte h3 {margin-top:20px !important;margin-bottom:10px !important;} #naturally-different .page-content, .ingredients .page-content .rte {margin:20px 0px 20px 0px !important} .widget-productTabs {margin-top:-20px !important;padding-top:0px !important} .tp-caption.rv-heading {right:50px !important} .page-content .rte .icons {margin-top:30px;} .template-collection .pagination {margin-bottom:0px !important} .sidebar .block.block-category {margin-bottom:35px !important} .sidebar .block.block-category .toggle-content .caret {text-align:left !important} .sidebar .block.block-category .toggle-content .caret i {margin:0px 0px 0px 130px !important} .sidebar .block.block-category .block-content {display:none} .sidebar .block.block-category .block-title span.caret {display:block} .box2.tp-caption {max-width:100% !important;width:100% !important;background-size:cover !important;background:url(//www.thecrystal.com/cdn/shop/t/91/assets/bkg_box2-s.png?v=32096331143923161591694101470) no-repeat;padding-left:0px !important;padding-right:0px !important;text-align:center !important;margin-left:auto !important;margin-right:auto !important;background-position:center !important;} .item .product-item-details .product-action {margin-top:10px;display:block !important} .site-footer {padding-bottom:0px !important} .site-footer .container .inner {text-align:center !important;} .collateral.e-tabs .tab-content > div {margin-bottom:20px;margin-top:20px;} .collateral.e-tabs .tab-content > div, .collateral.e-tabs .tab-content > div * {font-size:16px;line-height:20px} .site-footer .col-md-4 {margin-bottom:0px !important} .collateral.e-tabs .tab-link.current::after {bottom:0px !important;background-size:100% !important;width:30px !important;height:15px !important} .collateral.e-tabs .tab-link {font-size:19px !important;text-align:center;width:100% !important;float:none !important;padding:10px !important;} .product-grid-item {margin:0px 5%;float:left;width:40% !important} .slickcarousel .product-grid-item {margin:0px 5%;float:left;width:auto !important} .hpbanner3 .line1 {margin-bottom:20px;font-size:36px;line-height:40px} .hpbanner3 li {background-size:30px;font-size:16px;} .hpbanner3 {padding-bottom:10px} .widget-policy .col-md-3 {width:25% !important;float:left !important} .template-collection .col-md-9.col-sm-8 {width:100% !important} .template-collection .product-grid-item {margin:0px 5% 20px 5%;} .box-related h2 span {font-size:30px;line-height:24px} .template-index .section_7 {margin-bottom:20px} .template-index .box-emptyspace.clearfix {display:none !important} .box-related .product-item {margin-bottom:30px !important} .widget-policy .policy-item span {font-size:12px !important;} .productbadge {position:absolute;top:20px;right:60px} .use .page-content .rte strong {font-size:16px;padding-bottom:10px;} .use .page-content .rte h3 {font-size:27px !important} .use .page-content .rte .cntnt {padding-bottom:0px;} .faq .page-content .rte h3 {font-size:27px !important;} .faq .page-content .rte .cntnt {padding-bottom:0px;} .faq .page-content .rte .cntnt .faqtitle {padding-top:10px;font-size:16px;} .template-page .pagefullwidth .page-content {margin:0px !important} .popup-newletter .content .thank-you .line1{font-size:45px;line-height:45px} .popup-newletter .content .thank-you .line2{font-size:16px;line-height:22px} .popup-newletter .content .thank-you .line3{font-size:14px;line-height:20px} ul.tabs.tabs-title { display: none !important; } .tab_drawer_heading { text-transform:uppercase; background-color: #bfdb87; color: #fff; border-top: 1px solid #9ebe5d; border-bottom: 1px solid #9ebe5d; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .d_active { background-color: #9ebe5d; color: #fff; } div.box-related div.box-content div.col-md-4.col-sm-4.item {float:left !important;width:33.333333333333% !important;margin:0px 0px !important} .product-single .badges {padding-bottom:0px !important;} .box-related {margin-bottom:0px !important} .topbanner {font-size:18px;line-height:22px;} .site-footer .list-menu a {border:0px !important} .site-footer .logo-wrapper img {margin-bottom:20px !important} .product-single .col-md-7.col-sm-7 {text-align:center;max-width:100%;margin-left:auto;} .product-single .product-media .product-single-photos img {display:inline-block} .product-single .product-media .product-single-photos {text-align:center !important} .product-info .total-price.price {font-size:170% !important} .product-single input#product-addTocart, .product-info .product-single-quantity, .product-info #btnAddtocart, .product-info .subscrbtn, .product-info .selector-wrapper,.product-info .product-options {float:none !important;margin-left:auto !important;margin-right:auto !important;width:150px !important;} .product-single .col-md-5.col-sm-5 {display:inline-block !important;float:none !important} .badges {margin-top:15px} .product-single {text-align:center} .product-single .badges li{text-align:center;width:76px;} .product-single .badges li span { font-size:10px;} .product-single .badges {width:auto;display:inline-block} .product-single .col-md-5.col-sm-5 {width:100%} .product-single .col-md-7.col-sm-7 {margin-left:0px !important;width:100%} .tp-caption.rv-heading a.revbtn {padding:10px 20px;font-size:15px;line-height:15px;} .rv-heading .lline3 {margin-bottom:5px !important;} .slickcarousel .product-image {height:260px !important} .ingredients {margin:25px 0px 30px 0px !important} } @media only screen and (max-width: 640px) { .slickcarousel .product-image {height:auto !important} .collection-grid .product-item-info .product-image {height:100% !important} .collection-grid .product-item-info .product-image img {height:auto !important;width:100% !important} .collection-grid .product-item-info .product-image img {display:inline-block !important;float:none !important} .collection-grid .product-item-info .product-image .product-item-photo {height:100% !important;width:100% !important} .product-grid-item .product-item-details a{margin-top:15px} .press .presscarousel .line1 {line-height:24px;font-size:18px;} .press .presscarousel .line2 {line-height:13px;font-size:13px;} #store_locator_form {padding:30px 30px;} #store_locator_form .cntnt {padding:25px 15px;} #store_locator_form .cntnt form {margin:15px 0px 15px 0px} .popup-newletter .inputs {padding:20px 20px 0px 20px} .popup-newletter .inputs .line1 {font-size:60px} .popup-newletter .inputs .line3 {font-size:18px;line-height:25px;} .popup-newletter #subscribe-result {height:auto !important;padding-bottom:10px} .product-info ul.badges {margin-top:30px} .cartbanner {padding:8px 0px 11px 0px;} .cartbanner .line1 span {padding-left:0px;padding-right:0px;font-size:14px;line-height:17px;} .cartbanner .line1::before {displaY:none} .product-grid-item * {text-align:left !important} .product-grid-item a.product-item-name, .collection-list a.product-item-name {display:block;line-height:18px !important;text-align:left !important;font-size:15px !important;} .product-grid-item .price-box, .collection-list .price-box, .product-grid-item .price-box sup, .collection-list .price-box sup {font-size:15px !important;} .product-grid-item .btn-addToCart {padding:8px 12px 7px 12px;} .product-single .badges li{margin-right:20px;} .site-footer {padding-top:25px;padding-bottom:11px} .widget-newLetter {padding-bottom:37px;padding-top:41px} .rv-heading .lline1 {font-size:6vw;} .rv-heading .lline2 {font-size:6vw;} .rv-heading .lline3 {margin-bottom:5px !important;font-size:2vw;} .tp-caption.rv-heading a.revbtn {padding:8px 20px;font-size:14px;line-height:14px;width:auto !important;} .tp-caption.rv-heading {right:5px !important} div.box-related div.box-content div.col-md-4.col-sm-4.item {float:none !important;margin:0px !important;padding:0px !important;width:100% !important} .tp-caption.rv-heading {right:20px !important} .box-related h2 span {display:block !important;line-height:26px !important;font-size:22px !important;} div.box-related .product-image{ max-width: 30%; float: left; margin: 0 12px 0 0; } .product-single .product-actions {margin-bottom:0px !important;padding-bottom:0px !important} .product-single .btn#btnAddtocart, .product-single input#product-addTocart {float:none;margin-left:auto;display:inline-block;margin-right:auto} .product-grid-item {margin:0px 0px 20px 0px !important;float:none !important;width:100% !important} .widget-policy .policy-item span {font-size:12px !important;} .widget-policy img {width:40px} .hpbanner3 {padding-bottom:10px} .widget-policy .col-md-3 {width:50% !important} .widget-newLetter .widget-inner #mce-EMAIL-footer {text-align:center;position:static !important;float:none !important;display:block;width:99% !important;padding-left:3% !important;padding-right:3% !important} .widget-newLetter .widget-inner #mc-embedded-subscribe-footer {position:static !important;float:none !important;display:block;width:99% !important;padding-left:0% !important;padding-right:0% !important} .sub-total .button3 {margin-bottom:10px} .cart-total .button4 {margin-bottom:5px;float:none;} .cart-total .onlyleft {width:255px;margin:0px;float:none} .cart-total .onlyleft .rect {display:none} .cart-total .checkout.button1 {width:255px !important;} .cart-total .button3 {padding-left:0px !important;padding-right:0px !important;width:255px !important;} .slickcarousel {text-align:center} .slickcarousel .product-item-details {text-align:left} ul.slick-dots {width:auto !important;margin:0 auto !important;float:none;display:inline-block !important} ul.slick-dots li{margin:0px 5px;display:inline-block} ul.slick-dots li button {width:28px !important;height:30px !importan;text-align:center;border:0px;background:#d9d9d9 !important;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} ul.slick-dots li.slick-active button {color:#fff !important;background:#663366 !important} .template-page .page-content iframe {max-width:100%;height:280px} } @media only screen and (max-width: 480px) { .learnmorepopup .line1 {margin-bottom:10px;font-size:17px;} .learnmorepopup .line2 {font-size:14px;} .template-page .page-content iframe {height:200px} .landingbanner .col2 .text .line1 {font-size:3.4vw;line-height:4.2vw;} .landingbanner .col2 .text .line2 {margin-top:1.4vw !important;max-width:100%;font-size:2.6vw;line-height:3.5vw;} .landingbanner .col1 .cntn {padding:35% 0px} .landingbanner .col3 .cntn {padding:35% 0px} .ourstory2 .whitebox .line1 {font-size:38px;} .ourstory2 .whitebox .line2 {margin-bottom:14px;font-size:16px;} .ourstory2 .whitebox .line3 {font-size:15px;line-height:22px;} .ourstory2 .whitebox {padding:30px 20px 30px 20px;} .press {padding:50px 0px 0px 0px;} .press .presscarousel .line1 {line-height:22px;font-size:16px;} .press .presscarousel .line2 {line-height:13px;font-size:13px;} .press .presscarousel .line1 {width:60%} .hpbanner1 .f-left {width:100%;} .hpbanner1 .f-left .fl {margin-bottom:5px !important} .hpbanner1 .f-right {width:100%;} .hpbanner1 .f-left .cnt, .hpbanner1 .f-right .cnt {padding-top:30px !important;padding-bottom:30px !important} #store_locator_form .line1{font-size:17px;} #store_locator_form .line2{font-size:14px;line-height:18px;} #store_locator_form .line3 {font-size:9px;line-height:14px;} #store_locator_form input {min-height:36px !important} .rv-heading .lline2 {margin-bottom:10px} .cell-qty {left:50% !important;} .rv-heading .lline3 {display:none !important} .product-grid-item .product-item-photo {margin-top:0px !important} .tp-caption.rv-heading {margin-top:0px !important;right:5px !important} .homepageblog .blog-item .f-left h3 a {line-height:17px;font-size:13px;} .homepageblog {padding-bottom:40px;padding-top:40px} .homepageblog h3 span {font-size:24px;line-height:28px} .widget-policy .policy-item span {margin-top:0px !important;font-size:12px !important;} .widget-policy img {width:30px} .button1, .button2 {padding:10px 0px !important;font-size:16px;width:260px !important} .button3 {padding:9px 29px !important} .button5 {padding:12px 29px 11px 29px !important;} .hpbanner3 .line1 {font-size:28px;line-height:33px} .hpbanner3 li {margin-bottom:10px;padding-left:23px;background-size:20px;font-size:14px;line-height:18px;margin:10px 0px} .hpbanner3 {padding-bottom:20px} .topbanner {padding-top:10px;padding-bottom:10px;font-size:16px;line-height:20px;} .bannerimage {display:none} .tabs.tabs-title li h3 {font-size:16px !important} .tabs.tabs-title li {padding-left:5px !important;padding-right:5px !important} #jpreSlide{ background-size:80%;} .textblock1 .line1 {line-height:24px;margin-top:50px;font-size:20px;} .textblock1 .line2 {line-height:22px;font-size:16px;} .product-sharing {display:none} .page-content .rte h2 {font-size:22px;line-height:24px;} .page-content .rte {margin-top:0px;font-size:15px;line-height:22px;} .page-content .rte .icons p {font-size:13px !important;line-height:16px !important} .ourstory .page-content .rte h3 {margin-top:25px !important;margin-bottom:10px !important;color:#fff;font-size:20px !important;} .ourstory { padding:10px 0px;margin-top:0px !important; } .ourstory .page-content {margin-bottom:25px !important} .ourstory .page-content .rte {font-size:14px !important;line-height:19px !important} .ourstory .page-content .rte strong {font-size:15px;} .productbadge {right:20px;width:120px;height:auto} .product-single {margin-bottom:10px !important} .additional-checkout-button--apple-pay {width:255px !important;margin-top:10px !important;} .popup-newletter .inputs {padding:10px 10px 0px 10px} .popup-newletter .inputs .line1 {font-size:50px} .popup-newletter .inputs .line3 {font-size:13px;line-height:16px;} .popup-newletter #subscribe-result {padding-bottom:10px} .gred-popup.active .content {max-height:420px !important} .gred-popup.active .content .btn.btn-small.btn-checkout {margin-top:10px !important} .gred-popup.active .content .btn.btn-small {width:200px !important} .popup-newletter .content .thank-you .line1{font-size:35px;line-height:35px} .popup-newletter .content .thank-you .line2{font-size:15px;line-height:20px} .popup-newletter .content .thank-you .line3{font-size:14px;line-height:20px} .popup-newletter .chkbox label {font-size:12px;} .site-footer .logo-wrapper img{width:150px} .hpbanner0 .line1 {font-size:25px;} .hpbanner0 .line2 {text-align:center;font-size:20px;} .hpbanner0 .line3 {font-size:14px;line-height:20px;} .hpbanner2 .line1 {font-size:25px;} .hpbanner2 .line2 {font-size:14px;line-height:20px;} .hpbanner2 .line3 {font-size:14px;line-height:20px;} .checkout.table tr td.cell-imgname {min-height:140px !important} .checkout.table .product-name,.checkout.table .bold_recurring_desc {displaY:block;line-height:17px;font-size:13px !important} } @media only screen and (max-width: 360px) { .landingbanner .col2 .text .line1 {font-size:3.7vw;line-height:4.5vw;} .landingbanner .col2 .text .line2 {max-width:100%;font-size:2.9vw;line-height:4vw;} .landingbanner .col1 .cntn {padding:38% 0px} .landingbanner .col3 .cntn {padding:38% 0px} .ourstory2 .whitebox .line1 {font-size:34px;} .press .presscarousel .line1 {line-height:20px;font-size:14px;} .press .presscarousel .line2 {line-height:12px;font-size:12px;} .press {padding:40px 0px 0px 0px;} .popup-newletter .inputs .line1 {font-size:40px} .cell-price2 {top:80% !important} .cell-qty {top:77% !important} .widget-policy .policy-item span {font-size:10px !important;} .tabs.tabs-title li h3 {font-size:14px !important} .textblock1 .line1 {line-height:22px;font-size:18px;} .textblock1 .line2 {line-height:20px;font-size:15px;} .menu-icon {margin-top:-10px} .site-header.fixed .menu-icon {margin-top:0px} .header-inner .logo img {width:165px } .site-header .mobmenu .menudiv {top:50px;} .productbadge {width:100px;} .product-single .badges li{margin-right:8px;} #store_locator_form .line1{font-size:15px;} #store_locator_form .line2{font-size:13px;line-height:16px;} #store_locator_form .line3 {font-size:9px;line-height:14px;} .template-page .page-content iframe {height:150px} } @media only screen and (min-width: 481px) and (max-width: 768px) { .product-info ul.badges {clear:both} .rv-heading .lline2 {margin-bottom:20px !important;} .product-info h1#productname {float:none;width:100%} .product-info .yotpo.bottomLine.reviews.yotpo-small {display:inline-block;width:50%} .product-info .yotpo-bottomline.pull-left {float:none !important;display:inline-block} .product-info .standalone-bottomline {text-align:center !important} } /* Subscription page */ .background-splash { background-image: url(//www.thecrystal.com/cdn/shop/files/background_1200x.jpg?v=1142149211850941606); background-repeat: no-repeat; background-size: contain; } .subscription .image-container { width: calc(100% / 3); } .button-container2, .button-container3 { text-align: right; } .sub-content2 { width: 100%; text-align: center; } @media only screen and (min-width: 1751px) { .sub-content .content-block { display: flex; flex-wrap: wrap; margin-top: 20px; } .subscription { margin-top: 165px; display: flex; flex-wrap: wrap; } .subscription .image-container img { padding-right: 60px; width: 100%; } .button-container { margin-top: 20px; } .subscription .sub-content3 .image-container img { padding-right: 0px; padding-left: 60px; width: 100%; padding-top: 0px; } .sub-content { width: calc((100% / 3) * 2); padding-left: 30px; padding-top: 15px; } .sub-content .line2 { font-size: 38px; font-weight: bold; text-decoration: underline; } .sub-content .line1 { font-size: 75px; font-weight: 550; } .button-container a.btn.btn-primary { padding: 8px 25px; background-color: #555555; height: 60px; font-size: 34px; font-weight: 700; } .button-container2 a.btn.btn-primary { background-color: #555555; height: 60px; font-size: 34px; font-weight: 700; width: 480px; padding-top: 8px; } .button-container3 a.btn.btn-primary { background-color: #555555; padding: 8px 12px; height: 60px; font-size: 34px; font-weight: 700; width: 480px } .sub-content .content-block .content-note { display: flex; flex-wrap: wrap; width: 48%; } .sub-content .content-block .content-note .content-icon { height: 50px; width: 45px; } .sub-content .content-block .content-note .content-title { margin: 8px 10px 0px 14px; font-size: 34px; font-weight: bold; color: #7474c1; } .sub-content .content-block .content-note .content { margin: 6px 10px 15px 58px; font-size: 25px; padding-right: 100px; } .sub-content .content-block .content-note .content-align { margin: 0px 10px 55px 58px; font-size: 25px; padding-right: 130px; } .sub-content2 .line1 { display: inline-block; font-size: 75px; font-weight: 550; } .sub-content2 .content-block { display: flex; margin: 88px 45px 88px 45px; } .sub-content2 .content-block .content { width: 25%; } .sub-content2 .content-block .content .content-icon { height: 190px; width: auto; } .sub-content2 .content-block .content .line2 { font-size: 32px; font-weight: bold; color: #7474c1; } .sub-content2 .content-block .content .line3 { padding: 0px 5px 0px 5px; font-size: 26px; } .sub-content3 { display: flex; width: 100%; } .sub-content3 .content-block { width: 50%; margin-top: 67px; } .sub-content3 .content-block .content { margin: 80px 60px 0px 60px; } .sub-content3 .image-container { width: 50%; } .sub-content3 .content-block .content .line1 { font-size: 60px; font-weight: 550; margin-bottom: 10px; text-align: right; } .sub-content3 .content-block .content .line3 { text-align: right; font-size: 25px; padding-left: 225px; margin-bottom: 25px; } .disclaimer { margin: 20px 0px 0px 20px; font-style: italic; font-weight: 300; } } @media only screen and (max-width: 1750px) { .subscription { margin-top: 100px; display:flex; flex-wrap: wrap; } .sub-content .content-block { display: flex; flex-wrap: wrap; } .sub-content .content-block .content-note { display: flex; flex-wrap: wrap; width: 50%; } .subscription .image-container img { padding-right: 40px; width: 100%; } .button-container { margin-top: 8px; } .subscription .sub-content3 .image-container img { padding-right: 0px; padding-left: 40px; width: 100%; padding-top: 55px; } .sub-content .line2 { font-size: 25px; font-weight: bold; text-decoration: underline; } .sub-content .line1 { font-size: 55px; font-weight: 550; } .sub-content { width: 66.6666%; padding-left: 40px; padding-top: 15px; } .button-container a.btn.btn-primary { padding: 8px 25px; background-color: #555555; height: 60px; font-size: 20px; font-weight: 800; } .button-container2 a.btn.btn-primary { background-color: #555555; height: 60px; font-size: 20px; font-weight: 800; width: 320px; padding-top: 8px; } .button-container3 a.btn.btn-primary { background-color: #555555; padding: 8px 12px; height: 60px; font-size: 20px; font-weight: 800; width: 320px } .sub-content .content-block .content-note .content-icon { height: 34px; width: 31px; } .sub-content .content-block .content-note .content-title { margin: 8px 10px 0px 12px; font-size: 23px; font-weight: bold; color: #7474c1; } .sub-content .content-block .content-note .content { margin: 6px 10px 15px 42px; font-size: 20px; padding-right: 70px; } .sub-content .content-block .content-note .content-align { margin: 6px 10px 45px 42px; font-size: 20px; padding-right: 70px; } .sub-content2 .line1 { display: inline-block; font-size: 55px; font-weight: 550; } .sub-content2 .content-block { display: flex; margin: 70px; } .sub-content2 .content-block .content { width: 25%; } .sub-content2 .content-block .content .content-icon { height: 125px; width: auto; } .sub-content2 .content-block .content .line2 { font-size: 20px; font-weight: bold; color: #7474c1; } .sub-content2 .content-block .content .line3 { padding: 0px 5px 0px 5px; font-size: 20px; } .sub-content3 { display: flex; width: 100%; } .sub-content3 .content-block { width: 50%; margin-top: 90px; } .sub-content3 .content-block .content { margin: 80px 60px 0px 60px; } .sub-content3 .image-container { width: 50%; } .sub-content3 .content-block .content .line1 { font-size: 45px; font-weight: 550; margin-bottom: 10px; text-align: right; } .sub-content3 .content-block .content .line3 { text-align: right; font-size: 20px; padding-left: 115px; margin-bottom: 25px; } .disclaimer { margin: 20px 0px 0px 20px; font-style: italic; font-weight: 300; } } @media only screen and (max-width: 1350px) { .subscription { margin-top: 50px; } .sub-content .content-block { margin-top: 0px; } .subscription .image-container img { padding-right: 34px; } .subscription .sub-content3 .image-container img { padding-top: 65px; } .sub-content .line2 { font-size: 20px; } .sub-content .line1 { font-size: 45px; } .sub-content .content-block .content-note .content-title { margin: 12px 10px 0px 12px; font-size: 18px; } .sub-content .content-block .content-note .content { margin: 4px 10px 15px 42px; font-size: 16px; } .sub-content .content-block .content-note .content-align { margin: 6px 10px 42px 42px; font-size: 16px; } .sub-content2 .line1 { font-size: 45px; } .sub-content2 .content-block .content .line2 { font-size: 18px; } .sub-content2 .content-block .content .line3 { font-size: 18px; } .sub-content3 .content-block { margin-top: 116px; } .sub-content3 .content-block .content { margin: 45px 60px 0px 60px; } .sub-content3 .content-block .content .line1 { font-size: 36px; } .sub-content3 .content-block .content .line3 { font-size: 18px; } } @media only screen and (max-width: 1024px) { .subscription .image-container { width: 50%; } .sub-content { width: 50%; padding-left: 0px; padding-top: 0px; } .sub-content .line2 { font-size: 18px; } .sub-content .line1 { font-size: 25px; } .sub-content .content-block .content-note .content-icon { height: 25px; width: 23px; } .sub-content .content-block .content-note { width: 100%; } .sub-content .content-block .content-note .content-title { margin: 8px 10px 0px 9px; font-size: 14px; } .sub-content .content-block .content-note .content { width: 100%; margin: 4px 0px 8px 32px; padding-right: 20x; } .sub-content .content-block .content-note .content-align { width: 100%; margin: 4px 0px 8px 32px; font-size: 14px; padding-right: 20px; } .sub-content2 .content-block { margin: 20px; } .sub-content2 .line1 { font-size: 30px; } .sub-content2 .content-block .content .line3 { font-size: 14px; } .sub-content2 .content-block .content .line2 { font-size: 14px; } .sub-content2 .content-block .content .content-icon { height: 80px; } .sub-content3 .content-block { margin-top: 80px; } .button-container2 a.btn.btn-primary { font-size: 16px; font-weight: 700; width: 270px; padding-top: 8px; } .button-container3 a.btn.btn-primary { font-size: 16px; font-weight: 700; width: 270px; } .sub-content3 .content-block .content { margin: 16px 30px 0px 30px; } .sub-content3 .content-block .content .line1 { font-size: 24px; } .sub-content3 .content-block .content .line3 { font-size: 16px; padding-left: 0px; } } @media only screen and (max-width: 767px) { .subscription .image-container { width: 100%; } .subscription .image-container img { padding-right: 0px; } .sub-content { width: 100%; padding-left: 5px; padding-top: 0px; } .sub-content .line1 { text-align: center; } .sub-content .line2 { font-size: 18px; text-align: center; } .sub-content .content-block .content-note .content-icon { margin-left: 37px; } .sub-content .content-block .content-note .content { margin: 8px 38px; font-size: 14px; padding-right: 0px; } .sub-content .content-block .content-note .content-align { margin: 8px 38px; padding-right: 0px; } .sub-content2 .content-block { flex-wrap: wrap; } .sub-content2 .content-block .content { width: 50%; margin-top: 10px; } .sub-content3 { flex-wrap: wrap; } .sub-content3 .content-block { width: 100%; margin-top: 0px; } .sub-content3 .content-block .content .line1 { font-size: 23px; text-align: center; } .sub-content3 .content-block .content .line3 { text-align: center; } .button-container2, .button-container3 { text-align: center; } .subscription .sub-content3 .image-container img { padding-left: 20px; padding-top: 20px; } .button-container { text-align: center; } .background-splash { background-position: center; } } a {text-decoration:underline;color:#059df9} a:hover {color:#03abbd}