body, html {
width:100%;
overflow-x:hidden;
}

a, li, p, h1, h2, h3, h4 {
font-family: "proxima-nova";
}

.container {
min-width:992px;
}

#top {
background:url('Assets/header-image.png');
height:865px;
position:relative;
background-repeat:no-repeat;
}

#about, #resources, footer {
background:url('Assets/blue-print-pattern.jpg');
}

footer {
height:300px;
}

#about {
height:433px;
}

#resources {
height:320px;
}

#services {
position:relative;
}

#services:before {
content:"";
position:absolute;
left:50%;
margin-left:-960px;
width:1920px;
background:url('Assets/built-to-help-you-build-background.jpg');
height:807px;
background-repeat:no-repeat;
background-position:top left;
background-color:#fbfbfb;
}


#featured-builders {
background-color:#8bc43f;
height:650px;
}

#builder-news {
position:relative;
min-height:550px;
}

#builder-news:before {
content:"";
background:url('Assets/in-the-news-photo.jpg');
height:550px;
background-repeat:no-repeat;
background-position:top right;
background-color:#2d2c2d;
background-size: 50%;
position:absolute;
right:50%;
margin-right:-960px;
width:1920px;
}

#testimonials {
background:url('Assets/men-building-photo.jpg');
height:1175px;
position:relative;
}

li {
list-style:none;
display:inline;
}

hr {
border-top: dashed 2px rgba(25, 76, 118, 0.25);
}

h1 {
font-size:65px;
font-weight:bold;
color:white;
text-transform:uppercase;
}

a:hover {
text-decoration:none;
}

.green-btn {
background-color:#8bc43f;
text-transform:uppercase;
padding:1.25em 3em;
border-bottom:3px solid #5a7f20;
border-radius:4px;
}

.green-btn:hover {
opacity:.9;
}

a.green-btn {
color:white;
font-size:21px;
}

#top .row .col-xs-12 {
text-align:center;
padding: 2em 0;
}

#top h2 {
font-size:32px;
color:#d2eaa9;
}

#top .col-xs-6 {
padding-top: 3em;
}

#top .row div {
padding-top:2.5em;
}

nav {
padding-top: 1.25em;
}

nav #main-nav li {
width:20%;
text-align:center;
}

nav #main-nav > li:hover {
background:url('Assets/navigation-arrow.png');
background-repeat:no-repeat;
background-position: top center;
height: 100%;
padding: 4em 0;
}


nav #main-nav li a {
color:white;
padding: 4em 2em 0 2em;
}

nav .sub-menu li a {
padding:0;
}

nav #main-nav li a:hover {
color:#d2eaa9;
}

nav .sub-menu li {
display:none;
}

nav li:hover .sub-menu li {
display: block;
}

nav #main-nav .sub-menu li {
width:100%;
padding: .75em 0;
}

.sub-menu {
position:absolute;
background-color:#D2EAA9;
margin-top: 1.25em;
z-index: 3;
padding:0;
border-radius:2px;
max-width:125px;
}

.sub-menu.two {
left: 14em;
width: 84px;
}

.sub-menu.two .triangle {
left:35%;
}

.sub-menu.three {
left: 20.5em;
}

#top .row .sub-menu-wrapper {
position:relative;
padding:0;
}

.triangle {
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #D2EAA9;
position: absolute;
padding: 0;
top: -47px;
left: 40%;
display:none;
}

#main-nav li:hover .triangle {
display:block;
}

#main-nav .sub-menu li a {
color:#4b681a;
padding: .75em;
font-size: 11px;
}

#main-nav .sub-menu li:hover {
background-color:#8BC43F;
}

#main-nav .sub-menu li:hover  a {
color:white;
}

.sub-menu:hover li {
display:block;
}

#main-nav.sub-menu li {
padding:1em 0;
}

#main-nav .sub-menu li:hover {

}

#about {
color:#e2e2e2;
text-align:center;
}

#about h2 {
margin-top: 150px;
font-size:3rem;
}

#about strong {
font-weight:bold;
text-transform:uppercase;
font-size:54px;
font-style:italic;
}

#built {
color:white;
text-align:right;
text-transform:uppercase;
}

#built h2 {
font-size:72px;
font-weight:bold;
margin-top:190px;
padding-right:1em;
}

#built span {
font-weight:100;
font-style:italic;
}

#service-list {
text-align: center;
}

#service-list h3 {
color:#928f93;
font-size:55px;
text-transform:uppercase;
font-weight:bold;
font-style:italic;
margin-top:93px;
}

#service-list li {
text-align:center;
padding-right:0;
}

#service-list li p {
text-transform:uppercase;
font-size:13px;
color:black;
font-weight:600;
min-height: 114px;
margin-top: 1em;
padding-top: 1em;
}

#service-list ul {
margin-top:3em;
padding-left:0;
}

#service-list .row:last-child {
margin-top: 1.5em;
}

