body { font-family: 'Helvetica'; overflow-x:hidden; }
p { font-size: 17px; color: #000; font-weight: 500; line-height: 1.7;}
ul{ padding:0px; margin:0px;}
a{ color:#000;}
ul li{ list-style: none;}
img{ max-width: 100%;}
a{text-decoration: none; transition: all 0.4s;}
a:hover{text-decoration: none; transition: all 0.4s;}
figure { margin: 0px; }
p { margin: 0px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; }

.heading-2 { text-transform: capitalize;font-weight: 700; color: #000; padding-bottom: 70px; font-size: 52px;}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 7px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
/*    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background: #22af9e; 
}

/*WP ISSUE */

.secondry-menu span { color: #fff; font-size: 14px; padding-right: 5px; position: relative;}
ul.secondry-menu { color: #fff;}
.secondry-menu  span.current-item { padding-left: 8px;}


/*HEADER CSS START */
.header { z-index: 9999; position: absolute; width: 100%; padding: 0px 0px 15px 0px; transition: .3s;}
.header .headre-top {display: flex;align-items: center;justify-content: space-between;}
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list { display: flex; flex-wrap: wrap; list-style: none; align-items: center;}
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li { margin-left: 50px;}   
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li a { transition: .3s; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; letter-spacing: 1px;}
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li a:hover { color: #22af9e; transition: .3s; }
/*.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li.list:first-child a { color:#22af9e; }*/
.sticky .unoder_list li .sub-menu li a { color: #fff !important;}
header .sticky .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list .apply a { color: #fff !important;}
header .sticky .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list .apply a:hover { color: #ec0d32 !important;}
header .navbar-fostrap { display: none; }
header .mobile_header { display: none; }
.sticky_logo { display: none; }
.sticky .sticky_logo { display: block; }
.sticky .log_in_main { display: none; }
.header-social .search ul li a { color: #fff; font-size: 24px; padding-left: 25px; transition: .3s;}
.header-social .search ul li a:hover { color:#22af9e; transition:.3; }
.header-social .search ul { display: flex; align-items: center; justify-content: flex-end; padding: 30px 0px 20px 0px;}
.header.sticky { position: fixed; background: #000000ba; padding: 20px 0px;}
.header.sticky .header-social { display: none;}
.menu-item-has-children span.arrow { padding-left: 5px;}
.headre-top ul li{ position: relative; }
.headre-top ul li .sub-menu {  background-color: transparent;  color: #fff; position: absolute;  min-width: 230px;  width:100%;  left: 0;
    top: calc(100% + 0px);  z-index: 1;  visibility: hidden;  opacity: 0;  -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);  -ms-transform: scaleX(0);    -o-transform: scaleX(0);  transform: scaleX(0);  -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;  -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;    transition: all 0.5s ease-in-out 0s;
    transform-origin: 0 0 0;  margin-left: 0;  padding:0;  -webkit-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);-moz-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);
box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);}
.headre-top ul li .sub-menu::before {   content: "";  background-color: #22af9e;  opacity: 1;  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;}
.headre-top ul li:hover  .sub-menu, .headre-top ul li:focus { padding: 20px 0px;  visibility: visible;  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);
-o-transform: scale(1);  transform: scale(1);}
.headre-top ul li .sub-menu li{ display: block; width:100%; margin-right:0px; padding:0px; }
.headre-top ul li .sub-menu li a { color: #fff; width: 100%; display: block; padding: 15px 20px; margin-bottom: 1px;font-size: 14px; text-transform: uppercase;}
span.item-sub-menu { position: absolute; font-size: 200px; left: 0; right: 0; text-align: center; color: #11bea9; top: 50%; transform: translate(0px, -50%);}
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list .menu-item-has-children button.sub-menu-toggle {display: none;}
.sub-menu li { margin: 0 !important;}
.headre-top ul li .sub-menu li a:hover{color:#fff !important;}
.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }
.menu_section .menu_bottom  .sub-menu{ display:block;}
.menu-item-has-children .sub-menu li a { color: #fff !important;}
.monile-social-list { display: none;}
/*HEADER CSS END */

/*SEARCH BAR POPUP CSS START*/
.header .custom-model-main { display: none; text-align: center; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; outline: 0; -webkit-transition: opacity 0.15s linear, z-index 0.15; -o-transition: opacity 0.15s linear, z-index 0.15; transition: opacity 0.15s linear, z-index 0.15; z-index: -1; overflow-x: hidden;overflow-y: auto;}
.header .model-open {z-index: 9;  overflow: hidden; display: block;}
.header .close-btn {position: absolute; right: 50px; top: 50px; cursor: pointer; z-index: 99; font-size: 60px; color: #fff;}
.header .search-bild {display: block; position: relative; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 100%;}
.header .search-bild input.form-control { background: #fff; padding: 25px 25px; width: 700px; margin: auto; position: relative; z-index: 9;}
.header .bg-overlay { background: rgb(0 0 0 / 82%); height: 100vh; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: background 0.15s linear; -o-transition: background 0.15s linear; transition: background 0.15s linear;}
.custom-model-main:before {content: ""; display: inline-block; height: auto; vertical-align: middle; margin-right: -0px;}
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li .arrow {font-size: 18px; padding-left: 5px; color: #fff;}
/*SEARCH BAR POPUP CSS END*/


/*BANNER CSS START */
.banner { position:relative; width:100% }
.banner figure img { width: 100%;}
.heding-1 { color: #fff; font-size: 68px; text-transform: uppercase; line-height: 1; font-weight: 300;}
.banner .heding-1 { padding-bottom: 40px;}
.heding-1 span { font-weight: bold; }
.banner-heading p { font-size: 26px; color: #fff; font-weight: 300; margin-bottom: 50px;}
.banner-btn { background: #22af9e; font-size: 18px; text-transform: uppercase; color: #fff; font-weight: bold; padding: 17px 39px; border-radius: 40px; transition: .3s;}
.banner-btn:hover {background-color: #ea6e1b; transition: .3s; color: #fff;}
.baner-main {position: absolute; top: 42%; left: 0; right: 0;transform: translate(0px, -50%);}
.banner-cont .row [class*=col]:last-child {text-align: right; display: flex; justify-content: end;}
.booking {background-color: #fff; padding: 30px 40px 25px 40px; border-radius: 10px; text-align: center; max-width: 475px; margin-left: auto; box-shadow: 0px 0px 7px 0px #8f8f8f; margin-top: 90px; position: absolute; display: none;}
.booking h3 { font-size: 22px; text-transform: uppercase; color: #000; font-weight: 700; margin-bottom: 20px;}
.booking p {font-size: 17px; line-height: 1.2; font-weight: 400; padding-bottom: 20px;}
.booking form .form-group { margin-bottom: 10px; position: relative;}
.booking form .form-group input.form-control { padding: 15px 15px; border: 1px solid #606060;  border-radius: 12px; font-size: 16px; font-weight: 400;}
.booking form .form-group input.form-control:focus { border: 1px solid #22af9e; box-shadow: 0 0 0;}
.booking form .form-group textarea.form-control { min-height:110px; box-shadow:0 0 0; border: 1px solid #606060;border-radius: 12px; }
.booking form .form-group textarea.form-control:focus { border: 1px solid #22af9e; box-shadow:0 0 0;  }
.booking form .form-group .sen-btn { background-color: #ea6e1b; width: 100%; border: 0; padding: 15px 15px; font-size: 24px; color: #fff; text-transform: uppercase; font-weight: 700; border-radius: 40px; transition: .3s;}
.booking form .form-group .sen-btn:hover { background-color: #22af9e; transition: .3s;}
.booking form .form-group a { font-size: 18px; color: #104e51; font-weight: 600; transition: .3s;}
.booking form .form-group a:hover { transition: .3s; color: #ea6e1b;}
.booking form .form-group:last-child { margin-bottom:0px; }
.mobile-title { display:none; }
/*BANNER CSS END */

/*ABOUT CSS START*/
.about { margin-top: -170px;}
.about .row { align-items: center;}
.about-cont ul li { font-size: 17px; font-weight: 400; color: #8b8b8b; line-height: 1.7;}
.about .heading-2 { padding-bottom: 45px;}
/*ABOUT CSS END*/

/*ABOUT CSS START*/
.about-smmry { background-image: url(../images/about-ju.jpg); background-repeat: no-repeat; background-size: cover; position: relative; padding: 120px 0px 148px 0px; z-index: 7;}
.about-smmry:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: #000; opacity: .7; z-index: -1;}
.about-junction .heading-2 {color: #fff;}
.heading-2 span { font-weight:300; }
.junction-cont { padding: 20px 80px; text-align: center; color: #fff;background: #22af9ebd; margin-bottom: 30px; min-height: 195px; display: flex; align-items: center; justify-content: center;}
.junction-cont h4 { font-size: 31px;}
.junction-cont h4 span { font-weight: 700;}
/*ABOUT CSS END*/

/*BLOG CSS START*/
.blog { background-color:#f4f4f4; position:relative; padding:135px 0px 100px 0px; }
.blog-box {position: relative;}
.blog-img img {width: 100%;}
.blog-box .blog-cont {background: #fff; padding: 25px;}
.blog-box .blog-cont h5 {color: #000; font-size: 18px; font-weight: 700; padding-bottom: 40px; transition: .5s;}
.blog-box .blog-cont p {line-height: 1.2; font-size: 12px; font-weight: 700; color: #ea6e1b;}
.blog-view {text-align: right; padding-top: 50px;}
.blog-view .banner-btn { padding: 18px 80px; display: inline-block;}
.blog-img { overflow:hidden; display: block; font-size: 0px;}
.blog-img figure img { transition: transform .5s ease-in-out;}
.blog-img:hover figure img {  transform: scale(1.1); transition: transform .5s ease-in-out; opacity: .7;}
.blog-cont a h5:hover { color:#22af9e; transition:.5s; }

/*BLOG CSS END*/

/*ST-1 CSS START*/
.st-1 { padding: 150px 0px; position: relative;}
.st-1 .owl-nav {position: absolute; top: -28%; right: 15%;}
.st-1 .owl-nav button span { font-size: 100px; opacity: 0;}
.st-1 .owl-dots { display: none;}
.st-1 button.owl-next:before {content: ''; position: absolute; right: 0px; top: 0px; background-image: url(../images/left-arrow.png); width: 20px; height: 35px; background-size: 100%; }
.st-1 button.owl-prev:before{content: '';position: absolute; right: 0px; top: 0px; background-image: url(../images/right-arrow.png); width: 20px; height: 35px; background-size: 100%;}
/*ST-1 CSS END*/

/*ST-2 CSS START*/
.st-2 { padding-bottom: 160px; }
.client-logo {background: #fff; padding: 25px 40px; box-shadow: 0px 0px 15px 0px #ccc; border-radius: 12px;}
.client-logo .item figure img {width: auto; transition: .3s;  filter: grayscale(1); opacity: .5;}
.client-logo .item figure img:hover {transition: .3s; cursor: pointer; filter: initial; opacity: 1;}
.st-2 .arrow_carousel.owl-carousel .owl-nav {display: block;}
.st-2 .owl-nav button.owl-next, .owl-nav button.owl-prev{ position: absolute; top: 50%; transform: translate(0px, -50%); height: 25px;}
.st-2 button.owl-next {right: -25px;}
.st-2 button.owl-prev {left: -25px;}
.st-2 .owl-nav button span { font-size:80px; color:#808080; opacity:0; }
.st-2 .owl-dots { display: none;}
.st-2 button.owl-next:before {content: ''; position: absolute;right: 0px; top: 0px; background-image: url(../images/left-arrow-1.png); width: 15px; height: 26px; background-size: 100%; }
.st-2 button.owl-prev:before {content: ''; position: absolute; right: 0px; top: 0px; background-image: url(../images/right-arrow-1.png); width: 15px; height: 26px; background-size: 100%; }
/*ST-2 CSS END*/


/*FOOTER*/
.footer { background-color: #22af9e; padding: 80px 0px 40px 0px; position: relative;}
.copyright p {padding-top: 75px; color: #fff; font-size: 14px;}
.widget-in h5 { padding-bottom: 20px; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase;}
.widget { display: flex; align-items: flex-start; justify-content: space-evenly;}
.widget-in ul li a { color: #fff; font-size: 14px; padding-bottom: 10px; display: block; transition: .3s;}
.widget-in ul li a:hover {color: #ea6e1b; transition: .3s;}
.widget-in p { color: #fff; font-size: 14px; line-height: 1.6;}
.widget-in p a { color: #fff; transition: .3s;}
.widget-in p a:hover { color: #ea6e1b; transition: .3s;}
.inside { padding-top: 40px;}
.st-1 .owl-nav button.owl-prev { margin-left: -50px; margin-top: -62px;}
.wiget-in-link { display: flex; align-items: flex-start; column-gap: 125px;}
/*FOOTER*/
.whatsapp-icon { background: #0dc900; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 29px; border-radius: 50%;}
.whatsapp-icon:hover { color:#fff; }
.whatsapp { position: fixed; right: 15px; transform: translate(0px, -50%); z-index: 99; bottom: 15px;}

/*ABOUT PAGE CSS START*/

.sub-banner {position:relative; }
.sub-banner-content-in {position: absolute; top: 30%;}
.secondry-menu li a {color: #fff; font-size: 14px; padding-right: 35px; position: relative;}
.sub-banner-content-in .heding-1 { text-transform: capitalize; padding-top: 125px;}
.secondry-menu li a span { position: absolute; right: 15px; font-size: 18px;}
.sub-banner figure img { width:100%; }

/*academy sec. css start*/
.academy { padding:100px 0px 0px 0px; }
.academy-in-cont-dtl .banner-btn { display: inline-block; padding: 17px 75px;}
.academy-in-cont .heading-2 {padding-bottom: 20px;}
.academy-in-cont-dtl p { padding-bottom: 25px; color: #434242; font-weight: 400;}
.academy-count {display: flex; align-items: center; justify-content: space-between; column-gap: 45px; padding-bottom: 70px;}
.academy-two .academy-in-cont { width: 100%;}
.academy-in .academy-count:last-child { padding-bottom: 0px;}
.academy-in-cont {width: 50%; position: relative;}
.images-in-drama { width: 50%;}
.welcome-list {padding-left: 15px;}
.welcome-list li { font-weight: 600; color: #434242; padding-bottom: 4px; font-size: 16px; position: relative;}
.welcome-list li:before {content: "\f105"; position: absolute; left: -15px; right: 0px; top: -3px; bottom: 0; font-size: 22px; font-family: 'Font Awesome 5 Free';}
.academy-in-cont-dtl:last-child p:last-child { padding-bottom:0px; padding-top:10px; }
.images-in-drama .play-in video { width: 100%;}
/*academy sec. css end*/

/*ABOUT PAGE CSS END*/


/*corporate page css start*/
.corporate { position: relative;}
.training { display: flex; align-items: center; justify-content: space-between;}
.training .training-cont { width: 50%; padding: 30px 100px; position: relative;}
.training .training-img { width: 50%;}
.training-cont .heading-2 { padding-bottom: 20px;}
.training-cont .banner-btn { display:inline-block; }
.training-cont .training-dtl p { padding-bottom:30px; font-size:15px; }
.training .training-img img {width: 100%; }
.training-cont .booking { position: absolute; left: 50%; top: 50%;}
/*corporate page css end*/

/*contact page css start*/
.adress { width: 50%;}
.contact-main { display: flex; align-items: center; justify-content: space-between; column-gap: 30px;}
.contact-main .contact-dtl { width: 50%; background: #fff; padding: 60px;}
.contact { background: #f3f3f3; padding: 100px 0px;}
form .form-group { margin-bottom: 50px; position: relative;}
form .form-group .form-control {border-bottom: 2px solid #ccc !important; border: 0; border-radius: 0; padding: 15px 5px; font-size: 18px;}
form .form-group .form-control:focus { box-shadow: 0 0 0;}
.revie { position: absolute; top: 18px; right: 10px;}
form .form-group .send-btn { background: #22af9e; text-transform: uppercase; font-size: 18px; padding: 10px 50px; border: 0; border-radius: 30px; font-weight: 700; color: #fff;transition: .3s;}
form .form-group .send-btn:hover { background-color: #ea6e1b; transition: .3s;}
.adress-box h3 { font-size: 30px; font-weight: 700; color: #000; padding-bottom: 10px;}
.adress-box .addre-view { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 24px; border-radius: 50%; color: #000; border: 1px solid #000;}
.maps-in iframe { width: 100%; height: 450px;}
.adress-box { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 31px; column-gap: 35px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px;}

/*contact page css end*/


/*acting courses page css start*/
.media-point { padding-bottom: 100px;}
.media-point-main .heading-2 { padding-bottom: 25px;}


.media-group {max-width: 900px; margin: auto; padding: 30px 0px;}
.media-group .accordion-item .accordion-button { background: #fff; color: #000; font-size: 20px; text-transform: uppercase; font-weight: 700; box-shadow: 0px -4px 7px 0px #e4e4e4; z-index: 1;}
.media-group .accordion-item:last-of-type{ box-shadow: 0px 3px 7px 0px #e4e4e4;  }
.content-play h4 { font-size: 20px; color: #22af9e; padding-bottom: 10px; font-weight: 700;}
.content-play h5 { font-size: 18px; color: #000; padding-left: 5px; text-transform: capitalize; font-weight: 700;}
.content-play ul { padding: 15px 0px 0px 15px;}
.content-play ul li { padding-bottom: 5px; list-style: inside; font-size: 15px; color: #676767;}
.media-group .accordion-item { border: 0;}
.media-group h2.accordion-header { background: #eee;}
.media-group .accordion-item .accordion-button:focus { border-color: #f000;}
.media-group .accordion-body { background: #f8f8f8;}
.content-play { padding-bottom: 15px;}

.theatre-junction { background: #eaeaea; padding: 100px 0px;}
.Junction-main { background: #fff; padding: 50px; height: 100%;}
.Junction-main h4 { color: #000; font-size: 22px; text-transform: uppercase; padding-bottom: 20px; font-weight: 700;}
.Junction-main .opestion-in { padding-bottom: 10px;}
.Junction-main .opestion-in h5 { font-size: 18px; padding-bottom: 10px; color: #313131;font-weight: 500; line-height: 1.5;}
.Junction-main .theatre-cont p {padding-bottom: 10px; font-size: 16px; color: #7e7e7e;}
.Junction-main .theatre-cont p strong { color: #000;}
.Junction-main .theater-in ul li { padding: 10px 12px 10px 0px; font-size: 17px; width: 50%; font-weight: 700;}
.theater-in ul { display: flex; flex-wrap: wrap;}
.course-fees ul li { padding-bottom: 10px;  list-style: disc;}
/*acting courses page css end*/

/*RESPONSIVE*/

@media(min-width:1500px){
.container {max-width: 1320px; margin: auto;}
}

@media(max-width:1499px){ 
.heding-1 { font-size:60px }
.banner-heading p {font-size: 24px; margin-bottom: 40px; font-weight: 400;}
.about .heading-2 {padding-bottom: 30px;}
.heading-2 { font-size:42px; padding-bottom:55px; }
.about-smmry { padding:110px 0px; }
.blog {padding: 100px 0px 80px 0px;}
.st-1 { padding:110px 0px; }
.st-2 { padding-bottom:110px; }
.footer {padding: 70px 0px 35px 0px;}
.copyright p { padding-top:60px; }
.junction-cont h4 { font-size: 28px;}
.blog-box .blog-cont h5 { padding-bottom:20px; }
.about { margin-top:0px; }
.sub-banner-content-in .heding-1 { padding-top:40px; }
.sub-banner-content-in { top:50%; }
.training-cont .training-dtl p { font-size: 14px; padding-bottom:20px; }
.training .training-cont { padding: 25px 65px;}
.training-cont .banner-btn { padding:15px 35px; font-size:16px; }

}

@media(max-width:1399px){ 
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li { margin-left: 28px;}
.header-left .log_in_main .navbar-brand {
    margin: 0;
}

}

@media(max-width:1199px){ 
/*header responsive css*/    
.header .headre-top .apply { order: 1; }
.navbar-fostrap { display: flex !important; cursor: pointer; margin: 0px 0px 0px 0px; padding: 0px 0 0px; z-index: 1; padding-top: 2px;}
.navbar-fostrap span { height: 8px; background: #fff; margin: 5px 3px; display: block; transition: 0.3s ease; width: 8px; border-radius: 100%;}
.header_navigation {z-index: 999;
    background: #22af9e; right: 0; 
    width: 100%;display: block;bottom: 0;
    position: fixed;top: -100%;/*-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;-ms-transition: all .4s ease;
    -o-transition: all .4s ease;transition: all .4s ease;*/
    margin: 0;
    border: 0;border-radius: 0;overflow-y: auto;overflow-x: hidden;
    /*height: 100vh;*/
    height: 0;
        -webkit-transform-origin: top;
    transform-origin: top;
    pointer-events: none;
    -webkit-transition: 1000ms cubic-bezier(0.34, 0.7, 0.27, 1) 1s;
    transition: 1000ms cubic-bezier(0.34, 0.7, 0.27, 1) 1s;
    height: 100%;
}

.header_navigation.visible { top: 0; 
    right: 0; 
  /*  -webkit-transition: top .4s ease;
    -moz-transition: top .4s ease;
    -ms-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease;*/
        -webkit-transition: 1000ms cubic-bezier(0.34, 0.7, 0.27, 1);
    transition: 1000ms cubic-bezier(0.34, 0.7, 0.27, 1);
    /*height: 100vh;*/ height: 100%;
    pointer-events: all;
}
.headre-top ul li:hover .sub-menu, .headre-top ul li:focus { position:relative; }
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li .arrow { position:absolute; right:15px; top:15px; z-index:99; }

.header_navigation ul.unoder_list li { -webkit-transform: translateY( -30px); transform: translateY( -30px);}
.header_navigation ul.unoder_list li:nth-of-type(1n) { -webkit-transition: 1000ms cubic-bezier(0.34, 0.7, 0.27, 1) 0.2s; transition: 1000ms cubic-bezier(0.34, 0.7, 0.27, 1) 0.2s;}

.visible ul.unoder_list li { opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}
.visible ul.unoder_list li { opacity: 1 !important;}
.header_navigation ul.unoder_list li {opacity: 0;}

.mobile_header {padding: 10px 15px;display: flex !important;justify-content: space-between;align-items: center;background-color: #000000;}
.header button.close {font-size: 42px; border-radius: 50%; border: none; background-color: #f000;
    color: #fff;
        -webkit-transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1);
    transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
.header_navigation.visible button.close {
       -webkit-transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1) 0.2s;
    transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1) 0.2s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
} 
.header {padding: 10px 0px;}
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li { margin: 0px; padding: 12px 20px; width: 100%; }
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li a {
    font-size: 18px;
    font-weight: 400;
}
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list { padding-top: 20px; }

header .sticky .headre-top .header-rigth .header_navigation nav.navigation .unoder_list li a {color: #ffffff !important;}
header .mobile_header img {width: 150px; 
-webkit-transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1);
    transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
.visible .mobile_header img {
    -webkit-transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1) 0.2s;
    transition: 500ms cubic-bezier(0.34, 0.7, 0.27, 1) 0.2s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.log_in_main img { max-width: 190px;}
.sticky_logo { max-width: 190px;}
.wiget-in-link { column-gap:10px; }

.visible .unoder_list li a { color: #fff !important;}
/*.menu-item-has-children span.arrow { color: #fff; padding-top: 20px; font-size: 30px; padding-right: 50px;}*/
.header .headre-top .header-rigth ul.sub-menu li a { font-size: 18px !important;}
.menu-item-has-children ul.sub-menu {position: initial !important;display: none; visibility: visible !important; transition: unset !important; box-shadow: 0 0 0 !important; }
.headre-top ul li .sub-menu::before { background: #159f8f; opacity: initial; }
.unoder_list .menu-item-has-children { padding: 0px !important; }
.unoder_list .menu-item-has-children a { padding: 14px 20px;display: block;}
.menu-item-has-children ul.sub-menu li a { font-size: 13px !important; padding: 10px 30px !important;}

}

@media(max-width:1199px){ 
.heding-1 { font-size: 48px;}
.banner-heading p {font-size: 22px; margin-bottom: 30px;}
.booking h3 { font-size: 20px; margin-bottom: 10px;}
.booking p {font-size: 16px; padding-bottom: 15px;}
.booking {padding: 25px 30px 20px 30px; margin-top: 60px;max-width: 360px;}
.booking form .form-group input.form-control {padding: 12px 15px; font-size: 15px;}
.booking form .form-group textarea.form-control { min-height:100px; }
.booking form .form-group .sen-btn {padding: 12px 15px; font-size: 20px;}
.booking form .form-group a { font-size:16px; }
.banner-btn { font-size: 16px; padding: 16px 30px;}
/*.banner {padding-bottom: 380px;}*/
.heading-2 { font-size:36px; padding-bottom:40px; }
.about .heading-2 {padding-bottom: 20px;}
.about-cont ul li { font-size:16px; }
.about-smmry {padding: 75px 0px;}
.junction-cont h4 { font-size: 24px;}
.blog {padding: 75px 0px 65px 0px;}
.blog-view .banner-btn {padding: 12px 60px; font-size: 15px;}
.blog-view {padding-top: 35px;}
.blog-box .blog-cont h5 { font-size:17px; padding-bottom:15px; }
.blog-box .blog-cont { padding:20px; }
.st-1 { padding: 75px 0px;}
.st-2 {padding-bottom: 75px;}
.footer {padding: 60px 0px 30px 0px;}
.copyright p {padding-top: 40px;}

.academy { padding:80px 0px 0px 0px; }
.academy-in-cont-dtl .banner-btn { padding: 15px 60px; font-size: 15px;}
.academy-in-cont-dtl p { padding-bottom: 20px; font-size: 16px;}
.academy-count { padding-bottom:50px; }
.footer-logo img {max-width: 190px;}
.widget-in p { padding:0px 5px 0px 0px; }

.training .training-cont { padding: 20px 40px;}
.training-cont .heading-2 { padding-bottom: 10px; font-size: 28px;}
.training-cont .banner-btn { padding: 10px 30px; font-size: 13px;}
.training-cont .training-dtl p { font-size: 13px; padding-bottom: 10px; line-height: 1.5;}

.adress-box h3 { font-size:24px; }
.adress-box { margin-bottom:25px; }
.contact {padding: 80px 0px;}

.headre-top ul li:hover .sub-menu, .headre-top ul li:focus , .headre-top ul li .sub-menu{ transform: translate(0); opacity: 1; }
.headre-top ul li .sub-menu li{ padding:0px !important; }
}



@media(max-width:991px){ 

.media-point { padding-bottom: 60px;}
.media-group .accordion-item .accordion-button { font-size:20px; }
.content-play h4 { font-size:18px; }
.content-play h5 { font-size:16px; }
.content-play ul { padding: 10px 0px 0px 15px;}
.theatre-junction { padding: 60px 0px;}
.Junction-main { margin-top: 25px; height: auto;}

.header-social .search ul { padding: 10px 0px }
.heding-1 { font-size:36px; }
.banner-heading p { font-size: 20px; margin-bottom: 35px;}
.banner-btn { font-size: 16px; padding: 15px 27px;}
.booking {margin: 40px auto 0 auto; max-width: 100%; position: initial;}
.baner-main { transform: translate(0px, 0px); top: 30%; z-index: 9;}

.booking h3 { font-size: 20px; margin-bottom: 10px;}
.booking p {font-size: 15px; padding-bottom: 15px;}
.booking form .form-group input.form-control {padding: 10px 15px; font-size: 15px;}
.booking form .form-group textarea.form-control {min-height: 95px; border-radius: 8px;}
.booking form .form-group .sen-btn { padding: 8px 15px; font-size: 18px;}
.booking form .form-group a {font-size: 16px;}
.about .heading-2 { padding-bottom: 20px;}
.heading-2 { font-size:32px; padding-bottom:30px; }
.about-cont ul li {font-size: 16px; line-height: 1.6;}
.about {margin: 0; padding: 60px 0px;}
.about-smmry { padding: 60px 0px 30px 0px;}
.heading-2 span { font-weight:400; }
.junction-cont { padding: 15px 30px; }
.junction-cont h4 { font-size:24px; }
.blog { padding: 60px 0px; }
.blog-box .blog-cont { padding:20px; }
.blog-box .blog-cont h5 { font-size:17px; padding-bottom:20px; }
.blog-box { margin-bottom:25px; }
.blog-view { padding-top:13px; }
.st-1 { padding:60px 0px; }
.client-logo .item figure img { max-width:150px; margin:auto; }
.client-logo { padding: 20px 30px; }
.st-2 { padding-bottom:60px; }
.widget-in h5 { padding-bottom: 15px; font-size: 15px;}
.inside { padding-top: 35px;}
.widget-in p { padding:0px 5px; }
.widget-in ul li a { padding-bottom:7px; }
.footer {padding: 60px 0px 30px 0px;}
.copyright p { padding-top:40px; }
.st-1 .owl-nav {top: -30%;}
.blog-view .banner-btn { padding: 15px 70px;}
.st-1 button.owl-prev:before {width: 15px; height: 27px;}
.st-1 button.owl-next:before {width: 15px; height: 27px;}
.st-2 button.owl-prev:before {width: 15px; height: 27px;}
.st-2 button.owl-next:before {width: 15px; height: 27px;}
.booking.model-open {visibility: initial; display: none;}
.logo img { max-width:150px; }
.footer-logo img { max-width: 150px;}


.academy { padding: 60px 0px 0px 0px;}
.academy-count {padding-bottom: 30px;}
.academy-in-cont-dtl .banner-btn {padding: 13px 50px;}
.academy-in-cont .heading-2 {padding-bottom: 10px;}
.academy-in-cont-dtl p {padding-bottom: 15px; font-size: 15px;}
.academy-in-cont .heading-2 { font-size:30px; }
.welcome-list li:before { font-size:18px; }
.welcome-list li { font-size:15px; }
.sub-banner-content-in .heding-1 {padding-top: 25px;}

.footer .container { max-width: 100%;}

.training { flex-wrap:wrap; }
.training .training-cont { width:100%; }
.training .training-img { width:100%; }
.training .training-img img {height: 350px; object-fit: cover; object-position: top;}
.training-cont .training-dtl p { font-size: 14px; padding-bottom: 10px; line-height: 1.7;}
.corporate .training:last-child { flex-direction: column-reverse; margin-top: 30px;}
.corporate { padding: 50px 0px;}
.training-cont .heading-2 { font-size:24px; }
.training .training-img img { height:300px; }
.training .training-cont { padding: 15px 30px;}

.contact-main .contact-dtl { padding:40px; }
form .form-group .form-control { padding: 12px 5px; font-size: 16px;}
form .form-group { margin-bottom:30px; }
.adress-box h3 { font-size: 22px;}
.dtl-in-add a { font-size: 15px;}
.adress-box { margin-bottom: 20px; column-gap: 20px;}
.adress-box .addre-view { width: 50px; height: 50px; font-size: 20px;}
.maps-in iframe { height: 300px;}
.contact { padding: 60px 0px;}
form .form-group .send-btn { font-size: 16px; padding: 8px 40px;}

.banner .heding-1 { padding-bottom: 30px;}


}


@media(max-width:767px){ 

.media-group .accordion-item .accordion-button { font-size: 16px;}
.media-group { padding: 20px 0px;}
.media-point-main .heading-2 { padding-bottom: 10px;}
.media-point-main .heading p { font-size: 15px;}
.media-group .accordion-body { padding:15px; }
.content-play h4 { font-size: 16px;}
.content-play h5 { font-size: 15px;}
.content-play ul li { padding-bottom: 3px; font-size: 14px;}
.media-point { padding-bottom: 40px;}
.theatre-junction { padding: 10px 0px 40px 0px;}
.course-fees li { font-size: 14px;}
.Junction-main { padding:30px; }
.Junction-main h4 { font-size: 20px; padding-bottom: 15px;}
.Junction-main .opestion-in h5 { font-size: 16px; padding-bottom: 5px;}
.Junction-main .theatre-cont p { padding-bottom: 5px; font-size: 14px;}
.Junction-main .theater-in ul li { padding: 5px 10px 5px 0px; font-size: 15px;}
.banner .heding-1 { padding-bottom: 20px;}


h2 { font-size: 24px; margin-bottom: 0px; }
header .sticky { padding: 10px 0px !important; }
.monile-social-list ul.list-social li { font-size: 16px; width: 30px; height: 30px; }
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li a { font-size: 18px; }
.header .headre-top .header-rigth ul.sub-menu li a { font-size: 15px !important; }
/*.menu-item-has-children span.arrow { padding-top: 15px; font-size: 20px; padding-right: 40px;}*/
.header button.close { font-size: 30px; }
.header-social .search ul li a { font-size:18px; padding-left:20px; }

.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li { padding:10px 15px; }
.header .headre-top .header-rigth .header_navigation nav.navigation ul.unoder_list li a { font-size:16px; }

.header-social .search ul {padding: 5px 0px;}
.logo img {max-width: 150px;}
.heding-1 {font-size: 30px; line-height: 1.2;}
.banner-heading p {font-size: 18px; margin-bottom: 30px; padding-top: 5px;}
.banner-btn { font-size:14px; padding: 12px 20px}

.about .heading-2 { padding-bottom: 10px;}
.heading-2 { font-size:26px; padding-bottom:20px; }
.about-cont ul li { font-size:14px; }
.about {padding: 0px 0px 45px 0px;}
.junction-cont {padding: 15px 20px;}
.junction-cont h4 {font-size: 20px;}
.about-smmry {padding: 45px 0px 20px 0px;}
.blog {padding: 45px 0px;}
.blog-box .blog-cont h5 {font-size: 16px; padding-bottom: 30px;}
.blog-box .blog-cont {padding: 15px;}
.st-1 {padding: 45px 0px;}
.st-2 { padding-bottom: 45px;}
.client-logo .item figure img { max-width: 115px;}
.footer { padding: 45px 0px 20px 0px;}
.footer-logo img {max-width: 150px; padding-bottom: 20px;}
.copyright p { padding-top: 25px; font-size: 13px;}
.widget-in h5 {padding-bottom: 10px; font-size: 14px;}
.widget-in ul li a {padding-bottom: 5px; font-size: 13px;}
.widget-in p { font-size:13px; }
.client-logo { padding: 15px 25px;}
/*.st-1 .owl-nav button.owl-prev, .st-1 .owl-nav button.owl-next {position: absolute; top: 50%; transform: translate(0px, -50%);}*/
.st-1 .owl-nav button.owl-next {right: 0;}
.st-1 .owl-nav button.owl-prev {left: 50px;}
.header .search-bild input.form-control { width:550px; padding:20px; }
.header .close-btn { font-size:48px; }
.blog-view .banner-btn { padding: 12px 50px;}
.booking form .form-group a { font-size: 15px;}
.st-2 button.owl-prev:before { width:11px; height:19px; }
.st-2 button.owl-next:before { width:11px; height:19px; }
.st-2 button.owl-next { right: -15px;}
.st-1 .owl-nav {top: -21%;}
.st-1 button.owl-prev:before {right: 30px;}

.academy {padding: 40px 0px 0px 0px;}
.academy-count { display:block; }
.academy-in-cont { width: 100%; padding-top: 20px;}
.images-in-drama { width:100%; }
.academy-in .academy-count:first-child { display: flex; flex-direction: column-reverse;}
.academy-in-cont .heading-2 { font-size: 26px;}
.academy-in-cont-dtl p { font-size: 14px;}
.academy-in-cont-dtl .banner-btn { padding: 10px 35px; font-size: 14px;}
.welcome-list li { font-size: 14px;}
.sub-banner figure img {height: 300px; object-fit: cover;}
.sub-banner-content-in .heding-1 { padding-top: 20px;}
.secondry-menu li a { padding-right:20px; }
.secondry-menu li a span { right: 7px; font-size: 17px;}

.whatsapp { top:90%; }
.whatsapp-icon {width: 45px; height: 45px; font-size: 24px;}

.widget { justify-content:flex-start; }
/*.widget-in {
    padding-right: 20px;
}*/
.wiget-in-link { column-gap: 20px;}
.inside { padding-top:27px; }
.corporate { padding: 40px 0px;}

.contact-main { flex-wrap:wrap; }
.contact { padding:40px 0px; }
.contact-main .contact-dtl { width: 100%; margin: 0px 15px;}
.adress { width: 100%; margin-top: 30px;}
.adress-box { padding-left:15px; }
.adress-box h3 { font-size: 20px;}
.dtl-in-add a { font-size: 14px;}
.adress-box .addre-view { width: 40px; height: 40px; font-size: 18px;}
form .form-group .form-control { padding: 10px 5px; font-size: 15px;}
.revie {top: 12px;}
form .form-group .send-btn { font-size: 15px;}

}

@media(max-width:574px){ 

.Junction-main .theater-in ul li { width:100%; }
.Junction-main { padding: 20px;}
.Junction-main h4 { font-size: 18px; padding-bottom: 10px;}

.about-cont {padding-bottom: 25px;}
.about-img { max-width: 300px; margin: auto;}
.junction-cont { margin-bottom:15px; min-height:160px; }
.widget { justify-content:flex-start; padding-bottom:15px; }
.widget-in { padding-right: 15px;}
.widget-in p { padding:0px; }
.copyright p {padding-top: 10px;}
.widget-in h5 {padding-bottom: 5px;}
.inside {padding-top: 22px;}
.blog-box .blog-cont h5 {padding-bottom: 10px;}
.header .search-bild input.form-control { width:300px; }
.heding-1 { font-size:26px; }
.banner-heading p { font-size:16px; }
.blog-view { text-align:center; }
.st-1 .owl-nav { display:none; }
.booking form .form-group input.form-control {padding: 8px 15px; font-size: 14px; border-radius: 5px;}
.booking form .form-group textarea.form-control {min-height: 80px; border-radius: 5px; font-size: 14px;}
.booking { margin: 30px auto 0 auto;}
.banner-heading p { margin-bottom:20px; }
.banner figure img { height: 430px; object-fit: cover;}
.contact-main .contact-dtl { padding: 25px;}

.sub-banner figure img { height: 250px !important; object-position: left;}
.sub-banner-content-in .heding-1 { padding-top: 15px;}


.training .training-cont { padding: 0px 15px 15px 15px;}
.training .training-img img { height: 200px;}
.training-cont .banner-btn { text-align:center; }

}