/**
 * Smooth scrolling on the whole document
 */
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}


body {
	margin: 0;
    padding: 0;
    font: normal 13px/16px Arial, Helvetica, sans-serif;
    font: 13px/16px 'lato' Arial, Helvetica, sans-serif;
    color: #46493C;
    /* background-color: #0ebcff; */
    background-color: #00ADEF;
    /* background: #fcd206; */
    background-color: #fff;
	}
a {

	}
a:hover {
	
	}
	
p{
	font-size: 15px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
	}
	
h2 {
	font-size: 24px;
	line-height:32px;
	font-weight:normal;
	color: #007193;;
	}	
h3 {
	font-size: 16px;
    line-height: 22px;
    color: #007193;
    margin: 0px 0px 8px 0px;
	}
h3 span.light{
    font-weight: normal;
    color: #969696;
    }
h4 {
	margin: 5px 0px 5px 0px;
    font-size: 15px;
    color: #333;
	}
	
hr {
	    height: 1px;
    border: 0;
    margin: 20px 10px 20px 10px;
    padding: 0;
    color: transparent;
    background-color: transparent;
    border-top: 1px solid #ADD9F3;
	}
	
sup {
	line-height: 1px;
	font-size: 75%;
	}

.hidden{
	display:none;
}

.no-pad{
	padding:0px !important;
}

.align-right{
text-align:right;
}

.use-case-container img{
max-width:100%;
height:auto;
}
.use-case-item-container{
        padding: 4px 8px 8px 8px;
    border-radius: 4px;
    margin: 0px 1px;
    border: 1px solid #fafafa;
}
.use-case-item-container:hover{
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #333;
    color: #636363;
    box-shadow: 2px 2px 0px rgba(0,0,0,.66);
}
.input-container .use-case-item-container p b{
font-size:15px;
text-align:center;
line-height:23px;
}
.input-container .use-case-item-container p{
    font-size: 13px;
    line-height: 18px;
}

.template-container{
margin-bottom:20px;
}
.template-container img{
max-width:100%;
height:auto;
}
.template-item-container{
    padding: 5px 10px 10px 10px;
    border-radius: 0px 0px 4px 4px;
    margin: 5px 2px 5px 2px;
    min-height: 280px;
        border-top: 7px solid #fff;
}
.template-item-container:hover{
        cursor: pointer;
    background-color: #fafafa;
    color: #636363;
    border-top: 7px solid #00af41;
    box-shadow: 2px 2px 10px rgba(0,0,0,.15);
}
.template-item-container .btn-get-started{
	display:none;
}
.template-item-container:hover .btn-get-started{
	display:block;
	    margin-top: 10px;
    text-align: center;
    background-color: #fff;
    padding: 4px 5px;
    background-color: #008851;
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    font-size: 16px;
    transition: .2s;
    box-shadow: 2px 2px 0px rgba(0,0,0,.75);
    border-radius: 4px;
}
.input-container .templatee-item-container p b{
font-size:15px;
text-align:center;
line-height:23px;
}
.input-container .template-item-container p{
    font-size: 13px;
    line-height: 18px;
}


.green-options-container a{
color:#333;
}

.output-cost-col a,
.output-goal-col a{
    color: #656565;
    text-decoration: underline;
    font-size: 13px;
}

input[type=text]{
    width: 130px;
    font-size: 15px;
    color: #5f5f5f;
    padding: 10px 15px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus,
input[type=number]:focus {
    border-color:#0ebcff;
    outline:none;
}
input[type=number]{
    font-size: 15px;
    color: #5f5f5f;
    padding: 6px 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

input.btn-big[type=button],
.btn-big{
    border: 1px solid #3f3f3f;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;
    margin: 0px 25px 0px 0px;
    font-size: 13px;
    cursor: pointer;
    vertical-align: bottom;
    box-shadow: 2px 2px 0px rgba(0,0,0,.75);
}

input.btn-hot[type=button],
.btn-hot{
	background-color: #00adef;
	background-color: #0094C4;
    color: #fff !important;
}

input.btn-hot[type=button]:hover,
.btn-hot:hover{
	background-color: #00ADEF;
	}
	
input.btn-neutral[type=button]{
	background-color: #ffffff;
    border: 1px solid #333;
    color: #636363;
    margin: 0px 6px 0px 0px;
}

input.btn-neutral[type=button]:hover{
	background-color: #00adef;
	xbackground-color: #0094C4;
    color: #fff;
}

.finish-add-more-btn-container input.btn-neutral[type=button]:hover{
	color: #000;
	background-color:#fff;
}
input.btn-txt[type=button]{
	background-color: inherit;
    border: none;
    color: #636363;
    padding: 0px;
    text-decoration: underline;
    cursor: pointer;
}

input.btn-txt[type=button]:hover{
	color:#000;
	}
	
input:disabled{
	color: #AFAFAF !important;
}

#ui-your-location{
	background: url(../images/icon-search.png) #ffffff no-repeat;
    background-size: 22px;
    background-position: 97%;
}

#auto-complete{
    margin-top: 0px;
    border: 1px solid #dedede;
    border-radius: 8px 8px 0px 0px;
    max-width: 372px;
    }
    
#auto-complete ul{
    list-style: none;
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

#auto-complete ul li{

}

#auto-complete ul li button.autocomplete-option{
    background-color: #ffffff;
    border: none;
    color: #636363;
    padding: 12px;
    width:100%;
    text-decoration: none;
    margin: 0px 0px;
    font-size: 13px;
    cursor: pointer;
    text-align: left;
    font-weight: normal;
    border:2px solid #fff;
    border-radius:8px;
}
#auto-complete ul li button.autocomplete-option:focus{
border:2px solid #00ADEF;
border:2px solid #dedede;
color:#00ADEF;
color:#000;
background-color:#fafafa;
outline:none;
border-radius:8px;
}
#auto-complete ul li button#aco-1{
border-radius:8px 8px 0px 0px;
}

