@charset "utf-8";
/* CSS Document */
*{
		padding:0;
		margin:0;
		font-size:16px;
		
	}
body{
		padding:0;
		margin:0;
		background:url(../images/bodybg.jpg) repeat;
	}
.background{
		width:100%;
		z-index:-1;
		position:absolute;
	}
.background img{
		width:100%;
	}
.backhead{
		z-index:1;
		width:100%;
		position:absolute;
		height:90px;
		background:url(../images/headerbg.jpg) repeat-x;
	}
h1,h2,h3,h4{
		font-family:Arial, Helvetica, sans-serif;
		color:#393;
		font-weight:600;
	}
a{text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
	}
.clearfix{
		clear:both;
	}
.wrapper{
		width:80%;
		height:auto;
		position:relative;
		margin:0px auto;
		min-height:300px;
		z-index:2;
/*		background:#ccc;
*/	}
.header{
		width:100%;
		height:90px;
		background:url(../images/headerbg.jpg) repeat-x;
	}
.headerLeft{
		width:50%;
		float:left;
		height:100%;
	}
.headerLeft img{
		width:50%;
		height:100%;
	}
.headerRight{
		width:50%;
		float:left;
		height:100%;
	}
.facebook{
	background: url(http://error404.000webhost.com/?) no-repeat -77px -7px;
	display: block;
	height: 55px;
	width: 52px;
	}
.container{
		width:100%;
		height:auto;
	}
.section{
		width:99%;
		padding:1%;
		height:auto;
	}
.social{
		width:100%;
		height:40px;
		/*background:#ccc;*/
	}
.menu{
		width:80%;
		margin-left:20%;
		height:20px;
	}
ul.nav{
		width:100%;
	}
ul.nav li{
		width:28%;
		margin:2%;
		float:left;
		list-style-type:none;
		text-align:left;
		color:#fff;

	}
ul.nav li a{
		color:#fff;
		font-weight:300;
		text-transform:uppercase;
	}
ul.nav li a:hover{color:#c9eb3f;}
.selected{color:#c9eb3f;}
.slider{
		width:100%;
		height:350px;
		background:#000;
		box-shadow:0px 10px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.5);
		-moz-box-shadow:0px 10px 10px rgba(0,0,0,0.5);
		-ms-box-shadow:0px 10px 10px rgba(0,0,0,0.5);
		-o-box-shadow:0px 10px 10px rgba(0,0,0,0.5);
	}
.caption{
		width:30%;
		height:100%;
		float:left;
		background:radial-gradient(#dead12,#e6c01d);
		-webkit-background:radial-gradient(#dead12,#e6c01d);
		-moz-background:radial-gradient(#dead12,#e6c01d);
		-ms-background:radial-gradient(#dead12,#e6c01d);
		-o-background:radial-gradient(#dead12,#e6c01d);
	}
.caption p{
		color:#f7f6f3;
		width:80%;
		margin:100px auto;
		font-size:1.5em;
		text-transform:uppercase;
		font-weight:600;
		text-align:center;
	}
.slide{
		width:70%;
		height:100%;
		float:left;
	}
.serv{
		width:100%;
		height:200px;
		margin-top:1%;
		
	}
.capt1{
		width:30%;
		height:100%;
		float:left;
		background:rgba(0,0,0,0.7);
		box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-moz-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-ms-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-o-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
}
.capt1 p{
		color:#fff;
		font-size:1.5em;
		text-transform:uppercase;
		text-align:center;
		padding:17% 0px 0px 0px;
		font-weight:300;
	}
.capt2{
		width:68%;
		height:100%;
		float:left;
		margin-left:2%;
		background:rgba(0,0,0,0.7);
		box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-moz-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-ms-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
		-o-box-shadow:0px 10px 10px rgba(0,0,0,0.4);
}
.left{
		width:60%;
		height:98%;
		padding:2%;
		float:left;
	}
.left img{width:100%; height:89%;}
.capt2 .right{
		width:28%;
		padding:2%;
		height:80%;
		float:left;
	}
.capt2 .right .btn{
		width:30%;
		height:50%;
	}
.capt2 .right p{
		color:#fff;
		font-size:1.5em;
		text-transform:uppercase;
		text-align:center;
		padding:17% 0px 0px 0px;
		font-weight:300;
	}
.right .btn a{
		display:block;
		height:30px;
	}
span{color:#F30;}
.btn{
		width:17%;
		height:15px;
		margin:0px auto;
		padding:1%;
	}
.btn p a{
		width:100%;
		height:15px;
		padding:1%;
		color:#fff;
		border:1px solid #fff;
		font-size:15px;
		font-weight:300;
		text-transform:uppercase;
		transition:all0.4s;
	}
.btn p a:hover{
		border:none;
	}
.main{
		width:100%;
		height:auto;
		background:#fff;
		box-shadow:-8px 0px 8px rgba(0,0,0,0.5);
		float:left;
	}
.main p{
		font-size:16px;
		color:#030;
		font-family:candara;
	}
.col-half{
		width:50%;
		float:left;
		height:auto;
	}
.col-half span{color:#090;}
.col-half h4{font-family:candara;}
.col-half a{
		text-decoration:none;
		font-size:16px;
		color:#030;
		font-family:candara;
	}
.col-half a:hover{color:#FC3;}
.footer{
		width:100%;
		height:auto;
		float:left;
		background:#dfd29d;
	}
.footer p{
		font-size:14px;
	}
/*====services===*/
.service{
		width:95%;
		margin:0px auto;
		height:300px;
		background:url(../images/aboutus.jpg) no-repeat;
		position:relative;
	}
.branch{
		width:70%;
		height:auto;
		margin-left:10%;
	}
.overlay1{
		width:40%;
		height:80px;
		margin-top:30px;
		padding:5%;
		background:rgba(0,0,0,0.8);
		margin:0px auto;
	}
.overlay1 h3{
		color:#fff;
		font-size:1.5em;
	}
.overlay1 p{
		color:#FC0;
		width:100%;
		font-size:1.2em;
		text-align:center;
	}
.overlay1 ul li{list-style-type:none;}

/**=======================BANNER==============/
/* jssor slider bullet navigator skin 21 css */
            /*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
            .jssorb21 {
                position: absolute;
            }
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                position: absolute;
                /* size of bullet elment */
                width: 19px;
                height: 19px;
                text-align: center;
                line-height: 19px;
                color: white;
                font-size: 12px;
                background: url(../images/b21.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
			
 /* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l                  (normal)
            .jssora21r                  (normal)
            .jssora21l:hover            (normal mouseover)
            .jssora21r:hover            (normal mouseover)
            .jssora21l.jssora21ldn      (mousedown)
            .jssora21r.jssora21rdn      (mousedown)
            */
            .jssora21l, .jssora21r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background:url(../images/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21l.jssora21ldn { background-position: -243px -33px; }
            .jssora21r.jssora21rdn { background-position: -303px -33px; }
			
.contact{
		width:98%;
		padding:1%;
		margin-bottom:5%;
	}
.contact .name{
		width:40%;
		float:left;
		padding:2%;
		margin:1%;
	}
.contact .msg{
		width:90%;
		float:left;
		min-height:100px;
		margin:1%;
	}
.submit{
		width:45%;
		background:#060;
		border:none;
		padding:2% 0 2% 0;
		text-align:center;
		color:#fff;
		cursor:pointer;
	}
.submit:hover{
		color:#F03;
	}