@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "NoeDisplay-Bold";
    src: url("fonts/NoeDisplay-Bold.woff");
}

@font-face {
    font-family: "SofiaProRegular";
    src: url("fonts/SofiaProRegular.woff");
}
@font-face {
    font-family: 'Poppins', sans-serif;
    src: url("fonts/Poppins-Medium.ttf");
}
@font-face {
    font-family: "Northwell";
    src: url("fonts/Northwell.woff");
}
@font-face {
    font-family: "Old English Text MT";
    src: url("fonts/old-english-text-mt.ttf");
}
html, body {
    width: 100%;
    overflow-x: hidden;
}
h1, h2 { 
	  /* font-family:"NoeDisplay-Bold" !important; */
    font-family: "EB Garamond", serif;
        font-weight: 700 !important;
}
h6, h5 {
    font-family: "EB Garamond", serif ;
        font-weight: 700 !important;
}
p, section ul li
 { font-family: "SofiaProRegular" !important;
     font-size: 20px;
    line-height:30px;
}
#intro {
    background-image: url("../images/home-bnner.jpg") no-repeat fixed;
    height: 750px;
}
#trans1 {
    background: url('../images/home-banner-new.jpg') no-repeat fixed;
    height: 700px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

nav {
    background-color: #fff !important;
}
.h-750 {
    height: 750px
}
.h-900 {
    height: 900px
}
.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
.bg-image {
    position: relative !important;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}


.modern-jazz-img .upper-img {
    padding-right: 1.5rem;
    margin-left: 0px;
}

.header .text-white{
	    color: #527591!important;
}

.text-left{text-align: left !important;}


/* Tab Accordian */

.tab-accordian ul{
    padding-left: 22px;
}
.tab-accordian p{
    margin-top: 0;
}

.tab-accordian{
    width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    border-radius: 10px;
    border: 1px solid #cecece;
    background: transparent;
    margin-bottom: 20px;
    overflow: hidden;
}

.titleWrapper{
    padding: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .8s linear;
}
/* .titleWrapper.active{
    background: #fff;
} */
.desWrapper{
    background: #fff;
    max-height: 500px;
    display: none;
    padding: 20px;
    transition: max-height 1s ease-in;
}

/* Collapse Icon */

.collapse-icon{
    position: relative;
}
.collapse-icon .acc-close{
    height: 20px;
    border-left: 2px solid #0a7a7f;
    transition: all .5s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1;
}

.collapse-icon .acc-open {
	width: 19px;
	position: absolute;
	border-top: 2px solid #0a7a7f;
	transition: all .5s ease-in-out;
	transform: rotate(90deg);
	top: 43%;
	right: -8px;
}

.titleWrapper.active .collapse-icon{
    transition: all .5s ease-in-out;
	transform: rotate(180deg);
}

.titleWrapper.inactive .collapse-icon{
    transition: all .5s ease-in-out;
	transform: rotate(-180deg);
}

.titleWrapper.active .collapse-icon .acc-open{ 
    opacity: 0;
}

/* Tab Accordian */



.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42556b;
    border-radius: 5px;
    text-align: center;
    color: #f95d5d;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42556b;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42556b;

}
.btn-default:active .filter-button:active
{
/*    background-color: #42B32F;*/
    color: white;
}


.lightbox .thumbnail{margin: 1em auto;}



/*gallery-grid*/



.prev,
.next {
    position: fixed;
    top: 0;
    width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 999;
    color: rgba(255,255,255,.5);
    font-size: 8rem;
    font-family: monospace;
    transition: all .2s;
}

.prev:hover,
.next:hover {
    color: rgba(255,255,255,.8);
}

.prev {left: -25%;}
.next {right: -25%;}

.active .prev {left: 0;}
.active .next {right: 0;}

.gallery-grid .main-container {
    margin: 10vh auto;
    max-width: 80%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
}

.gallery-grid .main-container  div {
    text-align: center;
    padding: 1rem 0;
    color: white;
    font-size: 3rem;
    text-transform: uppercase;
    background: rgba(0,0,0,.2);
    overflow: hidden;
    padding: 0;
    /* display: flex; */
    align-items: stretch;
    justify-content: center;
}

.gallery-grid .main-container div img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
}

.gallery-grid .main-container  div.show::before {
    content: '';
    display: block;
    position: fixed;
    z-index: 555;
    width: 100vw;
    height: 100vh;
    top: 0; left: 0;
       background: rgb(0 0 0 / 86%);
}

.gallery-grid .main-container  div.show img {
    position: fixed;
    top: 0; left: 0;
    margin: 30px;
    align-self: center;
    object-fit: contain;
    z-index: 666;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    filter: drop-shadow(0 3px 15px black);
    cursor: url(close-button.png), grab; /* custom cursor to signal close on click */
}

.gallery-grid .main-container  div:not(.show):hover img {
    cursor: pointer;
    transform: scale(1.3);
}


 /* .gallery-grid .main-container  .horizontal {
    grid-column: span 1;
}

.gallery-grid .main-container  .vertical {
    grid-row: span 2;
}

.gallery-grid .main-container .big {
    grid-column: span 2;
    grid-row: span 2;
} */


.gallery-grid .main-container {
    margin-bottom: 0;
    padding-bottom: 3rem;
    margin-top: 0;
}



/*gallery-grid end*/





 .new-add {
    padding-top: 8rem !important;
}

.class-btn {
    color: #f95d5d !important;
    padding: 0!important;
    background-color: unset !important;
    padding-bottom: 4px!important;
    border-radius: unset !important;
    border-bottom: 2px solid #fff !important;
	box-shadow: unset !important;
}

.class-btn:hover {
     color: #f95d5d !important;
    padding: 0!important;
    background-color: unset !important;
    padding-bottom: 4px!important;
    border-radius: unset !important;
    border-bottom: 2px solid #fff !important;
	box-shadow: unset !important;
}

.mis-p {
    padding-left: 44px;
}

.navbar-brand {
    padding: 0;
}
.testi-sec  h5 {
    font-family: "EB Garamond", serif;
    font-weight: 700;
}

