.page{background:#fff}.landing-shade-finder .step-1{flex-flow:row}.landing-shade-finder .step-1 .block-1{height:623px;width:100%}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-1 .block-1{height:751px}}.landing-shade-finder .step-1 .block-1 .card-text h2{margin-bottom:-30px;font-family:Mulish,sans-serif;font-size:100px;font-weight:900;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#23242a}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-1 .block-1 .card-text h2{margin-bottom:-40px;font-size:90px}}.landing-shade-finder .step-1 .block-1 .card-text p{padding-top:30px;margin-bottom:0;padding-left:10%;padding-right:10%;font-family:Mulish,sans-serif;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;text-align:center;color:#23242a}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-1 .block-1 .card-text p{padding-top:10px}}.landing-shade-finder .step-1 .block-1 a{display:flex;justify-content:center}.landing-shade-finder .step-1 .block-1 .card-footer{width:50%;background-color:#23242a;color:#fff;padding-top:20px;padding-bottom:20px;margin-top:25px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-1 .block-1 .card-footer{width:auto;height:auto}}.landing-shade-finder .step-1 .block-1 .card-footer .show-button{font-size:20px;font-weight:900;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#f8f9fa}.landing-shade-finder .step-1 .block-2{padding-right:0;padding-left:0}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-1 .block-2{display:none}}.landing-shade-finder .step-1 .block-2 .card-img-top{width:720px;height:623px}.landing-shade-finder .step-2{height:515px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2{height:auto}}.landing-shade-finder .step-2 hr{width:40%;border:0;border-top:1px solid;display:block;margin:.8rem 0 .8rem 35px}.landing-shade-finder .step-2 .stage01 .oval-circel{right:86px;position:absolute;top:225px;text-align:center;background:transparent;border-radius:50%;width:30px;height:30px;border:6px solid #fff;z-index:2}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage01 .oval-circel{right:191px;top:45px;width:20px;height:20px;transform:rotate(90deg)}}.landing-shade-finder .step-2 .stage01 .oval-circel hr{width:210px;border-top:4px solid #fff;display:block;margin-left:20px;margin-top:7px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage01 .oval-circel hr{width:150px;border-top:4px solid #fff;display:block;margin-left:13px;margin-top:2px}}.landing-shade-finder .step-2 .stage01 img{position:absolute;width:515px;height:515px;top:-20px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage01 img{width:300px;height:300px;top:-100px;right:75px}}.landing-shade-finder .step-2 .stage01 .card-text{top:-70px;left:-30px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage01 .card-text{top:-140px;left:44px}}.landing-shade-finder .step-2 .stage02{z-index:1}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage02{height:518px}}.landing-shade-finder .step-2 .stage02 .card-img{top:112px;left:130px;z-index:0;width:234px;position:absolute;height:234px;border:2px solid #c8a591;background-color:#fff;display:flex;justify-content:center;align-content:center;align-items:center}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage02 .card-img{top:224px}}.landing-shade-finder .step-2 .stage02 img{width:210px;height:210px;top:-20px}.landing-shade-finder .step-2 .stage02 .card-text{top:49px;left:80px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage02 .card-text{top:215px;left:49px}}@media screen and (max-width:20rem){.landing-shade-finder .step-2 .stage02 .card-text{left:65px}}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03{height:280px;width:450px}}.landing-shade-finder .step-2 .stage03 .block-product{width:470px;height:201px;border:1px solid #23242a;background-color:#fff;position:absolute;top:232px;right:44px;z-index:0}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03 .block-product{width:305px;height:285px;top:-30px;right:63px}}.landing-shade-finder .step-2 .stage03 .block-product ul{display:flex;padding-top:20px;padding-left:98px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03 .block-product ul{display:inline-block;padding-top:24px;padding-left:75px}}.landing-shade-finder .step-2 .stage03 .block-product ul .block-1 p{font-family:Mulish,sans-serif;font-size:20px;font-weight:900;padding-top:5px;font-stretch:normal;font-style:normal;letter-spacing:normal}.landing-shade-finder .step-2 .stage03 .block-product ul .block-2{width:211px;padding-left:15px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03 .block-product ul .block-2{padding-left:0}}.landing-shade-finder .step-2 .stage03 .block-product ul .block-2 p{font-family:Mulish,sans-serif;font-size:24px;font-weight:300}.landing-shade-finder .step-2 .stage03 .block-product .block-3{display:flex;padding-left:55px}.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage01{padding-right:20px}.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage01 .shade-color-circle{width:47px;padding-left:53px;height:50px;background-color:#c78569;border-radius:50%!important;box-shadow:0 0 0 1px #d1d1d1;margin-right:-11px;position:absolute;left:75px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage01 .shade-color-circle{top:195px;left:65px;height:50px}}.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage01 img{position:absolute;top:84px;width:30px;height:105px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage01 img{top:165px;right:225px}}.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage02{padding-top:10px;padding-left:120px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage02{padding-top:25px;padding-left:70px}}.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage02 .part-1{font-family:Mulish,sans-serif;color:#23242a;font-size:14px;font-weight:300;margin:0}.landing-shade-finder .step-2 .stage03 .block-product .block-3 .stage02 .part-2{font-family:Mulish,sans-serif;color:#23242a;font-size:20px;font-weight:700}.landing-shade-finder .step-2 .stage03 .Oval{top:130px;left:-40px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-2 .stage03 .Oval{top:0;left:34px}}@media screen and (max-width:20rem){.landing-shade-finder .step-2 .stage03 .Oval{top:-105px;left:62px;z-index:1}}.landing-shade-finder .step-2 .Oval{position:absolute;top:-70px;left:-30px;text-align:center;background:#0f0409;border-radius:50%;width:124px;height:124px;border:2px solid #0f0409;color:#fff}.landing-shade-finder .step-2 .Oval,.landing-shade-finder .step-2 .Oval p{font-weight:900;margin:0;padding-top:0}.landing-shade-finder .step-3{justify-content:flex-end;padding-right:30px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-3{padding-bottom:70px}}.landing-shade-finder .step-3 a{display:flex;background-color:#23242a;width:472px;height:87px}.landing-shade-finder .step-3 a .stage01{padding:15px;padding-right:185px;margin-bottom:-10px;padding-left:40px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-3 a .stage01{padding-left:20px;padding:15px;padding-right:110px;margin-bottom:0}}.landing-shade-finder .step-3 a .stage01 .block-1{font-weight:900;color:#c8a591;text-transform:uppercase;font-family:Mulish,sans-serif}.landing-shade-finder .step-3 a .stage01 .block-2{text-transform:uppercase;color:#fff;font-weight:300;font-family:Mulish,sans-serif}.landing-shade-finder .step-3 a .stage02{display:flex;align-content:center;align-items:center;justify-content:center;padding-right:30px}.landing-shade-finder .step-3 a .stage02 .icon-CHEVRON{color:#fff}.landing-shade-finder .step-4{padding-bottom:80px}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-4{flex-wrap:wrap-reverse;padding-top:40px}}.landing-shade-finder .step-4 .block-1{padding-right:0;padding-left:0;display:flex;justify-content:center}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-4 .block-1{padding-top:60px}}.landing-shade-finder .step-4 .block-1 .card-img-top{width:157px;height:485px}.landing-shade-finder .step-4 .block-2{justify-content:center;align-content:center;align-items:center;display:flex}.landing-shade-finder .step-4 .block-2 h2{padding-bottom:40px}.landing-shade-finder .step-4 .block-2 span{color:#23242a}.landing-shade-finder .step-4 .block-2 span b{font-weight:700;color:#c8a591}.landing-shade-finder .step-4 .block-2 .card-footer{text-align:center;border:1px solid #23242a;background-color:#fff;margin-left:0;width:60%;margin-top:40px;justify-content:center;align-content:center;align-items:center;display:flex}@media screen and (max-width:48.0625rem){.landing-shade-finder .step-4 .block-2 .card-footer{width:100%;height:100%}}.landing-shade-finder .step-4 .block-2 .card-footer .show-button{font-size:20px;font-weight:900;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#23242a}.landing-shade-finder .card-text span{text-align:initial;font-size:20px;font-weight:300}.landing-shade-finder .card{margin-bottom:0}
