section.clNewsletter-popup *{display:block}section.clNewsletter-popup{position:fixed;display:block;padding:65px 32px;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#00000082!important;opacity:0;pointer-events:none}section.clNewsletter-popup.active{opacity:1;pointer-events:all}section.clNewsletter-popup .poup_header{position:relative;display:flex;justify-content:end;align-items:center;padding:24px}section.clNewsletter-popup .poup_header button.closePopup{padding:0;border:1px solid black;width:24px;height:24px;min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center;border-radius:50px;background-color:transparent;font-size:15px;cursor:pointer;position:unset}section.clNewsletter-popup .body{width:100%;max-width:758px;margin:0 auto;background-color:#fff;border-radius:10px;height:min-content;min-height:445px;max-height:85vh;display:flex;flex-direction:column;position:relative;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}section.clNewsletter-popup .content{width:100%;padding:0 64px 64px;flex:1;overflow-y:auto}section.clNewsletter-popup .section-heading h2{font-size:30px;line-height:normal;margin:0;white-space:nowrap}section.clNewsletter-popup .section-heading p{margin:20px 0 0;line-height:1.5;font-size:18px;color:#000}section.clNewsletter-popup form#contact_form{margin-top:45px}section.clNewsletter-popup form#contact_form .email{position:relative;padding:20px 0 8px}section.clNewsletter-popup 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-popup form#contact_form .email label{line-height:normal;font-size:16px;position:absolute;bottom:20px;pointer-events:none;transition:all .3s ease}section.clNewsletter-popup form#contact_form .email.active label{scale:.7;transform-origin:left;transform:translateY(-40px)}section.clNewsletter-popup span.requiredMessage{line-height:normal;font-size:12px;margin-bottom:10px}section.clNewsletter-popup form#contact_form .email.active span.requiredMessage{transform:translateY(-150%)}section.clNewsletter-popup 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 #000;min-height:40px}section.clNewsletter-popup form#contact_form span.errorEmail,section.clNewsletter-popup form#contact_form span.errorCheckbox{font-size:12px;color:#ce0a2c;background-color:#000;padding:5px 8px;line-height:normal;margin-top:10px;display:none}section.clNewsletter-popup form#contact_form span.errorCheckbox{margin-top:25px}section.clNewsletter-popup form#contact_form span.errorEmail.active section.clNewsletter-popup form#contact_form span.errorCheckbox.active{display:block}section.clNewsletter-popup .newsletterContent{display:none;margin-top:45px}section.clNewsletter-popup .newsletterContent .gender{display:flex;align-items:center;gap:40px}section.clNewsletter-popup .newsletterContent .gender label{display:flex;align-items:center;line-height:normal;font-size:16px;gap:10px;cursor:pointer}section.clNewsletter-popup .newsletterContent .gender label .inputBox{position:relative}section.clNewsletter-popup .newsletterContent .gender label input[type=checkbox]{margin:0;width:18px;height:18px;-webkit-appearance:none;appearance:none;border:1px solid black;position:relative;border-radius:4px}section.clNewsletter-popup .newsletterContent .gender label .inputBox.active:before{content:"\2714";position:absolute;top:-3px;left:2px;z-index:999;font-size:22px;display:flex;width:100%;height:100%;justify-content:center;align-items:center;color:#ce0a2c}section.clNewsletter-popup .newsletterContent .detail{margin-top:25px}section.clNewsletter-popup .newsletterContent .detail p{font-size:12px;line-height:normal;margin:10px 0 0}section.clNewsletter-popup .newsletterContent .detail p *{display:inline}section.clNewsletter-popup .newsletterContent .detail p a{color:inherit}section.clNewsletter-popup .newsletterContent .detail p:first-child{margin:0}section.clNewsletter-popup form#contact_form .submit{margin-top:25px}section.clNewsletter-popup form#contact_form input[type=submit]{font-size:14px;color:#000;padding:16px 32px;line-height:normal;border-radius:50px;background-color:#707070;color:#fff;border:none;outline:none;box-shadow:none;text-transform:uppercase;font-weight:500;font-family:var(--font-body-family);cursor:pointer;width:100%;max-width:246px;pointer-events:none}section.clNewsletter-popup .imageBox{position:absolute;top:72px;right:20px;width:100%;max-width:77px;aspect-ratio:77/100}section.clNewsletter-popup .imageBox img{width:100%;height:100%;object-fit:contain}section.clNewsletter-popup form#contact_form input[type=submit].active{background:#ce0a2c;pointer-events:all}.thankYouContent *{color:green}@media screen and (max-width: 991px){section.clNewsletter-popup .content{max-width:unset}section.clNewsletter-popup .section-heading p{font-size:16px;margin-top:15px}section.clNewsletter-popup .newsletterContent .gender label{font-size:12px}}@media screen and (max-width: 767px){section.clNewsletter-popup{padding:32px 15px}section.clNewsletter-popup .imageBox{right:-24px}section.clNewsletter-popup .content{width:100%;padding:0 24px 48px}section.clNewsletter-popup form#contact_form input[type=submit]{max-width:unset}section.clNewsletter-popup .poup_header{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/cl-newsletter-popup.css.map */