.testi-sec p {
    font-family: "EB Garamond", serif !important;
    font-weight: 700;
}
.testi-sec .carousel-indicators [data-bs-target] {
background-color: #424c58 !important;
}
.teacher-team .col-md-4 {
    padding-left: 3rem;
    padding-right: 3rem;
}


#faq-banner {
    background: url("../images/faqs-banner-image.jpg") no-repeat fixed;
    height: 700px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.our-story-sec .stylish-font1 {
    right: 80px;
}

.home-slider .carousel-inner{height: 700px;}


.home-slider .home-slide-carousel{height: 950px;}


#home-slide-one {
    background: url(../images/home-slider-banner-one.jpg) no-repeat fixed;
    height: 950px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

	#home-banner-first {
    background: url(../images/banner-1-home-slider.jpg) no-repeat fixed;
    height: 950px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#home-slide-two {
    background: url(../images/home-slider-banner-two.jpg) no-repeat fixed;
    height: 950px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#home-slide-three {
    background: url(../images/home-slider-banner-three.jpg) no-repeat fixed;
    height: 950px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#home-slide-four {
    background: url(../images/home-slider-banner-four.jpg) no-repeat fixed;
    height: 950px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#home-slide-five {
    background: url(../images/home-slider-banner-five.jpg) no-repeat fixed;
    height: 950px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#auditionform label.form-label {
    color: #000;
        text-align: left;
    display: block;
}
#auditionform h4.modal-title {
    color: #000 !important;
}

.active header.gallery-grid nav.navbar.navbar-expand-lg.navbar-light.header {
    z-index: 9 !important;
}

.active header.gallery-grid nav.navbar.navbar-expand-lg.navbar-light.header nav {
    z-index: 9 !important;
}

#grid-gallery a.prev, .next {
    font-size: 52px;
}

.gallery-grid a.prev {
    font-size: 52px !important;
}

#carouselhome-slider h1 {
    font-family: 'Old English Text MT' !important;
	font-weight: 500 !important;
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
	
	
	
    #intro {
        margin-top: 00px;
    }
}
.navbar .nav-link {
    color: #527591 !important;
}
/*color pallet */
.text-white-off {
    color: #ebe6e2 !important
}
.text-blue-lightish {
    color: #cbdbe8;
}
.text-blue-light {
    color: #42556b
}
.text-blue {
    color: #6d9cbf;
}
.text-reddish {
    color: #f95d5d;
}
.text-grey-red {
    color: #756564
}
.text-blue2 {
    color: #424c58
}
.text-blue3 {
    color: #4a5f79
}
.text-old-red {
    color: #756663
}
.bg-bluish {
    background-color: #acbcd0
}
.bg-bluish2 {
    background-color: #c9d6df
}
.bg-bluish3 {
    background-color: #a7b5c0 !important
}
.text-black{
    color:#000000
}

/*width */
.container {
    max-width: 80%
}
.w-70 {
    width: 70%
}
.w-35 {
    width: 35%
}
.w-40 {
    width: 40% !important;
}
/*font */
.f-15 {
    font-size: 15px
}
.font-25 {
    font-size: 25px
}
.f-50 {
    font-size: 50px
}
.f-55 {
    font-size: 55px
}
.f-55 {
    font-size: 55px
}
.f-60 {
    font-size: 60px
}
/*margin padding */
.mr-0 {
    margin-right: 0
}
.mr-1 {
    margin-right: 1rem
}
.ml-0 {
    margin-left: 0
}
.mr-minus {
    margin-right: -2rem
}
.mb-minus-6 {
    margin-bottom: -6rem
}
.line-height-1 {
    line-height: 1
}
.d-inline {
    display: inline-block
}
.main-img {
    margin-top: -180px;
    left: 20px;
    margin-left: 50px;
}
.bg-img1 {
    background-image: url("../images/section3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
 
}
.classes-background{
    position: relative;
}
.bg-img1::after, .bg-img2::after{
    content: '';
    background-color: #0000004a;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
 .bg-img1 .w-60.px-5, .bg-img2 .w-60.px-5{
    position: relative;
    z-index: 1;
}
.bg-img2 {
    background-image: url("../images/section3-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.testimonial .carousel-indicators {
    position: inherit;
}
#passion-banner {
    background-image: url("../images/section6.jpg");
    height: 550px;
}
#passion-banner {
    background: url('../images/section6.jpg') no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.header {
    position: fixed;
    z-index: 1000;
    height: auto;
    width: 100%;
    background: transparent;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
}
header .active {
    background-color: rgba(34, 34, 34, 0.8);
    height: 100px;
}
header .nav-link.active {color:#f95d5d !important; background-color: transparent;
    height: auto;
}
.navbar-toggler { background-color: white !important;}

.header > .active img {
    width: 100px
}


nav.navbar.navbar-expand-lg.navbar-light.header.active {
    z-index: 1000 !important;
}
.btn {
    font-family: 'Poppins', sans-serif;
}
.btn-btm-border, .btn-btm-border-white {
    position: relative;
    border-radius: 0;
    outline: none;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    text-decoration: none
}
.btn-btm-border:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px;
    width: calc(100% + 0px);
    margin-left: 0px;
    background: #f95d5d;
    transition: .4s;
}
.btn-btm-border-white:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px;
    width: calc(100% + 0px);
    margin-left: 0px;
    background: #fff;
    transition: .4s;
}
.btn-btm-border:hover {
    color: #f95d5d;
    text-decoration: none;
}
.btn-btm-border:hover:after, .btn-btm-border-white:hover:after {
    transform: scaleX(0);
}
.btn-btm-border-white:hover {
    color: #fff;
    text-decoration: none;
}
footer .list-unstyled li a, header nav ul li a {
    display: inline-block;
    line-height: normal;
}
footer .list-unstyled li a:after, header nav ul li a:after {
    display: block;
    content: '';
    border-bottom: solid 2px #ffffff;
    transform: scaleX(0);
    transition: transform 300ms ease-in-out;
}

footer .list-unstyled li a:hover:after, header nav ul li a:hover:after {
    transform: scaleX(1);
}
footer .reg-logo{
    width: 100px;
    margin-left: -5px;
    margin-top: 1rem;
}

