.newsletter-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 12;opacity: 0;visibility: hidden;-webkit-transition: .3s ease-in-out;-o-transition: ease-in-out .3s;transition: .3s ease-in-out }.newsletter-modal .overflow {width: 100%;height: 100%;overflow: auto }.newsletter-modal .close-icon .icon {display: flex;align-items: center;font-size: 14px;}.close-icon {position: absolute;top: -13px;right: -13px;z-index: 3;cursor: pointer;width: 25px;height: 25px;border-radius: 50%;background-color: #000;color: #fff;font-size: 1.8rem;text-align: center;font-weight: 700 }.newsletter-modal:not(.loaded).active {opacity: 1;visibility: visible }.newsletter-modal .shadow {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,.5);}.newsletter-modal .center {min-height: 100%;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 10px }.newsletter-modal .modal-box .box-text form {width: 100%;}.newsletter-modal .box-center {background: #fff;color: #000;position: relative;min-width: 100px;min-height: 100px;border-radius: 10px;-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,.32);box-shadow: 0 10px 10px 0 rgba(0,0,0,.32);z-index: 2;-webkit-transition: -webkit-transform .3s cubic-bezier(.54,-.65,.48,1.64);transition: -webkit-transform .3s cubic-bezier(.54,-.65,.48,1.64);-o-transition: transform cubic-bezier(.54,-.65,.48,1.64) .3s;transition: transform .3s cubic-bezier(.54,-.65,.48,1.64);transition: transform .3s cubic-bezier(.54,-.65,.48,1.64),-webkit-transform .3s cubic-bezier(.54,-.65,.48,1.64);-webkit-transform: scale(.6);-ms-transform: scale(.6);transform: scale(.6) }.newsletter-modal.active:not(.loaded) .box-center {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1) }.newsletter-modal .box-center img {display: block;max-width: 400px;max-height: 400px;margin: 0 auto;height: 100%;object-fit: cover;}.newsletter-modal .modal-box {display: flex;}.newsletter-modal .modal-box .box-text {display: flex;justify-content: center;padding: 2rem;flex-direction: column;max-width: 400px;}.newsletter-modal .text-content .title{text-align: center;padding: 1rem 1rem .5rem 1rem;font-size: 1.8rem;font-weight: 700;}.newsletter-modal .text-content p{text-align: center;font-size: .97rem;margin-bottom: 19px;}.newsletter-modal .modal-box input {-webkit-appearance: none;max-width: 290px;width: 100%;display: block;height: 40px;margin: auto auto 8px;padding: 0 10px 0 15px;background: #f2f2f2;border: 0;}.newsletter-modal .news-button {text-align: center;width: 290px;height: 40px;font-size: 16px;cursor: pointer;margin: 0 auto;border: 0 none;display: block;color: var(--color_header_bg);background-color: var(--color_header_cart_count);border-radius: var(--border_radius_buttons);}@media(max-width:767px){.newsletter-modal .modal-box {flex-direction: column;}.newsletter-modal .modal-box .box-image {overflow: hidden;max-height: 300px;}.newsletter-modal .close-icon {right: 0;top: 0;}.newsletter-modal .news-button {max-width: 100%;}}