label{font-size:15px;}
@media all and (orientation:landscape){label{font-size:20px;}}
.continue-button-quiz{width:60%;margin-top:30px;font-size:15px;}
@media all and (orientation:landscape){.continue-button-quiz{font-size::20px;}}
a.disabled{font-size:15px;margin-top:80px;margin-bottom:0px;max-width:150px;}
@media all and (orientation:landscape){a.disabled{font-size::20px;}}
a.continue{font-size:15px;margin-top:80px;margin-bottom:0px;max-width:150px;}
@media all and (orientation:landscape){a.continue{font-size::20px;}}
.buttons{position:absolute;bottom:5%;margin-left:0px;margin-right:0px;width:25%;}
h1.subtitle-quiz{padding-left:5%;padding-right:5%;margin-bottom:0px;text-align:center;margin-top:20px;font-size:18px;font-family:"Whitman";color:#556578;margin-bottom:27px;}
h1.subtitle-quiz-subheader{padding-left:5%;padding-right:5%;margin-bottom:0px;text-align:center;margin-top:20px;font-size:14px;font-family:"Whitman";margin-bottom:0px;margin-top:0px;}
h1.subtitle-quiz-no-pad{margin-bottom:0px;text-align:left;margin-top:13px;font-family:"Whitman";color:#708298;font-size:15px;}
h1.subtitle-quiz-personalized{margin-bottom:0px;text-align:left;margin-top:20px;font-family:"Whitman";color:#708298;}
.list-unstyled{max-width:100px;width:100%;margin:0 auto;}
@media only screen and (max-width:500px){.list-unstyled{max-width:65px;}
}
#hairtype_element{width:20%;margin-left:2.5%;margin-right:2.5%;float:left;margin:0 auto;float:none;display:inline-block;}
@media all and (orientation:landscape){#hairtype_element{max-width:300px;}}
#hairstructure_element{width:20%;margin-left:2.5%;margin-right:2.5%;margin:0 auto;float:none;display:inline-block;}
@media all and (orientation:landscape){#hairstructure_element{max-width:300px;}}
.quiz-phase1{width:100%;margin:0 auto;max-width:1100px;}
@media all and (orientation:landscape){.quiz-phase1{margin-bottom:0px;}}
a.unselected{display:inline-block;text-decoration:none;color:#787887;border:none;padding:7px 7px 5px 7px;font-size:14px;cursor:pointer;margin-right:5px;margin-bottom:8px;color:#6E808F;}
a.selected{display:inline-block;text-decoration:none;color:#97D3C7;font-size:14px;cursor:pointer;margin-right:5px;margin-bottom:8px;padding:7px 7px 5px 7px;}
a.unselected{border:none;font-size:15px;}
@media all and (orientation:landscape){a.unselected{}}
a.selected{border:none;font-size:15px;}
@media all and (orientation:landscape){a.selected{}}
a.unselected{display:inline-block;text-decoration:none;color:#787887;border:none;padding:7px 7px 5px 7px;font-size:14px;cursor:pointer;margin-right:5px;margin-bottom:8px;color:#6E808F;}
a.selected{display:inline-block;text-decoration:none;color:#97D3C7;background-color:transparent;font-size:14px;cursor:pointer;margin-right:5px;margin-bottom:8px;padding:7px 7px 5px 7px;}
a.unselected{border:none;font-size:15px;}
@media all and (orientation:landscape){a.unselected{}}
a.selected{border:none;font-size:15px;}
@media all and (orientation:landscape){a.selected{}}
div.selected-color{border:none;border-radius:50%;width:90px;height:90px;position:relative;top:50%;transform:translateY(-50%);}
div.unselected-color{border-radius:50%;width:100px;height:100px;position:relative;top:50%;transform:translateY(-50%);}
div#shampoo_blue{background-color:#698087;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_red{background-color:#D08085;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_orange{background-color:#D68570;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_green{background-color:#6FA392;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_purple{background-color:#987990;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_yellow{width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;border:solid #6FA392;background-color:transparent;position:relative;}
div#conditioner_blue{background-color:#8B9CAE;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_red{background-color:#D281A3;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_orange{background-color:#D99E80;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_green{background-color:#80B3A9;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_purple{background-color:#AB80A6;width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_yellow{width:35px;height:35px;text-align:center;margin-left:auto;margin-right:auto;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;border:solid #6FA392;background-color:transparent;position:relative;}
div#shampoo_blue.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_red.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_orange.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_green.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_purple.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#shampoo_yellow.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_blue.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_red.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_orange.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_green.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_purple.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
div#conditioner_yellow.selected-color{width:65px;height:65px;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;}
.formulaname_input{width:80%;margin:0 auto;border:none;border-bottom:solid #708298;}
.hairquiz-slide3{max-width:1100px;margin:0 auto;}
@media (max-width:320px){.quiz-floating-marker-expanded{height:50px;font-size:10px;}
.quiz-floating-marker{height:50px;font-size:10px;}
}
@media all and (orientation:landscape){.single-goal-container{}}
.single-goal-container{border:none;font-size:15px;margin-bottom:6%;font-family:"WhitmanItalic";}
@media screen and (max-width:375px){.single-goal-container{font-size:12px;}
}
@media all and (orientation:landscape){.single-goal-container{}}
.top-div{height:calc(100% - 140px);width:100%;background-color:#FFBCC3;position:relative;top:0px;left:0px;z-index:10;}
.main-div-top{}
.haircare-tagline{color:white;font-family:'Whitman';}
.bottle-preview{}
.bottle-preview-bottle{}
.bottle-preview-bottle-half{width:50%;float:left;}
.bottle-preview-bottle-full{width:100%;float:left;}
.navbarupdated{margin-bottom:0px;}
.header{font-size:27px;line-height:100%;color:white;margin-top:40px;margin-bottom:0px;font-family:"Whitman";}
.navbarupdated{background-color:transparent;z-index:999;}
#section0{background-color:pink;}
.landing-button2{background-color:white;margin-top:45px;display:inline-block;text-decoration:none;color:#babbbf;border:1px solid #babbbf;padding:11px 16px 5px 23px;letter-spacing:1.5px;font-size:20px;margin-bottom:0px;cursor:default;color:white;background-color:rgba(255, 255, 255, 0.28);border-color:white;width:auto;border-radius: 0px;}
ellipse.unselected{fill:#6A8094;}
.quiz-marker{position:absolute;width:100%;top:0px;margin-right:0px;margin-left:0px;z-index:2;}
.quiz-progress-visual{height:20px;border-color:gray;border:solid;}
.quiz-floating-marker{width:17.5%;border:none;margin:0 auto;float:none;display:inline-block;height:150px;font-size:30px;}
.quiz-floating-marker-expanded{width:25%;border:none;margin:0 auto;float:none;display:inline-block;height:150px;background-color:#708298;-webkit-transition:height 1s, width 1s;transition:1s;animation:ease-out;color:white;font-size:30px;}
.all-goal-container{width:90%;max-width:800px;margin:0 auto;}
#colorpicker_square{width:15%;max-width:200px;height:100px;float:left;padding:5px;float:none;margin:0 auto;display:inline-block;}
.fragrance_divider{display:inline-block;margin:0 auto;float:none;width:20%;}
.size-container{display:inline-block;margin:0 auto;float:none;width:24%;margin-top:20px;}
@media screen and (max-width:480px){.size-container{width:39%;}
}
.large-margin{margin-top:50px;}
.frequency-container{display:inline-block;margin:0 auto;float:none;width:24%;}
.fragrance-container{display:inline-block;margin:0 auto;float:none;width:24%;font-family:"whitmanitalic";}
.fragrance-strength-container{display:inline-block;margin:0 auto;float:left;width:24%;font-family:"whitmanitalic";}
.dye-free-label{position:absolute;bottom:-50px;width:100%;}
.review-loop{padding-top:50px;padding-bottom:0px;margin-left:0px;margin-right:0px;max-width:900px;margin:0 auto;}
img.press_logo{max-height:40px;max-width:180px;margin-left:20px;margin-right:20px;margin-top:17px;margin-bottom:17px;vertical-align:middle;}
img.press_logo_tall{max-height:55px;max-width:180px;margin-left:20px;margin-right:20px;margin-top:17px;margin-bottom:17px;vertical-align:middle;}
div.press{margin-bottom:35px;}
h5.press_heading{margin-bottom:20px;}
a.footer_link{padding-bottom:0px;}
.landing-button{margin-top:0px;}
.featurestext-container{margin-top:0px;margin-bottom:0px;height:223px;position:relative;}
.featurestext-container-small{position:relative;padding:10%;}
.featurestext{position:absolute;bottom:0px;text-align:left;max-width:190px;margin:0 auto;}
.bold-no-italics{font-style:normal;font-weight:bold;}
.features-columns-small{max-height:480px;overflow:hidden;}
img.social_icon{margin-left:15px;}
a.footer_link{color:#ffffff;}
.features-spacer{height:85px;}
.press-spacer{height:45px;}
.sandwich-menu-color-background-container{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:-1000;overflow:hidden;}
.landing-slider-container{width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;}
.landing-slider-subcontainer{height:100%;width:300%;position:relative;z-index:0;}
.position-1{left:0%;transition:left 1s;}
.position-2{left:-100%;transition:left 1s;}
.position-3{left:-200%;transition:left 1s;}
.landing-slider-slide{height:100%;width:34%;float:left;}
.block-background{width:33.333339%;height:100%;float:left;margin-left:auto;margin-right:auto;position:relative;left:0px;}
.review-container{padding-left:10px;padding-right:10px;padding-top:20px;font-size:24px;width:80%;margin:0 auto;font-size:17px;}
.review-quote{margin-bottom:0px;font-size:50px;line-height:26px;margin-top:0px;text-align:left;}
.review-content{margin-top:0px;font-family:"WhitmanItalic";text-align:left;}
.review-submitter{text-align:right;margin-top:0px;margin-bottom:0px;}
.review-date{text-align:right;margin-top:0px;margin-bottom:0px;opacity:0.7;}
.features-line{max-width:200px;}
.features-line-image{width:100%;}
.featurestext-container-left{position:absolute;}
.line1{left:-183px;bottom:-46px;width:182px;}
.line2{left:-214px;bottom:52px;width:208px;}
.line3{left:-175px;bottom:-10px;width:180px;}
.instagram-image{width:33%;padding:20px;}
@media screen and (max-width:480px){.instagram-image{width:50%;padding:5px;}
}
.bottle-preview{max-width:600px;padding:20px;}
.insta-block{margin-top:40px;}
@media screen and (max-width:480px){.insta-block{width:80%;margin:0 auto;margin-top:40px;}
.bottle-preview{/*max-width:260px;*/max-width:280px;padding:20px;margin:0 auto;display:block;float:none;}
}
.section-header{font-size:24px;margin-top:45px;margin-bottom:45px;}
.white{color:white;}
.green{color:#8BC7BB;}
.purple{color:#A980A4;}
.blue{color:#70849A;color:#6E808F;}
.blue-background{background-color:#6E808F;}
.green-background{background-color:#A3D1C7;}
.top-block-right{height:100px;width:135px;position:fixed;top:0px;right:0px;z-index:200;}
.top-block-left{height:100px;width:100px;position:fixed;top:0px;left:0px;z-index:200;}
.ghost-spacer-top{height:100px;margin-left:0px;margin-right:0px;}
.ghost-spacer-bottom{height:100px;margin-left:0px;margin-right:0px;}
@media screen and (min-width:480px){.ghost-spacer-top{height:230px;margin-left:0px;margin-right:0px;}
}
.green-divider{color:green;width:100%;max-width:600px;}
svg.circle-svg{overflow:visible !important;height:12px;width:12px;}
circle.selected{cx:6;cy:6;r:6;fill:#8BC7BB;stroke:#8BC7BB;stroke-width;1;}
circle.unselected{cx:6;cy:6;r:6;fill:white;stroke:gray;stroke-width;1;}
svg.progress-svg{overflow:visible !important;height:16px;width:24px;}
circle.progressed{cx:8;cy:8;r:8;fill:white;stroke:white;stroke-width;1;}
circle.unprogressed{cx:8;cy:8;r:8;fill:transparent;stroke:white;stroke-width;1;}
label.selected{}
label.unselected{color:#6E808F;}
.top-block-full{display:none;}
h1.subtitle-quiz-pg3{padding-left:5%;padding-right:5%;margin-bottom:0px;text-align:center;margin-top:20px;font-size:18px;font-family:"Whitman";color:#556578;margin-bottom:27px;text-align:left;width:90%;padding-left:0px;margin-left:0px;margin-bottom:-10px;margin-top:30px;font-size:14px;}
h1.subtitle-quiz-pg3-a{padding-left:5%;padding-right:5%;margin-bottom:0px;text-align:center;margin-top:20px;font-size:18px;font-family:"Whitman";color:#556578;margin-bottom:27px;text-align:left;width:90%;padding-left:0px;margin-left:0px;margin-bottom:5px;margin-top:30px;font-size:14px;}
@media screen and (min-width:480px){.top-block-full{display:unset;height:100px;width:100%;position:fixed;top:0px;right:0px;z-index:190;}
.top-block-left{height:170px;width:235px;position:fixed;top:40px;left:0px;z-index:200;}
.top-block-right{display:none;}
h1.subtitle-quiz{text-align:left;width:90%;padding-left:0px;margin-left:0px;}
#hairquiz-pt1{width:100%;max-width:700px;margin:0 auto;}
#hairquiz-pt3{width:100%;max-width:700px;margin:0 auto;}
#hairquiz-pt4{width:100%;max-width:700px;margin:0 auto;}
h1.subtitle-quiz-subheader{text-align:left;padding-left:0px;margin-left:0px;}
.green-divider{color:green;width:100%;max-width:none;}
}
svg.hairmobile{max-width:60px;width:90%;height:auto;}
a.continue{background-color:#6E808F;}
#quiz-progress{color:white;width:100%;padding-top:20%;text-align:center;}
#quiz-progress-ballz{width:110px;margin:0 auto;margin-top:20px;}
div.selected-size{color:#8BC7BB;}
div.unselected-size{}
div.selected-frequency{color:#8BC7BB;}
div.unselected-frequency{}
.reviews-button{margin-bottom:50px;}
@media screen and (min-width:480px){.no-margin-bottom{margin-bottom:0px;}
}
.review-container{margin-top:40px;}
.unselected-frequency-promotion{border:solid lightgray 1px;}
img.small_set{height:110px;}
a.new-navbar-specs{letter-spacing:1.1px;font-size:14px;}
.sammich-menu-nav{font-size:15px;color:#FFF;position:absolute;right:5px;top:14px;}
.icontxt{font-size:13px;margin-bottom:0px;margin-top:0px;font-family:"WhitmanBold";color:#6E808F;}
.small-icon{width:60px;}
.bold{font-family:whitman;font-weight:bolder;letter-spacing:1px;}
img.press_logo{max-width:140px;}
#articles-press{padding:20px;}
@media screen and (min-width:768px){.navbarupdated{height:20px;}
}