.modal button.close {
    background: none !important;
}
#goldenEggPopup {
    z-index: 999999;
}
.modal-content {
    padding: 50px 32px;
    border-radius: 15px;
}

.modal button.close {
    background: none !important;
    position: absolute;
    right: 19px;
    top: 10px;
    cursor: pointer;
    z-index: 6;
}

#using-CGV-money .modal-dialog {
    max-width: 640px;
}

#wrongUsernamePassword .modal-dialog {
    max-width: 640px;
}

#passwordResetDone .modal-dialog {
    max-width: 640px;
}

#membersWinHere .modal-dialog {
    max-width: 640px;
}

#membersWinHereV2 .modal-dialog {
    max-width: 640px;
}

#YouBeenVIP .modal-dialog {
    max-width: 640px;
}

#sessionTimeCorrectly .modal-dialog {
    max-width: 640px;
}

.modal .modal-dialog {
    max-width: 640px;
    padding: 14px;
}

#membersWinHere .in-box {
    padding: 5px 40px;
    padding-bottom: 40px;
}

.modal .in-box-15 {
    padding: 5px 40px;
    padding-bottom: 40px;
}

#membersWinHereV2 .icon-center-cgv,
#YouBeenVIP .icon-center-cgv,
#membersWinHere .icon-center-cgv {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.radius15 {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#membersWinHere .couponCode {
    cursor: pointer;
    position: relative;
    border: 1px solid #dee2e8;
    width: 100%;
    max-width: 456px;
    margin: auto;
    margin-bottom: 24px;
    border-radius: 8px;
    display: flex;
    padding: 8px 13px;
    justify-content: space-between;
    align-items: center;
}

    #membersWinHere .couponCode.copyCode {
        border: 1px solid #00bb61;
    }

        #membersWinHere .couponCode.copyCode::after {
            position: absolute;
            right: 40px;
            top: 50%;
            transform: translate(-3px, -45%);
            background: url(../../modal/img/check2.svg) no-repeat;
            width: 20px;
            height: 20px;
            content: "";
            background-size: 100%;
        }

#next-using-membersWinHere {
    width: max-content !important;
    padding: 0 20px;
    margin: auto;
}

.background-none {
    background: transparent !important;
}

.border-radius-15 {
    border-radius: 15px;
}