#auto-complete ul li button.autocomplete-option:hover{
background-color:#fafafa;
}

#auto-complete ul li button.empty{
display:none;
}

.site-input-container .styled-select,
.site-input-container .styled-select select {
background-color:#fff;
color:#333;
}



.site-input-container .styled-select {
    background: url(../images/dropdown-arrow.png) no-repeat 96% 0;
    height: 30px;
    vertical-align: bottom;
    overflow: hidden;
    width: 340px;
    width:240px;
    margin-top: 10px;
    margin-right:5px;
    border-radius: 4px;
    display: inline-block;
    border:1px solid #333;
    box-shadow: 2px 2px 0px rgba(0,0,0,.66);
}

.site-input-container .styled-select:hover{
background-color:#00ADEF;
color:#fff;
}

.site-input-container .styled-select:hover select{
background-color:#00ADEF;
color:#fff;
}

.site-input-container .styled-select select {
    border: none;
    font-size: 14px;
    height: 30px;
    padding: 5px;
    width: 335px;
    width: 230px;
    cursor: pointer;
}

.styled-select select:focus {
outline:none;
}

.site-input-container-active .styled-select select {
    background-color: #0094C4;
    color: #fff;
}


.site-input-container-active .styled-select {
background-color: #0094C4;
border:1px solid #333;
color:#fff;
}


.red{
color:#ff6600;
}

.no-scroll {
    overflow: hidden;
}
.screen-tint{
	width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.33);
    }
#input-advanced{
    display: block;
    z-index: 300;
    position: fixed;
    top: 150px;
	left:0;
	right:0;
	margin:0 auto;
	max-width:900px;
	box-shadow: 0px 6px 15px rgb(0, 0, 0, .5);
    }
#full-costs{
    display: block;
    z-index: 300;
    position: fixed;
    top: 150px;
	left:0;
	right:0;
	margin:0 auto;
	max-width:900px;
	box-shadow: 0px 6px 15px rgb(0, 0, 0, .5);
    }
#bmp-problem{
    display: block;
    z-index: 300;
    position: fixed;
    top: 150px;
	left:0;
	right:0;
	margin:0 auto;
	max-width:900px;
	box-shadow: 0px 6px 15px rgb(0, 0, 0, .5);
    }
.footer-close-settings{
    text-align: center;
    padding: 12px;
    xbackground-color: #ffffff;
    xborder-top: 1px solid #cecece;
    background: #028850 url(../images/header-bg.png) 0 0 repeat-x;
    border-top: 5px solid #008851;
}

.settings-container{
	   padding:30px;
	   background-color: #fff;
	   overflow-y: scroll;
	   max-width:900px; 
	   max-height:450px;
  	}
.full-costs-container{
	   padding:30px;
	   background-color: #fff;
	   overflow-y: scroll;
  	}
.bmp-problem-container{
	   padding:30px;
	   background-color: #fff;
	   overflow-y: scroll;
  	}
#hero-container{
    padding: 40px 40px;
    display: inline-block;
    margin: 0 auto;
    max-width: 700px;
    min-height: 200px;
    box-shadow: 0px 3px 10px rgba(0,0,0,.5);
    border-radius: 25px 0px 25px 0px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .65);
    }
    
#hero-container h1{
    font-size: 38px;
    display: inline-block;
    line-height: 46px;
    color: #ffffff;
    margin: 0px;
    font-weight: 300;
    text-shadow: 2px 3px 0px #000000;
    }
    
#hero{
	background: url(../images/hero-green-infrastructure-color.jpg) 50% 0 no-repeat fixed;
	background: url(../images/hero-photo-1.jpg) 50% 0 no-repeat fixed;
	xbackground: url(../images/hero-photo-2.jpg) 50% 0 no-repeat fixed;
    height: 400px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 100px 0px;
    background-size:cover;
    }
#hero2{
	background: url(../images/hero-green-infrastructure-bw.jpg) 50% 0 no-repeat fixed;
    height: 400px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 100px 0px;
    background-size:cover;
    }

.hero-buttons{
margin-top:50px;
}

.btn-style-1{
    padding: 8px 15px;
    background-color: #008851;
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    font-size: 18px;
    transition: .2s;
    box-shadow: 2px 2px 0px rgba(0,0,0,.75);
    border-radius: 4px;
}
.btn-style-1:hover{
	text-decoration:none;
	background-color: #00ab4f;
    box-shadow: 2px 2px 6px rgba(0,0,0,.5);
    color:#fff;
    font-size: 20px;
    text-shadow: 1px 1px 2px #333;
}

.btn-get-started:hover{
font-size:20px;
}

.btn-style-2{
    transition: .2s;
    padding: 6px 0px;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 18px;
}
.btn-style-2:hover{
	padding: 6px 15px;
    border-radius: 4px;
    color: #008851;
    background-color: #fff;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    box-shadow: 2px 2px 6px rgba(0,0,0,.5);
    
}

.btn-add-remaining{
display:block;
margin-top:10px;
}
.site-input-container h3{
	text-transform:capitalize;
}

.site-input-container, .lot-container{
	padding:10px 20px 20px 20px;
    border-radius: 6px;
    margin: 15px 0px 30px 0px;
    background-color: #fafafa;
    transition:.2s;
    border: 1px solid #eee;
    border-left: 10px solid #eeeeee;
    }