footer a:hover {
    text-decoration: none;
}
.global-btn {
    background-color: #f95d5d;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: normal;
    border: 0;
    border-radius: 50px;
    font-size: 15px;
    padding: 0.7rem 2rem;
    color: white;
    transition: 0.5s;
    transition-property: initial !important;
}
.global-btn:hover {
    border-color: transparent;
    background-color: var(--color-primary);
    color: #fff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0px 1px 1px rgb(0 0 0 / 5%), 0px 2px 2px rgb(0 0 0 / 5%), 0px 4px 4px rgb(0 0 0 / 5%), 0px 8px 8px rgb(0 0 0 / 5%), 0px 16px 16px rgb(0 0 0 / 5%);
    box-shadow: 0px 1px 1px rgb(0 0 0 / 5%), 0px 2px 2px rgb(0 0 0 / 5%), 0px 4px 4px rgb(0 0 0 / 5%), 0px 8px 8px rgb(0 0 0 / 5%), 0px 16px 16px rgb(0 0 0 / 5%);
}
.btn-blue {
    background-color: #748aa5;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: normal;
    border: 0;
    border-radius: 50px;
    font-size: 15px;
    padding: 0.7rem 1rem;
    color: white;
    transition: 0.5s;
}
.btn-blue:hover, .btn-grey:hover {
    background-color: #f95d5d;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 15px 20px #292d321f;
    color: #fff;
    transform: translateY(-2px);
}
.btn-grey {
    background-color: #92908c;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: normal;
    border: 0;
    border-radius: 50px;
    font-size: 15px;
    padding: 0.7rem 1rem;
    color: white;
    transition: 0.5s;
}
.global-btn:hover, .global-btn:focus {
    background-color: #fff;
    color: #f95d5d;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active {}
.navbar-collapse {
    flex-grow: inherit;
}
header .navbar-collapse {    margin-top: 4px;}
nav ul li {
    font-size: 15px;
    margin-right: 1rem;
    font-family: 'Poppins', sans-serif;
        align-content: center;
}
.font-north {
    font-family: 'Northwell';
}
.sofia-font {
    font-family: 'Sofia Pro', sans-serif;
}
.neo-display-bold {  
  font-family: "EB Garamond", serif;
  font-weight: 700 !important;
  font-style: normal;
  
}
.poppins {
    font-family: 'Poppins', sans-serif;
}
.font-light {
    font-weight: 400
}
.font-15 {
    font-size: 15px
}
.stylish-font {
    top: 3.2rem;
    left: 3.4rem;
    font-size: 5rem;
    font-family: Northwell;
    /* transform: translateY(-55%) rotate(354deg);*/
    color: #ffffff;
    font-weight: 400;
    white-space: nowrap;
    z-index: 100;
    padding-left: 4rem;
}
.stylish-font1 {
    font-size: 5rem;
    font-family: Northwell;
    color: #f95d5d;
    font-weight: 400;
    position: absolute;
    transform: translateY(-55%) rotate(354deg);
    bottom: -70px;
    right: 150px;
    z-index: 99;
}
.stylish-font2 {
    display: inline-block;
    font-size: 4.95rem;
    font-family: Northwell;
    transform: rotate(-16deg) translateZ(0);
    color: #f95b5b;
    font-weight: 400;
    white-space: nowrap;
    line-height: 0;
    padding-right: .5rem;
    padding-left: 1rem;
    margin-bottom: 4rem;
    z-index: 100;
}
.stylish-font3 {
    display: inline-block;
    font-size: 4.95rem;
    line-height: 1;
    color: #f95b5b;
    font-weight: 400;
    bottom: 0;
    position: absolute;
    left: -50px;
}
.stylish-font4 {
    display: inline-block;
    font-size: 4.95rem;
    line-height: 1;
    color: #f95b5b;
    font-weight: 400;
}
.stylish-font5 {
    display: inline-block;
    font-size: 4.95rem;
    line-height: 1;
    color: #f95b5b;
    font-weight: 400;
    transform: rotate(354deg) translateZ(0);
}
.testimonial h3 {
    font-family: "SofiaProRegular";
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
}
.testimonial .carousel-indicators [data-bs-target] {
    width: 5px;
    height: 5px;
}
.img-left {
    position: absolute;
    bottom: 50px;
    right: -30px;
    left: 30px;
    z-index: 9
}
.img-right {
    position: absolute;
    bottom: 0px;
    left: -30px;
    right: 30px;
}
.dance-img {
    position: absolute;
    width: 265px;
}
footer ul li {
    line-height: 2;
}
/*Parallax Scrolling effect*/
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: auto;
    }
}
.background {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 700;
    padding-top: 50px;
    background: #222;
    height: 1500px;
    left: 40%;
    top: 0;
    position: absolute;
    transform: translateX(-50%);
    width: 30%;
    z-index: -1;
}
.logo {
    position: absolute;
    z-index: 999;
    left: 350px;
}
.wrapper {
    display: flex;
    margin: 0 auto;
    max-height: 2900px;
    width: 80%;
    justify-content: center;
    position: relative;
}
.left {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    margin: 0 auto;
    max-height: 2900px;
    position: relative;
    width: 30%;
}
.right {
    color: #fff;
    height: auto;
    margin: 0 auto;
    max-height: 2900px;
    position: relative;
    width: 30%;
}
.droite {
    position: relative;
    right: 300px;
    bottom: 300px;
}
.image1 {
    position: relative;
    z-index: 99;
}
.image2 {
    position: relative;
    z-index: 99;
}
.about-right-content {
    padding: 0;
    margin-left: -50px;
    z-index: 9;
}
/* ---------------style Components for timeline in about us page starts -------------------------------- */
.ui-loader {
    display: none
}
.cd-horizontal-timeline {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}
.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
}
.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
}
.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #fff;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #f95d5e;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    width: 100px;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    color: white;
    padding: 5px;
    margin-bottom: 20px;
}
/* custom*/
.cd-horizontal-timeline .events a::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    background: #fff;
    bottom: -20px;
    left: 50%;
}
.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -25px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #f95d5e;
    border-color: #fff;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
    background-color: #f95d5e;
    border-color: #f95d5e;
}
.cd-horizontal-timeline .events a.older-event::after {
    border-color: #f95d5e;
}
@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}
.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
    color: #fff;
}
.no-touch .cd-timeline-navigation a:hover {
    border-color: #f95d5e;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #f95d5e;
}
.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 2em !important;
    font-weight: 700;
    line-height: 1.2;
    color: white
}
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}
.cd-horizontal-timeline .events-content p {
    font-size: 1.5em !important;
    color: #fff;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}
@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 7rem;
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 1.5em !important;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 1.8rem;
    }
}
@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
/* ---------------style Components for timeline in about us page end -------------------------------- */
/* -------examination page--------- */
#exam-banner {
    background: url("../images/exam-banner.jpg") no-repeat fixed;
    height: 700px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.upper-img {
    margin-top: -180px;
    right: 0;
    margin-left: 50px;
    position: absolute;
}
.exam-bg1 {
    background-image: url("../images/section2.2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px
}
#exam-btm-banner {
    background: url("../images/exam-btm-banner.jpg") no-repeat;
    background-position: center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 550px
}
.exam-left-abs {
    position: absolute;
    z-index: 9;
    top: 45%;
    right: -50px;
    left: 10px;
}
.mt-minus-3 {
    margin-top: -3rem
}
/* -------examination page--------- */
/* -------dance form page--------- */
.text-bazaar {
    color: #8e7b79
}
.mt-minus-6 {
    margin-top: -6rem
}
#dance-form-banner {
    background: url("../images/class-banner-new.jpg") no-repeat fixed;
    height: 700px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.img-left-form {
    position: absolute;
    top: 70px;
    right: -30px;
    z-index: 9
}
.img-right-form {
    position: absolute;
    bottom: -30px;
    left: -25px;
    right: -40px;
}
.dance-text {
    position: absolute;
    right: 70%;
    bottom: 10%;
}
.pl-30 {
    padding-left: 30px
}
#qualification-banner {
    background: url(../images/form-section5.jpg) no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    height: 550px;
}
/* -------dance form ballet page--------- */
#ballet-dance-banner {
    background: url("../images/dance-forms-ballet-temp.jpg") no-repeat fixed;
    height: 700px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#dummy-banner {
    background: url("../images/dance.jpg") no-repeat fixed;
    height: auto;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.dance-ballet-right-img {
    position: absolute;
    bottom: -50px;
    right: 30px;
}
.latin-dance-bg1 {
    background-image: url("../images/dance-forms-ballet-section3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    background-position: right center;
}
.latin-dance-bg2 {
    background-image: url("../images/dance-forms-ballet-section4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    background-position: right center;
}
/* -------dance form latin american page--------- */
#latin-dance-banner {
    background: url(../images/latin-banner.jpg) no-repeat fixed;
    height: 700px;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.latin-dance-bg3 {
    background-image: url("../images/latin-section3.1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    background-position: center top;
}
.latin-dance-bg4 {
    background-image: url("../images/latin-section3.2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    background-position: center;
}
#dream-banner {
    background: url(../images/latin-section2.jpg) no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 600px;
}
.text-style1 {
    margin-top: 50px !important;
}
.text-style2 {
    margin-top: 50px;
    margin-left: -50px;
}
/* -------dance form modern jazz page--------- */
#child-dance-banner {
    background: url(../images/jazz-section3.jpg) no-repeat;
    background-position: inherit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 600px;
}
.latin-dance-bg5 {
    background-image: url("../images/jazz-section4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    background-position: center top;
}
.latin-dance-bg6 {
    background-image: url("../images/jazz-section4.2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    height: 500px;
}
.success-left {
    position: absolute;
    top: 150px;
    z-index: 9;
}
.jazz-left-img {
    position: absolute;
    z-index: 9;
    bottom: -50px;
    left: 0;
}
.jazz-right-img {
    position: absolute;
    bottom: -30px;
    left: -50px;
}
.ml-6 {
    margin-left: 6rem
}
.pl-4 {
    margin-left: 4rem
}
/* -------gallery page--------- */
#gallery-banner {
    background-color: #4e718d !important;
}
.gallery-upper-img {
    position: absolute;
    bottom: -50px;
}
.mr-minus-60 {
    margin-right: -60px
}
img, video {
    max-width: 100%;
    vertical-align: middle;
}
/* -------modern jazz exam page--------- */
#jazz-banner {
    background: url("../images/jazz-banner.jpg") no-repeat fixed;
    height: 700px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* -------news & event page--------- */
.news-upper-img {
    position: absolute;
    bottom: -120px;
    width: 300px;
    left: -40px;
}
/* -------contact page--------- */
.h-550 {height:550px}
#contact-banner {
    background: url("../images/contactbanner.jpg") no-repeat fixed;
    height: 700px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.contact-section a {
    color: #f95d5d;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
}
.contact-section .icon-bg {
    font-size: 25px;
    padding: 10px 20px 10px 0px;
    color: #6c6b6b;
}
.contact-section .fa {
    background: #bbbbbb;
    color: #4a5f79;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    transition: all .3s ease;
}
.contact-section.fa:hover {
    transition: all .3s ease;
    box-shadow: 5px 5px 5px #000;
    transform: translateY(-5px);
}
.contact-section .fa.fa-instagram:hover {
    background: #f95d5d;
    color: #fff;
}
.contact-section .fa:hover {
    background: #f95d5d;
    color: #fff;
}
.contact-section a:hover {
    color: #4a5f79;
}

.h-64{height:64px}




/* -------scale animation page--------- */
body {
    margin: 0;
    height: auto !important;
}
/* Page Loader */
.js .loading::before {
    content: '';
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-bg);
}
.js .loading::after {
    content: '';
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0.4;
    background: var(--color-link);
    animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
    to {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 1);
    }
}
.page {
    display: grid;
    padding: 5vw;
    max-width: 1400px;
    margin: 0 auto;
    grid-template-columns: 100%;
    grid-template-areas: 'header''meta''grid';
    will-change: transform;
}
.content--offset {
    display: grid;
    grid-gap: 30vh 10vw;
}
.content--padded {
    padding: 0 10vw;
}
.content__item {}
.content__item--wide {
    grid-template-columns: 20% 80%;
}
.content__item--wide:nth-child(even) {
    grid-template-columns: 80% 20%;
}
.content--center .content__item {
    margin: 0 auto 60vh;
}
.content__item--expand {
    width: 100%;
}
.content__item--expand:nth-child(even) {}
.content--offset .content__item {
    margin: 0 auto 15vh;
}
.content--offset .content__item:nth-child(even) {
    align-self: end;
    margin-bottom: -20vh;
}
.content--alternate .content__item:nth-child(even) {
    margin-left: auto;
}
.content__item-imgwrap {
    overflow: hidden;
    will-change: transform;
}
.demo-2 .content__item-imgwrap {
    outline: 1px solid transparent;
}
.content__item--expand .content__item-imgwrap {
    grid-area: 1 / 1 / 3 / 2;
}
.content__item--expand:nth-child(even) .content__item-imgwrap {
    grid-area: 1 / 2 / 3 / 3;
    justify-self: end;
}
.content__item-img {
    overflow: 40px;
    height: calc(100% + (2 * var(--overflow)));
    top: calc(-1 * var(--overflow));
    will-change: transform;
}
.content__item:nth-child(even) .content__item-number {
    right: auto;
    left: -7vw;
}
.content__item-title {}
.content--center .content__item-title {
    grid-area: 1 / 1 / 3 / 3;
    margin: auto;
}
.content__item-title--layer {
    padding: 0;
    z-index: 10;
    grid-area: 1 / 1 / 2 / 3;
    width: 100%;
    text-align: center;
}
.content__item-description {
    grid-area: 3 / 1 / 3 / 3;
    width: 70%;
    position: relative;
    margin: 0;
    padding: 1rem 0 0 0;
    color: var(--color-description);
}
.content--alternate .content__item-title, .content__item--wide:nth-child(even) .content__item-description {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
}
.content--alternate .content__item:nth-child(even) .content__item-title, .content__item--wide .content__item-description {
    grid-area: 3 / 2 / 4 / 3;
    justify-self: end;
    width: auto;
}
.content__item--expand .content__item-description {
    grid-area: 1 / 2 / 3 / 3;
    justify-self: start;
    align-self: start;
    padding: 0 2rem;
    width: 250px;
    font-size: 0.9rem;
}
.content__item--expand:nth-child(even) .content__item-description {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: end;
    text-align: right;
}
@media screen and (min-width: 53em) {
    .page--layout-1 {
        grid-template-columns: 30% 70%;
        grid-template-areas: 'header header''...  meta''grid grid';
    }
    .page--layout-2 {
        grid-template-areas: 'header meta''...  meta''grid grid';
    }
}
@media screen and (max-width: 40em) {
    .content__item--expand .content__item-imgwrap, .content__item--expand:nth-child(even) .content__item-imgwrap {
        grid-area: 1 / 1 / 3 / 3;
    }
    .content__item--expand .content__item-description, .content__item--expand:nth-child(even) .content__item-description, .content__item--wide .content__item-description, .content__item--wide:nth-child(even) .content__item-description {
        grid-area: 3 / 1 / 4 / 3;
        padding: 1rem 0;
        width: 100%;
        text-align: left;
    }
    .content__item--wide .content__item-description {
        padding: 1rem;
    }
    .content--alternate .content__item-title, .content--alternate .content__item:nth-child(even) .content__item-title {
        grid-area: 1 / 1 / 4 / 2;
    }
}


.cd-horizontal-timeline .events-content ol{padding-left: 0}




/* -------responsive css--------- */






/* -------mobile version--------- */
@media only screen and (max-width: 767px) {
    
    .navbar  .container {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
    .navbar .container .font-25.px-4 {
    padding-left: 0.3rem !important;
}
.navbar .container a.global-btn.btn {
    margin-top: 0.5rem;
    margin-bottom: -0.3rem;
}

	.teacher-team .col-md-4 {
    padding-left: 0rem;
    padding-right: 0rem;
    margin-bottom: 1rem;
}
.colmn-flex-column-reverse{
	flex-direction: column-reverse!important;	
	}
	
	 img.sm-px-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
	
	.img-m-100{
	width: 100% !important;
transform: none !important;
		
	}
	
	.location-t-sec {
    padding-top: 0px !important;
    padding-bottom: 3rem;
}
	
div#auditionform {
    padding-right: 0 !important;
}	
	.dance-training .mb-minus-6 {
    margin-bottom: 0px;
}
	
div.dance-training {
    padding-bottom: 2rem !important;
}


	
.image-set-mob img {
    float: left !important;
	width: 100% !important;
}
	
	
	.gallery-first-banner .gallery-upper-img {
    position: relative !important;
    bottom: 0;
}
	
	.ddd-about-sec {
    width: 100% !important;
		margin-bottom: 0rem !important;
}
	
	.tab-accordian .desWrapper {
    padding-top: 0px;
}
	
	.expert-img img {
    max-width: 201px;
}
	
	.pt-sm-5{
	padding-top:3rem !important;	
		
	}
	
	.pt-sm-3{
	padding-top:1rem !important;	
		
	}
	   .pt-sm-2{

padding-top: 0.5rem!important;}
	
	  .pt-sm-1{

padding-top: 0.25rem!important;}
	
	
		.pb-sm-5{
	padding-bottom:3rem !important;	
		
	}
	
	.pb-sm-3{
	padding-bottom:1rem !important;	
		
	}
	   .pb-sm-2{

padding-bottom: 0.5rem!important;}
	
	  .pb-sm-1{

padding-bottom: 0.25rem!important;}
	
	
	
	.mt-sm-5{
	padding-top:3rem !important;	
		
	}
	
	.mt-sm-3{
	padding-top:1rem !important;	
		
	}
	   .mt-sm-2{

padding-top: 0.5rem!important;}
	
	  .mt-sm-1{

padding-top: 0.25rem!important;}
	
	
		.mb-sm-5{
	padding-bottom:3rem !important;	
		
	}
	
	.mb-sm-3{
	padding-bottom:1rem !important;	
		
	}
	   .mb-sm-2{

padding-bottom: 0.5rem!important;}
	
	  .mb-sm-1{

padding-bottom: 0.25rem!important;}
	
		nav.header.active img {
    width: 16% !important;
}
	
	
	header .active {
    height: auto !important;
}
	
	.about-timeline img {
    max-width: 100% !important;
}
	
	.navbar-brand img {
    width: 16% !important;
}
	
	.navbar .d-inline button.navbar-toggler {
    position: fixed;
    top: 1rem;
    right: 1rem;
    display: flex;
    margin: auto;
    height: fit-content;
}
	
	.home-slider .carousel-inner {
    height: 530px;
}
	
	#home-slide-two {
    background: url(../images/home-slider-banner-two.jpg) no-repeat fixed;
    height: 938px;
    background-position: 59% 35%;
    background-size: cover !important;
}
	
	#home-banner-first {
    background: url(../images/banner-1-home-slider.jpg) no-repeat fixed;
    height: 938px;
       background-position: 87% 50%;
    background-size: cover !important;
}
	
	#home-slide-one {
    background: url(../images/home-slider-banner-one.jpg) no-repeat fixed;
    height: 938px;
       background-position: 80% 30%;
    background-size: cover !important;
}
	
		#home-slide-three {
    background: url(../images/home-slider-banner-three.jpg) no-repeat fixed;
    height: 938px;
   background-position: 82% 85%;
    background-size: cover !important;
}
	
			#home-slide-four {
    background: url(../images/home-slider-banner-four.jpg) no-repeat fixed;
    height: 938px;
   background-position: 41% 35%;
    background-size: cover !important;
}
	
