/* MODALS */
.modal-open { cursor: pointer; }
.modals { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 3147483645; display: none; }
.modal { display: none; outline: 0 !important; }
.modals .modal { z-index: 30; position: relative; pointer-events: auto; background: #ffffff; width: calc(100% - 60px); max-width: 1000px; margin: 0 auto; border-radius: 8px; overflow: hidden; }
.modals .modal-blocker { background: #000000; opacity: 0.8; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.modals .modal-outer { position: relative; display: flex; width: 100%; height: 100vh; align-items: center; }
.modals .modal-container { width: 100vw; overflow: auto; max-height: 100vh; position: relative; }
.modals .modal-inner { padding: 60px 0;  position: relative; }
.modals .modal-close { border: 0; cursor: pointer; padding: 10px; background: transparent; position: absolute; top: 5px; right: 5px; -webkit-transition: color 0.2s ease;-moz-transition: color 0.2s ease;transition: color 0.2s ease; }
.modals .modal-close:hover, .modals .modal-close:focus { color: rgb(109, 187, 122); }
.modals .modal-content { padding: 50px 30px; color: #000000; }
[data-modal-open] { cursor: pointer; }
.modals .modal-btn { margin-top: 32px; }
.modal-title { font-size: 28px; line-height: 1.2; color: #000000; text-transform: uppercase; font-weight: 700; margin-bottom: 24px; }
.modal-cols { display: flex; }
.modal-col-left { width: 40%; padding: 30px; background: #f3f3f3; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.modal-col-right { width: 60%; }
.modal-btns { display: flex; flex-wrap: wrap; margin: 32px -10px 0; }
.modal-btns > * { margin: 5px 10px;  }
.modal-logo svg { max-width: 100%; height: auto; margin-bottom: 8%; }
.btn-ourvita { font-size: 16px; line-height: 1.4; font-weight: 700; text-transform: uppercase; display: flex !important; padding: 9px 15px !important; border: 2px solid !important; border-radius: 6px; }
.btn-ourvita-1 { background: #F09620 !important; color: #ffffff !important; border-color: #F09620 !important; }
.btn-ourvita-2 { background: transparent !important; color: #000000 !important; border-color: #000000 !important; }

@media (max-width: 900px) {
    .modal-cols { display: block; text-align: center; }
    .modal-col-left { width: 100%; }
    .modal-col-right { width: 100%; }
    .modal-btns { justify-content: center; }
    .modal-logo svg { max-width: 200px; }
}

@media (max-width: 750px) {
    .modals .modal-content { padding: 40px 15px; }
    .modals .modal-inner { padding: 50px 0; }
    .modals .modal { width: calc(100% - 30px); }
}

@media (max-width: 550px) {
    .modals .modal-content { font-size: 16px; }
    .modal-title { font-size: 20px; }
    .modal-col-left { padding: 15px; }
}