body {
    background: linear-gradient(180deg, #121212 15%, #383838 34.44%, #121212 56%);
    font-synthesis: none !important;
}

header {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1050;
}

    header .dropdown-toggle::after {
        display: none;
    }

header {
    background: linear-gradient( 180deg, #121212 30%, rgba(18, 18, 18, 0.0001) 100% );
    height: 127px;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #98a726 !important;
    border-color: #98a726 !important;
}


@font-face {
    font-family: 'ProximaNovaRegular', sans-serif;
    src: url('../fonts/Proxima-Nova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-family: "ProximaNovaRegular";
}
@font-face {
    font-family: 'ProximaNovaSemiBold', sans-serif;
    src: url('../fonts/Proxima Nova Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    -webkit-font-family: "ProximaNovaSemiBold";
}
 
@font-face {
    font-family: 'ProximaNovaRegularBold', sans-serif;
    src: url('../fonts/Proxima Nova Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    -webkit-font-family: "ProximaNovaRegularBold";
}




.get-a-ticket-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 0px 4px 55px;
    background: #96a824;
    border-radius: 999px;
    position: relative;
    position: relative;
    width: 151px;
}

    .get-a-ticket-area .figure-area {
        position: absolute;
        position: absolute;
        left: -4.46px;
        top: -9px;
    }

@media only screen and (max-width: 1024px) {
    header {
        height: auto;
    }
}

.header-responsive {
    display: none;
}

@media screen and (max-width: 991px) {
    .header-responsive {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white;
    }
}

.fixed-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #1e1e1e;
    z-index: 9999;
    transition: background-color 0.3s ease-in-out;
    height: auto;

}

@media only screen and (min-width: 1024px) {
    .fixed-navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 1440px) {
    .fixed-navbar {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }
}

.nav-excllusive-halls-item {
    display: block;
}

@media only screen and (max-width: 1440px) {
    .nav-excllusive-halls-item {
        display: none;
    }
}

.nav-excllusive-halls-dropdown-item {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .nav-excllusive-halls-dropdown-item {
        display: block;
    }
}

header .nav-link {
    color: var(--white);
    font-weight: 600;
    font-size: 18px;
    font-family: ProximaNovaRegular;
}
header .nav-link span{
    color: var(--white);
    font-weight: 600;
    font-size: 18px;
    font-family: ProximaNovaRegular;
}
@media only screen and (min-width: 1024px) {
    header .nav-link {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1440px) {
    header .nav-link {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1920px) {
    header .nav-link {
        font-size: 18px;
    }
}

#navbarSupportedContent ul {
    align-items: center;
}

@media only screen and (max-width: 1440px) {
    #navbarSupportedContent ul {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    #navbarSupportedContent ul {
        align-items: unset;
    }
}

header .nav-link:hover {
    color: var(--white);
}

.nav-link:focus,
.nav-link:hover {
    color: var(--white);
}

header .navbar-nav {
    gap: 1.438rem;
    /*margin-left: 3rem;*/
}

@media only screen and (max-width: 1450px) {
    header .navbar-nav {
        gap: 0.638rem;
    }
}

@media only screen and (max-width: 1024px) {
    header .navbar-nav {
        gap: 1.438rem;
        margin-left: 0px;
    }
}

.header-search {
    color: var(--white);
    align-items: center;
    gap: 9px;
    cursor: pointer;
}

@media only screen and (max-width: 1440px) {
    .header-search {
        gap: 11px;
    }
}

@media only screen and (min-width: 1024px) {
    .header-search img {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width: 1440px) {
    .header-search img {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width: 1920px) {
    .header-search img {
        width: 24px;
        height: 24px;
    }
}

.header-search i {
    position: relative;
    font-size: 1.3rem;
    top: 34%;
}

.header-search button {
    color: var(--white);
    border: none;
}

    .header-search button:hover {
        background: none;
    }

.header-search span {
    margin-left: 9px;
    font-size: 16px;
}

@media only screen and (max-width: 1600px) {
    .header-search svg {
        width: 18px;
        height: 18px;
    }

    .header-search span {
        display: none;
    }
}

/*
@media only screen and (max-width: 1024px) {
  .header-search span {
    display: none;
  }
}*/
@media only screen and (min-width: 250px) {
    .header-logo {
        width: 138.7px;
        height: 27.5px;
    }
}

@media only screen and (min-width: 812px) {
    .header-logo {
        width: 236px;
        height: 49px;
    }
}

@media only screen and (min-width: 1024px) {
    .header-logo {
        width: 164px;
        height: 34px;
    }

    .header-cgv-movie-pass-logo {
        width: 34px;
        height: 34px;
    }

    .header-cgv-golden-egg-logo {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (min-width: 1440px) {
    .header-logo {
        width: 228.43px;
        height: 47.14px;
    }

    .header-cgv-movie-pass-logo {
        width: 51.58px;
        height: 47.13px;
    }

    .header-cgv-golden-egg-logo {
        width: 84px;
        height: 50px;
    }
}

@media only screen and (min-width: 1920px) {
    .header-logo {
        width: 251.49px;
        height: 60px;
    }

    .header-cgv-movie-pass-logo {
        width: 47.76px;
        height: 50px;
    }
}

@media only screen and (max-width: 1000px) {
    header {
        position: relative;
    }

        header .navbar-nav {
            gap: 0.5rem;
            margin-left: 0rem;
        }

        header .nav-link {
            line-height: 2rem;
        }

    .pxr-lg-7 {
        padding: 0 1rem !important;
    }
}

@media only screen and (min-width: 250px) {
    .footer-bottom-container .logo-area img {
        width: 145px;
        height: 29px;
    }
}

.cgv-auth div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: start;
}

.cgv-auth a {
    color: var(--black);
    text-decoration: none;
}

@media screen and (min-width: 1024px) {
    .cgv-auth a {
        font-size: 10px;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-auth a {
        font-size: 14px;
    }
}

@media screen and (min-width: 1920px) {
    .cgv-auth a {
        font-size: 14px;
    }
}

.cgv-auth a:hover {
    color: #1d1d1b;
}

.cgv-sign-in {
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    position: relative;
    top: 1px;
}

.cgv-sign-up {
    font-weight: 400;
    font-size: 11px;
    position: relative;
    bottom: 1px;
}

@media screen and (max-width: 980px) {
    .cgv-auth-btn {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    .cgv-logo img {
        width: 37.3px;
        height: 22.38px;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-logo img {
        width: 48px;
        height: 28.8px;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-logo img {
        width: 48px;
        height: 28.8px;
    }
}

.profile-dropdown ul li img {
    max-width: 26.73px;
    height: 28px;
}

@media screen and (min-width: 1024px) {
    .profile-dropdown ul li img {
        max-width: 20px;
        height: 20px;
    }
}

@media screen and (min-width: 1440px) {
    .profile-dropdown ul li img {
        max-width: 25px;
        height: 25px;
    }
}

@media screen and (min-width: 1920px) {
    .profile-dropdown ul li img {
        max-width: 26.73px;
        height: 28px;
    }
}

/* NAV BUY TICKET BUTTON */

.nav-buy-ticket-btn {
    display: none;
    position: relative;
    flex-direction: row;
    align-items: flex-start;
    padding: 14px 0px 13px 66px;
    isolation: isolate;
    width: 180px;
    height: 50px;
    background: #96a824;
    border-radius: 999px;
}

@media only screen and (min-width: 1024px) {
    .nav-buy-ticket-btn {
        width: 134.81px;
        height: 34.22px;
        padding: 5px 0px 5px 50px;
    }
}

@media only screen and (min-width: 1440px) {
    .nav-buy-ticket-btn {
        width: 168px;
        height: 46px;
        padding: 13px 0px 13px 62px;
    }
}

.nav-buy-ticket-btn div span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #ffffff;
}

@media only screen and (min-width: 1024px) {
    .nav-buy-ticket-btn div span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1440px) {
    .nav-buy-ticket-btn div span {
        font-size: 17px;
    }
}

.nav-buy-ticket-btn .img-area {
    position: absolute;
    left: -10px;
    top: -9px;
}

    .nav-buy-ticket-btn .img-area img {
        width: 75px;
        height: 60.21px;
    }

@media only screen and (min-width: 1024px) {
    .nav-buy-ticket-btn .img-area img {
        width: 60px;
        height: 44.21px;
    }
}

@media only screen and (min-width: 1440px) {
    .nav-buy-ticket-btn .img-area img {
        width: 69px;
        height: 58.21px;
    }
}

/* NAV BUY TICKET BUTTON */

header .dropdown-item {
    color: var(--blackDropdown);
}

    header .dropdown-item span {
        font-weight: 600;
        font-size: 18px;
    }

@media screen and (min-width: 1024px) {
    header .dropdown-item span {
        font-size: 14px;
    }
}

@media screen and (min-width: 1440px) {
    header .dropdown-item span {
        font-size: 16px;
    }
}

@media screen and (min-width: 1920px) {
    header .dropdown-item span {
        font-size: 18px;
    }
}

header .dropdown-item:hover {
    background-color: transparent !important;
    color: var(--blackDropdown);
}

.dropdown-menu {
    border-radius: 12px;
    padding-top: 35px !important;
    padding-bottom: 36px !important;
    border: none;
}

@media screen and (max-width: 1440px) {
    .dropdown-menu {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

.dropdown-menu {
    display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
    animation: drop 0.5s ease-in-out;
}

.dropdown-menu .dropdown-item {
    justify-content: space-between;
}

@keyframes drop {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

header .dropdown-menu.cgv {
    min-width: 22rem;
    text-align: center;
    left: -9rem !important;
}

@media only screen and (max-width: 1440px) {
    header .dropdown-menu.cgv {
        min-width: 20rem;
    }
    .modal {
        z-index: 9999999 !important;
    }
}

header .dropdown-menu li {
    margin-bottom: 1rem;
}

@media only screen and (max-width: 1440px) {
    header .dropdown-menu li {
        margin-bottom: 2px;
    }
}

header .dropdown-menu li:last-child {
    margin-bottom: 0;
}

.dropdown-auth-action-btns {
    gap: 16px;
}

.auth-dropdown {
    min-width: 384px;
    right: 48px;
    left: initial !important;
    padding: 10px;
    padding-top: 10px !important;
    padding-bottom: 24px !important;
}

@media only screen and (min-width: 1024px) {
    .auth-dropdown {
        min-width: 20.625rem;
    }
}

@media only screen and (min-width: 1440px) {
    .auth-dropdown {
        min-width: 20.625rem;
    }
}

@media only screen and (min-width: 1920px) {
    .auth-dropdown {
        min-width: 384px;
    }
}

.dropdown-discover {
    color: #1e1e1e;
}

.dropdown-discover:hover {
    color: #1e1e1e;
}

.auth-dropdown .nav-line {
    margin-top: 40px;
}
.orange-cgv {
    background: #FF7148 !important;
}
@media screen and (min-width:1400px) {
    .auth-dropdown .nav-line {
        margin-top: 114px;
    }
}
.cgv-btn {
    font-size: 16px;
    border-radius: 24px;
    text-align: center;
    height: 48px;
    font-weight: 700;
}

    .cgv-btn.active {
        background-color: var(--paribuColor);
        color: var(--white);
    }

    .cgv-btn.login-btn,
    .cgv-btn.signup-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cgv-btn.signup-btn {
        color: #3f444c;
    }

        .cgv-btn.signup-btn:hover {
            color: #3f444c;
        }

@media only screen and (min-width: 1024px) {
    .cgv-btn.login-btn,
    .cgv-btn.signup-btn {
        width: 134.81px;
        height: 34.22px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1440px) {
    .cgv-btn.login-btn,
    .cgv-btn.signup-btn {
        width: 168px;
        height: 46px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 1920px) {
    .cgv-btn.login-btn,
    .cgv-btn.signup-btn {
        width: 160px;
        height: 48px;
        font-size: 18px;
    }
}

.cgv-btn.signup-btn {
    background-color: var(--white);
    border: 2px solid #ededed;
}

.cgv-cinema-club-img {
    padding-top: 26px;
    padding-bottom: 24px;
}

.cgv-cinema-club-text {
    max-width: 336px;
    margin: 0 auto;
}

    .cgv-cinema-club-text p {
        color: var(--textBlackColor);
    }

@media only screen and (min-width: 1024px) {
    .cgv-cinema-club-text p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1440px) {
    .cgv-cinema-club-text p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1440px) {
    .cgv-cinema-club-text p {
        font-size: 18px;
    }
}

.header-desktop-search {
    gap: 30px !important;
}

.mobile-dropdown-item {
    display: none !important;
}

.mobile-nav-link-col svg {
    display: none;
}

.mobile-dropdown-item[data-breakpoint="md"] {
    display: block !important;
}

@media only screen and (max-width: 1450px) {
    .header-desktop-search {
        gap: 23.7px !important;
    }
}

@media only screen and (max-width: 1540px) {
    .mobile-dropdown-item[data-breakpoint="md"] {
        display: none !important;
    }

    .header-desktop-search {
        margin-right: 0 !important;
        gap: 24px !important;
    }
}

@media only screen and (max-width: 812px) {
    .mobile-dropdown-item[data-breakpoint="md"] {
        display: block !important;
    }
}

@media only screen and (max-width: 1200px) {
    header .nav-item[data-breakpoint="sm"] {
        display: none;
    }

    .header-desktop-search {
        margin-right: 0px !important;
        align-items: center;
        gap: 27px !important;
    }
}

@media only screen and (max-width: 812px) {
    header .nav-item[data-breakpoint="sm"] {
        display: block;
    }
}

/* -------- HEADER MENU -------- */
.navbar-reverse {
    display: none;
}

.text-movie {
    display: block;
}

@media only screen and (max-width: 812px) {
    .navbar-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.desktop-dropdown[dropdown-breakpoint="md"] {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .desktop-dropdown[dropdown-breakpoint="md"] {
        display: block;
    }
}

.desktop-dropdown[dropdown-breakpoint="sm"] {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .desktop-dropdown[dropdown-breakpoint="sm"] {
        display: block;
    }
}

.dropdown-sub-item {
    display: flex;
    gap: 26px;
    align-items: center;
}

    .dropdown-sub-item img {
        width: 24px;
    }

@media only screen and (min-width: 1024px) {
    .d-cgv-cinema-club-icon {
        transform: scale(1.5);
    }

    .d-right-badge {
        height: 24px;
    }
}

@media only screen and (max-width: 1440px) {
    .dropdown-sub-item img {
        width: 15px;
    }
}

/* -------- /HEADER MENU -------- */

/* -------- HEADER HAMBURGER MENU -------- */

@media only screen and (max-width: 991px) {
    header {
        background: #121212 !important;
    }

    .header-dropdown-menu {
        display: none !important;
    }

    .header-desktop-search {
        display: none !important;
    }

    .header-cgv-movie-pass {
        display: none !important;
    }

    header .nav-link {
        display: flex;
        justify-content: space-between;
        position: relative;
        font-weight: 600;
        font-size: 1rem;
        line-height: 24px;
        gap: 16px;
        padding-right: 22px !important;
        border-bottom: 1px solid #3f3f3f;
    }

    .mobile-dropdown-item {
        display: block !important;
    }

    .mobile-nav-link-col {
        width: 100%;
        display: flex;
        gap: 16px;
    }

    .mobile-menu {
        background-color: #1e1e1e !important;
    }

    header .navbar {
        margin-top: 0 !important;
        padding-left: 16px;
        padding-right: 16px;
    }

    .mobile-nav-link-col svg {
        display: block;
        width: 24px;
        height: 24px;
    }

    .header-responsive {
        padding-left: 0.2rem;
    }
}

.cgv-dropdown-img {
    width: 24px;
    height: 27px;
}

.mobile-nav-link-col img {
    display: none;
}

@media only screen and (max-width: 991px) {
    .mobile-nav-link-col img {
        display: block;
        width: 24px;
    }
}

@media only screen and (max-width: 480px) {
    header {
        background: #121212 !important;
    }
}

/* -------- /HEADER HAMBURGER MENU -------- */

/* -------- MOBILE STICKY MENU -------- */
.mobile-sticky-menu {
    display: none;
    width: 100%;
    height: 88px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(46, 46, 46, 0.95);
}

@media only screen and (max-width: 812px) {
    .mobile-sticky-menu {
        display: block;
    }

    .mobile-sticky-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mobile-sticky-item {
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mobile-item-center img {
        margin-top: -0.5rem;
    }

    .mobile-sticky-item h3 {
        font-weight: 500;
        font-size: 0.75rem;
        color: #fff;
        text-align: center;
        margin-top: 6.19px;
        opacity: 40%;
    }

    .mobile-sticky-item.active h3 {
        opacity: 1;
        color: #fff;
    }

    .mobile-sticky-item img {
        position: relative;
    }
}

/* -------- /MOBILE STICKY MENU -------- */

/* Footer */

footer {
    width: 100%;
    flex-direction: column;
    color: white;
}

.footer-top-area {
    gap: 6%;
}

@media only screen and (max-width: 1440px) {
    .footer-top-area {
        gap: 4%;
    }
}

@media only screen and (max-width: 1024px) {
    .footer-top-area {
        gap: 13px;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 812px) {
    .footer-top-area {
        gap: 0;
    }
}

@media only screen and (max-width: 480px) {
    .footer-top-area {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
        border-top: none !important;
        gap: 0px;
    }
}

.footer-top-area .footer-item-area {
    flex-basis: 14.5%;
}

@media only screen and (max-width: 1440px) {
    .footer-top-area .footer-item-area {
        flex-basis: 16%;
    }
}

@media only screen and (max-width: 1024px) {
    .footer-top-area .footer-item-area {
        flex-basis: 18%;
    }
}

@media only screen and (max-width: 812px) {
    .footer-top-area .footer-item-area {
        flex-basis: 48%;
    }
}

@media only screen and (max-width: 480px) {
    .footer-top-area .footer-item-area {
        flex-basis: 49%;
    }
}

footer .footer-top-area a {
    color: #fff;
}

    footer .footer-top-area a:hover {
        text-decoration: underline;
    }

footer .footer-top-area h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 4px;
}

@media only screen and (min-width: 1024px) {
    footer .footer-top-area h4 {
        margin-top: 0.75rem;
        font-size: 14px;
        line-height: 33px;
    }
}

@media only screen and (min-width: 1440px) {
    footer .footer-top-area h4 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1920px) {
    footer .footer-top-area h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    footer .footer-top-area h4 {
        margin-top: 0.75rem;
        font-size: 14px;
        line-height: 25px;
    }
}

footer .footer-top-area ul {
    margin: 0;
    padding: 0;
}

    footer .footer-top-area ul li {
        text-decoration: none;
        list-style: none;
    }

@media only screen and (max-width: 812px) {
    footer .footer-top-area ul li {
        font-size: 12px;
        line-height: 20px;
    }
}

footer .footer-top-area ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    opacity: 0.8;
    font-family: ProximaNovaRegular;
}

@media only screen and (min-width: 812px) {
    footer .footer-top-area ul li a {
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    footer .footer-top-area ul li a {
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 1440px) {
    footer .footer-top-area ul li a {
        font-size: 16px;
        font-weight: 400;
    }
}

@media only screen and (min-width: 1920px) {
    footer .footer-top-area ul li a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 450px) {
    footer .footer-top-area ul li a {
        font-size: 14px;
        font-weight: 400;
    }
}

footer .footer-top-area ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

@media only screen and (max-width: 480px) {
    .institutional-area a h4 {
        margin-top: 0px;
    }
}

.footer-mobile-app-download-content {
    display: none;
}

@media only screen and (max-width: 820px) {
    .footer-mobile-app-download-content {
        display: block;
    }
}

footer .footer-mobile-app-download-content {
    margin-top: 1rem;
}

    footer .footer-mobile-app-download-content ul li {
        padding-top: 0.5rem;
    }

@media only screen and (max-width: 812px) {
    footer .footer-mobile-app-download-content ul li:first-child {
        padding-top: 0px;
    }
}

footer .footer-mobile-app-download-content ul li a {
    opacity: 1;
}

@media only screen and (max-width: 812px) {
    footer .footer-mobile-app-download-content img {
        width: 106px;
        height: 32px;
    }
}

@media only screen and (max-width: 820px) {
    footer .footer-app-download-content {
        display: none;
    }
}

footer .footer-app-download-content ul li {
    padding-top: 0.5rem;
}

    footer .footer-app-download-content ul li a {
        opacity: 1;
    }

.footer-top-area .footerHelpCenter {
    margin-top: 3rem;
}

@media only screen and (max-width: 480px) {
    .footer-top-area .footerHelpCenter {
        margin-top: 0px;
    }
}

.footer-top-area .footerCinemas {
    margin-top: 3rem;
}

@media only screen and (max-width: 480px) {
    .footer-top-area .footerCinemas {
        margin-top: 0px;
    }
}

.footer-top-area .footerCinemas h4 {
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 28px;
}

@media only screen and (min-width: 1024px) {
    .footer-top-area .footerCinemas h4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .footer-top-area .footerCinemas h4 {
        font-size: 16px;
        font-weight: 700;
    }
}

@media only screen and (min-width: 1440px) {
    .footer-top-area .footerCinemas ul li a {
        font-weight: 700;
        font-size: 16px;
    }
}

@media only screen and (min-width: 1920px) {
    .footer-top-area .footerCinemas ul li a {
        font-weight: 700;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    .footer-top-area .footerCinemas ul li a {
        font-weight: 600;
    }
}

@media only screen and (max-width: 812px) {
    .footer-top-area .footerCinemas h4 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 375px) {
    .footer-top-area .footerCinemas h4 {
        font-size: 14px;
        font-weight: 600;
    }
}

.footer-top-area .footerCinemas a {
    opacity: 1;
    font-size: 18px;
    text-decoration: none;
    color: white;
}

@media only screen and (min-width: 1024px) {
    .footer-top-area .footerCinemas a {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }
}

@media only screen and (min-width: 1440px) {
    .footer-top-area .footerCinemas a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 812px) {
    .footer-top-area .footerCinemas a {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
}

.footer-top-area .footerCinemas a:hover {
    text-decoration: underline;
}

.footer-top-area .footerAdversite {
    margin-top: 3rem;
}

@media only screen and (max-width: 812px) {
    .footer-top-area .footerAdversite {
        margin-top: -1rem;
    }
}

@media only screen and (max-width: 480px) {
    .footer-top-area .footerAdversite {
        margin-top: 0px;
    }
}

.footer-top-area .footerAdversite h4 {
    opacity: 0.4;
    font-weight: 400;
    line-height: 5px;
    font-size: 16px;
}

@media only screen and (min-width: 1024px) {
    .footer-top-area .footerAdversite h4 {
        font-size: 14px;
        margin-bottom: 4px;
    }
}

@media only screen and (min-width: 1440px) {
    .footer-top-area .footerAdversite h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 450px) {
    .footer-top-area .footerAdversite h4 {
        opacity: 0.5;
        font-size: 14px;
    }
}

.footer-top-area .footerAdversite ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    opacity: 1 !important;
}

@media only screen and (min-width: 1024px) {
    .footer-top-area .footerAdversite ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        opacity: 1;
    }
}

@media only screen and (min-width: 1440px) {
    .footer-top-area .footerAdversite ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        opacity: 1;
    }
}

@media only screen and (min-width: 1920px) {
    .footer-top-area .footerAdversite ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        opacity: 1;
    }
}

@media only screen and (max-width: 812px) {
    .footer-top-area .footerAdversite ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        opacity: 0.8;
        letter-spacing: -0.2px;
    }
}

@media only screen and (max-width: 375px) {
    .footer-top-area .footerAdversite ul li a {
        font-weight: 700;
        font-size: 14px;
        opacity: 0.8;
    }
}

.footer-bottom-container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 7.313rem;
    background: #121212;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 1.875rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    justify-content: space-between;
    flex-direction: column;
}

@media screen and (min-width: 1320px) {
    .footer-bottom-container {
        justify-content: space-between;
        flex-direction: row;
    }
}

@media screen and (min-width: 1440px) {
    .footer-bottom-container {
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: row;
    }
}

@media screen and (max-width: 1024px) {
    .footer-bottom-container {
        justify-content: center;
        flex-direction: column;
    }
}

@media screen and (max-width: 812px) {
    .footer-bottom-container {
        flex-direction: column;
        padding-bottom: 6rem;
    }
}

.footer-bottom-container .content-area {
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
    gap: 0;
}

@media screen and (min-width: 1320px) {
    .footer-bottom-container .content-area {
        flex-direction: row;
        justify-content: flex-start;
        gap: 33.5px;
        margin-top: 0;
    }
}

@media screen and (min-width: 1440px) {
    .footer-bottom-container .content-area {
        gap: 15.5px;
        margin-top: 0;
    }
}

.footer-bottom-container .logo-area {
    display: flex;
    min-height: 54.12px;
    gap: 26px;
    align-items: center;
    flex-basis: max-content;
}

@media screen and (max-width: 1440px) {
    .footer-bottom-container .logo-area {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .footer-bottom-container .logo-area {
        margin-top: 0px;
        margin-bottom: 0px;
        gap: 24px;
    }
}

@media screen and (max-width: 812px) {
    .footer-bottom-container .logo-area {
        order: unset;
        flex-direction: column;
        gap: 22px;
    }
}

.footer-bottom-container .logo-area span {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: white;
    opacity: 0.8;
}

@media screen and (min-width: 1024px) {
    .footer-bottom-container .logo-area span {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (min-width: 1440px) {
    .footer-bottom-container .logo-area span {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (min-width: 1920px) {
    .footer-bottom-container .logo-area span {
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
    }
}

.footer-bottom-container .logo-area img {
    margin-left: -0.4rem;
}

@media screen and (min-width: 1024px) {
    .footer-bottom-container .logo-area img {
        width: 182px;
        height: 34px;
    }
}

@media screen and (min-width: 1440px) {
    .footer-bottom-container .logo-area img {
        width: 239.43px;
        height: 47.14px;
    }
}

@media screen and (min-width: 1920px) {
    .footer-bottom-container .logo-area img {
        width: 241.49px;
        height: 50px;
    }
}

footer .footer-bottom-container .text-area {
    display: flex;
    align-items: center;
    flex-basis: max-content;
    gap: 23px;
}

@media screen and (max-width: 1024px) {
    footer .footer-bottom-container .text-area {
        gap: 1rem;
        margin-left: 0px;
    }
}

@media screen and (max-width: 812px) {
    footer .footer-bottom-container .text-area {
        order: unset;
        flex-direction: column;
    }
}

@media screen and (min-width: 1440px) {
    footer .footer-bottom-container .text-area {
        gap: 16px;
    }
}

.footer-bottom-container .text-area a {
    font-family: "Proxima Nova";
    font-weight: 400;
    font-size: 1rem;
    line-height: 2rem;
    color: #ffffff;
    opacity: 0.8;
}

@media screen and (min-width: 1024px) {
    .footer-bottom-container .text-area a {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (min-width: 1440px) {
    .footer-bottom-container .text-area a {
        font-weight: 400;
        font-size: 16px;
    }
}

@media screen and (min-width: 1920px) {
    .footer-bottom-container .text-area a {
        font-weight: 400;
        font-size: 18px;
    }
}

@media screen and (max-width: 886px) {
    .footer-bottom-container .text-area a {
        font-size: 14px;
    }
}

@media screen and (max-width: 812px) {
    .footer-bottom-container .text-area a {
        line-height: 17px;
    }
}

.footer-bottom-container .cgv-logo-area {
    display: flex;
    flex-basis: max-content;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .footer-bottom-container .cgv-logo-area {
        margin-top: 24px;
    }
}

@media screen and (min-width: 1440px) {
    .footer-bottom-container .cgv-logo-area img {
        width: 117px;
        height: 48px;
    }
}

@media screen and (min-width: 1600px) {
    .footer-bottom-container .cgv-logo-area img {
        width: 154.58px;
        height: 64px;
    }
}

@media screen and (max-width: 1439px) {
    .footer-bottom-container .cgv-logo-area img {
        width: 117px;
        height: 48px;
    }
}

@media screen and (max-width: 812px) {
    .footer-bottom-container .cgv-logo-area img {
        width: 122.12px;
        height: auto;
    }
}

@media screen and (max-width: 812px) {
    .footer-bottom-container .cgv-logo-area {
        order: unset;
        margin-left: 0px;
        margin-top: 19px;
    }
}

/* PAGE INNER */

.page-inner-banner-section {
    min-height: 50vh;
    background-size: cover !important;
    background-position: center !important;
}

@media screen and (max-width: 768px) {
    .page-inner-banner-section {
        min-height: 25vh;
        background-size: cover !important;
        background-position: center !important;
    }
}

.page-inner-banner-section .page-inner-banner-title-area {
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        color: var(--white);
        margin-bottom: 0px;
        margin-top: 1.2rem;
        margin-left: 1.1rem;
    }

    .page-inner-banner-section .page-inner-banner-title-area img {
        width: 284px;
        height: 207px;
    }

@media only screen and (max-width: 768px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 34px;
        line-height: 40px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}

.page-breadcrumb-section {
    display: flex;
    min-height: 24px;
    gap: 10px;
}

    .page-breadcrumb-section span.active {
        color: #fff;
    }

.breadcrumb-app li a span {
    color: #fff;
}
/* Follow Us */

.follow-us-section {
    display: flex;
    background-color: #98a726;
}

@media only screen and (max-width: 767px) {
    .follow-us-section {
        min-height: 64px;
    }
}

.follow-us-content {
    color: var(--white);
    display: flex;
    flex: 1;
}

    .follow-us-content span {
        font-weight: 600;
        font-size: 24px;
    }

@media only screen and (max-width: 480px) {
    .follow-us-content span {
        font-weight: 600;
        font-size: 16px;
    }
}

.social-section {
    display: flex;
    background-color: var(--paribuColor);
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .social-section {
        min-height: 83px;
    }

    .social-icons a img {
        width: 40px;
        height: 40px;
    }

    .social-section .social-icons {
        gap: 64px !important;
    }
}

@media only screen and (max-width: 811px) {
    .social-section {
        min-height: 64px;
    }

    .social-icons a img {
        width: 35px;
        height: 35px;
    }
}

@media only screen and (min-width: 991px) {
    .social-section {
        min-height: 85.88px;
    }

    .social-icons a img {
        width: 35px;
        height: 35px;
    }
}

@media only screen and (min-width: 1024px) {
    .social-section {
        min-height: 58px;
    }

    .social-icons a img {
        width: 35px;
        height: 35px;
    }
}

@media only screen and (min-width: 1440px) {
    .social-section {
        min-height: 78.38px;
    }

    .social-icons a img {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (min-width: 1920px) {
    .social-section {
        min-height: 80.38px;
    }

    .social-icons a img {
        width: 40px;
        height: 40px;
    }
}

.social-section p {
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    color: var(--white);
}

@media only screen and (min-width: 812px) {
    .social-section p {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1024px) {
    .social-section p {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1440px) {
    .social-section p {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1920px) {
    .social-section p {
        font-size: 24px;
    }
}

.social-section .social-icons {
    gap: 96px;
    display: flex;
}

#cgvSlider .content .item {
    display: flex;
    gap: 16px;
}

#cgvSlider .content svg {
    width: 16px;
    height: 14px;
}

#cgvSlider .content ul {
    list-style: none;
}

@media only screen and (max-width: 812px) {
    .footer-item-area[data-type="saloon"] {
        margin-top: -9px;
    }

    .footer-top-area .footerCinemas {
        margin-top: -2px;
    }

    .institutional-area {
        margin-top: -21px;
    }

    .footer-top-area .footerHelpCenter {
        margin-top: -9px;
    }
}

@media only screen and (max-width: 500px) {
    .institutional-area {
        margin-top: -10px;
    }
}

.section-header h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 0 !important;
    font-family: ProximaNovaRegular;
    /*margin-bottom: 32px;*/
}

@media only screen and (min-width: 768px) {
    .section-header h2 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) {
    .section-header h2 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1440px) {
    .section-header h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 1920px) {
    .section-header h2 {
        font-size: 48px;
    }
}

.section-header a {
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    .section-header a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) {
    .section-header a {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1440px) {
    .section-header a {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1920px) {
    .section-header a {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1920px) {
    .section-header h2 {
        font-size: 48px;
    }

    .section-header a {
        font-size: 24px;
    }
}

@media only screen and (max-width: 480px) {
    .section-header h2 {
        font-weight: 700;
        font-size: 1rem;
        margin: 0;
    }

    .section-header a {
        font-weight: 600;
        font-size: 0.8rem;
        color: #fff;
        margin-right: 0rem;
    }
}

[data-type="footer-tiktok"] {
    width: 23px;
    height: 22px;
}

.mobile-menu {
    background-color: transparent;
}

@media screen and (max-width: 980px) {
    .mobile-menu {
        padding: 1rem;
        padding-left: 0;
        background-color: rgba(0, 0, 0, 1);
        height: 100vh;
        overflow-y: auto;
    }
}

.inner-page-padding {
    padding-left: 100px;
    padding-right: 100px;
}

@media screen and (max-width: 768px) {
    .inner-page-padding {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.page-breadcrumb-section {
    display: flex;
    min-height: 24px;
    gap: 10px;
    margin-top: 40px;
    align-items: center;
}

    .page-breadcrumb-section span {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 600;
        font-size: 16px;
    }

@media screen and (min-width: 1920px) {
    .cgv-sign-up {
        font-size: 14px !important;
        font-weight: 400;
    }
}

.profile {
    width: 100%;
    height: 173px;
    filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.25265));
    border-radius: 8px;
    background: url("../img/user_card/background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

    .profile .cgv-vip {
        width: 100%;
        height: 88px;
        background: #ffffff;
        border-radius: 0px 0px 8px 8px;
    }

    .profile .vip-membership {
        display: flex;
        flex-direction: column;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        padding-left: 1.3rem !important;
        margin-top: 1rem;
    }

    .profile .cgv-kids-club {
        height: 98px !important;
    }

.expires-date {
    display: flex;
    flex-direction: column;
}

.vip-membership {
    flex-direction: row !important;
    justify-content: space-between !important;
}

.aca-vip-icon {
    padding-right: 28px;
}

    .aca-vip-icon img {
        height: 36px;
    }

.profile .vip-membership .validitydate {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    opacity: 0.8;
}

.vip-profile-background {
    background: url("../img/user_card/vip-background.png") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.vip-cgv-coin {
    background: linear-gradient( 271.31deg, #494949 3.26%, #000000 93.54% ) !important;
}

.cgv-personal-coin {
    background: linear-gradient(271.31deg, #e24328 3.26%, #eb5c44 93.54%) !important;
}

.cgv-coin {
    width: 128px;
    height: 50px;
    background: linear-gradient(271.31deg, #c2cc53 3.26%, #8c9b1c 93.54%);
    border-radius: 30px;
    padding: 4px 14px 4px 4px;
}

    .cgv-coin .cgv-logo {
        width: 43px;
        height: 42px;
    }

    .cgv-coin .cgv-title {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #ffffff;
    }

.kids-club-profile-background {
    background: url("../img/user_card/user-kids-background.png") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.personel-profile-background {
    background: url("../img/user_card/user-personel-background.png") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

@media screen and (min-width: 1024px) {
    .cgv-coin .cgv-title {
        font-size: 12px;
        line-height: 12px;
        position: relative;
        top: 2px;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-coin .cgv-title {
        font-size: 14px;
        line-height: 14px;
    }
}

.cgv-coin .cgv-money {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
}

@media screen and (min-width: 1024px) {
    .cgv-coin .cgv-money {
        font-size: 12px;
        line-height: 12px;
        position: relative;
        bottom: 0px;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-coin .cgv-money {
        font-size: 16px;
        line-height: 16px;
    }
}

@media screen and (min-width: 1920px) {
    .cgv-coin .cgv-money {
        font-size: 18px;
        line-height: 16px;
    }
}

.cgv-profile {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 4px 14px 4px 4px;
    width: 200px;
    height: 50px;
    background: #ffffff;
    border-radius: 999px;
}

    .cgv-profile .cgv-user {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 43px;
        height: 43px;
        border-radius: 50%;
        background: #656b6f;
        border: 1px solid #f0f0f0;
    }

        .cgv-profile .cgv-user span {
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: var(--white);
        }

    .cgv-profile .cgv-detail .cgv-welcome {
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 13px;
        color: #1d1d1b;
    }

@media only screen and (max-width: 1440px) {
    .cgv-profile .cgv-detail .cgv-welcome {
        position: relative;
        top: 3.4px;
    }
}

.cgv-profile .cgv-detail .cgv-username {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #1d1d1b;
}

@media screen and (min-width: 1024px) {
    .cgv-profile .cgv-detail .cgv-username {
        font-size: 12px;
        position: relative;
        bottom: 1px;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-profile .cgv-detail .cgv-username {
        font-size: 15px;
    }
}

.nav-line {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 0.8rem;
}

    .nav-line li {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        .nav-line li .new-cgv {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 19px;
            background: #98a726;
            border-radius: 9.3px;
            font-style: normal;
            font-weight: 800;
            font-size: 9px;
            line-height: 19px;
            text-align: center;
            color: #ffffff;
        }

        .nav-line li a {
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: -0.2px;
            color: #000000;
        }

@media screen and (min-width: 1024px) {
    .nav-line li a {
        font-size: 14px;
    }
}

@media screen and (min-width: 1440px) {
    .nav-line li a {
        font-size: 16px;
    }
}

@media screen and (min-width: 1920px) {
    .nav-line li a {
        font-size: 18px;
    }
}

.cgv-vip .vip-last-day {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 12px;
    color: #323a47;
    margin-top: 3px !important;
}

.cgv-vip .scroll-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

    .cgv-vip .scroll-container span {
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        color: #1e1e1e;
        margin-top: 6px;
    }

.cgv-vip .scrollbar {
    width: 273px;
    height: 10px;
    background: #ededed;
    border-radius: 9px;
    margin-top: 1px !important;
}

    .cgv-vip .scrollbar .scrollbar-wide {
        width: 192px;
        height: 10px;
        background: linear-gradient(270deg, #e3f13f 0%, #8c9b1c 100%);
        border-radius: 9px;
    }

.profile .cgv-vip .vip-movie span {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #323a47;
}

.profile .cgv-vip .vip-movie i {
    color: #7f7f7f;
}

.profile .cgv-vip .vip-movie {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #323a47;
}

.profile .profile-user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
}

    .profile .profile-user .cgv-user {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #656b6f;
        border: 1px solid #f0f0f0;
    }

        .profile .profile-user .cgv-user .icon-area {
            display: flex;
            position: absolute;
            background: #fff;
            width: 14px;
            height: 14px;
            left: 69%;
            top: 68%;
            border-radius: 3rem;
            justify-content: center;
            align-items: center;
            border: 2px solid #507a1b;
        }

        .profile .profile-user .cgv-user .vip-icon-area {
            display: flex;
            position: absolute;
            background: #fff;
            width: 14px;
            height: 14px;
            left: 69%;
            top: 68%;
            border-radius: 3rem;
            justify-content: center;
            align-items: center;
            border: 2px solid #262626;
        }

        .profile .profile-user .cgv-user .icon-area img {
            width: 6px;
            height: 6px;
        }

    .profile .profile-user .cgv-img {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 36px;
        background: #ffffff;
        border-radius: 26.5px;
    }

        .profile .profile-user .cgv-img img {
            width: 39px;
            height: 23px;
            margin-left: 0.2rem;
        }

.profile-user .profile-welcome {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
}

.profile-user .profile-username {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
}

.profile .profile-cgv {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    color: var(--white);
}

.profile-cgv .cgv-logo {
    width: 38px;
    height: 38px;
}

.profile-cgv .cgv-coin-price {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.profile-cgv .cgv-title {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}

@media screen and (max-width: 980px) {
    .profile-dropdown {
        margin-right: 15px;
    }
}

.cgv-auth-btn {
    background-color: var(--white);
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 1024px) {
    .cgv-auth-btn {
        width: 134.81px;
        height: 34.22px;
        padding-left: 17.18px;
        padding-right: 17.1px;
        gap: 9.32px;
    }

    .cgv-logo-2 img {
        height: 32px;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-auth-btn {
        width: 168px;
        height: 46px;
        gap: 12px;
    }

    .cgv-logo-2 img {
        height: 42px;
    }
}

@media screen and (min-width: 1920px) {
    .cgv-auth-btn {
        width: 180px;
        height: 50px;
        padding-left: 28px;
        padding-right: 29px;
        gap: 17px;
    }
}

.cgv-auth {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 812px) {
    .auth-2 {
        padding-left: 4px;
        padding-right: 4px;
        width: 128px;
        justify-content: space-evenly !important;
        gap: 4px !important;
        height: 44px;
    }
}

@media screen and (min-width: 1024px) {
    .auth-2 {
        padding-left: 4px;
        padding-right: 4px;
        width: 143px;
        justify-content: space-evenly !important;
        gap: 5px !important;
        height: 34px;
    }
}

@media screen and (min-width: 1440px) {
    .auth-2 {
        padding-left: 0;
        padding-right: 4px;
        width: 162px;
        justify-content: space-evenly !important;
        gap: 0 !important;
        height: 47.13px;
    }
}

@media screen and (min-width: 1920px) {
    .auth-2 {
        padding-left: 4px;
        padding-right: 11px;
        width: 166px;
        justify-content: start !important;
        gap: 6px !important;
        height: 50px;
    }
}

.cgv-auth-btn.auth-name {
    padding-left: 3px;
    padding-right: 4px;
}

@media screen and (min-width: 812px) {
    .cgv-auth-btn.auth-name {
        height: 44px;
        width: 161px;
    }
}

@media screen and (min-width: 1024px) {
    .cgv-auth-btn.auth-name {
        width: 156px;
        height: 34px;
        justify-content: start;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-auth-btn.auth-name {
        width: 182px;
        height: 47.13px;
        justify-content: start;
    }
}

@media screen and (min-width: 1440px) {
    .cgv-auth-btn.auth-name {
        height: 47.13px;
    }
}

@media screen and (min-width: 1920px) {
    .cgv-auth-btn.auth-name {
        width: 200px;
        height: 50px;
        gap: 12px !important;
        justify-content: start;
    }
}

@media screen and (min-width: 1024px) {
    .cgv-profile .cgv-user {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width: 1920px) {
    .cgv-profile .cgv-user {
        width: 43px;
        height: 43px;
    }
}

.dropdown-discover strong {
    text-decoration: underline;
}

@media screen and (min-width: 1024px) {
    .dropdown-arrow {
        margin-left: 3px;
    }
}

@media screen and (min-width: 1440px) {
    .dropdown-arrow {
        margin-left: 12px;
    }
}

@media screen and (min-width: 1920px) {
    .dropdown-arrow {
        margin-left: 7px;
    }
}

@media screen and (min-width: 1920px) {
    .profile-dropdown ul li {
        padding: 0.25rem 0.2rem;
    }
}

@media screen and (max-width: 1440px) {
    .profile-dropdown ul li {
        margin-bottom: 1rem !important;
    }
}

@media screen and (max-width: 1400px) {
    .profile-dropdown ul li {
        margin-bottom: 12px !important;
    }
}

.nav-line-vip {
    margin-top: 20px !important;
}

@media screen and (min-width: 1440px) {
    .nav-line-vip {
        margin-top: 20px !important;
    }
}

@media screen and (min-width: 1920px) {
    .nav-line-vip {
        margin-top: 20px !important;
    }
}

@media only screen and (min-width: 812px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1440px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 1920px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 48px;
    }
}

.sps-x {
    padding-left: 375px;
    padding-right: 375px;
}

@media only screen and (min-width: 769px) {
    .sps-x {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media only screen and (min-width: 1024px) {
    .sps-x {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media only screen and (min-width: 1440px) {
    .sps-x {
        padding-left: 375px;
        padding-right: 375px;
    }
}

@media only screen and (max-width: 768px) {
    .sps-x {
        padding-left: 16px;
        padding-right: 16px;
    }
}


.page-breadcrumb-section span {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600;
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
    .page-breadcrumb-section span {
        font-size: 14px;
    }
}

@media only screen and (min-width: 320px) {
    .page-breadcrumb-section span img {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width: 812px) {
    .page-breadcrumb-section span {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1440px) {
    .page-breadcrumb-section span {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1920px) {
    .page-breadcrumb-section span {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) {
    .page-breadcrumb-section span img {
        width: auto;
        height: 20px;
    }
}

.page-breadcrumb-section img {
    width: auto;
    height: 20px;
}

.breadcrumb-area {
    width: 100%;
}

.breadcrumb-app {
    padding-left: 0;
    list-style: none;
    position: relative;
    width: 100%;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    gap: 26px;
    padding-left: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
    .breadcrumb-app {
        overflow-x: scroll;
    }
}

.breadcrumb-app li {
    display: inline-block;
}

.breadcrumb-fixed ul {
    padding-left: 0;
    padding-right: 5px;
    list-style: none;
}

.breadcrumb-app::-webkit-scrollbar {
    display: none;
}

.breadcrumb-app {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media only screen and (min-width: 812px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1024px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1440px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 1920px) {
    .page-inner-banner-section .page-inner-banner-title-area h1 {
        font-size: 48px;
    }
}

.breadcrumb-arrow {
    width: auto;
    height: 18px !important;
}

.cmt-1 {
    margin-top: 1rem;
}

.cmt-2 {
    margin-top: 2rem;
}

.cmt-3 {
    margin-top: 3rem;
}

.cmt-4 {
    margin-top: 4rem;
}

.cmt-5 {
    margin-top: 5rem;
}

.cmt-6 {
    margin-top: 6rem;
}

.cmt-7 {
    margin-top: 7rem;
}

.cmt-8 {
    margin-top: 8rem;
}

.cmt-9 {
    margin-top: 9rem;
}

.cmt-13 {
    margin-top: 1.875rem;
}

.app-discover-section {
    margin-bottom: 50px;
}

.app-discover-card {
    background-color: #2e2e2e;
    border-radius: 16px;
    display: block;
    position: relative;
}

@media only screen and (max-width: 811px) {
    .app-discover-section {
        display: none;
    }
}

@media only screen and (min-width: 812px) {
    .app-discover-card {
        height: 184px;
        margin-top: 32px;
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 64px;
        padding-right: 64px;
    }

    .app-discover-content-left {
        display: flex;
        flex-direction: column;
        width: 60%;
    }
}

@media only screen and (min-width: 1024px) {
    .app-discover-card {
        margin-top: 110px;
        height: 210px;
        padding-top: 54px;
        padding-bottom: 36px;
        padding-left: 56px;
    }

    .mobile-app-avatar {
        margin-top: -10px;
    }
}

@media only screen and (min-width: 1200px) {
    .app-discover-card {
        height: 276px;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 64px;
    }

    .mobile-app-avatar {
        margin-top: -35px;
        height: 219px;
    }

    .app-discover-phone-avatar-icon {
        padding-right: 58px;
    }
}

@media only screen and (min-width: 1440px) {
    .mobile-app-avatar {
        margin-top: 0;
        height: auto;
    }
}

.app-discover-title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
    font-family: ProximaNovaRegular;
    font-weight: 600;
    line-height: 32px;
}

@media only screen and (min-width: 1024px) {
}

.app-discover-app-icons {
    display: flex;
    gap: 12px;
}

@media only screen and (min-width: 812px) {
    .app-discover-title {
        max-width: 280px;
    }

    .app-discover-app-icons {
        margin-top: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    .app-discover-title {
        font-size: 30px;
        max-width: 272px;
    }

    .app-discover-app-icons {
        margin-top: 34px;
    }
}

@media only screen and (min-width: 1920px) {
    .app-discover-title {
        font-size: 36px;
        max-width: 361px;
        line-height: 44px;
    }

    .app-discover-content-left {
        flex-direction: row;
    }

    .app-discover-card {
        padding-top: 99px;
        padding-bottom: 99px;
        padding-left: 80px;
    }

    .app-discover-app-icons {
        margin-top: 0;
    }

    .app-discover-app-icons-col {
        display: flex;
        align-items: center;
    }

    .app-discover-phone-avatar-icon {
        padding-right: 80px !important;
    }

    .mobile-app-avatar {
        margin-top: -48px;
    }

    .app-discover-phone-icon {
        padding-left: 80px;
    }
}

.app-discover-content-right {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 40%;
    justify-content: space-between;
}

.app-discover-phone-avatar-icon {
    padding-right: 22px;
}

/*
  Tablet vertical    
*/

@media only screen and (max-width: 820px) and (min-width: 481px) {
    .app-discover-card {
        padding-left: 40px;
    }
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #fff;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #fb2b29 !important;
    border: 1px solid #fb2b29 !important;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    color: #fb2b29;
    position: relative;
    top: 5px;
    transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}

    .parsley-errors-list.filled {
        opacity: 1;
    }

.movie {
    margin-left: 40px;
    display: block;
}

.mobile-breadcrumb-section {
    display: none;
    min-height: 24px;
    gap: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
    align-items: center;
}

.breadcrumb-area {
    margin-left: 0 !important;
}

    .breadcrumb-area .breadcrumb-app span {
        font-size: 14px;
        line-height: 20px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 600;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #3d4245;
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0px 1000px #3d4245 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.loading-overlay {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: rgb(30, 30, 30, 0.5);
    z-index: 9;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-spinner {
    color: #96a825;
    width: 4.5rem;
    height: 4.5rem;
}

.app-loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgb(0 0 0 / 70%);
}

.app-loading-content {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    min-height: 100vh;
}

#app-loading {
    margin: auto;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.mobile-app-banner-section {
    margin-bottom: 6rem;
    display: none;
}

@media screen and (max-width: 811px) {
    .mobile-app-banner-section {
        display: block;
    }
}

@media screen and (max-width: 780px) {
    .mobile-app-banner-section {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 32px;
    }
}

.mobile-app-banner-content {
    background-color: #1a1a1a;
}

    .mobile-app-banner-content .app-download-area {
        flex-basis: 40%;
    }

        .mobile-app-banner-content .app-download-area img {
            max-width: 7rem;
            margin-bottom: 0.5rem;
        }

        .mobile-app-banner-content .app-download-area p {
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            color: var(--white);
        }

    .mobile-app-banner-content .app-banner-area {
        display: flex;
        justify-content: end;
        flex-basis: 60%;
        padding-top: 1rem;
    }

    .mobile-app-banner-content .mobile-app-figure {
        position: absolute;
        bottom: -21%;
        left: 30%;
    }

.app-select-dropdown {
    width: 100%;
    position: relative;
    height: 60px;
    background-color: #404040;
    border-radius: 6px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    .app-select-dropdown {
        height: 42px;
    }
}

@media screen and (min-width: 1920px) {
    .app-select-dropdown {
        height: 60px;
    }
}

.app-select-dropdown::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 0;
    background: url(../img/icons/input-arrow-down.svg);
    background-repeat: no-repeat;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 20px;
    height: 20px;
}

.app-select-dropdown label {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #dee2e8;
}

@media screen and (min-width: 1024px) {
    .app-select-dropdown label {
        font-size: 12px;
    }
}

@media screen and (min-width: 1440px) {
    .app-select-dropdown label {
        font-size: 14px;
    }
}

@media screen and (min-width: 1920px) {
    .app-select-dropdown label {
        font-size: 16px;
    }
}

.app-select-container {
    width: 100%;
    position: absolute;
    left: 0;
    top: 67px;
    background-color: #656b6f;
    z-index: 3;
    border-radius: 8px;
    display: none;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .app-select-container {
        top: 47px;
    }
}

@media screen and (min-width: 1920px) {
    .app-select-container {
        top: 67px;
    }
}

.app-select-dropdown-items {
    width: 100%;
    max-height: 301px;
    overflow-y: auto;
}

.app-select-option {
    color: #fff;
    font-size: 14px;
    padding: 8px 12px;
}

    .app-select-option:hover {
        background: #404040;
    }

    .app-select-option.active {
        background: #91a501;
    }

@media screen and (min-width: 1024px) {
    .app-select-option {
        font-size: 12px;
    }
}

@media screen and (min-width: 1440px) {
    .app-select-option {
        font-size: 14px;
    }
}

.app-arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.app-arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media screen and (min-width: 1024px) {
    .app-select-dropdown {
        height: 42px;
    }
}

@media screen and (min-width: 1920px) {
    .app-select-dropdown {
        height: 60px;
    }

    .app-select-dropdown-items {
        top: 67px;
    }
}

.select-row {
    margin-top: 30px;
}

.app-select-dropdown-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #404040;
}

.app-select-dropdown-items::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

.app-select-dropdown-items::-webkit-scrollbar-thumb {
    background-color: #555555;
}

.modal button.close {
    background: none !important;
}

.modal-content {
    padding: 50px 32px;
    border-radius: 15px;
}

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

#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: ProximaNovaRegularBold !important;
    text-align: center;
    margin-top: 24px;
    font-weight:600;
}

.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: ProximaNovaRegular;
    font-weight:600;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.modal-dialog {
    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 .deprecation {
        background: #e33535;
        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 .back {
        background: #d7d7d7;
        margin: 0 0px 0 8px;
        width: 50%;
        text-align: center;
        border-radius: 99px;
        color: #696969;
        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: ProximaNovaRegular;
    color: #404040;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-weight:600;
}

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

.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%;
    border: none;
}

@media only screen and (max-width: 1440px) and (min-width: 1024px) {
    .modal-video .modal-content {
        width: 85%;
        margin-top: -1.9rem;
    }
}

.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;
    font-family: ProximaNovaRegular;
    font-weight:600;
}

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

.modal-video.modal button.close {
    right: 62px;
    top: 84px;
}

#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;
}

/*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 0.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 0.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 0.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;
    }
}

/**--------------SELECT 2----------------*/
.select2-selection__rendered {
    line-height: 60px !important;
}

.select2-selection {
    height: 60px !important;
}

@media only screen and (min-width: 1024px) {
    .select2-selection {
        height: 42px !important;
    }

    .select2-selection__rendered {
        line-height: 42px !important;
        font-size: 12px;
    }
}

@media only screen and (min-width: 1440px) {
    .select2-selection {
        height: 60px !important;
    }

    .select2-selection__rendered {
        line-height: 60px !important;
        font-size: 16px;
    }
}

.select2-container--default .select2-results__option--selected {
    background-color: #91a501 !important;
    color: #fff;
}

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
    color: #fff;
}

/*
    Option font size
*/
@media only screen and (min-width: 1024px) {
    .select2-results__option {
        font-size: 12px;
    }

    .select2-default {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1440px) {
    .select2-results__option {
        font-size: 14px;
    }

    .select2-default {
        font-size: 16px;
    }
}
/*
    Select item
*/
.select2-container--default .select2-selection--single {
    background: #404040 !important;
    border: none !important;
}

    /*
    Selected placeholder
*/
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
        color: #dee2e8 !important;
        padding-left: 16px !important;
    }

/*
    Dropdown background color, border, border-radius
*/
.select2-dropdown {
    background-color: #656b6f !important;
    border: none !important;
    border-radius: 6px !important;
    top: 6px !important;
}

.select2-results__options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #404040;
}

.select2-results__options::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #555555;
}

/**
    Select dropdown height
*/
.select2-container--default .select2-results > .select2-results__options {
    max-height: 300px !important;
}
/**
    Dropdown option text color, padding
*/
.select2-results__option--selectable {
    color: #fff !important;
    padding-left: 16px !important;
}

/**
    Dropdown arrow
*/

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    top: 0 !important;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 16px !important;
}

/**
    Select search input
*/

.select2-search__field {
    background-color: #3d4245;
    border: none;
    margin-top: 0;
    color: #fff;
    border: none !important;
    width: 98% !important;
    border-radius: 4px !important;
}

@media only screen and (max-width: 1440px) and (min-width: 480px) {
    .select2-search__field {
        font-size: 12px;
    }
}

.select2-search__field:focus-visible {
    outline: none !important;
    border-radius: 4px;
}
/**
    Select not found text
*/
li.select2-results__option.select2-results__message {
    color: #e7e7e7;
}

.select2-selection__clear {
    display: none;
}

.filter-select {
    display: none;
}

.empty-card-wrapper[data-action-type="filter"] {
    justify-content: center;
    margin-bottom: 5rem;
    margin-top: 2.5rem;
}

    .empty-card-wrapper[data-action-type="filter"] .empty-card-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }

        .empty-card-wrapper[data-action-type="filter"] .empty-card-content p {
            color: #fff;
        }
/*search modal*/

#search-modal {
    background: rgba(0, 0, 0, 90%);
    z-index: 9999999;
}

    #search-modal.modal .modal-dialog {
        max-width: 96%;
        padding: 14px;
        width: 100%;
    }

    #search-modal.modal .modal-content {
        width: 100%;
        padding: 0;
        background: none;
        border: none;
        padding-left: 140px;
        padding-right: 140px;
    }

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    #search-modal.modal .modal-content {
        padding-left: 80px;
        padding-right: 80px;
    }

    .prod-list-area .col-md-6 {
        width: 100%;
    }
}

#search-modal.modal input {
    border: 0 !important;
    font-size: 40px;
    outline: none;
    border-bottom: 1px solid #3a3a3a !important;
    padding-bottom: 20px;
    width: 100%;
    background: transparent;
    color: #fff;
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    #search-modal.modal input {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1440px) {
    #search-modal.modal input {
        font-size: 26px;
    }
}

#search-modal.modal button.close {
    top: 36px;
    right: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    #search-modal.modal button.close {
        top: initial;
        bottom: 20px;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1440px) {
    #search-modal.modal button.close {
        top: initial;
        bottom: 20px;
    }
}

#search-modal.modal .sub-title-area-popup {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: 106px;
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    #search-modal.modal .sub-title-area-popup {
        top: 90px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1200px) {
    #search-modal.modal .sub-title-area-popup {
        top: 82px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1440px) {
    #search-modal.modal .sub-title-area-popup {
        top: 85px;
    }
}

#search-modal.modal .row-items {
    display: flex;
    justify-content: space-between;
    position: relative;
}

    #search-modal.modal .row-items .col-item {
        display: flex;
        flex-direction: column;
        padding-right: 0;
    }

#search-modal.modal h4 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    #search-modal.modal h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1200px) {
    #search-modal.modal h4 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1440px) {
    #search-modal.modal h4 {
        top: 22px;
    }
}

#search-modal.modal .container-item-area {
    width: 94%;
    overflow-x: hidden;
}

@media only screen and (max-width: 1400px) and (min-width: 1024px) {
    #search-modal.modal .container-item-area {
        height: 356px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    #search-modal.modal .container-item-area {
        width: 100%;
    }

    .movie-col {
        width: 42%;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1440px) {
    #search-modal.modal .container-item-area {
        width: 100%;
    }

    .movie-col {
        width: 48%;
    }
}

.container-item-area {
    height: 470px;
}

.search-cinema-list {
    overflow-x: hidden;
}

#search-modal.modal .container-item-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #404040;
}

#search-modal.modal .container-item-area::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}

#search-modal.modal .container-item-area::-webkit-scrollbar-thumb {
    background-color: #555555;
}

.search-cinema-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #404040;
}

.search-cinema-list::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}

.search-cinema-list::-webkit-scrollbar-thumb {
    background-color: #555555;
}

#search-modal.modal .container-item-area a {
    display: flex;
    margin-bottom: 26px;
    padding-right: 32px;
}

    #search-modal.modal .container-item-area a:hover .text-right span {
        opacity: 0.7;
    }

    #search-modal.modal .container-item-area a:hover .text-right small {
        opacity: 0.7;
    }

    #search-modal.modal .container-item-area a * {
        transition: 0.4s ease-in-out 0s;
    }

    #search-modal.modal .container-item-area a .img-area {
        border-radius: 5px;
    }

    #search-modal.modal .container-item-area a .text-right {
        display: flex;
        flex-direction: column;
        padding-left: 20px;
    }

        #search-modal.modal .container-item-area a .text-right * {
            color: #fff;
        }

        #search-modal.modal .container-item-area a .text-right .film-name {
            font-weight: 600;
            font-size: 16px;
            line-height: 1.2;
            margin-bottom: 2px;
        }

        #search-modal.modal .container-item-area a .text-right .sub-title-pop {
            font-weight: 400;
            font-size: 13px;
            margin-bottom: 10px;
        }

        #search-modal.modal .container-item-area a .text-right .date-area {
            display: flex;
            align-items: center;
        }

            #search-modal.modal .container-item-area a .text-right .date-area small {
                font-size: 14px;
                margin-left: 5px;
            }

#search-modal.modal .row-items .col-item-2 {
    display: flex;
    flex-direction: column;
    width: 28%;
    padding-right: 2%;
}

#search-modal.modal .cinema-list-area a,
#search-modal.modal .search-other-list a {
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.3;
    transition: 0.4s ease-in-out 0s;
    font-size: 16px;
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    #search-modal.modal .cinema-list-area a,
    #search-modal.modal .search-other-list a {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1440px) {
    #search-modal.modal .cinema-list-area a,
    #search-modal.modal .search-other-list a {
        font-size: 14px;
    }
}

#search-modal.modal .row-items .col-item-2 a:hover {
    opacity: 0.6;
}

#search-modal.modal .row-items .col-item-2 .links {
    display: flex;
    flex-direction: column;
}

#search-modal.modal .col-item-2 {
    width: 40%;
}

#search-modal.modal .result-title {
    font-size: 16px;
    color: #98a726;
    margin-top: 32px;
    line-height: 1;
    position: absolute;
    top: 70px;
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    #search-modal.modal .result-title {
        top: 50px;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1440px) {
    #search-modal.modal .result-title {
        top: 52px;
    }
}