#home-slide-five {
    background: url(../images/home-slider-banner-five.jpg) no-repeat fixed;
    height: 938px;
       background-position: 80% 100%;
    background-size: cover !important;
}
	#faq-banner{background-position: left !important;}
	.gallery-grid main.main-container div {
    padding-bottom: 5px !important;
}
	.gallery-grid main.main-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin: auto;
        grid-auto-rows: 180px;
        max-width: 90%;
	}
	
	.gallery-grid a.prev {
    font-size: 30px !important;
    width: 11%;
}
		.gallery-grid a.next {
    font-size: 30px !important;
    width: 11%;
}
	
			.modern-jazz-img .upper-img {
    margin-top: 30px;
}
	
	
	.modern-jazz-img .upper-img {
  padding-right:0 !important;
    margin-left: 0px;
}
	
	
	.modern-jazz-img .w-50 {
    width: 100%!important;
}
	
	
	.modern-jazz-img .w-80 {
    width: 100% !important;
}
	
	
	.modern-img .sm-d-none {
    display: block;
	text-align: center !important;
 margin-bottom: 2rem;
}
	
	
.modern-form-class .sm-d-none {
    display: block;
    margin-top: 2rem;
}
	
	#ballet-dance-banner {
    background-position: center !important;
}
	

.ballet-exam-bg .upper-img {
    margin-top: 42px;
    right: 0;
    margin-left: 0px;
    position: unset;
}
	
	#exam-banner {
    background: url(../images/exam-banner.jpg) no-repeat fixed;
         background-position: left;
}

	#latin-dance-banner {
    background-position: center right!important;
}
	
	
	#dance-form-banner {
    background-position: center left !important;
}
	
	.classes-background .bg-image {
    background-size: cover !important;
}
	
	
		
	#trans1 {
    background-position: center right !important;
}
	
	.our-story-sec a img {
    max-width: 150px;
}
	
	
	.sm-container{    padding-right:2rem; padding-left: 2rem;}
	.sm-d-none{display:none}
    .sm-mt-0 {
        margin-top: 0 !important
    }
	.sm-mt-1 {    margin-top: 1rem !important;}
	.sm-mt-2{    margin-top:2rem !important}
	.sm-mb-2{    margin-bottom:2rem !important}
    .sm-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
	 .sm-my-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
	.sm-m-0{margin:0 !important}
	.sm-p-0{padding:0 !important}
	.sm-pl-2{padding-left: 2rem}
	.sm-pt-3{padding-top: 3rem}
	.sm-pb-3{padding-bottom:3rem !important;}
    .sm-px-0  {    padding-right: 0!important;    padding-left: 0!important;}
	
	.sm-py-0 {		padding-top: 0!important;
		padding-bottom:0 !important;
	}
	.sm-py-1 {		padding-top: 1rem!important;
		padding-bottom:1rem !important;
	}
	.sm-py-2 {		padding-top: 2rem!important;
		padding-bottom:2rem !important;
	}
   .sm-px-small {padding-left: 0.5rem!important;
		padding-right:0.5rem !important;
	}
        .sm-px-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
	.sm-center{text-align: center}
	.sm-w-auto{width:auto !important}
	.sm-d-block{display: block !important}
    .container {
        max-width: 95%;
    }
	.sm-posi-none{position:unset}
	.w-70{width:100%}
	.sm-font-2{font-size:2.3rem}
    .f-60 {
        font-size: 32px;
    }
    .f-50 {
        font-size: 30px;
    }
	.f-55 {
        font-size: 33px;
    }
    .navbar-brand img.w-90 {
        width: 70%
    }
    .sm-block {
        display: block !important
    }
    .zoom {
        background-size: cover !important;
    }
    .navbar .nav-link {
        color: #527591 !important;
        padding-left: 0;
    }

    header .navbar-collapse {
        background-color: white;
    }
    header .navbar ul li {
        margin-left: 0rem;
    }
    header .navbar ul {
        padding: 10px 0;
    }
    .h-750 {
        height: 600px;
    }
    #trans1,#exam-banner, #dance-form-banner, #latin-dance-banner, #jazz-banner, #contact-banner{
        height: 600px !important
    }
	.h-500{height:500px !important}
    .stylish-font, .stylish-font5 {
        font-size: 3rem
    }
    .img1, .img6, .admissionimg {
        transform: none !important;
    }
    .bg-img2 {background-size: cover !important;}
	.transform-none{ transform: none !important;}
	.stylish-font {    padding-left: 2rem;}
	.stylish-font2 {margin-bottom: 2rem}
	
	.dance-img {    position: unset;    width: auto;}
	.testimonial h3 {font-size: 17px;}
	.sm-h-350{height:350px !important}
	.global-btn, .btn-blue ,.btn-grey {    padding: 0.5rem  1.2rem;}
	.about-right-content {    padding: 0 10px;    margin-left: 0; }
	.sm-h-auto{height: auto !important}
	.stylish-font3, .stylish-font4 {    font-size: 4rem;}
