@charset "utf-8";
/* 
   http://www.professiondesigns.com
   Author: Dharmarajan Mohan
   Email: dharma3danimator@gmail.com
   Copy with appropriate permisson 
*/


/* Intro Popup*/


#mask {

  position:absolute;

  left:0;

  top:0;

  z-index:9000;

  background-color:#000;

  display:none;

}  

#boxes .window {

  position:absolute;

  left:0;

  top:0;

  width:440px;

  height:200px;

  display:none;

  z-index:9999;

  padding:20px;

}

#boxes #dialog {

  width:550px; 

  height:auto;

  padding-left:10px;

  background-color:#ffffff;

  border-radius:6px;
  
  box-shadow: 0px 0px 35px #f00;
  }

.close{

	border: 1px solid #000000;

    float: right;

    height: 20px;

    text-align: center;

    width: 20px;

}  

.fill{

	font-family:arial;

	color:#ff8a00;

	font-weight:bold;

	text-align:center;

}



.fill2{

	font-family:"Open Sans Light", "Open Sans Semibold", "Open Sans", sans-serif, Arial;
	color:#f00;
	font-size:15px;
	font-style:italic;
	font-weight:600;
	text-align:left;

}

body{
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	overflow:auto;
	color:#000;
	padding:0;
	margin:0;
	}
h1, h2, h3{
	font-family:"Open Sans Light", "Open Sans Semibold", "Open Sans", sans-serif, Arial;
	text-align:left;
	padding:0.1%;
	color:#000;
	font-weight:400;
	}
h5{
	padding:5px;
	margin:5px;
	}	
a{
	font-family:Calibri, "Calibri Light", Arial;
	font-size:14px;
	font-weight:bold;
	color:#ee1b24;
	text-decoration:none;
	
	
	}	
a:hover{
	color:#000000;
	text-decoration:none;
	}	
p{
	font-family:Calibri, "Calibri Light", Arial;
	font-size:15px;
	color:#6b6b6b;
	padding-left:15px;
	padding-right:15px;
	text-align:justify;
	}
strong{
	color:#F00000;
	font-size:16px;}		
img{
	max-width:100%;
	height:auto;
	width:auto;
	}	
#wrapper{
	margin:0 auto;
	max-width:100%;
	width:100%;
	}
header{
	width:100%;
	height:auto;
	background:#fff;
	overflow:hidden;

	}		
.lftlogo{
	padding-left:15px;
	float:left;
	height:auto;
	padding-top:0.8%;
	}
.center-cnt-menus{
	width:59%;
	height:auto;
	float:left;
	}
.info{
	width:94%;
	height:25px;
	padding:5px;
	
	}		
.info p{
	padding:0px;
	margin:0px;
	float:right;
	color:#ee1b24;
	font-weight:bold;
	
	}
.info p img{
	margin-left:0px;
	vertical-align:middle;}		
.info p a{
	font-family:Calibri, "Calibri Light", Arial;
	font-size:14px;
	font-weight:bold;
	color:#ee1b24;
	text-decoration:none;
	
	
	}	
.info p a:hover{
	color:#000000;
	text-decoration:none;
	}	
.rgtlogo{
	padding-right:15px;
	float:right;
	height:auto;
	padding-top:0.2%;	
	}	


/*Navigation Start*/


	
#topNav{
	min-width:85%;
	width:auto;
	height:74px;
	float:right;}

#nav{
	margin:0px;
	padding:0px;
	
	}	

ul{
	
	pading:0px;
	margin:0px;
	-webkit-margin-before:0px;
	-webkit-margin-after:0px;
	-webkit-padding-start:0px;
	}	
ul li{
	display:inline;
	padding:0px;}
	
	