.search-no-result {
    padding: 90px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}

    .search-no-result h4 {
        font-size: 48px;
        font-weight: bold;
        text-align: center;
    }

    .search-no-result .text-row {
        font-size: 20px;
        font-weight: 400;
        text-align: center;
    }

@media only screen and (max-width: 1560px) {
    #search-modal.modal .container-item-area a .text-right .film-name {
        font-size: 14px;
    }

    #search-modal.modal .container-item-area a .text-right .sub-title-pop {
        font-size: 12px;
    }
}

#search-modal.modal .modal-dialog {
    overflow: auto;
    padding-bottom: 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin-top: auto;
    margin-bottom: auto;
    overflow-y: hidden;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

@media only screen and (max-width: 1280px) {
    #search-modal.modal .row-items .col-item h4 {
        font-size: 18px;
    }

    #search-modal.modal .row-items .col-item-2 {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1280px) {
    #search-modal.modal .row-items .col-item h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    #search-modal.modal .row-items {
        flex-wrap: wrap;
    }

        #search-modal.modal .row-items .col-item-2 {
            width: 50%;
        }

    #search-modal.modal input {
        font-size: 30px;
    }
}

@media only screen and (max-width: 640px) {
    #search-modal.modal .container-item-area .prod-list-area {
        width: 100%;
    }

    #search-modal.modal .container-item-area {
        flex-wrap: wrap;
    }

    #search-modal.modal .row-items .col-item-2 {
        width: 100%;
    }

    #search-modal.modal input {
        font-size: 22px;
        padding-bottom: 10px;
    }

    #search-modal.modal button.close {
        top: 12px;
    }
}

