zFSMDMxUjXIlTAVSJAyAp/PEoAAAAAAEAAP/zAUgC7gADACUAuAAARVi4AAAvG7kAAAANPlm4AABFWLgAAi8buQACAAc+WTAxETMBIz4BCj4C7v0FAAABAFz/ugDiAyAABwAzuwAAAAQAAQAEK7gAABC5AAQABfS4AAEQuAAF0AC7AAMAAgAAAAQruwAHAAIABAAEKzAxFyM1MwMjNTPihlMBUoZGKAMVKQABAEAB4wJGAsIABgAPALgAAy+4AAEvuAAFLzAxAQcjNzMXIwE4vznnL/BOAoqn398AAAAAAQBBAAACzwAsAAMAGgC4AABFWLgAAi8buQACAAc+WbkAAAAC9DAxNyEVIUECjv1zLCwAAAEANgJbANEC0wADABUAuAADL7gAAS+6AAIAAQADERI5MDETByc30ShzTAJuE24KAAIALv/zAfkCKwAqADwAACUHIyYnDgMjIi4CNTQ+BDM1NCYjIgYHJzY2MzIWFRQGFRQUFhYnNSIOBBUUHgIzMj4CAfkFThIGDiguMhgkQDEdIzpLTk4fSkIvWSYTK2QyXGUCCBZRFz5CQDMfFSMuGTNCJg8iIiEmFCAVCwcYLicgOC0iFww0QVMWGisZHmFeMmIzIjEgD9IIBw4VHSUXHSISBiE5TAAAAAIAGP/wAh8DHAAsAEEAAAEUDgIjIi4CIyIGByc+AjQ1NBI1NC4CIyIiBzc3MwYGFRU2NjMyHgIHNC4CIyIOAgcGFhUUHgIzMjYCHx8/YEAZLCUgDhYoEhIPDwYDAQcRDwMHBAVIJAMFIVItQF8/IDUcNU4yHzcpGQEDAx0vORxkZQEWO2tRLwoLChEOMAcRFBgPjQEXjhAeGA8BGwgdPjSaHhsqSmY3LVI+JREfLRs4bzgkMiEPewABAC3/7wHvAisAJwAAJQYGIyIuAjU0PgIzMhYzMjY3FwcuAyMiDgIVFB4CMzI2NwHvKWg9O1o/ICFBYEAhQiEJEggMJQYoMC8PNEgtFB02TC8vUB5UKzo1VGk1PWZ format('truetype') ;} .breadcrumb { display : none ; } #page_wrapper { width : 100% ; max-width : 980px ; overflow : visible ; font-size : 10px ; margin : 0 auto ; margin-top : 4em ; } .main { margin-bottom : 0 ; } .coversParentContainer { position:absolute ; width:100% ; height:100% ; top:0 ; left : 0 ; z-index : 1 ; cursor : pointer ; } .h_slider .slide-holder { background-size : contain ; background-repeat : no-repeat ; background-position : center ; background-position : center top ; } .h_slider .slick-slide h2 { font-family : CushingTwo-Book, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; font-size : 4em ; line-height : 1em ; } .h_slider .slick-slide p { color : #000000 ; font-size : 1.6em ; } p.slide-content-cta { margin-bottom : 0 ; text-decoration : underline ; } .h_slider .slick-next, .h_slider .slick-prev { top : 0 ; } .h_slider .slick-next { right : -25px ; } .h_slider .slick-prev { left : -25px ; } .h_slider .slide-holder { position : relative ; margin-top : 150px ; } .h_slider .slide-holder .slide-content { margin-bottom : 4em ; width : 100% ; margin : 0 auto ; text-align : center ; background-size : cover ; padding : 7em 0 ; max-height : 345px ; } .slide-content img { max-height : 345px ; } .slide-content.img_desktop { display : block ; } .slide-content.img_mobile { display : none ; } .slide-content .slide-content-inner.desktop { display : block ; } .slide-content .slide-content-inner.mobile { display : none ; } .h_slider .slide-holder .slide-content .slide-content-inner { width : 50% ; margin : 0 auto ; background-color : rgba(255,255,255,0.8) ; padding : 2em ; } .h_slider .slide-holder .products-holder { width : 100% ; margin-top : 3em ; } .h_slider .slide-holder .products-holder div { width : 33% ; display : inline-block ; } .h_slider .slide-holder .products-holder div img { max-width : 150px ; } .h_slider .slide-holder .products-holder p { line-height : 25px ; } .h_slider .slick-dots { background-image:url(https://www.spacenk.com/on/demandware.static/-/Library-Sites-spacenk-global/default/dwb5ff5e87/images/landingpage/super-botanicals/nav_bg.jpg) ; position : absolute ; left : auto ; right : auto ; bottom : 0 ; top : -20px ; text-align : center ; width : 100% ; height : 150px ; } .h_slider ul li:not(.ui-tabs-element) { list-style : none } .h_slider .slick-dots li { width : 20% ; text-align : center ; vertical-align : middle ; height : 75px ; font-family : CushingTwo-Book, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; color : #FFF ; margin : 0 ; border-style : solid ; border-width : 0 1px 1px 0 ; } .h_slider .slick-dots li span { position : absolute ; margin : 0 auto ; top : 40% ; left : 46% ; -webkit-transform : translate(-40%, 0) ; -moz-transform : translate(-40%, 0) ; -ms-transform : translate(-40%, 0) ; -o-transform : translate(-40%, 0) ; transform : translate(-40%, 0) ; font-size : 1.4em ; } .h_slider .slick-dots li:nth-child(2) span { top : 25% ; } .h_slider .slick-dots li:hover { background-color : rgba(255,255,255,0.75) ; } .products-holder h3 { font-size : 1.9em ; } .ingredient-rose h2, .ingredient-rose h3, .ingredient-rose a { color : #d96169 !important ; } .ingredient-lavender h2, .ingredient-lavender h3, .ingredient-lavender a { color : #684686 !important ; } .ingredient-aloevera h2, .ingredient-aloevera h3, .ingredient-aloevera a { color : #228c1d !important ; } .ingredient-rosemary h2, .ingredient-rosemary h3, .ingredient-rosemary a { color : #488e42 !important ; } .ingredient-grape h2, .ingredient-grape h3, .ingredient-grape a { color : #97902b !important ; } .ingredient-camelia h2, .ingredient-camelia h3, .ingredient-camelia a { color : #dd4e6d !important ; } .ingredient-sage h2, .ingredient-sage h3, .ingredient-sage a { color : #488e42 !important ; } .ingredient-tea h2, .ingredient-tea h3, .ingredient-tea a { color : #c40005 !important ; } .ingredient-borage h2, .ingredient-borage h3, .ingredient-borage a { color : #3f53b3 !important ; } .ingredient-seaweed h2, .ingredient-seaweed h3, .ingredient-seaweed a { color : #73ab4c !important ; } /*r*/ @media (max-width : 1024px) { .slick-slider { width : 90% ; margin : 0 auto ; } .h_slider .slick-prev { left : -2% ; } .h_slider .slick-next { right : -2% ; } .h_slider .slide-holder .products-holder div { width : 30% ; margin : 0 1% ; } } @media (max-width : 768px) { .h_slider .slide-holder .slide-content .slide-content-inner { width : 80% ; } .h_slider .slide-holder .products-holder div { width : 100% ; display : block ; margin : 0 ; } .h_slider .slide-holder .slide-content { max-height : 410px ; } .h_slider .slick-prev { left : 11% ; } .h_slider .slick-next { right : 11% ; } .slick-next, .slick-prev { height : 285px ; } .h_slider .slick-slide p { font-size : 1.4em ; width : 85% ; display : block ; margin : 0 auto ; } p.slide-content-cta { padding-top : 0.7em ; } .h_slider .slick-dots { height : auto ; background-image : none ; border-style : solid ; border-width : 1px 0 0 0 ; border-color : #111 ; height : 400px ; } .h_slider .slick-dots li { width : 50% ; height : 50px ; border-style : solid ; border-width : 0 0 1px 0 ; border-color : #111 ; color : #111 ; } .h_slider .slick-dots li:nth-child(odd) { border-width : 0 1px 1px 0 ; } .h_slider .slide-holder { margin-top : 270px ; } .h_slider .slick-dots li span { position : relative ; left : auto ; } .h_slider .slick-dots li:nth-child(1) span{ color : #684686 ; } .h_slider .slick-dots li:nth-child(2) span{ color : #c40005 ; } .h_slider .slick-dots li:nth-child(3) span{ color : #3f53b3 ; } .h_slider .slick-dots li:nth-child(4) span{ color : #dd4e6d ; } .h_slider .slick-dots li:nth-child(5) span{ color : #228c1d ; } .h_slider .slick-dots li:nth-child(6) span{ color : #d96169 ; } .h_slider .slick-dots li:nth-child(7) span{ color : #488e42 ; } .h_slider .slick-dots li:nth-child(8) span{ color : #488e42 ; } .h_slider .slick-dots li:nth-child(9) span{ color : #97902b ; } .h_slider .slick-dots li:nth-child(10) span{ color : #73ab4c ; } } @media (max-width : 767px) { .h_slider .slick-dots li:nth-child(2) span { top : 40% ; } .slide-content.img_desktop { display : none ; } .slide-content.img_mobile { display : block ; } .slide-content .slide-content-inner.desktop { display : none ; } .slide-content .slide-content-inner.mobile { display : block ; }