.home{
	background-image:url(../images/icons/home.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.home:hover{
	background-image:url(../images/icons/home-hover.png);
	background-repeat:no-repeat;
}

.about{
	background-image:url(../images/icons/about.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.about:hover{
	background-image:url(../images/icons/about-hover.png);
	background-repeat:no-repeat;
}	

.location{
	background-image:url(../images/icons/location.jpg);
	background-repeat:no-repeat;
	background-position: top;
}
.location:hover{
	background-image:url(../images/icons/locationicon-hover.png);
	background-repeat:no-repeat;
}	

.news{
	background-image:url(../images/icons/news.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.news:hover{
	background-image:url(../images/icons/news-hover.png);
	background-repeat:no-repeat;
}

.programs{
	background-image:url(../images/icons/program.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.programs:hover{
	background-image:url(../images/icons/program-hover.png);
	background-repeat:no-repeat;
}

.gallery{
	background-image:url(../images/icons/gallery.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.gallery:hover{
	background-image:url(../images/icons/gallery-hover.png);
	background-repeat:no-repeat;
}

.contacts{
	background-image:url(../images/icons/contacts.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.contacts:hover{
	background-image:url(../images/icons/contacts-hover.png);
	background-repeat:no-repeat;
}

.member{
	background-image:url(../images/icons/bookme.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.member:hover{
	background-image:url(../images/icons/bookme-hover.png);
	background-repeat:no-repeat;
}
	
/*Navigation End*/

	
.clear{
	clear:both;}
	
	
.banner{
	background-color:#000;
	width:100%;
	height:auto;
	}
.fullarea{
	background-image:url(../images/bg-image.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	min-height:auto;
	min-width:1024px;
	width:100%;
	height:100%;
}
.maincc{
	background:url(../images/icons/tile.png);
	background-repeat:repeat;
	width:85%;
	height:auto;
	margin:0 auto;
	padding:1%;
	}
.section-header{
	width:98%;
	height:auto;
	margin:0 auto;
	}	
.sectionfirst{
	width:306px;
	height:auto;
	padding:0px;
	margin-right:3%;
	margin-left:3%;
	background-color:#fff;
	float:left;
}
.sectionsecond{
	width:306px;
	height:auto;
	padding:0px;
	margin-right:3%;
	margin-left:3%;
	background-color:#fff;
	float:left;
}

.sectionthird{
	width:306px;
	height:auto;
	padding:0px;
	margin-right:3%;
	margin-left:3%;
	background-color:#fff;
	float:left;
}
		
.sectionfirst h3, .sectionsecond h3, .sectionthird h3{	
	padding-left:8px;
}
.sectionfirst p, .sectionsecond p, .sectionthird p{
	padding:8px !important;
	text-align:justify;
	line-height:22px;
}
	
.section1, .section2, .section3{
	width:306px;
	height:auto;
	padding:0px;
	margin-right:3%;
	margin-left:3%;
	float:left;
}
		
.section1 h3, .section2 h3, .section3 h3{	
	padding-left:8px;
}
.section1 p, .section2 p, .section3 p{
	padding:8px !important;
	text-align:justify;
	line-height:22px;
}	
	
.more{
	border-radius:3px;
	width:20%;
	height:20px;
	background-color:#000;
	margin-left:8px;
	text-align:center !important;
	color:#fff;
}
.more a{
	color:#fff;
	text-decoration:none;
}		
.more:hover{
	background-color:#F00;
}	
.home-form{
	line-height:40px;
	border-radius:6px;
	border-right-color:#fff;
	border:2px dashed #707070;
	padding:4%;
}	
.home-form td{
	font-family:Calibri, "Calibri Light", Arial;
	color:#6b6b6b;
	font-size:15px;
	}	
.form-button-submit{
	padding: 0.5rem 1rem;
	background-color: #bf393a;
	border: 1px solid transparent;
	color: #ffffff;
	font-weight: 300;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-button-submit:hover{
	background-color: #488303;
	color: #fff;

}
.form-button-reset{
	padding: 0.5rem 1rem;
	background-color: #000;
	border: 1px solid transparent;
	color: #ffffff;
	font-weight: 300;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-button-reset:hover{
	background-color: #488303;
	color: #fff;
} 
.ftop{
	position:absolute;
	display:flex;
	padding:0px;
	margin-top:-60px;
} 
footer{
	background-color:#252525;
	width:100%;
}
.fcenter{
	width:72%;
	height:auto;
	margin:0 auto;
}
.fleft{
	float:left;
}		
.fright{
	float:right;
}
footer ul{
	padding-top:6%;
}
footer ul li{
	
	font-size:20px;
	color:#fff;
}
footer ul li a{
	padding:8px;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
}

.rmm{
	display:none !important;}
/*About Content Style */

.innercontent{
	width:100%;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	padding-bottom:5%;
	}
.innercontent h3{
	padding-left:2%;
	border-bottom:1px solid #f00;
	}
.inn-left{
	width:68%;
	height:auto;
	margin:0 auto;
	float:left;
	padding-left:2%;
	}		
.inn-right{
	width:30%;
	height:auto;
	float:right;
	
	}
.inn-left1{
	width:22%;
	height:auto;
	margin:0 auto;
	float:left;
	padding-left:2%;
	}		
.inn-right1{
	width:44%;
	height:auto;
	float:left;
	
	}		
.list{
	padding-left:3%;
	font-family: Calibri, "Calibri Light", Arial;
	font-size: 15px;
	color: #6b6b6b;

	}
.list li{
	list-style-type: disc;
	display:list-item;
	line-height:25px;
	}
.con-right{
	float:right;
	padding-right:2%;}

/* Gradient transparent - color - transparent */
.pspliter {
	border-bottom:1px dashed #c2c2c2;
	width:70%;
	margin:0 auto;
	padding-top:15px;
	height:1px;}	
.free-trial{
	margin:0 auto;
	padding:1%;
	width:40%;}
.text{
	width:67%;}	
.textarea{
	width:67%;}	
.location{
	line-height:28px;
	border-radius:6px;
	border-right-color:#fff;
	border:2px dashed #707070;
	padding:4%;
	font-size:14px;
}		
.ltitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px !important;
	font-weight:bold !important;
	padding:0px;
	margin:0px;
	color:#F00}	
	
.paging td a{
	background-color:#000;
	color:#fff;
	padding:5px;
	text-decoration:none;
	font-family:Calibri, "Calibri Light", Arial;
	}
.paging td a:hover{
	background-color:#F00;
	padding:5px;
	color:#fff;
	text-decoration:none;
	font-family:Calibri, "Calibri Light", Arial;
	}	
.subscribe{
	width:100%;
	height:25px;
	background-color:#fff;
	border:1px solid #c2c2c2;
	margin-left:8px;}	
.sub-submit{
	padding: 0.5rem 1rem;
	margin-left:8px;
	background-color: #bf393a;
	border: 1px solid transparent;
	color: #ffffff;
	font-weight: 300;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sub-submit:hover{
	background-color: #488303;
	color: #fff;

}

.event-style{
	border-radius:3px;
	border:2px dashed #707070;
	width:96%;
	margin-left:2%;
	border-collapse:separate !important;
	padding:1% !important;
	border-spacing:11px;
	}	
.ev-date{
	background-color:#ed1c24;
	border-radius:6px;
	color:#fff;
	text-align:center;
	padding:5px;
	margin-left:2%;
	}
.ev-txt{
	font-family:Calibri, "Calibri Light", Arial;
	font-size:15px;
	color:#6b6b6b;
	padding:15px;
	text-align:justify;
	border-right:2px dashed #707070;
	}
.ev-txt a{
	color:#6b6b6b;
	text-decoration:none;
	}
.ev-txt a:hover{
	color:#F00;
	text-decoration:none;}
@media screen and (max-width: 768px) {
	
	
	#topNav{
		display:none;}
		.rmm{
	display:block !important;
	padding-bottom:1% !important;}
			

		
	.rgtlogo{
		display:none;}	
		
		.info{
			width:69%;
			line-height:28px;}
			
		.center-cnt-menus{
			width:100%;}	
			
			.fullarea{
				min-width:0px !important;}
				.maincc{
					width:94%;
					padding-top:3%;}
					.sectionfirst{
						margin:1% !important;
						margin-bottom:5%;
						width:95%;}
						
						.sectionsecond{
						margin:1% !important;
						margin-bottom:5%;
						width:95%;}
						
						.sectionthird{
						margin:1% !important;
						margin-bottom:5%;
						width:95%;}
						.section1{
							margin-left:0% !important;
							width:95%;}
							.section2{
							margin-left:0% !important;}
							.section3{
							margin-left:0% !important;}
						
						.fcenter{
							width:100%;}
							.fleft p, .fright{
								padding:3%;}
								.da-arrows{
									display:none;}
									.da-slide{
										left:-10% !important;}
										footer ul{
											text-align:center;}
										


}

@media screen and (max-width: 1280px) {
	
	.da-slide{
		left:3% !important;
		}
	.innercontent{
		padding-bottom:10%;
		}
		
								
	}

@media screen and (max-width: 1024px) {
	.rgtlogo{
		display:none;}
		
		nav ul{
			width:100% !important;}
			
			.center-cnt-menus{
				width:100%;}
				#topNav{
					min-width:102%;}
			nav li{
				min-width:11%;}
			.da-slide{
				left:-5% !important;}
				.da-slide h2{
					font-size:0px !important;}
			.maincc{
				width:100%;
				padding:0%;}
				.section-header{
					width:100%;}
					.sectionfirst{
						margin-left:1.2% !important;
						margin-right:0%;}
						
						.sectionthird{
						margin-left:0%;
						margin-right:0%;}
						
						.section1{
						margin-left:0%;
						margin-right:0%;}
						
						.section3{
						margin-left:0%;
						margin-right:0%;}
						.fullarea{
							min-width:0px !important;
							}
							.innercontent{
								padding-bottom:23%;}
								
	}