.main-img {  margin-top: -80px;    left: 0;    margin-left: 0;}
	.team img{width:70%}
	.cd-horizontal-timeline .events-content ol{padding-left: 0}
	.cd-horizontal-timeline .events-content h2 {font-size: 1.5em !important;}
	footer ul{margin-bottom: 0}
	footer ul li{margin: 8px 0}
	.exam-left-abs{display: none}
	.stylish-font4{ margin-left: 2rem}
	.mt-minus-3 {  margin-top: 0;}
	
	.sm-img{  width: 70%;    margin: auto;}
	.upper-img {    margin-top: -30px;   right: 0;    margin-left: 50px;    position: unset;}
	
	.class-section .bg-img2, .exam-bg1, .exam-bg2, .latin-dance-bg1, .latin-dance-bg2, .latin-dance-bg3, .latin-dance-bg4, .latin-dance-bg5, .latin-dance-bg6 {height:350px;     background-size: cover !important;}

	#exam-btm-banner {    height: 350px;}
	.img-right-form {position: unset;}
	.dance-text .stylish-font2{font-size:3.5rem}
	.dance-text {    position: absolute;    right: 30px;    bottom: 10%;}
/*	#qualification-banner{background-position: right !important}*/
	.jazz-right-img {position: unset;}
	.success-left { top: 250px; right:0 }
	.success-left .stylish-font2 {font-size: 4rem;}
		.mr-minus-60 {    margin-right: 0;}
	.masonry {    column-count: 2 !important;}
	
	.our-story-sec .row .image-set-mob
{--bs-gutter-x: 0.5rem;}
	.bg-img1 .w-60.px-5, .bg-img2 .w-60.px-5{
            padding-left: 1rem !important;
    padding-right: 1rem !important;
    }
	.dance-training .col-lg-6 .ps-3 {
    padding-left: 0.5rem !important;
}
	.expert-img .modal-dialog, .modal .modal-dialog{
    max-width: 95%;
    }
	