.icon-center-cgv {
    display: flex;
    margin: auto;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.modal-content h3 {
    font-family: ProximaNovaSemiBold;
    text-align: center;
    margin-top: 24px;
}

.modal-content p.text {
    font-size: 16px;
    color: var(--gray-default, #3d4245);
    text-align: center;
    margin-bottom: 30px;
}

#allow-popup.modal button.close {
    background: none !important;
    position: absolute;
    right: 4px !important;
    top: -70px;
    cursor: pointer;
    z-index: 6;
    width: 38px;
    margin-top: 0;
}

#allow-popup button {
    width: max-content;
    padding: 0 50px;
    height: 48px;
    background: #fff;
    border-radius: 25px;
    margin: auto;
    margin-top: 20px;
    font-family: ProximaNovaSemiBold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal {
    overflow: hidden;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btns-area .close {
    position: static !important;
    height: 48px;
    border-radius: 99px;
    text-align: center;
    border: 1px solid #cfd4dd;
    width: 50% !important;
    margin: 0 8px 0 0;
    font-family: ProximaNovaRegularBold;
}

.btns-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .btns-area .login-btn,
    .btns-area .next {
        background: #98a726;
        margin: 0 0px 0 8px;
        width: 50%;
        text-align: center;
        border-radius: 99px;
        color: #fff;
        font-size: 16px;
        height: 48px;
        font-family: ProximaNovaRegularBold;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .btns-area .signup-btn {
        background: none;
        margin: 0 8px 0 0px;
        width: 50%;
        text-align: center;
        border-radius: 99px;
        color: #3d4245;
        font-size: 16px;
        height: 48px;
        font-family: ProximaNovaRegularBold;
        align-items: center;
        display: flex;
        justify-content: center;
        border: 1px solid #cfd4dd;
    }

.bottom-link-click {
    text-align: center;
    width: 100%;
    display: flex;
    margin: 26px auto;
    color: #3d4245 !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-family: ProximaNovaRegularBold;
}

.preview-popup .modal-dialog {
    max-width: 834px;
}

.preview-popup .modal-content {
    padding: 34px;
}

.YouBeenVIPBtn {
    position: relative;
}

    .YouBeenVIPBtn img {
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translate(0, -50%);
    }

.preview-items {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.preview-popup.modal button.close {
    background: none !important;
    position: absolute;
    right: 0;
    top: -56px;
    cursor: pointer;
    z-index: 6;
}

.left-popup-colm-area {
    padding-right: 32px;
    width: 50%;
}

.right-poster-img {
    padding-right: 0;
    width: 50%;
}

.left-popup-colm-area h4 {
    font-size: 36px;
    letter-spacing: -0.72px;
    font-family: ProximaNovaRegularBold;
    color: #98a726;
}

.left-popup-colm-area .text-v2 {
    font-size: 18px;
    font-family: ProximaNovaSemiBold;
    color: #404040;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.film-infos-popup .title-sub {
    font-size: 24px;
    font-family: ProximaNovaSemiBold;
}

.film-infos-popup .smaller-text {
    font-size: 16px;
    margin-bottom: 8px;
}

.film-infos-popup .type-time {
    color: #1e1e1e;
    font-size: 16px;
}

.preview-items .teknoloji-icons {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

    .preview-items .teknoloji-icons .item-icon {
        border-radius: 999px;
        background: #e6e6e6;
        padding: 0 7px;
        margin-right: 8px;
        width: 77px;
        margin-bottom: 8px;
    }

        .preview-items .teknoloji-icons .item-icon img {
            width: 100%;
        }

.left-popup-colm-area .btns-bottom-area {
    display: flex;
    justify-content: space-between;
    margin-top: 67px;
}

.left-popup-colm-area .view-btn {
    background: none;
    transition: 0.4s ease-in-out 0s;
    width: 50%;
    text-align: center;
    border-radius: 99px;
    color: #3d4245;
    font-size: 16px;
    height: 48px;
    font-family: ProximaNovaRegularBold;
    align-items: center;
    display: flex;
    justify-content: center;
    border: 1px solid #cfd4dd;
    margin-left: 8px;
    margin-right: 0;
}

.left-popup-colm-area .preview-btn {
    background: #98a726;
    margin: 0 0px 0 8px;
    width: 50%;
    text-align: center;
    border-radius: 99px;
    color: #fff;
    font-size: 16px;
    height: 48px;
    font-family: ProximaNovaRegularBold;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 8px;
    margin-left: 0;
}

.left-popup-colm-area .view-btn:hover {
    background: #98a726;
    color: #fff;
}

.on-satis {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #98a726;
    font-size: 14px;
    font-family: ProximaNovaRegularBold;
    color: #fff;
    height: 25px;
    font-size: 12px;
    width: max-content;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.member-popup .modal-dialog {
    max-width: 825px;
    position: absolute;
    right: 5%;
    top: -7%;
    left: auto;
    width: 100%;
}

.member-popup .left-logo-area {
    width: 44%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-popup .right-popup-content-area {
    width: 50%;
}

    .member-popup .right-popup-content-area .row-item {
        margin-bottom: 20px;
    }

        .member-popup .right-popup-content-area .row-item img {
            margin-right: 10px;
        }

        .member-popup .right-popup-content-area .row-item .text {
            font-family: ProximaNovaRegularBold;
            font-size: 20px;
        }

        .member-popup .right-popup-content-area .row-item:last-child {
            margin-bottom: 0;
        }

.member-popup .modal-body {
    display: flex;
    justify-content: space-between;
}

.cgv-para {
    position: absolute;
    right: -12%;
    top: -187px;
}

.member-popup.modal button.close {
    background: none !important;
    position: absolute;
    left: 4px;
    top: -76px;
    cursor: pointer;
    z-index: 6;
    right: auto;
}

.modal-video .modal-content {
    background: none;
    width: 100%;
}

.modal-video .modal-dialog {
    max-width: 1110px;
    position: relative;
    z-index: 2;
}

    .modal-video .modal-dialog video {
        width: 100%;
    }

#modalVideo::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #000;
    content: "";
    filter: blur(30px);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.modal-video .modal-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 0;
    align-items: flex-start;
    color: #fff;
    line-height: 1;
    padding-bottom: 0;
}

#videoTitle {
    margin-bottom: 0;
    font-size: 30px;
}

#videoSubtitle {
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 5px;
}

.modal-video.modal button.close {
    right: 70px;
    top: 90px;
}

#videoPlayer {
    aspect-ratio: 16 / 9;
}

@media only screen and (min-width: 320px) {
    .modal-content h3 {
        font-size: 24px;
    }

    #videoTitle,
    .left-popup-colm-area h4 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .modal-content h3 {
        font-size: 18px;
    }

    #videoTitle,
    .left-popup-colm-area h4 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) {
    .modal-content h3 {
        font-size: 18px;
    }

    #videoTitle,
    .left-popup-colm-area h4 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1440px) {
    .modal-content h3 {
        font-size: 18px;
    }

    #videoTitle,
    .left-popup-colm-area h4 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1920px) {
    .modal-content h3 {
        font-size: 30px;
    }

    #videoTitle,
    .left-popup-colm-area h4 {
        font-size: 30px;
    }
}

#allow-popup.modal .modal-dialog {
    max-width: 840px;
}

@media only screen and (max-width: 920px) {
    .cgv-para {
        position: absolute;
        right: 0;
        top: -80px;
        width: 80%;
    }

    #videoSubtitle {
        font-size: 14px;
    }

    .member-popup .modal-dialog {
        left: 0;
        right: 0;
        top: 0;
        padding-right: 21px !important;
    }

    .member-popup .modal-body {
        flex-direction: column;
    }

    .member-popup .left-logo-area {
        width: 100%;
    }

    .member-popup .right-popup-content-area {
        padding: 30px;
        width: 100%;
    }

        .member-popup .right-popup-content-area .row-item .text {
            font-size: 14px;
        }

    .modal-video.modal button.close {
        right: 20px;
        top: 40px;
    }
}

@media only screen and (max-width: 640px) {
    .modal {
        padding-right: 0 !important;
    }

    .modal-content {
        padding: 40px 4px;
        border-radius: 15px;
        /* overflow: hidden; */
        padding-bottom: 0;
    }

        .code-left,
        .btns-area .login-btn,
        .btns-area .next,
        .modal button.close,
        .modal-content p.text {
            font-size: 16px;
        }

    .modal .in-box-15 {
        padding: 5px 16px;
        padding-bottom: 30px;
    }

    #next-using-membersWinHere {
        width: max-content !important;
        padding: 0 30px;
        margin: auto;
    }

    .modal button.close {
        width: 35px;
        right: 12px;
        top: 12px;
    }

        .modal button.close img {
            width: 100%;
        }

    #allow-popup button {
        padding: 0 30px;
        height: 38px;
    }

    .preview-popup .modal-content {
        padding: 12px;
    }

    .left-popup-colm-area {
        padding-right: 0;
        width: 100%;
    }

    .right-poster-img {
        padding-right: 0;
        width: 40%;
        margin: auto;
        margin-bottom: 15px;
    }

    .left-popup-colm-area .text-v2 {
        font-size: 14px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .film-infos-popup .type-time,
    .film-infos-popup .smaller-text {
        font-size: 14px;
    }

    .preview-items {
        flex-direction: column-reverse;
    }

    .film-infos-popup .title-sub {
        font-size: 18px;
    }

    .left-popup-colm-area .btns-bottom-area {
        margin-top: 20px;
        margin-bottom: 11px;
    }

    .left-popup-colm-area .view-btn,
    .left-popup-colm-area .preview-btn {
        font-size: 14px;
        height: 38px;
    }

    #modalVideo .modal-body {
        padding: 0;
    }

    .modal-video .modal-header {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border: 0;
        align-items: flex-start;
        color: #fff;
        line-height: 1;
        padding-bottom: 0;
        padding: 0;
        padding-bottom: 12px;
    }

        .btns-area button {
            width: 100% !important;
            margin-bottom: 12px !important;
            margin-left: 0 !important;
        }

            .btns-area button:last-child {
                margin-bottom: 0;
            }

        .btns-area .close {
            width: 100% !important;
            margin-right: 0 !important;
        }

    #CGVCinemaClubLogin .btns-area,
    #membersWinHereV2 .btns-area {
        flex-direction: row !important;
    }

    #youVip .icon-center-cgv {
        border-radius: 15px;
    }

    .modal-content {
        border: 0;
    }

    .on-satis {
        left: 5px;
        top: 7px;
        font-size: 14px;
        height: 22px;
        font-size: 10px;
        padding: 0 10px;
    }

    .preview-popup.modal button.close {
        top: -44px;
    }
}

