

/*
primary - EC7A19
secondary - 293950
yellow - F7D118

greys :
Light:fafafa
Dark3:565656

black:
dark : 21252A
darker : 232323
light: 343434


Positive:25AB21
Error:F50031
Warning: F06D0F

*/

/* start -------------------------------------- */

.main-carousel .cover1{
	background: url('../img/banner4.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 900px;
}

.main-carousel .cover2{
	background: url('../img/banner2.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 900px;
}

.main-carousel .cover3{
	background: url('../img/banner3.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 900px;
}
/*.main-carousel .cover4{
	background: url('../img/school/homeslider5.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 900px;
}*/

.main-carousel .maincap1{
	padding: 200px 0 0 0;
}
.main-carousel .maincap2{
	padding: 300px 0 0 0;
}
.main-carousel .maincap3{
	padding: 300px 0 0 0;
}

.main-carousel h1{	
	font-size: 64px;
	font-weight: 500;
	line-height: 72px;
	text-shadow: none;
	text-align: left;
	color: #fff;
	font-family: 'Bungee', cursive;
}
.main-carousel h6{
	margin-top: 24px;
	text-align: left;

}
.main-carousel p{
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
	text-shadow: none;
	text-align: left;
	padding: 16px 0 24px 0 ;
	color: #fff;
	/*font-family: 'Bungee', cursive;*/

}

/*-------------------------------------*/

.message{	
	padding:128px 0;
	background-color: #141414;
}

.message h1{
	font-size: 160px;
	font-weight: 600;
	line-height: 196px;
	color: #fff;
	text-align: left;
	margin-top: 0px;
	font-family: 'Bungee', cursive;
	background-image: url("../img/bg1.jpg"); /* your image */
	  background-size: cover;
	  background-position: center;
	  color: transparent;

  -webkit-background-clip: text;
  background-clip: text;
  animation: moveBg 20s linear infinite;

}
@keyframes moveBg {
  from { background-position: 0 50%; }
  to   { background-position: 100% 50%; }
}

.message p{
	font-size: 32px;
	font-weight: 300;
	line-height: 48px;
	text-align: left;
	margin-top: 80px;
	color: #fff;
	font-family: "Poppins", serif;
}

/*-----------------------------------------*/

.courses{
	padding:128px 0;
	background-color: #fff;
}
.courses h1{
	font-size: 64px;
	font-weight: 500;
	line-height: 72px;
	text-shadow: none;
	text-align: left;
	color: #141414;
	font-family: 'Bungee', cursive;
	margin-bottom: 80px;
}
.courses h4{
	font-size: 48px;
	font-weight: 500;
	color: #eee;
	text-align: left;
	
}
.courses h2{
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	color: #141414;
	text-align: left;
	
}
.courses h3{
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	color: #141414;
	text-align: left;
}
.courses .thum img{
	border-radius: 32px;
}
.courses p{
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	color: #293950;
}
.courses h6{
	text-align: left;
	margin-top: 48px;
}
.courses .thum{	
	margin-bottom: 64px;

}

.courses .thum a{
	text-decoration: none;
}
/*-----------------------------------------*/

.schedule{
	padding: 128px 0;
	background-color: #fafafa;
}

.schedule h1{	
	font-size: 64px;
	font-weight: 500;
	line-height: 72px;
	text-shadow: none;
	text-align: left;
	color: #141414;
	font-family: 'Bungee', cursive;
	margin-bottom: 80px;
}

.schedule p{
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-align: left;
	color: #141414;	
	padding: 8px 0 32px 0;
}
.schedule h4{	
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	color: #141414;
	text-align: left;
	margin-top: 16px;
}

.schedule h5{
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #141414;	
	margin-top: 0px;
}
.schedule img{
	
}
/*-----------------------------------------*/

.enq .contact-form{

}
.enq .contact-form h3{	
	font-size: 32px;
	font-weight: 700;
	line-height: 48px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 16px;
	font-family: "Poppins", serif;
}
.enq .contact-form .iptext:focus,
.enq .contact-form .iptextarea:focus{
	border:1px solid #293950;
	box-shadow: 0 0 0 transparent;
	color: #141414;
}

.enq .contact-form .iptext{
	border-radius:12px;
	height: 56px;
	background-color:#fff;
	border:1px solid #eee;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#777;
   transition: border-radius 1s;
}

.enq .contact-form .iptext:hover{
	border-radius:12px;
	height: 56px;
	background-color:#fff;
	border:1px solid #293950;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#141414;
}

.enq .contact-form .iptextarea{
	border-radius:12px;
	background-color:#fff;
	border:1px solid #eee;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#777;
   transition: border-radius 1s;
}

.enq .contact-form .iptextarea:hover{
	border-radius:12px;
	background-color:#fff;
	border:1px solid #293950;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#141414;
}

.enq .contact-form .btn-default1{
	background-color: #141414;
	color: #fff;
	font-size: 16px;
	padding: 12px 48px;
	border-radius: 12px;
	border: none;
}
.enq .contact-form .btn-default1:hover{
	background-color: #F7D118;
	color: #141414;
	font-size: 16px;
	padding: 12px 48px;
	border-radius: 12px;
}
/*.enq .contact-form label{
	font-size: 18px;
	font-weight: 600;
	color: #EC7A19;
	margin-bottom: 8px;
}*/

/* CSS end --------------------------------------*/


/* Media start----------------------------------------*/

@media (max-width: 768px){

/* start -------------------------------------- */

div.main-carousel .cover1{
	background: url('../img/banner4.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 750px;
}

div.main-carousel .cover2{
	background: url('../img/banner2.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 750px;
}

div.main-carousel .cover3{
	background: url('../img/banner3.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 750px;
}
/*.main-carousel .cover4{
	background: url('../img/school/homeslider5.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 900px;
}*/

div.main-carousel .maincap1{
	padding: 100px 0 0 0;
}
div.main-carousel .maincap2{
	padding: 255px 0 0 0;
}
div.main-carousel .maincap3{
	padding: 250px 0 0 0;
}

div.main-carousel h1{	
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-shadow: none;
	text-align: left;
	color: #fff;
	font-family: 'Bungee', cursive;
}
div.main-carousel h6{
	margin-top: 24px;
	text-align: left;

}
div.main-carousel p{
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
	text-shadow: none;
	text-align: left;
	padding: 16px 0 24px 0 ;
	color: #fff;
	/*font-family: 'Bungee', cursive;*/

}
div.main-carousel .carousel-indicators{
	display: none;
}

/*-------------------------------------*/

div.message{	
	padding:32px 0;
	background-color: #141414;
}

div.message h1{
	font-size: 48px;
	font-weight: 600;
	line-height: 68px;
	color: #fff;
	text-align: left;
	margin-top: 0px;
	font-family: 'Bungee', cursive;
	background-image: url("../img/bg1.jpg"); /* your image */
	  background-size: cover;
	  background-position: center;
	  color: transparent;

  -webkit-background-clip: text;
  background-clip: text;
  animation: moveBg 20s linear infinite;

}
@keyframes moveBg {
  from { background-position: 0 50%; }
  to   { background-position: 100% 50%; }
}

div.message p{
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
	text-align: left;
	margin-top: 32px;
	color: #fff;
	font-family: "Poppins", serif;
}

/*-----------------------------------------*/

div.courses{
	padding:32px 0;
	background-color: #fff;
}
div.courses h1{
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-shadow: none;
	text-align: left;
	color: #141414;
	font-family: 'Bungee', cursive;
	margin-bottom: 16px;
}
div.courses h4{
	font-size: 48px;
	font-weight: 500;
	color: #eee;
	text-align: left;
	
}
div.courses h2{
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	color: #141414;
	text-align: left;
	
}
div.courses h3{
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	color: #141414;
	text-align: left;
}
div.courses .thum img{
	border-radius: 32px;
}
div.courses p{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #293950;
	margin-bottom: 16px;
}
div.courses h6{
	text-align: left;
	margin-top: 48px;
}
div.courses .thum{	
	margin-bottom: 64px;

}

div.courses .thum a{
	text-decoration: none;
}
/*-----------------------------------------*/

div.schedule{
	padding: 32px 0;
	background-color: #fafafa;
}

div.schedule h1{	
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-shadow: none;
	text-align: left;
	color: #141414;
	font-family: 'Bungee', cursive;
	margin-bottom: 32px;
}

div.schedule p{
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-align: left;
	color: #141414;	
	padding: 8px 0 32px 0;
}
div.schedule h4{	
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: #141414;
	text-align: left;
	margin-top: 16px;
}

div.schedule h5{
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #141414;	
	margin-top: 0px;
}
div.schedule img{
	
}
/*-----------------------------------------*/

div.enq .contact-form{

}
div.enq .contact-form h3{	
	font-size: 32px;
	font-weight: 700;
	line-height: 48px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 16px;
	font-family: "Poppins", serif;
}
div.enq .contact-form .iptext:focus,
div.enq .contact-form .iptextarea:focus{
	border:1px solid #293950;
	box-shadow: 0 0 0 transparent;
	color: #141414;
}

div.enq .contact-form .iptext{
	border-radius:12px;
	height: 56px;
	background-color:#fff;
	border:1px solid #eee;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#777;
   transition: border-radius 1s;
}

div.enq .contact-form .iptext:hover{
	border-radius:12px;
	height: 56px;
	background-color:#fff;
	border:1px solid #293950;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#141414;
}

div.enq .contact-form .iptextarea{
	border-radius:12px;
	background-color:#fff;
	border:1px solid #eee;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#777;
   transition: border-radius 1s;
}

div.enq .contact-form .iptextarea:hover{
	border-radius:12px;
	background-color:#fff;
	border:1px solid #293950;
	-moz-box-shadow:    inset 0 0 0px transparent;
   -webkit-box-shadow: inset 0 0 0px transparent;
   box-shadow:         inset 0 0 0px transparent;
   color:#141414;
}

div.enq .contact-form .btn-default1{
	background-color: #141414;
	color: #fff;
	font-size: 16px;
	padding: 12px 48px;
	border-radius: 12px;
	border: none;
}
div.enq .contact-form .btn-default1:hover{
	background-color: #F7D118;
	color: #141414;
	font-size: 16px;
	padding: 12px 48px;
	border-radius: 12px;
}
/*.enq .contact-form label{
	font-size: 18px;
	font-weight: 600;
	color: #EC7A19;
	margin-bottom: 8px;
}*/

/* CSS end --------------------------------------*/


}

/*-----------------------------------------*/