.site-input-container:hover{
	box-shadow: 0px 3px 5px rgba(0,0,0,.1);
    border: 1px solid #ececec;
    border-left: 10px solid #d8d8d8;
	}
.site-input-container-active,
.site-input-container-active:hover{
    border-left: 10px solid #b4d471;
    border-left: 10px solid #0394c3;
    border-top: none;
    border-bottom: none;
    border-right: none;
    margin: 15px 6px 30px 6px;
    box-shadow: 0px 3px 6px rgba(0,0,0,.3);
}
#your-location-value .your-location{
display:inline-block;
margin-right:5px;
}

.input-field-container{
xmargin-bottom:10px;
}

.input-result-container{
    xpadding: 10px 10px 0px 0px;
}

.site-size-detail-container{
font-size:13px;
}
#rainfall-menu{
    xmargin: 20px 10px 0px 10px;
    }


.finish-add-more-btn-container{
    padding: 20px 0px 10px 0px;
    border-top: 1px solid #eee;
    margin-top: 10px;
}
.txt-link{
color:#333;
text-decoration:underline;	
}

.txt-link:hover{
color:#00ADEF;
}

.txt-edit{
margin-left:6px;
padding-left:8px;
border-left:1px solid #777;
}

.btn-small, .btn-edit{
	background-color: #ffffff;
    border: 1px solid #575757;
    color: #636363;
    padding: 2px 8px 2px 6px;
    border-radius: 4px;
    text-decoration: none;
    margin: 0px 6px 0px 0px;
    font-size: 13px;
    font-weight:normal;
    cursor: pointer;
    vertical-align: bottom;
    box-shadow: 2px 2px 0px rgba(0,0,0,.66);
    }
    
.btn-edit:hover{
color:#000;
background-color: #00adef;
color: #fff;
}

.confirm-btn-container .btn-small, .confirm-btn-container .btn-edit{
    padding: 6px 12px 6px 10px;
    font-size: 16px;
}
.input-container-gi .btn-edit{
display:inline-block;
vertical-align:top;
margin-left:3px;
}

.btn-cancel-dropdown{
margin-bottom:4px !important;
}
#calculator-intro{
background-color:#fff;
padding:20px;

}


.input-container{
    padding: 8px 8px 8px 8px;
    margin: 4px 0px 0px 0px;
    border: 1px solid #fafafa;
    border-radius: 5px;
    font-size:15px;
    line-height:23px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); */
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    /* -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); */    
    border-radius: 5px;
    transition:.2s;
}

.input-container:hover{
	background-color: #f3f3f3;
    border: 1px solid #ececec;
}
.input-button-container{
	margin-bottom:5px;
}
.input-subtotal-container{
	padding: 10px 10px 10px 0px;
    font-size: 15px;
    font-weight: bold;
        margin-top: 20px;
    border-top: 1px solid #eee;
}


#header-wrapper {
    border-bottom: 4px solid #88a94e;
    background-color: #008851;
    z-index: 100;
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
    
    background:#028850 url(../images/header-bg.png) 0 0 repeat-x;
}

#header .container{
	width: 100%;
    max-width: 1180px;
    margin: 0px auto;
}
#header {
	position: relative;
    margin: 0px;
    min-height: 110px;
	transition:.25s;
}

#header h1 {
	margin: 0;
    padding: 0;
    color: #CEFF4A;
    position: absolute;
    top: 50px;
    left: 135px;
    width: 469px;
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
    font-weight: normal;
    background: url(../images/green-values-title.png) 5px 3px no-repeat;
	}
	

.sticky #header{
xheight:70px;
min-height:inherit;
}

#header h1 a {
	color: #CEFF4A;
	text-decoration: none;
	}
#header h1 span {
	display: none;
	}
	
#green-header,
.sticky-header{
    padding: 8px 0px;
    background-color: #00ab4f;
    }

#green-header p{
	margin: 0px;
    font-size: 16px;
    text-shadow: 1px 1px 2px #5f5f5f;
	}
	
.sticky #green-header{
    box-shadow: 0px 4px 8px rgba(0,0,0,.25);
}

#green-header-sticky{
z-index:200;
}
	
.logo {
    border: 0;
    height: auto;
	}
.beta {
	font-size: 11px;
	vertical-align: top;
	color: #fff;
	}
#header h1 span {
	/* display: none; */
	}
#footer-wrapper{
	min-height: 200px;
    padding: 40px;
    color: #fff;
    text-align: center;
    background-color: #333;
}

#footer-wrapper a{
color:#fff;
text-decoration:underline;
}
#footer {
	clear: both;
	margin: 10px 15px 0px 15px;
	padding: 0 10px;
	font-size: 11px;
	color: #fff;
	}
#footer a {
	color: #fff;
	text-decoration: underline;
	}
	
.indent20 {
	margin-left: 20px;
	}
	
.indent40 {
	margin-left: 35px;
	}
	
form {
	margin: 0;
	border: 0;
	padding: 0;
	}  
.ft {
	margin-bottom: 30px;
	border: 0;
	border-collapse: collapse;
	}
.ft td, .ft th {
	padding: 2px 4px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.01em;
	}
.ft td input, .ft td select {
	font-size: 13px;
	}
.ft td.indent1, .indent1 {
	padding-left: 10px;
	}
.ft td.indent2, .indent2 {
	padding-left: 40px;
	}
.ft td.note {
	font-size: 11px;
	}
	
.gft {
	margin-left: 20px;
	border-collapse: collapse;
	}
.gft td {
	padding: 2px 4px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.01em;
	}
.gft td input, .gft td select {
	font-size: 13px;
	}
