/* CSS Document by  Palakshi Dam - Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Manjari&display=swap');

body{margin:0; font-family: 'Manjari', sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:80%; height:auto; margin: 0 auto;}
a{text-decoration:none; color:#333}

.header-bac{background: #5e8502}
#header{width: 100%; height: auto; float: left}
#header .left{width: 35%; height: auto; float: left; margin: 0.5% 0}
#header .left img{width: 100%; height: auto; float: left}
#header .right{width: 10%; height: auto; float: right; margin: 0.5% 0}
#header .right img{width: 100%; height: auto; float: left}

/*		Hero section 		*/

.hero{
	display: block;
	width: 100%;
	height: 750px;
	background: url('images/bg.jpg') no-repeat fixed center center; background-size: cover;
}
.hero1{
	display: block;
	width: 100%;
	height: 200px;
	background: url('images/supporting-bg.jpg') no-repeat fixed center center; 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: #fff;
	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%
	}
	
#whatwedo{width:100%; height:auto; float:left; margin:3% 0}
#whatwedo h1{color:#666; text-align:center; font-size:28px; margin-bottom:1%}
#whatwedo h1 strong{color:#0793cd; font-size:40px;}
#whatwedo span{width:80%; height:auto; float:left; margin:0 10% 1% 10%; color:#484949; text-align:center; font-size:large; line-height:150%}
#whatwedo .more{color:red; transition:0.5s}
#whatwedo .more:hover{color:#0793cd}

