.cb-static-banner{background:url(https://cdn.citybeauty.com/images/img/background/regimen-banner-d.jpg) center no-repeat;background-size:100% 100%;text-align:center;letter-spacing:2px;padding:5% 15px 8%;position:relative;overflow:hidden}.cb-static-banner .container{max-width:1200px;margin:0 auto;padding:0;position:relative;z-index:2}.cb-static-banner h1{font-size:48px;font-weight:300;line-height:1.2;color:#fff;margin:0;letter-spacing:2px}.cb-static-banner h1 sup{font-size:.6em;vertical-align:super;color:#fff}.cb-static-banner h2{font-size:40px;font-weight:300;line-height:1.2;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px}.cb-static-banner h3{font-size:32px;font-weight:300;line-height:1.2;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px}.cb-static-banner p{font-size:18px;font-weight:300;line-height:1.5;color:#fff;margin:1rem 0;letter-spacing:1px}.cb-static-banner .subtitle{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:3px;color:#fff;margin-bottom:.5rem}.cb-static-banner .description{font-size:16px;font-weight:300;line-height:1.6;color:#fff;margin:1rem 0;text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:600px;margin-left:auto;margin-right:auto}.cb-static-banner .btn{display:inline-block;padding:16px 50px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;text-decoration:none;border:2px solid #FFFFFF;color:#fff;background-color:transparent;transition:all .3s ease;cursor:pointer;margin-top:20px;text-shadow:none}.cb-static-banner .btn:hover{background-color:#fff;color:#333;text-decoration:none}.cb-static-banner .btn-dark{background-color:#333;border-color:#333;color:#fff}.cb-static-banner .btn-dark:hover{background-color:#fff;color:#333;border-color:#fff}.cb-static-banner .btn-condensed{padding:12px 30px;font-size:12px}.cb-static-banner .banner-content{position:relative;z-index:2;margin:0 auto}.cb-static-banner .banner-text{text-align:center}.cb-static-banner .banner-title{margin-bottom:1rem}.cb-static-banner .banner-subtitle{margin-bottom:.5rem}.cb-static-banner .banner-description{margin-bottom:2rem}@media (max-width: 767.98px){.cb-static-banner{padding:5% 15px 8%}.cb-static-banner h1{font-size:40px}.cb-static-banner h2{font-size:32px}.cb-static-banner h3{font-size:28px}.cb-static-banner p{font-size:16px}.cb-static-banner .description{font-size:14px}.cb-static-banner .btn{padding:14px 40px;font-size:13px}}@media (max-width: 575.98px){.cb-static-banner{padding:8% 15px 31%;background:url(https://cdn.citybeauty.com/images/img/background/regimen-banner-m.jpg) 0px 88% no-repeat;background-size:cover}.cb-static-banner h1{font-size:40px;letter-spacing:1px}.cb-static-banner h2{font-size:24px;letter-spacing:1px}.cb-static-banner h3{font-size:22px;letter-spacing:1px}.cb-static-banner p{font-size:14px}.cb-static-banner .description{font-size:13px}.cb-static-banner .subtitle{font-size:12px;letter-spacing:2px}.cb-static-banner .btn{padding:12px 30px;font-size:12px;letter-spacing:1px}}@media (max-width: 480px){.cb-static-banner{padding:10% 15px 35%}.cb-static-banner h1{font-size:40px}.cb-static-banner h2{font-size:20px}.cb-static-banner h3{font-size:18px}.cb-static-banner .btn{padding:10px 25px;font-size:11px}}.cb-static-banner.lazy{opacity:0;transition:opacity .3s ease}.cb-static-banner.lazy.loaded{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cb-static-banner.animate{animation:fadeInUp .6s ease-out}.cb-static-banner.animate .banner-content{animation:fadeInUp .8s ease-out .2s both}.cb-static-banner.bg-regimen{background:url(https://cdn.citybeauty.com/images/img/background/regimen-banner-d.jpg) center no-repeat;background-size:100% 100%}.cb-static-banner.bg-regimen-mobile{background:url(https://cdn.citybeauty.com/images/img/background/regimen-banner-m.jpg) 0px 88% no-repeat;background-size:cover}.cb-static-banner.text-light h1,.cb-static-banner.text-light h2,.cb-static-banner.text-light h3,.cb-static-banner.text-light p,.cb-static-banner.text-light .subtitle,.cb-static-banner.text-light .description{color:#fff}.cb-static-banner.text-light .btn{border-color:#fff;color:#fff;background-color:transparent}.cb-static-banner.text-light .btn:hover{background-color:#fff;color:#333}.cb-static-banner.text-dark h1,.cb-static-banner.text-dark h2,.cb-static-banner.text-dark h3,.cb-static-banner.text-dark p,.cb-static-banner.text-dark .subtitle,.cb-static-banner.text-dark .description{color:#333;text-shadow:none}.cb-static-banner.text-dark .btn{border-color:#333;color:#333;background-color:transparent}.cb-static-banner.text-dark .btn:hover{background-color:#333;color:#fff}.cb-static-banner.bg-dark{background:#333}.cb-static-banner.bg-light{background:#f8f9fa;color:#333}.cb-static-banner.bg-light h1,.cb-static-banner.bg-light h2,.cb-static-banner.bg-light h3,.cb-static-banner.bg-light p,.cb-static-banner.bg-light .subtitle,.cb-static-banner.bg-light .description{color:#333;text-shadow:none}.cb-static-banner.bg-light .btn{border-color:#333;color:#333}.cb-static-banner.bg-light .btn:hover{background-color:#333;color:#fff}.cb-static-banner.bg-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.cb-static-banner.bg-gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.cb-static-banner.bg-gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.cb-static-banner .btn{position:relative;overflow:hidden}.cb-static-banner .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cb-static-banner .btn:hover:before{left:100%}.cb-static-banner .btn:focus{outline:2px solid #FFFFFF;outline-offset:2px}.cb-static-banner.bg-light .btn:focus{outline-color:#333}@media (prefers-contrast: high){.cb-static-banner{background:#000;color:#fff}.cb-static-banner h1,.cb-static-banner h2,.cb-static-banner h3,.cb-static-banner p,.cb-static-banner .subtitle,.cb-static-banner .description{color:#fff;text-shadow:none}.cb-static-banner .btn{border-color:#fff;color:#fff}}@media (prefers-reduced-motion: reduce){.cb-static-banner.lazy{transition:none}.cb-static-banner.animate,.cb-static-banner.animate .banner-content{animation:none}.cb-static-banner .btn{transition:none}.cb-static-banner .btn:before{display:none}}@media print{.cb-static-banner{background:#fff!important;color:#000!important;padding:20px}.cb-static-banner h1,.cb-static-banner h2,.cb-static-banner h3,.cb-static-banner p,.cb-static-banner .subtitle,.cb-static-banner .description{color:#000!important;text-shadow:none!important}.cb-static-banner .btn{border:1px solid #000000;color:#000;background:transparent}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cb-static-banner.css.map */