.gft td.indent1 {
	padding-left: 20px;
	}
.gft td.indent2 {
	padding-left: 40px;
	}
	
.sft {
	margin-left: 20px;
	border-collapse: collapse;
	}
.sft td {
	padding: 1px 4px;
	font-size: 11px;
	}
.sft td input, .gft td select {
	font-size: 11px;
	}
.sft td.indent1 {
	padding-left: 20px;
	}
.sft td.indent2 {
	padding-left: 40px;
	}
	
	
td.landtypelabel a {
	padding-right: 17px;
	background: url(../images/info2.gif) 120% 2px no-repeat;
	text-decoration: none;
	}
	
td.landtypelabel a:hover {
	padding-right: 17px;
	background: url(../images/info2.gif) 100% 2px no-repeat;
	text-decoration: none;
	}
	
a.bmplabel  {
	padding-right: 17px;
	background: url(../images/info2.gif) 150% 2px no-repeat;
	text-decoration: none;
	}
	
a.bmplabel:hover {
	padding-right: 17px;
	background: url(../images/info2.gif) 100% 2px no-repeat;
	text-decoration: none;
	}	
	
.col0 {
	font-size: 15px;
    line-height: 19px;
    margin: 0px 0px 15px 0px;
	}
	
.col0 h3 {
	margin-top: 0;
	}
.col1 {
	xborder-top: 1px solid #d9f75d;
	width: 410px;
	float: left;
	margin-right: 40px;
	display: inline;
	font-size: 15px;
    line-height: 19px;
    margin: 0px 0px 15px 0px;
	}
.col1 h3 {
	margin-top: 0;
	}
	
.col2 {
	xborder-top: 1px solid #d9f75d;
	margin-left: 450px;
	margin-right: 15px;
	font-size: 13px;
	line-height: 17px;
	color: #333;
	}
.col2 ul {
	padding-left: 0;
	}
.col2 ul li {
	margin: 8px 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	}
.col2 ul ul {
	padding-left: 0;
	}
.col2 ul li ul li {
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	}


.use-case-item-container a{
color:#333;
}

.lot-info-inputs-container a{
color:#333;
}



.template-item-container ul{
	margin-left:20px;
}

.lot-info-inputs-container .use-case-item-container p b{
text-transform:capitalize;
}
.lot-info-inputs-container p, .inputs p, .input-container p{
	margin: 0px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 20px;
}

#budget-container .input-container p{
margin: 6px 0px 0px 0px;
}
#budget-container input{
float:right;
}

p.footnote{
	font-size: 13px;
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 10px;
    }
    
p.footnote a{
color:#333;
text-decoration:underline;
}

.results-details-grid p.footnote {
font-size:11px;
line-height:16px;
}
    
p.inline{
display:inline-block;
}

p.spacer, .input-container p.spacer{
    line-height: inherit;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    height: 10px;
}

.input-container .even{

}


.input-container .odd{
background-color: rgba(255, 255, 255, 0.28);
}

.input-container .even, .input-container .odd{
	padding: 10px 8px;
    border-radius: 4px;
}
.greenoption {
	margin: 2px 0;
	}
.soiloption {
	margin: 2px 0;
	}
#content-container{
    zoom: 1;
}
	
#calculate {

    /*
    border-top: 1px solid #00BEAC;
    background: #7ab600 url(../images/bg_foot-rain-ready-green-values.jpg) 0 0 repeat-x;
    zoom: 1;
	*/
	}
		
#calculate-box {
	margin: 0px 20px 0 0px;
	}
#calculate h2 {
	color: #177999;
	color:#333;
	font-size: 12px;
    font-size: 18px;
    margin: 0px 0px 10px 0px;
	}

#sticky-tabs{
	min-height: 30px;
	padding-top:30px;
    background-color: #fff;
	}
		
#inputlist,
#settingslist {
	margin: 0;
	margin-left: 0;
	border: 0;
	padding: 0; 
	display: block;
	border-bottom: 5px solid #00ab4f;
	min-height:29px;
	}	
	
#inputlist li,
#settingslist li	{
	float: left;
	display: inline;
	list-style-type: none;
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 1100;
	}	
#inputlist a,
#settingslist a	{
	display: block;
    border: 0;
    margin: -2px 1px 0px 1px;
    padding: 8px 10px 8px 10px;
    text-decoration: none;
    font: bold 13px/13px Arial, Helvetica, sans-serif;
    background-color: #008851;
    color: #FFF;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    transition:.2s;
	}
#inputlist .active a,
#settingslist .active a {
	background-color: #00ab4f;
    /* background-color: #00ADEF; */
    /* background-color: #0dbcff; */
    color: #fff;
    font-size: 18px;
    margin: -8px 4px 0px 4px;
    padding: 12px 15px 12px 15px;
    /*
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    */
    text-shadow: 1px 1px 2px #333;
	}
#inputlist .active a:hover,
#settingslist .active a:hover {
    color: #fff;
    margin: -8px 4px 0px 4px;
    padding: 12px 15px 12px 15px;
    cursor: default;
	}
#inputlist .inactive a:hover,
#settingslist .inactive a:hover {
	background-color: #00AB4E;
    color: #FFF;
    margin: -4px 1px 0px 1px;
    padding: 8px 10px 10px 10px;
	}	

#settingslist {
    border-bottom: 5px solid #fff;
}

#settingslist .active a, #settingslist .active a:hover {
    background-color: #fff;
    color: #008851;
    text-shadow:none;
    }
 #settingslist a {
    background-color: #fff;
    color: #333;
    text-shadow:none;
    }
 #settingslist a:hover {
 background-color: #fff;
 color: #008851;
 }
 