.search-not-found-wrapper {
    width: 400px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.search-not-found-title {
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
}

.search-not-found-description {
    text-align: center;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 5px;
}

.search-loading {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /*background-color: rgb(0 0 0 / 70%);*/
}

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

.prod-list-area {
    margin-top: 23px;
}

.search-default-section,
.search-result-section {
    margin-top: 58px;
}

.cinema-list-area,
.other-list-area {
    margin-top: 23px;
}

.search-result-section {
    justify-content: space-between;
}

.search-modal-close-btn {
    right: 0;
}

.cgv_warning_info_text {
    text-decoration: underline;
    font-weight: 600;
}

.cinema-distance-km {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    margin-bottom: 0;
    display: none;
}
/*
  Tablet vertical    
*/
@media only screen and (max-width: 820px) and (min-width: 481px) {
    .visionaries--swiper--lazy {
        width: 300px;
        height: 282px;
    }

    .greenPine--swiper--lazy {
        width: 300px;
        height: 282px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .visionaries--swiper--lazy {
        width: 300px;
        height: 310px;
    }

    .greenPine--swiper--lazy {
        width: 300px;
        height: 310px;
    }
}
/*
   Tablet horizontal
*/
@media only screen and (max-width: 1180px) and (min-width: 1025px) {
    .visionaries--swiper--lazy {
        width: 300px;
        height: 388px;
    }

    .greenPine--swiper--lazy {
        width: 300px;
        height: 388px;
    }

    .movie-list-banner-img {
        height: 340px;
    }

    #pageSwiper .visionaries--swiper--lazy {
        height: 310px;
    }

    #pageSwiper .visionaries--swiper--lazy {
        height: 310px;
    }
}

