/* CSS Document by Palakshi Dam -Krishna Tech */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@font-face {
    font-family: 'Kalpurush';
    src: url('kalpurush.ttf');
    font-weight: bold;
    font-style: normal;
}

body{margin:0; font-family: 'Kalpurush';}
a{text-decoration:none}

#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:100%; height:auto; margin:0 auto;}

#header{width:100%; height:auto; float:left}
#header a{width:26%; height:auto; float:left; margin:0.5% 37%}
#header img{width:100%; height:auto; float:left}

.middle{width:18%; height:auto; float:right; margin:0.2% 0}
.middle span{width:auto; height:auto; float:left; color:#fff; margin:8px 10px 0 0; font-weight:bold; font-size:medium}
.middle a{width:14%; height:auto; float:left; margin:2% 1% 0 1%; border:#fff 2px solid; border-radius:50%; padding:0%; transition:0.5s}
.middle a:hover{border:#f6bc02 2px solid;}
.middle a img{width:60%; height:auto; float:left; margin:20%}

.searc{width:20%; height:auto; float: right; margin-top:0%;}
.searc .box{width:100%; height:auto; float:left; padding:1.5% 0 1.5% 1%; background:none; border:none; border-bottom:2px #C0C0C0 solid; color:white; font-size:medium}
.searc .submit{width: auto; height:auto; float:right; padding:1% 5%; margin:0% 0 0 -10%; background:url('images/search.png') right no-repeat; border:none; color:white; cursor:pointer}

.home{margin-top:-30%; transition:0.5s}
.home:hover{opacity:0.6}



/*		Hero section 		*/

.hero{
	display: block;
	position: relative;
	width: 100%;
	height: 150px;
	background-size: cover;
}

.hero .caption{
	position: absolute;
	width:80%;
	margin:5.5% 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{
	float:left; margin-top:-1%; margin-right:2%; border-radius:50%
}

.hero .caption h1{
	color: #ffffff;
text-transform:none;
	font-size: xx-large;
	font-weight: normal;
	word-break: break-word;
	font-family: 'Merriweather', serif;
	margin:0;
	width:75%; 
	float:left;
}
.hero .caption h1 img{
	width:10%; height:auto; float:left
}

.hero .caption h1 span{
	float:left;
	font-size:small;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:150%
}

#temp{width:100%; height:auto; float:left; margin: 0%; background-image: url("images/bjp.png"); height: 726px; text-align: center;    }
#temp h2{color:#000000;  }
#temp .con{width:100%; height:auto; float:left; margin:1% 0; padding-bottom:3%; border-bottom:1px #DFDEDE solid;}
#temp .con:last-child{border:none}
#temp .con h1{color:#333333; width:100%; float:left; margin:0; font-size:x-large}
#temp .con iframe{ width:1024px; height: 560px;}
#temp .con b{color:#808080; float:left; font-weight:normal;}
#temp .con span{float:right; background:#DB5B43; border-radius:5px; padding:0.5% 1%; color:white}
#temp .con img{width:100%; height:auto; float:left; margin:1% 0 1% 0}
#temp .con p{width:100%; height:auto; float:left; line-height:150%}
#temp .con a{width:25%; height:auto; float:left; margin:1% 37%; text-align:center; padding:1% 0; border:1px #DB5B43 solid; text-transform:uppercase; text-decoration:none; color:#DB5B43; transition:0.5s}
#temp .con a:hover{background:#DB5B43; color:white}
#temp .page{width:100%; height:auto; float:left; margin:1% 0}
#temp .page a{width:auto; float:left; margin:1%; padding:1.5% 2% 1.5% 2%; background:white; border:1px #D09C8E solid; text-decoration:none; border-radius:50%; color:#DB5B43; transition:0.4s}
#temp .page a:hover{background:#DB5B43; color:white}

#left{width:60%; height:auto; float:left; margin:1% 0;}
#left h2{color:#333333; border-bottom:1px #666666 solid; }
#left .con{width:100%; height:auto; float:left; margin:1% 0; padding-bottom:3%; border-bottom:1px #DFDEDE solid;}
#left .con:last-child{border:none}
/* #left .con h1{color:#333333; width:100%; float:left; margin:0; font-size:x-large; font-family: Roboto, Arial, sans-serif;} */
#left .con h1{color:#333333; width:100%; float:left; margin:0; font-size:x-large; font-weight:bold;}
#left .con b{color:#808080; float:left; font-weight:normal;}
#left .con span{float:right; background:#ff060d; border-radius:5px; padding:0.5% 1% 0.3% 1%; color:white}
#left .con a img{width:100%; height:auto; float:left; margin:1% 0 1% 0}
#left .con p{width:100%; height:auto; float:left; line-height:150%; font-size:large; text-align:justify;}
#left .con .a{width:25%; height:auto; float:left; margin:1% 37%; text-align:center; padding:1% 0; border:1px #ff060d solid; text-transform:uppercase; text-decoration:none; color:#08295e; transition:0.5s}
#left .con .a:hover{background:#ff060d; color:white}
#left .page{width:100%; height:auto; float:left; margin:1% 0}
#left .page a{width:50px; height:50px; float:left; text-align:center; margin:1%; padding:2% 2% 1.5% 2%; background:white; border:1px #ff050d solid; text-decoration:none; border-radius:50%; color:#ff050d; transition:0.4s}
#left .page a:hover{background:#ff050d; color:white}

#right{width:38%; height:auto; float:left; margin:3.5% 0 1% 2%;}
#right .con{width:100%; height:auto; float:left; margin:1% 0 6% 0; padding:4%; border:#ff050d 1px solid; border-radius:5px}
#right .con h3{width:100%; float:left; margin:0.5% 0}
#right .con .border{width:100%; height:auto; float:left; margin-bottom:2%}
#right .con p{color:#666666; line-height:150%;}
#right .con .read{text-align:center; width:100%; height:auto; float:left; margin:1% 0; color:#DB5B43; text-decoration:none; transition:0.5s}
#right .con .read:hover{text-decoration:underline; color:#333333}
#right .con .cate{width:96%; height:auto; float:left; margin:2%; color: #333333; text-decoration:none; font-size:large; font-weight:bold; font-family: Roboto, Arial, sans-serif; transition:0.3s}
#right .con .cate:hover{color:#DB5B43}
#right .con .cate span{float:right}
#right .con1{width:100%; height:auto; float:left; margin:1% 0 6% 0}
#right .con1 img{width:30%; height:auto; float:left; margin-right:2%}
#right .con1 h4{font-weight:bold; margin:0; color:#333333; font-family: Roboto, Arial, sans-serif; font-size:medium;}
#right .con1 h4:hover{color:#DB5B43}
#right .con1 b{font-weight:normal; color: #999999; font-size:13px; line-height:160%}
#right .icon{width:10%; height:auto; float:left; margin:1% 1.5%; padding:2%; background:#333333; border-radius:50%; transition:0.5s}
#right .icon:hover{background:#DB5B43}
#right .con2{width:100%; height:auto; float:left; margin:1% 0 6% 0;}
#right iframe{width:100%; height:300px; float:left; margin:1% 0}
#right .iframe{width:85%!important;height:500px!important;margin:2% 0 0 15%!important;border:none;overflow:hidden}

.subscribe_bac{background:#F5F5F5; margin-top:2%}
#subscribe{width:100%; height:auto; float:left; margin:4% 0 6% 0}
#subscribe h1{text-align:center}
#subscribe .box{width:28%; height:auto; float:left; font-size:medium; padding:1%; margin:0 1% 0 30%; border:1px #DB5B43 solid}
#subscribe .submit{width:8%; height:auto; float:left; background:#DB5B43; color:white; padding:1%; border:none; font-size:medium; margin:0 30% 0 0; cursor:pointer; transition:0.5s}
#subscribe .submit:hover{background: #333333;}

#slide{width:100%; height:auto; float:left}

.footer_bac{background: #333333}
#footer{width:100%; height:auto; float:left; padding-top:0.5%}
#footer p{color:#DCDBDB; float:left;}
#footer .p{float: right}
#footer a{text-decoration:none; color:#FFFFFF; transition:0.5s}
#footer a:hover{color:#fb3588}
#footer .sha{text-align:center; margin-top:1%}

#static{width:100%; height:auto; float:left; margin:1% 0; overflow:hidden;}
#static h2{color:#333333; border-bottom:1px #666666 solid; font-weight:800;}
/* #static h2{color:#333333; border-bottom:1px #666666 solid; font-family: Roboto, Arial, sans-serif;}*/
#static .img{width:100%; height:auto; float:left; margin:0 2% 1% 0}
#static img{width:100%; float:left; margin:0 0 15px 0}
#static h1,h2,h3,h4,h5,h6{color:#333333}
#static p{font-size:large; color:#333333; text-align:justify; line-height:160%;}
#static ul li{ font-size:x-large;  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 "; font-size:x-large; }
#static table td{padding:1%; color:#666666; font-size:x-large;}
#static iframe{width:100%; height:600px; float:left; margin:1% 0;}

#gallery{width:60%; height:auto; float:left; margin:1% 2% 0 0;}
#gallery h2{color:#333333; border-bottom:1px #666666 solid; }
#gallery a{width:31%; height:auto; float:left; margin:1%; padding:0}
#gallery .con{width:94%; height:auto; float:left; margin:3%; padding:0; 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; margin:0; padding:0; transition:0.50s;}
#gallery .con img:hover{border:#fea801 3px solid;}

#categories{width:60%; height:auto; float:left; margin:1% 2% 0 0;}
#categories h2{color:#333333; border-bottom:1px #666666 solid; }

#activities{width:60%; height:auto; float:left; margin:1% 2% 0 0;}
#activities h2{color:#333333; border-bottom:1px #666666 solid;}
#activities .con{width:100%; height:auto; float:left; border-bottom:1px #CCCCCC solid; padding:1% 0}
#activities .con a{text-decoration:none;}
#activities .con:last-child{border:none}
#activities .con span{font-size:small; color: #808080; margin:0; width:100%; height:auto; float:left}
#activities .con h4{margin:0; color:#3399FF; transition:0.5s}
#activities .con h4:hover{color: #666666}
#activities .con img{width:20%; height:auto; float:left; margin:0 2% 1% 0}
#activities .con p{font-size:14px; color:#333333; text-align:justify; line-height:150%;}
#activities h1,h2,h3,h4,h5,h6{color:#333333}
#activities .con1{width:100%; height:auto; float:left;}
#activities .con1 img{width:100%; height:auto; float:left; margin:0 2% 1% 0}
#activities .con1 h1,h2,h3,h4,h5,h6{color:#333333}
#activities .con1 p{font-size:x-large; color:#333333; text-align:justify; line-height:150%; margin:0 0 1.5% 0}
#activities .con1 span{font-size:14px; color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#activities .con1 ul li{font-size: 14px; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#activities .con1 ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#activities .con1 table td{padding:1%; font-size:14px; color:#666666;}
#activities .a{width:31%; height:auto; float:left; margin:1%; padding:0}
#activities .con2{width:94%; height:auto; float:left; margin:3%; padding:0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#activities .con2 img{border:#CCCCCC 3px solid; width:100%; height:auto; float:left; margin:0; padding:0; transition:0.50s;}
#activities .con2 img:hover{border:#fea801 3px solid;}

#activities1{width:90%; height:auto; float:left; margin:1% 5%;}
#activities1 h2{color:#333333; border-bottom:1px #666666 solid;}
#activities1 .con{width:100%; height:auto; float:left; border-bottom:1px #CCCCCC solid; padding:1% 0}
#activities1 .con a{text-decoration:none;}
#activities1 .con:last-child{border:none}
#activities1 .con span{font-size:small; color: #808080; margin:0; width:100%; height:auto; float:left}
#activities1 .con h4{margin:0; color:#3399FF; transition:0.5s}
#activities1 .con h4:hover{color: #666666}
#activities1 .con img{width:20%; height:auto; float:left; margin:0 2% 1% 0}
#activities1 .con p{font-size:14px; color:#333333; text-align:justify; line-height:150%;}
#activities1 h1,h2,h3,h4,h5,h6{color:#333333}
#activities1 .con1{width:100%; height:auto; float:left;}
#activities1 .con1 img{width:100%; height:auto; float:left; margin:0 2% 1% 0}
#activities1 .con1 h1,h2,h3,h4,h5,h6{color:#333333}
#activities1 .con1 p{font-size:x-large; color:#333333; text-align:justify; line-height:150%; margin:0 0 1.5% 0}
#activities1 .con1 span{font-size:14px; color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#activities1 .con1 ul li{font-size: 14px; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#activities1 .con1 ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#activities1 .con1 table td{padding:1%; font-size:14px; color:#666666;}
#activities1 .a{width:31%; height:auto; float:left; margin:1%; padding:0}
#activities1 .con2{width:94%; height:auto; float:left; margin:3%; padding:0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#activities1 .con2 img{border:#CCCCCC 3px solid; width:100%; height:auto; float:left; margin:0; padding:0; transition:0.50s;}
#activities1 .con2 img:hover{border:#fea801 3px solid;}

.wa_btn{opacity:0; width:100%; height:0; float:left}


#album{width:60%; height:auto; float:left; margin:1% 2% 0 0;}
#album h2{color:#333333; border-bottom:1px #666666 solid;}
#album a{width:31%; height:auto; float:left; margin:2% 1%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); text-decoration:none; border:1px #C0C0C0 solid; transition:0.5s}
#album a:hover{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); text-decoration:none; border:1px #666666 solid}
#album a img{width:100%; height:auto; float:left; margin-bottom:2%}
#album a h4{color:#0099CC; font-weight:normal; text-align:center;}
#album a h4:hover{color:#333333}


#ebook{width:60%; height:auto; float:left; margin:1% 2% 0 0;}
#ebook h2{color:#333333; border-bottom:1px #666666 solid;}
#ebook a{width:23%; height:auto; float:left; margin:2% 1%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); text-decoration:none; border:1px #C0C0C0 solid; border-radius:7px; transition:0.5s}
#ebook a:hover{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); text-decoration:none; border:1px #666666 solid}
#ebook a img{width:100%; height:auto; float:left; margin-bottom:2%; border-radius:7px}
#ebook a h4{color:#0099CC; font-weight:normal; text-align:center;}
#ebook a h4:hover{color:#333333}


@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) {

#desktop{ height : 0px; overflow:hidden; display:none;  }
#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto}
#main-inner2{width:100%; height:auto; margin:0 auto}
#header a{width:60%; height:auto; float:left; margin:1% 20%}

.middle{width:100%; height:auto; float:right; margin:0.2% 0 0 0; padding:10px 25% 10px 25%; background:#003282;}
.middle span{width:auto; height:auto; float:left; color:#fff; margin:6px 10px 0 0; font-weight:bold; font-size:medium}
.middle a{width:15%; height:auto; float:left; margin:0 1%; border:#fff 2px solid; border-radius:50%; padding:0; transition:0.5s}

#temp{width:100%; height: auto;  }
#temp .con iframe{ width:100%; height: auto;}

.searc{width:90%; height:auto; float: right; margin:2% 5% 6% 5%;}

.home{margin-top:0%; transition:0.5s}

.hero{
	display: block;
	position: relative;
	width: 100%;
	height: 540px;
	background-size: cover;
        margin:-20% 0 0 0
}
.hero .caption{
	position: absolute;
	width:98%;
	margin:80% 1% 10% 1%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}
.hero .caption img{float:left; margin-top:0; margin-right:0; border-radius:50%}
.hero .caption h1 img{width:98%; height:auto; float:left; margin:0 0 5% 0;}

.hero .caption h1{
	color: #ffffff;
	font-size: large;
	font-weight: normal;
	word-break: break-word;
	font-family: 'Merriweather', serif;
	margin:0;
	width:100%; 
	float:left;
}

#left{width:98%; height:auto; float:left; margin:2% 1%}
#left .con h1{color:#ff060d; width:100%; float:left; margin:2% 0; font-size:x-large}
#left .con .a{width:50%; height:auto; float:left; margin:1% 24%; text-align:center; padding:3% 0; border:1px #ff060d solid; text-transform:uppercase; text-decoration:none; color:#08295e; transition:0.5s}
#left .con a img{width:100%; height:auto; float:left; margin:2% 0}

#right{width:98%; height:auto; float:left; margin:2% 1%}
#right .icon{width:10%; height:auto; float:left; margin:1.5%; padding:2%; background:#333333; border-radius:50%; transition:0.5s}
#right .iframe{width:100%!important;height:500px!important;margin:2% 0 0 0!important;border:none;overflow:hidden}

#static{width:100%; height:auto; float:left; margin:1% 0; padding:2%;}
#static .img{width:100%; height:auto; float:left; margin:1% 0}
#static img{width:100%; height:auto; float:left; margin:1% 0}
#static iframe{width:100%; height:250px; float:left; margin:1% 0;}

#subscribe .box{width:90%; height:auto; float:left; font-size:medium; padding:3% 1%; margin:1% 5%; border:1px #DB5B43 solid}
#subscribe .submit{width:20%; height:auto; float:left; background:#DB5B43; color:white; padding:3% 1%; border:none; font-size:medium; border-radius:5px; margin:1% 40%; cursor:pointer; transition:0.5s}

#footer .sha{text-align:center; margin:4% 0}
#footer p{color:#DCDBDB; width:98%; height:auto; float:left; margin:2% 1%; text-align:center}
#footer .p{float: right}


#static{width:98%; height:auto; float:left; margin:2% 1%;}

#gallery{width:98%; height:auto; float:left; margin:2% 1%}
#gallery a{width:98%; height:auto; float:left; margin:1%}

.wa_btn{opacity:1; width:100%; height:auto; float:left; margin:0;}
.wa_btn .span{float:left; font-size:x-large!important; margin-top:15px;}
.wa_btn img{opacity:1; width:17% !important; height:auto; float:left; margin:0;}


}