header,
      footer {
        max-width: 1170px;
        background-color: #FFF;
        margin: 0px auto;
      }
      
      #main-nav {
        background-color: #8BB16F;
        position: relative;
        z-index: 1;
      }
      
      #main-nav>div ul li:hover {
        color: #333;
        background-color: #BBDAA3;
      }
      
      #main-nav>div {
        max-width: 1170px;
      }
      .info-project {
        position: absolute;
        top: 0px;
        padding-top: 20%;
        width: 100%;
      }
      
      .info-project h5 {
        height: 40px;
        line-height: 40px;
        color: #FFF;
        font-size: 24px;
        background-color: rgba(0,0,0,.6);
        margin-top: -40px;
        padding: 0px 20px;
      }
      
      footer {
        background-color: #FFF;
      }
      
      
      .event-panel .date {
        background-color: #52768e;
      }
      
      .event-body .hero .date {
        background: #52768e;
        font: 40px/48px "officina", Arial, san-serif;
      }
      
      
      .location i {
        color: #52768e;
      }
      
      .send-mail {
        background: #FFF;
      }
      
      .send-mail i {
        font-size: 18px;
      }
      
      .project-coordinator-contact {
        position: relative;
        margin-left: 110px;
        min-height: 100px;
      }
      
      .coordinator-img {
        float: left;
      }
      
      .zone-banner {
        padding: 10px 20px;
        background-color: #50673F;
      }
      
      .zone-banner h3 {
        color: #D6EFC3;
        text-align: center;
        font-size: 20px;
      }
      
    
      html, body {
        font: 14px 'Segoe UI', Helvetica, Verdana, san-serif;
        color: ;
        background-color: #F4F4F4;
      }
      
      #content {
        max-width: 1170px;
      }
      
      #content > div > div > #main {
        max-width: -width;
      }
      
      #column-one {
        width: 420px;
        min-width: 420px;
      }
      
      #column-two {
        width: 0px;
        min-width: 0px;
      }
      
      a:hover {
        color: #6e9fbe;
      }
      
      h1, h2, h3, h4, h5 {
        font-family: ;
        color: #314556;
      }
      
      h5 a:hover,
      h4 a:hover {
        color: #6e9fbe;
      }
      
      .title-holder h1 {
        font: 25px 'officina', Arial, san-serif;
        color: #314556;
        margin-right: 140px;
        margin-left: 68px;
        padding-right: 10px;
        border-right: 1px solid #f4f4f4;
      }
      
      .switch-button label {
        color: #314556;
      }
      
      .switch-button input[type="checkbox"].switch+span+div:before {
        background-color: #314556;
      }
      
      .widget-content {
        background-color: #FFF;
        font: 14px 'Segoe UI', Helvetica, Verdana, san-serif;
        color: #7D7D7D;
      }
      
      .widget-content h2 {
        font: 21px 'officina', Arial, san-serif;
        color: #314556;
      }
      
      .widget-content h4 {
        font: 18px 'officina', Arial, san-serif;
        color: #52768e;
      }
      
      .widget-content h5 {
        font: 16px 'officina', Arial, san-serif;
        color: #AAA;
      }
      
      .ch-profile-custom-info > div div:first-child {
        color: #314556;
        font: 21px 'officina', Arial, san-serif;
      }
      
      .self-boxes .widget-content {
        padding: 0px;
        background-color: transparent;
      }
      
      .ch-profile-custom-info > div {
        padding: 20px;
        position: relative;
        margin-bottom: 20px;
        background-color: #FFF;
      }
      
      
      /*______ HEADER ______*/
      
      [data-section="header"] {
        padding-bottom: 10px;
        position: relative;
      }
      
      .header-content {
        background-color: #FFF;
        position: relative;
      }
               
      .header-inner {
        width: 100%;
        padding-top: 20%;
        position: relative;
      }
      
      .header-inner .background-profile {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
      }
      
      .header-inner .change-bkg-box {
        top: 5px;
      }
      
      .agripa-avatar {
        position: absolute;
        left: 20px;
        top: 20px;
      }
      
      .project-icon {
        font-size: 0px;
        position: absolute;
        top: 0px;
        left: 20px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.4);
        height: 136px;
        z-index: 1;
      }
      
      .title-holder {
        padding: 20px;
        min-height: 55px;
        position: relative;
      }
      
      .webtype-identifier {
        color: #FFF;
        width: 55px;
        height: 55px;
        line-height: 55px;
        background: #F06200;
        display: inline-block;
        text-align: center;
        font: 42px 'Segoe UI', Helvetica, Verdana, san-serif;
        float: left;
      }
      
      .webtype-identifier img{
        width: 100%;
      }
      
      /* End Header*/
      
      [data-section="footer"],
      [data-section="header"] {
        padding: 0px;
        position: relative;
      }
      
      [data-section="footer"] {
        max-width: 1170px;
        margin: 0px auto;
      }
      
      [data-section="site-nav"] {
        padding: 0px;
        margin-bottom: 20px;
      }
      
      [data-section="site-nav"] .widget {
        margin-bottom: 20px;
      }