﻿/*
Theme Name: XJ HTML
Author: Website Design Company
Author URI: http://www.websitedesign.co.in
Description: XJ HTML is a responsive WordPress theme exclusively created by Website Design Company. This theme is based on Bootstrap CSS framework and using ResponsiveSlides third party jQuery plugin.
Version: 1.0
License: Website Design Company's License

This theme is licensed under Website Design Company's License.
Do not use it without valid permission.
*/

*{
	margin:0 auto;
	text-decoration:none !important;
	outline:none !important;
}

body{
	font-family:'Source Sans Pro', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:14px;
	color:#666;
	line-height:22px;
}

img{
	width:auto;
	max-width:100%;
	height:auto;
	border:0;
}

ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}

ol{
	list-style:decimal inside;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-weight:600;
	font-size:20px;
	color:#666;
	line-height:25px;
}

p{
	margin:0;
	padding:0;
}

blockquote{
	margin:0;
	padding:0;
	border:none;
}

a,
a:hover,
a:visited{
	color:#30a4d7;
}

.clearme{
	clear:both;
}

.rslides{
  	position:relative;
  	width:100%;
  	overflow:hidden;
}

.rslides li{
	display:none;
	position:absolute;
	top:0;
	left:0;
  	width:100%;
  	-webkit-backface-visibility:hidden;
}

.rslides li:first-child{
  	position:relative;
  	display:block;
  	float:left;
}

/* wraper_header */

.wraper_header{
	width:100%;
	height:auto;
	background:#fff;
}

.wraper_header > .container{
	padding-top:15px;
	padding-bottom:15px;
}

.header{
}

.header_left{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-size:0;
}

.logo{
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
}

.logo img{
	display:inline-block;
	vertical-align:top;
	width:auto;
}

.header_right{
	width:100%;
	height:auto;
	float:left;
	text-align:right;
	font-size:0;
}

.header_right .phone{
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
	min-height:60px;
	padding:0px 0px 0px 70px;
	background:url('../images/background/header-phone-icon.png') left center no-repeat;
	background-size:auto auto;
	text-align:left;
}

.header_right .phone h4{
	display:block;
	width:auto;
	height:auto;
	margin:0px 0px 3px 0px;
	font-family:'Lato', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:18px;
	color:#666;
	line-height:25px;
}

.header_right .phone h4 a{
	color:#30a4d7;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.header_right .phone h5{
	display:block;
	width:auto;
	height:auto;
	font-weight:600;
	font-size:30px;
	color:#65aa11;
	line-height:35px;
}

.header_right .phone h5 a{
	color:#65aa11;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

/* wraper_banner */

.wraper_banner{
	width:100%;
	height:auto;
	background:url('../images/background/banner-bg.jpg') center top no-repeat;
	background-size:cover;
}

.wraper_banner > .container{
	padding-top:230px;
	padding-bottom:20px;
}

.banner_text{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 120px 0px;
	text-align:center;
	font-size:0;
}

.banner_text .holder{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:800px;
	height:auto;
}

.banner_text .holder h1,
.banner_text .holder h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	padding:0px 0px 30px 0px;
	background:url('../images/background/banner-text-bg.png') center bottom no-repeat;
	background-size:auto auto;
	text-transform:uppercase;
	font-weight:600;
	font-size:70px;
	color:#fff;
	line-height:80px;
}

.banner_text .holder h2,
.banner_text .holder h4{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-weight:300;
	font-size:30px;
	color:#fff;
	line-height:40px;
}

.banner_form{
	width:100%;
	height:auto;
	float:left;
	padding:20px 30px 20px 30px;
	background:rgba(255,255,255,0.15);
	border:4px rgba(255,255,255,0.35) solid;
	border-radius:5px;
}

.banner_form_text{
	width:100%;
	height:auto;
	float:left;
	padding:30px 0px 0px 0px;
	text-align:left;
}

.banner_form_text h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-weight:300;
	font-size:40px;
	color:#fff;
	line-height:50px;
	text-shadow:1px 1px 0px #034a75;
}

.banner_form_text h3 span{
	display:block;
	text-transform:uppercase;
	font-weight:600;
}

.banner_form_main{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}

.banner_form_main .form-row{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 20px 0px;
}

