.sidebar-section{max-width:1200px;margin:0 auto}@media (max-width:1024px){.sidebar-section{position:relative;background-color:#efefef}}.breadcrumb{margin:18px auto 4px}.sidebar-menu{position:absolute;width:190px;top:69px;padding:0;overflow:hidden;z-index:21}@media (max-width:1024px){.sidebar-menu{position:static!important;top:auto;padding:7px 0;color:#000;width:100%;overflow:hidden}}.sidebar-menu>.sidebar-menu-list{min-width:190px;margin-bottom:30px}@media (max-width:1024px){.sidebar-menu>.sidebar-menu-list{position:relative;margin-top:5px;margin-bottom:5px;background-color:#fff}.sidebar-menu>.sidebar-menu-list p:last-child{border-bottom:none}}@media (min-width:1025px){.sidebar-menu>.sidebar-menu-list{-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}}.sidebar-menu .sidebar-menu-title{padding-top:15px;padding-bottom:7px;margin:0 auto 20px;font-size:18px;font-weight:500;border-bottom:1px solid #d1d1d1}.sidebar-menu .sidebar-menu-title.last-title{margin-top:30px}@media (max-width:1024px){.sidebar-menu .sidebar-menu-title{position:relative;padding-bottom:15px;padding-left:15px;margin-bottom:0;border-bottom:none}.sidebar-menu .sidebar-menu-title.last-title{border-top:1px solid #d1d1d1;margin-top:0;border-bottom:none}.sidebar-menu .sidebar-menu-title:after{position:absolute;bottom:17px;right:10px;z-index:3;font-family:ebd,sans-serif!important;content:"\e61e";font-style:normal;font-weight:400;color:#000;font-size:20px;font-variant:normal;text-transform:none;line-height:1;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar-menu .sidebar-menu-title.current:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@media (min-width:1025px){.sidebar-menu .sidebar-menu-content{display:block!important}}.sidebar-menu .sidebar-menu-content>a{display:block;padding-bottom:9px;font-size:15px}@media (max-width:1024px){.sidebar-menu .sidebar-menu-content{display:none;padding-top:20px;padding-bottom:11px}.sidebar-menu .sidebar-menu-content>a{padding-left:15px;font-size:16px;font-weight:500;text-decoration:none}.sidebar-menu .sidebar-menu-content.last-content{border-bottom:none}}.sidebar-menu a{display:block;font-weight:400}.sidebar-menu a.current{color:#d39d4e}.sidebar-menu .secondary-menu{padding-left:20px;margin-bottom:9px}.sidebar-menu .secondary-menu>a{display:block;padding-bottom:9px;font-size:14px;line-height:1.2}@media (max-width:1024px){.sidebar-menu .secondary-menu>a{font-size:16px;text-decoration:none}}.device-phone .sidebar-menu .sidebar-menu-content>a,.device-tablet .sidebar-menu .sidebar-menu-content>a{font-weight:400}.share-icon-content{position:relative;float:right;margin-top:22px;margin-right:10px}@media (max-width:1080px){.share-icon-content{float:none;margin-top:30px}}@media (max-width:767px){.share-icon-content{margin-top:20px}}.share-details{position:absolute;top:35px;right:-3px;height:0;opacity:0;overflow:hidden;transition:all .4s ease-in-out}@media (max-width:1080px){.share-details{top:0;left:30px;height:30px}}.share-details a{display:inline-block;margin-bottom:10px;padding:0 3px}.share-details .im-social{width:24px;height:24px;background-size:48px 72px}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.share-details .im-social{background-image:url(images/icons/im-social-6-n-2x.png);background-size:48px 72px}}.share-details .im-facebook{background-position:-24px 0}.share-details .im-pinterest{background-position:0 -24px}.share-details .im-twitter{background-position:-24px -48px}.share-details .im-google{background-position:0 -48px}.share-details.slide{height:135px;opacity:1;z-index:10}.share-icon{position:relative;width:23px;height:25px;cursor:pointer}.share-icon span{position:absolute;display:block;width:22px;height:3px;background:#000;opacity:1;transition:.2s ease-out;-webkit-transform:rotate(0);transform:rotate(0)}.share-icon .s2{-webkit-transform:rotate(30deg);transform:rotate(30deg);top:7px}.share-icon .s3{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:15px}.share-icon .s1{top:1px}.share-icon .s4{top:9px;right:1px}.share-icon .s5{bottom:0}.share-icon .s1,.share-icon .s4,.share-icon .s5{width:8px;height:8px;border-radius:8px;transition:all .1s ease-out}.share-icon.open .s2{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:11px}.share-icon.open .s3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:11px}.share-icon.open .s1,.share-icon.open .s4,.share-icon.open .s5{-webkit-transform:scale(0);transform:scale(0)}.full-screen{overflow:hidden}.wrapper{padding-bottom:0}.discover-tips-content-wrapper{padding-bottom:50px;padding-left:300px;margin:0 auto}@media (max-width:1024px){.discover-tips-content-wrapper{padding-left:20px;padding-bottom:30px}}@media (max-width:767px){.discover-tips-content-wrapper{padding-left:0;padding-right:0;padding-bottom:35px}}.discover-tips-content-wrapper p{line-height:1.3}@media (max-width:767px){.discover-tips-content-wrapper p{line-height:1.2}}.discover-tips-content-wrapper h1,.discover-tips-content-wrapper h2,.discover-tips-content-wrapper h3,.discover-tips-content-wrapper h4,.discover-tips-content-wrapper h5{margin:0}.discover-title-container{margin-top:58px}@media (max-width:767px){.discover-title-container{padding-left:10px;padding-right:10px;margin-top:32px}}@media (max-width:480px){.discover-title-container{margin-top:22px}}.discover-title-container h1{max-width:670px;font-size:42px;font-weight:500;text-transform:none;text-align:left;line-height:1.2}@media (max-width:767px){.discover-title-container h1{font-size:36px}}@media (max-width:480px){.discover-title-container h1{font-size:30px}}.discover-title-container p{max-width:850px;padding-top:45px;padding-bottom:3px;font-size:16px;text-align:left}@media (max-width:767px){.discover-title-container p{padding-top:35px}}@media (max-width:450px){.discover-title-container p{padding-top:28px}}.discover-title h1{float:left}@media (max-width:1080px){.discover-title h1{float:none}}.discover-reviewd{padding:20px 0;margin-bottom:-40px;color:rgba(0,0,0,.5);font-size:14px}.discover-reviewd .author{text-decoration:underline}.faq-container{background:#f5f5f5;padding:25px 0 60px}@media screen and (max-width:767px){.faq-container{padding:20px 0}}.faq-container .fsa-title{margin:36px 0 13px;font-size:36px;font-weight:700}@media screen and (max-width:767px){.faq-container .fsa-title{margin-top:20px}}.faq-container .section-faq{max-width:900px;margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (max-width:767px){.faq-container .section-faq{padding-left:15px;padding-right:10px}}.faq-container .faq-list{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.2)}@media screen and (max-width:767px){.faq-container .faq-list{padding:20px 0}}.faq-container .faq-list>.faq-title{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer}@media (max-width:767px){.faq-container .faq-list>.faq-title{padding-right:25px}}.faq-container .faq-list>.faq-title .q-title{font-weight:500;font-size:18px;margin:0;line-height:25px;word-wrap:break-word}.faq-container .faq-list>.faq-title .mark-down{display:inline-block;float:left}.faq-container .faq-list>.faq-title h1,.faq-container .faq-list>.faq-title h2,.faq-container .faq-list>.faq-title h3,.faq-container .faq-list>.faq-title h4,.faq-container .faq-list>.faq-title h5,.faq-container .faq-list>.faq-title h6{font-weight:500;font-size:18px;margin:0;line-height:25px;margin-top:0;margin-bottom:0;text-transform:none}.faq-container .faq-list .faq-detail{margin-top:20px;font-size:16px;line-height:1.7;word-wrap:break-word}@media screen and (max-width:767px){.faq-container .faq-list .faq-detail{margin-top:10px;font-size:14px}}.faq-container .faq-list .faq-detail p{margin-top:20px;font-size:16px;line-height:1.7}@media screen and (max-width:767px){.faq-container .faq-list .faq-detail p{font-size:14px}}.faq-container .faq-list .faq-detail a{text-decoration:underline}.faq-container .faq-list .faq-detail ul{margin-top:20px}.faq-container .faq-list .icon-arrow-down{position:static;display:block;margin-left:8px;font-size:20px;color:#000}@media screen and (max-width:767px){.faq-container .faq-list .icon-arrow-down{position:absolute;right:0;top:0;margin:0;-webkit-transform:translateY(2px);transform:translateY(2px)}}.faq-container .faq-list:last-child{border:0}.faq-container .faq-list .current-dt .icon-arrow-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.faq-container .category-reviewd{color:#646464;font-size:14px;font-weight:400}.faq-container .category-reviewd .author{text-decoration:underline}.color-guide-container h1{max-width:690px}.color-guide-container h2{font-size:36px}.color-guide-container h3{font-size:24px;font-weight:700}.color-guide-container h4{font-size:18px}.color-guide-container p{font-size:16px}@media (max-width:1024px){.color-guide-container .discover-title h1{padding-top:25px}}@media (max-width:767px){.color-guide-container .cushion{padding:0 20px}.color-guide-container h1{font-size:30px}.color-guide-container h2{font-size:24px}.color-guide-container h3{font-size:18px}.color-guide-container h4{font-size:16px}}.color-guide-container .outline{padding-top:13px}.color-guide-container .tag{position:absolute;right:10px;bottom:10px;min-width:38px;height:18px;line-height:17px;padding:0 4px;text-align:center;background-color:#FFFFFFB2;border-radius:6px;font-size:12px;color:#000000B2;text-transform:capitalize;text-decoration:none}.color-guide-container .section-top{margin:49px 0}.color-guide-container .section-top .content-image{max-width:420px;width:100%}.color-guide-container .section-top #top-img{margin-right:59px}.color-guide-container .section-top .img-box{position:relative;display:block;max-width:425px;height:0;padding-bottom:70.58824%;overflow:hidden;width:100%;margin:0 auto}.color-guide-container .section-top .content-txt p{margin-bottom:32px;max-width:385px}@media (max-width:767px){.color-guide-container .section-top{margin-top:31px;margin-bottom:60px}.color-guide-container .section-top #top-img{margin:0 auto}.color-guide-container .section-top .content-txt p{max-width:none}.color-guide-container .section-top .content-txt .btn{display:block;margin:0 auto}}@media (max-width:767px){.color-guide-container .steps{margin-bottom:50px}}.color-guide-container .steps .how-to-select{margin:16px 0 34px}.color-guide-container .steps .steps-info{background:#f3f4f4;padding:42px 63px}.color-guide-container .steps .steps-info .step-title-container{position:relative}.color-guide-container .steps .steps-info .step-title-container .img-box{position:relative;display:block;margin:0 auto;max-width:55px;height:0;padding-bottom:100%;overflow:hidden}.color-guide-container .steps .steps-info .step-title{margin-left:77px;margin-bottom:10px}.color-guide-container .steps .steps-info .step-icon{position:absolute;width:55px;height:55px}.color-guide-container .steps .steps-info .step-txt{margin-left:77px}.color-guide-container .steps .steps-info .step-txt:not(:last-child){margin-bottom:37px}@media (max-width:767px){.color-guide-container .steps .steps-info{margin-bottom:60px;padding:41px 20px}.color-guide-container .steps .steps-info .how-to-select{margin:24px 0 42px}.color-guide-container .steps .steps-info .step-title-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:16px}.color-guide-container .steps .steps-info .step-title-container .img-box{position:relative;display:block;margin:0 auto;max-width:30px;height:0;padding-bottom:100%;overflow:hidden}.color-guide-container .steps .steps-info .step-title{margin-left:10px;margin-bottom:0}.color-guide-container .steps .steps-info .step-icon{position:static;width:30px;height:30px}.color-guide-container .steps .steps-info .step-txt{margin-left:0}.color-guide-container .steps .steps-info .step-txt:not(:last-child){margin-bottom:35px}}.color-guide-container .main-section h2{margin-top:71px}.color-guide-container .main-section .description{margin:23px 0 46px}.color-guide-container .main-section .divider:not(:last-child){margin-bottom:60px}.color-guide-container .main-section .content-image{position:relative;max-width:400px;width:100%}.color-guide-container .main-section .img-box{position:relative;display:block;margin:0 auto;max-width:400px;height:0;padding-bottom:100%;overflow:hidden}.color-guide-container .main-section .content-txt{max-width:420px}.color-guide-container .main-section .content-txt .why{padding:15px 0 37px}.color-guide-container .main-section .content-txt .skin-why{padding:15px 0 44px}.color-guide-container .main-section .content-txt .subtitle{padding-bottom:18px}.color-guide-container .main-section .color-series{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:35px}.color-guide-container .main-section .color-series .frame-color{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.color-guide-container .main-section .color-series .frame-color .color-icon{width:24px;height:24px;margin-bottom:7px}.color-guide-container .main-section .color-series .frame-color span{text-decoration:underline}.color-guide-container .main-section .color-series .three{width:33.3%;margin-bottom:20px;position:relative;left:-12%}.color-guide-container .main-section .color-series .four{width:25%;position:relative;left:-8%}.color-guide-container .main-section .multi-color-series{width:calc(100% + 40px);margin-right:0}.color-guide-container .main-section .skin-divider{margin:60px 0 58px}@media (max-width:767px){.color-guide-container .main-section .skin-more{display:none}}.color-guide-container .main-section .skin-more-m{display:none}.color-guide-container .main-section .skin-title{margin:60px 0 15px}.color-guide-container .main-section .skin-desc{margin-bottom:51px}.color-guide-container .main-section .skin-subtitle{margin-bottom:22px;white-space:nowrap}@media (max-width:1280px){.color-guide-container .main-section .skin-subtitle{white-space:normal}}.color-guide-container .main-section .skin-colors{width:calc(100% + 30px)}.color-guide-container .main-section .skin-colors:nth-child(n+1){margin-bottom:34px}@media (max-width:767px){.color-guide-container .main-section .skin-more-m{display:block}.color-guide-container .main-section .skin-title{margin-top:0;margin-bottom:22px}.color-guide-container .main-section .skin-subtitle{margin-bottom:17px}.color-guide-container .main-section .skin-desc{margin-bottom:30px}.color-guide-container .main-section skin-colors{margin-bottom:26px}.color-guide-container .main-section h2{margin-top:60px}.color-guide-container .main-section .description{margin:16px 0 60px}.color-guide-container .main-section .divider{margin-bottom:48px}.color-guide-container .main-section .content-txt{max-width:none;width:100%}.color-guide-container .main-section .content-txt .why{padding:22px 0 18px}.color-guide-container .main-section .content-txt .skin-why{padding:18px 0 30px}.color-guide-container .main-section .content-txt .subtitle{padding-bottom:21px}.color-guide-container .main-section .skin-divider{margin:54px 0}}.color-guide-container .end{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.color-guide-container .end .end-d{width:100%;-webkit-order:1;order:1}.color-guide-container .end .end-desc{margin:28px 0 51px}.color-guide-container .end .content-image{width:50%;-webkit-order:2;order:2;margin-right:5%}@media (min-width:1280px){.color-guide-container .end .content-image{margin-right:80px}}.color-guide-container .end .content-txt{width:45%;max-width:420px;-webkit-order:3;order:3;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.color-guide-container .end .content-txt p{margin-bottom:30px}.color-guide-container .end .btn{max-width:425px}.color-guide-container .end .btn-nextline{margin-bottom:10px}@media (max-width:767px){.color-guide-container .end .end-d{-webkit-order:2;order:2}.color-guide-container .end .content-image{margin:0 auto;width:100%;-webkit-order:1;order:1}.color-guide-container .end .content-txt{max-width:none;width:100%;-webkit-order:3;order:3}.color-guide-container .end .content-txt p{margin-bottom:35px}.color-guide-container .end .end-title{margin-top:34px;max-width:260px}.color-guide-container .end .end-desc{margin:35px 0 15px}}.color-guide-container .img-txt{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.color-guide-container .img-txt .content-image{margin-right:80px}@media (max-width:1024px){.color-guide-container .img-txt .content-image{margin-right:65px}}.color-guide-container .img-txt-right .content-image{-webkit-order:2;order:2;margin-right:0}.color-guide-container .img-txt-right .content-txt{-webkit-order:1;order:1;margin-right:80px}@media (max-width:1024px){.color-guide-container .img-txt-right .content-txt{margin-right:65px}}@media (max-width:767px){.color-guide-container .img-txt-right .content-txt{margin-right:0}}@media (max-width:767px){.color-guide-container .img-txt-mobile{-webkit-flex-direction:column;flex-direction:column}.color-guide-container .img-txt-mobile .content-image{-webkit-order:1;order:1;margin:0 auto}.color-guide-container .img-txt-mobile .content-txt{padding:34px 20px 0;-webkit-order:2;order:2}.color-guide-container .img-txt-mobile .btn{width:100%;max-width:335px;margin:0 auto}}@media (max-width:767px){html:lang(fr-CA) .color-guide-container .end .end-title,html:lang(fr-FR) .color-guide-container .end .end-title{max-width:none}}html:lang(fr-CA) .color-guide-container .main-section .skin-subtitle,html:lang(fr-FR) .color-guide-container .main-section .skin-subtitle{white-space:normal}html:lang(fr-CA) .color-guide-container .section-top .content-txt p,html:lang(fr-FR) .color-guide-container .section-top .content-txt p{max-width:410px}@media (max-width:767px){html:lang(fr-CA) .color-guide-container .section-top .content-txt p,html:lang(fr-FR) .color-guide-container .section-top .content-txt p{max-width:none}}
/*# sourceMappingURL=../maps/css/learning-center-color-guide.css.map */