section.clNewsletter *{display:block;color:#fff}section.clNewsletter{display:block;background-color:#ce0a2c!important;border-bottom:1px solid #ffffff4f;padding:65px 32px;position:relative;overflow:hidden}section.clNewsletter{display:block;background-color:#ce0a2c!important;padding:65px 32px}section.clNewsletter .content{width:100%;max-width:630px;margin:0 auto}section.clNewsletter .section-heading h2{font-size:30px;line-height:normal;margin:0;text-transform:uppercase;white-space:nowrap}section.clNewsletter .section-heading p{margin:20px 0 0;line-height:1.5;font-size:18px}section.clNewsletter form#contact_form{margin-top:45px}section.clNewsletter form#contact_form .email{position:relative;padding:20px 0 8px}section.clNewsletter form#contact_form .email.active:before{content:"";position:absolute;top:0;left:-8px;width:calc(100% + 16px);height:100%;border:1px solid #fff;pointer-events:none}section.clNewsletter form#contact_form .email label{line-height:normal;font-size:16px;position:absolute;bottom:20px;pointer-events:none;transition:all .3s ease}section.clNewsletter form#contact_form .email.active label{scale:.7;transform-origin:left;transform:translateY(-40px)}section.clNewsletter form#contact_form .email span.requiredMessage{position:absolute;right:0;line-height:normal;top:0;transform:translateY(5px);font-size:14px;transition:all .3s ease}section.clNewsletter form#contact_form .email.active span.requiredMessage{transform:translateY(-150%)}section.clNewsletter form#contact_form .email input#email{width:100%;padding:0;line-height:normal;font-size:16px;background-color:transparent;box-shadow:none;outline:none;border:none;border-bottom:1px solid #fff;min-height:40px}section.clNewsletter form#contact_form span.errorEmail,section.clNewsletter form#contact_form span.errorCheckbox{font-size:12px;color:#ce0a2c;background-color:#fff;padding:5px 8px;line-height:normal;margin-top:10px;display:none}section.clNewsletter form#contact_form span.errorCheckbox{margin-top:25px}section.clNewsletter form#contact_form span.errorEmail.active section.clNewsletter form#contact_form span.errorCheckbox.active{display:block}section.clNewsletter .newsletterContent{display:none;margin-top:45px}section.clNewsletter .newsletterContent .gender{display:flex;align-items:center;gap:40px}section.clNewsletter .newsletterContent .gender label{display:flex;align-items:center;line-height:normal;font-size:16px;gap:10px;cursor:pointer}section.clNewsletter .newsletterContent .gender label .inputBox{position:relative}section.clNewsletter .newsletterContent .gender label input[type=checkbox]{margin:0;width:18px;height:18px;-webkit-appearance:none;appearance:none;border:1px solid white;position:relative}section.clNewsletter .newsletterContent .gender label .inputBox.active:before{content:"";position:absolute;top:0;left:-1px;width:20px;height:20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="white"><path d="M389-267 195-460l51-52 143 143 325-324 51 51-376 375Z"/></svg>') no-repeat center;background-size:contain;z-index:999}section.clNewsletter .newsletterContent .detail{margin-top:25px}section.clNewsletter .newsletterContent .detail p{font-size:12px;line-height:normal;margin:10px 0 0}section.clNewsletter .newsletterContent .detail p:first-child{margin:0}section.clNewsletter form#contact_form .submit{margin-top:25px}section.clNewsletter form#contact_form input[type=submit]{font-size:14px;color:#000;padding:16px 32px;line-height:normal;border-radius:50px;background-color:#fff;border:none;outline:none;box-shadow:none;text-transform:uppercase;font-weight:500;font-family:var(--font-body-family);cursor:pointer}section.clNewsletter .imageBox{display:none;position:absolute;top:-43px;right:-85px;width:248px;height:226px;aspect-ratio:1/1}section.clNewsletter .imageBox img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 991px){section.clNewsletter .content{max-width:unset}section.clNewsletter .section-heading p{font-size:16px;margin-top:15px}section.clNewsletter .newsletterContent .gender label{font-size:12px}section.clNewsletter form#contact_form input[type=submit]{width:100%}}@media screen and (max-width: 767px){section.clNewsletter{padding:32px 15px}section.clNewsletter .imageBox{top:-62px;right:-112px;width:220px;height:300px}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/cl-newsletter.css.map */