@import url("font_face.css");


*{ outline:none;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline; font-weight:none;}

table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align: middle; font-weight:none;}

h1, h2, h3, h4, h5{
	font-weight:normal;
	margin:15px 0px;}
	
a {text-decoration: none; outline:none;}

div, span, p {
	-webkit-font-smoothing:antialiased;
}

.no_p_m{ padding:0; margin:0;}


div.demo{
	font-size: 18px;
	font-style:italic;
	font-family: 'AFBatterseaRegular';}

/*******************************************************************************************/


body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:url(../images/bg_pattern.jpg) repeat;	
	}

h2{	font-family: 'HelveticaNeueLTRegular';
	font-size:32px;
	text-transform:uppercase;
	}
	
.color_black{color:#000;}
.color_green{color:#7dae38;}
.color_white{color:#fff;}
.color_orange{color:#e78021;}
.color_gray{color:#7a7a7a;}

.f_l{ float:left;}
.f_r{ float: right;}	

.scrollup{
   width:40px;
   height:40px;
   border-radius:100%;
   -moz-border-radius:100%;
   -o-border-radius:100%;
   -webkit-border-radius:100%;
   position:fixed;
   bottom:56px;
   right:50px;
   display:none;
   text-indent:-9999px;
   background: url(../images/arrow.png) center no-repeat #b3823b;
   outline:none;}

.scrollup:hover{background: url(../images/arrow.png) center no-repeat #000;}

.wt_btn, .grn_btn, .orng_btn{
	width:75px;
	height:28px;
	background-position:0px 0px;	
	border:none;
	padding:2px 5px;
	font-family: 'HelveticaNeueLTRegular';
	text-align:center;
	-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			cursor:pointer; }
			
.wt_btn:hover, .grn_btn:hover, .orng_btn:hover{background-position:5px 0px;}

.grn_btn{background: url(../images/more_grn.jpg) left center no-repeat #83b340; color:#fff;}
.wt_btn{background: url(../images/more_wt.jpg) left center no-repeat #fff; color:#2e3364;}
.orng_btn{background: url(../images/more_orng.jpg) left center no-repeat #b3823b; color:#fff;}
	

	
/**************************************************************************/


.row_container{
	width:100%;
	height:auto;
	float:left;
	padding:0;
	margin:0;}
	
	
.center_container{
	width:98%;
	max-width:1180px;
	position:relative;
	display:block;
	margin:0 auto;
	clear:both;
	height:auto;
	}

.header{
	width:100%;
	height:125px;
	float:left;
	background:#fff;
	border-bottom:5px solid #83b340;
	z-index:99999;
	position:relative;}
	
.top_icon_text_container{
	width:100%;
	float:left;
	height:auto;
	margin-top:25px;
	margin-bottom:5px;}
	
.navigation{
	width:100%;
	height:auto;
	float:left;
	margin-top:5px;}
	
.banner{
	width:100%;
	height:425px;
	float:left;
	padding-bottom:2px;
	border-bottom:5px solid #2c3465;
	z-index:40;	
	overflow:hidden;}
	
.inner_banner{
	width:100%;
	height:350px;
	float:left;
	padding-bottom:2px;
	border-bottom:5px solid #83b340;
	z-index:40;
	overflow:hidden;}
	
.welcome_container{
	width:100%;
	height:auto;
	float:left;
	background:#fff;
	margin-top:-20px;
	z-index:999;
	position:relative;}
	
.inner_container{
	width:100%;
	height:auto;
	float:left;
	background:#fff;
	margin-top:-20px;
	margin-bottom:50px;
	z-index:999;
	position:relative;}
	

	
.green_container{
	background: url(../images/pattern.png) #2e3367 repeat;
	width:100%;
	padding:5%;
	margin:0;
	color:#fff;
	text-align:justify;}
	
.g_c_p1{font-family: 'HelveticaNeueLTRegular'; font-size:26px; line-height:35px; margin:15px 0px;}

.gallery_speciality_container{
	width:100%;
	padding:0;
	margin:30px 0;
	height:auto;
	float:left;
	background-position: right 80px;}
	
.speciality_container{
	width:90%;
	padding:10% 0% 10% 10%;
	height:auto;
	float:left;}
	
.speciality_container_box{
	width:100%;
	padding:5%;
	height:auto;
	float:left;
	background:#2e3364;
	border-radius:10px;}
	
.s_c_t{
	width:100%;
	height:auto;
	float:right;}
	
.s_c_t p{
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:16px;
	text-shadow:1px 2px 3px #000;
	padding-top:15px;
	margin-top:15px;
	border-top: 1px solid #7b797b;}
	
.s_c_t h3{
	font-family: 'HelveticaNeueLTRegular';
	color:#ec8423;
	text-shadow:1px 2px 3px #000;
	font-size:18px;
	margin-top:10px;}
	
.s_c_t p:hover{	color:#fff;	text-shadow:none;}
	
.s_c_t h3:hover{color:#fff;text-shadow:none;}
	
.bulb_icon, .promise_icon, .team_icon{
	width:90px;
	height:90px;
	float:left;
	background: #000;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-o-border-radius:100%;
	border:1px dotted #ec8423;
	overflow:hidden;
	-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.bulb_icon{ background:url(../images/bulb_icon.png) center no-repeat #000; }
.promise_icon{ background:url(../images/promise_icon.png) center no-repeat #000;}
.team_icon{ background:url(../images/profession_icon.png) center no-repeat #000;}

.bulb_icon:hover{ background:url(../images/bulb_icon.png) center no-repeat #ec8423; }
.promise_icon:hover{ background:url(../images/promise_icon.png) center no-repeat #ec8423;}
.team_icon:hover{ background:url(../images/profession_icon.png) center no-repeat #ec8423;}


.wt_pattern_container{
	width:100%;
	padding:0;
	margin:0;
	padding:50px 0px;
	height:auto;
	float:left;
	background:url(../images/div.png) left top repeat-x #fff;}
	
.news_container{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0px;}
	
.news_icon_container{
	width:98px;
	height:127px;
	background:url(../images/news_icon.png) center no-repeat;
	float:left;
	color:#fff;
	font-family: 'HelveticaNeueLTRegular';
	text-align:center;}
	
.news_icon_container p{	font-size:16px;	margin:10px 0px;}
	
.news_icon_container h3{margin:15px; font-size:35px;}

.news_content_container{
	width:100%;
	height:auto;
	float:left;
	margin-left:0;
	color:#6d6d6d;}
	
.news_content_container h3{
	font-family: 'HelveticaNeueLTRegular';
	color:#292527;
	font-size:18px;
	margin:0;}
	
.news_content_container p, .news_content_area p, .blog_area p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:10px 0px;
	text-align:justify;}
	
.news_content_area p, .blog_area p{ text-align:justify;}

.news_content_area h3, .blog_area h3{
	font-family: 'HelveticaNeueLTRegular';
	color:#dc5309;
	font-size:22px;
	margin:0;}
	
.news_content_area h4, .blog_area h4{
	font-family: 'HelveticaNeueLTRegular';
	color:#000;
	font-size:16px;
	margin:0;
	margin-bottom:20px;
	padding:2px 15px;
	background:#ccc;
	width:auto;
	float:left;}
	

	

	
.gray_patter_container{
	width:100%;
	padding:0;
	margin:0;
	padding:50px 0px;
	height:auto;
	float:left;
	background:url(../images/div.png) left top repeat-x #f2f2f2;}
	
.client_img{ width:auto; height:auto; float:left; margin:10px;}

.about_img { background:url(../images/about_img.jpg) center top no-repeat; width:100%; margin:0 auto; height:310px;}

.services_container_area{ 
    width:95%; 
	height:auto; 
	margin:0 auto; 
	padding:3% 0% ; 
	text-align:justify;
	}
	
.service_table_img{ width:240px; height:200px;}
.service_table_row{ width:28%; height:auto; float:left; vertical-align:middle;}
.service_table_row2{ width:70%; height:auto; float:left; vertical-align:middle;}
	
.product_container_area{ 
    width:100%; 
	height:auto; 
	margin:0 auto; 
	padding:3%; 
	text-align:justify;
	}
	
.services_block{ position:relative; margin:0 auto; display:block; width:95%; text-align:justify;
 }
 
.service_tab_hzntl_container{margin-top:50px; padding-top:50px; border-top:1px dashed #ccc; height:auto;}

.news_block{
	padding-bottom:35px;
	margin-bottom:35px;
	border-bottom:1px dashed #a3a2a0;}
	
.testimonials_container_area,.news_content_area, .blog_area{ 
    width:90%; 
	height:auto; 
	margin:0 auto; 
	padding:3% 5%; 
	}
	
.blog_area{ 
    width:95%; 
	height:auto; 
	margin:0 auto; 
	padding:3% 2.5%; 
	}
	
.testimonial_block, .news_block{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:35px;
	margin-bottom:35px;
	border-bottom:1px dashed #a3a2a0;}
	
.photo_frame{ 
    width:120px; 
	height:120px; 
	border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-webkit-border-radius:100%;
	overflow:hidden;
	float:left;
	padding:2px;
	border:2px solid #ccc;
	margin:0;
	margin-right:20px;}
	
	
.client_image_container{ width:100%; height:auto; float:left; margin:20px 0px;}
.client_image_container img{ border-bottom:1px dashed #ccc; padding-bottom:10px; margin:10px ;}	

.client_list{
	
	font-family: 'AFBatterseaRegular'!important; 
	font-weight: lighter !important;
	font-size:16px;
	color:#222;
	}
	
.client_list li{ margin-bottom:15px; padding-left:15px; border-left:1px solid #ccc;list-style-image: url(../images/client_icon.png); }
	
	
	
	
/**** form ****/
#field_section_container{
	height:auto;
	width:100%;
	float:left;
	margin-bottom:10px;}
	
#field_text_container{
	width:30%;
	margin-right:5%;
	height:auto;
	float:left;
	color:#626262;
	text-align:left;
	font-weight:normal;
	}
	
#field_box_container{
	width:50%;
	height:auto;
	float:left;}
	
	.field{
	color:#333;
	width:200px;
	padding:5px;
	height:30px;
	border:#D6D6D6 solid 1px;
	color:#333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius:3px; }
   
   .field_area{
	color:#333333;
	width:200px;
	padding:5px;
	height:60px;
	border:#D6D6D6 solid 1px;
	color:#333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius:3px; }
	
.footer{
	width:100%;
	padding:0;
	margin:0;
	padding:30px 0px;
	height:auto;
	float:left;
	background:#252427;
	font-size:14px;
	color:#fff;
	font-family: 'HelveticaNeueLTRegular';}
	
.footer a{
	font-size:14px;
	color:#fff;
	line-height:24px;}
	
.footer a:hover{ text-decoration:underline; color:#ec8423;}



.box {
	width:100%;
	height:auto;
	margin-bottom:40px;
	
}

.box_img_frame {
	width:100%;
	height:150px;
	position:relative;
	margin:0px auto;
	background:#fff;
	border:1px solid #dbdbda;
	overflow:hidden;
}



.box h4{ 
    text-align:center;	
	color:#fff;
	position:relative;
	width:100%;
	margin:0 auto;
	padding:10px;
	background:#db7309;
	}

.box a{ text-decoration:none;}
.box a:hover{ color:#ba0c0c; text-decoration:none;}

.shadow_box
{
  position: relative;
}
.shadow_box:before, .shadow_box:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:200px;
  background: #6a6a6a;
  -webkit-box-shadow: 0 15px 10px #6a6a6a;
  -moz-box-shadow: 0 15px 10px #6a6a6a;
  box-shadow: 0 15px 10px #6a6a6a;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow_box:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}








/**************************************************************************/	


.header{
	width:100%;
	height:125px;
	float:left;
	background:#fff;
	border-bottom:3px solid #2e3367;
	z-index:99999;
	position:relative;
	 -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  }
	
	
#buttons {
  padding-top: 10px;
  text-align: center;
  float:left;
  color: #fff;
}

/* start da css for da buttons */
.btn {
  border-radius: 5px;
  padding: 15px 35px;
  font-size:35px;
  letter-spacing:1px;
  text-decoration: none;
  text-transform:uppercase;
  margin:0 20px;
  color: #fff;
  position: relative;
  display: inline-block;
  font-family: 'HelveticaNeueLTRegular';
}

.btn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
  color: #fff;
}

.btn a {color: #fff;}
.btn a:hover {color: #fff;}

.red {
  background-color: #e74c3c;
  box-shadow: 0px 5px 0px 0px #CE3323;
  color: #fff;
}

.red:hover {
  background-color: #FF6656; color: #fff;
}

 .package_container_box{ width:100%; background:#f7dcc0; float:left; height:auto; padding:5%; color:#000; border-radius:5px;}

.package_table{ width:100%; background:rgba(61,102,3,.8); color:#fff; line-height:20px; border-radius:5px;}

.package_table td{ padding:8px; border-bottom:1px dashed rgba(225,225,225,.6); border-left:1px dashed rgba(225,225,225,.6);}

.package_table td:first-child{ padding:8px; border-bottom:1px dashed rgba(225,225,225,.6); border-left:none;}

.package_table th{ padding:10px 8px; background:rgba(0,0,0,.6); font-size:18px; font-weight:normal;}

.p_t_row_1{width:15%;}

.p_t_row_2{width:70%;}

#seo_table{ color:#313032;}
#seo_table a, #seo_table a:hover{ color:#3e3d3f; text-decoration:none;}

.get_an_estimate{ position:fixed; top:250px; right:0px; width:50px; overflow:hidden; z-index:99999999999999;}

@media screen and (max-width : 760px){
	.header{
	width:100%;
	height:auto;
	float:left;}
	
	.banner{
	width:100%;
	height:200px;
	float:left;
	border-bottom:none;}
	
	.inner_banner{
	width:100%;
	height:200px;
	float:left;}
	
	.welcome_container{
	width:100%;
	height:auto;
	float:left;
	background:#fff;
	margin-top:-50px;
	z-index:999;
	position:relative;}
	
	.s_c_t h3{ margin-top:-80px; margin-left:10px;}
	.s_c_t p{ margin-left:10px;}
	
.service_table_row{ width:100%; height:auto; float:left; margin-bottom:10px;}
.service_table_row2{ width:100%; height:auto; float:left;}
.service_table_row img{ width:240px; height:200px; position:relative; margin:0 auto;}
	
	}