#settingslist .inactive a:hover {
     background-color: #fff;
 color: #008851;
}
    
#inputs {
	clear: left;
    position: relative;
    background: #fcd206;
    background: #fff;
    overflow: auto;
    z-index: 90;
    /* border-radius: 0px 10px 10px 10px; */
    margin-bottom: 20px;
	}
#inputs .content {
	padding: 10px 0px;
	} 
#green-box {
	margin: 20px;
	}
.intro {
	font-size: 15px;
	line-height: 19px;
	color: #23291D; 
	}
.button {
	background-color: #44A8C3;
	margin: 2px;
	padding: 4px 12px;
	color: #DEFF83;
	text-decoration: none;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
.ldds { 
	background-color: #eee;
    padding: 10px 10px 5px 10px;
    margin: 10px 0px 20px 0px;
    border-radius: 6px;
	}
#ld1 {
}

#advanced-settings-nav-container{
    padding: 0px 0px;
    }

.land-description {
	position: relative;
	top: -2px;
	left: -2px;
	/*padding: 20px;
	background-color: #D9F75D;
	border: 1px solid #B0DD24;
	color: #170;*/
	}
.land-description .close {
	position: absolute;
	top: -8px;
	right: -8px;
	}
	
.land-description .close-txt{
	text-align:center;
	text-decoration:underline;
}

.input-alert{
    background-color: #f00;
    padding: 4px 6px;
    border-radius: 4px;
}

.input-alert p{
margin:0px;
padding:0px;
color:#fff;
}

.input-alert p a{
color:#fff;
text-decoration:underline;
}
	
#gi-info-wrapper,
#real-estate-wrapper,
#costs-info-wrapper{
    z-index: 300;
    position: fixed;
    top: 150px;
    max-width: 800px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#costs-info-wrapper{
max-width: 1020px;
}

#real-estate-wrapper h4,
#costs-content h4{
background-color:#008851;
color:#fff;
padding:4px 6px;
}

.gi-info-container-inner,
.costs-info-container-inner {
	display: block;
    padding: 25px;
    margin: 0px;
    background-color: rgb(255, 255, 255);
	}

.gi-info-container h3,
#full-costs h3{
    text-align: center;
    font-size: 20px;
    color: #333;
    margin: 0px 0px 20px 0px;
    
    background-color: #008851;
    margin: 0px;
    padding: 10px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #028850 url(../images/header-bg.png) 0 0 repeat-x;
    border-bottom: 5px solid #008851;
}
#bmp-problem h3{
    text-align: center;
    font-size: 20px;
    color: #333;
    margin: 0px 0px 20px 0px;
    
    background-color: #008851;
    margin: 0px;
    padding: 10px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #028850 url(../images/header-bg.png) 0 0 repeat-x;
    border-bottom: 5px solid #008851;
}
#input-advanced h3,
.popup-header h3{
    text-align: center;
    font-size: 20px;
    color: #333;
    margin: 0px 0px 20px 0px;
    
    background-color: #008851;
    margin: 0px;
    padding: 10px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #028850 url(../images/header-bg.png) 0 0 repeat-x;
    border-bottom: 5px solid #008851;
}

#input-advanced h3{
background: none;
border-bottom:none;
padding:10px 10px 20px 10px;
}

#settings-header{
background: #028850 url(../images/header-settings-bg.png) 0 0 repeat-x;
}
#input-advanced h4{
        background-color: #008851;
    margin: 0px 0px 0px 0px;
    padding: 8px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    }

.advanced-section-container{
    margin: 0px 0px 50px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #fafafa;
}

.advanced-section-container p,
#costs-content p{
margin:0px 0px 6px 0px;
padding:0px;
}

.advanced-section-container .input-container{
    xborder:1px solid #fff;
    margin:0px;
    }
    
.gi-info-container p{
    font-size: 16px;
    line-height: 26px;
}
.gi-info-container a{

}
.bmpdescription .closebutton {
	xposition: absolute;
	top: -8px;
	right: -8px;
	}

#costs-content{
	overflow-y: scroll;
	max-height:450px;
}
.qtip-custom{ 
background-color:#eee;
}

#extra-nav{
    position: absolute;
    top: 40px;
    right: 0px;
    }
    
#pageoptions {
	text-align: right;
	}
#pageoptions .note {
	font: normal 9px/9px Arial, Helvetica, sans-serif;
	color: #E8FF8F;
	}
a.pageoption {
	margin: 2px 2px;
    background-color: #00adef;
    background-color: #008851;
    padding: 6px 6px 6px 30px;
    color: #fff;
    text-decoration: none;
    font: bold 9px/9px Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    -moz-border-radius: 8px;
    -webkit-border-radius: 4px;
	}
a.pageoption:hover {
	background-color: #0dbcff;
	background-color: #00ab4f;
	text-decoration: none;
	color: #fff;
	}
.settings {
	background: url(../images/icon-wrench.png) 11px 3px no-repeat;
    background-size: 16px;
	}
.full-costs {
	background: url(../images/icon-dollar.png) 6px 3px no-repeat;
    background-size: 16px;
    display:inline-block;
	}
.bmp-problem {
	background: url(../images/icon-dollar.png) 6px 3px no-repeat;
    background-size: 16px;
    display:inline-block;
	}
.print {
	background: url(../images/icon-print.png) 8px 3px no-repeat;
    background-size: 20px;
	}
.permalink {
	background: url(../images/icon-link.png) 11px 3px no-repeat;
    background-size: 16px;
	}
.reset {
	background: url(../images/reset-hover.gif) 11px 3px no-repeat;
	}
.print:hover {
	xbackground: url(../images/print.gif) 11px 3px no-repeat;
	}