.miss-sec .mb-minus-6 {
       margin-bottom: -2rem;
}
.new-add {
    padding-top: 5rem !important;
}
footer .col-lg-12.col-md-12 p {
    font-size: 1rem !important;
    line-height: normal;
}

.home-slider .carousel-control-next,  .home-slider .carousel-control-prev {
    width: 5%;
}
.home-slider .col-md-7.col-sm-12 {
    padding: 1.5rem 1rem;
    background-color: #0000007a;
}
#dummy-banner .gallery-upper-img{
    margin-bottom: 2rem;
}	




	
}







@media (min-width: 768px) and (max-width: 991px) {
	
		.modern-jazz-img .upper-img {
    margin-top: 30px;
}

.navbar .container .font-25.px-4 {
    padding-bottom: 2rem;
}
	
	div.location-t-sec {
    padding-top: 0px !important;
}
	
	nav.header.active img {
    width: 80% !important;
}

	.img-m-100{
	width: 100%;
transform: none !important;
		
	}
	
	.colmn-flex-column-reverse{
	flex-direction: column-reverse!important;	
	}
	
	div#auditionform {
    padding-right: 0 !important;
}
	
	.modern-jazz-img img.w-80 {
    width: 100% !important;
}
	
	.transform-r-t{
	transform:none !important;
	}
	
	#modern-theatre .w-80 {
    width: 100% !important;
}
	
	#dance-form-banner {
		background-position: 81% 100%;}
	
	.image-set-mob img {
    float: left !important;
 
}
	
	header .active {
    height: auto !important;
}
	
	
	.modern-jazz-img .w-50 {
    width: 90%!important;
}
	
	
	
	
	.ballet-exam-bg .upper-img {
    margin-top: 42px;
    right: 0;
    margin-left: 0px;
    position: absolute;
}	
	
	
	.our-story-sec a img {
    max-width: 150px;
}
	
