:root{
    --c1: #cc1616;
    --c2: #FEEE00;
    --c3: #2a2b2d;
}

a{color: #5a5a5a;}
a:hover{color: var(--c2);}

/*HEADER*/
.bg-dark {background-color: var(--c3) !important;}
.navbar{padding: 0;height: 87px;transition: transform .4s ease 0s;}
#navbarCollapse{display: block!important;position: absolute;right: 0;width: 100%;max-width: 80%;z-index: 1;}
#navbarCollapse>div{display: -ms-flex;display: -webkit-flex;display: flex;}
#navbarCollapse .mm1 {-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-end;justify-content: end;background-color: #ffffff;padding-bottom: 8px;padding-top: 8px;}
#navbarCollapse .mm2 {-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-end;justify-content: end;background-color: var(--c2);height: 50px;}
#navbarCollapse .mm1 ul{width: 100%;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: end;-webkit-align-items: center;align-items: center;}
#navbarCollapse .mm1 ul{margin-right: 50px;}
#navbarCollapse .mm2 ul{margin-right: 50px;}
#navbarCollapse .mm1 .nav-item:not(:last-child){margin-right: 30px;}
#navbarCollapse .mm2 .nav-item:not(:last-child){margin-right: 20px;}
#navbarCollapse .mm1 .nav-item a{font-size: 14px;color: #000000;font-weight: 400;padding-bottom: 0;padding-top: 0;}
#navbarCollapse .mm2 .nav-item a{font-size: 16px;color: #000000;font-weight: 600;}
#navbarCollapse .mm1 .nav-item a:hover{text-decoration: underline;}
#navbarCollapse .mm2 .nav-item a:hover{text-decoration: underline;}
.triaMule2 {display: block;border-bottom: 87px solid var(--c3);position: absolute;margin-left: 30px;z-index: 5;border-right: 87px solid var(--c3);}
.triaMule {display: block;border-bottom: 87px solid var(--c3);position: absolute;z-index: 5;border-right: 105px solid transparent;bottom: 0;left: 140px;}
.navbar-brand{position: relative;z-index: 6;}
.navbar-brand img{width: 140px;position: relative;top: 15px;}
#navbarCollapse .nav-link.active{text-decoration: underline;}
.navbar-dark .navbar-brand{height: 87px;background-color: var(--c3);}

@media (max-width: 1680px) {
    #navbarCollapse{max-width: 88%;}
}

@media (min-width: 1025px) {
    header.mobile-header{display: none!important;}
}
@media (max-width: 1024px) {
    header.desktop-header{display: none!important;}
    header.mobile-header{background-color: var(--c3);}
    header a{text-decoration: none;color: #fff;transition: color 150ms ease-in;font-size: 20px;}
    header .header-area{height: 70px;display: -ms-flex;display: -webkit-flex;display: flex;width: 100%;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin: 0;padding: 0 15px;}
    header .header-area .menu-content{position: fixed;height: 100vh;top: 0;left: 0;right: 0;background-color: #000;transform: translate(100vw, 0px);transition: transform .5s;z-index: 9;}
    header .header-area .header-logo-content img{width: 80px;transition: all .2s;}
    header .header-area .header-logo-content a img{width: 80px;transition: all .2s;}
    header .header-area .menu-content ul{list-style-type: none;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;margin: 0;padding: 0;margin-top: 40px;text-align: center;}
    header .header-area .menu-content ul li{margin: 5px 10px;line-height: 40px;transition: all .2s;}
    header .header-area .menu-content button{background: none;border: 0;outline: none;float: right;margin: 20px;font-size: 16px;color: #fff;}
    header .header-area .mobile-hamburger button.hamburger{border: 0;background-color: transparent;margin: 0;padding: 0;outline: none;position: relative;top: 3px;}
    header .header-area .mobile-hamburger button.hamburger span{background-color: #fff;width: 28px;height: 2px;display: block;margin-bottom: 5px;}
    header.banner-scroll .header-area .mobile-hamburger button.hamburger span{background-color: #fff;}
    header.banner-scroll .mobile-calendar-button a:first-child{display: none!important;}
    header.banner-scroll .mobile-calendar-button a:last-child{display: block!important;}
    header .header-area .mobile-hamburger button.hamburger span:last-child{margin-bottom: 0;}
    body.menuOpen header .header-area .menu-content{transform: translate(0vw, 0);}
    header .header-area .mobile-hamburger-menu-logo{text-align: center;margin-top: 70px;}
    header .header-area .mobile-hamburger-menu-logo img{width: 120px;}
    header.banner-scroll .header-area{height: 70px;}
    header .header-area .mobile-calendar-button a img{width: 26px;}
    header .header-area .mobile-calendar-button a:last-child{display: none;}
    header .header-area .mobile-icons{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
    header .header-area .mobile-icons .mobile-calendar-button{margin-right: 1.4rem;position: relative;bottom: 2px;}
    body.menuOpen{overflow: hidden;}
    body.menuOpen header a{color: #fff;}
    header.scrolled .header-area .header-logo-content a img{border-color: transparent!important;}
    header.scrolled.banner-scroll .header-area .header-logo-content a img{border-color: #bababa80!important;}
    header .menuList{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;gap: 15px;}
    header .menuList ul:first-child{margin-top: 20px!important;}
    header .menuList ul:last-child{border-top: 1px solid #FFFFFF;max-width: 250px;margin: 0 auto;padding-top: 15px;}
    header .menuList ul li{line-height: 25px!important;}
    header .menuList ul a{display: block;}
}

/*HEADER*/


/* SWIPER JS */
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #f8f7f4;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{width: 100%;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: all;cursor: pointer;}
@media (min-width: 1025px) {
    .swiper-slide img {display: block;width: 100%;height: 600px;object-fit: cover;}
    .swiper-button-next{bottom: 0;top: auto;right: 0;background-color: var(--c3);height: 50px;width: 50px;}
    .swiper-button-next:hover{bottom: 0;top: auto;right: 0;background-color: #ffffff;height: 50px;width: 50px;}
    .swiper-button-prev{left: auto;right: 52px;top: auto;bottom: 0;background-color: var(--c3);height: 50px;width: 50px;}
    .swiper-button-prev:hover{left: auto;right: 52px;top: auto;bottom: 0;background-color: #ffffff;height: 50px;width: 50px;}
    .swiper-button-next:after{content: '';background-image: url('/assets/images/svg/left-arrow-light.svg');width: 32px;height: 32px;background-repeat: no-repeat;background-size: cover;transform: rotate(180deg);}
    .swiper-button-next:hover:after{content: '';background-image: url('/assets/images/svg/left-arrow.svg');}
    .swiper-button-prev:after{content: '';background-image: url('/assets/images/svg/left-arrow-light.svg');width: 32px;height: 32px;background-repeat: no-repeat;background-size: cover;}
    .swiper-button-prev:hover:after{content: '';background-image: url('/assets/images/svg/left-arrow.svg');}
}
@media (max-width: 1024px) {
    .swiper-slide img {display: block;width: 100%;height: calc(100dvh - 70px);object-fit: cover;}
    .swiper-button-next{background-color: var(--c3);height: 50px;width: 50px;}
    .swiper-button-next:hover{background-color: #ffffff;}
    .swiper-button-prev{background-color: var(--c3);height: 50px;width: 50px;}
    .swiper-button-prev:hover{background-color: #ffffff;}
    .swiper-button-next:after{content: '';background-image: url('/assets/images/svg/left-arrow-light.svg');width: 32px;height: 32px;background-repeat: no-repeat;background-size: cover;transform: rotate(180deg);}
    .swiper-button-next:hover:after{content: '';background-image: url('/assets/images/svg/left-arrow.svg');}
    .swiper-button-prev:after{content: '';background-image: url('/assets/images/svg/left-arrow-light.svg');width: 32px;height: 32px;background-repeat: no-repeat;background-size: cover;}
    .swiper-button-prev:hover:after{content: '';background-image: url('/assets/images/svg/left-arrow.svg');}
}
/* SWIPER JS */

/* SLIDER HOME */
section.home-slider{position: relative;margin-top: 80px;}
section.home-slider .slider-inner-content{position: absolute;left: 0px;bottom: 0px;}

@media (min-width: 1025px) {
    section.home-slider .swiper-slide{padding-left: 0px;padding-bottom: 0px;letter-spacing: 2px;}
    section.home-slider .slider-inner-content .theatre-name{background-color: var(--c3);color: #fff;height: 70px;line-height: 70px;font-size: 36px;padding: 0 20px;width: max-content;margin: 0;}
    section.home-slider .slider-inner-content .theatre-date{background-color: var(--c2);color: var(--c3);height: 50px;line-height: 50px;font-size: 24px;padding: 0 20px;text-align: left;width: max-content;}
    section .home-slider-mobile{display: none;}
    .empty-slider{margin-top: 180px!important;}
}
@media (max-width: 1024px) {
    section.home-slider .swiper-slide{padding-left: 0px;padding-bottom: 0px;letter-spacing: 2px;}
    section.home-slider .slider-inner-content .theatre-name{background-color: var(--c3);color: #fff;font-size: 28px;padding: 14px 20px 12px;max-width: max-content;margin-bottom: 0;text-align: left}
    section.home-slider .slider-inner-content .theatre-date{background-color: var(--c2);color: var(--c3);height: 50px;line-height: 50px;font-size: 20px;padding: 0 20px;padding-top: 2px;text-align: left;max-width: max-content;}
    /*section .home-slider{display: none;}*/
    .empty-slider{margin-top: 10px!important;}
}
/* SLIDER HOME */

/*HOMEPAGE*/
section.about .wfull{width: 100%!important;}
section.about{margin-top: 80px;margin-bottom: 80px;}
.home-dark-area{width: 100%!important;}
/*HOMEPAGE*/

/*CALENDER*/
section.program{margin-top: 50px;}
.takvim-area ul{list-style-type: none!important;}
.takvim-area a{text-decoration: none!important;}
.takvim-area ul p{margin-top: 0px;line-height: 1;}
.takvim-area ul li:not(:first-child){margin-top: 15px;}
.row.calendar{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.row.topbar{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.calendar-topbar{-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;width: 100%;}
.calendar-topbar h2{font-size: 30px!important;}
.calendar-wrapper .box {border: 1px solid #fff;padding: 0}
.calendar-wrapper .calendar, .calendar-wrapper .topbar {margin-left: 0;margin-right: 0}
.calendar-wrapper .topbar {text-align: center;color: var(--c3);line-height: 64px;font-weight: 700}
.calendar-wrapper .topbar .box {background-color: var(--c2);}
.calendar-wrapper .calendar {font-size: 20px}
.calendar-wrapper .calendar .day-number {height: 30px;background-color: var(--c3);padding: 0 10px;color: #fff;line-height: 30px}
.calendar-wrapper .calendar .box.active > .day-number {background-color: var(--c2)}
.calendar-wrapper .calendar .plays {height: 180px;overflow-y: scroll;background-color:#f5f7f8;padding: 10px;line-height: 1.2;}
.calendar-wrapper .calendar .plays ul{padding-left: 0!important;padding-top: 0px!important;margin-top: 5px!important;}
.calendar-wrapper .calendar .plays::-webkit-scrollbar {width: 8px;}
.calendar-wrapper .calendar .plays::-webkit-scrollbar-thumb {background: var(--c2);}
.calendar-wrapper .calendar .plays::-webkit-scrollbar-track {background: #f1f1f100;}
.calendar-wrapper .calendar .plays .name {color: var(--c3);margin-bottom: 5px;font-weight: bold;font-size: 18px;}
.calendar-wrapper .calendar .plays .name a {color: var(--c3); margin-bottom: 0}
.calendar-wrapper .calendar .plays .name a:hover {color: var(--c2); margin-bottom: 0}
.calendar-wrapper .calendar .plays .time {color: var(--c3)}
.calendar-wrapper .calendar .box.active > .plays {background-color: #fff}
#header, #header .inner .wrap-logo .logo img {width: 100%}

.day-mobile-viewer {list-style: none;display: none;}
.topbar .box span:nth-child(2) {display: none;}
.takvim-area ul p.time{font-size: 16px;}

@media (min-width: 1025px) {
    .row .uncont.col-custom-width{border: 0!important;}
    .calendar-wrapper .box {width: calc(14.286% - 1px);}
}


@media (max-width: 1024px) {
    .calendar-wrapper .box {height: 90px;}
    section.about{margin-top: 20px;margin-bottom: 80px;}
}

@media (min-width: 1025px) {
    .takvim-area ul p.time{margin-top: 4px;}
    .calendar-wrapper .calendar .plays .name{color: var(--c3);}
}
@media (max-width: 1024px) {
    section.home-slider{margin-top: 0!important;}
    .calendar-wrapper .box {height: 40px;margin-top: 1px;}

    .day-mobile-viewer i{display: none!important;}
    .calendar-wrapper .topbar .box {height: 26px;line-height: 26px;font-weight: 700;font-size: 14px;-webkit-flex: 0 0 14.285%;flex: 0 0 14.285%;}
    .topbar .box span:nth-child(1) {display: none;}
    .day-mobile-viewer {display: block;}
    .calendar-wrapper .box {height: 40px;margin-top: 1px;}
    .calendar-wrapper .plays {padding: 0px!important;height: 40px!important;position: absolute;z-index: 4;background: #f1f1f1!important;order: 3;left: 0;top: 0;width: 100%!important;overflow: hidden!important;}
    .calendar .day-number {text-align: center;height: 40px!important;width: 100%;line-height: 42px!important;font-size: 14px;color: #333;background-color: transparent!important;position: relative;z-index: 5;order: 2;}
    .calendar-wrapper .list-unstyled-mobile {display: block;}
    .list-unstyled-mobile:after {content: '';display: block;height: 24px;width: 24px;padding: 0;border-radius: 50%;background-color: #5a5a5a;margin: 8px auto;}
    .box.clicked .list-unstyled-mobile:after{background-color: var(--c2);}
    .calendar-wrapper .box.clicked .day-number, .calendar .box.clicked .plays {background-color: transparent !important;color: var(--c2);}
    .day-mobile-viewer ul {list-style: none;padding: 0!important;margin-top: 10px;margin-left: 0!important;}
    .day-mobile-viewer ul>li {background-color: #fff;color: #333;padding-top: 10px;padding-bottom: 10px;font-size: 18px;margin-bottom: 1px;position: relative;}
    .day-mobile-viewer ul>li a:last-child{position: relative;z-index: 1;}
    .day-mobile-viewer ul>li a:last-child{display: block;position: relative;z-index: 2;}
    .day-mobile-viewer ul>li a:last-child p.name{width: 160px;}
    .day-mobile-viewer ul>li p {margin: 2px 5px 2px 10px;}
    .day-mobile-viewer p.time {font-size: 16px;}
    .day-mobile-viewer ul li p:nth-child(2n) {color: #696969;}
    .day-mobile-viewer ul li p.time{width: 160px;}
    .day-mobile-viewer ul li p.time span{color: #696969!important;}
    .day-mobile-viewer .btn-ticket{border: 1px solid var(--c2);line-height: 1.2;padding: 4px 8px;float: right;margin-right: 10px;font-size: 16px;background-color: var(--c2);color: var(--c3);position: absolute;top: 50%;right: 0px;transform: translate(0, -50%);}
    .day-mobile-viewer .btn-ticket:hover{color: var(--c2)!important;}
    .day-mobile-viewer .btn-ticket svg{width: 16px;height: 16px;margin-right: 4px;position: relative;top: 1px;fill: var(--c2);}
    .calendar-wrapper .calendar.row .box{display: -ms-flex!important;display: -webkit-flex!important;display: flex!important;-webkit-flex: 0 0 14.285%;flex: 0 0 14.285%;position: relative;}
    .calendar-wrapper .old {opacity: .5;}
    .topbar .box span:nth-child(2){display: block!important;}
    .calendar-topbar h2{font-size: 24px!important;}
    .about-us-area .about-item .bg-image img{padding: 0!important;}
    .ara-konuk-oyunlar.theaters-list-item{margin-top: 30px;}
    .ara-oyunlar.theaters-list-item{padding: 30px 0;}
    .calendar-wrapper .calendar .day-number{color: #333333;font-weight: 700;}
    .day-mobile-viewer {
        display: block;
        margin: 0 13px;
    }
    .day-mobile-viewer ul {
        list-style: none;
        padding: 0;
        margin-top: 10px;
    }
    .day-mobile-viewer ul>li {
        background-color: #f1f1f1;
        color: #333;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 18px;
        margin-bottom: 1px;
        position: relative;
    }
    .day-mobile-viewer ul>li a {
        color: #333!important;
    }
    .day-mobile-viewer i {
        background: url(../img/special-icons.png) no-repeat left top;
        background-size: auto 100%;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 12px;
        margin-top: 18px;
    }
    .day-mobile-viewer ul>li p {
        margin: 2px 5px 2px 10px;
    }
    .day-mobile-viewer p.time {
        font-size: 16px;
    }
    .day-mobile-viewer ul li p:nth-child(2n) {
        color: #959595;
    }
    .mobile-hidden{display: none!important;}
    .calendar-date{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;gap:10px;}
    .calendar-date a{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;gap: 8px }
    .calendar-date a i{position: relative;top: 2px;}
}
.red{color: red!important;}
/*CALENDER*/

/*PAGE HEADER*/
.page-header{margin-top: 140px;margin-bottom: 50px;text-align: center;}
/*PAGE HEADER*/

/*ABOUT US*/
section.about-us .about-item.flex {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
section.about-us .about-item:not(:last-child) {margin-bottom: 50px;}
section.about-us .about-item .bg-image img {width: 100%;height: 100%;object-fit: cover;z-index: 0;}
section.about-us .about-item .text h3 {margin-bottom: 15px;margin-top: 0;}
section.about-us .about-item .text p {font-size: 16px;}

@media (min-width: 1025px) {

    section.about-us .about-item.flex>div:first-child {-webkit-flex: 0 0 calc(30% - 1px);flex: 0 0 calc(30% - 1px);}
    section.about-us .about-item.flex>div:last-child {-webkit-flex: 0 0 calc(70% - 1px);flex: 0 0 calc(70% - 1px);}
    section.about-us .about-item .bg-image {max-height: 380px;}
    section.about-us .about-item .text .p-50 {padding: 0 50px;}
}
@media (max-width: 1024px) {
    section.about-us .about-item.flex{-webkit-flex-direction: column;flex-direction: column;gap: 20px;}
    section.about-us .about-item .text .p-50 {padding: 0 0px;}
}

/*ABOUT US*/

/*OYUNLAR*/
.theater-item{margin-bottom: 30px;}
.theater-item>div{position: relative;}
.theater-item img{width: 100%;}
.theater-item .theater-image:after {content: '';background-image: linear-gradient(to top, var(--c3) 0%, rgba(0, 0, 0, 0) 60%) !important;position: absolute;top: 0;left: 0;right: 0;margin: 0;height: 100%;width: 100%;}
.theater-item .theater-info {position: absolute;bottom: 0;left: 0;padding: 20px;color: #FFFFFF;text-align: left;width: 100%;}
.theater-item a:hover .theater-info{color: var(--c2);}
/*OYUNLAR*/

/* CONTACT */
section.contact .address{margin-bottom: 2rem;}
section.contact .address .location{display: -ms-flex;display: -webkit-flex;display: flex;font-size: 18px;font-weight: 500;margin-bottom: .8rem;}
section.contact .address .location i{color: var(--c3);min-width: 30px;position: relative;left: 4px;font-size: 1.5em;}
section.contact .address .email{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-size: 18px;font-weight: 500;}
section.contact .address .email i{color: var(--c3);min-width: 30px;font-size: 1.1em;}
section.contact .address .telephone-gise{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-size: 18px;font-weight: 500;}
section.contact .address .telephone-gise i{color: var(--c3);min-width: 30px;font-size: 1.3em;}
section.contact .address a{color: var(--c3);text-decoration: none;transition: color 150ms ease-in;}
section.contact .address a:hover{color: var(--c2);}

section.contact .contact-form-area .form-input{margin-bottom: 50px;position: relative;border-bottom: 2px solid #d9d9d9;}
section.contact .contact-form-area label{font-weight: 600;font-size: 18px;color: var(--c3);line-height: 1.5;padding-left: 5px;}
section.contact .contact-form-area input{display: block;width: 100%;background: transparent;font-weight: 500;font-size: 14px;color: var(--c3);line-height: 1.2;padding: 0 5px;height: 40px;border: 0;outline: none;box-shadow: none;border-radius: 0;}
section.contact .contact-form-area textarea{display: block;width: 100%;background: transparent;font-weight: 500;font-size: 14px;color: var(--c3);line-height: 1.2;padding: 15px 5px;height: 120px;border: 0;outline: none;box-shadow: none;border-radius: 0;}
section.contact .contact-form-area .input-focus{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
section.contact .contact-form-area .input-focus:before{content: "";display: block;position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;background: var(--c2);}
section.contact .contact-form-area input:focus+.input-focus::before{width: 100%;}
section.contact .contact-form-area textarea:focus+.input-focus::before{width: 100%;}
section.contact .contact-form-area .form-bottom{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: end;-webkit-align-items: center;align-items: center;}
section.contact .contact-form-area .contactAlert{font-size: 18px;color: #ff0000;font-weight: 500;}
section.contact .contact-form-area .contactAlert.success{color: green;}
section.contact .disabled-btn{pointer-events: none;}

section.contact input::-webkit-input-placeholder {font-weight: 500;color: var(--c3);}
section.contact input:-moz-placeholder {font-weight: 500;color: var(--c3);}
section.contact input::-moz-placeholder {font-weight: 500;color: var(--c3);}
section.contact input:-ms-input-placeholder {font-weight: 500;color: var(--c3);}
section.contact textarea::-webkit-input-placeholder {font-weight: 500;color: var(--c3);}
section.contact textarea:-moz-placeholder {font-weight: 500;color: var(--c3);}
section.contact textarea::-moz-placeholder {font-weight: 500;color: var(--c3);}
section.contact textarea:-ms-input-placeholder {font-weight: 500;color: var(--c3);}

@media (min-width: 1025px) {
    section.contact .contact-area{margin: 80px 40px;}
    section.contact .highlightfeedsblock-content-wrapper{margin-right: 2rem;}
    section.contact .contact-form-area .input-form-group{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
    section.contact .contact-form-area .input-form-group .form-input{-webkit-flex: 0 0 48%;flex: 0 0 48%;}
    section.contact .contact-form-area .form-bottom button{width: 160px;margin-left: 15px;border: 1px solid var(--c2);background-color: var(--c2);color: var(--c3);font-size: 16px;font-weight: 400;transition: all 0.15s ease-in-out;height: 40px;line-height: 10px;}
    section.contact .contact-form-area .form-bottom button:hover{background-color: var(--c3);border-color: var(--c3);color: #fff;}

    .contact-mr{padding-right: 30px;}
}
@media (max-width: 1024px) {
    section.contact .contact-area{margin: 15px 5px;}
    section.contact .contact-form-area{margin-top: 2rem;margin-bottom: 2rem;}
    section.contact .contact-form-area .form-bottom button{width: 160px;margin-left: 15px;border: 1px solid var(--c2);background-color: var(--c2);color: var(--c3);font-size: 16px;font-weight: 400;transition: all 0.15s ease-in-out;height: 40px;line-height: 10px;}
    section.contact .contact-form-area .form-bottom button:hover{background-color: var(--c3);border-color: var(--c3);color: #fff;}
    section.contact{margin-top: 20px!important;}
    section.contact .contact-page{padding: 0 10px;}
}
/* CONTACT */

/*TICKET DETAIL*/
.theater-detail-header img{height: 600px;width: 100%;object-fit: cover;}
.theater-detail-header .banner-image{height: 600px;width: 100%;position: relative;}
.theater-detail-header .banner-image:before{content: '';background-image: linear-gradient(to top, var(--c3) 0%, rgba(0, 0, 0, 0) 60%) !important;position: absolute;top: 0;left: 0;right: 0;margin: 0;height: 100%;width: 100%;}
.theater-detail-header .inner-content{position: absolute;bottom: 20px;left: 0;right: 0;margin:0 auto;}

.theater-detail-header .inner-content>*{color: #fff;}


h1.theater-name-h1{color: #FFFFFF!important;}
.theater-detail-banner .header-wrapper .header-content-inner{padding-left: 0!important;padding-right: 0!important;}
.header-bg{filter: none!important;}
.background-wrapper:after, .header-bg-wrapper:after{background: linear-gradient(0deg, rgba(0,0,0,0.90) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.90) 100%);!important;}

.theater-detail-banner h1{font-size: 40px;}
.theater-detail-banner h1 span.tg_name{font-size: 20px;font-weight: 500;margin-top: 5px;}
.header-content-inner h1:after{margin-top: 10px!important;}

.theater-detail .theater-summary h3{margin-top: 0!important;margin-bottom: 2rem;line-height: 1!important;}

.theater-detail .sessions-box h3{margin-top: 0!important;}
.theater-detail .sessions-box .box{height: fit-content;background: var(--c2);padding: 40px;}
.theater-detail .sessions-box .tickets {margin-top: 2rem;}
.theater-detail .sessions-box .tickets .ticket-item {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 20px 0;border-bottom: 1px solid #6b6b6b;}
.theater-detail .sessions-box .tickets .ticket-item:first-child {padding-top: 0;}
.theater-detail .sessions-box .tickets .ticket-item:last-child {padding-bottom: 0;border: 0;}
.theater-detail .sessions-box .tickets .ticket-item span:first-child {font-size: 18px;font-weight: 500;}
.theater-detail .theater-info-area{padding: 80px 0!important;}
.theater-detail .theater-summary{padding-right: 60px!important;}
.theater-detail .sessions-box a.btn-ticket{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;background-color: var(--c3);border: 1px solid var(--c3);color:#fff;font-size: 16px;padding: 4px 10px;text-decoration: none;}
.theater-detail .sessions-box a.btn-ticket svg{fill: var(--c2) !important;transition: fill 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);margin-right: 5px;}
.theater-detail .sessions-box a.btn-ticket:hover{background-color:  #fff;color: var(--c3);border-color:  #fff;}
.theater-detail .sessions-box a.btn-ticket:hover svg{fill: var(--c2)!important;}

.bg-contributer{background: #f8f7f9;}
.theater-detail .contributers{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 2rem 0 12px 0;gap:10px;}
.theater-detail .contributers .contributer-item{-webkit-flex: 0 0 calc(25% - 10px);flex: 0 0 calc(25% - 10px);margin-bottom: 15px;}
.theater-detail .contributers .contributer-item p{margin-top: 0;}
.theater-detail .contributers .contributer-item p a:hover{color: var(--c2);}
.theater-detail .contributers::-webkit-scrollbar {width: 8px;}
.theater-detail .contributers::-webkit-scrollbar-thumb {background: var(--c2);}
.theater-detail .contributers::-webkit-scrollbar-track {background: #f1f1f100;}

.theater-detail .afis-gorsel{margin-top: 2rem;}
.theater-detail .afis-gorsel img{max-height: 500px;}

.bg-gallery- .owl-carousel{width: 1300px!important;}
.bg-gallery- .owl-carousel .owl-nav>div{transform: translate(0, -50%);padding: 25px 5px;background-color: var(--c2);transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86)}
.bg-gallery- .owl-carousel .owl-nav>div.owl-prev{left: -40px;}
.bg-gallery- .owl-carousel .owl-nav>div.owl-next{right: -40px;}
.bg-gallery- .owl-carousel:hover .owl-nav>div.owl-prev{left: 0;}
.bg-gallery- .owl-carousel:hover .owl-nav>div.owl-next{right: 0;}
.bg-gallery- .owl-carousel .owl-nav i{top: 0;transform: none!important;}
.bg-gallery- .page-container{display: block!important;padding: 36px 0 72px!important;width: 1300px!important;}
.bg-gallery- .swiper-slide img{height: 400px!important;width: auto;}
.gallery-content{margin-top: 3rem;}
.swiperGallery .owl-item img{width: fit-content!important;height: 400px;}
.swiperGallery .owl-stage-outer{height: 400px!important;}
.lightbox .lb-image{border: 0;border-radius: 0;}
.swiperGallery{width: calc(100vw - ((100vw - 1300px) / 2));}
.swiperGallery .swiper-slide img{object-fit: cover;width: 100%!important;}
.swiperGallery a{cursor:pointer;}

.konuk-oyunlar-slider{margin-top: 2rem;}

@media (max-width: 1024px) {
    .theater-detail .contributers .contributer-item{-webkit-flex: 0 0 calc(33% - 10px);flex: 0 0 calc(33% - 10px);}
    .theater-detail .theater-info-area{padding: 0!important;}
}
@media (max-width: 768px) {
    .theater-detail .contributers .contributer-item{-webkit-flex: 0 0 calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
    .gallery-area{margin: 20px 0!important;}
    .theater-detail .sessions-box .box{padding: 15px;}
    .theater-info-area{margin-top: 20px;}
    .theater-detail .sessions-box .tickets .ticket-item{padding: 16px 0;}
    .swiperGallery{width: 100%!important;}
    .bg-gallery .swiper-slide img{height: 280px;}
    .bg-gallery .page-container{width: calc(100% - 40px) !important;}
    .bg-gallery .page-container.uncont{width: 100% !important;}
    .theater-detail .contributers{max-height: 100%;overflow: auto;}
    .sessions-box{padding-top: 50px!important;padding-bottom: 30px!important;}
    .theater-detail .sessions-box .box{box-shadow: none!important;}
    .theater-name-h1 span:first-child{line-height: 1.4;}
    .theater-detail .sessions-box a.btn-ticket{white-space: nowrap}
    .theater-detail .sessions-box .tickets .ticket-item span:first-child {font-size: 16px;font-weight: 500;height: auto;}
}

/* OYUN DETAY */

/* OYUNLAR */
.theaters-area{padding: 60px 0!important;}
.theaters-area .row-inner{margin-left: 0!important;}
.theaters-margin{margin: 0 -15px!important;}
.theaters-page{padding-left: 0!important;padding-right: 0!important;}
.theaters-list{width: 100%;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.theaters-list .theater-item{-webkit-flex: 0 0 calc(25% - 30px);flex: 0 0 calc(25% - 30px);margin: 15px;position: relative;}
.theaters-list .theater-item .theater-image:after{content:'';background-image: linear-gradient(to top, var(--c2) 0%, rgba(0, 0, 0, 0) 60%) !important;position: absolute;top: 0;left: 0;right: 0;margin: 0;height: 100%;width: 100%;}
.theaters-list .theater-item .theater-info{position: absolute;bottom: 0;left: 0;padding: 20px;color: #FFFFFF;text-align: left;width: 100%;}
.theaters-list .theater-item h3{color: #FFFFFF;margin-top: 12px;font-size: 30px;font-weight: bold;}
.theaters-list .theater-item h3:after{content: ''!important;display: block!important;margin-top: 20px!important;margin-left: calc(15% + 5px)!important;width: 0!important;height: 0!important;border-left: 12px solid!important;border-top: 6px solid transparent!important;border-bottom: 6px solid transparent!important;transition: margin-left 0.5s!important;-webkit-transition: margin-left 0.5s!important;-moz-transition: margin-left 0.5s!important;-o-transition: margin-left 0.5s!important;}
.theaters-list .theater-item hr{position: absolute;left: 20px;bottom: 25px;z-index: 999999999;width: 15%;border-color: #FFFFFF;padding: 0;margin: 0;transition: width 0.5s!important;-webkit-transition: width 0.5s!important;-moz-transition: width 0.5s!important;-o-transition: width 0.5s!important;}
.theaters-list .theater-item a:hover h3:after{margin-left: calc(96% + 5px)!important;color: var(--c2);}
.theaters-list .theater-item a:hover hr{width: 86%;border-color: var(--c2);}

@media (max-width: 768px) {
    .theaters-margin{margin: 10px 0!important;}
    .theaters-list .theater-item{-webkit-flex: 0 0 calc(50% - 10px);flex: 0 0 calc(50% - 10px);margin: 10px;position: relative;}
    .theaters-list .theater-item:nth-child(2n-1){margin-left: 0!important;}
    .theaters-list .theater-item:nth-child(2n){margin-right: 0!important;}
    .theaters-list .theater-item .theater-info{padding: 10px!important;}
    .theaters-list .theater-item h3:after{display: none!important;}
    .theaters-list .theater-item hr{display: none!important;}
    .theaters-list .theater-item h3{font-size: 20px!important;}
}
/*TICKET DETAIL*/

/* ONLINE TICKET */
.all-sessions .ticket-table table{border: 0!important;width: 100%;}
.all-sessions .ticket-table table td{vertical-align: middle;border: 0!important;}
.all-sessions .ticket-table thead{border-bottom: 1px solid #ededed;padding-bottom: 10px;}
.all-sessions .ticket-table tbody tr:nth-child(4n+1), .all-sessions .ticket-table tbody tr:nth-child(4n+2){background-color: white;}
.all-sessions .ticket-table tbody tr:nth-child(4n+3), .all-sessions .ticket-table tbody tr:nth-child(4n+4){background-color: #f8f7f9;}
.all-sessions .ticket-table tbody tr td{border-bottom: 1px solid #ededed!important;padding-bottom: 5px!important;padding-top: 10px!important;}
.all-sessions .ticket-table thead th{background-color: transparent;color: var(--c3);font-size: 20px;border: 0!important;padding-left: 0;}
.all-sessions .ticket-table .theater-name{padding-left: 20px!important;}
.all-sessions .ticket-table .theater-name a{color: var(--c3);font-size: 20px;transition: color 150ms ease-in;text-decoration: none;margin-left: 0;}
.all-sessions .ticket-table .theater-name a:hover{color: var(--c2);}
.all-sessions .ticket-table .table-info-content{font-size: 18px;}
.all-sessions .ticket-table .ticket-btn{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;padding: 6px 10px 6px;text-decoration: none;white-space: nowrap;border: 1px solid var(--c2);color: var(--c3);background-color: var(--c2);width: max-content;}
.all-sessions .ticket-table .ticket-btn:hover{border: 1px solid var(--c3);color: var(--c3);background-color: transparent;}
.all-sessions .ticket-table .ticket-btn svg{transition: fill 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);position: relative;top: 2px;}
.all-sessions .ticket-table .ticket-btn:hover svg{fill: var(--c2);}
.all-sessions .ticket-table .ticket-btn.out{border: 1px solid var(--c3);color: #fff;background-color: var(--c3);}
.all-sessions .ticket-table .ticket-btn.out:hover{border: 1px solid var(--c3);color: var(--c3);background-color: transparent;}
.all-sessions .ticket-table .ticket-btn.out:hover svg{fill: #fff;}

.visible-xs, .visible-md {display: none;}

@media (min-width: 1025px) {
    .all-sessions .ticket-table{margin: 0}
    .all-sessions .ticket-table>h4{margin-bottom: 0;color: var(--c2);}
    .all-sessions .ticket-table tbody tr.hidden-xs:last-child{border-bottom: 1px solid #f8f7f4;}
}
@media (max-width: 1024px) {
    .visible-xs, .visible-md {display: table-row;}
    .hidden-xs{display: none;}
    .all-sessions .ticket-table{margin: 15px;}
    .table>tbody img {max-width: 70px!important;margin-right: 10px;}
    .table>tbody p{margin-bottom: 3px;margin-top: 0!important;}
    .all-sessions .ticket-table .ticket-btn{margin: 8px 0;display: block;width: max-content;}
    .all-sessions .ticket-table tbody tr:last-child{border-bottom: 1px solid #f8f7f4;}
    .all-sessions .ticket-table>h4{margin-bottom: 0;color: var(--c2);}
    .all-sessions .ticket-table .theater-name a{margin-left: 0!important;}
    .all-sessions .ticket-table{margin: 0!important;}
    .all-sessions .ticket-table tbody tr td{padding-bottom: 15px!important;padding-top: 20px!important;}
    .all-sessions .ticket-table .theater-name{padding-left: 0!important;}
    .all-sessions .table>tbody img{margin-left: 10px;}
    .all-sessions .ticket-table thead th:first-child{padding-left: 10px;}
}
/* ONLINE TICKET */

/*FOOTER*/
.tblFooter1 tr td:nth-child(2n+1) {background: #404042;color: var(--c2);font-size: 14pt;text-align: center;padding: 6px;}
.tblFooter1 tr td:nth-child(2n+2) {padding: 6px;padding-left: 10px !important;}
.tblSocial{border-color: gray;}
.tblSocial tr td {padding: 10px;width: 50px;font-size: 14pt;text-align: center;border-width: 1px;}
.tblSocial tr td a {color: black;}
.tblSocial tr td a:hover{color: #fff;}


footer .footer-copright .copy {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
footer .footer-copright .logo img {width: 160px;}
footer .footer-copright .copy p {margin-bottom: 0;font-size: 13px;color: var(--c3);margin-left: 1.5rem;}

@media (min-width: 1025px) {
    .desktop-hidden{display:none!important;}
    footer .footer-copright {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 10px 0 20px;background-color: #ffffff;}
}
@media (max-width: 1024px) {
    footer .footer-menu{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-direction: column;flex-direction: column;background-color: #000000;padding: 2rem 15px;text-align: center;}
    footer .footer-menu .footer-menu-item{-webkit-flex: 0 0 100%;flex: 0 0 100%;color: #fff;padding: 0 0px;margin-bottom: 2rem;}
    footer .footer-menu .footer-menu-item:last-child{margin-bottom: 0;}
    footer .footer-menu .footer-menu-item .footer-logo{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
    footer .footer-menu .footer-menu-item .footer-logo a{border-right: 1px solid #bababa80;margin-right: 1rem;padding-right: 1rem;}
    footer .footer-menu .footer-menu-item .footer-logo img{width: 115px;}
    footer .footer-menu .footer-menu-item .follow>div{-webkit-justify-content: center;justify-content: center;text-align: center;margin-bottom: 2rem;}
    footer .footer-copright{-webkit-flex-direction: column;flex-direction: column;padding: 15px 0;}
    footer .footer-copright .copy{-webkit-flex-direction: column;flex-direction: column;margin-bottom: 15px;}
    footer .footer-copright .copy .copy-text{margin-top: 15px;}
    footer .footer-copright .copy p{margin: 0 15px;}
    .footer-newsletter-form {display: -ms-flexbox;display: flex;height: 56px;height: 3.5rem;position: relative;width: 300px;max-width: 100%;}
    footer .footer-menu .footer-menu-item:nth-child(2){display: none;}
    footer .footer-menu .footer-menu-item:nth-child(3){display: none;}
    footer .footer-bottom{margin-bottom: 20px;}
    footer .footer-bottom .security{text-align: center;}
    .gap-40{gap:40px;}
}



/*FOOTER*/


/*BASINDA BİZ*/
.basin .basin-item{padding: 20px; border: 1px solid var(--c3);margin-bottom: 30px;}
.basin .basin-img img{width: 100%;aspect-ratio: 16/9;object-fit: cover;}
.basin .basin-info{margin-top: 20px;}
.basin .basin-item a h3{transition: all ease-in-out 150ms;color: #5a5a5a;}
.basin .basin-item a:hover h3{color: var(--c2);text-decoration: underline;}
.basin .basin-item a:hover p{color: #5a5a5a;}
.basin .basin-item a{text-decoration: none;}

@media (min-width: 1025px) {

}
@media (max-width: 1024px) {

}
/*BASINDA BİZ*/

/*TAHSİS*/
.tahsis-area{width: 100%;max-width: 170px;margin: 0 auto;}
.tahsis-area .tahsis-item{margin-bottom: 15px;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;gap: 15px;}
.tahsis-area .tahsis-item i{font-size: 18px;}

@media (min-width: 1025px) {

}
@media (max-width: 1024px) {

}
/*TAHSİS*/

/*ASMALI SAHNE LONDON*/
.asmali-london .page-header{margin-top: 50px;}
.asmali-london hr{margin-top: 40px;}
.asmali-london h3{text-align: center;margin-top: 40px;margin-bottom: 25px;}
.asmali-london .london-image-area img{padding-bottom: 2%;padding-right: 4%;width: 35%;float: left;}
.asmali-london .london-contact{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width: 100%;max-width: 1200px;margin:0 auto;}
.asmali-london .london-contact .left{padding-top: 30px;padding-left: 100px;}

@media (min-width: 1025px) {

}
@media (max-width: 1024px) {
    .page-header{margin-top: 20px!important;margin-bottom: 20px!important;}
}
/*ASMALI SAHNE LONDON*/