.facial-icon{background:url("/images/colorsmith/widget/sprite_facial.png") no-repeat;display:block;margin:0 auto 15px;width:76px;height:118px}@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){.facial-icon{background:url("/images/colorsmith/widget/sprite_facial@2x.png") no-repeat;background-size:76px 472px}}@media (max-width: 767px){.facial-icon{width:65px;background-size:60px auto}}.facial-icon.long{background-position:0 -0px}@media (max-width: 767px){.facial-icon.long{height:93px}}.facial-icon.stubble{background-position:0 -118px}@media (max-width: 767px){.facial-icon.stubble{height:77px;background-position:0 -93px}}.facial-icon.short,.facial-icon.head-facial{background-position:0 -236px}@media (max-width: 767px){.facial-icon.short,.facial-icon.head-facial{height:77px;background-position:0 -186px}}@media (min-width: 768px){.facial-icon.head-facial{height:97px}}.facial-icon.medium{background-position:0 -354px}@media (max-width: 767px){.facial-icon.medium{height:84px;background-position:0 -279px}}.facial-icon.beard-only{background-image:url("/images/colorsmith/widget/icon_beard_only.png");width:76px;height:97px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.facial-icon.beard-only{background-image:url("/images/colorsmith/widget/icon_beard_only@2x.png");background-size:76px 97px}}@media (max-width: 767px){.facial-icon.beard-only{background-size:60px auto;width:65px;height:77px}}.facial-icon.head-only{background-image:url("/images/colorsmith/widget/icon_short.png");width:77px;height:97px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.facial-icon.head-only{background-image:url("/images/colorsmith/widget/icon_short@2x.png");background-size:77px 97px}}@media (max-width: 767px){.facial-icon.head-only{background-size:60px auto;width:65px;height:77px}}.profile-icon{background:url("/images/colorsmith/widget/sprite_widget.png") no-repeat;display:block;margin:0 auto 15px}@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){.profile-icon{background:url("/images/colorsmith/widget/sprite_widget@2x.png") no-repeat;background-size:108px 1387px}}.profile-icon.gray-all,.profile-icon.gray-sides,.profile-icon.gray-top{width:71px;height:90px}@media (max-width: 767px){.profile-icon.gray-all,.profile-icon.gray-sides,.profile-icon.gray-top{width:60px;height:75px;background-size:90px auto}}.profile-icon.gray-all{background-position:0 -155px}@media (max-width: 767px){.profile-icon.gray-all{background-position:0 -129px}}.profile-icon.gray-sides{background-position:0 -245px}@media (max-width: 767px){.profile-icon.gray-sides{background-position:0 -204px}}.profile-icon.gray-top{background-position:0 -335px}@media (max-width: 767px){.profile-icon.gray-top{background-position:0 -279px}}.profile-icon.very-short,.profile-icon.short,.profile-icon.medium,.profile-icon.long{width:76px;height:94px}@media (max-width: 767px){.profile-icon.very-short,.profile-icon.short,.profile-icon.medium,.profile-icon.long{width:70px;height:75px;background-size:87px auto}}.profile-icon.very-short{background-position:0 -1293px}@media (max-width: 767px){.profile-icon.very-short{background-position:0 -1041px}}.profile-icon.short{background-position:0 -1199px}@media (max-width: 767px){.profile-icon.short{background-position:0 -966px}}.profile-icon.medium{background-position:0 -697px}@media (max-width: 767px){.profile-icon.medium{background-position:0 -562px}}.profile-icon.long{background-position:0 -603px}@media (max-width: 767px){.profile-icon.long{background-position:0 -486px}}.profile-icon.salon,.profile-icon.home,.profile-icon.home-salon,.profile-icon.no-dye{width:108px;height:89px}@media (max-width: 767px){.profile-icon.salon,.profile-icon.home,.profile-icon.home-salon,.profile-icon.no-dye{width:86px;height:70px;background-size:86px auto}}.profile-icon.salon{background-position:0 -1110px}@media (max-width: 767px){.profile-icon.salon{background-position:-10px -884px}}.profile-icon.home{background-position:0 -514px}@media (max-width: 767px){.profile-icon.home{height:58px;background-position:0 -410px}}.profile-icon.home-salon{background-position:0 -425px}@media (max-width: 767px){.profile-icon.home-salon{background-position:0 -339px}}.profile-icon.no-dye{background-position:0 -941px}@media (max-width: 767px){.profile-icon.no-dye{height:58px;background-position:0 -749px}}.profile-icon.demi,.profile-icon.perm{width:107px;height:80px}@media (max-width: 767px){.profile-icon.demi,.profile-icon.perm{width:86px;height:65px;background-size:87px auto}}.profile-icon.demi{background-position:0 -75px}@media (max-width: 767px){.profile-icon.demi{background-position:0 -60px}}.profile-icon.perm{background-position:0 -1030px}@media (max-width: 767px){.profile-icon.perm{background-position:0 -829px}}.profile-icon.asap,.profile-icon.month-plus,.profile-icon.month{width:90px;height:75px}@media (max-width: 767px){.profile-icon.asap,.profile-icon.month-plus,.profile-icon.month{width:76px;height:62px;background-size:90px auto}}.profile-icon.asap{background-position:0 -0px}@media (max-width: 767px){.profile-icon.asap{background-position:0 -0px}}.profile-icon.month-plus{background-position:0 -791px}@media (max-width: 767px){.profile-icon.month-plus{background-position:0 -722px}}.profile-icon.month{background-position:0 -866px}@media (max-width: 767px){.profile-icon.month{background-position:0px -659px}}.sprite-swatches{display:block;background-image:url("/images/colorsmith/widget/swatches/sprite_swatches.png");width:244px;height:36px}@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){.sprite-swatches{background-image:url("/images/colorsmith/widget/swatches/sprite_swatches.png");background-size:244px 1044px}}.sprite-swatches.swatch-2-0{background-position:0 -0px}.sprite-swatches.swatch-2-1{background-position:0 -36px}.sprite-swatches.swatch-2-03{background-position:0 -72px}.sprite-swatches.swatch-3-0{background-position:0 -108px}.sprite-swatches.swatch-3-1{background-position:0 -144px}.sprite-swatches.swatch-3-03{background-position:0 -180px}.sprite-swatches.swatch-4-0{background-position:0 -216px}.sprite-swatches.swatch-4-1{background-position:0 -252px}.sprite-swatches.swatch-4-03{background-position:0 -288px}.sprite-swatches.swatch-4-43{background-position:0 -324px}.sprite-swatches.swatch-5-1{background-position:0 -360px}.sprite-swatches.swatch-5-0{background-position:0 -396px}.sprite-swatches.swatch-5-03{background-position:0 -432px}.sprite-swatches.swatch-5-43{background-position:0 -468px}.sprite-swatches.swatch-6-0{background-position:0 -504px}.sprite-swatches.swatch-6-03{background-position:0 -540px}.sprite-swatches.swatch-6-43{background-position:0 -576px}.sprite-swatches.swatch-7-03{background-position:0 -612px}.sprite-swatches.swatch-7-4{background-position:0 -648px}.sprite-swatches.swatch-8-03{background-position:0 -684px}.sprite-swatches.swatch-9-0{background-position:0 -720px}.sprite-swatches.swatch-8-04{background-position:0 -756px}.sprite-swatches.swatch-9-1{background-position:0 -792px}.sprite-swatches.swatch-9-03{background-position:0 -828px}.sprite-swatches.swatch-7-1{background-position:0 -864px}.sprite-swatches.swatch-6-1{background-position:0 -900px}.sprite-swatches.swatch-7-0{background-position:0 -936px}.sprite-swatches.swatch-8-1{background-position:0 -972px}.sprite-swatches.swatch-8-0{background-position:0 -1008px}.mens-profile .radio-image,.mens-profile .radio-icon,.mens-profile .radio-btn{display:flex;flex-flow:wrap;justify-content:center}.mens-profile .radio-image li,.mens-profile .radio-icon li,.mens-profile .radio-btn li{display:flex;margin:0 15px 15px}@media (max-width: 320px){.mens-profile .radio-image li,.mens-profile .radio-icon li,.mens-profile .radio-btn li{margin:0 0 15px}}.mens-profile .radio-image label,.mens-profile .radio-icon label,.mens-profile .radio-btn label{position:relative}@media not all and (pointer: coarse){.mens-profile .radio-image label:hover,.mens-profile .radio-icon label:hover,.mens-profile .radio-btn label:hover{opacity:0.5}}.mens-profile .radio-image label p,.mens-profile .radio-icon label p,.mens-profile .radio-btn label p{font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;margin:0}@media (min-width: 768px){.mens-profile .radio-image label p,.mens-profile .radio-icon label p,.mens-profile .radio-btn label p{font-size:15px;font-size:1.5rem;line-height:20px;line-height:2rem}}.mens-profile{background-color:#FAFAFA;position:relative;text-align:center;padding-bottom:50vh;overflow-x:hidden}@media (min-width: 768px){.mens-profile.end{padding-bottom:120px}}.mens-profile.edit{padding-bottom:inherit}@media (max-width: 767px){.mens-profile{padding-bottom:60px}}.mens-profile .icon.enlarge{filter:brightness(0) invert(1);background:url("/images/esalon/icons/icon_enlarge.png") no-repeat;background-size:cover !important;position:absolute;top:10px;right:10px;width:17px;height:17px;z-index:1;cursor:pointer}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.mens-profile .icon.enlarge{background-image:url("/images/esalon/icons/icon_enlarge@2x.png");background-size:20px 20px}}@media (min-width: 1200px){.mens-profile .container.sm{width:970px}}@media (min-width: 992px){.mens-profile .width-lg{width:820px}}@media (min-width: 768px) and (max-width: 991px){.mens-profile .width-med{width:585px}}.mens-profile .radiobtn-height-md{height:60px !important}.mens-profile .radiobtn-height-auto{height:auto !important}.mens-profile .radio{margin:auto}.mens-profile .radio label{width:100%}.mens-profile .radio label span{display:block}@media (max-width: 767px){.mens-profile .radio{margin:0 30px}}@media (max-width: 480px){.mens-profile .radio{margin:0}}.mens-profile p.sm{font-size:15px;font-size:1.5rem;line-height:22px;line-height:2.2rem;margin-bottom:0}.mens-profile .image-box{position:relative}.mens-profile .image-box.disabled{opacity:.5;filter:grayscale(100%)}.mens-profile .title-wrapper{margin-bottom:50px}@media (max-width: 767px){.mens-profile .title-wrapper{margin-bottom:30px}}@media (min-width: 1200px){.mens-profile .title-wrapper{padding:0 100px}}.mens-profile .title-wrapper div.title{font-family:"Niveau-Grotesk-Med";font-size:32px;font-size:3.2rem;line-height:38px;line-height:3.8rem}@media (max-width: 575px){.mens-profile .title-wrapper div.title{font-size:30px;font-size:3rem;line-height:34px;line-height:3.4rem}}.mens-profile .title-wrapper p{margin-top:15px}.mens-profile .radio-image{margin:auto}@media (min-width: 992px){.mens-profile .radio-image{width:80%}}@media (min-width: 1200px){.mens-profile .radio-image{width:100%}}@media (min-width: 768px){.mens-profile .radio-image li{width:247px}}@media (max-width: 767px){.mens-profile .radio-image li{margin-bottom:20px}.mens-profile .radio-image li:last-child{margin-bottom:15px}}.mens-profile .radio-image .image-box{margin-bottom:15px}@media (max-width: 767px){.mens-profile .radio-image .image-box{width:80%;margin:0 auto 15px}}.mens-profile .radio-image input[type="radio"]:checked+label .image-box:after{content:'';position:absolute;border:7px solid #276483;left:-7px;right:-7px;top:-7px;bottom:-7px}.mens-profile .radio-icon li{width:168px}.mens-profile .radio-icon label{background-color:#fff;padding:30px 15px 20px;height:187px}.mens-profile .radio-icon label p .strong{margin-bottom:2px}@media (max-width: 767px){.mens-profile .radio-icon label{height:auto}}.mens-profile .radio-icon label:after{content:'';position:absolute;border:2px solid #000;left:0;right:0;top:0;bottom:0}.mens-profile .radio-icon input[type="radio"]:checked+label:after{border:7px solid #276483;left:-7px;right:-7px;top:-7px;bottom:-7px}@media (max-width: 767px){.mens-profile .radio-icon li{width:245px}.mens-profile .radio-icon label{display:flex;align-items:center;padding:20px 15px;text-align:left}.mens-profile .radio-icon label .profile-icon,.mens-profile .radio-icon label .facial-icon{margin:0 15px 0 5px;flex:none}}.mens-profile section{position:relative}.mens-profile section .nav-up{position:absolute;top:0;left:0;right:0;margin:auto}.mens-profile section.top{padding:30px 0 40px}@media (min-width: 768px){.mens-profile section.top{padding:50px 0 80px}}@media (min-width: 992px){.mens-profile section.top{padding:60px 0 80px}}.mens-profile section.sub{padding:40px 0}@media (min-width: 768px){.mens-profile section.sub{padding:80px 0}}.mens-profile section.sub .main-cta-btn{margin-top:30px}.mens-profile section.no-offer .title{font-family:"Mackinac-Bold"}@media (min-width: 768px){.mens-profile section.no-offer .form-group{width:312px}}@media (min-width: 768px){.mens-profile section.no-offer .main-cta-btn{min-width:175px}}@media (min-width: 768px){.mens-profile section.no-offer .title-wrapper{width:585px;margin:auto;padding:0}}.mens-profile .sidenote{background-color:#D9E1E2;text-align:center;padding:20px 15px;margin-top:20px}@media (min-width: 768px){.mens-profile .sidenote{padding:25px 40px;width:640px;margin:30px auto 0}}.mens-profile .sidenote span{font-family:"Niveau-Grotesk-Med";display:block;margin-bottom:5px}.mens-profile .sidenote .photo-example{display:flex;justify-content:center;margin:20px 0 0}.mens-profile .sidenote .photo-example li{margin:0 10px;width:100px;height:100px}@media (min-width: 768px){.mens-profile .form-group{width:640px}}.mens-profile .upload-photo .photo-container{width:auto;min-height:185px}@media (min-width: 768px){.mens-profile .upload-photo .photo-container{width:640px}}.mens-profile .color-swatches{justify-content:center}@media (max-width: 767px){.mens-profile .color-swatches{width:auto}}@media (min-width: 1200px){.mens-profile .color-swatches{width:940px;margin:0 auto 50px}}.mens-profile .color-swatches .swatches{max-width:fit-content}.mens-profile .color-swatches .swatches:after{content:"";display:table;clear:both}.mens-profile .color-swatches .swatches .wrapper{position:relative;margin:0 -5px}@media (min-width: 768px){.mens-profile .color-swatches .swatches .wrapper:after{content:'';border-bottom:1px solid #000;position:absolute;left:0;right:0;bottom:-3px}}.mens-profile .color-swatches .swatches .column{margin:0 5px;width:90px}@media (min-width: 992px){.mens-profile .color-swatches .swatches .column{width:115px;margin:0 7.5px}}.mens-profile .color-swatches .swatches .column ul li{position:relative;margin:0 0 15px 0;width:100%;height:100%;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media (max-device-width: 1024px){.mens-profile .color-swatches .swatches .column ul li{transition:none}}.mens-profile .color-swatches .swatches .column ul li:hover{opacity:0.5}.mens-profile .color-swatches .swatches .column .active{pointer-events:none}.mens-profile .color-swatches .swatches .column .active:after{content:'';position:absolute;border:7px solid #276483;left:-7px;right:-7px;top:-7px;bottom:-7px}.mens-profile .color-swatches .swatches .color-title{border-bottom:1px solid #000;margin-bottom:12px;font-size:12px;font-size:1.2rem;line-height:30px;line-height:3rem;height:30px}.mens-profile .color-swatches .swatches .swatch-name{font-size:11px;font-size:1.1rem;line-height:20px;line-height:2rem;line-height:normal;color:#fff;position:absolute;bottom:5px;right:5px;left:5px;text-align:right}@media (max-width: 767px){.mens-profile .color-swatches .desire-model{display:flex}}@media (min-width: 992px){.mens-profile .color-swatches .desire-model{top:30px}}.mens-profile .color-swatches .desire-model .model-wrapper{padding:15px;background-color:#EBF0F0;margin-bottom:15px;display:flex;align-items:center;height:auto}@media (max-width: 767px){.mens-profile .color-swatches .desire-model .model-wrapper{width:50%;display:block;background-color:transparent;padding:0 10px}}.mens-profile .color-swatches .desire-model .model-wrapper .image-box{width:100%;position:relative;margin:0 auto 5px;flex:none}@media (min-width: 768px){.mens-profile .color-swatches .desire-model .model-wrapper .image-box{width:150px;margin:0}}.mens-profile .color-swatches .desire-model .model-wrapper .content{text-align:left;padding-left:30px}@media (max-width: 767px){.mens-profile .color-swatches .desire-model .model-wrapper .content{padding-left:0;text-align:center}}@media (min-width: 768px){.mens-profile .color-swatches .model{top:30px;padding:0 10px 0 20px}}@media (min-width: 992px){.mens-profile .color-swatches .model{padding:0 15px}}.mens-profile .color-swatches .model .image-box{width:100%;height:auto;position:relative}@media (min-width: 768px){.mens-profile .color-swatches .model .image-box{width:325px}}@media (min-width: 992px){.mens-profile .color-swatches .model .image-box{width:445px;padding-left:50px;margin-left:5px}.mens-profile .color-swatches .model .image-box:after{content:'';width:1px;position:absolute;top:0;bottom:0;background-color:#000;left:0}}.mens-profile .color-swatches .model .color-name{margin:15px 0 25px}@media (min-width: 992px){.mens-profile .color-swatches .model .color-name{margin-bottom:0;width:395px;float:right}}.mens-profile .color-swatches #all-swatches{max-width:inherit}@media (max-width: 320px){.mens-profile .color-swatches #all-swatches{padding:0 7.5px}}.mens-profile .color-swatches #all-swatches .wrapper:after{display:none}.mens-profile .color-swatches #all-swatches .column{overflow:visible !important}.mens-profile .color-swatches #all-swatches .top-nav p,.mens-profile .color-swatches #all-swatches .bottom-nav p{font-size:15px;font-size:1.5rem;line-height:20px;line-height:2rem;margin:0 15px}.mens-profile .color-swatches #all-swatches .top-nav .previous,.mens-profile .color-swatches #all-swatches .top-nav .next,.mens-profile .color-swatches #all-swatches .bottom-nav .previous,.mens-profile .color-swatches #all-swatches .bottom-nav .next{position:relative;right:0}.mens-profile .color-swatches #all-swatches .bottom-nav{padding-top:10px;margin:10px auto 0;border-top:1px solid #000}@media (max-width: 320px){.mens-profile .color-swatches #all-swatches .bottom-nav{width:calc(100% - 15px)}}.mens-profile .color-swatches #all-swatches .top-nav{position:absolute;top:10px;width:calc(100% - 30px)}@media (max-width: 320px){.mens-profile .color-swatches #all-swatches .top-nav{display:none}}.mens-profile .color-swatches #all-swatches .top-nav p{visibility:hidden}.mens-profile .color-swatches #all-swatches .color-swatch-carousel{height:349px;margin:auto;width:305px !important;padding:0 7.5px}@media (max-width: 320px){.mens-profile .color-swatches #all-swatches .color-swatch-carousel{width:100% !important}}@media (min-width: 576px){.mens-profile .color-swatches #all-swatches .color-swatch-carousel{width:405px !important}}@media (min-width: 768px){.mens-profile .color-swatches #all-swatches .color-swatch-carousel{width:305px !important}}@media (min-width: 992px){.mens-profile .color-swatches #all-swatches .color-swatch-carousel{width:400px !important;height:424px}}@media (min-width: 768px){.mens-profile .gray-range{margin:0 auto 50px;width:640px}}@media (max-width: 767px){.mens-profile .gray-range .image-box{width:80%;margin:auto}}@media (min-width: 768px){.mens-profile .gray-range .content{margin-top:-30px}}.mens-profile .gray-range .content .highlight-text{color:#276483;margin:-15px 0 15px}.mens-profile .gray-range .range-slider{margin-top:30px}@media (max-width: 767px){.mens-profile .gray-range .range-slider{margin-top:15px}}@media (max-width: 767px){.mens-profile .gray-range.results{margin-bottom:40px}}.mens-profile .select-shade{overflow:hidden;margin:0 auto 50px}@media (min-width: 768px){.mens-profile .select-shade{width:640px}}@media (max-width: 767px){.mens-profile .select-shade{margin-bottom:30px}}.mens-profile .select-shade .range-labels{width:290px;margin:auto;top:0;height:auto}.mens-profile .select-shade .range-labels li span{top:5px}.mens-profile .select-shade .range-labels li:before{display:none}@media (max-width: 767px){.mens-profile .select-shade .image-box{width:80%;margin:auto}}.mens-profile .select-shade .image-box .highlight-text{margin-top:10px}@media (max-width: 767px){.mens-profile .select-shade .image-box .highlight-text{margin:10px 0 15px}}.mens-profile .select-shade .image-box .icon{right:25px}.mens-profile .select-shade .dyed-swatch{display:inline-block;margin:0}.mens-profile .select-shade .dyed-swatch li{width:244px;height:36px;background-color:#f1f1f1;position:relative;margin:5px 0;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media (max-device-width: 1024px){.mens-profile .select-shade .dyed-swatch li{transition:none}}.mens-profile .select-shade .dyed-swatch li.active:after{content:'';position:absolute;border:7px solid #276483;left:-7px;right:-7px;top:-7px;bottom:-7px;z-index:1}.mens-profile .select-shade .dyed-swatch li .name{position:absolute;bottom:5px;right:5px;font-size:11px;line-height:normal}@media (min-width: 768px){.mens-profile .color-recommendations{margin-top:-10px}}.mens-profile .color-recommendations ul .image-box{margin-bottom:15px;cursor:pointer}@media (max-width: 767px){.mens-profile .color-recommendations ul .image-box{width:80%;margin:0 auto 15px}}@media (max-width: 767px){.mens-profile .color-recommendations ul li:not(:last-child){margin-bottom:25px}}.mens-profile .color-recommendations ul li .image-box{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media (max-device-width: 1024px){.mens-profile .color-recommendations ul li .image-box{transition:none}}.mens-profile .color-recommendations ul li.active .image-box:after{content:'';position:absolute;border:7px solid #276483;left:-7px;right:-7px;top:-7px;bottom:-7px}@media (min-width: 768px) and (max-width: 991px){.mens-profile .color-recommendations ul .col-md-3{min-width:210px}.mens-profile .color-recommendations ul .col-md-4{min-width:300px}}.mens-profile .color-recommendations ul p{font-family:"Mackinac-Bold"}@media (max-width: 767px){.mens-profile .color-recommendations ul{flex-direction:column}.mens-profile .color-recommendations ul li:nth-child(1){order:2}.mens-profile .color-recommendations ul li:nth-child(2){order:1}.mens-profile .color-recommendations ul li:nth-child(3){order:3}}.mens-profile .color-match{margin-bottom:30px}@media (min-width: 768px){.mens-profile .color-match{margin-top:-20px;margin-bottom:40px}}.mens-profile .color-match .image-box{width:80%;margin:auto}@media (min-width: 768px){.mens-profile .color-match .image-box{width:300px}}#profile-intro-step{position:fixed;height:100vh;width:100vw;z-index:100;background-color:#276483}#profile-intro-step .title-wrapper{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;color:#fff;text-align:center;padding:15px}@media (min-width: 768px){#profile-intro-step .title-wrapper{width:440px;margin:auto}}@media (min-width: 1200px){#profile-intro-step .title-wrapper{width:auto}}#profile-intro-step .title-wrapper .step,#profile-intro-step .title-wrapper .title{font-family:"Mackinac-Bold"}#profile-intro-step .title-wrapper .step{font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem;margin-bottom:10px;color:#D9E1E2}#profile-intro-step .title-wrapper .title{font-size:32px;font-size:3.2rem;line-height:40px;line-height:4rem}@media (min-width: 768px){#profile-intro-step .title-wrapper .title{font-size:42px;font-size:4.2rem;line-height:50px;line-height:5rem}}#profile-review{padding-bottom:initial;padding:30px 0 40px}@media (min-width: 768px){#profile-review{padding:60px 0 100px}}@media (max-width: 767px){#profile-review .image-box{width:80%;margin:auto}}@media (min-width: 768px){#profile-review .image-box.lg{width:290px}}@media (max-width: 767px){#profile-review .profile-list>li:not(:last-child){margin-bottom:25px}}@media (min-width: 768px){#profile-review .profile-list>li{margin:0 15px;width:220px}}#profile-review .profile-list>li p{font-family:"Mackinac-Bold";font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;margin:10px 0 5px}#profile-review .check-list{display:inline-block}#profile-review .check-list li{margin:10px;display:flex;justify-content:left;text-align:left;align-items:baseline;margin-top:20px}#profile-review .check-list li p{margin:0 5px 0 10px;line-height:22px}#profile-review .check-list li a{line-height:20px}#profile-review .btn-wrapper{margin-top:30px}@media (min-width: 768px){#profile-review .btn-wrapper{margin-top:50px}}#our-colors{padding-bottom:initial;padding:30px 0 50px}@media (min-width: 768px){#our-colors{padding:40px 0 100px}}@media (min-width: 992px){#our-colors{padding:60px 0 120px}}#color-detail-modal .modal-content .main-cta-btn{margin:0 auto}@media (max-width: 991px){#color-detail-modal .modal-content img{width:85%}#color-detail-modal .modal-content .color-formula{order:1}}@media (min-width: 992px){#color-detail-modal .modal-content{padding:25px}}@media (max-width: 767px){.modal-dialog-centered{min-height:auto}}.range-slider{width:290px;margin:auto}@media (min-width: 768px){.range-slider{width:100%}}.range-slider-value{font-family:"Mackinac-Bold";margin-bottom:20px}.range-labels{display:flex;justify-content:space-between;position:relative;top:30px;margin-right:0;height:50px;top:-23px}.range-labels.custom li:nth-child(3):before{left:-8px}.range-labels li{padding:20px;position:relative;text-align:center;cursor:pointer;top:0}.range-labels li span{font-size:13px;font-size:1.3rem;line-height:16px;line-height:1.6rem;position:absolute;display:block;white-space:nowrap;top:45px}.range-labels li:first-child .text{left:0}.range-labels li:last-child .text{right:0}.range-labels li:before{content:'';position:absolute;top:0;margin:0 auto;width:8px;height:8px;background:#D9E1E2;border-radius:50%;top:22px;left:0;right:0}.range-labels li:first-child:before{left:5px;right:initial}.range-labels li:nth-child(2):before{left:-8px}.range-labels li:nth-child(3):before{right:-8px}.range-labels li:last-child:before{left:initial;right:4px}@media (max-width: 767px){.range-labels{width:290px;margin:auto}}.range-slider.gray{position:relative}.range-slider.gray .wrapper{position:relative;height:45px}.range-slider.gray .bar{position:absolute;left:0px;width:calc(100% - 1px);height:3px;overflow:hidden;bottom:23px}.range-slider.gray .bar .fill{display:block;width:0;height:100%;background-color:#276483}.range-slider.gray input{position:relative;width:100%;height:40px;outline:none;background-color:transparent;-webkit-appearance:none}.range-slider.gray input::-webkit-slider-thumb{-webkit-appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#276483;cursor:pointer;border:0 !important;outline:none;box-shadow:0 0 0 0 #276483;transition:.3s ease-in-out;position:relative;top:-7.5px;z-index:200}.range-slider.gray input::-moz-range-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#276483;cursor:pointer;border:0 !important;outline:none;box-shadow:0 0 0 0 #276483;transition:.3s ease-in-out;position:relative;top:-7.5px;z-index:200}.range-slider.gray input::-ms-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#276483;cursor:pointer;border:0 !important;outline:none;box-shadow:0 0 0 0 #276483;transition:.3s ease-in-out;position:relative;top:-7.5px;z-index:200}.range-slider.gray input::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:#D8D8D8}.range-slider.gray input::-moz-range-track{width:100%;height:3px;cursor:pointer;background:#D8D8D8}.range-slider.gray input::-ms-track{width:100%;height:3px;cursor:pointer;background:#D8D8D8}.range-slider.gray input:focus{background:none;outline:none}.range-slider.gray input::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.range-slider.gray input:active::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(39,100,131,0.1)}.range-slider.swatch input{margin-top:10px;height:15px;outline:none;width:290px;-webkit-appearance:none}.range-slider.swatch input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;border:4px solid #276483;width:24px;height:24px;margin:-4px 0 0;border-radius:50%;cursor:pointer}.range-slider.swatch input::-moz-range-thumb{background-color:#fff;border:4px solid #276483;width:24px;height:24px;margin:-4px 0 0;border-radius:50%;cursor:pointer}.range-slider.swatch input::-ms-thumb{background-color:#fff;border:4px solid #276483;width:24px;height:24px;margin:-4px 0 0;border-radius:50%;cursor:pointer}.range-slider.swatch input::-webkit-slider-runnable-track{width:290px;height:15px;cursor:pointer;background-image:url("/images/colorsmith/widget/swatch_slider.jpg")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.range-slider.swatch input::-webkit-slider-runnable-track{background-image:url("/images/colorsmith/widget/swatch_slider@2x.jpg");background-size:290px 15px}}.range-slider.swatch input::-moz-range-track{width:290px;height:15px;cursor:pointer;background-image:url("/images/colorsmith/widget/swatch_slider.jpg")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.range-slider.swatch input::-moz-range-track{background-image:url("/images/colorsmith/widget/swatch_slider@2x.jpg");background-size:290px 15px}}.range-slider.swatch input::-ms-track{width:290px;height:15px;cursor:pointer;background-image:url("/images/colorsmith/widget/swatch_slider.jpg")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.range-slider.swatch input::-ms-track{background-image:url("/images/colorsmith/widget/swatch_slider@2x.jpg");background-size:290px 15px}}.range-slider.swatch input:focus{background:none;outline:none}.range-slider.swatch input::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}

/*# sourceMappingURL=profile.css.map */