.modal-content {
    width: auto;
    min-width: 300px;
}



/*puan popup*/
#puan-popup-result.modal .modal-dialog, #puan-popup.modal .modal-dialog {
    max-width: 522px;
}

#puan-popup-result.modal .modal-body #puan-popup.modal .modal-body {
    padding-top: 10px;
}

#puan-popup-result.modal .modal-content, #puan-popup.modal .modal-content {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 0;
}

#puan-popup-result .btns-area .next, #puan-popup .btns-area .next {
    width: 134px !important;
    margin: auto !important;
    display: flex;
    margin-bottom: 12px !important;
}

#puan-popup-result.modal h3, #puan-popup.modal .modal-content h3 {
    text-align: left;
}

#puan-popup-result.modal .modal-content p.text, #puan-popup.modal .modal-content p.text {
    text-align: left;
    margin-bottom: 0;
}

#puan-popup.modal textarea {
    border: 1px solid #E7E7E7;
    padding: 15px;
    width: 100%;
    outline: none;
    border-radius: 8px;
    outline: none;
    resize: none;
    margin-bottom: 16px;
    margin-top: 16px;
}

#puan-popup-result.modal .text-bottom {
    text-align: center;
    width: 100%;
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 1;
}

#puan-popup-result.modal .img {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 35px 0 25px 0;
}