.permalink:hover {
	xbackground: url(../images/link.gif) 11px 3px no-repeat;
	}
.reset:hover {
	xbackground: url(../images/reset.gif) 11px 3px no-repeat;
	}

#btn-show-graph{
    display: inline-block;
    margin: 5px 0px 10px 0px;
    background-color: #00adef;
    background-color: #008851;
    padding: 10px 10px 8px 38px;
    color: #fff;
    text-decoration: none;
    font: bold 11px/10px Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/icon-graph.png) #008851 8px 4px no-repeat;
    background-size: 22px;
    box-shadow: 2px 2px 0px rgba(0,0,0,.66);
}
#btn-show-graph:hover{
background: url(../images/icon-graph.png) #00ab4f 8px 4px no-repeat;
background-size: 22px;

}

.scenario-title {
	font-weight: normal;
	color: #D9F75D;
	}
	
.download-box {
	width: 400px;
	margin: 20px 0;
	padding: 20px;
	border: 1px solid #B0DD24;
	}
.download {
	display: block;
	line-height: 21px;
	padding-left: 24px;
	background: url(../images/download.gif) 0 0 no-repeat;
	}
	
#permalinkbox {
	position: absolute;
	right: 0;
	background-color: #00ab4f;
	width: 400px;
	border: 1px solid #008851;
	z-index: 99;
	color: #fff;
	}
#permalinkbox form {
	margin: 20px;
	padding: 0;
	text-align: left;
	}
#permalinkfield {
	width: 320px;
	margin: 4px 0;
	}
#permalinkbox .closebutton {
	position: absolute;
	top: 8px;
	right: 8px;
	}
	
	
.picleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.picright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
	

.description {
	margin: 10px 0;
	}
p.source {
	margin: 4px 0;
	font-size: 12px;
	color: #929292;
	line-height: 12px;
	}
.source a {
	color: #0086B6;
	text-decoration: none;
	}
	
.notes {
	padding: 0;
	padding-left: 1.5em;
	}
.notes li { 
	margin: 4px 0;
	font-size: 10px;
	color: #929292;
	line-height: 12px;
	}	
.notes li a {
	    color: #929292;
    text-decoration: underline;
	}
.notes li a:hover {
	color: #000;
	}

.stuck-anchor {
    display: block;
    padding-top: 60px;
    margin-top: -60px;
    margin-bottom: 0px;
}
	
#shading {
	position: relative;
	top: -10px;
	background: url(../images/shading.gif) top left repeat-x;
	}
.results-container {
	background-color: #fff;
    border-radius: 10px;
    color: #0087B7;
    color:#333;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    padding:10px;
    min-height:440px;
}

.results-details-grid{
            border: 1px solid #eee;
    border-radius: 0px 0px 5px 5px;
    padding: 5px 15px 15px 10px;
	}
.results-details-grid p{
font-size:13px;
line-height:18px;
}
#results h2 {
	    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    display: inline-block;
	}
#results h3 {
	    font-size: 13px;
    color: #000000;
    margin: 0px;
	}
#result-box {
	margin: 0px 0px 0px 0px;
	}
	
#resultpanes {
	position: relative;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fafafa;
    z-index: 1000;
    border: 1px solid #eee;
    border-top:none;
    border-radius: 0px 6px 6px 6px;
	}
#results .summary {
	font-size: 15px;
    line-height: 19px;
    color: #333;
    margin-bottom:20px;
	}
#results .summary strong {
	color: #000;
	}
	
#resultlist {
	margin: 0;
	margin-left: 0;
	border: 0;
	padding: 0;
	display: block;
	height: 23px;
	position: relative;
	overflow: hidden;
	}	
#resultlist li	{
	float: left;
	display: inline;
	list-style-type: none;
	border: 0;
	margin: 0;
	padding: 0;
	height: 23px;
	z-index: 900;
	}	
#resultlist a	{
	    display: block;
    border: 0;
    margin: 0 1px 0 0;
    padding: 6px 10px 8px 10px;
    text-decoration: none;
    background-color: #fafafa;
    font: bold 11px/13px Arial, Helvetica, sans-serif;
    color: #004B7E;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	    border: 1px solid #eee;
    border-bottom: none;
	}
#resultlist .active a {
	background-color: #00adef;
	background-color: #007193;
    color: #fff;
	}
#resultlist .active a:hover {
	background-color: #00adef;
	background-color: #007193;
	color: #fff;
	}
#resultlist .inactive a:hover {
	background-color: #efefef;
    color: #000;
	}
	
.decrease {	
	    background-color: #559922;
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
	}
.increase {	
	    background-color: #ff6600;
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
	}
	 
.bmp-area-style{
	color:#008851;
}
.rt {
	border: 0;
	border: 0;
	border-collapse: collapse;
	width:100%;
	}
.rt th {
	border-bottom: 1px solid #888;
	padding: 2px 6px;
	font-size: 11px;
	text-align: left;
	vertical-align: bottom;
	}
.rt th.center {
	text-align: center;
	}
.rt th.right {
	text-align: right;
	}
.rt th.vr {
	border-right: 1px solid #888;
	}
.rt tr.nobottom th {
	border-bottom: 0;
	}
.rt td {
	border-bottom: 1px solid #ccc;
	padding: 2px 6px;
	font-size: 11px;
	vertical-align: top;
	}
.rt td.decimal {
	text-align: right;
	white-space: nowrap;
	}
.rt td.right {
	text-align: right;
	}
.rt td.vr {
	
	}
.rt td.indent1 {
	padding-left: 20px;
	}
.rt td.indent2 {
	padding-left: 40px;
	}
