@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'font1';
	src:url(font/MyriadPro-Regular.otf);
}
@font-face {
    font-family: 'font2';
	src:url(font/open.ttf);
}
@font-face {
    font-family: 'font3';
	src:url(font/CooperBlackStd.otf);
}
a{text-decoration:none;}
body{margin:0px;}
#container{width:100%;height:auto;margin:auto;overflow:hidden;border-top:5px solid #04b1c6;}
.header{width:90%;height:auto;margin:auto;overflow:hidden;text-align:center;}
.header>h1{text-align:center;font-family:font3;font-size:50px;color:#046874;}
.header>img{width:75%;height:auto}
#menu{width:100%;height:auto;overflow:hidden;background-color:#04b1c6;padding:.5% 0px;}
#menu>ul{text-align:center;margin:auto;margin-left:13%;}
#menu>ul a li{padding:1% 3%;float:left;list-style:none;}
#menu>ul a{text-decoration:none;color:#fff;font-family:font1;font-size:18px;height:100%;}
#menu>ul>a li:hover{background-color:#046874;border-radius:100px;}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family:font2;font-size:22px;text-decoration: none;color: #fff;background: #264732;text-align: center;padding: 2% 0px;display: none;transition:all ease-in-out 1s;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu1{
    display: block;
}

.slide{width:100%;height:auto;margin:auto;overflow:hidden;margin-bottom:1%;}
.slide>img{width:100%;height:auto;}

