body {
    color: #555555;
    font-family: 'Yantramanav', sans-serif;
}


#header {
    background-color: #81a689;
}

#page-banner {
    height: 150px;
}

.header-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    background-color: #ffffff;
    z-index: 2;
}

.front-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    background-color: #516b58;
    z-index: 2;
}

/* front features */

.icon-block {
    padding: 10px;
}

.round-icon {
    margin-left: auto;
    margin-right: auto;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    border: solid 3px #cde7d3;
    padding-top: 25px;
    background-color: #81a689;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}

.round-icon:hover {
    border: solid 8px #81a689;
    background-color: #cde7d3;
    color: #81a689;
}


/* breadcrumb */

#breadcrumb-container {
    float: right;
}

#breadcrumb {
    margin-top: 20px;
    color: #fff;
}

#breadcrumb li {
    float: left;
    margin-right: 10px;
}

#breadcrumb li a {
    color: #fff;
}

#breadcrumb > li + li::before {
    padding: 0px 5px;
    content: "/ ";
}


#main-content {
    min-height: 500px;
}


#footer {
    background-color: #5e5e5e;
}

#middle-parallax {
    height: 200px;
}




.btn {
    background-color: #81a689;
}

.btn:hover {
    background-color: #516b58;
}


#footer-top {
    background-color: #fafafa;
    border-top: 1px solid #ebebeb;
    padding: 30px 0px 0px;
}


/* form */

#feedbackform {

}

.help-block {
    color: crimson;
}

.alert {
    border: 1px solid #ff0000;
    border-radius: 5px;
    padding: 10px 20px;
}


/* weather */

@font-face {
    font-family: 'weather';
    src: url('../fonts/weather/weather-webfont.eot');
    src: url('../fonts/weather/weather-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weather/weather-webfont.woff') format('woff'),
    url('../fonts/weather/weather-webfont.ttf') format('truetype'),
    url('../fonts/weather/weather-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.weather-icon {
    color: #fff;
    font-family: weather;
    font-size: 150px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
}

#carousel-news {
    margin-top: 50px;
    /*max-height: 300px;*/
}

#carousel-news .item {
    position:relative;
}

#carousel-news .item .content {
    background-color: rgba(255,255,255,0.5);
    padding: 5px;
    display: block;
}

#carousel-news .item img {
    width: 100%;
}

.feature-list {
    line-height: 2em;
}

.separator-line {
    margin-top: 40px;
    padding: 40px 10px;
    border: 0;
    border-top: 1px solid #cccccc;
    max-width: 80%;
}
.separator-blank {
    border: 0;
    margin: 80px 0px;
}

.join-button {
    padding: 5px;
}


.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }