/* CSS Document By Palakshi Dam - Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Dosis');

body{margin: 0; font-family: 'Ubuntu', sans-serif;}
#main{width: 100%; height: auto; float: left}
#main-inner{width:80%; height:auto; margin: 0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin: 0 auto;}
#main-inner2{width:90%; height:auto; margin: 0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin: 0 auto; overflow:auto}

.header-bac{background: #89d700}
#header{width: 100%; height: auto; float: left}
#header .left{width: 40%; height: auto; float: left; margin: 0.5% 0 0.3% 0}
#header .left img{width: 100%; height: auto; float: left}
.wavebg{width:100%; height: auto; float: left}

/*		Hero section 		*/

.hero{
	display: block;
	width: 100%;
	height: 750px;
	background-size: cover;
}
.hero1{
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
}
.hero .caption{
	position: absolute;
	width:80%;
	margin:6% 10% 0 10%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}
.hero .caption1{
	position: absolute;
	width:80%;
	margin:7% 10% 0 10%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}
.hero .caption img{
	width:18%; height:auto; float:left; margin:-7% 1% 1% 1%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);

}

.hero .caption h2{
	color: #3b3a3a;
	font-size: 60px;
	font-weight: bold;
	word-break: break-word;
	margin:30% 0 0 0;
	width:100%; 
	float:left; 
	font-family: "Dosis", sans-serif;
    text-shadow: 2px 2px 2px rgba(120, 120, 120, 0.55);
}