/*-----------------------*/
@media only screen and (max-width: 1287px) and (min-width: 1181px) {
    .visionaries--swiper--lazy {
        width: 300px;
        height: 300px;
    }

    .greenPine--swiper--lazy {
        width: 300px;
        height: 300px;
    }

    .soon--swiper--lazy {
        height: 300px;
    }

    .detail-tab-container .visionaries--swiper--lazy {
        width: 300px;
        height: 292px;
    }

    .detail-tab-container .greenPine--swiper--lazy {
        width: 300px;
        height: 292px;
    }

    .movie-list-banner-img {
        height: 298px;
    }

    #pageSwiper .visionaries--swiper--lazy {
        height: 350px;
    }

    #pageSwiper .greenPine--swiper--lazy {
        height: 350px;
    }
}

@media only screen and (max-width: 1156px) and (min-width: 1027px) {
    .visionaries--swiper--lazy {
        height: 336px;
    }

    .greenPine--swiper--lazy {
        height: 336px;
    }
}

@media only screen and (max-width: 1287px) and (min-width: 1180px) {
    .visionaries--swiper--lazy {
        height: 386px;
    }

    .kids-img .visionaries--swiper--lazy {
        width:358px;
        height: 517px;
    }

    .greenPine--swiper--lazy {
        height: 386px;
    }
}