.rt tr.green td, .rt td.green {
	background-color: #FFFFFF;
    color: #333;
	}
.rt tr.total td, .rt td.total {
	font-weight: bold;
	}
	
#ps {
	background-color: #F0FCD0;
	padding: 10px 30px;
	}
	
.shadow .o1 {
	opacity:0.24;
	filter: alpha(opacity=10);
	}
.shadow .o2 {
	opacity:0.20;
	filter: alpha(opacity=8);
	}
.shadow .o3 {
	opacity:0.16;
	filter: alpha(opacity=6);
	}
.shadow .o4 {
	opacity:0.12;
	filter: alpha(opacity=4);
	}
.shadow .o5 {
	opacity:0.08;
	filter: alpha(opacity=2);
	}
.shadow .t1 {
	height:1px;
	}
.shadow .t2 {
	height:2px;
	}
.shadow .t3 {
	height:3px;
	}
.shadow .t4 {
	height:4px;
	}
.shadow .t5 {
	height:5px;
	}
#sh_bot div {
	width: 100%;
	}
.sh {
	background-color:#444;
	left: 0;
	bottom: 0;
	position:absolute;
	}
#divider {
	margin: 0 15px;
	position: relative;
	z-index: 10000;
	zoom: 1;
	}
#divider #inputcontrols {
	position: absolute;
	bottom: -15px;
	left: 3px;
	z-index: 10000;
	}
#divider #inputcontrols img {
	margin-top: 0;
}

.gauge {
    width: 230px;
    /* height: 180px; */
    margin: 0 auto;
    margin-top: -40px;
    margin-bottom: -10px;
}

a.tooltip{
	background-color: #fff;
    color: #000;
    padding: 2px 5px;
    border-radius: 40px;
    font-size: 10px;
    border: 1px solid #e0e0e0;
    vertical-align: super;
}

a.tooltip:hover{
	color: #19A8E0;
}

.alert p b{
color:#ff0000;
font-size:16px;
}
.alert p {
font-weight:bold;
}

#tab-site-information{
background: url(../images/alert.png) #00ab4f 96% 4px no-repeat;
    background-size: 0px;
}
#inputlist a.alert{
    margin-left: 0px;
    background: url(../images/alert.png) #00ab4f 96% 4px no-repeat;
    background-size: 22px;
    padding: 8px 28px 8px 10px;
}
#inputlist .active a.alert{
    padding: 12px 28px 12px 15px;
}

#inputlist .inactive a.alert:hover {

    padding: 8px 28px 10px 10px;
    }
    
.advanced-input-grid{
	margin-left:0px !important;
}
	
.advanced-input-grid .grid-50{
position:relative;
}

.getting-started-checklist-container ul{
padding:0px;
}

.getting-started-checklist-container ul li{
	list-style: none;
    padding: 6px;
    margin: 10px 0px;
    background-color: #F1F1F1;
    border-radius: 4px;
}

.getting-started-checklist-container ul li img{
	height:auto;
    max-width: 22px;
    vertical-align: text-bottom;
}

.getting-started-checklist-container ul li a{
color:#333;
text-decoration:underline;
}


.green-options-container{
background-color:#fafafa;
padding:10px;
}

.green-options-container p{
margin:6px 0px 0px 0px;
font-size:14px;
}


.green-options-container .input-container:hover p.input-row{
    xborder: 1px solid #f3f3f3;
}

.green-options-container p.input-row{
margin:6px 0px 15px 10px;
margin:0px 0px 0px 0px;
font-size:14px;
padding:10px 10px;
border-radius:5px;
xborder:1px solid #fafafa;
transition:.3s;
}

.advanced-option-container .green-options-container p.input-row{
	xborder:1px solid #ffffff;
}
.advanced-option-container{
padding-top:10px;
}
.cost-estimate-container{
border-left:1px solid #eee;
}

.green-options-container p.input-row:hover{
xbackground-color:#fff;
xborder:1px solid #ededed;
    xbackground-color: #e3e3e3;
    xborder: 1px solid #929292;
}

.green-options-container h3{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.green-options-container hr {
	    height: 1px;
    border: 0;
    margin: 10px 10px 10px 0px;
    padding: 0;
    color: transparent;
    background-color: transparent;
    border-top: 1px solid #eee;
}

.green-options-container .input-container .tooltip{
background-color:#fafafa;
border:1px solid #fafafa;
color:#fafafa;
}

.green-options-container .input-container:hover .tooltip{
    background-color: #fff;
    background-color:#fafafa;
    color: #000;
    padding: 2px 5px;
    border-radius: 40px;
    font-size: 10px;
    border: 1px solid #e0e0e0;
    vertical-align: super;
}
.green-options-container .input-container:hover .tooltip:hover{
color:#00ab4f;
background-color:#fff;
}

.greenoption-detail{
border-radius: 5px;
    padding: 0px;
    margin-bottom: 20px;
    xbackground-color: rgb(255, 255, 255);
}

.green-options-container .green-output-cost,
.green-options-container .green-output-goal{
color:#a2a2a2;
}

.green-options-container .green-output-cost-active,
.green-options-container .green-output-goal-active,
.gi-active{
color:#000;
font-weight:bold;
}

.cost-detail-container p,
.goal-detail-container p{
font-size:12px;
line-height:20px;
margin:0px;
}

.advanced-option-container{
    background-color: #fdfdfd;
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid rgb(238, 238, 238);
    padding-bottom:20px;
}

.green-options-container .input-container:hover .advanced-option-container{
    display: block;
    background-color: #fdfdfd;
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid rgb(232, 232, 232);
}

.advanced-option-container img{
	max-width: 100%;
    height: auto;
    margin: 10px 0px;
}
.tooltip-wrapper{
padding:10px;
background-color:#eee;
border-radius:4px;
display:block;
}
#rainfall-wrapper,
#goals-wrapper,
#budget-wrapper,
#flooding-costs-wrapper{
    margin: 10px 0px;
    padding: 10px 10px;
   
}
#rainfall-wrapper,
#budget-wrapper,
#xgoals-wrapper{
 border-bottom: 1px solid #eee;
}