.three-column-sec .w-75 {
    width: 95% !important;
}	
	
	
.three-column-sec .md-py-0 {
    padding-bottom: 1.5rem!important;
}
	

	
	
	
	 .f-60 {
        font-size: 32px;
    }
    .f-50 {
        font-size: 30px;
    }
	.f-55 {
        font-size: 33px;
    }
	.md-w-auto{width:auto !important}
	.md-w-100{width:100% !important}
	.md-my-0{      margin-top: 0 !important;
        margin-bottom: 0 !important;}
    .container {
        max-width: 95%;
    }
    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        background-color: #ffffffdb;
    }
	
	  .zoom {
        background-size: cover !important;
    }
	.md-center{text-align:center}
	.bg-img1, .bg-img2, .bg-img3, .exam-bg1 , .latin-dance-bg1, .latin-dance-bg2, .latin-dance-bg3, .latin-dance-bg4,  .latin-dance-bg5,  .latin-dance-bg6       {background-size: cover !important;}
	
	.md-none{display: none}
	.md-posi-none{position:unset}
	.md-bg-size1{    background-position: 70% 50% !important;}
	.w-75 {    width: 90%!important;}
	.md-w-70{    width: 70%!important;}
	.md-mt-0{margin-top:0 !important}
	.md-px-0 {		padding-left: 0!important;		padding-right:0 !important;	}
	.md-py-0 {		padding-top: 0!important;		padding-bottom:0 !important;	}
		.md-py-2 {		padding-top: 2rem!important;		padding-bottom:2rem !important;}
	.md-px-1 {	padding-left: 1rem !important;		padding-right:1rem !important;		}
	.md-pb-2{	padding-bottom:2rem !important;	}
		.md-mb-0{	margin-bottom: 0 !important;	}
	.testimonial h3 {   font-size: 20px;}
	.sm-font-2 {    font-size: 3rem;  margin-bottom: 2.3rem;}
	.sm-px-small {  padding-left: 0.5rem!important;    padding-right: 0.5rem !important;}	

	.md-h-auto{height:auto !important}
		.about-sec .stylish-font3 {    font-size: 3.5rem;  
    bottom: 20%;     left: -50px;}
      .mt-minus-3 {    margin-top: 0 !important;}
	.stylish-font4 {    font-size: 3.5rem;margin-top: 1rem}
	
	.navbar-brand img.w-90 {    width: 85%;}
	.navbar{padding: 0}
	 .navbar .nav-link {
        color: #000 !important;
        padding-left: 0;
    }
	header nav .container .d-inline{display:contents !important}
	    header .navbar-collapse {
        background-color: white;
    }
    header .navbar ul li {
        margin-left: 1rem;
    }
    header .navbar ul {
        padding: 20px 0;
    }
	.upper-img {   margin-top: -30px;    right: 0;    margin-left: 50px;    
		position: absolute;}
	#passion-banner .w-80{width:90% !important}

	.stylish-font5, .dance-text .stylish-font2 {font-size: 4rem;}

    .mt-minus-6 {    margin-top: 0;}
	
	.division-section .px-4 {   padding-right: 1.5rem !important;  
		padding-left:1.5rem !important;}
	.division-section .px-5 {   padding-right: 0rem !important;  
		padding-left:0rem !important;}
		.success-left .stylish-font2 {font-size: 4rem;}
	.success-left {   top: 200px;}
	
	.jazz-left-img .w-80 {  width: 50% !important;}

