body{background-color: #ededed;}

/* HEADER */
header{z-index: 30;position: fixed;top: 0;left: 0;width: 100%;transition: 0.3s all ease;}
header .header-area .magnet-menu{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;cursor: pointer;}
header .header-area .logo-white{display: none;}

body.is-scrolled header .header-area{background-color: #000000;height: 4rem;}

@media (min-width: 769px) {
    header .header-area{padding: 0 40px;background-color: transparent;height: 6rem;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;transition: 0.3s all ease;}
    header .header-area a img{max-width: 100%;width: 80px;height: auto;}
}

@media (max-width: 768px) {
    header .header-area{padding: 0 20px;background-color: #ffffff;height: 4rem;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;transition: 0.3s all ease;}
    header .header-area a img{max-width: 100%;width: 60px;height: auto;}
}
/* HEADER */

/*HAMBURGER*/
.headerHamburgerMenuContent {display: -webkit-flex;display: -moz-box;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-flex: 0 0 100%;-moz-box-flex: 0;flex: 0 0 100%;padding: 12px 10px;margin: 0 auto;-moz-transition: all .5s cubic-bezier(.15,.19,.045,.95);transition: all .5s cubic-bezier(.15,.19,.045,.95);}
.headerNavContainerContent {display: -webkit-flex;display: -moz-box;display: flex;-webkit-justify-content: flex-end;-moz-box-pack: end;justify-content: flex-end;-webkit-align-items: flex-start;-moz-box-align: start;align-items: flex-start;-webkit-flex: 0 0;-moz-box-flex: 0;flex: 0 0;}
.headerHamburgerButton {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;border-radius: 0;background-color: transparent;color: inherit;cursor: pointer;font-size: inherit;-moz-transition: all .3s;transition: all .3s;}
.headerHamburgerButtonC1 {position: relative;display: block;padding: 0 0px 24px;opacity: 1;}
.headerHamburgerButton_span {display: block;position: relative;width: 25px;height: 23px;-moz-transition: all .7s cubic-bezier(.535,.02,.13,1);transition: all .7s cubic-bezier(.535,.02,.13,1);}
.headerHamburgerButton_span:after, .headerHamburgerButton_span:before {content: "";position: absolute;display: block;width: 0;height: 0;border: 3px solid #2f4cfd;opacity: 0;-moz-transition: all .7s cubic-bezier(.535,.02,.13,1);transition: all .7s cubic-bezier(.535,.02,.13,1);}
.headerHamburgerButton_span:before {top: 0;left: 0;-webkit-transform: translate(-7px,-7px);-moz-transform: translate(-7px,-7px);transform: translate(-7px,-7px);border-right-color: transparent;border-bottom-color: transparent;}
.headerHamburgerButton_span:after {bottom: 0;right: 0;-webkit-transform: translate(7px,7px);-moz-transform: translate(7px,7px);transform: translate(7px,7px);border-left-color: transparent;border-top-color: transparent;-moz-transition-delay: .1s;transition-delay: .1s;}
.menu__open .headerHamburgerButton_span{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);}
.headerHamburgerButtonMenuText {position: absolute;bottom: 0;left: 50%;text-transform: uppercase;font-size: 12px;height: 14px;overflow: hidden;-moz-transition: height .7s cubic-bezier(.535,.02,.13,1),opacity .7s,color .4s;transition: height .7s cubic-bezier(.535,.02,.13,1),opacity .7s,color .4s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);color: transparent;}
.headerHamburgerButtonMenuText{color: #ededed;}
.headerHamburgerButtonCloseText {opacity: 0;height: 0;}
.headerHamburgerButton_span svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.headerHamburgerButton_rect1, .headerHamburgerButton_rect2, .headerHamburgerButton_rect3, .headerHamburgerButton_rect4, .headerHamburgerButton_rect5, .headerHamburgerButton_rect6 {transition: all .6s,opacity .6s .3s,-webkit-transform .9s cubic-bezier(.535,.02,.13,1);-moz-transition: all .6s,transform .9s cubic-bezier(.535,.02,.13,1),opacity .6s .3s,-moz-transform .9s cubic-bezier(.535,.02,.13,1);transition: all .6s,transform .9s cubic-bezier(.535,.02,.13,1),opacity .6s .3s;transition: all .6s,transform .9s cubic-bezier(.535,.02,.13,1),opacity .6s .3s,-webkit-transform .9s cubic-bezier(.535,.02,.13,1),-moz-transform .9s cubic-bezier(.535,.02,.13,1);}
.headerHamburgerButtonC1 svg rect {fill: #000;}
.headerHamburgerButtonC2 svg rect{fill: #ededed;}
.headerHamburgerButton_rect1 {-moz-transition-delay: .3s;transition-delay: .3s;}
.headerHamburgerButton_rect2 {-moz-transition-delay: .35s;transition-delay: .35s;}
.headerHamburgerButton_rect3 {-moz-transition-delay: .4s;transition-delay: .4s;}
.headerHamburgerButton_rect4 {-moz-transition-delay: .45s;transition-delay: .45s;}
.headerHamburgerButton_rect5 {-moz-transition-delay: .5s;transition-delay: .5s;}
.headerHamburgerButton_rect6 {-moz-transition-delay: .55s;transition-delay: .55s;}
.headerHamburgerButton_rect7, .headerHamburgerButton_rect8 {-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: center center;-moz-transform-origin: center center;transform-origin: center center;opacity: 0;transition: all .6s,opacity .6s .3s,-webkit-transform 1s cubic-bezier(.535,.02,.13,1);-moz-transition: all .6s,transform 1s cubic-bezier(.535,.02,.13,1),opacity .6s .3s,-moz-transform 1s cubic-bezier(.535,.02,.13,1);transition: all .6s,transform 1s cubic-bezier(.535,.02,.13,1),opacity .6s .3s;transition: all .6s,transform 1s cubic-bezier(.535,.02,.13,1),opacity .6s .3s,-webkit-transform 1s cubic-bezier(.535,.02,.13,1),-moz-transform 1s cubic-bezier(.535,.02,.13,1);}
.headerHamburgerButton_rect7 {-moz-transition-delay: 0;transition-delay: 0;}
.headerHamburgerButton_rect8 {-moz-transition-delay: .05s;transition-delay: .05s;}
.headerHamburgerButton:hover .headerHamburgerButton_rect1{-moz-transition-duration: .4s;transition-duration: .4s;-webkit-transform: scaleX(1) translateY(6px);-moz-transform: scaleX(1) translateY(6px);transform: scaleX(1) translateY(6px);}
.headerHamburgerButton:hover .headerHamburgerButton_rect3{-moz-transition-duration: .4s;transition-duration: .4s;-webkit-transform: scaleX(1) translateY(6px);-moz-transform: scaleX(1) translateY(6px);transform: scaleX(1) translateY(6px);}
.headerHamburgerButton:hover .headerHamburgerButton_rect5{-moz-transition-duration: .4s;transition-duration: .4s;-webkit-transform: scaleX(1) translateY(6px);-moz-transform: scaleX(1) translateY(6px);transform: scaleX(1) translateY(6px);}
.headerHamburgerButton:not(.headerHamburgerButton:focus):hover .headerHamburgerButton_rect1{-moz-transition-delay: 0s;transition-delay: 0s;}
.headerHamburgerButton:not(.headerHamburgerButton:focus):hover .headerHamburgerButton_rect3{-moz-transition-delay: 0s;transition-delay: 0s;}
.headerHamburgerButton:not(.headerHamburgerButton:focus):hover .headerHamburgerButton_rect5{-moz-transition-delay: 0s;transition-delay: 0s;}
.headerHamburgerButtonC1:focus .headerHamburgerButton_span:after, .headerHamburgerButtonC1:focus .headerHamburgerButton_span:before {opacity: 1;width: 16px;height: 16px;}
.menu__open .headerHamburgerButton_rect1{-webkit-transform: scaleX(0)!important;-moz-transform: scaleX(0)!important;transform: scaleX(0)!important;}
.menu__open .headerHamburgerButton_rect2{-webkit-transform: scaleX(0)!important;-moz-transform: scaleX(0)!important;transform: scaleX(0)!important;}
.menu__open .headerHamburgerButton_rect3{-webkit-transform: scaleX(0)!important;-moz-transform: scaleX(0)!important;transform: scaleX(0)!important;}
.menu__open .headerHamburgerButton_rect4{-webkit-transform: scaleX(0)!important;-moz-transform: scaleX(0)!important;transform: scaleX(0)!important;}
.menu__open .headerHamburgerButton_rect5{-webkit-transform: scaleX(0)!important;-moz-transform: scaleX(0)!important;transform: scaleX(0)!important;}
.menu__open .headerHamburgerButton_rect6{-webkit-transform: scaleX(0)!important;-moz-transform: scaleX(0)!important;transform: scaleX(0)!important;}
.menu__open .headerHamburgerButton_rect7{opacity: 1;-webkit-transform: scaleX(1) rotate(45deg);-moz-transform: scaleX(1) rotate(45deg);transform: scaleX(1) rotate(45deg);-moz-transition-delay: .5s;transition-delay: .5s;}
.menu__open .headerHamburgerButton_rect8{opacity: 1;-webkit-transform: scaleX(1) rotate(-45deg);-moz-transform: scaleX(1) rotate(-45deg);transform: scaleX(1) rotate(-45deg);-moz-transition-delay: .3s;transition-delay: .3s;}
.menu__open .headerHamburgerButtonMenuText{opacity: 0;height: 0;}
.menu__open .headerHamburgerButtonCloseText{opacity: 1;height: 14px;}






@media (min-width: 769px) {

}
/*HAMBURGER*/

/*MENU*/
menu{z-index: 20;height: 100%;width: 400px;position: fixed;right: 0;top: 0;padding: 0;margin: 0;overflow: hidden;pointer-events: none;background: #000;padding-top: 100px;text-align: right;transform: translate(400px, 0);transition: all .3s ease-in-out;}
.menu__open menu{transform: translate(0, 0);}
menu .fixed-menu-area{padding: 10px 30px;}
menu .fixed-menu-area ul.menu-list{list-style-type: none;}
menu .fixed-menu-area ul.menu-list li{color: #fff;}
/*MENU*/

/* HOME SLIDER */
main.home .swiper{width: 100%;height: 100%;}
main.home .swiper-slide {text-align: center;font-size: 18px;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;}
main.home .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;max-height: 100vh;}
/* HOME SLIDER */

/* THEATRE DETAIL */
main.theatre-detail .theatre-detail-header{position: relative;}
main.theatre-detail .theatre-detail-header .banner-image{width: 100%;object-fit: cover;min-height: 100vh;}
main.theatre-detail .theatre-detail-header .poster-image{aspect-ratio: 16 / 23;object-fit: cover;position: absolute;right: 40px;bottom: -60px;max-width: 100%;max-height: 65%;box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.15);}
main.theatre-detail .theatre-detail-header .banner-inner-content{position: absolute;top: 0;height: 100vh;display: flex;flex-direction: column;justify-content: end;left: 40px;color: #fff;}
main.theatre-detail .theatre-detail-header h1{font-size: 80px;font-weight: bold;}

main.theatre-detail .theater-info-content{margin: 120px 40px 40px;}
main.theatre-detail .theater-info-content .info-content p{margin-top: 2rem;}

main.theatre-detail .theater-info-content .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;}
main.theatre-detail .theater-info-content .tickets{margin-top: 2rem;}
main.theatre-detail .theater-info-content .tickets .ticket-item:first-child{padding-top: 0;}
main.theatre-detail .theater-info-content .tickets .ticket-item:last-child{padding-bottom: 0;border: 0;}
main.theatre-detail .theater-info-content .btn-ticket{background-color: #000;color: #fff;text-decoration: none;padding: 5px 15px;font-weight: 500;transition: all .15s ease-in-out;}
main.theatre-detail .theater-info-content .btn-ticket:hover{color: #000;background-color: #fff;}
main.theatre-detail .theater-info-content .tickets .ticket-item span:first-child{font-size: 18px;font-weight: 500;}


@media (min-width: 769px) {
    main.theatre-detail .theater-info-content .info-content{padding-right: 100px;}
}
@media (max-width: 1919px) {
    main.theatre-detail .theatre-detail-header .banner-inner-content{padding-bottom: 40px;}
}
@media (min-width: 1920px) {
    main.theatre-detail .theatre-detail-header .poster-image{max-height: 85%;}
    main.theatre-detail .theatre-detail-header .banner-image{min-height: calc(100vh + 40px);}
}
/* THEATRE DETAIL */