@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'),
    url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
    url('../fonts/ProximaNova-Regular.woff') format('woff'),
    url('../fonts/ProximaNova-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pyidaungsu';
    src: url('../fonts/Pyidaungsu.svg#Pyidaungsu') format('svg'),
    url('../fonts/Pyidaungsu.ttf') format('truetype'),
    url('../fonts/Pyidaungsu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body, html{
    /*font-family: 'Exo', sans-serif;*/
    /*font-family: 'Noto Sans', sans-serif;*/
    font-family: 'ProximaNova-Regular', "Pyidaungsu", sans-serif;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    /*letter-spacing: 0.01em;*/

    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}
.theme-heading-font{
    font-family: 'Prosto One', cursive;
    /* font-family: 'Source Sans Pro', sans-serif; */
}
a{
    color: #212529;
}
a:hover{
    text-decoration: none;
}
a:focus,button:focus, input:focus{
    outline: none;
}


.theme-blue{
    color: #17a2b8;
}
.mega-name span{
    color: #1ea0da;
    font-family: 'Prosto One', cursive;
    /* font-family: 'Source Sans Pro', sans-serif; */
}
.light-grey{
    color: #7f7f7f;
}
.pad-5{
    padding: 5px !important;
}
.f-weight-bold{
    font-weight: 700;
}


.btn, select.form-control{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}
select.form-control, select option{
    font-family: 'ProximaNova-Regular', "Pyidaungsu", sans-serif;
}
.card{
    border: 0;
    margin: 0 0 30px;
    padding: 15px;
    box-shadow: 0 0 5px rgba(220,220,220,0.2);
    -moz-box-shadow: 0 0 5px rgba(220,220,220,0.2);
    -webkit-box-shadow: 0 0 5px rgba(220,220,220,0.2);
    -o-box-shadow: 0 0 5px rgba(220,220,220,0.2);
    border-radius: 0;
}
.card-body{
    padding: 0;
}
.card-title{
    /* margin: 10px 0; */
    font-weight: 700;
}
.box-shadow{
    box-shadow: 0 0 5px rgba(220,220,220,0.2);
    -moz-box-shadow: 0 0 5px rgba(220,220,220,0.2);
    -webkit-box-shadow: 0 0 5px rgba(220,220,220,0.2);
    -o-box-shadow: 0 0 5px rgba(220,220,220,0.2);
}
.grey-light-bg{
    background: #f8f8f8;
}
.white-bg{
    background: #fff;
}
.home-section-bg{
    background: #fff;
    margin-top: 50px;
}
blockquote.bquote{
    font-size: 30px;
    /*border-left: 5px solid #ccc;*/
    margin: .5em 10px;
    padding: 0 10px;
    quotes: "\201C""\201D""\2018""\2019";
    padding: 10px 20px;
    line-height: 1.4;
    font-family: 'Prosto One',cursive;
    color: #a8a8a8;
    padding-top: 50px;
    padding-bottom: 50px;
    font-style: italic;
}

blockquote:before {
    content: open-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: -10px;
    position: relative;
    top: 30px;
    color: #ccc;
    font-size: 5em;
}
blockquote footer{
    margin:0;
    text-align: right;
    font-size: 0.7em;
    font-style: italic;
    font-family: 'ProximaNova-Regular';
}

/****CAROUSEL CAPTION****/
.carousel-caption{
    background: rgba(0,0,0,0.4);
    width: 100%;
    left: 0;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 45px;
}
.carousel-control-prev,.carousel-control-next{
/*background: rgba(0,0,0,0.5);
width: 50px;
height: 50px;*/
}

.mega-nav .nav a,.navbar-nav i{
    /*color: #000;*/
    text-transform: uppercase;
}
nav ul.nav li a,
nav ul.nav li a:after,
nav ul.nav li a:before {
    transition: all .5s;
}
nav ul li a:hover {
    color: goldenrod;
}
nav.stroke ul.nav li.active a{
    border-top: 1px solid #aaa;
    color: goldenrod;
}


/* stroke */
nav.stroke ul.nav li a{
    position: relative;
}
nav.stroke ul.nav li a:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #aaa;
    height: 1px;
}
nav.stroke ul.nav li a:hover:after {
    width: 100%;
}


