/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
/*	background: url(../images/bg.jpg) no-repeat #E7E7E7;
*/	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
.content {
	width: 57%;
	margin: 0 auto;
	border-top: 1px solid rgba(226, 226, 226, 0.69);
	border-right: 1px solid rgba(226, 226, 226, 0.22);
	border-bottom: 1px solid rgba(51, 51, 51, 0.26);
	border-left: 1px solid rgba(151, 151, 151, 0.28);
	-webkit-background-origin: border-box;
	-moz-background-origin: border;
	background-origin: border-box;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	padding: 4em;
	margin-top: 8em;
}
.content{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
}
.content-grid h1{
	color:#FFF;
	font-size: 5em;
	font-weight: bold
}
.content-grid h2{
	color: #FFF;
	font-size: 2.5em;
	font-weight: bold;
	margin: 0 auto;
}
/*---timer----*/
/* ---------- TIMER ---------- */
ul#countdown{text-align:center;padding-top: 15px;}
ul#countdown span {
	color: #FFF;
	font-size: 2.8em;
	font-weight: bold;
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 30em;
	padding: 29px 23px 16px 22px;
	background: #191919;
	display: inline-block;
	margin-top: 16px;
}
ul#countdown li{
	display:inline-block;
	width: 16%;
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-size: 1.2em;
	191919
}
.content-grid h3{
	display: block;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 7px;
}
/*----start-copy-right---*/
.copy-right{
	text-align:center;
}
.copy-right p{
	display: block;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 7px;
	font-family: 'Open Sans', sans-serif;
}
.copy-right p a{
	color:#FFF;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right p a:hover{
	color:#000;
}
.btn{
		width:98%;
		font-family:Century Gothic;
		font-size:1.1em;
		color:#FFF;
		background:#666;
		padding:1%;
		text-align:center;
		margin-bottom:10px;
		text-transform:uppercase;
		display:none;
	}
.btn:hover{
		color:#FF0;
		background:#036;
		cursor:pointer;
	}
/*==========home page=======*/
#wrapperDiv1 {
	color: #FFF;
	background-color: #039;
	width: 100%;
	height:auto;
	min-height: 800px;
	background-image:url(../images/Home%20Page.jpg);
	background-repeat:round;
	margin:0px auto;
}
#wrapperDiv2 {
	color: #FFF;
	background-color: #039;
	width: 100%;
	height:auto;
	min-height: 800px;
	background-image:url(../images/Profile%20Page.jpg);
	background-repeat:round;
	margin:0px auto;
	
}
#wrapperDiv3 {
	color: #FFF;
	background-color: #039;
	width: 100%;
	height:auto;
	min-height: 700px;
	background-image:url(../images/Achievement%20page.jpg);
	background-repeat:round;
	margin:0px auto;
	
}
#wrapperDiv4 {
	color: #FFF;
	background-color: #039;
	width: 100%;
	min-height: 800px;
	background-image:url(../images/Gallery%20Page.jpg);
	background-repeat:round;
	margin:0px auto;
	
}
#headerDiv {
	width:100%;
	min-height:110px;
	background:#333;
	opacity:0.9;
}
.coll_menu{
		width:100%;
/*		z-index:999;
*/		margin:10px auto;
	}
.coll_menu ul{
		width:98%;
		padding:1%;
		height:auto;
	}
.coll_menu ul li{
		width:100%;
		height:auto;
		border-bottom:1px solid #CC3;
		line-height:30px;
	}
.coll_menu ul li a{
		text-decoration:none;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		background:#000;
		display:block;
		opacity:0.6;
	}
.coll_menu ul li a:hover{
		color:#063;
		background:#999;
	}
#footerDiv {
	/*background-color: #333;*/
	height:100px;
	width:100%;
	background:#999;
	opacity:0.6;
}
#footerDiv img{
		width:15%;
	}
.deb-wrap{
		width:60%;
		margin:0px auto;
	}
.deb1 {
	width:80%;
	float:left;
}
.deb3{
		width:15%;
		margin:1px auto;
		display:none;
	}
.deb {
	width:20%;
	float:left;
}
#menuDiv {
	/*background-color: #9FF;*/
	min-height:50px;
	margin-top:15px;
}
.social{
		width:10%;
		height:5%;
		float:right;
		margin-top:-5%;
		margin-right:11%;	}
.social img{
		width:100%;
		height:100%;
	}
.social:hover{
		opacity:0.8;
	}
