@charset "utf-8";
/* CSS Document */
body{margin:0px;
padding:0px;
width:100%;
 height:100%;
}
.common{width:100%; height:300px; position:absolute;}   
.wraper{width:100%; height:auto; border:0px solid gray; margin-left:0px;  }
.header{width:100%; height:65px; border:0px solid gray; background:#000; position:fixed; z-index:9999;}
 .logo{float:left; width:240px; height:60px; border:0px solid pink;}
.logo img{width:250px; height:55px; margin-left:20px; margin-top:5px;}
.header .nav{ float:right; width:56%; height:65px;   border:0px solid pink; margin-left:0px; }
.nav ul{ list-style:none;}
.nav ul li a{ float:right; text-decoration:none; text-transform:uppercase; height:30px; font-family:arial;line-height:30px; color:#f7941e; display:block;  margin-right:10px; font-size:17px; padding:0 17px; display:block; }
.nav ul li a:hover{  color:#FFF;}.active{background:#eeffcc;}
.slider{width:100%; height:100%; margin-top:62px; z-index:1; position:fixed; }
.slider img{width:100%; height:100%}
.facebook{width:50px; height:80px; margin-top:250px;  margin-left:1299px; float:left; z-index:2; display:block; position:fixed;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s; }
.imgnew
{ float:left; margin-left:5px; margin-bottom:5px;height: 200px;
    }
.facebook img{width:50px; height:80px;}
.facebook img:hover {width:250px; }
.about1{width:70%; height:auto; margin-left:15%; margin-right:15%;border:0px solid red; background:#fff; opacity:0.8; margin-top:66px; z-index:3; }
.about{width:80%; height:auto; margin-left:10%; margin-right:10%;border:0px solid red; background:#fff; opacity:0.8; margin-top:66px; z-index:3; }
.about   h2{margin-left:10px;  margin-top:10px; margin-bottom:0px; font-family:Arial; font-size:13pt;}
.about   h3{margin-left:24px;  margin-top:25px; margin-bottom:0px;}
.about   p{margin-left:10px; margin-right:10px; margin-top:-8px;font-family:Verdana;font-size:13px;line-height:21px;}
.contact{width:70%; height:auto; margin-left:15%; margin-right:10%;border:0px solid red; background:#fff; opacity:0.8; margin-top:66px; z-index:3; }
.contact   h2{margin-left:96px;  margin-top:35px; margin-bottom:30px;}
.contact   h3{margin-left:24px;  margin-top:25px; margin-bottom:0px;}
.contact   p{margin-left:40px; margin-right:40px;}
.p1{color:#FFF; font-size:12px; padding:15px; }
.p2{color:#FFF; font-size:12px; padding:0px; }
 .address{font-family:Arial; font-size:16px; margin-right:50px;}
.btn{margin:5px 68px 0px -132px; width:80px; height:25px; color:#f7941e; background:#AB217B;}
.btn:hover{background:#E81E32; color:#fff;}
.about .footer{width:100%; height:125px; background:#000;  border:px solid red;  z-index:5; }
@media screen and (max-width: 1120px) and (min-width: 620px){
	.header{width:100%; height:60px; }
 .logo{float:none; width:20%;  margin-left:0px;}
.logo img{width:99%; margin-left:5px; }
.header .nav{ float:right; width:75%; display:block;  margin-left:184px;  margin-top:-63px; border:0px solid pink;   }
.nav ul li a{ float:right; text-decoration:none; text-transform:uppercase; height:30px; line-height:30px; display:block;margin-top:0px;  margin-right:3px; font-size:16px;
 padding:0 10px; display:block; }
.nav ul li a:hover{  color:#FFF; background:#AC0D2D;  margin-left:0px;}
.active{background:#eeffcc;}
.slider{width:100%;}
.slider img{width:100%;}
.about{width:100%; height:auto; margin-left:0px; border:0px solid red; background:#fff; opacity:0.8; margin-top:66px; z-index:3; }
.about1{width:95%; min-height:570px; margin-left:10px; border:1px solid red; background:#fff; opacity:0.8; margin-top:66px; z-index:3; }
.about h2{margin-left:20px;  margin-right:20px;}
.contact{width:100%; height:auto; margin-left:0px; margin-right:0px;border:0px solid red; background:#fff; opacity:0.8; margin-top:66px; z-index:3; }
.contact   h2{margin-left:20px;  margin-right:20px;}
.contact   p{margin-left:8px; margin-right:8px;}
.p1{color:#FFF; font-size:12px; padding:15px; }
 .address{font-family:Andalus; font-size:16px; margin-right:50px;}
.btn{margin:5px 68px 0px -132px; width:80px; height:25px; color:#f7941e; background:#AB217B;}
.about .footer{width:100%; height:125px; background:#000;  border:px solid red;  z-index:5; }
.contact .footer{width:100%; height:125px; background:#000;  border:px solid red;  z-index:5; }
}
@media screen and (max-width: 620px)and (min-width: 420px) {
.header{width:100%; height:100px; }
 .logo{float:none; width:50%;  margin-left:50px;}
.logo img{width:99%; margin-left:80px; }
.header .nav{ float:left; width:100%; display:block;  margin-left:0px; margin-right:10px; margin-top:-10px; border:0px solid pink;   }
.nav ul{ margin-left:0px;}
.nav ul li a{ float:right; text-decoration:none; text-align:center; text-transform:uppercase; height:30px; line-height:30px; display:block;margin-top:0px;  margin-left:0px;                     font-size:11px;padding:0 2px; display:block; }
.nav ul li a:hover{  color:#FFF; background:#AC0D2D;  border-bottom:2px solid #9A8D7A; margin-left:0px;}
.active{background:#eeffcc;}
.slider{width:100%; height:100%; }
.slider img{width:100%;  height:100%; }
.about{width:100%; height:auto; margin-left:0px; border:0px solid red; background:#fff; opacity:0.8; margin-top:65px; z-index:3; }
.about1{width:97%;  margin-left:10px; border:0px solid red; background:#fff; opacity:0.8; margin-top:50px; z-index:3; }
.about h2{margin-left:8px;  margin-right:8px;}
.contact{width:100%; height:auto; margin-left:0px; margin-right:0px;border:0px solid red;margin-top:70px; background:#fff; opacity:0.8; z-index:3; }
.contact   h2{margin-left:0px;  margin-right:0px;}
.contact   p{margin-left:0px; margin-right:0px;}
.about .footer{width:100%; height:125px; background:#000;  border:px solid red;  z-index:5; }
.contact .footer{width:100%; height:125px; background:#000;  border:px solid red;  z-index:5; }
}
@media screen and (max-width: 420px)and (min-width: 220px) {
.header{width:100%; height:100px; }
 .logo{float:none; width:70%;  margin-left:0px;}
.logo img{width:99%; margin-left:80px; }
.header .nav{ float:right; width:100%; display:block;  margin-left:0px; margin-right:10px; margin-top:-10px; border:0px solid pink;   }
.nav ul{ margin-left:0px;}
.nav ul li a{ float:right; text-decoration:none; text-align:center; text-transform:uppercase; height:30px; line-height:30px; display:block;margin-top:0px;  margin-left:0px;                     font-size:7px;padding:0 0px; display:block; }
.nav ul li a:hover{  color:#FFF; background:#AC0D2D;  border-bottom:2px solid #9A8D7A; margin-left:0px;}
.active{background:#eeffcc;}
.slider{width:100%; height:100%; }
.slider img{width:100%;  height:100%; }
.about{width:100%; height:auto; margin-left:0px; border:0px solid red; background:#fff; opacity:0.8; margin-top:65px; z-index:3; }
.about h2{margin-left:0px;  margin-right:8px;}
.contact{width:100%; height:auto; margin-left:0px; margin-right:0px;border:0px solid red;margin-top:70px; background:#fff; opacity:0.8; z-index:3; }
.contact   h2{margin-left:0px;  margin-right:0px;}
.contact   p{margin-left:0px; margin-right:0px;}
.about .footer{width:100%; height:125px; background:#000;  border:px solid red;  z-index:5; }
.contact .footer{width:100%; height:125px; background:#000;  border:px solid red;  z-index:5; }
}