.hero .caption a{background: #fe0084; color: white; padding: 1% 4%; text-decoration: none; width: auto; float: left; margin-top: 3%; font-size: x-large}

.hero .caption1 a{color:#018c70; padding: 0 2%; text-decoration: none; width: auto; float: left; font-size: x-large; transition: 0.3s}
.hero .caption1 a:hover{color:#222121}

.hero .caption1 span{float: left}
.hero .caption h2 span{
	float:left;
	font-size:small;
	line-height:150%
	}
	


#welcome{width: 100%; height: auto; float: left; margin-bottom: 3%}
#welcome .left{width: 55%; height: auto; float: left; margin-right: 2%}
#welcome .left img{width: 100%; height: auto; float: left; margin-top: 50px;}
#welcome .right{width: 43%; height: auto; float: left}
#welcome .right h1{margin: 8% 0 0 0; font-family: 'Dosis', sans-serif; color: #89d700; font-size: 50px}
#welcome .right p{font-family: 'Ubuntu', sans-serif; line-height: 140%; margin: 0}
#welcome .right .read{padding: 2% 3%; background: #89d700; color: white; text-decoration: none; border: #79bd01 1px solid; border-radius: 5px; margin-top: 0%; float: left; transition: 0.3s}
#welcome .right .read:hover{background: #72b301}
#welcome .right .con{width: 90%; height: auto; float: left; background: url(images/board.jpg); background-size: 100% 100%; padding:5%; margin-top: 3%}
#welcome .right .con .heading-title1{color:#1F1F1F; text-align: center; margin: 0 0 2% 0; background:white}
#welcome .see{width: 20%; height: auto; float: left; margin: 0 40%; text-align: center; padding:1% 0; background: white; text-decoration: none; border: #D4A604 1px solid; border-radius: 5px; color: black; transition: 0.3s}
#welcome .see:hover{background: #C7C5C5}

.aim-bac{background-image: url(images/bg2.jpg)}
#aim{width: 100%; height: auto; float: left;}
#aim .right{width: 55%; height: auto; float: left}
#aim .right img{width: 100%; height: auto; float: left}
#aim .left{width: 43%; height: auto; float: left; margin-right: 2%}
#aim .left h1{margin: 10% 0 0 0; font-family: 'Dosis', sans-serif; color: white; font-size: 50px}
#aim .left p{font-family: 'Ubuntu', sans-serif; line-height: 140%; color: #e7e7e7}
#aim .left a{padding: 2% 3%; background: #89d700; color: white; text-decoration: none; border: #79bd01 1px solid; border-radius: 5px; margin-top: 2%; float: left; transition: 0.3s}
#aim .left a:hover{background: #72b301}

#choose{width: 100%; height: auto; float: left; margin-bottom: 40px;}
#choose h1{color:#2F2F2F; text-align: center; margin: 3% 0 1% 0}
#choose span{width: 100%; height: auto; float: left; text-align: center; margin-bottom: 2%}
#choose .con{width: 17.6%; height: auto; float: left; margin: 1%; border: #ebeaea 1px solid; border-radius: 30px 30px 0 0; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);}
#choose .con1{background: #ff8252}
#choose .con img{width: 100%; height: auto; float: left; border-radius: 30px 30px 0 0}
#choose .con h3{width: 100%; height: auto; float:left; margin: 0 0 5% 0; text-align: center; background: #89d700; color: white; padding: 3% 0}
#choose .con .h3{background: #ff8252}
#choose .con .hh3{background: #6cbdf1}
#choose .con .hhh3{background: #d1a502}
#choose .con p{text-align: center}

.gall-bac{background-image: url(images/bg3.jpg); padding: 0% 0 1% 0; margin: 3% 0}
.gall-bac h1{color: white; text-align: center; margin: 3% 0 1% 0}
.gall-bac b{width: 100%; height: auto; float: left; text-align: center; margin-bottom: 2%}
.gall-bac .all{width: 16%; height: auto; float: left; margin: 2% 42% 1% 42%; padding:1% 0; background: white; color: #649c01; text-align: center; font-size: large; text-decoration: none; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25); border-radius: 5px; transition: 0.5s}
.gall-bac .all:hover{background: #dadad9}
.no-gutters{width: 100%; height: auto; float: left}

#testimonial{width: 100%; height: auto; float: left}
#testimonial .heading-title1{color:#1F1F1F; text-align: center; margin: 3% 0 1% 0}
#testimonial b{width: 100%; height: auto; float: left; text-align: center; margin-bottom: 2%}

.footer-bac{background: url(images/bg3.jpg)}
#footer{width: 100%; height:auto; float: left}
#footer .con{width: 31%; height: auto; float: left; margin: 1%}
#footer .con h3{color: white}
#footer .con .logo{width:50%; height: auto; float: left; margin: 1% 50% 1% 0}
#footer .con .logo img{width: 100%; height: auto; float: left}
#footer .con .icon{width: 100%; height: auto; float: left;}
#footer .con .icon img{width: 8%; height: auto; float: left; margin: 1%; background: white; padding: 1%; border-radius: 50%; transition: 0.3s}
#footer .con .icon img:hover{background:#fbeaa7;}
#footer .con .img{width: 10%; height: auto; float: left; padding-top: 6%}
#footer .con p{width: 85%; height: auto; float: left; color: white; margin-left: 5%}
#footer .con .p{margin:7% 0 0 5%}
#footer .con h1{width: 100%; float: left; margin: 0}
#footer .con span{width: 100%; height: auto; float: left; color: white}
#footer .con h4{color: white; font-weight: normal; margin-top: 5%; float: left; color:#c4c4c4}
#footer .con h4 strong{color: white}

.lower-footer-bac{background: #324f01}
#lower-footer{width: 100%; height: auto; float: left}
#lower-footer p{color: white; float: left; font-size:small}
#lower-footer .p{float: right}
#lower-footer a{color: #fcd00f; text-decoration: none; transition: 0.5s}
#lower-footer a:hover{color: white}

#static{width:100%; height:auto; float:left; margin:5% 0}
#static img{width:auto; height:auto; float:left; margin:0 2% 1% 0}
#static h1,h2,h3,h4,h5,h6{color:#333333}
#static p{font-size:small; color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#static span{color:#333333; font-size:small; line-height:160%;}
#static ul li{font-size: small; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}

#about{width:100%; height:auto; float:left; margin:5% 0}
#about .con{width: 80%; height:auto; float: left; margin: 0 10%; background: #EBEBEB; box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.15);}
#about .con p{width: 31%; height: auto; float: left; margin:1% 1% 1% 1%; font-size: large; line-height: 150%}
#about .con img{width: 31%; height: auto; float: left; margin:1%}
#about h2{width: 100%; height: auto; float: left; margin:5% 0 1% 0; color: green;}
#about h3{margin: 0}
#about b{width: 30%; height: auto; float: left; margin:0% 70% 0.6% 0; color:#5A5757}
#about b span{float: right; text-align: right}
#about p{line-height: 150%}
#about span{width: 95%; height: auto; float: left; margin:0.2% 0 0.2% 5%}
#about .span{margin-bottom: 3%}
#about .left{width: 65%; height: auto; float: left;}
#about .right{width: 30%; height: auto; float: left; margin: 0.5% 0.5% 0.5% 2%; background-image:url(images/bg3.jpg); color: white; padding: 1%; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);}

#contact{width:100%; height:auto; float:left; margin:5% 0}
#contact .left{width: 30%; height: auto; float: left; margin-right: 2%}
#contact .left h2{width: 100%; height: auto; float: left; margin:5% 0 1% 0; color: green; text-transform:uppercase}
#contact .left p{font-size: large; line-height: 150%}
#contact .right{width: 68%; height: auto; float: left}

#gallery{width:100%; height:auto; float:left; margin:5% 0; overflow:hidden}
#gallery .con{width:23%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#gallery .con img{border:#CCCCCC 3px solid; width:100%; height:auto; float:left; transition:0.50s;}
#gallery .con img:hover{border:#fea801 3px solid;}

#notification{width: 100%; height: auto; float: left; margin: 5% 0}
#notification .con{width: 98.5%; height: auto; float: left; margin: 1% 0; padding: 0.5%; background: #f3f2f2; border: #e5e4e4 1px solid}
#notification .con h3{color:#79bd01; margin: 0}
#notification .con p{color: #252424}
#notification .con span{
    font-size: 12px;
    color:#222222;
	background: #fcd00f;
	float: left;
	padding:0.5% 1%;
	margin: 1% 0
} 


#syllabus{width: 100%; height: auto; float: left; margin: 2% 0}
#syllabus .con{width: 95.7%; height: auto; float: left; margin: 0 1% 3% 1%; padding: 1%; background: #f0f0f0; border: #dadada 1px solid; border-radius: 5px}
#syllabus h1{width: 50%; height: auto; float: left; margin: 1% 25% 1% 25%; padding: 0.5% 0; background: #018c70; color: white; text-align: center; border-radius: 5px}
#syllabus a{width: auto; height:auto; float: right; margin:0.5% 0; background: url(images/pdf.png) red left center no-repeat; background-size: 25px 25px; padding: 1% 1% 1% 3.5%; color: white; text-decoration: none; border-radius: 5px; transition: 0.5s}
#syllabus a:hover{background: url(images/pdf.png) #8f0801 left center no-repeat; background-size: 25px 25px;}
#syllabus h3{width: 100%; height: auto; float: left; text-align: center;}
#syllabus h2{color: #018c70; border-bottom: #3F3E3E 1px solid; float: left; margin:2% 0 0.5% 0; padding: 0.1% 0.5%; border-radius:5px; font-size: 20px}
#syllabus p{width: 100%; height:auto; float: left; margin:0.5% 0}
#syllabus .con1{width: 58.5%; height: auto; float:left; margin: 1% 20%; padding: 0.5%; background: white; border: #D8D5D5 1px solid; border-radius: 5px}
#syllabus .con1 h4{width: 47.8%; height: auto; float: left; margin: 0.1%; padding: 1%; background: #1F1F1F; color: white; text-align: center}
#syllabus .con1 span{width: 47.8%; height: auto; float: left; margin: 0.1%; padding: 1%; background: #e0e0e0}
#syllabus .con2{width: 58.5%; height: auto; float:left; margin: 1% 20%; padding: 0.5%; background: white; border: #D8D5D5 1px solid; border-radius: 5px}
#syllabus .con2 h4{width: 22.8%; height: auto; float: left; margin: 0.1%; padding: 1%; background: #1F1F1F; color: white; text-align: center}
#syllabus .con2 span{width: 22.8%; height: auto; float: left; margin: 0.1%; padding: 1%; background: #e0e0e0}
#syllabus .p{font-size: 14px; color: #3E3E3E}

#holiday{width:78%; height: auto; float: left; margin: 2% 10%; padding:0 1% 1% 1%; background: #eeeeee; border: #dfdfdf 1px solid; border-radius:5px }
#holiday img{width: 60%; height: auto; float: left; margin: 0 20% 2% 20%}
#holiday b{width: 19%; height: auto; float: left; margin: 0.1% 0; padding:1% 0.5%; line-height: 150%; background:#018454; color: white; font-size:13px; font-weight: normal; text-align: center}
#holiday p{width: 19%; height: auto; float: left; margin: 0.1% 0; padding:1% 0.5%; line-height: 150%; background:#019760; color: white; font-size: 13px; text-align: center}
#holiday span{width: 59%; height: auto; float: left; margin: 0.1% 0; padding:1% 0.5%; line-height: 150%; background:#01aa6c; color: white; font-size: 13px; text-align: center}




@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:96%; height:auto; margin: 0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin: 0 auto;}

#header .left{width:98%; height: auto; float: left; margin: 1%}	


.hero{
	display: block;
	width: 100%;
	height: 300px;
	background: url('images/bg5.jpg') no-repeat fixed top left; background-size: 120% auto;
}
.hero1{
	display: block;
	width: 100%;
	height: 200px;
	background: url('images/supporting2-bg.jpg') no-repeat fixed top left; background-size: 100% auto;
}
.hero .caption{
	position: absolute;
	width:95%;
	margin:15% 10% 0 5%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}
.hero .caption1{
	position: absolute;
	width:96%;
	margin:25% 2% 0 2%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}
.hero .caption h2{
	color: #3b3a3a;
	font-size: 30px;
	font-weight: bold;
	word-break: break-word;
	margin:20% 0 0 0;
	width:100%; 
	float:left; 
	font-family: "Dosis", sans-serif;
    text-shadow: 2px 2px 2px rgba(120, 120, 120, 0.55);
}	
.hero .caption1 a{color:#018c70; padding: 1% 2% 0 2%; text-decoration: none; width: auto; float: left; font-size: x-large; transition: 0.3s}

#welcome .left{width:100%; height: auto; float: left; margin-right: 2%}
#welcome .right{width:100%; height: auto; float: left}	
	
#aim .right{width:100%; height: auto; float: left}
#aim .left{width:100%; height: auto; float: left; margin-right: 2%}
	
#choose .con{width:98%; height: auto; float: left; margin:2% 0.9%; border: #ebeaea 1px solid; border-radius: 30px 30px 0 0; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);}
	
.gall-bac .all{width:80%; height: auto; float: left; margin: 2% 10%; padding:1% 0; background: white; color: #649c01; text-align: center; font-size: large; text-decoration: none; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25); border-radius: 5px; transition: 0.5s}
.gall-bac .all:hover{background: #dadad9}

#footer .con{width:98%; height: auto; float: left; margin: 1%}
#footer .con .icon img{width: 15%; height: auto; float: left; margin: 1% 2%; background: white; padding: 1%; border-radius: 50%; transition: 0.3s}	
	
#lower-footer p{width:100%; height: auto; color: white; font-size:small; text-align: center}
	
#about .con{width: 98%; height:auto; float: left; margin:1%; background: #EBEBEB; box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.15);}
#about .con p{width:98%; height: auto; float: left; margin:1%; font-size: large; line-height: 150%}
#about .con img{width:98%; height: auto; float: left; margin:1%}
#about .left{width:100%; height: auto; float: left;}
#about .right{width:96%; height: auto; float: left; margin: 1%; background-image:url(images/bg3.jpg); color: white; padding: 1%; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);}
	
#contact .left{width:100%; height: auto; float: left; margin-right: 0}
#contact .right{width:100%; height: auto; float: left}	
	
}