@media only screen and (max-width: 1365px) and (min-width: 1288px) {
    .visionaries--swiper--lazy {
        width: 300px;
        height: 400px;
    }

    .greenPine--swiper--lazy {
        width: 300px;
        height: 400px;
    }

    .movie-list-banner-img {
        width: 300px;
        height: 308px;
    }

    .soon--swiper--lazy {
        height: 310px;
        width: 300px;
    }

    .detail-tab-container .visionaries--swiper--lazy {
        width: 300px;
        height: 324px;
    }

    .detail-tab-container .greenPine--swiper--lazy {
        width: 300px;
        height: 324px;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
    .movie-list-banner-img {
        width: 300px;
        height: 326px;
    }

    .detail-tab-container .visionaries--swiper--lazy {
        height: 324px;
    }

    .detail-tab-container .greenPine--swiper--lazy {
        height: 324px;
    }

    #pageSwiper .visionaries--swiper--lazy {
        height: 390px;
    }

    #pageSwiper .greenPine--swiper--lazy {
        height: 390px;
    }

    .soon--swiper--lazy {
        width: 230px !important;
        height: 326px;
    }

    .visionaries--swiper--lazy {
        width: 300px;
        height: 409px;
    }

    .greenPine--swiper--lazy {
        width: 300px;
        height: 409px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1441px) {
    .visionaries--swiper--lazy {
        width: 327px;
        height: 454px;
    }

    .kids-img .visionaries--swiper--lazy {
        width: 418px;
        height: 603px;
    }

    .greenPine--swiper--lazy {
        width: 327px;
        height: 454px;
    }

    .soon--swiper--lazy {
        width: 350px;
        height: 376px;
    }

    .detail-tab-container .visionaries--swiper--lazy {
        width: 328px;
        height: 392px;
    }

    .detail-tab-container .greenPine--swiper--lazy {
        width: 328px;
        height: 392px;
    }

    .movie-list-banner-img {
        width: 300px;
        height: 380px;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1440px) {
    .visionaries--swiper--lazy {
        height: 386px;
    }

    .greenPine--swiper--lazy {
        height: 386px;
    }
}

@media only screen and (max-width: 1024px) {
    .navbar-toggler {
        padding-left: 0;
    }

    .navbar-brand {
        margin-right: 0;
    }
}

 @media only screen and (max-width:768px){
    #kidsAndFamilySlider .swiper-slide img.kidsAndFamily--swiper--lazy {
        height: 151px!important;
    }
 }

