body {
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#000000;
	line-height:20px;
	}
	
.wrapper {
	width:100%;
	margin:auto;
	}
	
.container {
	width:100%;
	margin:auto;
    max-width:1000px;
	}
.header {
    width:100%;
    max-width:1100px;
    padding-top:20px;
    margin:auto;
    }	

img {
	vertical-align:top;
	border:0px;
	}
.logo {
    float:left;
    margin-bottom:10px;
    }

.phone {
    font-size:17px;
    color:#393939;
    font-weight:600;
    padding-left:26px;
    float:right;
    background:url(../images/phone_icon.jpg)left no-repeat;
    margin-top:20px;
    }
/*
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
   */


input:focus {
    outline:none;
    }


.nav {
   width:100%;
   z-index:100;
   background-color:#eee9e6;
   padding:20px 0;
    }
.nav ul {
    padding:0px;
    margin:0px;
    text-align:center;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    }
.nav ul li {
   list-style:none;
   display:inline;
   position:relative;
   margin:0 15px;
    }
.nav ul li a {
    font-size:16px;
    text-transform:uppercase;
    line-height:50px;
    padding:0 20px;
    display:inline-block;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    }
.nav ul li:hover a, .nav ul li.current a{
    background-color:#2f9eba;
    color:#fff;
    }
    

        
/******  Drop menu  css ********/

 .nav ul ul{ 
	position:absolute; 
	width:145px;
	top:-99999px;
	left:0;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	z-index:497; 
	background-color:#fff;
	border:solid 1px #d9d9d9
	
}

.nav ul ul li {
	padding:0px;
	line-height:56px;
	font-size:12px;
	width:100%;
	float:left;
	border-left:none;
	margin-left:0px;
	background:url(../images/dot_line.jpg) bottom repeat-x
	}

.nav ul ul li a {
	color:#58585a !important;
	font-size:12px;
	width:100%;
	padding:0 10px;
	line-height:42px;
	text-align:left;
	float:left;
	text-transform:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.nav ul ul li:hover a{
	color:#e1001a !important;
	}

.nav ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	background-color:transparent;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	
	
}


.nav ul li:hover>ul { opacity: 1; position:absolute; top:34px; left:0px; }
.nav ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;  }   
 
/********  Drop menu css closed ***********/ 


.banner {
    width:100%;
    position:relative;
    margin:0px 0 35px 0;
    }
.banner img {
    width:100%
    }
.banner .wrapper {
    position:absolute;
    left:0px;
    top:0px;
    z-index:101
    }
.banner_content {
    width:100%;
    max-width:636px;
    margin:15% auto auto auto;
    line-height:27px;
    font-size:20px;
    color:#fff;
    font-weight:300;
    background:rgba(47, 158, 186, 0.7);
    padding:20px 0%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-align:center;
    }
.banner_content h2 {
    color:#fff;
    font-size:40px;
    line-height:60px;
    margin:0 0 15px 0;
    font-weight:400;
    }
.banner_content p{
    margin:0;
    }
    
.owl-item.active .banner_content {
    -webkit-animation-name: content;
    -webkit-animation-duration: 800ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    }
   
@-webkit-keyframes content { 
        from { 
            margin-top:10%;
            opacity:0
        } to { 
             margin-top:15%;
            opacity:1
        }
}
    
.white_block {
    background-color:#fff;
    padding:50px 30px 30px 30px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin-top:-43%;
    z-index:101;
    position:relative;
    display:inline-block;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    }
    
.estimate_button {
    line-height:44px;
    color:#fff;
    font-size:29px;
    font-weight:600;
    padding:0 24px;
    text-decoration:none;
    margin-top:-104px;
    float:right;
    background-color:#126b81;
    text-transform:uppercase;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:101;
	position:relative;
    }

 
    
.estimate_button:hover {
    background-color:#ff5400;
    } 

.home_services {
    width:100%;
    float:left;
    }
.home_services ul {
    padding:0px;
    margin:0px;
    }
.home_services ul li {
    width:23.4%;
    float:left;
    margin-left:20px;
    position:relative;
    list-style:none;
    }
.home_services ul li img {
    width:100%;
    }
.home_services ul li:first-child {
    margin-left:0px;
    }
