/* General Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900|Raleway:400,300,700);

/*
*/
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, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,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;
font-size: 100%;
font: inherit;
vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }



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

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}

*:focus { outline: none; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.clear { clear: both; }

body { font-family: 'Lato', Calibri, Arial, sans-serif; color: #393939;line-height:normal;}

img { width:100%; max-width:100%; display:block; vertical-align:middle}

a {	color: #393939;	text-decoration: none;}
a:hover { color: #000;}

b { font-weight:900}

/***       **/
.bg-header { background:#f4f4f4; min-height:60px;}
.logo { position:absolute; top:0; left:10%; z-index:99999 }

.callUs { margin-left:calc(10% + 290px);
			font-family:'robotomedium';
			font-size:36px;
			height: 60px;
    		padding-top: 5px;}
	
.callUs span{
    display: inline-block;
    vertical-align: top; }
	
	
.top-grey { position:relative; background-color:#f2f2f5; padding-bottom:100px;  }

.top-grey.home::before {
	content: "";
    position: absolute;
    bottom: -200px;
    width: 100%;
    height: 330px;
    background-image: url('../images/leaf-border.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-position:center center;
}

.top-grey .banner-wrap-center 
	{position: relative;
    max-width: 1024px;
    margin: -50px auto;
    padding-bottom: 60px;
    z-index: 99;}
     
.top-grey .banner-wrap-center .banner-wrap-absolute	{      }
        
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-left 
	{width: 33%;
    text-align: center;
    float: left;
    background: #fff;
    padding: 35px 70px;
    border-bottom: 7px #93c01f solid;
    border-right: 1px #cbcbcb solid; }
	
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-middle 
	{width: 33%;
    text-align: center;
    float: left;
    background: #fff;
    padding: 35px 70px;
    border-bottom: 7px #69a649 solid;
    border-right: 1px #cbcbcb solid; }
            
            
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-right 
  { width: 33%;
    text-align: center;
    float: left;
    background: #fff;
    padding: 35px 80px;
    border-bottom: 7px #2482a1 solid;
	}

.top-grey .banner-wrap-center .banner-wrap-absolute .banner-left span,
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-middle span,
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-right span,
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-full span   
{ display:block; font-size:32px; text-transform:uppercase; margin-top:20px;}

.top-grey .banner-wrap-center .banner-wrap-absolute .banner-full span
{ font-size:48px; text-transform:uppercase;}

.top-grey .banner-wrap-center .banner-wrap-absolute .banner-full.greenbottom 
	{width: 100%;
    text-align: center;
    background: #fff;
    padding: 35px 70px;
    border-bottom: 7px #69a649 solid; }
	
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-full.bluebottom 
	{width: 100%;
    text-align: center;
    background: #fff;
    padding: 35px 70px;
    border-bottom: 7px #2482a1 solid; }

/*****/
h1,h2,h3,h4,h5,h6 { font-family:'montserratsemibold';
					text-transform:uppercase;
					color:#4b781f;}
					
h1 { font-size:60px; letter-spacing:3px;}
h2 { font-size:48px;}
h3 { font-size:36px;}
h4 { font-size:24px;}
h5 { font-size:18px;}
h6 { font-size:14px;}




@media (max-width : 1023px) {
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-full.greenbottom,
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-full.bluebottom 
	{width: 90%; margin:auto }
	
}
	

@media (max-width : 799px) {

.logo { left:0;
    position: relative;
    width: 340px;
    margin: auto;
}

.callUs {
    margin-left: 30px;
    height: 15px;
    padding-top: 30px;
}



.top-grey .banner-wrap-center .banner-wrap-absolute .banner-left {
    width: 90%;
    float: none;
    border-bottom: 1px #69a649 solid;
    border-right: none;
    margin: auto;
	padding: 35px 40px;
}

.top-grey .banner-wrap-center .banner-wrap-absolute .banner-middle {
    width: 90%;
    float: none;
    border-bottom: 1px #69a649 solid;
    border-right: none;
    margin: auto;
	padding: 35px 40px;
}

.top-grey .banner-wrap-center .banner-wrap-absolute .banner-right {
    width: 90%;
    float: none; 
    border-bottom: 1px #2482a1 solid;
    margin: auto;
	padding: 35px 40px;
}
h1 { font-size:48px;}
}

@media (max-width : 599px) {
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-left span,
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-middle span,
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-right span,
.top-grey .banner-wrap-center .banner-wrap-absolute .banner-full span   
{ font-size:24px; }

h1 { font-size:36px;}

	}
	
	
@media (max-width : 480px) {
.logo { left:60%; margin-left:-170px; }
.logo img { width:70%}
	}