.bg-img1 .w-60.px-5, .bg-img2 .w-60.px-5{
            padding-left: 1rem !important;
        padding-right: 1rem !important;
}

 .expert-img{
    margin-bottom: 0 !important;
    padding-bottom: 5rem;
}
.home-slider .home-slide-carousel {
    background-position: 80% 50% !important;
}


	
}





/* -------ipad pro version--------- */
@media (min-width: 992px) and (max-width: 1030px) {
	
.navbar .container .font-25.px-4 {
display: flex
}

	.modern-jazz-img .upper-img {
    margin-top: 30px;
}
	
	.image-set-mob img {
    float: left !important;
}
	
	
	.modern-jazz-img .w-50 {
    width: 70%!important;
}
	
	
	
	nav ul li {   margin-right: 0.5rem;}
	.container {    max-width: 90%;}
	.f-50 {  font-size: 40px;}
	.f-55 {    font-size: 45px;}
	.f-60 {  font-size: 50px;}
	.bg-img1, .bg-img2, .bg-img3, .exam-bg1    {background-size: cover !important;}
	.zoom {        background-size: cover !important;    }
	.dance-img {    width: 230px;}
	.navbar-brand img.w-90 {    width: 100%;}
	.lg-none{display: none}
	.md-h-auto{height:auto !important}
	.team .px-5 {    padding-right: 0 !important;    padding-left: 0 !important;}
	.upper-img {    margin-top: -30px;}
      #exam-banner{    background-position: 70% 50% !important;}
	#exam-btm-banner .container-fluid .w-80{width: 90% !important}
	.mt-minus-3, .mt-minus-6 {   margin-top: 0;}
	.stylish-font5 {    font-size: 4rem;}	
		.division-section .px-4 {   padding-right: 0 !important;  
		padding-left:0 !important;}
	.latin-dance-bg1, .latin-dance-bg2, .latin-dance-bg3, .latin-dance-bg5, .latin-dance-bg6{background-size: cover !important;}
	.jazz-left-img {     left: -50px;}
	.md-bg-size1{    background-position: 70% 50% !important;}
	.masonry {    column-count: 2 !important;}
	.news-upper-img {	width: auto;}
}
.h-auto{height:auto !important}


.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}




a.dropdown-toggle::after {
    content: '';
    transform: scaleX(1);
}








.stylish-font3 {

    position: unset;

}


#carouselhome-slider .carousel-item {
    text-align: center !important;
}

.carousel-indicators [data-bs-target] {
    width: 9px !important;
    height: 9px !important;
    border-radius: 129px !important;
    margin-right: 5px;
    margin-left: 5px;
    border: unset !important;

}
	
	.carousel-indicators {
    bottom: 9px;

}



.testimonial .carousel-indicators{
    margin-top:  1rem;

}

.about-sec .bg-bluish3.pt-5 {
    background-color: #003a70 !important;
}

.ddd-about-sec a {
    color: #4a5f79;
    text-decoration: unset !important;
}


.header.active img {
    width: 80% !important;
}

.header.active {
    height: auto !important;
}

    .h-style-old-english{
        font-family: 'Old English Text MT' !important;
    font-weight: 500 !important;

}
.tab-layout table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.tab-layout  thead th {
    background-color: #b5c5ce;
    text-align: left;
    padding: 20px;
   border: 1px solid #bababa;
}

.tab-layout tbody td {
    padding: 20px;
    border: 1px solid #bababa;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
    line-height: normal;
    font-family: "SofiaProRegular" !important;
}
.faq-block .tab-accordian a {
      color: #6d9cbf;
    text-decoration: none;
}

.embed-responsive 
{
position: relative; 
padding-bottom: 56.25%;
 height: 0; 
 overflow: hidden; 
 max-width: 100%;
}
.embed-responsive  iframe{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.main-container > div.hidden-grid {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.main-container > div.visible-grid {
  display: block;
  opacity: 1;
  transform: none !important
}

#loadMoreBtn {
  display: block;
  margin: 30px auto;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}
.gallery-sec {
     --bs-gutter-y: 2rem;
}
.btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
}
 .class-ballet a {
    color: #0d6efd;
    text-decoration: none;
}
/* -------simple text animation--------- */