* { 
  margin:0;
  padding:0;
  border:0;
  outline:0;}
  
*, *:before, *:after { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {height: 100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
font, small, strong, dl, dt, dd, ol, ul, li,
form, label, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit; 
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;}

.clearfix{ display:inline-block;}
 
html[xmlns] .clearfix{ display:block;}

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

a{ 
  transition:color 0.1s ease-in; 
  -moz-transition:color 0.1s ease-in; 
  -webkit-transition:color 0.1s ease-in;
  text-decoration:none;
  color:inherit;}
    
a:hover{ 
  text-decoration:none;
  color:#00cbff;}
  
input, textarea, select, button{ 
  font-family: 'Open Sans', sans-serif;}

ul{
  margin:0px; 
  padding:5px 0;}
  
ul li{ 
  list-style:none;
  line-height:22px;}

body{ 
  width:100%; 
  font-size:14px; 
  color:#3f3f3f;
  font-family: 'Open Sans', sans-serif;}
  
strong{ font-weight:700;}
  
/************reset css******************/
    
h1{ 
  font-size:60px; 
  color:#343433;
  text-transform:uppercase;
  font-weight:700;
  line-height:60px;}
  
h2{ 
  font-size:43px;
  line-height:56px; 
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
  padding:8px 0;}  
  
h3{ 
  font-size:24px; 
  font-weight:600;
  padding:5px 0;
  text-transform:uppercase;}
  
h4{ 
  font-size:18px; 
  color:#3f3f3f;
  font-weight:700;
  padding:5px 0;
  text-transform:uppercase;}
  
h5{ 
  font-size:16px; 
  font-weight:700;
  padding:5px 0;
  text-transform:uppercase;}

#page{ 
  max-width:100%;
  position:relative;}
  
.row{ 
  max-width:1100px;
  margin:0px auto;}
  
#topbar{ background:#343433;}

.topbar-bg{ 
  background:url(images/topbar-bg.png) no-repeat center top; 
  background-size:100% 100%;}
  
.topbar-in{ background:#343433;}

.topbar-login{ 
  padding:15px 0 12px 0;
  float:left;}

.topbar-login a{ 
  color:#a2a2a2;
  background:url(images/login-icon.png) no-repeat;
  display:inline-block;
  padding-left:25px;
  text-transform:uppercase;
  height:20px;}
  
.topbar-login a:hover{ 
  background-position:0 -21px;
  color:#fff;}
  
.topbar-right{ 
  float:right;
  font-size:20px;
  color:#525252;
  padding-right:5px;
  background:#f7d049;}  
  
.topbar-right img{ 
  vertical-align:middle;
  margin-right:10px;}
  
/***************header****************/
  
#header{ 
  background:#fff;
  box-shadow:0 6px 6px -6px rgba(1, 1, 1, 0.7);
  -webkit-box-shadow:0 6px 6px -6px rgba(1, 1, 1, 0.7);
  position:relative;
  z-index:2;}
  
.logo{ 
  float:left; 
  padding:21px 0 19px 0;}
  
#main-nav{ float:right;}

.nav{ padding:0;}

.nav li{ 
  display:inline-block;
  margin:0 0 0 15px;
  color:#605f5f; 
  font-size:16px; }

.nav li a{ 
  color:#605f5f; 
  display:block;
  padding:32px 1px 29px 1px;
  border-bottom:3px #ffffff solid;} 
  
.nav li a:hover, .nav li.current a{ border-bottom:3px #00a8ff solid;}

.alter-nav{ 
  padding:15px 0;
  display:none;}

.alter-nav select{
  border:1px #ddd solid;
  font-size:18px;
  font-weight:600;
  padding:10px;
  width:100%;
  color:#605f5f;}

/******************** Main *********************/
  
.heading { 
  display:inline-block; 
  text-align:left;
  padding:5px 0;}

.heading span{ 
  border-bottom:2px #3f3f3f solid; 
  display:inline-block;
  font-size:24px;
  color:#3498db;
  text-transform:uppercase;
  font-weight:700;}
  
.bg-lightgrey{ 
  background:#fafafa;
  padding:40px 0;}

.bg-blue{ 
  background:#3498db;
  padding:40px 0;}
  
.bg-white{ 
  background:#ffffff;
  padding:40px 0;}
  
.lead{ 
  font-size:18px;
  font-weight:600;
  font-style:italic;
  padding:5px 0;}

.common{ margin-left:-3%;}

.one-third{  
  float:left; 
  width:30.3%; 
  margin-left:3%;
  padding:10px 0; }
  
.one-fourth{  
  float:left; 
  width:22%; 
  margin-left:3%;
  padding:10px 0; }
  
.narrow-container{ 
  width:50%; 
  margin:0px auto;}
      
.sec-inner{ 
  text-align:center;
  color:#343434;} 
       
.sec-inner .lead{
  color:#343434;
  text-transform:uppercase;}
  
.textyellow{ color:#f7d049;}
  
/*******************Banner*******************/

#main-banner{ 
  position:relative; 
  z-index:1;
  padding:60px 0;
  background-size:cover;}

.home-banner{ 
  background:url(images/banner-img1.jpg) no-repeat;}

.main-banner-content{ 
  color:#fff;
  text-align:center;}

.main-banner-content .lead{ font-weight:400;}

.banner-content-halfwidth{
  float:left; 
  width:52%;
  position:relative;
  padding-right:20px;
  padding-top:40px;
  text-align:left;}

.banner-content-halfwidth .form-arrow{ display:block;}

.form-arrow{ 
  display:none; 
  text-align:right;
  margin-right:-40px;
  position:relative;
  z-index:5;
  margin-top:8px; }
  
.main-banner-form{ margin-top:25px;}
  
.banner-form-halfwidth{ 
  width:48%;
  float:right;
  margin-top:0;}
    
.banner-form-halfwidth .form-head{ 
  text-align:center;
  margin-left:0;}

.form-head{ 
  position:relative;
  z-index:1;
  margin-left:25px;}

.form-head span{
  background:#f7d049; 
  padding:10px 20px;
  display:inline-block;
  font-size:28px;
  font-weight:700;
  text-transform:uppercase;
  color:#282828;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  box-shadow:0 0 5px rgba(1, 1, 1, 0.7);
  -webkit-box-shadow:0 0 5px rgba(1, 1, 1, 0.7); }
  
.form-content{  
  background:#fff; 
  padding:20px;
  position:relative;
  z-index:2;
  box-shadow:0 0 5px rgba(1, 1, 1, 0.7);
  -webkit-box-shadow:0 0 5px rgba(1, 1, 1, 0.7);
  border-radius:5px;
  -webkit-border-radius:5px;}
  
.field-main{ margin-left:-2%;}
  
.field-half{ 
  margin-left:2%; 
  width:48%; 
  float:left;}
  
.field-group{ 
  padding:0 0 10px 0;
  display:block;}
  
.field-lbl{ 
  color:#393939;
  display:block;
  font-size:14px;
  padding:0 0 5px 0;}
  
.field{ 
  background:#f9f9f9;
  padding:14px;
  border:1px #dddddd solid;
  border-radius:5px;
  -webkit-border-radius:5px;
  width:100%;
  margin-bottom:5px;
  font-size:14px;
  color:#828282;
  box-shadow:0 4px 5px -3px rgba(1, 1, 1, 0.1) inset;}
  
.button{ 
  background:url(images/button-bg.png) repeat-x;
  font-size:26px;
  font-weight:700;
  border-radius:5px;
  -webkit-border-radius:5px;
  display:block;
  width:100%;
  padding:10px 15px;
  color:#fff;
  text-transform:uppercase;
  max-width:450px;
  margin:10px auto;
  cursor:pointer;
  text-shadow:1px 0 1px rgba(1, 1, 1, 0.3);}
  
.button:hover{ background-position:0 100%;}

.field-main .form-button{ max-width:100%; margin-bottom:0; margin-top:15px;}

.field-main .field-group{ padding-bottom:5px;}

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

.tb-features{ 
  color:#3f3f3f;
  background:transparent;
  padding:30px 20px;
  text-align:center;
  transition: all 0.5s ease;}

.tb-features p{ padding:6px 0;}

.icon-tb-feature {
  display: block;
  position: relative;
  max-width:140px;
  width:100%;
  margin:0px auto;
  height:140px;
  margin-bottom:10px; }
  
.icon-tb-feature img{
  left: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out 0s;}
  
.tb-features:hover .icon-tb-main{ opacity:0;}

.features-readmore{ 
  border:1px #3f3f3f solid;
  padding:8px 30px;
  color:#3f3f3f;
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  display:inline-block;
  margin-top:10px;
  border-radius:5px;
  -webkit-border-radius:5px;}

.tb-features:hover{ 
  color:#fff;
  cursor:pointer;}

.tb-feature-home:hover{ background:#3498db;}

.tb-feature-location:hover{ background:#93d513;}

.tb-feature-key:hover{ background:#ffd800;}

.tb-feature-tool:hover{ background:#f28125;}
  
.tb-features:hover .features-readmore{ 
  border:1px #fff solid;
  color:#fff;}
    
/***************Services****************/
      
.sec-services p{ color:#707070;}
  
.services-item-main{ 
  padding:10px 0;
  text-align:left;}
  
.services-item-common{ margin-left:-2%; text-align:center;}

.services-item{
  display:inline-block;
  vertical-align:top;
  margin-left:2%;
  margin-bottom:20px;
  margin-top:20px;
  width:31%;
  float:none;
  vertical-align:top;} 
  
.service-item-content{ 
  display:block; 
  width:100%;
  text-align:center;
  vertical-align:top;
  margin-bottom:20px;
  margin-top:20px;}  
  
.service-item-content p{ 
  padding-top:0!important; 
  font-size:16px;
  line-height:24px;}
  
.service-item-img{
  overflow:hidden;
  display:block;
  border-radius:5px;
  -webkit-border-radius:5px;}
  
.services-item img{
  transition:all 1s ease 0s;}
  
.services-item a:hover img{ 
  transform:scale(1.2);}

.services-item img{ vertical-align:bottom;}
  
.services-item h3{ 
  background:#3498db; 
  border-radius:3px;
  -webkit-border-radius:3px;
  font-weight:400;
  color:#fff;
  padding:10px 0;
  max-width:265px;
  margin:0px auto;
  margin-top:-20px;
  position:relative;
  text-align:center;}  

/***************wemake****************/
  
.wemake-item-main{ padding-top:10px;}
  
.wemake-item{ padding:10px 35px;}
  
/***************home-testimonial****************/
  
.home-testimonial-content{ 
  width:70%; 
  margin:0px auto;
  text-align:center;
  color:#fff;}
  
.home-testimonial-author{ 
  padding:5px 0;
  font-size:18px;
  font-weight:600;}

.author-img img{ 
  vertical-align:middle;
  margin-right:15px;}
  
.home-testimonial-bullets li{
  display:inline-block;
  margin:0 1px; }
  
.home-testimonial-bullets li a{ 
  width:10px; 
  background:#ffd800;
  border-radius:30px;
  -webkit-border-radius:30px;
  display:block;
  height:10px;}
  
.home-testimonial-bullets li a:hover, .home-testimonial-bullets li.current a{ background:#fff;}

/************* Wrapper ***************/
  
#wrapper{ 
  position:relative; 
  z-index:1;
  background:#f7f7f7;
  padding:40px 0;}  
  
#wrapper p{ padding:8px 0;}
  
#wrapper p.lead{ padding:5px 0;}
  
.project-listing{ padding-top:10px;}
  
.project-list-item{ 
  background:#fff; 
  border:1px #e5e5e5 solid;
  margin:0 0 18px 0;
  padding:18px 20px;}
  
.project-img{ 
  float:left; 
  width:40%; 
  margin-right:2%;}
  
.project-main-img{ 
  display:block;
  margin-top:5px; 
  margin-bottom:8px;}

.project-thumbs{ 
  margin-left:-1%;
  display:block;}

.project-thumbs a{ 
  margin-left:1%;
  padding:5px 0;
  width:23.1%;
  display:inline-block;}

.project-thumbs a:hover img{ opacity:0.8;}
  
.project-content{ 
  float:left; 
  width:58%;}
  
.project-title{ 
  font-size:30px; 
  font-weight:700;
  color:#00a8ff;
  padding-top:0;
  padding-bottom:10px;
  margin-top:-5px;}
  
.project-meta{ 
 font-size:18px;
 padding-bottom:5px}
  
.project-meta span{ 
  display:block;
  padding:4px 0;}
  
#wrapper .project-content p{ padding:5px 0;}
  
.project-content p span.client{ 
  color:#3498db;
  text-transform:uppercase;
  font-weight:600;}
  
.about{ padding-top:25px;}

.alignright{ 
  float:right;
  margin-left:20px;
  margin-bottom:20px;}
  
#wrapper.thankyoupage{ 
  background:#00a8ff;
  padding:7% 0;}
  
.thankyoupage, .thankyoupage h1, .thankyoupage .sec-inner .lead{ color:#fff;} 

.thankyou-content{ 
  max-width:900px; 
  margin:0px auto; 
  text-align:center;
  padding:25px 0;}
  
.thankyou-content p{ font-size:16px;} 
  
.list-check li{ 
  background:url(images/check-icon.png) no-repeat left center;
  padding-left:25px;
  font-size:18px;
  padding:6px 0 6px 25px;} 
    
.list-check2{ padding:15px 0;}
   
.list-check2 li{ 
  background:url(images/check-icon2.png) no-repeat left center;
  padding-left:25px;
  font-size:18px;
  padding:6px 0 6px 25px;}
  
.service-banner-bathroom{ background:url(images/banner-bathroom.jpg) no-repeat;}
.service-banner-building{ background:url(images/banner-building.jpg) no-repeat;}
.service-banner-kitchen{ background:url(images/banner-kitchen.jpg) no-repeat;}
.service-banner-extensions{ background:url(images/banner-extension.jpg) no-repeat;}
.service-banner-building-plan{ background:url(images/banner-bplan.jpg) no-repeat;}
.service-banner-log-burning{ background:url(images/banner-logburning.jpg) no-repeat;}
.services-plumbing-heat{ background:url(images/services-plumbing-heat.jpg) no-repeat;}
.service-roofing{ background:url(images/services-roofing.png) no-repeat;}
.service-sa{ background:url(images/banner-sa.jpg) no-repeat;}
.service-banner-door{ background:url(images/banner-door.jpg) no-repeat;}
.service-banner-digger{ background:url(images/banner-digger.jpg) no-repeat;}
.service-banner .banner-content-halfwidth{ padding-top:0;}


.service-banner .banner-content-halfwidth h2{ 
  padding-top:0;
  margin-top:-10px;}
  
.banner-content-halfwidth h2 span{ font-size:40px;}
  
.service-main{ 
  padding:15px 0;
  margin-left:-2%;}
  
.services-content{ 
  float:left; 
  width:48%;
  margin-left:2%;
  padding:10px 0;
  color:#686868;}  
    
.services-image{ 
  float:left; 
  width:48%;
  margin-left:2%;
  padding:10px 0;}  
  
.services-content h3{ 
  color:#3498db;
  font-size:26px;
  font-weight:700;
  padding-bottom:10px;}
    
.services-content p{ font-size:18px;}

.highlight{ 
  color:#d8a802; 
  font-weight:600;}
  
.calltoaction{ 
  position:relative;
  max-width:860px;
  margin:10px auto;  }
  
.bigbutton{ 
  font-size:36px;
  max-width:600px;
  margin:15px auto;
  width:100%;}
  
.left-arrow{ 
  position:absolute;
  left:0;
  top:-50%;}
  
.right-arrow{ 
  position:absolute;
  right:0;
  top:-50%;}
  
.summary{ 
  padding:5% 0;}

.summary-inner{ 
  width:90%; 
  margin:0px auto;
  font-size:30px;
  color:#f7d049;
  line-height:38px;
  text-align:center;
  font-weight:700;
  font-style:italic;
  padding:15px 0;}
  
.summary-bathroom{ 
  background:url(images/bottom-bg-img1.jpg) no-repeat;
  background-size:cover;}
.summary-building{ 
  background:url(images/bottom-bg-img2.jpg) no-repeat;
  background-size:cover;}
  
.summary-bplan{ 
  background:url(images/summary-bplan.png) no-repeat;
  background-size:cover;}
.summary-burning{ 
  background:url(images/summary-burning.png) no-repeat;
  background-size:cover;}
.summary-ph{ 
  background:url(images/summary-ph.png) no-repeat;
  background-size:cover;}
.summary-roofing{ 
  background:url(images/summary-roofing.png) no-repeat;
  background-size:cover;}
.summary-door{ 
  background:url(images/summary-door.jpg) no-repeat;
  background-size:cover;}
.summary-kitchen{ 
  background:url(images/bottom-bg-img3.jpg) no-repeat;
  background-size:cover;}
.summary-kitchensonly{ 
  background:url(images/bottom-bg-img5.jpg) no-repeat;
  background-size:cover;}
  
.summary-extensions{ 
  background:url(images/bottom-bg-img4.jpg) no-repeat;
  background-size:cover;}
  
.contact-banner{  
  background:url(images/banner-contact.jpg) no-repeat;
  background-size:cover;}
    
.services-banner{  
  background:url(images/banner-services.jpg) no-repeat;
  background-size:cover;}
    
.inner-banner-content{
  padding:3% 0;}
  
.contact-main{ padding:15px 0;}

.contact-title{ 
  font-size:30px; 
  color:#383838;
  font-weight:600;
  padding-bottom:15px;
  text-transform:uppercase;}
  
.contact-form{ 
  float:left; 
  width:46%;
  padding:15px 0;} 

.formcontact{ padding:8px 0;} 
  
.contact-form .button{ 
  max-width:inherit;
  padding:14px 15px;
  border-radius:8px;
  -webkit-border-radius:8px;}
  
textarea{ resize:vertical;}
  
.formcontact textarea{ min-height:220px;}
  
.formcontact .field{ 
  color:#959595; 
  font-size:26px;
  font-weight:300;
  font-style:italic;
  padding:10px 14px;
  border-radius:8px;
  -webkit-border-radius:8px;
  margin-bottom:10px;}
  
.contact-detail{ 
  width:40%;
  float:left; 
  padding:15px 0;
  margin-left:8%;}
  
.office-name{ 
  font-size:36px; 
  color:#00a8ff;
  font-weight:600;
  padding-bottom:10px;
  display:block;}
  
.contact-info strong{ 
  font-size:24px; 
  color:#545454;
  font-weight:600;}
  
.contact-info { 
  font-size:20px; 
  color:#545454;
  font-weight:600;
  padding:4px 0;
  display:block;}
  
.social-connect{ padding:20px 0;}
  
.social-connect a{ margin-right:4px;}
  
.social-connect a:hover img{ opacity:0.8;}


/************** Footer ***************/

#footer{ 
  background:#343433;
  padding:20px 0;}
  
.foot-nav{ 
  padding:2px 0;
  float:left;}
  
.foot-nav li{ 
  display:inline-block;
  line-height:15px;
  padding-right:8px;
  margin-right:5px;
  border-right:2px #929292 solid;}

.foot-nav li a{ 
  color:#929292; 
  font-size:14px;}

.foot-nav li a:hover{ color:#fff;}
  
.foot-nav li:last-child{ border:none;}
  
.copyright{
  color:#929292; 
  font-size:14px;
  float:right;
  padding:2px 0;}
  
#ajaxStatus {font-size:14px; font-weight:bold; color:#360;}