.two-col-wrapper {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 16px; /* Chrome, Safari, Opera */
        -moz-column-gap: 16px; /* Firefox */
        column-gap: 16px;
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid
      }
      
      .two-col-wrapper.three-columns {
        margin-top: 120px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
      }
      
      .two-col-wrapper > div {
        background: #FFF;
        border-right: 4px solid #F5f5f5;
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .two-col-wrapper .news-panel h4 {
        right: -4px;
        top: 4px;
      }
      
      .two-col-wrapper .event-panel {
        padding: 0px;
      }
      
      .two-col-wrapper .event-panel .event-info {
        margin: 10px;
      }
      
      .two-col-wrapper .event-panel h5 {
        padding: 0px;
      }
      
      .two-col-wrapper .event-panel .summary {
        margin-bottom: 10px;
      }
      .two-col-wrapper > div h5 a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 24px;
        max-height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .two-col-wrapper > div .summary {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 20px;
        max-height: 80px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
      }
      .two-col-wrapper .event-panel .date {
        text-align: center;
        min-width: 60px;
      }
      
      .two-col-wrapper .new-summary {
        padding-bottom: 20px;
      }
      .breadcrum {
        font: 20px 'Roboto',arial,'san-serif';
        padding-left: 10px;
        margin-bottom: 10px;
      }
      
      .breadcrum a:hover {
        color: #FFF;
      }
      
      .areas-holder {
        background-color: #FFF;
        margin-bottom: 20px;
      }
            
      .areas-holder {
        animation: fadein 1.5s;
    		-moz-animation: fadein 1.5s; /* Firefox */
    		-webkit-animation: fadein 1.5s; /* Safari and Chrome */
    		-o-animation: fadein 1.5s; /* Opera */
      }
      
      /*______ Filter Investigators ______*/
      
      .filtermembers-holder {
        overflow: hidden;
        margin: -10px -10px 40px -10px;
      }
      
      .panel-member {
        width: 25%;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        font-size: 0px;
        padding: 10px;
      }
      
      .panel-member > div {
        position: relative;
        width: 100%;
        padding-top: 128.97%;
      }
      
      .panel-member img {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        max-width: 100%;
        max-height: 100%;
      }
			
      .panel-member h4 {
        width: 100%;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        bottom: 0px;
        right: 0px;
        top: auto;
        position: absolute;
        font: 14px officina, arial, 'san-serif';
        z-index: 1;
        background: rgba(0,0,0,0.7);
        color: #FFF;
        padding: 5px;
        border: none;
      }
      
      h4.member-title {
        margin-bottom: 0px;
      }
      
      .panel-member:hover .profile-info {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
      }
      
      /*______ GROUPS FILTER ______*/
      
      .filtercommunities-holder,
      .filtergroups-holder {
        overflow: hidden;
        margin: -10px -10px 40px -10px;
      }
      
      .filtercommunities-holder > div,
      .filtergroups-holder > div {
        width: 50%;
        padding: 10px;
        float: left;
        box-sizing: border-box;
      }
      
      .filtergroups-holder > div > div {
        background-color: #FFF;
        font-family: 'Roboto',arial,"san-serif";
        padding:20px;
      }
      
      .filtercommunities-holder h3,
      .filtergroups-holder h3 {
  			font-size: 19px;
        line-height: 22px ;
        font-weight: normal;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 66px;
        min-height: 66px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }
      
      .filtergroups-holder h3 a:hover {
        color: #ffba24;
      }
      
      .filtergroups-holder h3 a {
        display: block;
      }
      
      .filtergroups-holder .date {
        font-size: 12px;
      }
      
      .filtergroups-holder img {
        width: 100%;
      }
      
      .filtergroups-holder .footer {
        background-color: #ffba24;
        color:#fff;
        padding: 10px 20px;
        font-size: 14px;
        min-height: 15px;
      }
      
      
      /*______ FLEXBOX ______*/
      
      .flexbox-panel {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        column-break-inside: avoid;
        -webkit-column-break-inside: avoid;
      }
      .flexbox-hero {
        ms-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        min-width: 220px;
      }    
      .flexbox-info {
        position: relative;
        -ms-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        min-width: 100px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #FFF;
        padding: 10px;
      }
      
      
      .flexbox-info p {
        font-size: 12px;
        font-family: 'Segoe UI',arial,"san-serif";
        color: #909090;
      }
      
      .flexbox-hero img {
        display: block;
      }
      
      .filtercommunities-holder h3 {
        font-family: 'Roboto',arial,"san-serif";
      }
			      
      @keyframes fadein {
          from {
              opacity:0;
          }
          to {
              opacity:1;
          }
      }
      
      .animation {
        transition: 1.5s;
      }
      .animation.ng-enter {
        opacity: 0;
      }
      .animation.ng-leave {
        opacity: 1;
      }
      .animation.ng-enter.ng-enter-active {
        opacity: 1;
      }
      .animation.ng-leave.ng-leave-active {
        opacity: 0;
      }
      * {
        -webkit-backface-visibility: hidden;
      }
    
      * {padding: 0px; margin: 0px;}
      a {display: inline-block; color: inherit;}
      ul, li, ol {list-style-position:inside;}
      
      #topic-page {
        background-color: #F4F4F4;
      }
      
      #content {
        margin: 0px auto;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1170px;
      }
      
      #content > div {
        margin: -10px;
      }
      
      #content > div > .inner-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      #content > div > div > #main {
        -ms-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        min-width: 200px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: -width;
        margin-top: 0px;
        padding: 0px;
      }
      
      #content > div > div > #main .widget {
        padding: 0px;
      }
      
      #content [data-section] {
        padding: 10px;
      }
      
      #content > div > div > aside {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      #column-one {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 380px;
        min-width: 380px;
      }
      
      #column-two {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        width: 0px;
        min-width: 0px;
      }
      
      footer {
        bottom: 0px;
        top: auto !important;
      }
      
      #column-one .widget-topicscolumn {
        margin-bottom: 20px;
        background-color: #FFF;
      }
      
      header .header-inner {
      	margin-top: 10px;
      }