.visionbg{background:#e9feff}
#vision{width:100%; height:auto; float:left; margin:6% 0}
#vision .left{width:50%; height:auto; float:left;}
#vision .left img{width:25%; height:auto; float:left; margin-right:75%}
#vision .left h1{width:100%; height:auto; float:left; margin-bottom:0; color:#333; font-size:x-large}
#vision .left h1 strong{color:#155e91; font-size:xx-large}
#vision .left p{width:100%; height:auto; float:left; color:#646464; line-height:150%; font-size:large}
#vision .left a{background:#29a4df; color:#fff; padding:2% 4% 1.5% 4%; border-radius:20px; transition:0.5s}
#vision .left a:hover{background:#42ba96;}
#vision .right{width:44%; height:auto; float:left; margin:0 1% 0 5%; padding-bottom:2%; background:#fff; border-radius:5px; box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.18);}
#vision .right .top{width:98%; height:auto; float:left; margin:0 0 3% 0; padding:1% 1% 0 1%; background:#268fb6; border-radius:5px 5px 0 0;}
#vision .right .top img{width:26%; height:auto; float:left; margin:-12% 37% 3% 37%}
#vision .right .top h2{color:#fff; text-align:center; margin:0; padding-bottom:2%}
#vision .right a{width:90%; height:auto; float:left; margin:1% 5%; background:url(images/arrow.png) left top no-repeat; padding-left:5%; transition:0.5s}
#vision .right a:hover{color:red}

.footerbg{background:#2a4e01}
#footer{width:100%; height:auto; float:left}
#footer h2{text-align:center; font-size:medium; color:#fff}
#footer h2 a{color:#fff; border-right:1px solid #999; padding:0 1%}
#footer h2 a:last-child{border-right:none}
#footer p{color:#fff; float:left; font-size:small}
#footer .p{float:right}
#footer p a{color:#a7d602}
.footerlowbg{background:#0f1d00}

#static{width:100%; height:auto; float:left; margin:3% 0;}
#static .head{width:100%; height:auto; float:left; color:#ea3a00; font-size:xx-large; border-bottom:1px dashed #666; margin-bottom:1%}
#static h1{width:100%; height:auto; float:left; padding:1%; font-size:x-large; color:#fff; background:#0293d0}
#static h2{width:100%; height:auto; float:left; color:#0293d0; font-size:22px; margin-bottom:0;}
#static h3{color:#b10101; font-size:18px}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static span{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static div{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul{width:100%; height:auto; float:left; list-style-image: url('images/tick.png'); line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul li{margin:0.8% 0}
#static ol li{margin:0.8% 0}
#static form{width:35%; height:auto; float:left; padding:2.5%; margin:0 30%; background:#edecec; border-radius:5px}
#static form .box{width:96%; height:auto; float:left; margin:1.5% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#static form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static form .box1{width:96%; height:80px; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:small; transition:0.5s}
#static form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static form .submit{padding:1.3% 3%; margin:2% 3% 2% 0; font-size: medium; background:#028fdf; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
#static form .submit:hover{background:#019EB1}
#static .low{width:100%; height:auto; float:left; margin-top:2%}
#static .contact{width:35%; height:auto; float:left; padding:2.5%; margin:0 30%; background:#edecec; border-radius:5px}
#static .contact .head{width:98%; height:auto; float:left; color:#ea3a00; font-size:xx-large; border-bottom:1px dashed #666; margin:2% 1% 4% 1%}
#static .contact h2{margin:20px 0; color:#0293d0; text-align:center}
#static .contact h3{margin-bottom:0; text-align:center}
#static .contact p{margin:2% 0; text-align:center}
#static a{width:95%; height:auto; float:left; margin:1% 2.5%; background:url(images/link.png) left top no-repeat; padding-left:3%; transition:0.5s}
#static a:hover{color:red}

#album{width:98%; height:auto; float:left; margin:2% 0; overflow:hidden; background:#f1f1f1}
#album .head{width:98%; height:auto; float:left; color:#ea3a00; font-size:xx-large; border-bottom:1px dashed #666; margin:2% 1% 4% 1%}
#album .con{width:22%; height:290px; float:left; margin:1.5%; background:#fff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
#album .con:hover{box-shadow: 0px 0px 15px 0px rgba(253,179,2,0.55);}
#album .con img{width:95%; height:auto; float:left; margin:2.5%}
#album .con h4{font-weight:normal; text-align:center; color:#06C; margin:2% 0}
#album p{text-align:center; margin:4% 1%; color:#E69200;}
#album .con1{width:22%; height:auto; float:left; margin:1.5%; background:#fff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}



@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:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin: 0 auto;}

#header .left{width:70%; height: auto; float: left; margin: 0.5% 15%}
#header .left img{width: 100%; height: auto; float: left}
#header .right{width: 20%; height: auto; float: right; margin: 0.5% 40%}

.hero{
	display: block;
	width: 100%;
	height: 250px;
	background: url('images/bg.jpg') no-repeat fixed center center; background-size: cover;
}

#whatwedo{width:98%; height:auto; float:left; margin:3% 1%}
#whatwedo h1{color:#666; text-align:center; font-size:28px; margin-bottom:1%}
#whatwedo h1 strong{color:#0793cd; font-size:x-large}
#whatwedo span{width:90%; height:auto; float:left; margin:0 5% 1% 5%; color:#484949; text-align:justify; font-size:large; line-height:150%}

#vision{width:98%; height:auto; float:left; margin:6% 1%}
#vision .left{width:100%; height:auto; float:left;}
#vision .right{width:98%; height:auto; float:left; margin:10% 1% 0 1%; padding-bottom:2%; background:#fff; border-radius:5px; box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.18);}
#vision .right a{width:90%; height:auto; float:left; margin:3% 5%; background:url(images/arrow.png) left top no-repeat; padding-left:5%; transition:0.5s}

#footer{width:98%; height:auto; float:left; margin:1%}
#footer h2{text-align:center; font-size:medium; color:#fff}
#footer h2 a{width:98%; height:auto; float:left; margin:1%; color:#fff; border-right:none; padding:0}
#footer h2 a:last-child{border-right:none}
#footer p{width:98%; height:auto; float:left; margin:2% 1%; color:#fff; font-size:small; text-align:center}

#static{width:95%; height:auto; float:left; margin:3% 2.5%;}
#album .con{width:95%; height:auto; float:left; margin:2.5%; background:#fff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}

#static form{width:94%; height:auto; float:left; padding:2%; margin:2%; background:#edecec; border-radius:5px}
#static .contact{width:92%; height:auto; float:left; padding:2%; margin:2%; background:#edecec; border-radius:5px}
#static img{width:90%; height:auto; float:left; margin:1% 5%}

}