.content-popup{position:fixed;right:0px;bottom:0px;z-index:10;width:100%;padding:10px;transition:all 0.5s ease}@media (min-width: 992px){.content-popup{width:600px}}.content-popup.off{right:-100%}@media (min-width: 992px){.content-popup.off{right:-600px}}.content-popup .popup{overflow:hidden;border-radius:10px;display:flex;background:#ffffff;position:relative;box-shadow:0px 0px 10px rgba(0,0,0,0.2);flex-direction:column}@media (min-width: 992px){.content-popup .popup{flex-direction:row}}.content-popup .popup .close{position:absolute;right:20px;top:20px;font-size:0;line-height:0;cursor:pointer}.content-popup .popup .close svg{height:24px;transform:rotate(45deg);fill:#999999;transition:all 0.3s ease}.content-popup .popup .close:hover svg{fill:#000000}.content-popup .popup .content-image{font-size:0;line-height:0;height:200px}@media (min-width: 992px){.content-popup .popup .content-image{height:auto}}.content-popup .popup .content-image img{object-fit:cover;width:100%;height:100%}.content-popup .popup .newsletter-form{padding:40px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.content-popup .popup .newsletter-form .content-title{padding-bottom:20px}.content-popup .popup .newsletter-form .content-title h2{font-size:24px;font-weight:bold}.content-popup .popup .newsletter-form .content-title p{font-size:16px}.content-popup .popup .newsletter-form .content-progress{height:3px;width:100%;border-radius:3px;overflow:hidden;margin-top:10px;background:#ffffff;position:relative}.content-popup .popup .newsletter-form .content-progress .progress{height:3px;width:0;position:absolute;left:0;transition:all 0.1s ease;top:0;background:#e7c298}.content-popup .popup .newsletter-form .success{display:none;font-size:15px;color:#000000}.content-popup .popup .newsletter-form .success.ok{display:block;padding-bottom:10px}.content-popup .popup .newsletter-form .content-field{position:relative;width:100%;border-radius:5px;overflow:hidden}.content-popup .popup .newsletter-form .content-field.hide{display:none}.content-popup .popup .newsletter-form .content-field input[type="email"]{line-height:50px;font-size:14px;padding:0 60px 0 20px;appearance:none;width:100%;font-family:var(--font-franklin);outline:none;background:#F9F9F4;border:none;min-width:260px}.content-popup .popup .newsletter-form .content-field button{position:absolute;top:0px;right:0px;height:50px;width:60px;background:none;border:none;appearance:none;cursor:pointer;transition:all 0.3s ease}.content-popup .popup .newsletter-form .content-field button .arrow{transition:all 0.3s ease;height:16px;fill:var(--color-blue);margin-top:6px}.content-popup .popup .newsletter-form .content-field button .content-loader{background:#000000;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;right:0;bottom:0;display:none}.content-popup .popup .newsletter-form .content-field button .content-loader .loader:before{height:8px;width:8px;border-radius:100%;background:#ffffff;content:"";display:inline-block}.content-popup .popup .newsletter-form .content-field button .content-loader .loader .mid{height:8px;width:8px;border-radius:100%;background:#ffffff;display:inline-block}.content-popup .popup .newsletter-form .content-field button .content-loader .loader:after{height:8px;width:8px;border-radius:100%;background:#ffffff;content:"";display:inline-block}.content-popup .popup .newsletter-form .content-field button.loading .content-loader{display:flex}.content-popup .popup .newsletter-form .content-field button.loading .content-loader .loader:before{animation:animLoader 1s ease 0.2s infinite}.content-popup .popup .newsletter-form .content-field button.loading .content-loader .loader .mid{animation:animLoader 1s ease 0.4s infinite}.content-popup .popup .newsletter-form .content-field button.loading .content-loader .loader:after{animation:animLoader 1s ease 0.6s infinite}.content-popup .popup .newsletter-form .content-field button:hover{background:var(--color-apple)}.content-popup .popup .newsletter-form .content-field button:hover .arrow{fill:#ffffff}