/*************************8      header css           ****************************************************/

.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 20px;font-size:18px;text-transform:uppercase;font-weight:600;letter-spacing:0.02em;}
.navbar .nav-item .nav-link{color:#fff;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#FFB800;}

.banner.bg-gradient1 .carousel-caption{ left:0; right:0; bottom:65%; z-index:2;} 
.banner.bg-gradient1 .carousel-caption p { font-size:20px; line-height:20px; }

#overlay {
  position: absolute; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 94%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 6%); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
/**********                Home page css       *******************************/

.banner img{clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);}
.banner h1{font-size:72px;text-shadow:5px 0px 5px rgba(0,0,0,0.7)}

.courses{background:url('../images/music.png') right top no-repeat;}
/*.testimonial{margin-top:-25px;background:url('../images/bg-testimonial.jpg') center top no-repeat;background-size:cover;}*/
.testimonial{margin-top:-25px;background:url('../images/bg-testimonial.jpg')  no-repeat; background-position:center; background-size:cover; background-attachment:fixed; display:flex !important; justify-content:center; align-items:center;} 

.contact .form-control::placeholder{color:#fff;}
/**************              Footer                 ******************************/
.carousel-caption {
    position: absolute;
    right: 5%;
 /*   bottom: -5.75rem!important; */
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 10.25rem!important;
    color: #fff;
    text-align: center;
	z-index: 99;
}

/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:800px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.carousel-caption {
    position: absolute;
    right: 5%;
 /*   bottom: -5.75rem!important; */
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 10.25rem!important;
    color: #fff;
    text-align: center;
}
}

@media (min-width: 1600px){
	.navbar .nav-item{margin:0px 0px;font-size:17px;text-transform:uppercase;font-weight:600;letter-spacing:0.02em;}

	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

	.navbar-nav{margin-right:0px!important;}
	.navbar .nav-item{margin:0px 10px;}
	
	.display-5{font-size:58px;}
	.display-6{font-size:35px;}
	.h1{font-size:45px;}
	
	.testimonial .text-block{width:630px;}
	.border-xxl-start{border-left:solid 1px #fff;}
	.carousel-caption {
    position: absolute;
    right: 5%;
 /*   bottom: -5.75rem!important; */
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 10.25rem!important;
    color: #fff;
    text-align: center;
}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.logo {max-height:80px;}
	.navbar-nav{margin-right:0px!important;}
	.navbar .nav-item{margin:0px 0px!important;font-size:17px!important;letter-spacing:0em;}
	
	.border-xxl-start{border-left:solid 1px #fff;}
	.carousel-caption {
    position: absolute;
    right: 5%;
 /*   bottom: -5.75rem!important; */
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 10.25rem!important;
    color: #fff;
    text-align: center;
}
	.courses .fs-20{font-size:17px;}
		.courses .title {height:50px;}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {  .courses .fs-20{font-size:15px;}
}
	
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 10px;}
	.display-5{font-size:40px;}
	.carousel-caption {
    position: absolute;
    right: 5%;
 /*   bottom: -5.75rem!important; */
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 10.25rem!important;
    color: #fff;
    text-align: center;
}
	.courses .fs-20{font-size:17px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.banner .position-absolute{position:static!important;}
	.banner.bg-gradient1{background:#000;clip-path: polygon(0 0%, 100% 0, 100% 97.5%, 0% 100%);}
	.banner img{clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);}
	
	.tilted-block{clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);}
	.slanted-line2{margin-top:0px;}
	
	.carousel-indicators{bottom:-50px;right:0px;margin-right:0px;}
	.carousel-caption {
    position: absolute;
    right: 5%;
 /*   bottom: -5.75rem!important; */
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 10.25rem!important;
    color: #fff;
    text-align: center;
}
	 .courses .border-end{border-right:0px!important;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	#Navigation{justify-content: center; width:100%;margin:0px 0px 0px;} 
	.carousel-caption {
    position: absolute;
    right: 5%;
 /*   bottom: -5.75rem!important; */
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 7.25rem!important;
    color: #fff;
    text-align: center;
}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	   .mobile-nav .dropdown-menu {position: static!important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}
.carousel-caption {
    position: absolute;
    right: 3%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 4.25rem!important;
    color: #fff;
    text-align: center;
}
	.banner.bg-gradient1 .carousel-caption  img {
    height:300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
	.dance{width:100%;}
	.container {max-width:100% !important;}
	.courses .fs-20{font-size:16px;}
	.dance{width:100%;}
	.banner.bg-gradient1 .carousel-caption{ left:0; right:0; bottom:53%!important; z-index:2;} 
}

@media (max-width: 575.98px){
	.banner.bg-gradient1 .carousel-caption  img {
    height:300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	.logo{max-height:60px;}
	.main-nav .btn{padding:10px;}
	
	.tilted-block{clip-path: polygon(0 0.5%, 100% 0, 100% 99.5%, 0% 100%);}
	   .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}

}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control.fs-14.bg-transparent.border-0.border-bottom.border-light.px-0.text-white.py-3 {
    height: 140px;
}

li#menu-item-25 {
    background-color: #ffb800;
}
li#menu-item-25 a.nav-link {
    color: #fff!important;
}

#chaty-widget-0 .chaty-widget {
    right: 83px!important;
    left: auto;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    background: #000;
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 18rem;
    padding: 0.2rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

@media (max-width:475.98px) {.banner.bg-gradient1 .carousel-caption{ left:0; right:0; bottom:66%!important; z-index:2;} 
.banner.bg-gradient1 .carousel-caption p { font-size:20px; line-height:20px; }
.carousel-caption {
    position: absolute;
    right: 3%;
    bottom: -2.75rem!important; 
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 3.25rem!important;
    color: #fff;
    text-align: center;
}
}
@media (max-width:399.98px) {.banner.bg-gradient1 .carousel-caption{ left:0; right:0; bottom:70%; z-index:2;} 
.banner.bg-gradient1 .carousel-caption p { font-size:20px; line-height:20px; }
.carousel-caption {
    position: absolute;
    right: 3%;
    bottom: -1.75rem!important; 
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 3.25rem!important;
    color: #fff;
    text-align: center;
}
}
@media (max-width:375.98px) {
.banner.bg-gradient1 .carousel-caption{ left:0; right:0; bottom:45%!important; z-index:2;} 
.banner.bg-gradient1 .carousel-caption p { font-size:20px; line-height:20px; }
.carousel-caption {
    position: absolute;
    right: 3%;
    bottom: -5.75rem!important; 
    left: 1%;
    padding-top: 1.25rem!important;
    padding-bottom: 7.25rem!important;
    color: #fff;
    text-align: center;
}
}
.grey {
    color: #797979!important;
}
.d-inline-block.wow.fadeInRight.fs-28.fw-bold.text-uppercase {
    font-family: -webkit-body;
    font-style: italic;
    color: grey;
}
iframe.video {
    width: 100%;
   
}
.video {
    width: 100%;
   
}

.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

.grecaptcha-badge {

visibility: hidden;

}