.banner_form_main .form-row:last-child,
.banner_form_main .form-row.last{
	margin:0;
}

.banner_form_main .form-row input[type=text],
.banner_form_main .form-row input[type=email],
.banner_form_main .form-row input[type=tel],
.banner_form_main .form-row input[type=url],
.banner_form_main .form-row select,
.banner_form_main .form-row textarea{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:45px;
	padding:0px 12px 0px 12px;
	background:no-repeat #ecedee;
	/*background-position:right 10px center;*/
	background-position:97% 50%;
	border:none;
	border-radius:3px;
	font-family:'Source Sans Pro', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:16px;
	color:#888;
	line-height:25px;
	resize:none;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.banner_form_main .form-row input[type=text]{
	background-image:url('../images/background/banner-quote-name.png');
}

.banner_form_main .form-row input[type=email]{
	background-image:url('../images/background/banner-quote-email.png');
}

.banner_form_main .form-row input[type=tel]{
	background-image:url('../images/background/banner-quote-phone.png');
}

.banner_form_main .form-row input[type=text]:focus,
.banner_form_main .form-row input[type=email]:focus,
.banner_form_main .form-row input[type=tel]:focus{
	/*background-position:right -30px center;*/
	background-position:120% 50%;
}

.banner_form_main .form-row textarea{
	height:110px;
	padding:8px 12px 8px 12px;
	background-image:url('../images/background/banner-quote-message.png');
	/*background-position:right 10px top 10px;*/
	background-position:97% 10px;
}

.banner_form_main .form-row textarea:focus{
	/*background-position:right -30px top 10px;*/
	background-position:120% 10px;
}

.banner_form_main .form-row input[type=submit]{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:45px;
	padding:3px 15px 3px 15px;
	background:none;
	border:2px #cacaca solid;
	border-radius:3px;
	text-transform:uppercase;
	font-family:'Source Sans Pro', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:600;
	font-size:30px;
	color:#fff;
	line-height:30px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.banner_form_main .form-row input[type=submit]:hover{
	background:#cacaca;
	color:#666;
}

/* wraper_home_welcome */

.wraper_home_welcome{
	width:100%;
	height:auto;
	background:#fff;
}

.wraper_home_welcome > .container{
	padding-top:0;
	padding-bottom:0;
}

.home_welcome{
}

.home_welcome_left{
	width:100%;
	height:auto;
	float:left;
	padding:40px 0px 40px 0px;
	text-align:left;
}
.home_welcome_left_inner , .home_welcome_left_inner ul li{
	display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0px 0px 20px 0px;
    text-align: justify;
    font-family: 'Open Sans',Verdana,Geneva,Tahoma,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.home_welcome_left > *:last-child{
	margin-bottom:0 !important;
}

.home_welcome_left h1,
.home_welcome_left h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 15px 0px;
	text-transform:uppercase;
	font-family:'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:700;
	font-size:34px;
	color:#6da726;
	line-height:40px;
}

.home_welcome_left p{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	text-align:justify;
	font-family:'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:16px;
	color:#666;
	line-height:25px;
}

.home_welcome_right{
	width:100%;
	height:auto;
	float:left; margin:50px 0px 0px;
}
.home_welcome_left ul {
	padding-left: 30px !important;
}
.home_welcome_left ul li{
	list-style-type: disc;
	clear:both;
	display: block;
	padding: 3px 0px 3px 15px;  margin:0px;}
.home_welcome_right_title{
	width:100%;
	height:auto;
	float:left;
	padding:12px 20px 12px 20px;
	background:#6da726;
	text-align:center;
}

.home_welcome_right_title h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	text-transform:uppercase;
	font-weight:400;
	font-size:26px;
	color:#fff;
	line-height:30px;
}

.home_welcome_right_pic{
	width:100%;
	height:auto;
	float:left;
	padding:30px 30px 0px 30px;
	background:#f4eaea;
	text-align:center;
	font-size:0;
}

.home_welcome_right_pic img{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin:0px 0px 30px 0px;
}

.home_welcome_right_text{
	width:100%;
	height:auto;
	float:left;
	padding:30px 10px 30px 20px;
	background:#f4eaea;
	text-align:left;
}

.home_welcome_right_text > *:last-child{
	margin-bottom:0 !important;
}

.home_welcome_right_text ul{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 15px 0px;
}

.home_welcome_right_text ul li{
	width:100%;
	height:auto;
	min-height:17px;
	float:left;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 30px;
	background:url('../images/background/green-check-bullet.png') 0px 5px no-repeat;
	font-weight:600;
	font-size:16px;
	color:#555;
	line-height:25px;
	list-style:none;
}

.home_welcome_right_text ul li:first-child{
	margin:0px 0px 5px 0px;
}

.home_welcome_right_text ul li:last-child{
	margin:5px 0px 0px 0px;
}

/* wraper_home_who */

.wraper_home_who{
	width:100%;
	height:auto;
	background:#f5f5f5;
}

.wraper_home_who > .container{
	padding-top:60px;
	padding-bottom:30px;
}

.home_who_head{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 40px 0px;
	text-align:center;
}

.home_who_head h1,
.home_who_head h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	background:url('../images/background/home-who-title-bg.png') center center repeat-X;
	text-transform:uppercase;
	font-weight:600;
	font-size:40px;
	color:#6da726;
	line-height:50px;
}