@media only screen and (max-width: 820px) {
    .app-swiper-nav {
        display: none !important;
    }
}

@media only screen and (max-width: 820px) and (min-width: 481px) {
    #soonVisionariesSlider .soon--swiper--lazy {
        height: 252px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 481px) {
    .footer-top-area {
        justify-content: space-between;
    }

        .footer-top-area .footer-item-area {
            flex-basis: 49%;
            margin-top: 1rem;
        }

    .footer-item-area[data-type="saloon"] {
        margin-top: -7rem;
    }

    footer .footer-bottom-container .text-area {
        order: unset;
        flex-direction: column;
        gap: 1rem;
        margin-left: 0px;
    }

    .footer-bottom-container .logo-area {
        order: unset;
        flex-direction: column;
        gap: 22px;
    }

    .footer-bottom-container .text-area a {
        line-height: 17px;
    }

    .app-swiper-nav {
        display: none;
    }
}

@media only screen and (max-width: 1180px) {
    .linear-bg {
        display: none;
    }
}


.remaining-aca-vip-logo {
    height: 35px !important;
}

.x-footer-logo {
    width: 25px !important;
    height: 25px !important;
    margin-top: 5px;
}

@media screen and (max-width: 991px) {
    .movie {
        margin-left: 0;
    }
}

