.popup__layout {
    position           : fixed;
    left               : 0;
    top                : 0;
    width              : 100%;
    height             : 100%;
    background         : #000;
    z-index            : 1000;
    will-change        : top;
    opacity            : .75;
    visibility         : visible;
    -webkit-transition : opacity 300ms cubic-bezier(.2, 0, .2, 1), visibility 0ms 0ms;
    transition         : opacity 300ms cubic-bezier(.2, 0, .2, 1), visibility 0ms 0ms;
}

.popup__container {
    position            : fixed;
    left                : 0;
    top                 : 0;
    width               : 100%;
    height              : 100%;
    -webkit-perspective : 600px;
    perspective         : 600px;
    z-index             : 1001;
    text-align          : center;
    visibility          : visible;
    overflow-y          : scroll;
    padding             : 50px 0;
}

.popup__container:before {
    content        : '';
    display        : inline-block;
    height         : 100%;
    vertical-align : middle;
}

.popup__body {
    padding: 45px;
    font-size: 14px;
    line-height: 16px;
}

.popup__body.modal__trap {
    padding: 15px 10px;
}
.popup__body.small-size {
    padding: 0;
}
.popup__modal .popup__close {
    position: absolute;
    font-size: 1.2rem;
    cursor: pointer;
    color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    background: #FF7A00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' d='M7 5.585 2.05.636.638 2.05 5.586 7l-4.95 4.95 1.414 1.414L7 8.414l4.95 4.95 1.415-1.414L8.415 7l4.948-4.95L11.95.636 7 5.586Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 13px;
    width: 45px;
    height: 45px;
}
/*
.popup__close svg {
    width  : 20px;
    height : 20px;
}*/

.popup__heading {
    border: 0;
    margin: 0;
    padding: 0;
}

.modal-time-it-copy,
.modal-time-ok {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 15px;

    color: #00CE8E;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.modal-time-ok:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ5MDBfMTI5OTkzKSI+CjxwYXRoIGQ9Ik0yNC41IDEyQzI0LjUgMTguNjI3NSAxOS4xMjc1IDI0IDEyLjUgMjRDNS44NzI1IDI0IDAuNSAxOC42Mjc1IDAuNSAxMkMwLjUgNS4zNzI1IDUuODcyNSAwIDEyLjUgMEMxOS4xMjc1IDAgMjQuNSA1LjM3MjUgMjQuNSAxMloiIGZpbGw9IiM2MERBQTgiLz4KPHBhdGggZD0iTTExLjYzNDYgMjAuMTA5QzEyLjYyNDkgMTkuMTcwNiAxMy4wNjQgMTcuODc0MiAxMy4wNjQgMTcuODc0MkwxMS40NjggMTYuNTE5MkMxMS40NjggMTYuNTE5MiA5LjUwNjk2IDEyLjc1MTggOS41MTkwNCAxMi43NjE0QzUuMTQwNjIgNy42Njk3NCA4LjQ0NjA0IDAuNzY2NDc5IDguNDgzNCAwLjY4ODY2QzMuODMxNzkgMi4zNDEgMC41IDYuNzgxNjggMC41IDEyQzAuNSAxOC4xNzYzIDUuMTY3MTggMjMuMjYzIDExLjE2NjYgMjMuOTI2OEMxMC4zODQ5IDIyLjc0MjggMTAuNTYzMSAyMS4xMjQ3IDExLjYzNDYgMjAuMTA5WiIgZmlsbD0iIzAwQ0U4RSIvPgo8cGF0aCBkPSJNMTEuNzY2NSAxOC40NTAzQzExLjM5MjYgMTguNDUwMyAxMS4wMTY3IDE4LjMzMDcgMTAuNjk5OSAxOC4wODYyTDUuMDQzMDMgMTMuNzIyN0M0LjI3ODc1IDEzLjEzMzIgNC4xMzcwMyAxMi4wMzU3IDQuNzI2NjMgMTEuMjcxNEM1LjMxNjA0IDEwLjUwNzMgNi40MTM1OCAxMC4zNjU2IDcuMTc3ODYgMTAuOTU1TDExLjU1NDQgMTQuMzMxM0wxNy41OTI5IDcuNjQ4MzJDMTguMjQgNi45MzIyIDE5LjM0NSA2Ljg3NjE3IDIwLjA2MTMgNy41MjM0NEMyMC43Nzc1IDguMTcwMzUgMjAuODMzNSA5LjI3NTU4IDIwLjE4NjIgOS45OTE3TDEzLjA2NCAxNy44NzQyQzEyLjcyMDUgMTguMjU0MyAxMi4yNDUxIDE4LjQ1MDMgMTEuNzY2NSAxOC40NTAzWiIgZmlsbD0iI0ZGRkNEQyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ5MDBfMTI5OTkzIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==);
    width: 24px;
    height: 24px;
}