#green-improvements-wrapper{
	margin: 0px;
    padding: 0px;
}
.summary-container{
padding:10px;
}

#total-costs-container{
font-size:18px;
text-align:center;
margin-top:10px;
}
#total-costs-container .txt-link{
font-size:13px;
margin-top:10px;
}
#total-costs-value {
    color: #000;
    font-weight:bold;
    font-size: 18px;
}

#message-box-container{
	padding: 4px 8px;
    margin: 4px 0px 0px 28px;
    background-color: #C32323;
    border-radius: 4px;
    xtext-align:center;
    display:inline-block;
}

#message-box{
    color: #fff;
    font-size: 13px;
}

/**
 * Checkbox Big
 */
.checkboxBig {
    width: 30px;
    position: relative;
    display: inline-block;
}


/**
 * Create the box for the checkbox
 */
.checkboxBig label {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    top: -8px;
    left: 0;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
}

/**
 * Display the tick inside the checkbox
 */
.checkboxBig label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 6px;
    left: 7px;
    border: 3px solid #00ADEF;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}


/**
 * Create the hover event of the tick
 */
.checkboxBig label:hover::after {
    opacity: 0.2;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxBig input[type=checkbox]:checked + label:after {
    opacity: 1;
}



.my-sticky-element {
    height: inherit !important;
}
.stuck {
    position: fixed !important;
    padding-bottom: 10px;
    text-align: left;
}


#sticky-tabs{
z-index:91;
}

#sticky-results{
z-index:91;
}

.page-about .hero-wrapper{
    background: url(../images/hero-about-2.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
}

.page-about .hero-container{
padding: 40px 40px;
    margin: 0 auto;
    margin-top: 70px;
     margin-bottom: 200px;
    max-width: 900px;
    box-shadow: 0px 3px 10px rgba(0,0,0,.5);
    border-radius: 25px 0px 25px 0px;
    background-color: rgba(0, 0, 0, .5);
    }
.page-about .hero-container h2{
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0px 20px 0px;
}
.page-about .hero-container p{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}


.page-about .about-intro-container{
margin:30px 0px 50px 0px;
}

.page-about .about-intro-container h2{

}
.page-about .about-intro-container p{
    font-size: 20px;
    line-height: 28px;
    color:#333;
}

.page-about .about-gi-container .header-container{
    padding: 20px;
    box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.51);
    margin-bottom: 30px;
    text-align: center;
    background: #028850 url(../images/header-bg.png) 0 0 repeat-x;
    xborder-bottom: 4px solid #87a84e;
}

.page-about .about-gi-container .header-container h2{
color: #fff;
    font-size: 34px;
    line-height: 42px;
    margin: 0px 0px 10px 0px;
}

.page-about .about-gi-container .header-container p{
    color: #fff;
    margin: 0px;
    font-size: 18px;
    line-height: 26px;
}
.page-about .gi-perks-container{
box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.6);
margin-bottom:40px;
}
.page-about .gi-perks-container h3{
        background-color: #008851;
    color: #FFF;
    padding: 15px 5px;
    margin: 0px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    text-shadow: 1px 1px 2px #5f5f5f;
        background: #028850 url(../images/header-bg.png) 0 0 repeat-x;
            border-bottom: 3px solid #87a84e;
            
    }
    
    .page-about .gi-perks-container ul li{
        margin: 8px 0px 15px 20px;
    color: #333;
    font-size: 15px;
    line-height: 22px;
    }
    
.page-about .gi-perks-container-inner{
        padding: 0px 20px 20px 20px;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-radius: 0px 0px 4px 4px;
    }
    
    
.page-about .about-gi-wrapper{
    background: url(../images/hero-about-gi.jpg) 50% 0 no-repeat scroll;
    background-size: cover;
    margin:100px 0px 3px 0px;
}

.page-about .about-gi-container{
margin:20px 0px 100px 0px;
padding:40px;
}

.page-about .about-gi-container p{

}

.page-about .gi-audience-container{

}

.page-about .gi-audience-container-inner{
    background-color: #08884f;
    margin-bottom:20px;
    min-height:320px;
    border-top: 3px solid #fff;
    }

.page-about .gi-audience-container p{
    color: #fff;
    background-color: #08884f;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 26px;
    margin:0px;
    }
    
.page-about .gi-audience-container a{
margin-bottom:20px;
}

.page-about .gi-audience-list-container{
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0px 20px 10px 20px;
    border-radius: 6px;
    min-height: 180px;
}
    .page-about .gi-audience-container ul{
    
    }
    
    .page-about .gi-audience-container ul li{
    margin:0px 0px 10px 20px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    }
.page-about .gi-audience-container img{
max-width:100%;
height:auto;
}

.page-about .gi-audience-container h2{
background-color: #008851;
    color: #FFF;
    padding: 15px 5px;
    margin: 0px;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    text-shadow: 1px 1px 2px #5f5f5f;
    background: #028850 url(../images/header-bg.png) 0 0 repeat-x;
    border-bottom: 3px solid #87a84e;
}

.page-about .btn-big{
    padding: 10px 14px;
    font-size: 16px;
    color: #007193;
    }