.mobile-menu-footer {
    width: 100%;
    bottom: 0;
    left: 0;
    height: 139px;
    padding-bottom: 46px;
    display: none;
    margin-top: 56px
}

@media screen and (max-width: 480px) {
    .mobile-menu-footer {
        margin-top: 4px;
    }
}

.mobile-social-media-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.mobile-social-media-icons {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 36px;
    padding: 0 39px;
}

.mobile-mars-group {
    text-align: center;
    padding-top: 14px;
}

    .mobile-mars-group img {
        width: 122.117px;
    }

.mobile-dropdown-menu {
    display: none;
    margin-top: 6px;
}

    .mobile-dropdown-menu ul li a {
        font-size: 14px;
        color: #fff;
        opacity: .8;
        font-weight: 400;
        line-height: 31.5px;
    }

    .mobile-dropdown-menu ul li {
        list-style: none;
        position: relative;
    }

    .mobile-dropdown-menu ul {
        padding-left: 40px;
    }

.mobile-dropdown {
    padding-right: 0 !important;
}

.mobile-dropdown-menu ul li img {
    position: absolute;
    right: 8%;
    top: 15px;
}

.arrow-rotate {
    transform: rotate(180deg)
}

.search-cinema-list .cinema-list-area {
    display: block;
}

.search-close-mobile {
    display: none;
}

@media screen and (max-width: 480px) {
    #search-modal .modal-dialog {
        overflow: auto !important;
    }

    #search-modal .modal-content {
        height: 100vh;
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow: auto !important;
    }

    #search-modal .modal-body {
        padding-top: 3rem;
    }

    #search-modal.modal .sub-title-area-popup {
        top: 114px;
    }

    .header-search-main-section {
        height: 100vh;
        overflow-y: auto;
    }

    .sub-title-area-popup {
        position: static !important;
        margin-top: 25px;
    }

    .search-default-section {
        margin-top: 20px;
    }

    #search-modal.modal button.close {
        top: -2px;
    }

    #search-modal.modal h4 {
        font-size: 22px;
    }

    #search-modal.modal .container-item-area a .text-right .date-area small {
        font-size: 12px;
        position: relative;
        top: 1px;
    }

    #search-modal.modal .cinema-list-area a {
        font-size: 14px;
    }

    .search-other-list-title {
        margin-top: 18px;
    }

    .search-close-desktop {
        display: none;
    }

    .search-close-mobile {
        display: block;
        width: 24px !important;
        height: 24px;
        margin-top: 6px;
    }

    #search-modal.modal .result-title {
        position: static !important;
    }

    .search-result-section {
        margin-top: 29px;
    }
    /*    #search-modal.modal .container-item-area {
        height: auto !important;
    }*/
}

.mobile-soon-movie-image {
    display: none;
}

@media screen and (max-width: 768px) {
    .mobile-soon-movie-image {
        display: block;
    }
}

#adsContainer {
    width: 100%;
    background: #121212;
    height: auto;
    position: relative;
    z-index: 9999;
    padding: 47px 68px;
    display: none;
}

@media screen and (max-width: 768px) {
    #adsContainer {
        padding: 47px 45px;
        padding-bottom: 0;
    }
}

.ads-banner-content {
    width: 100%;
    position: relative;
}

.ads-banner-close-btn {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0 !important;
    text-align: end;
    position: absolute;
    right: 0;
    background: transparent;
}

@media screen and (max-width: 768px) {
    .ads-banner-close-btn {
        top: -32px;
        right: -28px;
    }
}

#adsBanner {
    display: flex;
    justify-content: center;
}

.ads-inner-text h3 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1.4px;
    opacity: .5;
    margin-bottom: 10px !important;
}

#adsInnerContainer {
    margin-top: 3rem;
    padding-top: 2rem;
    padding-bottom: 2.5rem;
    background: #2D2D2D;
    display: none;
}

@media screen and (max-width: 768px) {
    /*#adsContainer, #adsInnerContainer {
        display: none;
    }*/
}

/* CGV MOVIEPASS MODAL */
#cgvMoviePassModal {
    position: relative;
    visibility:hidden!important;
}

.cgv-movipass-modal-content {
    position: absolute;
    width: 623px;
    height: auto;
    right: 5%;
    max-width: 623px;
    top: 0;
    padding: 32px;
    border-radius: 20px;
    background: #474747;
}

.cgv-moviepass-modal-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.cgv-moviepass-header-title {
    display: flex;
    align-items: center;
    gap: 24px;
}

    .cgv-moviepass-header-title img {
        width: 47.763px;
        height: 50px
    }

    .cgv-moviepass-header-title h3 {
        color: #FFF;
        text-align: center;
        /* font-family: "Proxima Nova"; */
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 0;
    }

.cgv-moviepass-close {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(245, 246, 248, 0.13);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.cgv-moviepass-footer {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    display: flex;
    justify-content: center;
}

    .cgv-moviepass-footer h3,
    .cgv-moviepass-footer p {
        margin-bottom: 0 !important;
        opacity: .8;
        color: #fff;
    }

    .cgv-moviepass-footer h3 {
        font-size: 16px;
    }

    .cgv-moviepass-footer p {
        font-size: 14px;
    }

.cgv-moviepass-modal-items {
    padding-top: 32px;
    display: flex;
    justify-content: start;
    margin-bottom: 24px;
}

.cgv-moviepass-footer {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.cgv-moviepass-footer-btn {
    padding: 12px 24px;
    border-radius: 99px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    background: #96A825;
    margin-top: 24px;
}

.cgv-moviepass-modal-items .item {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #292929;
    box-shadow: 0px 4px 10px 0px rgba(89, 89, 89, 0.1), 0px 18px 18px 0px rgba(89, 89, 89, 0.09), 0px 40px 24px 0px rgba(89, 89, 89, 0.05), 0px 71px 29px 0px rgba(89, 89, 89, 0.01), 0px 111px 31px 0px rgba(89, 89, 89, 0);
    /*display: flex;
    justify-content: center;*/
    padding: 14px;
    /*    flex-direction: column;
    align-items: center;*/
    height: 218px;
    max-height: 218px;
    position: relative;
    margin-bottom: 32px;
}

.item-title {
    color: #ffff;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
}

.cgv-moviepass-items-inner {
    width: 100%;
    height: auto;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.cgv-moviepass-inner-item {
    margin-bottom: 7px
}

    .cgv-moviepass-inner-item:last-child {
        margin-bottom: 0 !important;
    }

    .cgv-moviepass-inner-item p {
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.70);
        margin-bottom: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .cgv-moviepass-inner-item img {
        width: 20px;
        height: 20px;
    }

.cgv-moviepass-footer-buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.cgv-moviepass-item-gift-btn {
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.cgv-moviepass-item-buy-btn {
    color: #fff;
    padding: 4px 24px;
    background: #96A825;
    border-radius: 99px;
    font-weight: 600;
    height: 29px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 14px;
}

    .cgv-moviepass-item-buy-btn:hover {
        color: #fff !important;
    }

.cgv-moviepass-footer-btn:hover {
    color: #fff !important;
}

.cgv-moviepass-modal-badge {
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 99px;
    padding: 4px 16px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -12px;
    width: auto;
}

    .cgv-moviepass-modal-badge.popular {
        background: #CE241B;
        width: 87px;
        max-width: 87px;
        font-weight: 800;
    }

.cgv-moviepass-item-gift-btn:hover {
    color: #fff !important;
}

.cgv-moviepass-modal-badge.cgv-money {
    background: #C7921E;
    width: 117px;
    font-weight: 800;
}

@media screen and (max-width: 768px) {
    .cgv-movipass-modal-content {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 768px) {
    .cgv-moviepass-header-title h3 {
        font-size: 16px;
    }
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 88;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.overlay-active {
    visibility: visible !important;
    opacity: 1 !important;
}

#cgvMoviePassModal {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
}

#cgvMoviePassModal.active {
    visibility: visible !important;
    opacity: 1 !important;
}

.login-ticket-bottom-msg {
    color: #A7A7A7 !important;
    font-size: 16px !important;
}

@media screen and (max-width: 480px) {
    .new-login-btn {
        font-size: 14px !important;
    }
    .login-ticket-bottom-msg {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1440px) {
    .login-ticket-auth-title {
        font-size: 28px !important;
    }
}

#app-qr-modal {
    z-index: 9999;
    width: 350px;
    max-width: 350px;
    height: 296px;
    padding: 24px;
    background: #2D2D2D;
    position: fixed;
    border-radius: 16px;
    bottom: 4%;
    left: 5.2%;
}
.app-qr-close {
    position: relative;
}

.app-qr-close img {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.app-qr-modal-title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
}
.app-qr-modal-content {
    margin-bottom: 0 !important;
    color: #fff;
    font-size: 14px;
    margin-top: 8px;
}

.app-qr-modal-marketplace {
    margin-top: 8px;
    display: flex;
    gap: 8px;
}

.app-qr-modal-marketplace img {
    width: auto;
    height: auto;
}

.app-qr-modal-code-img {
    width: 92px;
    height: 92px;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 6px;
    margin-top: 24px;
}
.app-qr-bg {
    position: absolute;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 1440px) {
    .cgv-money-plus {
        display: flex;
    }
    .cgv-money-plus svg {
        width: 24px;
        height: 24px;
    }
}
/* Nxm Cinema Modal */
#nxmCinemaModal button.close {
    right: 38px;
}

.vjs-big-play-button {
    display: none !important;
}

#celebrationModal {
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000c9;
    z-index: 3000000;
}

#customInfoModal {
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000c9;
    z-index: 3000000;
}

@media only screen and (max-width:767px){
    .cgv-celebration-close {
        position: absolute;
        right: 18px !important;
        top: 43px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }


    .celebration-modal-content {
        position: relative;
        width: 100% !important;
        height: 500px !important;
    }

    .cgv-customInfo-close {
        position: absolute;
        right: 18px !important;
        top: 43px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }


    .customInfo-modal-content {
        position: relative;
        width: 100% !important;
        height: 500px !important;
    }
}


@media only screen and (max-width:420px) {
    .cgv-celebration-close {
        position: absolute;
        right: 18px !important;
        top: 65px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }

    .cgv-customInfo-close {
        position: absolute;
        right: 18px !important;
        top: 65px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }

}


@media only screen and (max-width:414px) {
    .cgv-celebration-close {
        position: absolute;
        right: 18px !important;
        top: 57px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }

    .cgv-customInfo-close {
        position: absolute;
        right: 18px !important;
        top: 57px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }
}

@media only screen and (max-width:380px) {
    .cgv-celebration-close {
        position: absolute;
        right: 18px !important;
        top: 71px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }
    .cgv-customInfo-close {
        position: absolute;
        right: 18px !important;
        top: 71px !important;
        background: #000000b5 !important;
        padding: 7px !important;
    }
}




.celebration-modal-content {
    position: relative;
    width: 600px;
    height: 600px;
}

    .celebration-modal-content img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.cgv-celebration-close {
    position: absolute;
    right: 12px;
    top: 14px;
    background: #00000040;
    padding: 10px;
    border-radius: 50%;
    cursor:pointer;
}

.customInfo-modal-content {
    position: relative;
    width: 600px;
    height: 600px;
}

    .customInfo-modal-content img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.cgv-customInfo-close {
    position: absolute;
    right: 12px;
    top: 14px;
    background: #00000040;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
}



#goldenEggModal {
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000c9;
    z-index: 3000000;
    display:none;
}