.modal-time-it-copy {
    margin: -10px 0 10px;
}

.modal-time-head {
    display: flex;
    align-items: center;
    padding: 10px 45px 10px 15px;
    gap: 10px;
    height: 90px;
    text-align: left;
    border-bottom: solid #E5E5EA 1px;
}

.modal-time-head-link {
    display: flex;
    width: 86px;
    height: 60px;
    flex-shrink: 0;
}

.modal-time-head-img {
    width: 100%;
    height: auto;
    border-radius: 3px;
    object-fit: cover;
    background-color: #003c6a;
}

.modal-time-head-text {
    font-size: 16px;
    color: #000;
}

.modal-time-bttn {
    display: flex;
    align-items: center;
    height: 55px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 24px;
    color: #FF7A00;
    justify-content: center;
    margin: 10px 0 20px;
    background: #FF7A00;
}
.modal-time-bttn-promo {
    flex-grow: 1;
    pointer-events: none;
    background: #fff;
    height: calc(100% - 6px);
    display: flex;
    justify-content: center;
    margin: 3px;
    align-items: center;
}

.modal-time-bttn-text {
    border-radius: 3px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 60px;
    flex-basis: 40%;
    pointer-events: none;
    position: relative;
    color: #fff;
}

.modal-time-bttn:hover {
    opacity: .9;
}

.modal-time-bttn-text:before {
    background: url(/wp-content/themes/kws-theme/assets/images/finger.svg) no-repeat;
    background-size: contain;
    top: 33px;
    content: '';
    height: 40px;
    position: absolute;
    right: 30px;
    width: 40px;
    z-index: 3;
}

.popup__content {
    padding: 0 20px 20px;
}

.casino-modal .popup__content {
    padding: 20px 0 0;
}

.modal-time-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 10px 0 10px -20px;
    font-size: 11px;
    background: #EBF4FF;
    width: calc(100% + 40px);
    padding: 20px;
    line-height: 1.3;
}

.promo__text {
    max-width    : 400px;
    margin-left  : auto;
    margin-right : auto;
}

.promo__image {
    max-width  : 600px;
    margin-top : 30px;
    width      : 100%;
}

@media (max-width : 768px) {
    .popup__container {
        padding : 20px;
    }

    .popup__body {
        min-width : auto;
    }

    .promo__image {
        max-width  : 100%;
        margin-top : 10px;
    }

    .modal-time-bttn-text {
        font-size: 0;
        max-width: 60px;
        text-indent: -9999px;
    }

    .modal-time-bttn-text:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9641 0H5.65948C5.07852 0 4.62366 0.454668 4.62366 1.03582V18.3405C4.62366 18.9214 5.07833 19.3763 5.65948 19.3763H22.9641C23.5451 19.3763 23.9999 18.9216 23.9999 18.3405V1.03582C23.9999 0.454647 23.5453 0 22.9641 0ZM21.9283 17.3046H6.69499V2.07133H21.9283V17.3046Z' fill='%23ffffff'/%3E%3Cpath d='M18.3409 21.9279H2.07165V5.65922C2.07165 5.07825 1.61698 4.62339 1.03582 4.62339C0.45486 4.62339 0 5.07806 0 5.65922V22.9639C0 23.5448 0.454668 23.9997 1.03582 23.9997H18.3405C18.9214 23.9997 19.3763 23.545 19.3763 22.9639C19.3763 22.3829 18.9216 21.928 18.3407 21.928L18.3409 21.9279Z' fill='%23ffffff'/%3E%3Cpath d='M10.2822 10.7365H13.2632V13.7426C13.2632 14.3236 13.7179 14.7784 14.299 14.7784C14.88 14.7784 15.3348 14.3238 15.3348 13.7426V10.7365H18.341C18.922 10.7365 19.3768 10.2818 19.3768 9.70063C19.3768 9.11966 18.9222 8.6648 18.341 8.6648H15.3348V5.65863C15.3348 5.07766 14.8802 4.6228 14.299 4.6228C13.7178 4.6228 13.2632 5.07747 13.2632 5.65863V8.6648H10.2822C9.70123 8.6648 9.24637 9.11947 9.24637 9.70063C9.22116 10.2564 9.70125 10.7365 10.2822 10.7365Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
        width: 24px;
        height: 24px;
        position: static;
    }
}

