
body {
    margin-top: 100px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*.image-bg {
    background-image: url('../homepage-spring.jpg'); 
    background-position: center center;
background-size: cover; 
    background-repeat:no-repeat;
    min-height: 400px;
    
} */
.image-bg img {
    width:100%; 
    height:auto; 
    padding:0;
    margin:0} 

.navbar-brand {
    padding: 10px 25px 0 15px;
}

/*.image-bg-fluid-height {
	background: url('http://www.nhsaves.com/wp-content/uploads/2014/01/HOMEPAGE-SPRING.jpg') no-repeat center center scroll;
    padding: 150px 0;
} */

.image-bg-fixed-height {
	background: url('') no-repeat center center scroll;
    height: 450px;
}

/* Navigation */
#top-bar {
    height: 50px; 
    background: #32aae8; 
    position:fixed;
right:0;
left:0;
    z-index: 1030;
}
.color-white {color: #fff}
.bar-fixed {top:0}
.navbar-fixed-top {top:50px !important}
.social {float:left;}
.search {float:right}
.top-pad {margin-top:7px}

.search {border: 1px solid #fff;
 color: #fff;
background: transparent;
width: 220px;
    padding-left:10px;
}

.navbar-inverse {
    background-color: #336699;
    border-color: #336699;
}
.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}

.nav-pills > li > a {
    border-radius: 15px !important;
}

.home, .work, .municipality {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px 10px !important;
    margin-right: 5px;
    color: #fff;
    background-color: #32AAE8;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

ul {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    list-style-type: none;
    margin-left: -8px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 13px;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #45ABE3; 
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #fff;
    color: #666;
}
/* end navigation */
.img-center {
	margin: 0 auto;
}

section {
    padding: 20px 0;
}

.learn {text-transform: uppercase; }
/* Icons section */
.border-rt {border-right: 1px solid #94c852}
.side-pad {padding:10px 70px; 
    text-align: center}
.icon-head {text-align: center ; 
    margin-bottom: 10px;   
}
.green-color { 
    color:#94c852; 
    text-align: center;
    padding-bottom:5px;
}

.align-center {
    display: block !important;
    margin: 0 auto}

.head-caption { width:100%; 
    display:block;
    text-align: center; 
    font-size: 18px; 
    color: #5eb0ed;
    font-weight:bold;
    padding-bottom: 10px;
}
.description { color: #5eb0ed;
font-size: 12px; }
.bg-img {height:122px; 
    background-image: url('../top-header.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover}

.gr-link {color:#94c852;}
a.gr-link:hover {text-decoration: none;}

/* end icons */

/* Twitter section*/ 

.bg-color-blue {background: #5eb0ed}
.likes {padding: 10px 10px;
    color:#5eb0ed;
    background: #fff; 
    display: block;
    width: 250px; 
    text-align: center;
    margin: 0 auto;
margin-bottom: 10px;
border-radius: 15px}
.floatl {float:left}
.tweet {color:#fff; 
    padding-left: 15px; 
    }
.top-margin {margin-top:20px}
/* end twitter */
.news {padding-left: 30px}
.bg-picture {background: url('../bg-grey-icons.jpg'); 
    background-repeat: no-repeat; 
    background-position: center center; 
    height:450px; }
.heating {padding-left: 150px; 
    width: 70%; 
    display:block}
.triangle {position:absolute; 
    top:50%;right:-32px; 
    margin-top:-34px;
    z-index:-9999}
ul.home-menu  {color:#fff; 
    text-transform: uppercase; 
    width:370px; 
    float: right}
ul.home-menu li {padding-bottom: 20px; 
    border-bottom: 1px solid #fff; 
    margin-top:10px}
ul.home-menu li a {color:#fff }
ul.home-menu li a:hover {color:#000; 
    text-decoration:none}
/* Footer Events */
.border-grey {border-right: 1px solid #A09494;
    min-height:330px
}
.upcase {text-transform: uppercase}
.grey-bg2 {background:#f1f1f2; min-height: 450px; }

.mission-pad {padding-top:10%}
h3.color-green {margin-top:0; 
    text-transform:uppercase}
.description2 { color: #000;
font-size: 12px; }
.side-pad2 {padding:0px 80px; margin-top: 40px;
    }
.color-green {color: #94c852;}
.color-blue {color:#5eb0ed}

.grey-bg {background:#f1f1f2; 
    min-height: 450px;
    margin-top:-20px}
.pad-top {padding-top: 30px}
.img-style {padding-left:30px;}
.pad-bottom {margin-bottom:18px}
.child {
    height:320px; 
    padding:0; 
    background:url('../child.jpg');
    background-size: cover
}
.top-image {
    display:block;
    height:143px; 
    position:relative; 
    background:url('../top-img.jpg');
    background-size: cover; 
    margin-bottom:16px;
}
.bottom-image {display:block;
    height:160px; 
    position:relative; 
    background:url('../bottom-img.jpg');
    background-size: cover;
    
}
.blue-strip {
    font-size:16px; 
    padding-top:5%;
    position:absolute; 
    bottom:0; 
    text-transform:uppercase; 
    background:rgba(94, 176, 237, 0.6); 
    width:100%; 
    height:50%}
.color-white {color: white;}
.blue-strip1 {
    font-size:16px; 
    position:absolute; 
    bottom:0; 
    top:0; left:0; right:0;
    text-transform:uppercase; 
    background:rgba(94, 176, 237, 0.6); 
    width:150px; 
    height:100%; 
    padding: 10px; padding-top:5%}

.section-heading {
    text-align:center;
    font-size: 1.0em;
    color: #333333;
    margin-bottom: 30px;
}

.section-lead {
    margin: 30px 0;
}

.section-paragraph {
    margin: 30px 0;
}

footer {
    padding: 50px 0;
    background:#f1f1f2;
}
hr.bord-gr {border-top: 1px solid #8C8888 !important}
.margin-logo {margin-top: 40px}

@media(max-width:1200px) {
    .img-style {padding-left:0px;}
}

@media(max-width:991px) {
    .border-grey {border:0px;}
    .side-pad {padding:10px 20px}
    body {margin-top:150px}
    .triangle {display:none}
}

@media(max-width:768px) {
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    ul.home-menu {padding-right: 10px; width:auto}
    .section-heading {
        font-size: 2em;
    }
    
    .child {margin-bottom: 20px}
    
     .border-rt {border: 0px}
    .heating {padding-left: 70px;
    width:90%}
    
}