.ser{width:80%;height:auto;margin:auto;overflow:hidden;}
.ser>img{float:left;width:32%;}
.details{width:65%;padding:1%;overflow:hidden;float:right;}
.details>h2{font-family:font3;font-size:25px;color:#046874;}
.details>p{font-family:font2;font-size:16px;color:#333333;text-align:justify;}
.details>ul li{font-family:font2;font-size:16px;color:#333333;margin:0px;text-align:justify;}
.cont{width:80%;height:auto;margin:auto;overflow:hidden;margin-top:1%;}
.news{width:30%;height:auto;float:right;overflow:hidden;border-radius:10px;border:2px solid #046874;padding:1%;}
.news>h2{text-align:center;font-family:font3;font-size:25px;padding:1% 0px;margin:0px;color:#046874;}
.news>h2>span{color:#969696}
.news >marquee{height:220px;}
marquee>ul{margin:0px;list-style:none;}
marquee>ul>li{font-family:font2;font-size:18px;margin-bottom:2%;color:#000;}

.about{width:65%;height:auto;float:left;overflow:hidden;}
.about>h2{font-family:font3;font-size:25px;color:#046874;}
.gal{width:30%;height:200px;float:left;margin-right:2%;overflow:hidden;}
.gal>img{width:100%;height:100%;}
.anshad{width:80%;height:auto;margin:auto;overflow:hidden;}
.anshad>h1{color:#046874;font-family:font3;font-size:32px;font-weight:100; margin-top:1%;margin-bottom:1%;}
.anshad>p{color:#434343;font-family:font2;font-size:16px;text-align:justify;}
.anshad>ul li{font-family:font2;font-size:16px;color:#434343;margin:0px;}

 #an-l{width:50%;height:auto;overflow:hidden;float:left; margin-bottom:1%;padding-bottom:1%;}
 #an-l>h1{font-family:font2;font-size: 30px;line-height: 40px;color: #000;font-weight:100;text-align:center;}
.ark{width:90%;padding:1%;border:1px solid #046874;margin-top:2%;}
.ark1{width:93%;padding:1%;border:1px solid #046874;margin-top:2%;}
.msk{width:90%;padding:1%;border:1px solid #046874;margin-top:2%;height:80px;}
h4{font-family: font2;font-size: 18px;color: #000;font-weight:100;margin:0px;text-align:left;}
.button{padding:1% 3%;border:none;margin-top:2%;background-color: #046874;color:#fff;font-family:font3;font-size:19px;}


.news-body{width:100%;height:auto;margin-bottom:2%;border-bottom:1px solid #333;padding-bottom:2%;}
.news-body>h3{font-size:22px;font-family:font2;color:#CC3300;margin:0px;}
.news-body>p{font-size:16px;font-family:font2;color:#2e2e2e;text-align:justify;}
.news-body>img{width:80%;height:auto;margin:auto;}


.photo{width:28%;height:auto;float:left;margin-right:2%;overflow:hidden;margin-bottom:2%;text-align:center;border:2px solid #F00;}
.photo>img{width:100%;height:220px;}
.photo>h3{color:#003300;font-family:font2;font-size:19px;margin:1% 0px;}
.photo>a {color:#CC6600;font-family:font2;font-size:15px;margin:auto;}
.photo>a:hover{color:#000;}


#co{color:#046874;font-size:22px;}
#cotr{color:#046874;}
#contact{width:50%;height:auto;overflow:hidden;text-align:left;float:left;padding:1%;margin-top:3%;}
#contact>h2{color:#046874;font-family:font2;font-size:22px;margin:0px;font-weight:100;}
#contact>h3{color:#333232;font-family:font2;font-size:18px;margin:0px;font-weight:100;}
 #ab-rght{width:40%;height:auto;overflow:hidden;float:right;margin-top:3%;}
#enquiry{text-align:center;}
#enquiry_box{width:80%;height:auto;text-align:center;border:1px solid #d6d6d6;padding-bottom:2%;}
#enquiry_box>h2{color:#fff;font-family:font2;font-size:25px;margin:auto;font-weight:100; text-align:center;background-color:#046874;margin-bottom:1%;text-transform:uppercase;}
.searchh{border:1px solid #046874;padding:1%;font-family:font1;color:#000;width:80%;margin-top:2%;height:30px;}
.message{border:1px solid #046874;padding:1%;font-family:font1;color:#000;width:80%;margin-top:2%;height:50px;}
.btn{background-color:#046874;border:none;padding:1% 6%;font-family:font2;color:#fff;margin-top:4%;font-size:20px;}
#map{width:100%;height:auto;overflow:hidden;margin:auto;padding-top:3%;padding-bottom:3%;}



#power{width:100%;height:auto;margin:auto;overflow:hidden;text-align:center;background-color:#046874;padding:2% 0px;margin-top:2%;}
#power>h2{color:#fff;font-family:font2;font-size:14px;text-align:center;margin:0px;font-weight:100;margin-top:1%;}
#power>a{margin-right:2%;}
#power>a>img{width:40px;height:40px;}
#power>h2>a{color:#fff;}
#power>h2>a:hover{color:#CF0;}

@media screen and (max-width:1024px){
	#menu>ul{margin-left:6%;}
	.news-body > img {width:60%;}
	#menu>ul{margin-left:1%;}
}

@media screen and (max-width:900px){
	.anshad,.ser ,.cont {width:90%;}
	.photo > img{height:170px;}
	.header > h1{font-size:40px;}
	.about > h2,.news > h2 ,.details > h2 {font-size:20px;}
}
@media screen and (max-width:750px){
	.info,.ser > img {display:none;}
	.header{text-align:center}
	.header > img {width: 40%;float:none;}
	#menu ,.slide,.details  {width: 100%;float:none;border:none;margin:auto;border-radius:0px;}
	#menu > ul li {padding: 1% 0px;}
	.news,.about,.adv,.ser {width:90%;height:auto;float:none;margin:auto;}
	
	 #an-l{width:90%;float:none;}
	#menu{width:100% !important;}
	#menu ul li a {margin:1% 0;border-right:none;}
	/*Make dropdown links appear inline*/
	#menu ul {
		padding:0px;
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	#menu li {
		margin:0;
	}
	/*Make all menu links full width*/
	#menu ul li {
		float:none;
		width: 100%;
		margin-left:-5%;
		line-height:25px;border:none;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	#link{display:none}
	.photo{width:44%;margin-right:5%;}
	#foot1,#foot3,.foot2  {width:45%;height:300px;}
	#contact,#ab-rght ,#sup ,#supimg  {width:100%;float:none;margin:auto;text-align:center;margin-bottom:2%;}
	#enquiry_box{margin:auto;}
	.anshad > h1 {font-size:25px;}
	.anshad > h3{text-align:center;}
	.anshad {width:94%;}

}
@media screen and (max-width:560px){
	.header > h1 {
    font-size: 30px;
}
	.photo,.gal{width:90%;height:auto;float:none;margin:auto;margin-bottom:2%;}
	.photo > img{height:250px;}
	.header > img {width: 60%;float:none;}
	#co{font-size:18px;}
	.news > h2,.about > h1,.adv > h2,.details > h2,.foot2 > h2 ,#foot1 > h2,#foot3 > h2  {font-size:20px;}
	marquee > ul > li,.about > p,.adv > ul > li ,#menu > ul > a > li{font-size:16px;}
	#foot1,#foot3,.foot2  {width:100%;height:auto;}
}

@media screen and (max-width:400px){
		.header > h1 {
    font-size: 24px;
}
}
.info, #success, .warning, .error, .validation {
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

#success {

background-image:url('../images/sucess.png');
width:550px;
	height:auto;
	padding:20px;
	position:fixed;
	top:170px;
	left:38%;
	background-color: #DFF2BF;
	min-height:20px;
        font-size: 20px;color: #FF6600;
	overflow:hidden;
	z-index:200000;
	background-image:url(images/tooltip.PNG);
	text-align:center;
  box-shadow: 5px 5px 5px #888888;	border-radius:10px;
}