.popup__small-modal {
    background     : linear-gradient(93.78deg, #2476D6 1.32%, #C41CEE 99.19%);
    margin         : 20px -45px -45px -45px;
    position       : relative;
    display        : flex;
    flex-direction : column;
    padding        : 20px;
    color          : #fff;
}

.popup__small-modal .small-modal__heading {
    font-weight : bold;
    font-size   : 18px;
    line-height : 21px;
    margin      : 0 0 10px;
}

.popup__small-modal .small-modal__content {
    font-size   : 16px;
    line-height : 19px;
    text-align  : center;
    margin      : 0 0 10px;
}

.small-modal__form {
    display        : flex;
    flex-direction : row;

}

.small-modal__form .newsletter__subscription-fields {
    display        : flex;
    flex-direction : row;
    width          : 100%;
    background     : #FFF;
    border-radius  : 4px;
}

.small-modal__form .newsletter__subscription-email {
    flex-grow     : 1;
    padding       : 0 10px;
    border        : 0;
    border-radius : 4px 0 0 4px;
}

.small-modal__form .btn-orange {
    border-radius : 0 4px 4px 0;
}

.small-modal__form .newsletter__subscription-msg.ok {
    background : transparent;
    color      : #f8f8f8;
    text-align : center;
    width      : 100%;
}

@media (max-width : 768px) {
    .small-modal__form .newsletter__subscription-fields {
        flex-direction : column;
        background     : transparent;
        align-items    : center;
    }

    .small-modal__form .newsletter__subscription-email {
        height        : 36px;
        border-radius : 4px;
        width         : 243px;
    }

    .small-modal__form .btn-orange {
        border-radius : 4px;
        margin-top    : 5px;
        width         : 243px;
    }
}


.small-size{
    max-width: 350px;
}

.zoom__image{
    position: relative;
}

.btn__zoom {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    padding: 5px;
    background: rgb(255 122 0 / 80%);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    cursor: pointer;
    transition: all ease-out .3s;
}

.btn__zoom:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNMTYuMzg5OSAxNC42NTI0TDEyLjU5NjMgMTAuODU4OUMxMi41MjQ0IDEwLjc4NyAxMi40MzA3IDEwLjc0OTUgMTIuMzMwNyAxMC43NDk1SDExLjkxODJDMTIuOTAyNSA5LjYwODg5IDEzLjQ5OTQgOC4xMjQ2MiAxMy40OTk0IDYuNDk5NjlDMTMuNDk5NCAyLjkwOTI0IDEwLjU5MDEgMCA2Ljk5OTY5IDBDMy40MDkyNCAwIDAuNSAyLjkwOTI0IDAuNSA2LjQ5OTY5QzAuNSAxMC4wOTAxIDMuNDA5MjQgMTIuOTk5NCA2Ljk5OTY5IDEyLjk5OTRDOC42MjQ2MiAxMi45OTk0IDEwLjEwODkgMTIuNDAyNSAxMS4yNDk1IDExLjQxODJWMTEuODMwN0MxMS4yNDk1IDExLjkzMDcgMTEuMjkwMSAxMi4wMjQ0IDExLjM1ODkgMTIuMDk2M0wxNS4xNTI0IDE1Ljg4OTlDMTUuMjk5MyAxNi4wMzY3IDE1LjUzNjggMTYuMDM2NyAxNS42ODM2IDE1Ljg4OTlMMTYuMzg5OSAxNS4xODM2QzE2LjUzNjcgMTUuMDM2OCAxNi41MzY3IDE0Ljc5OTMgMTYuMzg5OSAxNC42NTI0Wk02Ljk5OTY5IDExLjQ5OTRDNC4yMzczMiAxMS40OTk0IDEuOTk5OTMgOS4yNjIwNCAxLjk5OTkzIDYuNDk5NjlDMS45OTk5MyAzLjczNzMyIDQuMjM3MzIgMS40OTk5MyA2Ljk5OTY5IDEuNDk5OTNDOS43NjIwNCAxLjQ5OTkzIDExLjk5OTQgMy43MzczMiAxMS45OTk0IDYuNDk5NjlDMTEuOTk5NCA5LjI2MjA0IDkuNzYyMDQgMTEuNDk5NCA2Ljk5OTY5IDExLjQ5OTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNSA3VjEwSDcuNVY3SDEwLjVWNkg3LjVWM0g2LjVWNkgzLjVWN0g2LjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==) 50% 50% no-repeat;
}

.btn__zoom:after {
    content: "Увеличить видео";
    font-size: 16px;
    border-bottom: 1px dashed #FFF;
}

.popup__body:not(.small-size) .btn__zoom:after {
    content: "Уменьшить видео";
}

@media (max-width: 500px){
    .btn__zoom {
        display: none;
    }
    .small-size {
        max-width: 600px;
    }
}


.popup__body.popup__promo{
    background: #fff;
}

.popup__body.popup__promo .popup__content{
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}