@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300);
@import "compass/css3";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

ul li { list-style:none; outline:none;}
a{ text-decoration:none;}
p{ font-size:14px !important; line-height:22px; color:#262626; }

body               { background-color:#fff; margin:0; padding:0; font-family: 'Roboto Slab', serif !important; font-weight:400;}



section            { width:100%; float:left; padding:25px 0 0 0; }
.wrap            { width:100%; height:auto; margin:0 auto; }
.wrap h2{ text-align:center; font-size: 25px;  font-weight:400; color:#323232;}
.wrap h3{  font-size: 20px;  font-weight:400; color:#323232;}
h4{  font-weight:400; font-size:20px; }
p{ text-align:justify;}

/*font-family: "Open Sans";*/

.service-box{ width:98%; float:left; margin:1%;}


.service-details {
	/*width: 460px;*/
	height: 230px;	
	/*height: 230px;*/
	overflow: hidden;
	position: relative;
}

.service-details img {
	position: absolute;
	top: 0;
	left: 0;
	height: inherit;
	width: auto;
	height: 100%;
	float: left;
	transition: all 0.8s;
	-moz-transition: all 0.8s;

}

.service-details:hover img {
	/*opacity: 0.4 !important;*/
}

.service-details .service-hover-text h3 {
	padding: 0px;
	margin: 0px;
	font-size: 25px;
  font-weight:300;

}

.service-details .service-hover-text h4 {
	padding: 0px;
	padding-bottom: 13px;
	margin: 0px;
	font-size: 14px;
	line-height:10px;
  letter-spacing: 0px;
	width: 90%;
  text-transform:uppercase;
	border-bottom: thin solid #3b3b3b;
	margin-bottom:10px;
}

.service-details .service-hover-text p {
	padding-top: 0px;
	font-size: 14px;
	line-height: 20px;
	
}

.service-details a{
	padding: 5px 20px;
	color:#231f20;
	background-color:#ffcc00;
	font-size: 12px;
}

.service-details a:hover{
background-color:#fff;
  }


.service-details .service-hover-text{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 51%;
	padding: 3% 4%;
	background:rgba(255,255,255,0.85);
	color:#fff!important; 	
/*	display: none;*/
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.4s;
}

.service-details:hover .service-hover-text {
	display: block !important;
	color: #fff;; 	
	background:rgba(251,168,26,0.85);
	left: 0px;
	top: 0px;
}


.service-details .service-text {
	width: 50%;
	height: inherit;
	background: #fff;
	float: left;
	position: absolute;
	left: 50%;
}

.service-details .service-text p {
	padding:100px 0px 0px 20px;
	font-size: 24px;
	font-family: "Open Sans";
  font-weight:700;
	color: #fff;
}

.service-details .service-text p span {
	font-family: "Open Sans" !important;
}
.top{top:-50px!important; position: absolute;}
.service-details .service-text a , .service-white .service-text {
	padding: 0px 0px 0px 20px;
	font-size: 14px !important;
	color:#3b3b3b !important;
	font-family: "Open Sans" !important;
	text-decoration: none !important; 
}

.service-details .service-text {
	float: left;
} 

.service-white {
	background: #d3e745 !important;
	width: 0% !important;
	height: inherit !important;
}

.service-white p {
	color: #000 !important;
}


.footer-content p{ color:#FF9900; text-align:center;}
.footer{ width:100%; background-color:#000; float:left; height:auto;}


/***sllider**/

#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			width:100%;
		}
/***sllider**/

.mob-logo{ display:none; float:left; padding:0px 0; height:auto; }
.logo-wrp{ width: auto; height:auto; float:left; padding:10px 0;}
.logo1{ float:left; margin-right:5px;}
.logo2{ float:left; margin-top:10px; }
.more{padding-top:10px;font-family:Arial, Helvetica, sans-serif;}
.more a{ padding:10px 20px; background-color:#fba81a; color:#fff; font-style:italic;  font-weight:bold; font-size:14px;}
.more a:hover{  background-color:#231f20; color:#fba81a; text-decoration:none; }

.service1-wrap{ float:left;}
.service1-box{width:32.33%; margin:5px; float:left; height:auto; background:url(../images/bg-s.png); padding:10px;  border:solid thin #FFFFFF; text-align:center; color:#fff; }
.service1-box p{ color:#fff;}

.testimonials{width:100%; background-color:#fba81a; float:left; height:auto; padding:20px 0;}
.testimonials a{ color:#FFFFFF; text-decoration:none; }
.testimonials a:hover{ color:#000; text-decoration:none; }


.services-page{}
li{  padding:8px 0; padding-left:5px;}
ul li {
	list-style-image:url(../images/liststyle.jpg);
    outline: none;
	margin-left:-15px;
}

.form-control_syle{ width:48%; padding:10px; float:left; margin:3px;}
.form-control_comment-syle{ width:97%; padding:8px 15px; float:left; margin:3px; }
.btn-send{ width:auto; float:left; margin:3px ; padding:10px; background-color:#fba81a; color:#fff; font-style:italic; font-size:16px; border:0;}
.btn-send:hover{ background-color:#232323;}


.inner-banner{ background-color:#000; height:auto; padding:80px 0; background:url(../images/bg.png); background-attachment:fixed; background-position:center top;}

.inner-banner-about{ background-color:#000; height:auto; width:100%;}

.min-ht{min-height:400px;}
.botm{margin-bottom:10px;}