#puan-popup.modal .modal-content h3, #puan-popup-result.modal .modal-content h3 {
    margin-top: 24px;
}

div.stars {
    display: inline-block;
    height: 60px;
    margin-top: -11px;
    margin-left: -7px;
    margin-bottom: 13px;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding: 10px 7px;
    font-size: 36px;
    color: #B99410;
    transition: all .2s;
    opacity: 1;
    cursor: pointer;
}

input.star:checked ~ label.star:before {
    content: '';
    background: url(../img/star-active.svg) no-repeat;
    background-size: 100%;
    color: #B99410;
    transition: all .25s;
    opacity: 1;
    display: inline-block;
    width: 22px;
    height: 22px;
}

input.star-5:checked ~ label.star:before {
    color: #B99410;
    text-shadow: 0 0 0px #000000;
}

input.star-1:checked ~ label.star:before {
    background: url(../img/star-active.svg) no-repeat;
    background-size: 100%;
}

label.star:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
}

label.review {
    display: block;
    transition: opacity .25s;
}

input.star:checked ~ .rev-box {
    height: 125px;
    overflow: visible;
}

.star-container {
    display: flex;
    width: 350px;
    flex-direction: row-reverse;
}

.star:before { /* font-size: 60px; */
    content: '';
    position: relative;
    display: block;
    color: #000000;
    opacity: 1 !important;
    background: url(../img/star-passive.svg) no-repeat;
    background-size: 100%;
}

.star:after {
    position: absolute;
    top: 7px;
    content: '';
    font-size: 0;
    color: gold;
    opacity: 0;
    opacity: 1 !important;
}

.star:hover:after,
.star:hover ~ .star:after,
.star.star__checked:after,
.star.star__checked ~ .star:after {
    opacity: 1;
}

#puan-popup .modal-content, #puan-popup-result .modal-content {
    padding: 24px;
}

    #puan-popup .modal-content .modal-body, #puan-popup-result .modal-content .modal-body {
        padding: 0;
    }

@media only screen and (max-width: 768px) {
    #puan-popup-result.modal .text-bottom {
        font-size: 15px;
    }

    #puan-popup.modal .modal-content h3, #puan-popup-result.modal .modal-content h3 {
        margin-top: 18px;
        font-size: 20px !important;
    }

    label.star {
        float: right;
        padding: 10px 3px;
        font-size: 36px;
    }

    div.stars {
        margin-left: -3px;
    }

    #puan-popup .modal-content, #puan-popup-result .modal-content {
        padding: 18px;
    }
}

@media only screen and (max-width: 350px) {
    label.star {
        float: right;
        padding: 10px 3px;
        font-size: 0;
    }

    div.stars {
        display: inline-block;
        height: auto;
        margin-top: -1px;
        margin-left: -9px;
        margin-bottom: 0;
    }
}


@media only screen and (max-width: 1280px) {
    #membersWinHereV2 .modal-dialog, #CGVCinemaClubLogin.modal .modal-dialog {
        max-width: 500px;
    }

    .modal-video .modal-content {
        padding-top: 0;
    }

    .modal-video .modal-dialog {
        max-width: 800px;
    }

    .modal-video.modal button.close {
        right: 70px;
        top: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .modal-video.modal button.close {
        width: 24px;
        top: 26px;
        right: 0
    }
    h2#videoTitle, #videoSubtitle {
        position: relative;
        top: 12px;
    }
}

#nxmPopupNew .modal-content .close img {
    width: 30px;
    height: 30px;
}