.home_who_head h1 span,
.home_who_head h3 span{
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
	padding:0px 15px 0px 15px;
	background:#f5f5f5;
}

.home_who_body{
}

.home_who_body_item{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 30px 0px;
	text-align:center;
}

.home_who_body_item_pic{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 20px 0px;
}

.home_who_body_item_pic .holder{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
	padding:20px;
	background:none;
	border:2px #6da726 solid;
	border-radius:50%;
}

.home_who_body_item_pic .holder:before{
/*	position:absolute;
	top:-2px;
	right:-2px;
	bottom:-2px;
	left:-2px;
	z-index:0;
	content:" ";
	width:auto;
	height:auto;
	border:2px #6da726 solid;
	border-radius:50%;
	opacity:1;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out; */
}

.home_who_body_item:hover .home_who_body_item_pic .holder:before{
/*	top:-20px;
	right:-20px;
	bottom:-20px;
	left:-20px;
	opacity:0; */
}

.home_who_body_item_pic .holder img{
	width:100%;
	float:left;
}

.home_who_body_item_data{
	width:100%;
	height:auto;
	float:left;
	padding:0px 40px 0px 40px;
	text-align:center;
}

.home_who_body_item_data h4{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:600;
	font-size:22px;
	color:#333;
	line-height:30px;
}

.home_who_body_item_data p{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-weight:400;
	font-size:16px;
	color:#666;
	line-height:25px;
}

/* wraper_home_quote */

.wraper_home_quote{
	width:100%;
	height:auto;
	background:#46565c;
}

.wraper_home_quote > .container{
	padding-top:40px;
	padding-bottom:40px;
}

.home_who_head{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 40px 0px;
	text-align:center;
}

.home_quote{
}

.home_quote_text{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.home_quote_text h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-weight:300;
	font-size:30px;
	color:#fff;
	line-height:40px;
}

.home_quote_text h3 span{
	display:block;
	text-transform:uppercase;
	font-weight:600;
}