.home_service_content {
    width:100%;
    height:84px;
    color:#fff;
    font-size:11px;
    line-height:14px;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color:rgba(0, 0, 0, 0.7);
    position:absolute;
    bottom:0px;
   
    }
.home_service_content  h2 {
    text-transform:uppercase;
    line-height:24px;
    color:#2f9eba;
    font-size:22px;
    font-weight:400;
    margin:0 0 7px 0
    }
.home_service_content p {
    margin:0px;
    }
.home_articles {
    width:100%;
    float:left;
    margin:60px 0 24px 0;
    }
.article {
    width:48.93%;
    float:left;
    position:relative;
    overflow:hidden;
    /*height:320px;*/
    }
.article img {
    width:100%;
    }
.article_content {
    width:100%;
    padding:20px;
    font-size:13px;
    color:#070707;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color:rgba(255, 255, 255, 0.7);
    position:absolute;
    bottom:-320px;
     -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    }
    
.article_content h2 {
    font-size:26px;
    color:#070707;
    font-weight:400;
    margin:0 0 12px 0;
    }
.article_desc {
    width:100%;
    height:120px;
    overflow:hidden;
    }
.viewmore_but {
    line-height:36px;
    padding:0 40px;
    color:#fff;
    float:right;
    text-decoration:none;
    text-transform:uppercase;
    font-size:17px;
    background-color:#2f9eba;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    }
.viewmore_but:hover {
    background-color:#ff5400;
    }
    
.article:hover .article_content {
    bottom:0px;
    top:inherit
    }
.article:last-child {
    float:right;
    }
.testimonial_block {
    width:100%;
    float:left;
    }
.testimonial_title {
    line-height:28px;
    font-size:17px;
    color:#fff;
    text-transform:uppercase;
    padding:0 150px 0 20px;
    background:url(../images/title_rt.jpg) right no-repeat #2f9eba;
    float:left;
    }
#testimonials {
    width:100%;
    float:left;
    border:solid 1px #e4e2e2
    }
.testimonials {
    width:100%;
    padding:20px 7%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin-top:-1px;
    float:left;
    border:solid 1px #e4e2e2
    }
.testimony {
    width:75%;
    float:left;
    font-size:17px;
    color:#333;
    }    
.testi_name {
    text-align:right;
    float:right;
    font-weight:600;
    }
.testi_name i {
    font-weight:300;
    }
.testi_pic {
    width:105px;
    height:105px;
    float:right;
    border-radius:100%;
    background-color:#ccc;
    }
.testi_pic img {
    border-radius:100%;
    }
.footer {
    width:100%;
    background-color:#d4d4d4;
    padding:25px 0
    }
.copyright {
    width:100%;
    text-align:center
    }

.completedjobs {
    width:100%;
    float:left;
    margin:40px 0 20px 0;
    }
.completedjobs ul {
    padding:0px;
    margin:0px;
    }
.completedjobs ul li {
    list-style:none;
    width:33.33%;
    padding:0 30px;
    float:left;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    }
.completed_pic {
    width:100%;
    float:left;
    margin-bottom:20px;
    }
.completed_pic img {
    width:100%;
    }
    
.body_container {
    width:100%;
    padding:40px 0;
    float:left;
    }
    
.body_container a {
    color:#000;
    text-decoration:none;
    }
.body_container a:hover {
    text-decoration:underline;
    }
.contact_address {
    margin-bottom:30px;
    }
.services_list_block {
    width:600px;
    margin:auto;
    clear:both
    }   
.services_list {
    width:50%;
    float:left;
    margin-bottom:50px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    }
.services_list li {
    line-height:30px;
    }   
    
.menu_open, .menu_close {
    width:70px;
    height:80px;
    background:url(../images/menu_icon.png) top;
    background-size:100%;
    margin:auto;
    display:none;
    cursor:pointer
    }
.menu_close {
    background:url(../images/menu_icon.png) bottom;
    background-size:100%;
    }
    
     
.animate {
    left:50%!important; 
    }

ul.animate {
     margin-left:-150px;
     }
     
.animate-close  {
    left:100%!important; 
    }
    

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

 .chkrow {
     width:100%;
     line-height:27px;
     float:left;
     margin-bottom:15px;
     }
.chkbox {
    background:url(../images/chk.png);
    font-family: 'akzidenz_grotesk_be_bold_condensed';
    font-size:25px;
    text-transform:uppercase;
    color:#fff;
    }