#sectionDiv{
		width: 1300px;
		height:auto;
		margin: 0px auto;
		  /* These three lines are for transparency in all browsers. */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		position:relative;
		}
	h1.slid{
		font-size:1.3em;
		color:#FFF;
		padding:1%;
		font-weight:600;
		font-family:Century Gothic;
	}
	.container{
		width:100%;
		height:auto;
		z-index:1;
		background:linear-gradient(#ccc,#999) transparent; 
		opacity:0.9;
		}
body {
	margin:0px auto;
}
.img-div{
		width:80%;
		height:80%;
		/*margin-left:50px;*/
		background:#000;
		padding:1%;
		opacity:0.9;
		overflow:hidden;
		margin:0px auto;
	}
.img-div img{
		width:100%;
		height:100%;
		transition:all 0.5s;
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
	}
.img-div img:hover{
		-webkit-transform:scale(1.4);
		-moz-transform:scale(1.4);
		-ms-transform:scale(1.4);
		-o-transform:scale(1.4);
		transform:scale(1.4);
	}
/*=======profile page=============*/
#quotePicDiv1 {
	background-color: #999;
	width: 98%;
	height:auto;
	box-shadow:8px 8px 5px rgba(75,164,102,0.5);
	margin:0px auto;
}
#quotePicDiv2 {
	background-color: #999;
	width: 98%;
	height:auto;
	box-shadow:8px 8px 5px rgba(75,164,102,0.5);
	margin:0px auto;
	margin-top:50px;
}
#quotePicDiv1 img{
		width:100%;
		height:auto;
	}
#quotePicDiv2 img{
		width:100%;
		height:auto;
	}
#profileContentDiv {
	background-color:#999;
	width: 98%;
	min-height: 400px;
	/*background-image: url(images/Profile%20Page.jpg);*/
	box-shadow:8px 8px 5px rgba(75,164,102,0.5);
	margin:0px auto;
	margin-top:50px;
	opacity:.8;
}
#profileContentDiv p {
	font-family: Century Gothic;
	line-height:25px;
	font-size: 1em;
	font-style:normal;
	color: #FF0 ;
	padding:10px;
}
/*===========contact=============*/
#wrapperDiv5 {
	color: #FFF;
	background-color: #039;
	width: 100%;
	min-height: 500px;
	height:auto;
	background-image:url(../images/Contact%20Page.png);
	background-repeat: round;
	margin:0px auto;
}
	.mmm{
		width:90%;
		margin:10px auto;
		text-align:center;
	}
#enquiryDiv {
	width:90%;
	margin:20px auto;
	}
#enquiryDiv form{
		width:80%;
		margin:10px auto;
	}
.table{
		width:98%;
		height:auto;
		min-height:300px;
		padding:1%;
	}
.row{
		width:100%;
		height:30px;
		color:#fff;
		font-size:1.5em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-top:10px;
	}
		.left{
				width:50%;
				float:left;
			}
		.right{
				width:50%;
				float:left;
			}
		.right input{
				width:100%;
			}
		.right textarea{
				width:100%;
			}
		.highlight {
			font-family: "Times New Roman", Times, serif;
			font-size: 1.5em;
			color: #0F0;
		}
		
		.highlight1 {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 1.5em;
			color: #FFF;
		}

/*==========Gallery===========*/
.morebtn{
		width:18%;
		text-align:center;
		margin-top:2%;
	}
.morebtn a{
		display:block;
		padding:3% 1%;
		background:#393;
		color:#fff;
		font-family:Century Gothic;
		font-size:14px;
		text-decoration:none;
		border-radius:2px 2px 2px 2px;
		-webkit-transition:ease-in-out 0.3s;
		-moz-transition:ease-in-out 0.3s;
		-o-transition:ease-in-out 0.3s;
		-ms-transition:ease-in-out 0.3s;
		transition:ease-in-out 0.3s;
	}
.morebtn a:hover{
		background:#F03;
	}

.morebtn1{
		width:18%;
		text-align:center;
		margin-top:2%;
	}
.morebtn1 a{
		display:block;
		padding:3% 1%;
		background:#393;
		color:#fff;
		font-family:Century Gothic;
		font-size:14px;
		text-decoration:none;
		border-radius:2px 2px 2px 2px;
		-webkit-transition:ease-in-out 0.3s;
		-moz-transition:ease-in-out 0.3s;
		-o-transition:ease-in-out 0.3s;
		-ms-transition:ease-in-out 0.3s;
		transition:ease-in-out 0.3s;
	}
.morebtn1 a:hover{
		background:#F03;
	}


/*============Responsive coding======*/
@media screen and (max-width: 1280px){
		
		#wrapperDiv1{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
			#wrapperDiv2{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
			#wrapperDiv3{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
			#wrapperDiv4{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
		#wrapperDiv5{			
			width: 100%;
			height:auto;
			margin:0px auto;
			
		}
	#headerDiv{
			width:100%;
			height:auto;
		}
		
	.deb-wrap{
			width:100%;
		}
		#sectionDiv{
				width:90%;
				min-height:600px;
				height:auto;
				border:none;
		}
		.img-div{
				width:80%;
				height:80%;
		}
		.img-div img{
				width:100%;
				height:100%;
			}
		#footerDiv {
			width:100%;			
			margin-top:50px;
		}
		#footerDiv img{
				width:15%;
				height:40%;
				display:block;
				margin:0px auto;
			}
	}