/****MOBILE MENU****/
/*******************/
.menu {
    transition: 0.1s -webkit-transform linear;
    transition: 0.1s transform linear;
    transition: 0.1s transform linear, 0.1s -webkit-transform linear;
    position: absolute;
    background: 0;
    right: 20px;
    top: 20px;
    /*margin: 2rem;*/
    height: 2.7rem;
    width: 2rem;
    z-index: 17;
    outline: 0;
    padding: 0;
    border: 0;
}

.bar, .bar::before, .bar::after {
    transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s -webkit-transform linear;
    transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear;
    transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear, 0.2s -webkit-transform linear;
    position: absolute;
    background: #000;
    margin: auto;
    width: 100%;
    height: 0.3rem;
    content: '';
    top: 50%;
    left: 0;
}
.bar {
    margin-top: -0.2rem;
}
.bar::before {
    top: -0.5rem;
}
.bar::after {
    top: 0.5rem;
}
.bar::before, .bar::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.active .bar {
    background: 0;
}
.active .bar::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.active .bar::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.active .bar::before, .active .bar::after {
    top: 0;
}
.active .bar, .active .bar::before, .active .bar::after {
    transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s -webkit-transform linear 0.2s;
    transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s;
    transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s, 0.2s -webkit-transform linear 0.2s;
}

.mobile-menu nav {
    width: 100%;
    height: 100%;
    background: #eaeaea;
    position: fixed;
    z-index: 16;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91), -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    /* padding-top: 1.2rem; */
}
.menu-open nav {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.mobile-menu nav ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.mobile-menu nav ul li {
    padding: 5px;
    font-size: 1.5rem;
    display: block;
    width: 100%;
    /* text-align: center; */
}
.mobile-menu nav ul li:hover {
    background: #d2d2d2;
}
.mobile-menu .social li{
    width: 50%;
    text-align: center;
}
.fixedPosition
{
    position: fixed;
}
/*******************/

/***INDEX***/
#choosemovie .screen{
    padding: 0;
}
.tab-pane{
    padding-top: 30px;
}
.nav-tabs .nav-link{
    border-bottom: 2px solid transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover{
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.mega-short-line{
    border-bottom: 2px solid #1ea0da;
}
.mega-short-line{
    width: 15%;
    margin: 20px 0 15px;
}

/***CHECKOUT***/
#triangle-topright {
    width: 0;
    height: 0;
    border-top: 180px solid #eaeaea;
    border-left: 180px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}

/***CONFIRM***/
.form-check {
    padding-left: 2.5rem;
}

/***MOVIE DETAIL***/
.close{
    position: absolute;
    top: -20px;
    right: -19px;
    color: #fff;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 50px;
    background: rgba(0,0,0,0.7);
    font-size: 2em;
}
.close:hover{
    cursor: pointer;
}

/****FOOD*****/
.food-section .card{
    padding: 5px;
}
#carousel-thumb .carousel-indicators{
    bottom: -40px;
}

/****ABOUT****/
section.about-parallax1,
section.about-parallax2{
    height: 600px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
section.about-parallax1 {
    background-image: url("../images/megaace_about_banner.jpg");
}
section.about-parallax2 {
    background-image: url("../images/megaace_about_banner2.jpg");
}
#about i{
    color: Tomato;
}

/****PROMOTION & EVENT****/
.pro-event .card{
    margin: 15px;
}

/****FAQ****/
/*#accordion .card{
margin-bottom: 20px !important;
}*/
#faq{
    margin-top: -25px;
}
#faq .card{
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
#faq .card-header{
    margin: 10px 0 0;
    /*border: 1px solid #d6d6d6;*/
    padding: 0;
}
#faq .card-header a{
    display: block;
    padding: 15px 20px 15px;
    width: 100%;
    position: relative;
}
#faq .card-header a .fa{
    height: 100%;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    padding-top: 10px;
}

[data-toggle="collapse"] .fa:before {
    content: "\f068";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f067";
    vertical-align: middle;
}
#faq [aria-expanded="true"] .fa, #faq .card-header:hover .fa{
    /* background: #ff0000 !important; */
}

