@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
.campaign-landing-join{max-width:782px;margin:0 auto;padding: 0 0 40px;}
.clj-title{color:#000000;font-weight: 400;font-size: 41px;margin:0;}
.campaign-landing-join p{color: #2d2d2d;margin:26px 0 0;font-size:18px;line-height: 26px;}
.clj-btn a{text-decoration:none;background:#3c8797;color:#fff;font-size: 26px;font-weight: bold;text-transform: uppercase;padding: 12px 90px;display: inline-block;}
.clj-btn a:hover{background:#000;}
.clj-btn {margin-top: 21px;}
.cl-stylist{background:#f3f4f2;padding:30px 0 20px;}
.cl-stylist-title{color:#000000;font-weight:400;text-align:center;font-size: 28px;margin-bottom:30px;}
.cl-stylist-title b{font-style: italic;}
.cl-stylist-img{display: inline-block;background: #fff;padding: 3px;border-radius: 100%;border: 2px solid #35576b;margin:0 auto;}
.cl-stylist-img img{border-radius: 100%;width: 125px;vertical-align: middle;}
.cl-stylist-detail{text-align:center;}
.cl-stylist-name{color: #000;font-size: 18px;margin: 12px 0 6px;}
.cl-stylist-detail p{margin:0;color: #2d2d2d;font-size: 12px;}
.cl-stylist-box {display: inline-block;width:18%;text-align:center;margin-bottom:25px;}
.cl-stylist-main {text-align: center;}
.explore-our-favorites{margin:30px 0 40px;}
.ef-title{color:#000000;font-weight:400;text-align:center;font-size:30px;margin-bottom:25px;}
.explore-item {max-width: 900px;margin: 0 auto;}
.explore-item .hot-items-box-in {margin: 8px 0;}
.stylist-detail{background:#e8eff0;padding:25px 0;margin-top: 45px;}
.stylist-detail-left{float:left;width: 260px;}
.sdl-title{color:#000000;font-size: 18px;margin: 15px 0 8px;}
.sdl-subtitle{color: #2d2d2d;font-size: 12px;}
.sdl-detail p{color: #2d2d2d;font-size: 11px;margin:12px 0 0;}
.stylist-detail-right{float:right;width: calc(100% - 270px);}
.sdr-title{color: #000;font-weight: bold;font-size: 30px;font-family: 'Georama';margin-bottom:25px;margin-left: 35px;}
.stylist-detail-right .hot-items-box-in {box-shadow: none;}
.combined-login-col {position: relative;}
.password-show-icon {cursor: pointer;position: absolute;top: 12px;right: 12px;}
.clb-bg{background-image: url('../images/fancybox_overlay.png');}
.stylist-detail-right .clock-btn {padding: 4px 6px 5px;}



@media only screen and (max-width:991px){
.cl-stylist-box {width: 24%;}
.campaign-landing-join {padding: 20px 0 40px;}
}

@media only screen and (max-width:767px){
.clj-title {font-size: 35px;}
.campaign-landing-join p {margin: 15px 0 0;font-size: 16px;line-height: 24px;}
.clj-btn a {font-size: 22px;padding: 10px 50px;}
.cl-stylist-box {width: 32%;}
.sdr-title {font-size: 22px;margin-bottom: 20px;}

}

@media only screen and (max-width:580px){
.clj-title {font-size: 30px;font-weight: 500;}
.cl-stylist-title {font-size: 24px;}
.ef-title {font-size: 26px;font-weight: 500;}
.stylist-detail-right {float: none;width: 100%;}
.stylist-detail-left {float: none;width: 100%;text-align: center;}
.sdr-title {font-size: 26px;margin-left: 0;text-align: center;margin-top: 20px;}

}

@media only screen and (max-width:479px){
.clj-title {font-size: 26px;}
.campaign-landing-join p {margin: 10px 0 0;font-size: 14px;line-height: 22px;}
.clj-btn a {font-size: 20px;padding: 10px 45px;}
.cl-stylist-box {width: 100%;}
.sdr-title {font-weight: 500;margin-bottom: 15px;}

}