@media screen and (max-width: 1024px){	
		#wrapperDiv1{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
		#wrapperDiv2{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
		#wrapperDiv3{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
		#wrapperDiv4{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
		#wrapperDiv5{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
	#headerDiv{
			width:100%;
			height:auto;
		}
		
	.deb-wrap{
			width:100%;
		}
		#sectionDiv{
				width:90%;
				min-height:600px;
				height:auto;
				border:none;
			}
		.img-div{
				width:80%;
				height:80%;
		}
		.img-div img{
				width:100%;
				height:100%;
			}
		#footerDiv {
			width:100%;			
			margin-top:50px;
		}
		#footerDiv img{
				width:15%;
				height:40%;
				display:block;
				margin:0px auto;
			}
	}

@media screen and (max-width: 960px){	
		#wrapperDiv1{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
	#headerDiv{
			width:100%;
			height:auto;
		}
		
	.deb-wrap{
			width:100%;
		}
		#sectionDiv{
				width:90%;
				min-height:600px;
				height:auto;
				border:none;
			}
		.img-div{
				width:80%;
				height:80%;
		}
		.img-div img{
				width:100%;
				height:100%;
			}
		#footerDiv {
			width:100%;
			margin-top:50px;
		}
		#footerDiv img{
			
				margin:20px auto;
			}
	}
@media screen and (max-width: 640px){
	
		#wrapperDiv1{			
			width: 100%;
			min-height:400px;
			height:auto;	
			margin:0px auto;
		}
			#wrapperDiv2{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
			#wrapperDiv3{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
			#wrapperDiv4{			
			width: 100%;
			min-height:900px;	
			margin:0px auto;
			
		}
		#wrapperDiv5{			
			width: 100%;
			height:auto;
			margin:0px auto;
			
		}
			#menuDiv{
				display:none;
			}
			.btn{
					display:block;
				}
			#collapse-menu{
					display:block;
				}
			#menu2{
					display:block;
				}
	#headerDiv{
			width:100%;
			height:auto;
		}
		
	.deb-wrap{
			width:100%;
		}
	.deb{
			display:none;
		}
		.deb1{
				width:95%;
				margin:1% auto;
			}
		#sectionDiv{
				width:90%;
				min-height:400px;
				height:auto;
				border:none;
			}
		.img-div{
				width:80%;
				height:80%;
		}
		.img-div img{
				width:100%;
				height:100%;
			}
		#footerDiv {
			width:100%;	
			height:100px;		
		}
		
		#footerDiv img{
				width:30%;
				height:40%;
				display:block;
				margin:0px auto;
				padding-top:20px;
			}
		.left{
				width:100%;
			}
		.right{
				width:100%;
			}
			.mmm p{
				width:100%;
				font-size:1em;
			}
		.mmm span{
				font-size:1em;
			}
			.row{
					font-size:1.2em;
				}
			#enquiryDiv{
					margin-top:30px;
				}
			.deb3{
					display:block;
				}
			.social{
					width:8%;
					height:8%;
					margin-top:-10%;
				}
	}
@media screen and (max-width:360px){
		#wrapperDiv1{			
			width: 100%;
			min-height:600px;	
			height:auto;
			margin:0px auto;
			
		}
		#wrapperDiv5{			
			width: 100%;
			height:auto;
			margin:0px auto;
			
		}
	#headerDiv{
			width:100%;
			height:auto;
			max-height:50px;
		}
		
	.deb-wrap{
			width:60%;
		}
		#sectionDiv{
				width:90%;
				min-height:300px;
				height:auto;
				border:none;
			}
		.img-div{
				width:80%;
				height:80%;
		}
		.img-div img{
				width:100%;
				height:100%;
			}
		#footerDiv {
			width:100%;			
		}
		#footerDiv img{
				width:40%;
				height:40%;
				display:block;
				padding-top:20px;
				margin:0px auto;
			}
			
		/*=====profile page====*/
		#quotePicDiv1 {
			width: 98%;
			height:auto;
			margin:0px auto;
		}
		#quotePicDiv1 img{
				width:100%;
				height:100%;
			}
		/*==============achievement page========*/
		#vlightbox1 .vlightbox1{
				width:100px;
			}
		#vlightbox1 .vlightbox1 img{
				width:100%;
				height:100%;
			}
		/*+===========contact==========*/
		.row{
				font-size:1.1em;
			}	
		.left{
				width:100%;
			}
		.right{
				width:100%;
			}
		.mmm p{
				width:100%;
				font-size:1em;
			}
		.mmm span{
				font-size:1em;
			}
		.deb3{
				display:block;
			}
	}
@media screen and (max-width:480px){
		#wrapperDiv1{
				min-height:300px;
			}
		#sectionDiv{
				min-height:250px;
			}
		#footerDiv{
				width:100%;
				height:90px;
			}
		.deb3{
				display:block;
			}
	}
@media screen and (max-width:320px){
		#sectionDiv{
				min-height:200px;
			}
		#footerDiv {
			width:100%;
			height:70px;			
		}
		#footerDiv img{
				width:40%;
				height:40%;
				display:block;
				padding-top:20px;
				margin:0px auto;
			}
			.mmm p{
					width:100%;
				}
		.mmm span{
				font-size:.9em;
			}
		.deb3{
				display:block;
			}
	}