.home_quote_form{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.home_quote_form .form-row{
	width:100%;
	height:auto;
	float:left;
}

.home_quote_form .form-row label{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 7px 0px;
	font-family:'Source Sans Pro', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:18px;
	color:#e2f4ff;
	line-height:25px;
}

.home_quote_form .form-row input[type=text],
.home_quote_form .form-row input[type=email],
.home_quote_form .form-row input[type=tel],
.home_quote_form .form-row input[type=url],
.home_quote_form .form-row select,
.home_quote_form .form-row textarea{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:45px;
	padding:0px 12px 0px 12px;
	background:#edeeef;
	border:none;
	border-radius:3px;
	font-family:'Source Sans Pro', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:16px;
	color:#888;
	line-height:25px;
	resize:none;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.home_quote_form .form-row input[type=submit]{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:45px;
	margin:32px 0px 0px 0px;
	padding:3px 15px 3px 15px;
	background:none;
	border:2px #afafaf solid;
	border-radius:3px;
	text-transform:uppercase;
	font-family:'Source Sans Pro', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:600;
	font-size:24px;
	color:#fff;
	line-height:30px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.home_quote_form .form-row input[type=submit]:hover{
	background:#afafaf;
	color:#666;
}

/* wraper_home_testimonial */

.wraper_home_testimonial{
	width:100%;
	height:auto;
	background:url('../images/background/home-testimonial-pattern.png'), url('../images/background/home-testimony-bg.jpg') center top no-repeat;
	background-size:auto, cover;
}

.wraper_home_testimonial > .container{
	padding-top:60px;
	padding-bottom:60px;
}

.home_testimonial_head{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 40px 0px;
	text-align:center;
}

.home_testimonial_head h1,
.home_testimonial_head h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	text-transform:uppercase;
	font-weight:600;
	font-size:40px;
	color:#fff;
	line-height:50px;
}

.home_testimonial_body{
	width:100%;
	height:auto;
	float:left;
}

.home_testimonial_body_pic{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:0;
}

.home_testimonial_body_pic .holder{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
	border-radius:50%;
	overflow:hidden;
}

.home_testimonial_body_pic .holder:before{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0;
	content:" ";
	width:auto;
	height:auto;
	border:6px rgba(255,255,255,0.33) solid;
	border-radius:50%;
}

.home_testimonial_body_pic .holder img{
	width:100%;
	float:left;
}

.home_testimonial_body_text{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.home_testimonial_body_text blockquote{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	padding:5px 0px 0px 35px;
	background:url('../images/background/home-testimony-quote-start.png') 0px 0px no-repeat;
}

.home_testimonial_body_text blockquote p{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	font-family:'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:15px;
	color:#fff;
	line-height:23px;
}

.home_testimonial_body_text blockquote cite{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-family:'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:600;
	font-size:16px;
	color:#0baff6;
	line-height:25px;
	font-style:normal;
}

/* wraper_footer */

.wraper_footer{
	width:100%;
	height:auto;
	background:#141414;
}

.wraper_footer > .container{
	padding-top:15px;
	padding-bottom:15px;
}

.footer{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}

.footer p{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-weight:400;
	font-size:16px;
	color:#afafaf;
	line-height:25px;
}



div.wpcf7-validation-errors {
    border: 2px solid #ed3439;
   
    color: #fff;
}

.home_welcome_left_inner p { display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    text-align: justify;
    font-family: 'Open Sans',Verdana,Geneva,Tahoma,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #666; padding:5px 0px;
    line-height: 21px;} 
.home_welcome_left ul { margin:10px 0px 12px 0px;}	
.home_who_body_item_pic .holder { height:120px; width:120px; border-radius:100%; }
.home_who_body_item_pic .holder.who-we-are-icon1:before { background:url(../images/who-pic-1.png) center center no-repeat; transition: all 0.5s ease-in; }
.home_who_body_item_pic .holder.who-we-are-icon2:before { background:url(../images/who-pic-2.png) center center no-repeat; transition: all 0.5s ease-in;}
.home_who_body_item_pic .holder.who-we-are-icon3:before { background:url(../images/who-pic-3.png) center center no-repeat; transition: all 0.5s ease-in;}

.home_who_body_item_pic .holder.who-we-are-icon1:hover:before { background:#6da726 url(../images/who-pic-1-hover.png) center center no-repeat;transition: all 0.5s ease-in;}
.home_who_body_item_pic .holder.who-we-are-icon2:hover:before { background:#6da726 url(../images/who-pic-2-hover.png) center center no-repeat;transition: all 0.5s ease-in;}
.home_who_body_item_pic .holder.who-we-are-icon3:hover:before { background:#6da726 url(../images/who-pic-3-hover.png) center center no-repeat;transition: all 0.5s ease-in;}

.home_who_body_item_pic .holder {
/*	box-shadow: 0 0 0 4px #fff;*/
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s; position:relative;
}
.home_who_body_item_pic .holder:before { content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:9; border-radius:100%; } 
.home_who_body_item_pic .holder:after {
	top:0px;
	left: 0px;
	padding: 2px;
	z-index:1;
	background: #6da726;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	transition: transform 0.5s, opacity 0.3s; content:"";  position:absolute; width:100%; height:100%; border-radius:100%;
}
.home_who_body_item_pic .holder:after
 {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.home_who_body_item_pic .holder:hover:after
 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.home-testimony-quote-end { margin:0px 0px 0px 10px;}