#featured-builders {
text-align:center;
}

#featured-builders h1 {
margin-top:90px;
}

#featured-builders img {
padding:1em 0;
}

hr.green-line {
border-top: 4px solid #72a12f;
width: 3%;
margin-left: 47%;
}

#builder-news .col-xs-6 img:first-child {
margin-top: 8em;
}

#builder-news h1 {
margin-top:130px;
margin-left:117px;
font-size:60px;
}

#builder-news hr {
margin-left: 117px;
}

#builder-news p {
color:white;
text-transform:uppercase;
font-style:italic;
margin-left:117px;
margin-top:75px;
font-size:17px;
letter-spacing:1px;
}


#reviews-line {
position: absolute;
left: 48%;
top: 59%;
}

#resources h2 {
color:white;
font-size:45px;
font-style:italic;
display: inline;
padding-right: .75em;
}

#resources .col-xs-9 {
padding-top:2em;
}

#resources p {
font-size:15px;
text-transform:uppercase;
color:white;
letter-spacing: 2px;
margin-top: 1em;
}

#resources .row {
margin-top:3.75em;
}

#resources .col-xs-8 {
padding-top:4em;
}

#resources .row .col-xs-9 img {
display: inline;
vertical-align: top;
padding-top: .5em;
}


.white-btn {
border: 1px solid white;
color: white;
text-align: center;
padding: 1.25em 1.5em;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: .5em;
font-size:16px;
}

.white-btn:hover {
background-color:white;
color:#5583a6;
}

.toggle {
bottom: 0;
left: 0;
}

#testimonials  h1{
margin-top:98px;
}

#testimonials #testimonials-box {
background:url('Assets/quote-box.png');
width: 493px;
height: 229px;
text-align: right;
margin-top:58px;
position:relative;
}

#latest-news {
margin-top:10.5em;
}

img#top-quote {
position:absolute;
top:1em;
left:1em;
}

img#bottom-quote {
position:absolute;
bottom:3.5em;
right:1em;
}

#testimonials #testimonials-box p {
color: white;
padding: 30px 20px 0px 20px;
font-size: 16px;
font-style:italic;
letter-spacing: 1px;
position: absolute;
z-index: 10;
}

#testimonials p strong {
bottom:1em;
right:0;
}

#testimonials .col-xs-4 p:last-child {
text-transform:uppercase;
font-style:normal;
padding-top:0;
}

#testimonials h2 {
font-size:40px;
color:#8bc43f;
font-style:italic;
margin-bottom:0;
}

#testimonials  .col-xs-6.pull-right {
margin-top:8em;
}

#testimonials #latest-news p {
color:#777477;
font-size:18px;
line-height:1.2em;
}

#testimonials hr, #builder-news hr {
border-top: 3px solid #bbb9bb;
}

#helped-line {
position: absolute;
margin-top: -2em;
}

.green-outline-btn {
border: 2px solid #8bc43f;
color: #8bc43f;
text-align: center;
padding: 1.25em 2.5em;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: .5em;
}

.green-outline-btn:hover {
background-color:#8bc43f;
color:white;
}

#get-started {
background-color:#eaeaea;
position:relative;
}

#get-started h2 {
color:#7c777d;
font-size:70px;
font-style:italic;
font-weight:100;
display:inline;
text-transform:uppercase;
}

#get-started h3 {
font-size:70px;
color:#7c777d;
font-weight:bold;
display:inline;
padding: 0 .25em;
}

#get-started .row {
margin: 150px auto;
}

#get-started .col-xs-3.col-xs-offset-2 {
z-index: 1;
}

#get-started a.green-btn {
padding: .75em;
text-align: center;
margin-top: 1em;
font-size: 24px;
}

#get-started img {
vertical-align: top;
margin-top: -1.5em;
}

#get-started .line-circle {
position: absolute;
left: -4%;
bottom: 26%;
}

#cta-nav {
background-color: rgba(255, 255, 255, 0.35);
text-align:center;
position:fixed;
bottom:0;
width: 100%;
display:none;
z-index: 100;
}

#cta-nav a {
color:white;
text-transform:uppercase;
padding: 1em 0;
font-size: 1.5em;
background-color:#8bc43f;
}

#cta-nav a:first-child {
border-right:1px solid rgba(90, 127, 32, 0.53);
}

#cta-nav a:last-child {
border-left:1px solid #a7d06d;
}

#cta-nav a:hover {
background-color:#a7d06d;
}

footer li {
width:25%;
display:inline-block;
float:left;
padding-right: 4em;
min-height: 200px;
}

footer li:last-child {
padding-right:0;
}

footer li a {
color:rgba(255, 255, 255, 0.48);
display:block;
font-size:12px;
}

footer li a:hover {
color:white;
}

footer h2 {
color:white;
font-size:15px;
text-transform:uppercase;
font-weight:bold;
}

footer .row {
margin-top: 3em;
}

footer img {
padding-top: 2em;
}