/*******************/

input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding:2px 0 0 37px;
							height:25px; 
							display:inline-block;
							line-height:27px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:25px;
							vertical-align:middle;
							cursor:pointer;
							float:left;
							/*margin:2px 10px 22px 0;*/
							cursor:pointer;
						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -27px;
							cursor:pointer;
						}
						label.css-label {
				/*background-image:url(../images/chkmark.png.png);*/
				cursor:pointer;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


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

    	/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	.container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;}
	.row:after, .clearfix:after {clear: both;}
	.row, .clearfix {zoom: 1;}

	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	
 @media only screen and (max-width:1280px){
     .banner_content {
         margin-top:8%;
         }
    .banner_content h2 {
        font-size:35px;
        line-height:35px;
        }
 }

 
	
 @media only screen and (max-width:1099px){
     .header {
         width:96%;
         }
    /* .nav ul {
        width:100%;
        text-align:center;
        }
    .nav ul li {
        float:none;
        display:inline;
        }*/
 
 }
 @media only screen and (max-width:1040px){
     .banner_content {
         margin-top:4%;
         }
    .estimate_button {
        position:absolute;
        left:50%;
        margin-left:-137px;
        }
 }

 @media only screen and (max-width:999px){
     .container {
         width:96%;
         }
    .home_services {
        width:80%;
        margin:auto;
        float:none;
        }
    .home_services ul li {
        width:42%;
        margin:0 4% 20px 4%;
        }
    .home_services ul li:first-child {
        margin-left:4%;
        }
    .contact_address {
        text-align:center;
        font-size:20px;
        line-height:30px;
        }
 
 }
 @media only screen and (max-width:820px){
    .logo {
         width:100%;
         text-align:center;
         }
    .phone {
        margin:20px auto;
        float:none;
        clear:both;
        width:166px;
        }
        
    
     .menu_open {
        display:block;
        }
    
    .nav {
        padding:0px;
        position:relative;
        z-index:102
        }
    .nav ul {
        position:absolute;
        left:-300px;
        top:80px;
        width:300px;
        
        }
    
     .nav ul li {
         margin:0px;
         width:100%;
         }
    .nav ul li a {
        width:100%;
        padding:0px;
        background-color:#eee9e6;
        }
        
    .banner_content h2 {
        font-size:25px;
        line-height:25px;
        }
    .estimate_button {
        font-size:20px;
        line-height:30px;
        margin-top:-93px;
        margin-left:-102px;
        }
         
 }
 
 @media only screen and (max-width:700px){
     .banner_content {
         display:none;
         }
    .testimony {
        width:100%;
        text-align:center;
        }
    .testi_pic {
        float:none;
        clear:both;
        margin:20px auto;
        }
    .testi_name {
        width:100%;
        text-align:center;
        margin-bottom:20px;
        }
    .services_list_block {
        width:100%;
        }
    
 }

 @media only screen and (max-width:600px){
     .home_services {
         width:100%;
         }
    .article {
        width:100%;
        margin-bottom:20px;
        }
    .article img {
        width:100%;
        }
    .completedjobs ul li {
        width:50%;
        }
 
 }
 
 @media only screen and (max-width:500px){
     .home_services ul li {
         width:80%;
         margin:0px 10% 20px;
         }
    .home_services ul li:first-child {
        margin-left:10%;
        }
    .testimonial_title {
        padding-right:70px;
        }
    ul.services_list {
        padding:0px;
        margin:0px 0 30px 0;
        }
    .services_list {
        width:100%;
        list-style:none;
        
        }
    .services_list li {
        width:100%;
        text-align:center;
        font-size:20px;
        line-height:32px;
        }
    .services_list li ul {
        padding:0px;
        margin:0px;
        }
     .services_list li ul li {
         font-size:14px;
         list-style:none;
         line-height:20px;
         }   
         .white_block { 
        	 margin-top:-27%;
         }
         .banner img { 
         min-height:280px;
         }
 
 }
 @media only screen and (max-width:380px){
     .logo img {
         width:96%;
         
         }
    .completedjobs ul li {
        width:100%;
        }
 }

 @media only screen and (max-width:320px){
     .home_services ul li {
         width:100%;
         margin:0px 0% 20px;
         }
    .home_services ul li:first-child {
        margin-left:0%;
        }
         
 }