/***For IOS Device***/
[data-toggle ~="collapse"] {
    cursor: pointer;
}
#faq .card-body{
    /*background: #f4f4f4;*/
    padding: 15px;
}


/***Step Form***/
.steps-form-2 {
    display: table;
    width: 100%;
    position: relative; }
    .steps-form-2 .steps-row-2 {
        display: table-row; }
/* .steps-form-2 .steps-row-2:before {
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 2px;
background-color: #7283a7; } */
.steps-form-2 .steps-row-2 .steps-step-2 {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 25%;
}
.steps-step-2 h4 a{
    color: #1ea0da;
    width: 100%;
    display: inline-block;
}
.steps-step-2 .btn-amber,
.steps-step-2 h4 a:hover{
    padding-bottom: 15px;
    border-bottom: 2px solid #1ea0da;
}
.steps-form-2 .steps-row-2 .steps-step-2 p {
    margin-top: 0.5rem;
}
.steps-form-2 .steps-row-2 .steps-step-2 button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; }
    .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 {
        width: 70px;
        height: 70px;
        border: 2px solid #59698D;
        background-color: white !important;
        color: #59698D !important;
        border-radius: 50%;
        padding: 22px 18px 15px 18px;
        margin-top: -22px; }
        .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2:hover {
            border: 2px solid #4285F4;
            color: #4285F4 !important;
            background-color: white !important; }
            .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa,
            .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .far,
            .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fas {
                font-size: 1.7rem; 
}


/*****SEAT******/
.seat{
    border: 1px solid #999;
}
.seat, .seat-blank{
    padding: 5px;
    width: 35px;
    height: 33px;
}
.seat:hover{
    border: 1px solid #17a2b8;
    cursor: pointer;
    background: #17a2b8;
    color: #fff;
    font-weight: bold;
}
.back:after{
    font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f060";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

.pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    /*display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    width: 70%;*/
}

/****Contact****/
.contact-form .form-control{
    border-left: 0;
    border-right: 0;
    border-top: 0;
}


/****Footer****/
footer{
    /* border-top: 1px solid #17a2b8; */
}
footer p{
    font-size: 0.95em;
}
.footer-nav li.active a,
.footer-nav li:hover a{
    color: goldenrod;
}



/*****CARD RESPONSIVE****/
@media (min-width: 0) {
    .card-deck .card {
        flex: 0 0 calc(100% - 30px);
    }
}
@media (min-width: 576px) {
    .card-deck .card {
        flex: 0 0 calc(50% - 30px);
    }
}
@media (min-width: 768px) {
    .card-deck .card {
        flex: 0 0 calc(33.3333333333% - 30px);
    }
}
/*@media (min-width: 992px) {
.card-deck .card {
flex: 0 0 calc(33.3333333333% - 30px);
}
}
@media (min-width: 1200px) {
.card-deck .card {
flex: 0 0 calc(25% - 30px);
}
}*/
/***RESPONSIVE****/
@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}
@media screen and (max-width: 1024px){
    section.about-parallax1,
    section.about-parallax2{
        background-attachment: scroll !important;
    }
}
@media screen and (max-width: 768px){
    h4.mega-name{
        font-size: 1rem;
    }
    .home-section-bg{
        margin-top: 20px;
    }
    .footer-nav-link li{
        width: 50%;
    }

    .sm-p-0{
        padding: 0 !important;
    }
    .sm-py-0{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .sm-px-15{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .sm-p-15{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .sm-pt-0{
        padding-top: 0 !important;
    }
    .sm-pb-0{
        padding-bottom: 0 !important;
    }
    .sm-pt-15{
        padding-top: 15px !important;
    }
    .sm-pb-15{
        padding-bottom: 15px !important;
    }

    .sm-m-0{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .sm-m-15{
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .sm-mt-0{
        margin-top: 0 !important;
    }
    .sm-mb-0{
        margin-bottom: 0 !important;
    }
    .sm-mt-15{
        margin-top: 15px !important;
    }
    .sm-mb-15{
        margin-bottom: 15px !important;
    }
}