@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CenturyGothic.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/CenturyGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg'); /* Legacy iOS */
}

body {background:#ffffff; color:#666666; font-family: 'CenturyGothic', CenturyGothic, AppleGothic, sans-serif;}
h2 {text-transform:uppercase;}
h3 {color:#b8292f; text-transform:uppercase;}

.container {background:#ffffff;}

.fixed-header-push {margin:195px 0 0 0;}

.navbar-fixed-top {width:1170px; background:#ffffff !important; margin:auto !important; border-bottom:1px solid #eeeeee !important; padding:0 15px 0 15px;}

.navbar-brand {float:left; width:auto; height:auto; margin:0px; padding:30px 0 30px 0;}
.navbar-brand img {float:left; width:65%;}
.navbar {position:fixed; width:1140px; z-index:666; background:#ffffff; border-top:none; border-right:none; border-bottom:1px solid #eeeeee; border-left:none; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); margin:0px; padding:0px;}

.navbar-default .navbar-nav>li>a {text-transform:uppercase;}

.cta-container {float:right; margin:30px 0 0 0; padding:0px;}
.cta-btn {float:left; margin:0px; padding:0px;}
.cta-btn a {float:left; background:#b8292f; color:#ffffff; font-size:14px; margin:0px; padding:10px 15px 10px 15px;}
.cta-btn a:hover {background:#666666; text-decoration:none;}
.cta-btn .icon {float:left; margin:0px; padding:0px;}
.cta-btn .icon img {width:40px;}
.cta-btn .label {float:left; width:90px; font-size:14px; white-space:normal; font-weight:normal; text-transform:uppercase; text-align:left; margin:6px 0 0 15px; padding:0px;}

.search-box {float:right; margin:-5px 0 0 0; padding:0px;}
.search-box .form-group {float:left; width:150px; margin:0px; padding:0px;}
.search-box .form-group input {float:left; height:40px; background:#eeeeee; border:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); -webkit-border-radius:0; border-radius:0; color:#666666; font-size:14px; text-align:center; margin:0px; padding:10px 15px 10px 15px;}
.search-box button {float:left; width:40px; height:40px; background:url('../images/icon-search.png') no-repeat #b8292f; background-size:25%; background-position:50% 50%; border:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); -webkit-border-radius:0; border-radius:0; font-size:14px; font-weight:normal; color:#ffffff; margin:0px; padding:10px 15px 10px 15px;}
.search-box button:hover {background:url('../images/icon-search.png') no-repeat #666666; background-size:25%; background-position:50% 50%; border:none; color:#ffffff; font-weight:normal;}

.article {float:left; width:100%; background:#ffffff; border:1px solid #eeeeee; margin:0 0 15px 0; padding:15px;}
.article a {color:#666666; font-size:14px; text-decoration:none;}
.article a:hover {text-decoration:none;}
.article .image a {float:left; width:100%; height:150px; margin:0px; padding:0px;}
.article .title {float:left; width:100%; height:60px; color:#666666; font-size:14px; text-transform:uppercase; margin:15px 0 0 0; padding:0px;}
.article .text {float:left; width:100%; height:85px; color:#666666; font-size:14px; margin:15px 0 0 0; padding:0px;}
.article .link {float:left; width:100%; text-align:center; margin:15px 0 0 0; padding:0px;}
.article .meter {float:left; width:100%; height:15px; background:#eeeeee; margin:15px 0 0 0; padding:0px;}
.article .meter .vector {float:left; width:66%; height:15px; background:#b8292f; margin:0px; padding:0px;}
.article .details {float:left; width:100%; margin:15px 0 0 0; padding:0px;}
.article .details .item {float:left; width:33%; color:#666666; font-size:14px; text-align:center; margin:0px; padding:0px;}
.article .donate {float:left; width:100%; margin:15px 0 0 0; padding:0px;}
.article .donate a {float:left; width:100%; background:#b8292f; color:#ffffff; font-size:14px; text-align:center; margin:0px; padding:15px;}
.article .donate a:hover {background:#f29120; text-decoration:none;}

.highlights a {color:#b8292f; font-size:16px;}
.highlights .highlight {float:left; width:100%; background:#ffffff; border:1px solid #eeeeee; margin:0px; padding:0 15px 0 15px;}
.highlights .highlight a {color:#666666; font-size:14px; text-decoration:none;}
.highlights .highlight a:hover {color:#b8292f; text-decoration:none;}
.highlights .highlight .item {float:left; width:100%; color:#b8292f; font-size:14px; border-bottom:1px solid #eeeeee; margin:0px; padding:14px;}
.highlights .highlight .last {border-bottom:none;}

.project {float:left; width:100%; background:#ffffff; border:1px solid #eeeeee; margin:0 0 15px 0; padding:15px;}
.project a {color:#666666; font-size:14px; text-decoration:none;}
.project a:hover {text-decoration:none;}
.project .title {float:left; width:100%; color:#666666; font-size:14px; text-transform:uppercase; margin:0px; padding:0px;}

.publication {float:left; width:100%; background:#ffffff; border:1px solid #eeeeee; margin:30px 0 15px 0; padding:15px;}
.publication a {color:#666666; font-size:14px; text-decoration:none;}
.publication a:hover {text-decoration:none;}
.publication .image a {float:left; width:100%; height:150px; margin:0px; padding:0px;}
.publication .title {float:left; width:100%; color:#666666; font-size:14px; text-transform:uppercase; margin:15px 0 0 0; padding:0px;}
.publication .type {float:left; width:100%; color:#666666; font-size:14px; margin:0px; padding:0px;}

.partner {float:left; width:100%; background:#ffffff; border:1px solid #eeeeee; margin:30px 0 15px 0; padding:15px;}
.partner a {color:#666666; font-size:14px; text-decoration:none;}
.partner a:hover {text-decoration:none;}
.partner .image {float:left; width:100%; height:150px; margin:0px; padding:0px;}
.partner .title {float:left; display:none; width:100%; color:#666666; font-size:14px; text-transform:uppercase; margin:0px; padding:0 15px 0 15px;}
.partner .text {float:left; display:none; width:100%; color:#666666; font-size:14px; margin:15px 0 0 0; padding:0 15px 0 15px;}
.partner .type {float:left; display:none; width:100%; color:#666666; font-size:14px; margin:0px; padding:0 15px 0 15px;}

.search-title {margin-top:10px; padding:0px;}
.search {float:left; width:100%; background:#ffffff; border:1px solid #eeeeee; margin:0 0 15px 0; padding:15px;}
.search a {color:#666666; font-size:14px; text-decoration:none;}
.search a:hover {text-decoration:none;}
.search .title {float:left; width:100%; color:#666666; font-size:14px; text-transform:uppercase; margin:0px; padding:0px;}
.search .text {float:left; width:100%; color:#666666; font-size:14px; margin:15px 0 0 0; padding:0px;}

.contact {margin:0 0 30px 0; padding:0px;}
.contact .form-group {margin-bottom:0px;}
.contact .form-group input {float:left; height:40px; background:#eeeeee; border:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); -webkit-border-radius:0; border-radius:0; color:#666666; font-size:14px; margin:10px 0 0 0; padding:10px 15px 10px 15px;}
.contact .form-group textarea {float:left; background:#eeeeee; border:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); -webkit-border-radius:0; border-radius:0; color:#666666; font-size:14px; margin:10px 0 0 0; padding:10px 15px 10px 15px;}
.contact button {clear:both; float:left; height:40px; background:#b8292f; border:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); -webkit-border-radius:0; border-radius:0; font-size:14px; font-weight:normal; color:#ffffff; margin:10px 0 0 0; padding:10px 15px 10px 15px;}
.contact button:hover {background:#666666; border:none; color:#ffffff; font-weight:normal;}

.contact-item {display:none;}
.contact-info {padding:0 30px 0 30px;}

.page-title {margin:0px; padding:0px;}
.page-title h2 {margin:0px; padding:0px;}
.page-text {margin:30px 0 0 0; padding:0px;}
.page-text h2 {margin:0px; padding:0px;}
.page-hero {margin:0px; padding:0px;}

.news-title {margin:15px 0 0 0; padding:0px;}
.news-text {margin:30px 0 0 0; padding:0px;}
.news-hero {margin:0px; padding:0px;}

.gallery {margin:30px 0 0 0;}
.gallery .item {float:left; width:100%; border:1px solid #eeeeee; margin:0px; padding:15px;}
.gallery .item a {float:left; width:100%; height:150px; margin:0px;}

.modal-body img {width:100%;}

@media screen and (min-width: 768px) {
    .container-fluid {padding:0px;}

    .navbar-header {float:left; height:auto; padding:0 0 0 15px;}
    .navbar-collapse {padding:0px;}

    .navbar-left {clear:both; float:left; text-align:center; margin:0 0 30px 0; padding:0px;}
    .navbar-right {float:left; text-align:center; margin:0 0 30px 0; padding:0px;}

    .navbar-default .navbar-nav>li>a {color:#666666; font-size:14px; border-bottom:5px solid #ffffff; padding:5px 15px 5px 15px;}
    .navbar-default .navbar-nav>li>a:hover {color:#b8292f; border-bottom:5px solid #b8292f;}
    .navbar-default .navbar-nav>li>a:focus {color:#b8292f;}
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {color:#b8292f; background:transparent; background-image:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); border-bottom:5px solid #b8292f;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#b8292f; background:transparent; background-image:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); border-bottom:5px solid #b8292f;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#b8292f; background:transparent; background-image:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0);}

.footer {float:left; width:100%; background:#b8292f; color:#ffffff; font-size:14px; margin:30px 0 15px 0; padding:0 15px 15px 15px;}
.footer a {color:#ffffff; font-size:14px;}

.footer .icon img {clear:both; float:left; width:40px; margin:15px 0 0 0; padding:0px;}
.footer .title {float:left; font-size:14px; margin:25px 0 0 15px; padding:0px;}
.footer .links {clear:both; float:left; font-size:14px; margin:15px 0 0 55px; padding:0px;}
.footer .copyright {float:left; font-size:14px; text-transform:uppercase; text-align:left; margin:30px 0 0 0;}
.footer .produced {float:right; font-size:14px; text-transform:uppercase; text-align:right; margin:30px 0 0 0;}

.padding0 {padding:0px;}
.margin0 {margin-left:0px; margin-right:0px;}
.marginR0 {margin-left:0px;}
.marginFix {margin:0px;}
.marginT30 {margin-top:30px;}

.map-wrapper {position:relative; height:500px;}
.map-canvas {position:absolute; margin-bottom:20px; width:100%; height:500px; color:#29383F; left:0; top:0; right:0;}

.carousel-caption {float:left; right:auto; left:auto; bottom:0px; width:100%; background:#b8292f; opacity:0.85; filter: alpha(opacity=85); padding-bottom:22px;}
.carousel-caption a {color:#ffffff !important;}
.carousel-caption a:hover {text-decoration:underline;}
.carousel-indicators {bottom:65px;}
.carousel-indicators .active {background:#ffffff;}
.carousel-indicators li {border:1px solid #ffffff;}

.search-category {margin-top:30px;}

.project-info {float:left; width:100%; padding:0px;}
.project-meter {float:left; width:100%; background:#f29120; margin:15px 0 0 0; padding:0px;}
.project-meter .project-bar {float:left; height:80px; background:#b8292f; margin:0px; padding:0px;}

.project-start {float:left; color:#b8292f; font-size:14px; margin:0px; padding:0px;}
.project-end {float:right; color:#666666; font-size:14px; text-align:right; margin:0px; padding:0px;}

.project-collected {float:left; color:#ffffff; font-size:18px; text-align:center; margin:0px; padding:15px;}
.project-target {position:absolute; right:0; color:#ffffff; font-size:18px; text-align:center; margin:0px; padding:15px;}

.project-details{float:left; margin:0px; padding:0px;}
.project-city {float:left; margin:0px; padding:0px;}
.project-city a {float:left; background:#666666; color:#ffffff; margin:15px 15px 0 0; padding:15px;}
.project-city a:hover {background:#b8292f; text-decoration:none;}
.project-group {float:left; margin:0px; padding:0px;}
.project-group a {float:left; background:#666666; color:#ffffff; margin:15px 15px 0 0; padding:15px;}
.project-group a:hover {background:#b8292f; text-decoration:none;}
.project-cause {float:left; margin:0px; padding:0px;}
.project-cause a {float:left; background:#666666; color:#ffffff; margin:15px 15px 0 0; padding:15px;}
.project-cause a:hover {background:#b8292f; text-decoration:none;}
.project-details a:focus {text-decoration:none;}

.filterTag a {font-size:14px; font-weight:normal; background:#666666 !important; -webkit-border-radius:0 !important; border-radius:0 !important;}
.filterTag a:hover {background:#b8292f !important;}

.pagination>li>a, .pagination>li>span {color:#ffffff; background-color:#666666; border:none; -webkit-border-radius:0 !important; border-radius:0 !important; margin:0 4px 0 0; padding:.2em .6em .3em;}
.pagination>li>a:hover {color:#ffffff; background-color:#b8292f; -webkit-border-radius:0 !important; border-radius:0 !important;}

.partnerContentContainer {float:left; width:100%; margin:15px 0 0 0; padding:0px;}
.partnerContentContainer .partnerContentFirst {float:left; width:100%; background:url('../images/icon-arrow.png') no-repeat #eeeeee; background-position:15% 0%; color:#666666; margin:0px; padding:15px;}
.partnerContentContainer .partnerContentSecond {float:left; width:100%; background:url('../images/icon-arrow.png') no-repeat #eeeeee; background-position:50% 0%; color:#666666; margin:0px; padding:15px;}
.partnerContentContainer .partnerContentThird {float:left; width:100%; background:url('../images/icon-arrow.png') no-repeat #eeeeee; background-position:85% 0%; color:#666666; margin:0px; padding:15px;}

.filters-news {float:left; margin:0px; padding:0 0 30px 0;}
.filters-news select {float:left; border:1px solid #eeeeee; margin:0 15px 0 0; padding:10px;}

.donate {float:left; margin:30px 0 0 0; padding:0px;}
.donate select {float:left; width:79%; border:1px solid #eeeeee; margin:0 1% 0 0; padding:10px 1% 10px 1%;}
.donate input[type="number"] {float:left; width:20%; border:1px solid #eeeeee; margin:0px; padding:10px 1% 10px 1%;}
.donate input[type="submit"] {float:left; width:50%; height:40px; background:#b8292f; border:none; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 0 rgba(0,0,0,0); -webkit-border-radius:0; border-radius:0; font-size:14px; font-weight:normal; color:#ffffff; margin-top:15px; padding:10px 0 10px 0;}
.donate input[type="submit"]:hover {background:#666666; border:none; color:#ffffff; font-weight:normal;}

.epay-button {width:49% !important; margin-left:1% !important;}

.project-donate {float:left; width:100%; margin:15px 0 0 0; padding:0px;}
.project-donate a {float:left; width:100%; background:#b8292f; color:#ffffff; font-size:14px; text-align:center; margin:0px; padding:15px;}
.project-donate a:hover {background:#f29120; text-decoration:none;}
.project-donate a:focus {text-decoration:none;}

.g-recaptcha {float:left; margin:10px 0 0 0; padding:0px;}

.error-message {clear:both; float:left; width:100%; color:#b8292f; margin:10px 0 0 0; padding:0px;}

.statistics-info {float:left; width:100%; background:url('../images/background-statistics.jpg') no-repeat; background-size:100%; background-position:50% 20%;}
.statistics-info .statistics-name {font-size:14px; text-align:center; text-transform:uppercase; margin:0 0 50px 0;}
.statistics-info .statistics-number {color:#b8292f; font-size:42px; text-align:center; margin:50px 0 0 0;}

@media (max-width: 1199px) {
    .article .text, .article .title {height: auto;}
}

@media (min-width: 991px) and (max-width: 1199px) {
    .fixed-header-push {margin: 245px 0 0 0;}

    nav.navbar {width: 940px; }
    div.header-image {background: url('http://localhost:8888/themes/frontend/images/header-bg.png') 35px 17px/800px no-repeat !important;}
}

@media (max-width: 991px) {
    .navbar-brand {width: 254px;}
    .navbar-brand img {width: 100%;}

    #main-navbar-collapse {margin-top: 60px; margin-right: 15px; padding-bottom: 10px;}

    .statistics-info {padding: 10px 0; background-size: cover;}
    .statistics-info .statistics-number {margin: 5px 0 0 0;}
    .statistics-info .statistics-name {margin: 0 0 5px 0;}

    .highlights .highlight {margin-bottom: 15px;}

    .footer .row:first-child > div {min-height: 220px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .fixed-header-push {margin: 255px 0 0 0;}

    div.header-image {background: url('http://localhost:8888/themes/frontend/images/header-bg.png') -3px -26px/1050px no-repeat !important;}
    
    nav.navbar {width: 720px; }
    .navbar-default .navbar-nav>li>a {font-size: 12px; padding: 5px 7px 5px 7px;}

    .cta-container {margin: 48px 0 5px 0;}
}

@media (max-width: 767px) {
    .fixed-header-push {margin: 205px 0 0 0;}

    .navbar {position: absolute; top: 0;}

    div.header-image {background: url('http://localhost:8888/themes/frontend/images/header-bg.png') center 73px/800px no-repeat !important;}

    nav.navbar {width: 100%; }

    .cta-container {margin: 0px 30px 0px 0;}

    .navbar-toggle {margin-top: 35px; margin-right: 45px;}

    .filters-news {margin-top: 20px;}
    .filters-news select[name="group"] {width: 100%; margin-bottom: 10px;}
}

@media (max-width: 630px) {
    .filterTag a {display: block; margin-bottom: 10px;}

    .footer .icon img {width: 30px; margin: 20px 0 0 0;}
    .footer .title {margin: 25px 0 0 10px;}
    .footer .links {margin: 15px 0 0 50px;}
    .footer a {font-size: 11px;}
    .footer .copyright, .footer .produced {font-size: 11px;}
}

@media (max-width: 500px) {
    .row.marginR0 {margin-left: -15px;}

    .row.marginR0 .col-md-9.padding0 {padding-left: 15px; padding-right: 15px;}

    .footer .row:first-child > div {width: 51%; float: none; margin: 0 auto; min-height: auto;}
    .footer .title {font-size: 11px; margin: 28px 0 0 10px;}
    .footer .links {margin: 15px 0 20px 0px;}
    .footer .copyright, .footer .produced {text-align: center; display: block; float: none;}
    .footer .produced {margin: 5px 0 0 0;}

    .facebook-feed ._2p3a, .fb_iframe_widget_fluid span, .fb_iframe_widget iframe {width: 100% !important;}
}

@media (max-width: 420px) {
    .fixed-header-push {margin: 175px 0 0 0;}

    div.header-image {background: url('http://localhost:8888/themes/frontend/images/header-bg.png') center 73px/0px no-repeat !important;}
    .navbar-brand {width: 200px;}
    
    .cta-container {float: none; height: 45px;}
    .cta-btn:last-child {float: right;}
    .cta-btn a {padding: 10px 10px 10px 10px;}
    .cta-btn .icon img {width: 25px;}
    .cta-btn .label {width: 75px; margin: 1px 0 0 7px; font-size: 11px;}
    
    #main-navbar-collapse {margin-top: 0;}
    .nav>li>a {padding: 10px 10px;}
    .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 15px; font-size: 12px;}
    
    .carousel-caption {padding-top: 10px; padding-bottom: 10px;}
    .carousel-caption a {font-size: 10px; line-height: 1.2em; display: block;}
    .carousel-indicators {display: none;}

    .fixed-header-push h2 {font-size: 24px; text-align: center;}

    .filters-news select {width: 100%; margin-bottom: 10px;}
}

@media (max-width: 385px) {
    .footer .row:first-child > div {width: 56%;}
}

@media screen and (max-width: 767px) {
    .search-form-wrapper {
        margin-top: -55px !important;
    }
}

@media screen and (max-width: 629px) {
    .fixed-header-push {
        margin: 244px 0 0 0 !important;
    }
}

@media screen and (max-width: 420px) {
    .fixed-header-push {
        margin: 234px 0 0 0 !important;
    }
    .search-form-wrapper {
        margin-top: -35px !important;
    }
    .search-form-wrapper .search-box {
        float: none !important;
        width: 100% !important;
    }
    .search-form-wrapper .search-box .form-group {
        float: left !important;
        width: calc(100% - 40px) !important;
    }
}