/* CSS Document */
@font-face {
	font-family: 'Open Sans',sans-serif;
	src: url('./gothic.eot');
	src: local('gothic'), url('font/gothic.woff') format('woff'), url('font/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.fontsforweb_fontid_9785 {
	font-family: 'gothic' !important;
}

h2
{
font-family:'Open Sans',sans-serif;
font-size:27px;
font-weight:normal;
text-shadow:1px 1px 1px #000;
}
h3
{
font-family:'Open Sans',sans-serif;
font-size:20px;
font-weight:normal;
text-shadow:0px 0px 1px #000;
}
h4
{
font-family:'Open Sans',sans-serif;
font-size:22px;
font-weight:bold;

}
p{
 font-family: 'Open Sans',sans-serif;
font-size: 15px;
line-height: 30px;
text-align:justify;
}
a:hover
{
color:#fff;
text-decoration:none;

}
a
{
color:#869d49;
text-decoration:none;
}
.container 
{
background:#fff;
width:1200px;
margin:0 auto;
height:1500px;
}
.containerss
{
background:#fff;
width:1200px;
margin:0 auto;
height:830px;
}
.container1 
{
background:#fff;
width:1200px;
margin:0 auto;
height:1650px;
}
.container2 
{
background:#fff;
width:1200px;
margin:0 auto;
height:1500px;
}
.container22 
{
background:#fff;
width:1200px;
margin:0 auto;
height:1000px;
}
.container3 
{
background:#fff;
width:1200px;
margin:0 auto;
height:1600px;
}
.containe 
{
background:#fff;
width:1200px;
margin:0 auto;
height:1850px;
}
.container333
{
background:#fff;
width:1200px;
margin:0 auto;
height:1580px;
}
.container31
{
background:#fff;
width:1200px;
margin:0 auto;
height:2600px;
}
.container4 
{
background:#fff;
width:1200px;
margin:0 auto;
height:895px;
}
.container44
{
background:#fff;
width:1200px;
margin:0 auto;
height:800px;
}
.container5
{
background:#fff;
width:1200px;
margin:0 auto;
height:1250px;
}
.container6
{
background:#fff;
width:1200px;
margin:0 auto;
height:1070px;
}
.container7
{
background:#fff;
width:1200px;
margin:0 auto;
height:795px;
}
.container77
{
background:#fff;
width:1200px;
margin:0 auto;
height:885px;
}
.container8
{
background:#fff;
width:1200px;
margin:0 auto;
height:870px;
}
.container9
{
background:#fff;
width:1200px;
margin:0 auto;
height:975px;
}
.container99
{
background:#fff;
width:1200px;
margin:0 auto;
height:1465px;
}
.container10
{
background:#fff;
width:1200px;
margin:0 auto;
height:860px;
}
.container101
{
background:#fff;
width:1200px;
margin:0 auto;
height:1000px;
}
.container11
{
background:#fff;
width:1200px;
margin:0 auto;
height:930px;
}
.contai
{
background:#fff;
width:1200px;
margin:0 auto;
height:1045px;
}
.container111
{
background:#fff;
width:1200px;
margin:0 auto;
height:1000px;
}
.containers
{
background:#fff;
width:1230px;
margin:0 auto;
height:1200px;
}
.header
{
width:100%;
float:left;
height:120px;
}

.logo
{
width:330px;
float:left;
}
.add
{
margin-top:30px;
float:left;
width:370px;
margin-left:500px;

}

.phone
{
float: left;
    margin-left:190px;

}
.phone1
{
float: right;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: bold;
	margin-top:10px;


}
.slider
{
width:100%;
border-top:5px solid #969494;
height:300px;
float:left;
margin-top:10px;
box-shadow: 1px 0 5px 1px #efefef;
}
.menu
{
background:#FFFFFF;
width:265px;
float:left;


}
.banner
{
width:935px;
float:left;
background:#f9f9f9;

}
.content
{
width:100%;

}
.img
{
width:30%;
float:left;
}
.imgs
{
width:30%;
float:left;
margin-top:-60px;
}
.img11
{
width:50%;
float:left;
}
.text
{
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 15px;
line-height: 25px;
text-align: justify;
width: 70%;
}
.text12
{
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 17px;
width: 50%;
text-align:justify;
}
.text11
{
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 17px;
width: 50%;
text-align:justify;
margin-top:-90px;
}
.btn
{
 background: none repeat scroll 0 0 #849b48;
color: #ffffff;
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 15px;
font-weight: bold;
padding: 13px;
text-shadow: 1px 1px 1px #333;
 width: 85px;
}
.btn a{
color:#FFFFFF;
}
.btn1
{
background:#849b48;
color: #ffffff;
float: left;
font-family:'Open Sans',sans-serif;
font-size: 15px;
font-weight: bold; 
padding: 10px;
text-shadow: 1px 1px 1px #333;

}
.btn1 a
{
color:#FFFFFF !important;
}
.btn1 a:hover
{
color:#fff !important;
}

.btn2
{
background:#849b48;
color: #ffffff;
float: left;
font-family:'Open Sans',sans-serif;
font-size: 15px;
font-weight: bold; 
padding: 10px;
text-shadow: 1px 1px 1px #333;

}
.btn3
{
background:#849b48;
color: #ffffff;
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 15px;
font-weight: bold;
padding: 12px;
text-shadow: 1px 1px 1px #333;
width: 30%;
	}
.btn4
{
background:#849b48;
color: #ffffff;

font-family: 'Open Sans',sans-serif;
font-size: 15px;
font-weight: bold;
padding: 12px;
text-shadow: 1px 1px 1px #333;
width: 40%;
}
.btn4 a
{
color:#FFFFFF;
}
	
.btn3 a
{
color:#FFFFFF;
}	

.btn2 a
{
color:#fff;
}

.menu ul
{
margin:0 0 0 -39px;
}
.li
{
width:250px;
}
.menu ul li
{
background: none repeat scroll 0 0 #ffffff;
box-shadow: 1px 0 5px 1px #efefef;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight:normal;
    list-style: none outside none;
    padding: 15px;
    text-align: center;
 }
 .menu ul li:active
 { 
 background-color: #000;
  }
.menu ul li:active a
{ 
color: #fff;
}
.menu ul li:hover
 {
 background:#869d49;
 color:#FFFFFF;
 }
 .menu ul li:current{
 background:#FF0000;
 }
 .menu a
 {
 color:#000000;
 }
 .menu a:hover
 {
 color:#fff
 }
 .menu a:hover current
 {
 color:#FFFFFF;
 }

 .mid a
 {
 color:#869d49;
 }
 .submenu
 {
 background:url(../img/arrow11.png) no-repeat !important;}
 
  .submenu:hover
 {
 background:url(../img/arrow.png) no-repeat !important;}
 
.active{ color:#fff; background:#869d49;}
#current { background:#869d49 !important; color:#FFFFFF !important;}
#current a { color:#FFFFFF ;}
.mid
{
width:100%;
float:left;

}
.mid1
{
width:30%;
float:left;

}
.mid2
{
float: left;
    margin-left: 400px;
    margin-top: -180px;
    width: 30%;

}
.mid3
{
float: left;
    margin-left: 790px;
    margin-top: -200px;
    width: 30%;
}
.hed
{
float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin-left: -260px;
    margin-top: 1px;

}
.hed2
{
float: left;
    font-family:'Open Sans',sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin-left: 460px;
    margin-top: -178px;
	}
.hed3
{
font-family:'Open Sans',sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin-top: -163px;
    padding-left: 860px;
}
.text1
{
 font-family: 'open sans';
    font-size: 15px;
    margin-top: 55px;
    text-align: justify;
    width: 300px;
}
.text2
{
 font-family:'Open Sans',sans-serif;
    font-size: 15px;
    margin-left: 408px;
    margin-top: -100px;
    text-align: justify;
    width: 300px;
}
.text3
{
font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    margin-left: 792px;
    margin-top:30px;
    text-align: justify;
    width: 300px;
	}
.footer
{
width:100%;
background:#000000;
float:left;
}
.link
{
width:180px;
float:left;
color:#FFFFFF;
font-size:20px;
font-family: 'Open Sans',sans-serif;
padding:20px 0px;
margin-left:30px;

}
.link a
{
color:#FFFFFF;
}
.link a:hover
{
color:#869d49;
}

.rech a:hover
{
color:#869d49;
}
.rech a
{
color:#869d49;
}

.find 
{
width:190px;
float:left;
font-size:20px;
font-family: 'Open Sans',sans-serif;
color:#FFFFFF;
margin-left:50px;
padding:20px;
}
.follow
{
width:200px;
float:left;
font-size:20px;
font-family: 'Open Sans',sans-serif;
color:#FFFFFF;
margin-left:50px;
padding:20px;
}
.contact
{
width:250px;
float:left;
font-size:20px;
font-family: 'Open Sans',sans-serif;
color:#FFFFFF;
margin-left:50px;
padding:20px;

}
.sublink
{ 
float:left;
font-size:15px;
font-family: 'Open Sans',sans-serif;
}
.ftr
{
width:1200px;
float:left;
background:#666666;

}
.foteriner
{
width:100%;
margin:0 auto;

}

.aps
{
float:left;
}
.search
{
float:left;
}
.ahplogo
{
float:left;
}
.add1
{
float:left;
margin-top:20px;
}
.cont
{
float: left;
margin-left: 30px;
margin-top: -25px;
font-size:15px;
}
.cont1
{

margin-left: 30px;
margin-top: -25px;
font-size:15px;
}
.cont2
{
 font-size: 15px;
    margin-left: 35px;
    margin-top: 20px;
}
.foot
{
background:#373737;
float:left;
width:100%;
height:40px;
}
.fotr1
{
margin:0 auto;
width:1200px;
}
.copy
{
float:left;
color:#FFFFFF;
font-size:15px;
font-family: 'Open Sans',sans-serif;
padding:10px;
margin-left:10px;
}
.sublinks
{
float:right;
color:#FFFFFF;
font-size:15px;
margin-right:60px;
font-family: 'Open Sans',sans-serif;
padding:10px;
}
.sublinks a
{
color:#FFFFFF;
}
.sublinks a:hover
{
color:#869d49;
}
.read
{
float:right;
font-weight:bold;
}
.read1
{
float:right;
font-weight:bold;
margin-top:-10px;
}
.about
{
float:left;
width:100%;
}
.app
{
width:30%;
float:left;
}

.quli
{
float: left;
margin: 0 10%;
width: 20%;
}
.qul
{
float: left;
margin: 0 5%;
width: 30%;
}
.rech
{
width:30%;
float:left;
}
.faq
{
float:left;
color:#000000;
font-family:'Open Sans',sans-serif;
font-size:19px;

}
.res
{
width:100%;

float:left;
}
.res1
{
width:40%;
float:left;
margin-right:10%;
}
.res12
{
width:40%;
float:left;

}
.res2{
float:left;
width:50%;
}
.res22{
float: left;
width: 50%;
margin-top:-335px;
}
.link11
{
width:100%;
padding:20px;
}
.link1
{
width:20%;
float:left;
}
.link2
{
float:left;
width:20%;
margin:0 15%;
}
.link3
{
width:20%;
float:left;
}
.link11 a:hover
{color:#869d49;
font-weight:bold;
}
.links
{
width:100%;
float:left;
}

.links a:hover
{
color:#869d49;
font-weight:bold;
}
.cont
{
width:100%;
float:left;
}
.rows
{
font-family:'Open Sans',sans-serif;
font-size: 15px;
background: none repeat scroll 0 0 #f1f1f1;
border: 1px solid #ddd;
border-radius: 10px;
padding: 30px;
height:520px;
width:70%;
}
.wid
{
height: 32px !important;
width: 95%;
}
.widd
{
float:left;
}
.alt
{
 color:#869d49;
font-family: 'Open Sans',sans-serif;
font-size: 21px;
font-weight: bold;
}
.area
{
font-family:'Open Sans',sans-serif;
font-size:18px;
list-style-image:url(../img/arrro.png);
}
.table
{
 background: none repeat scroll 0 0 #f2f2f2;


    margin: auto;
    padding: 20px;
    width: 70%
}
.tab
{
width:70%;
}

.tabl
{
width:20%;
 font-family: 'Open Sans',sans-serif;
 font-weight:bold;
}
.input
{
width:100%;
height:30px;
}
.back
{
 background: none repeat scroll 0 0 #869d49;
    color: #ffffff;
    font-family: 'Open Sans',sans-serif;
    font-size: 35px;
    font-weight: bold;
    margin: auto;
    padding: 20px;
    text-align: center;
    text-shadow: 1px 1px 1px #eee;
    width: 70%;
}
.input1
{
width:50%;
}
.sel
{
height: 30px;
margin-left: 20px;
width: 20%;
}
.hed
{
font-size:20px;
font-weight:bold;
font-family:'open sans';
margin-left:1px;
}
.right
{
text-align:right;
}
.serv
{
width:50%;
float:left;
font-family: 'Open Sans',sans-serif;
font-size: 15px;
line-height: 25px;
text-align: justify;
}

.serv1
{
width:50%;
float:left;
font-family: 'Open Sans',sans-serif;
font-size: 15px;
line-height: 25px;
text-align: justify;
}
.hed11
{
color: #ffffff;font-family: 'Open Sans',sans-serif;font-size: 25px;padding-top: 10px;text-align: center;
}
.frame{ width:330px;}
.container321{
background:#fff;
width:1230px;
margin:0 auto;
height:1435px;}

.respons{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.location{ padding-top:0px;}
.heding{  font-family: 'Open Sans',sans-serif;font-size: 27px;font-weight: normal;text-shadow: 1px 1px 1px #000;}

/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

	body{overflow-x : hidden; }

.header{width:1024;}
.add{ margin-left:625px !important;}
.slider{ width:1024px; height:296px; background:#f9f9f9;}
.menu{ width:280px !important;}
.banner img{margin-top:8px; width:100% !important;}
.banner{width:60% !important; margin-top:15px !important;}	
.containerss{height:845px !important;}
.content{float: left;margin-top: 30px;width:1024px;}
.foot{ width:100%; height:100px;}
.fotr1{width:480px;}
.text{width:60% !important; margin-top:-44px !important;}
.img img{ float:left !important; margin-top:-35px !important;}
.about{ margin-top:-2px !important;}
.follow{width:245px!important; margin-left:30px !important;}
.contact{float:left!important;}
.link{  margin-left:40px !important;}
.find{ margin-left:15px !important;}
.contact{ margin-top:0px!important; }
h2{ margin-top:5px !important; margin-bottom:50px !important;}
.containers{height:1430px !important;}
.rech{ float:left !important;}

.container33{ height:1645px !important;}
h2{ margin-top:none  !important;}
p{ width:87%  !important;}
.serv{ width:50%  !important;}
.serv1{ width:50%  !important;}
<!--.heding{ margin-top:-15px !important;}-->
.container333{ height:1660px !important;}

.container111{ height:1080px !important;}

.res1{ width:50% !important;}
.res2{ width:50% !important;}
.container9{ height:1090px !important;}
.container5{ height:1150px !important;}
.container321{ height:1655px !important;}
.container7{ height:855px;}
.container8{ height:890px !important;}

.container22{ height:900px !important;}
.container10{ height:930px !important;}
.container11{ height:915px !important;}
.container44{ height:800px !important;}
.container101{ height:1000px !important;}
.link2{ margin:0 15% !important;}
.qul{ margin:0 4%;}
.location{ padding-top:0px !important;}
.res12{ width:45% !important;}
.rows{ width:80% !important;}
.res22{ width:50%!important; margin-left:0px!important;}
.contai{ height:1220px !important;}
.container99{ height:1475px !important;}
.container4{ height:935px !important;}



}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

body{overflow-x : hidden; }

.header{width:1024;}
.add{ margin-left:370px; float:none;}
.slider{ width:1024px; height:296px; background:#f9f9f9;}
.menu{ width:245px;}
.banner img{width:65%; margin-top:40px;}
.banner{width:775px;}	
.containerss{height:945px;}
.content{float: left;margin-top: 30px;width:1024px;}
.foot{ width:100%; height:100px;}
.fotr1{width:480px;}
.text{margin-left: 50px;margin-top:-40px;width:37%;}
.img img{float:left;}
.find{ margin-left:-20px; width:180px;}
.follow{ margin-left:-35px; width:190px;}
.follow img{ width:50%;}
.contact{ margin-left:-15px; float:right; }
.sublinks{float: right; margin-right:37px;}
.contact{ margin-top:-144px; float:right;}
.cont{font-size:13px;}
.cont1{ font-size:13px;}
.cont2{ font-size:13px;}
.link{margin-left:12px; width:130px;}

.containers{height:1960px;}
.rech{ float:none;}

.container33{ height:2000px;}
h2{ margin-top:35px;}
p{ width:72%;}
.serv{ width:40%;}
.serv1{ width:30%;}

.faq{ font-size:17px;}
.container333{ height:1860px;}

.container111{ height:1050px;}
.heding{ margin-top:70px;}
.container99{ height:1460px;}
.rows{ width:60%;}
.res22{  margin-left:-75px;margin-top:-420px;width: 40%;}

.container5{ height:1300px;}
.res1{ margin-right:0px; width:38%;}
.res2{ width:45%;}

.container6{ height:1160px;}
.container8{ height:845px;}
.container9{ height:1035px;}
.container321{ height:2100px;}
.container22{ height:1110px;}

.container10{ height:930px;}
.container11{ height:950px;}
.container77{ height:930px;}
.container44{ height:720px;}
.container101{ height:920px;}
.link2{ margin:0 5%;}
.contai{ height:1150px;}
h3{ margin-top:70px;}
.btn3{ width:35%;}
.btn4{ width:45%;}
.about{ margin-top:-50px;}
}




/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{overflow-x : hidden; }

.header{width:615px !important;}
.add{ margin-left: 240px !important;margin-top: -75px;}
.slider{background:#f8f8f8;}
.menu{ width:30%;}
.banner img{ margin-left: 185px;margin-top: -225px;width: 70%;}
.banner{width:100%;}	
.containerss{height:1090px;}
.content{ width:615px; float:left;}
.text{width:100%;}
.img{ margin-top:20px;}
.foot{ width:100%; height:100px;}
.fotr1{width:480px;}
.sublinks{margin-right:17px;}
.contact{ margin-left:0px;}
.menu ul li{ text-align:left;}
.containers{ height:1760px;}

.container33{ height:1830px;}

.container111{ height:1010px;}

.container99{ height:2130px;}
.res12{ float:none;}
.rows{  width:250px;}
.res22{ margin-top:0px; width:100%;}

.container4{ height:1060px;}

.container5{ height:1380px;}
.location{ padding-top:250px;}
.container6{ height:1300px !important;}
.container7{ height:880px;}
.container8{ height:950px;}
.heding{ margin-top:250px;}
.container9{ height:1155px;}

.container321{ height:1840px;}

.container22{ height:990px;}

.container10{ height:760px;}
.container11{ height:1010px;}
.container77{ height:900px;}
.container44{ height:765px;}
.container101{ height:885px;}
.link2{ margin:0 14%;}
.contai{ height:1300px;}
.container333{ height:1850px;}
.btn4{ width:71%;}
.btn3{ width:60%;}
} 

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen  and (max-width: 360px) {
body{overflow-x : hidden; }

.header{width: 360px !important;}
.add{margin-left:-115px !important; width:360px !important;}
.slider{ width:350px;}
.menu{ width:100%;}
.banner img{width:100%;}
.banner{width:100%;}	
.containerss{height:1455px;}
.content{ width:350px;}
.text{width:95%;}
.img{width:350px;}
.foot{ width:344px; height:100px;}
.fotr1{width:350px;}
.sublinks{margin-right:17px;}
.link{ margin-left:110px;}

.containers{height:2730px;}
.app{ width:95%;}
.qul{ width:95%;}
.rech{ width:95%;}

.container33{ height:3300px;}
p { width:95%;}
.serv1{ float:none;}

.container333{ height:3020px;}

.container111{ height:1450px;}

.container99{ height:2170px;}
.res12{ float:none;}
.rows{ width:265px;}
.res22{margin-top:0px;width:100%;} 
.heding{ margin-top:-40px;}	
.container4{ height:1400px;}

.container5{ height:2135px;}
.res1{ width:100%;}
.res2{ width:100%;}
.btn3{ width:32%;}
.container6{ height:1930px;}
.container7{ height:1240px;}
.container8{ height:1340px;}

.container9{ height:1650px;}

.container321{ height:3265px;}

.container22{ height:1775px;}
.container10{ height:1285px;}
.container11{ height:1510px;}
.container77{ height:1400px;}
.container44{ height:1150px;}
.container101{ height:1780px;}
.link2{ float:none; margin:0px;}

.contai{ height:1845px;}

}