.goldenEgg-modal-content {
    position: relative;
    width: 1022px;
    height: 326px;
}

    .goldenEgg-modal-content img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


.corn-1 {
    width: 50px!important;
    position: absolute;
    top: -38px;
    left: 53%;
    height: auto!important;
    transform: rotate(176deg);
}

.corn-2 {
    width: 78px!important;
    position: absolute;
    top: -29px;
    left: 48%;
    height: auto!important;
    transform: rotate(180deg);
}

@media only screen and (min-width:860px) and (max-width:1024px){
    .goldenEgg-modal-content {
        position: relative;
        width: 938px;
        height: 326px;
    }

    .corn-1 {

        top: -25px;

    }
}

@media only screen and (min-width:768px) and (max-width:820px){
    .goldenEgg-modal-content {
        position: relative;
        width: 692px;
        height: 326px;
    }


    .corn-1 {
        top: 13px;
        left: 50%;
    }

    .corn-2 {

        top: 12px;
        left: 43%;

    }
}


@media only screen and (max-width:768px){
    .goldenEgg-modal-content {
        position: relative;
        width: 91%;
        height: 326px;
    }

    .corn-2 {
        width: 35px !important;
        position: absolute;
        top: 93px;
        left: 41%;

    }

    .corn-1 {
        width: 30px !important;
        position: absolute;
        top: 86px;
        left: 48%;
        height: auto !important;
        transform: rotate(176deg);
    }
}

.header-cgv-kids-logo {
    width: 80px;
    height: 38.26px;
}


 .movie-isChild {
    width: 197px;
    height: 52px;
    background: transparent;
    border-radius: 0px;
}

#kidsAndFamilySlider .egg-icon {
    width: 20px;
    position: relative;
    right: -4px;
    top:-1px;
}

@media only screen and (max-width:1440px){
    .movie-isChild {
        width: 130px;
    }
}

@media only screen and (min-width:1440px) and (max-width:1640px) {
    .movie-isChild {
        width: 120px;
    }
}

@media only screen and (max-width:1240px) {
    .movie-isChild {
        width: 86px;
    }
}

@media only screen and (max-width:1024px) {
     .movie-isChild {
        display:none;
    }


    .movie-isChildMobile {
        display:block!important;
        width: 117px;
        height: auto;
        object-fit: contain;
    }
}

.movie-isChildMobile {
   display:none;
}


/*#goldenEggPopup .btns-area .login-btn, .btns-area .next {
    width: auto;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 32px;
    margin: 0px auto;
}*/



#goldenEggPopup .icon-center-cgv {
    display: flex;
    margin: auto;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    width: 57px;
    object-fit: contain;
    position: relative;
    z-index: 100;
}

#goldenEggPopup button.close {
    background: none !important;
    position: absolute;
    right: 39px;
    top: 19px;
    cursor: pointer;
    z-index: 6;
    width: 24px;
    height: 24px;
}

#goldenEggPopup .modal-body{
    overflow:hidden;
}



#goldenEggPopup .in-box-15 {
    padding: 5px 20px;
    padding-bottom: 10px;
}


#goldenEggPopup .modal-content h3 {
    font-size: 23px;
}

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

#goldenEggPopup .btns-area .login-btn, .btns-area .next{
    cursor:pointer;
}

#modalImg {
    overflow: hidden;
}

#modalImg {
    padding: 10px!important;
}

    #modalImg img {
        width: 100%;
        max-height: 309px;
    }

    @media only screen and (max-width:768px){
        #modalImg {
            height: auto;
            overflow: hidden;
        }

            #modalImg img {
                width: 100%;
                max-height: 309px;
            }


        #goldenEggPopup .in-box-15 {
            padding: 5px 7px;
            padding-bottom: 10px;
        }
    
    }


/*#modalImg {
    position: relative;
    height: 173px;
    width: 80%;
    margin: 0px auto;
}

    #modalImg::before {
        background: url("../modules/page-golden-egg/img/golden-egg-modal-bg.svg");
        width: 100%;
        display: block;
        height: 100%;
        position: absolute;
        left: 0;
        top: -59px;
        content: "";
        z-index: 0;
    }*/

.modal-header-title {
    margin-top: 19px;
    font-size: 26px;
    display: inline-block;
    font-family: 'ProximaNovaRegularBold';
}

#goldenEggPopup .modal-header {
    padding: 5px 1rem;
    border-bottom: 0px;
}

.goldenEgg-modal-content {
    position: relative;
    width: 1022px;
    height: 326px;
    position: absolute;
    top: 110px;
    left: 27%;
}


.goldenModal-icon {
    width: 94px !important;
    position: absolute;
    top: -89px;
    left: 50%;
    height: auto !important;
}


@media only screen and (max-width:1024px){
    #goldenEggModal {
        display: none!important;
    }
}

@media only screen and (min-width:1060px) and (max-width:1093px){
    .goldenEgg-modal-content {
        top: 106px;
        left: 2%;
    }
}

@media only screen and (min-width:1093px) and (max-width:1114px) {
    .goldenEgg-modal-content {
        top: 108px;
        left: 3%;
    }
}


@media only screen and (min-width:1113px) and (max-width:1138px) {
    .goldenEgg-modal-content {
        top: 108px;
        left: 5%;
    }
}

@media only screen and (min-width:1138px) and (max-width:1197px) {
    .goldenEgg-modal-content {
        top: 108px;
        left: 3%;
    }
}


@media only screen and (min-width:1200px) and (max-width:1240px) {
    .goldenEgg-modal-content {
        top: 109px;
        left: 7%;
    }
}

@media only screen and (min-width:1248px) and (max-width:1352px) {
    .goldenEgg-modal-content {
        top: 106px;
        left: 6%;
    }
}


@media only screen and (min-width:1352px) and (max-width:1440px) {
    .goldenEgg-modal-content {
        top: 105px;
        left: 6%;
    }
}


@media only screen and (min-width:1441px) and (max-width:1460px) {
    .goldenEgg-modal-content {
        top: 110px;
        left: 21%;
    }

    .goldenModal-icon {
        width: 86px !important;
        position: absolute;
        top: -89px;
        left: 50%;
        height: auto !important;
    }
}

@media only screen and (min-width:1460px) and (max-width:1485px) {
    .goldenEgg-modal-content {
        top: 112px;
        left: 31%;
    }
}

@media only screen and (min-width:1485px) and (max-width:1523px) {
    .goldenEgg-modal-content {
        top: 112px;
        left: 31%;
    }
}

@media only screen and (min-width:1523px) and (max-width:1578px) {
    .goldenEgg-modal-content {
        top: 109px;
        left: 30%;
    }
}

@media only screen and (min-width:1578px) and (max-width:1655px) {
    .goldenEgg-modal-content {
        top: 110px;
        left: 29%;
    }
}

@media only screen and (min-width:1655px) and (max-width:1713px) {
    .goldenEgg-modal-content {
        top: 108px;
        left: 28%;
    }
}


/* Header Kids Club Modal*/
.kids-modal-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0, .8);
    z-index: 2000000;
    display:none;
}
#kids_club_modal {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000000;
    transform: translate(-45%, -10.5%);
    display: none;
}
.text-movie{
    position:relative;
}
.kids-club-modal-content {
    max-width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 18px;
}
.kids-modal-sub-body {
    display: flex;
    align-items: center;
    background-color: #FF7148;
    padding:40px;
    border-radius:24px;
    column-gap: 40px;
    width:1010px;
    position:relative;
}
.kids-modal-body{
    position:relative;
    max-width:max-content;
}
.kids-modal-l-b{
    position:absolute;
    left: 9px;
    top:11px;
    z-index:1;
}
.kids-modal-r-b {
    position: absolute;
    right: 16px;
    top: -23px;
    z-index: 1;
}
.kids-modal-bg{
    position:absolute;
    bottom:4px;
    right:-15px;
    z-index:1;
}
.kids-modal-info{
    position:relative;
    z-index:50;
}
h5.m-0.p-0.kids-modal-header {
    font-size: 32px;
    font-weight: 800;
    max-width: 510px;
    color: white;
    line-height: 120%;
    padding-bottom: 16px !important;
    font-family: ProximaNovaRegularBold;
}
p.kids-modal-p.m-0.p-0 {
    font-size: 16px;
    font-weight: normal;
    color: #FFD4C8;
    max-width: 569px;
    line-height: 24px;
    padding-bottom: 16px !important;
}
.kids-modal-btns {
    display: flex;
    gap: 8px;
    align-items: center;
}
a.outline-btn-kids {
    font-weight: bold;
    color: white;
    padding: 8px 20px;
    border: 1px solid white;
    border-radius: 53px;
}
a.btn-kids {
    font-weight: bold;
    color: #3F444C;
    padding: 8px 20px;
    border: 1px solid white;
    border-radius: 53px;
    background-color: white;
}
a.outline-btn-kids:hover{
    color:white;
}
a.outline-btn:hover {
    color: #3F444C;
}
.kids-holder {
    background-color: #C82B17;
    width: 100%;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: -6px;
}

.kid-holder-item {
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}

.head-itm-c {
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    color: white;
}

.item-name-kid {
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    color: white;
}

.holder-item-r {
    padding-left: 16px;
    border-left: 1px solid #EE6351;
}
/* Header Kids Club Modal*/

.screenx-badge {
    border: 2px solid white;
    border-radius: 100px;
    padding: 3px 4px;
    color: white;
    font-size: 8px;
    font-weight: bold;
    background-color: #98A726;
    display: inline-block;
    position: absolute;
    top: -13px;
    right: -7px;
}
.screenx-container{
    position:relative;
}