/* HTML */
body{ font-family: 'HelveticaNeue'; color: #000; font-size: 14px; }
section{ width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 400px; }
input[type=tel], input[type=email], input[type=password], input[type=text], textarea{ background: #f0f0f0; height: 50px; margin-bottom: 25px; border: solid 1px #f0f0f0; border-radius: 8px; padding: 0 20px; position: relative; }
select{ background: #f0f0f0; height: 50px; margin-bottom: 25px; border: solid 1px #f0f0f0; border-radius: 8px; padding: 0 20px; position: relative; }
a{ color: #000; }
a:hover{ text-decoration: none!important; }

/* HEADER */
#download-app-mobile-banner{ display: none; width: 100%; cursor: pointer; height: 141px; position: relative; text-align: center; border-bottom: solid 1px #cfa245; }
#download-app-text{ max-width: 350px; margin-top: 10px; }
#download-app-btn{ max-width: 350px; margin-top: 10px; }
#close-damb{ position: absolute; top: 10px; right: 20px; color: #000; text-decoration: none; } 
/* #close-damb button{ padding: 2px 5px; font-size: 12px; border: solid 1px #333; } */
div#header{ background: #323232; padding: 10px; font-family: 'HelveticaNeue'; }
div#header #nav-left{ float: left; position: relative; padding-top: 5px; color:#ffffff; }
div#header #nav-right-search{ position: relative; padding-top: 5px; }
div#header #nav-right-search #float-search{ height: 13px; position: absolute; left: 0; padding: 9px 10px; background: #efefef; border-radius: 2px 0 0 2px; z-index: 1; }
div#header div#nav-left #float-search{ position: absolute; left: 0; padding: 9px 10px; background: #efefef; border-radius: 2px 0 0 2px; z-index: 1; top: 12px; } 
div#header #nav-right-search input[type=text]{ padding: 5px 0 5px 40px; width: 200px; border-radius: 2px; border: solid 1px #ffffff; font-size: 16px; height: 34px; margin-bottom: 0px; }
div#header #nav-right{ float: right; position: relative; color: #ffffff; padding-top: 2px; }
div#header #nav-right ul{ list-style: none; float: right; margin-left: 20px; padding-top: 10px; }
div#header #nav-right ul li{ float: left; margin-left: 10px;  }
div#header #nav-right ul li a{ color: #FFF; }
div#header #welcome{ float: right; padding-top: 12px; }
div#header ul#register-menu a i{ color: #FFF; }
div#header div.register-submenu{ width: 140px; position: absolute; left: 100px; top: 98px; z-index: 9; display: none; }
div#header div.register-submenu div#balloon-tail{ background: url('images/balloon-tail.png') no-repeat; height: 8px; width: 12px; margin: 0 auto; }
div#header div.register-submenu div#balloon{ background: #fff; height: 140px; border-radius: 10px; text-align: center; }
div#header div.register-submenu div#balloon a{ color: #000; }
div#header div.register-submenu div#welcome-head{ border-top-left-radius: 10px; border-top-right-radius: 10px; background: #f9c75d; text-align: center; padding: 10px 5px; text-transform: uppercase; }
div#header div.register-submenu a{ padding: 5px 2px; background: #fff; color: #000000; font-family: 'HelveticaNeue-Medium'; font-size: 14px; }
div#header div#notification{ width: 10px; height: 10px; position: absolute; top: 1px; right: 0; background: #ff0000; border-radius: 5px; colro: #fff; text-align: center; font-size: 8px; }
div#header #account-icon{ display: inline-block; }
div#header #account-icon-mobile{ display: none; }
div#mobile-free-shipping{display: none;}
div#header div#nav-left input[type=text]{ padding-left: 40px; }
div#lang_dd{ font-size: 14px; margin-top: 0px; margin-bottom: 10px; text-align: right; }
div#lang_dd div#lang_pos{ width: 572px; float: right; }
div#lang_dd div#lang_pos div.dd_holder{ float: left; text-align: left; }
div#lang_dd div#lang_pos div.dd_holder:first-child{ margin-right: 5px; }


/* HOME - HERO */
section#hero{ font-family: 'HelveticaNeue-Medium'; font-size: 18px; background-image: url('images/hero-bg.jpg'); padding: 230px 0 100px; }
section#hero #angel{ margin: 0 auto; width: 100%; text-align: center; z-index: 1; position: relative; }
section#hero #most{ position: absolute; bottom: 40%; left: 0; z-index: 0; width: 100%; }


/* HOME - PWA */
section#pwa{ background-image: url('images/home-pwa-bg3.2.jpg'); background-position: center bottom; padding: 230px 0; }
/* section#pwa{ background-image: url('images/home-pwa-bgxmas.jpg'); background-position: center bottom; padding: 150px 0; height: 1280px; } */
section#pwa div#left{ max-width: 660px; width: 100%; float: left; padding-top: 75px; }
section#pwa div#right{ float: right; margin-top: 24px; max-width: 675px; }
section#pwa div#right div#pwa2{ display: none; }

section#pwa div#pwa{ display: inline; }
section#pwa div#pwa-mobile{ display: none; }


/* HOME - COLLAGEN */
section#collagen{ background-image: url('images/home-collagen-bg.jpg'); background-position: left; padding: 100px 0; }
/* section#collagen{ background-image: url('images/home-collagen-bgxmas.jpg'); background-position: left; padding: 240px 0 100px; height: 1080px; } */
section#collagen div.left{ float: left; padding-top: 7px; margin-bottom: 50px; }
section#collagen div.right{ float: left; margin-left: 50px; max-width: 615px; }
section#collagen div.right p.title{ font-size: 58px; }


/* HOME - OMEGA COLLAGEN */
section#omegacollagen{ background-color: #ececec; background-position: left; padding: 100px 0; }
section#omegacollagen div.left{ float: left; padding-top: 0px; margin-bottom: 50px; }
section#omegacollagen div.right{ float: left; margin-left: 30px; max-width: 620px; padding-top: 56px; }
section#omegacollagen div.right p.title{ font-size: 58px; }


/* HOME - PLACOLLA */
section#placolla{ background-image: url('images/home-placolla-bg.jpg'); background-position: left bottom; padding: 100px 0; }
/* section#placolla{ background-image: url('images/home-placolla-bgxmas.jpg'); background-position: top center; padding: 240px 0 100px; height: 1080px; } */
section#placolla div.left{ float: left; max-width: 660px; }
section#placolla div.right{ margin-left: 35px; margin-bottom: 50px; max-width: 824px; position: absolute; left: 48%; }


/* HOME - AOJIRU */
section#aojiru{ background-image: url('images/home-aojiru-bg.jpg'); background-position: left bottom; padding: 190px 0 200px; }
section#aojiru div.left{ float: left; max-width: 680px; margin-bottom: 50px; }
section#aojiru div.right{ float: left; max-width: 660px; margin-left: 10px; }


/* HOME - AOJIRU COLLAGEN */
section#aojiru-collagen-jelly{ background-color: #f4f4f4; padding: 0px 0 200px; }
section#aojiru-collagen{ background-color: #f4f4f4; padding: 190px 0 200px; }
/* section#aojiru-collagen{ background-image: url('images/home-aojiru-collagen-bgxmas.jpg'); background-position: left bottom; padding: 280px 0 200px; } */
section#aojiru-collagen-jelly div.left,
section#aojiru-collagen div.left{ float: left; margin-bottom: 50px; margin-top: 4px; max-width: 684px; }
section#aojiru-collagen-jelly div.right,
section#aojiru-collagen div.right{ float: left; max-width: 655px; margin-left: 10px; }
/* HOME - SUNFADE */
section#sunfade{ background-color: #ffffff; padding: 190px 0 200px; }
section#sunfade div.left{ float: left; max-width: 660px; }
section#sunfade div.right{ float: right; margin-left: 35px; margin-bottom: 50px; max-width: 673px; }


/* HOME - PREMIUM CREAM */
section#premiumcream{ background: url('images/home-premiumcream-bg.jpg'); background-position: center bottom; padding: 150px 0; background-color: #fff; }
/* section#premiumcream{ background-image: url('images/home-premiumcream-bgxmas.jpg'); background-position: top right; padding: 240px 0 100px; background-color: #fff; height: 1080px; } */
section#premiumcream div.left{ float: left; max-width: 630px; }
/* section#premiumcream div.right{ float: right; max-width: 660px; margin-left: 50px; margin-bottom: 50px; } */
section#premiumcream div.right{ float: right; max-width: 660px; margin-left: 50px; margin-bottom: 50px; padding-top: 275px; }


/* HOME - DOWNLOAD  */
section#download{ background: url('images/home-download-bg.png'); background-position: center center; padding: 120px 0 70px; background-color: #fff; min-height: 1080px; }
section#download div#web div.left{ float: left; max-width: 630px; }
section#download div#web div.left img#angel{ padding-bottom: 70px; }
section#download div#web div.right{ float: right; max-width: 660px; }
section#download div#web div.right img#be-at{ margin-bottom: 90px; }
section#download div#web div.right iframe#appvid{ margin-bottom: 60px; }
section#download div#mobile{ display: none; }


/* HOME - ENDORSERS  */
section#endorser{ position: relative; padding: 0; }
section#endorser div#slideshow{ max-height: 1081px; height: 100%; padding: 0; }


/* HOME - SUGGESTED PRODUCTS */
section#suggested{ padding: 150px 0; }
section#suggested div#suggested-title{ border-bottom: solid 1px #bdbdbd; padding-bottom: 30px; }
section#suggested div#suggested-title div#title{ float: left; }
section#suggested div#suggested-title div#slider{ float: right; position: relative; }
section#suggested div#product-listing{ width: 100%; }
section#suggested div#product-listing div.listing{ width: 400px; margin: 50px 0; float: left; }
section#suggested div#product-listing div.listing div.product-image{ text-align: center; padding: 20px; }
section#suggested div#product-listing div.listing div.product-image div.image-holder{  display: table-cell; vertical-align: middle; height: 265px; width: 400px; text-align: center; }
section#suggested div#product-listing div.listing div.product-name{ font-family: 'HelveticaNeue-Medium'; font-size: 25px; text-align: center; color: #000; margin-top: 30px; height: 70px; padding: 0 45px; line-height: 28px; }
section#suggested div#product-listing div.listing div.product-includes{ font-size: 16px; text-align: center; color: #000; margin: 10px 0;}
section#suggested div#product-listing div.listing div.product-tagline{ font-size: 16px; text-align: center; color: #000; padding: 0 55px; min-height: 95px; }
section#suggested div#product-listing div.listing div.product-short-desc{ min-height: 90px; max-height: 140px; margin-bottom: 10px; text-align: center; }
section#suggested div#product-listing div.listing div.product-price{ font-family: 'HelveticaNeue-Bold'; font-size: 30px; text-align: center; color: #000; }
section#suggested div#product-listing div.listing div.product-more{ margin-top: 30px; text-align: center; }


/* PRODUCT INFO - PRODUCT DETAILS */
section#product-detail{ padding: 200px 0 50px; }
section#product-detail #product-image{ max-width: 600px; text-align: center; padding: 0; margin: 0 0 20px 0; float: left; }
section#product-detail #product-image #image-holder{ max-width: 600px; max-height: 600px; display: table-cell; vertical-align: middle; }
/* section#product-detail #product-desc{ max-width: 728px; padding: 0; margin: 0 0 0 40px; } */
section#product-detail #product-desc{ max-width: 677px; padding: 0; margin: 0 0 0 40px; float: right; }
section#product-detail #product-desc div#description{ width: 414px; max-width: 414px; padding: 0; margin: 0; }
section#product-detail #product-desc p#product-title{ font-family: 'HelveticaNeue-Medium'; font-size: 29px; color: #303137; line-height: 34px; }
section#product-detail #product-desc p#product-content{ font-family: 'HelveticaNeue-Medium'; color: #6e6e6e; font-size: 22px; }
section#product-detail #product-desc p#product-tagline, section#product-detail #product-desc p#product-reviews, section#product-detail #product-desc p#share-product{ font-family: 'HelveticaNeue-Medium'; color: #303137; font-size: 22px; line-height: 26px; }
section#product-detail #product-desc p{ font-family: 'HelveticaNeue'; color: #6e6e6e; font-size: 20px; }
section#product-detail #product-desc strong{ color: #303137; font-family: 'HelveticaNeue-Medium'; font-size: 20px; }
section#product-detail #product-desc div.product-rating{ margin: 0; }
section#product-detail #product-desc div.product-rating div.rating{ margin: 0 1px; }
section#product-detail #product-desc #share-icons{ max-width: 170px; }
section#product-detail #product-desc #share-icons ul{ list-style: none; }
section#product-detail #product-desc #share-icons ul li{ float: left; margin-right: 22px; }
section#product-detail #product-pricing{ max-width: 284px; padding: 0; margin-left: 50px; }
section#product-detail #product-pricing table tr td{ font-size: 18px; color: #000000; vertical-align: middle; padding-bottom: 20px; }
section#product-detail #product-pricing table tr td.price{ font-size: 22px; }
section#product-detail #product-pricing div#line{ border-bottom: solid 1px #6e6e6e; margin: 50px 0; }
section#product-detail #product-pricing table#qty{ font-family: 'HelveticaNeue-Bold'; color: #000000; font-size: 18px; text-align: center; margin: 0 auto; margin-bottom: 50px; }
section#product-detail #product-pricing table#qty tr td{ padding: 0 5px; }
section#product-detail #product-pricing .qty-input-left{ height: 45px; width: 6px; background: url('images/input-qty-left.jpg') no-repeat; float: left; }
section#product-detail #product-pricing .qty-input-rep{ height: 45px; background: url('images/input-qty.jpg') repeat-x; float: left; padding-top: 5px; }
section#product-detail #product-pricing .qty-input-rep input{ border: none; width: 39px; text-align: center; color: #303137; font-size: 22px; background: transparent; height: 36px; padding: 0; }
section#product-detail #product-pricing .qty-input-right{ height: 45px; width: 6px; background: url('images/input-qty-right.jpg') no-repeat; float: left; }
section#product-detail #product-pricing .clearQty{ color: #f33b3b; font-size: 16px; font-family: 'HelveticaNeue-Bold'; }
section#product-detail div#product-social2{ display: none; }


/* PRODUCT INFO - REVIEWS */
section#reviews{ padding: 70px 0; }
section#reviews div#customer-reviews{ max-width: 940px; margin-right: 60px; }
section#reviews p.title, section#reviews div.reviews p.title{ font-family: 'HelveticaNeue-Medium'; color: #303137; font-size: 22px; line-height: 26px; }
section#reviews div.reviews p.product-name{ font-family: 'HelveticaNeue-Medium'; color: #6e6e6e; font-size: 22px; line-height: 26px; }
section#reviews div.reviews p.bottom-title{ font-family: 'HelveticaNeue-Medium'; font-weight: bold; color: #6e6e6e; font-size: 22px; line-height: 26px; }
section#reviews div.reviews{ border-top: solid 1px #6e6e6e; padding: 40px 0; }
section#reviews div.reviews:last-child{ border-bottom: solid 1px #6e6e6e; }
section#reviews div.reviews div.product-rating{ margin: 0; }
section#reviews div.reviews table tr td{ vertical-align: middle; padding-right: 50px; }
section#reviews div.reviews table tr td p{ margin-bottom: 0!important; padding-top: 5px; }
section#reviews div.reviews p.super-title{ color: #303137; font-family: 'HelveticaNeue-Bold'; font-size: 38px; }
section#reviews div.reviews p{ color: #6e6e6e; font-size: 20px; }
section#reviews div#write-review{ max-width: 388px; }
section#reviews div#write-review #review-form{ border-top: solid 1px #6e6e6e; padding: 20px 0; }
section#reviews div#write-review #review-form input[type=text], section#reviews div#write-review #review-form textarea{ width: 100%; }
section#reviews div#write-review #review-form textarea{ width: 100%; color: #757575; padding: 20px; height: 190px; }
section#reviews div#write-review #review-form table{ margin-top: 20px; }
section#reviews div#write-review #review-form table tr td{ vertical-align: middle; }
section#reviews div#write-review #review-form table tr td p.title{ line-height: 0; padding-top: 25px; }
section#reviews div#write-review #review-form div.rating{ cursor: pointer; float: right; }
section#reviews p.larger{ font-size: 32px; }


/* PRODUCT INFO - VIDEOS */
section#product-video{ text-align: center; padding: 100px 0; }
section#product-video p.title{ color: #c18b17; line-height: 70px; text-transform: uppercase; font-family: 'HelveticaNeue-Bold'; font-size: 38px; }
section#product-video span.super{ text-transform: uppercase; font-size: 58px; }
section#product-video p{ color: #6e6e6e; font-size: 18px; }
section#product-video iframe{ max-width: 1280px; height: 780px; }


/* PRODUCT INFO - FEATURES */
section#product-features{ padding: 0 0 100px 0; }
section#product-features table{ margin: 0 auto; }
section#product-features table tr td{ padding: 0 20px; }
section#product-features table tr td a{ color: #6e6e6e; }
section#product-features table tr td a.active p.title{ color: #303137!important; font-family: 'HelveticaNeue-Bold'; }
section#product-features table tr td p.title{ font-size: 22px; color: #6e6e6e!important; }
section#product-features p{ font-size: 18px; color: #6e6e6e; }
section#product-features div#line{ border-bottom: solid 1px #8b8b8b; margin-bottom: 50px; }
section#product-features p.pink, section#product-features p.title{ color: #c18b17; font-size: 38px; line-height: 60px; }
section#product-features p strong, section#product-features p.gold{ font-family: 'HelveticaNeue-Bold'; color: #303137; }
section#product-features ul{ list-style: disc; }
section#product-features ul li{ font-size: 18px; color: #6e6e6e; margin-left: 15px; }


/* PRODUCT INFO - ALSO LIKE */
section#also-like{ padding: 100px 0; }
section#also-like div#alsoLike-title{ border-bottom: solid 1px #bdbdbd; margin-bottom: 30px; }
section#also-like div#alsoLike-title p.sub{ font-size: 22px; color: #303137; font-family: 'HelveticaNeue-Bold'; }
section#also-like div#product-listing{ width: 100%; }
section#also-like div#product-listing div.listing{ margin: 50px auto; }
section#also-like div#product-listing div.listing div.product-image{ text-align: center; padding: 20px; }
section#also-like div#product-listing div.listing div.product-image div.image-holder{  display: table-cell; vertical-align: middle; height: 265px; width: 400px; text-align: center; }
section#also-like div#product-listing div.listing div.product-name{ font-family: 'HelveticaNeue-Medium'; font-size: 25px; text-align: center; color: #000; margin-top: 30px; height: 70px; padding: 0 45px; line-height: 28px; }
section#also-like div#product-listing div.listing div.product-includes{ font-size: 16px; text-align: center; color: #6e6e6e; margin: 10px 0;}
section#also-like div#product-listing div.listing div.product-tagline{ font-size: 16px; text-align: center; color: #000; padding: 0 55px; height: 70px; }
section#also-like div#product-listing div.listing div.product-price{ font-family: 'HelveticaNeue-Bold'; font-size: 30px; text-align: center; color: #000; }
section#also-like div#product-listing div.listing div.product-more{ margin-top: 30px; text-align: center; }


/* CATEGORIES */
section#categories-navigation{ min-height: 150px; background: #fff; padding: 200px 0 0; position: relative; }
section#products-list div#product-listing{ width: 100%; margin-bottom: 100px; }
section#products-list div#product-listing div.listing{ margin: 50px 0; max-width: 450px;}  /* width: 400px; */
section#products-list div#product-listing div.listing div.product-image{ width: 400px; height: auto; text-align: center; padding: 20px; margin: 0 auto; }
section#products-list div#product-listing div.listing div.product-image div.image-holder{  display: table-cell; vertical-align: middle; height: 265px; text-align: center; width: 400px;  }
section#products-list div#product-listing div.listing div.product-name{ font-family: 'HelveticaNeue-Medium'; font-size: 25px; text-align: center; color: #000; margin-top: 30px; min-height: 100px; padding: 0 45px; line-height: 28px; }
section#products-list div#product-listing div.listing div.product-includes{ font-size: 16px; text-align: center; color: #6e6e6e; margin: 10px 0;}
section#products-list div#product-listing div.listing div.product-includes div.product-includes-sets{ min-height: 90px; font-size: 15px; max-height: 180px; }
section#products-list div#product-listing div.listing div.product-tagline{ font-size: 16px; text-align: center; color: #000; padding: 0 55px; min-height: 95px; }
section#products-list div#product-listing div.listing div.product-short-desc{ min-height: 95px; max-height: 140px; margin-bottom: 10px; text-align: center; }
section#products-list div#product-listing div.listing div.product-price{ font-family: 'HelveticaNeue-Bold'; font-size: 30px; text-align: center; color: #000; }
section#products-list div#product-listing div.listing div.product-more{ margin-top: 30px; text-align: center; }
section#products-list div#product-listing div.listing div.product-more img{ margin: 10px 0; }


/* CATEGORIES - WHITENING */
section#whitening{ background: url('images/jumbotron-whitening.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; }


/* CATEGORIES - ANTI AGING */
section#anti-aging{ background: url('images/jumbotron-anti-aging.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; }


/* CATEGORIES - SUPPLEMENTS */
section#supplements{ background: url('images/jumbotron-supplement.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; }


/* CATEGORIES - BODY */
section#body{ background: url('images/jumbotron-body.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; }


/* CATEGORIES - FACE */
section#face{ background: url('images/jumbotron-face.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; }


/* CATEGORIES - COSMETICS */
section#cosmetics{ background: url('images/jumbotron-cosmetics.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; }


/* CATEGORIES - SETS */
section#sets{ height: 0; min-height: 0; }


#mobile-banner{ display: none; }


/* WRITE REVIES */
section#reviews-write{ background: url('images/jumbotron-reviews.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; }
section#review-form{ margin-bottom: 200px; }
section#review-form p.title{ color: #222527!important; }
section#review-form input[type=text],section#review-form select, section#review-form textarea{ width: 100%; margin-bottom: 25px; }
section#review-form textarea{ height: 200px; padding: 10px 20px; }
section#review-form div.rating{ cursor: pointer; float: right; }

/* SHOPPING CART */
section#shopping-cart{ font-family: 'HelveticaNeue-Medium'; color: #232427; padding-bottom: 100px; font-size: 18px; }
section#shopping-cart p.title, section#estimate-shipping p.title{ font-family: 'HelveticaNeue-Bold'; font-size: 36px; color: #303137; }
section#shopping-cart p{ font-size: 18px; }
section#shopping-cart div.cart-contents{ border-top: solid 1px #6e6e6e; padding: 50px 0; }
section#shopping-cart div.cart-contents:last-child{ border-bottom: solid 1px #6e6e6e; }
section#shopping-cart div.cart-contents p.title{ font-family: 'HelveticaNeue-Medium'; color: #000000; font-size: 22px!important; }
section#shopping-cart div.cart-contents div.item-name{ float: left; width: 100%; max-width: 637px; padding: 0; }
section#shopping-cart div.cart-contents div.item-name div.image-wrap{ height: 220px; width: 250px; margin-right: 50px; float: left; } 
section#shopping-cart div.cart-contents div.item-name div.product-holder{ height: 220px; width: 250px; padding: 0; text-align: center; display: table; } 
section#shopping-cart div.cart-contents div.item-name div.product-holder div.image-aligner{ height: 220px; width: 250px; display: table-cell; vertical-align: middle; }
section#shopping-cart div.cart-contents div.item-name div.product-name a{ color: #000000!important; }
section#shopping-cart div.cart-contents div.item-name div.product-name span{ color: #6e6e6e; font-size: 16px; }
section#shopping-cart div.cart-contents div.item-price{ float: left; width: 214px; max-width: 214px; padding: 0; flex: 0 0 16.66666666666667%; }
section#shopping-cart div.cart-contents div.item-qty{ float: left; width: 252px; max-width: 252px; padding: 0; flex: 0 0 16.66666666666667%; }
section#shopping-cart div.cart-contents div.item-qty table.qty{ font-family: 'HelveticaNeue-Bold'; color: #000000; font-size: 18px; text-align: center; }
section#shopping-cart div.cart-contents div.item-qty table.qty tr td{ padding: 0 5px; vertical-align: top; }
section#shopping-cart div.cart-contents div.item-qty .qty-input-left{ height: 45px; width: 6px; background: url('images/input-qty-left.jpg') no-repeat; float: left; }
section#shopping-cart div.cart-contents div.item-qty .qty-input-rep{ height: 45px; background: url('images/input-qty.jpg') repeat-x; float: left; padding-top: 5px; }
section#shopping-cart div.cart-contents div.item-qty .qty-input-rep input{ border: none; width: 39px; text-align: center; color: #303137; font-size: 22px; background: transparent; height: 36px; padding: 0; }
section#shopping-cart div.cart-contents div.item-qty .qty-input-right{ height: 45px; width: 6px; background: url('images/input-qty-right.jpg') no-repeat; float: left; }
section#shopping-cart div.cart-contents div.item-total{ float: left; width: 202px; max-width: 202px; padding: 0; flex: 0 0 16.66666666666667%; }
section#shopping-cart div.cart-contents div.item-edit{ float: left; width: 61px; max-width: 61px; padding: 0; flex: 0 0 16.66666666666667%; }
section#estimate-shipping{ font-family: 'HelveticaNeue-Bold'; color: #303137; padding-bottom: 100px; }
section#estimate-shipping p.sub-title{ font-family: 'HelveticaNeue-Medium'; color: #000000; font-size: 26px; }
section#estimate-shipping div.estimate-form .form-field{ margin: 0 50px 20px 0; max-width: 410px; }
section#estimate-shipping div.estimate-form label{ color: #303137; width: 100%; }
section#estimate-shipping div.estimate-form input, section#estimate-shipping div.estimate-form select{ width: 100%; padding: 10px 20px; }
section#cart-order-total{ padding: 80px 0 200px; }
section#cart-order-total div.order-totals{ font-family: 'HelveticaNeue-Bold'; color: #303137; }
section#cart-order-total div.order-totals .free-shipping{ font-size: 16px; text-align: center; text-transform: uppercase; background: #f7f7f7; width: 100%; padding: 20px 0; font-family: 'HelveticaNeue-Bold'; }
section#cart-order-total div.order-totals div{ padding-bottom: 25px; }
section#cart-order-total div.order-totals td.subtotal{ font-size: 18px; padding-bottom: 25px; } 
section#cart-order-total div.order-totals td.shipping, section#cart-order-total td.order-totals td.total{ font-family: 'HelveticaNeue-Medium'; color: #303137; font-size: 18px; padding-bottom: 25px; }
section#cart-order-total div.order-totals td.total{ padding: 25px 0; border-top: solid 1px #8b8b8b; border-bottom: solid 1px #8b8b8b; }
section#cart-order-total div.order-totals div.checkout-buttons{ text-align: center; display: inline-block; margin: 50px auto 10px; }
section#cart-order-total div.order-totals div.checkout-buttons img{ margin: 0 10px 20px 0; }
section#cart-order-total div.order-totals p{ font-size: 16px; line-height: 18px; }


/* CHECKOUT */
section#checkout-navigation{ min-height: 150px; background: #fff; padding: 250px 0 0; position: relative; }
section#checkout-navigation div#float-nav div.wrapper{ padding-bottom: 50px; border-bottom: solid 1px #6e6e6e; }


/* CHECKOUT - SHIPPING */
section#shipping-info{ padding: 10px 0; }
section#shipping-methods{ padding: 10px 0; }
section#shipping-methods div.shipping-option{ color: #58595b; font-size: 18px; display: inline-block; vertical-align: middle; margin-bottom: 20px; }
section#shipping-methods div.shipping-option input{ margin-right: 20px; }
section#shipping-methods div.shipping-option img{ margin-left: 20px; }
section#shipping-methods div.shipping-option ul{ list-style: disc; margin-left: 20px; }
section#shipping-methods div.shipping-option p, section#shipping-methods div.shipping-option ul li{ font-size: 18px; }
section#comments{ padding-bottom: 150px; }


/* CHECKOUT - BILLING */
section#billing-info{ padding: 10px 0 100px; color: #58595b; font-size: 20px; }
section#billing-info table{ width: 100%; font-family: 'HelveticaNeue'; font-size: 20px; }
section#billing-info table tr th{ padding: 10px 5px; font-family: 'HelveticaNeue-Bold'; }
section#billing-info table tr td{ padding: 10px 5px; }
section#billing-info table tr td strong{ padding: 10px 5px; font-family: 'HelveticaNeue-Bold'; }
section#billing-info table tr td.total{ border-top: solid 1px #6e6e6e; border-bottom: solid 1px #6e6e6e; }
section#payment-methods{ font-family: 'HelveticaNeue'; color: #58595b; font-size: 18px; }
section#payment-methods div.wrapper{ padding-top: 50px!important; border-top: solid 1px #6e6e6e; }
section#payment-methods div.payment-option{ margin: 50px auto; border-bottom: 1px #6e6e6e solid; }
section#payment-methods div.payment-option .title{ color: #303137; font-size: 22px; font-family: 'HelveticaNeue-Bold'; display: inline-block; width: 100%; padding-bottom: 10px; }
section#payment-methods div.payment-option .title label{ padding: 5px 10px; }
section#payment-methods div.payment-option .info{ padding: 50px 0; }
section#discount-coupon p.checkout-title{ font-family: 'HelveticaNeue-Bold'; font-size: 36px; }
section#discount-coupon{ padding: 50px 0; color: #6e6e6e; }
section#discount-coupon p, section#discount-coupon label{ font-family: 'HelveticaNeue'; font-size: 18px; }
section#payment-methods div.payment-category .paytitle{ color: #303137; font-size: 22px; font-family: 'HelveticaNeue-Bold'; display: inline-block; width: 100%; padding: 10px 0; cursor: pointer; }
 
/* CHECKOUT - CONFIRMATION */
section#billing-info strong.checkout-details{ color: #58595b; font-size: 20px; }
section#billing-info div.bank-details{ background: #f7f7f7; font-size: 20px; color: #58595b; padding: 20px 50px; width: 70%; }
section#cart-contents{ padding-bottom: 150px; }
section#cart-contents table{ width: 100%; font-family: 'HelveticaNeue'; font-size: 20px; margin: 50px 0; }
section#cart-contents table tr th{ padding: 10px 5px; font-family: 'HelveticaNeue-Bold'; }
section#cart-contents table tr td{ padding: 10px 5px; }
section#cart-contents table tr td strong{ padding: 10px 5px; font-family: 'HelveticaNeue-Bold'; font-size: 20px; }


/* CHECKOUT - SUCCESS */
section#checkout-success{ padding: 50px 0 150px; }
section#checkout-success p.success-title{ font-family: 'HelveticaNeue-Bold'; font-size: 36px; color: #303137; }


/* MY ACCOUNT */
section#myaccount{ color: #303137; padding: 50px 0 200px; font-family: 'HelveticaNeue-Medium'; }
section#myaccount a{ color: #303137; }
section#myaccount div#sidenav{ float: left; width: 100%; max-width: 340px; }
section#myaccount div#sidenav div#greetings{ font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #6e6e6e; }
section#myaccount div#sidenav div.side-cat{ padding: 20px 0; font-size: 22px; }
section#myaccount div#sidenav ul{ list-style: none; }
section#myaccount div#sidenav ul li{ padding: 10px 80px; display: inline-block; vertical-align: middle; width: 100%; }
section#myaccount div#sidenav ul li a{ font-size: 18px; color: #58595b; }
section#myaccount div#sidenav ul li img{ margin-right: 10px; }
section#myaccount div#sidenav ul li:hover a, section#myaccount div#sidenav ul li:hover{ background: #cfa245; color: #fff; }
section#myaccount div#account-content{ float: right; max-width: 970px; width: 100%; font-family: 'HelveticaNeue'; color: #58595b; }
section#myaccount div#account-content p{ font-size: 18px; }
section#myaccount div#account-content div.account-title{ border-bottom: 1px solid #6e6e6e; margin-bottom: 30px; color: #303137; font-family: 'HelveticaNeue-Bold'; font-size: 32px; line-height: 40px; padding-bottom: 16px; }
section#myaccount div#account-content label{ font-family: 'HelveticaNeue-Bold'; }
section#myaccount div#account-content address, section#myaccount div#account-content p.name{ font-size: 22px; margin-bottom: 0; }
section#myaccount div#account-content p.label{ font-size: 18px; font-family: 'HelveticaNeue-Bold'; color: #303137; }
section#myaccount div#account-content img{ margin-top: 5px; margin-bottom: 5px; }
section#myaccount div#account-content table.prev-order{ margin: 20px auto; width: 100%; border-bottom: solid 1px #6e6e6e; }
section#myaccount div#account-content div.entry{ padding: 50px 0; border-bottom: solid 1px #6e6e6e; }
section#myaccount div#account-content div.entry p{ margin-bottom: 0; }
section#myaccount div#account-content div.entry p.order-number{ font-family: 'HelveticaNeue-Bold'; font-size: 22px; }
section#myaccount div#account-content p.paging{ font-size: 16px; }
section#myaccount div#account-content table.order-info{ width: 100%; font-size: 22px; }
table.order-info tr th, table.order-info tr td{ padding: 10px 10px 10px 0; }
table.order-info tr th{ font-family: 'HelveticaNeue-Bold'; color: #303137; }
table.order-info tr td{ font-family: 'HelveticaNeue-Medium'; color: #58595b; }
table.order-info tr td strong{ color: #303137; }


/* CUSTOM PAGES - PRIVACY POLICY, SHIPPING TERMS, ETC */
section#custom{ padding: 50px 0 150px; }
section#custom div.locator{ padding: 50px 0; text-align: center; min-width: 373px; margin: 0 auto; }
section.ingredients p.title{ font-size: 60px; }
section.ingredients p.gold{ font-family: 'HelveticaNeue-Medium'; color: #cfa245; font-size: 28px; }
section.ingredients div.heading{ font-family: 'HelveticaNeue-Medium'; font-size: 28px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: solid 1px #6e6e6e; }
section.ingredients p{ font-size: 20px; }
section.ingredients img{ margin-bottom: 20px; }
section.ingredients div.line{ border-bottom: 1px solid #6e6e6e; margin: 50px 0; }
section.ingredients ul{ list-style: disc; margin-left: 15px; }
section.ingredients ul li{ font-size: 20px; }
section.ingredients select{ width: 80%; min-width: 320px; }
section.ingredients textarea{ width: 80%; min-width: 320px; height: 155px; }
section.ingredients label{ font-family: 'HelveticaNeue-Bold'; color: #303137; width: 100%; }


/* CUSTOM PAGES - BRAND */
section#brand{ background: url('images/hwb-awards-splash-mobile2024.jpg') no-repeat; background-size: cover; background-position: center center; margin-bottom: 100px; height: 612px; }


/* FAQ */
section#custom div.collapse{ padding: 10px; border: solid 1px #6e6e6e; border-radius: 10px; margin-bottom: 50px; }
section#custom div.collapse ul{ padding-left: 15px; }


/* GLOBAL PARTNER */
section#gpartners{ /* background: url('images/jumbotron-global-partner-2023.jpg') no-repeat; background-size: cover; background-position: center center; */ margin-bottom: 100px; }
section#custom div.partners{ margin: 100px auto 50px; border-bottom: solid 1px #6e6e6e; padding-bottom: 50px; }
section#custom div.partners div.description{ margin-top: 30px; padding-top: 50px; border-top: solid 1px #6e6e6e; text-align: center; }
section#custom div.partners p.gold{ color: #cfa245; font-family: 'HelveticaNeue-Bold'; }


/* BRAND LOGOS */
section.brandlogos{ background: #fff; padding-top: 0; width: 100%; }
section.brandlogos div#web{ display: block; }
section.brandlogos div#mobile{ display: none }


/* FOOTER */
section#footer{ background: #171717; padding-top: 70px; width: 100%; }
section#footer div.column{ width: 23%; float: left; margin: 0 2% 0 0; min-width: 300px; }
section#footer div.column div#tagline{ font-family: 'HelveticaNeue-Light'; font-size: 17px; margin: 40px 0 20px; color: #ffffff; line-height: 28px; }
section#footer div.column div#download-app{ width: 100%; margin-bottom: 50px; }
section#footer div.column div#ios{ float: left; margin-right: 4px; margin-bottom: 5px; }
section#footer div.column div#android{ float: left; margin-bottom: 5px; }
section#footer div.column div.title{ font-family: 'HelveticaNeue-Medium'; font-size: 20px; color: #ffffff; padding-bottom: 20px; border-bottom: solid 1px #fff; width: 100%; margin-bottom: 20px; }
section#footer div.column ul{ list-style: none; }
section#footer div.column ul li{ margin: 0; padding: 0; font-size: 18px; font-family: 'HelveticaNeue-Light'; }
section#footer div.column ul li a{ color: #fff; }
section#footer div#copyright{ color: #fff; font-family: 'HelveticaNeue-Light'; font-size: 16px; text-align: center; padding: 50px 0; background: #000; }
#footer-call-now{ text-align: center; }
#footer-call-now a{ color: #FFF; }

/* CLASSES */
.navbar{ border-radius: 0 !important; }
.navbar-brand{ display: none; flex: 200; }
.navbar-toggler-icon{ flex: 100; }
.wrapper{ max-width: 1368px; width: 100%; margin: 0 auto; }
.break{ clear: both; } 
.linkCat{ display: none; }
.logo{ display: none; margin-top: 10px; } 
p.title{ color: #c18b17; font-size: 60px; line-height: 69px; }
p.checkout-title{ font-family: 'HelveticaNeue-Bold'; font-size: 36px; color: #303137; }
span.smaller-title{ color: #c18b17; font-size: 48px; line-height: 57px; }
p.sub{ color: #000000; font-size: 36px; line-height: 45px; }
section p{ font-family: 'HelveticaNeue'; font-size: 24px; }
section strong{ font-family: 'HelveticaNeue-Bold'; }
section.poster{ height: 811px; }
div.product-rating{ width: 125px; margin: 0 auto; }
div.product-rating div.rating{ width: 22px; float: left; margin: 15px 1px; }
div.shipping-content{ padding: 30px 0; border-top: solid 1px #6e6e6e; }
div.shipping-content p.name, address{ font-size: 20px; margin-bottom: 0; }
div.shipping-content p{ font-size: 20px; }
div.shipping-content strong{ font-size: 16px; font-family: 'HelveticaNeue-Bold'; }
div.shipping-content textarea{ width: 100%; height: 200px; padding: 10px 20px; margin-bottom: 20px; }
input.full, select.full, textarea.full{ width: 100%; }
input.wid80{ width: 80%; min-width: 320px; }
table.prev-order tr th, table.prev-order tr td{ padding: 20px 20px 20px 0; }
table.prev-order tr th{ font-family: 'HelveticaNeue-Bold'; color: #303139; }
div.wrapper a{ color: #000; }
/* div.messageStackError{ text-align: center; padding: 20px 50px; background: #EE3B3B; color: #ffffff; width: 80%; margin: 50px auto; border-radius: 10px; } */
div.messageStackError{ text-align: center; padding: 20px 50px; background: #ffffff; color: #4d4d4f; width: 80%; margin: 50px auto; border-radius: 10px; border-color: #ecaf46; }
div.messageStackError img{ margin-right: 10px; }
div.messageStackCaution{ border: solid 1px blue; background #fff; padding: 20px 50px; margin: 10px auto 30px; border-radius: 10px; color: #4d4d4f; }
div.messageStackCaution img{ margin-right: 10px; }
.hiddenField{ display: none; }
p.made{ color: #f31b1b; font-weight: bold; }


/* FLOATING NAVIGATION */
div#float-nav{ position: absolute; top: 60px; left: 0; width: 100%; }
div#float-nav #float-links{ float: right; padding-top: 50px; font-family: 'HelveticaNeue-Medium'; font-size: 18px;  }
div#float-nav #float-links ul{ list-style: none }
div#float-nav #float-links ul li{ float: left; margin-left: 30px; margin-right: 10px; text-transform: uppercase; }
div#float-nav #float-links ul li a{ color: #58595b; }
div#float-nav #float-links ul li a.active{ color: #000000; font-family: 'HelveticaNeue-Bold'; }
div#breadcrumbs{ font-family: 'MyriadPro-Regular'; margin-bottom: 50px; border-bottom: solid 1px #bdbdbd; padding-bottom: 10px; }
div#breadcrumbs a{ color: #000000; }
div#slider div.slide-left{ float: left; }
div#slider div.slide-right{ float: left; margin-left: 10px; }


/* OVERLAY | LIGHTBOX */
div#cover{ width: 100%; height: 100%; background: #adadad; opacity: 0.6; filter: alpha(opacity=60); background-size: cover; position: fixed; z-index: 8; display: none; }
div#cover2{ width: 100%; height: 100%; background: #adadad; opacity: 0.6; filter: alpha(opacity=60); background-size: cover; position: fixed; z-index: 8; display: none; }
div#surface{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; display: none; }
div#surface p{ font-size: 18px; }
div#surface h2{ font-family: 'HelveticaNeue-Bold'; font-size: 38px; margin-bottom: 10px; }
div#surface input.input-text, div#surface select.input-text{ width: 100%;  }
div#surface div#pop-login, div#surface div#pop-signup{ max-width: 1088px; margin: 2% auto 0; display: none; }
div#surface div#pop-login div#pop-login-form{ background: #fff; width: 644px; float: left; border-radius: 8px 0 0 8px; padding: 30px 90px; height: 577px; text-align: center; }
div#surface div#pop-login div#pop-login-form h2{ font-family: 'HelveticaNeue-Bold'; font-size: 38px; color: #c18b17; margin: 75px auto 20px; }
div#surface div#pop-login div#pop-login-form a{ color: #222125; }
div#surface div#pop-login div#pop-login-signup{ background: #f9c85d; width: 444px; float: right; border-radius: 0 8px 8px 0; padding: 30px 40px; height: 577px; text-align: center; color: #fff; }
div#surface div#pop-login div#pop-login-signup div#pop-login-x{ text-align: right; margin-bottom: 110px; }
div#surface div#pop-signup div#pop-signup-signin{ background: #f9c85d; width: 444px; float: left; border-radius: 8px 0 0 8px; padding: 30px 40px; height: 577px; text-align: center; color: #fff; }
div#surface div#pop-signup div#pop-signup-signin div#pop-signup-x{ text-align: left; margin-bottom: 110px; }
div#surface div#pop-signup div#pop-signup-form{ background: #fff; width: 644px; float: left; border-radius: 0 8px 8px 0; padding: 30px 40px; height: 577px; text-align: center; }
div#surface div#pop-signup div#pop-signup-form div#form-wrapper{ position: relative; height: 300px; overflow: auto; padding: 0 50px; }
div#surface div#pop-signup div#pop-signup-form h2{ font-family: 'HelveticaNeue-Bold'; font-size: 38px; color: #c18b17; margin: 60px auto 20px; }
div#surface div#pop-signup div#pop-signup-form span.input-info{ position: absolute; right: 12%; color: #b0b0b0; margin-top: 12px; }


/* OVERLAY | LIGHTBOX */
div#surface2 div.wrapper{ position: relative!important; }
div#surface2 input.input-text, div#surface2 select.input-text{ width: 100%!important;  }
div#surface2 div#pop-login div#pop-login-form{ width: 100%!important; float: none!important; padding: 0 0 80px 0!important; height: auto!important; }
div#surface2 div#pop-login div#pop-login-form{ background: #fff; width: 644px; float: left; border-radius: 8px 0 0 8px; padding: 30px 90px; height: 577px; text-align: center; }
div#surface2 div#pop-login div#pop-login-form h2{ font-family: 'HelveticaNeue-Bold'; font-size: 38px; color: #c18b17; margin: 75px auto 20px; }
div#surface2 div#pop-login div#pop-login-form a{ color: #222125; }
div#surface2 div#pop-login div#pop-login-signup{ width: 100%!important; float: none!important; padding: 50px 0!important; height: auto!important; border-radius: 8px!important; margin-bottom: 50px; }
div#surface2 div#pop-signup div#pop-signup-signin{ width: 100%!important; float: none!important; padding: 50px 0!important; height: auto!important; border-radius: 8px!important; margin-bottom: 50px; }
div#surface2 div#pop-signup div#pop-signup-form{ width: 100%!important; float: none!important; padding: 0 0 80px 0!important; height: auto!important; }
div#surface2 div#pop-login div#pop-login-signup{ background: #f9c85d; width: 444px; float: right; border-radius: 0 8px 8px 0; padding: 30px 40px; height: 577px; text-align: center; color: #fff; }
div#surface2 div#pop-login div#pop-login-signup div#pop-login-x{ text-align: right; margin-bottom: 110px; }
div#surface2 div#pop-signup div#pop-signup-signin{ background: #f9c85d; width: 444px; float: left; border-radius: 8px 0 0 8px; padding: 30px 40px; height: 577px; text-align: center; color: #fff; }
div#surface2 div#pop-signup div#pop-signup-signin div#pop-signup-x{ text-align: left; margin-bottom: 110px; }
div#surface2 div#pop-signup div#pop-signup-form{ background: #fff; width: 644px; float: left; border-radius: 0 8px 8px 0; padding: 30px 40px; height: 577px; text-align: center; }
div#surface2 div#pop-signup div#pop-signup-form div#form-wrapper{ position: relative; height: 300px; overflow: auto; padding: 0 50px; }
div#surface2 div#pop-signup div#pop-signup-form h2{ font-family: 'HelveticaNeue-Bold'; font-size: 38px; color: #c18b17; margin: 60px auto 20px; }
div#surface2 div#pop-signup div#pop-signup-form span.input-info{ position: absolute; right: 12%; color: #b0b0b0; margin-top: 12px; }


#app-qr{ color: #fff; margin-bottom: 10px; line-height: 32px; text-align: center; }
#app-qr img{ max-width: 80px; }


#scrollToTop{ font-size: 58px; position: fixed; bottom: 105px; right: 28px; opacity: 0.5; filter: alpha(opacity=50); display: none; }


/* BUTTONS */
.btn-pink{ padding: 20px 50px; background: #FE206D; color: #FFF; font-size: 24px; text-transform: uppercase; border-radius: 15px; font-weight: bold; border: none; }
.btn-white{ margin: 5px auto; padding: 15px 10px; min-width: 244px; background: #FFF; color: #000; font-size: 18px; text-transform: uppercase; border-radius: 15px; font-weight: bold; border: solid 2px #000; }
.btn-white:hover{ background: #000; color: #FFF; }
.btn-black{ margin: 5px auto; padding: 15px 10px; min-width: 244px; background: #000; color: #FFF; font-size: 18px; text-transform: uppercase; border-radius: 15px; font-weight: bold; border: solid 2px #000; }
.btn-black:hover{ background: #FFF; color: #000; }
.btn-gold{ padding: 15px 10px; min-width: 244px; background: #F9C85E; color: #FFF; font-size: 18px; text-transform: uppercase; border-radius: 15px; font-weight: bold; border: solid 2px #FFF; }



.isWeb { display: block; }
.isMobile { display: none; }