@font-face {
  font-family: "opbold";
  src: url("../fonts/OpenSansBold/OpenSansBold.eot?") format("eot"), url("../fonts/OpenSansBold/OpenSansBold.woff2") format("woff2"), url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype"), url("../fonts/OpenSansBold/OpenSansBold.svg#opbold") format("svg"); }

@font-face {
  font-family: "opbolditalic";
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?") format("eot"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff2") format("woff2"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.svg#opbolditalic") format("svg"); }

@font-face {
  font-family: "opextbold";
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?") format("eot"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff2") format("woff2"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.svg#opextbold") format("svg"); }

@font-face {
  font-family: "opitalic";
  src: url("../fonts/OpenSansItalic/OpenSansItalic.eot?") format("eot"), url("../fonts/OpenSansItalic/OpenSansItalic.woff2") format("woff2"), url("../fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("../fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype"), url("../fonts/OpenSansItalic/OpenSansItalic.svg#opitalic") format("svg"); }

@font-face {
  font-family: "oplight";
  src: url("../fonts/OpenSansLight/OpenSansLight.eot?") format("eot"), url("../fonts/OpenSansLight/OpenSansLight.woff2") format("woff2"), url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype"), url("../fonts/OpenSansLight/OpenSansLight.svg#oplight") format("svg"); }

@font-face {
  font-family: "opregular";
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?") format("eot"), url("../fonts/OpenSansRegular/OpenSansRegular.woff2") format("woff2"), url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype"), url("../fonts/OpenSansRegular/OpenSansRegular.svg#opregular") format("svg"); }

@font-face {
  font-family: "opsemibold";
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?") format("eot"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff2") format("woff2"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.svg#opsemibold") format("svg"); }

@font-face {
  font-family: "pfbaguesansprot";
  src: url("../fonts/pfbaguesansprot/pfbaguesansprot.eot?") format("eot"), url("../fonts/pfbaguesansprot/pfbaguesansprot.woff2") format("woff2"), url("../fonts/pfbaguesansprot/pfbaguesansprot.woff") format("woff"), url("../fonts/pfbaguesansprot/pfbaguesansprot.ttf") format("truetype"), url("../fonts/pfbaguesansprot/pfbaguesansprot.svg#pfbaguesansprot") format("svg"); }

.view-members.view-display-id-members_page .view-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px 0 40px; }
  .view-members.view-display-id-members_page .view-content .views-row {
    min-height: 80px;
    width: 31%;
    margin-bottom: 40px; }
    @media only screen and (max-width: 991px) {
      .view-members.view-display-id-members_page .view-content .views-row {
        width: 48%; } }
    @media only screen and (max-width: 767px) {
      .view-members.view-display-id-members_page .view-content .views-row {
        width: 100%; } }
    .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser {
      position: relative; }
      .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser::before {
        content: "";
        background: #dadada;
        display: block;
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
      .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser::after {
        content: "";
        background: #dadada;
        display: block;
        width: 100px;
        height: 100%;
        min-height: 100%;
        position: relative;
        top: 10px;
        left: 30px;
        z-index: 0; }
      .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .content > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .field--name-field-flag {
        background: #dadada; }
        .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .field--name-field-flag::nth-child(2) {
          margin: 2px 0; }
      .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .flag-div {
        display: inline-block;
        width: 100px;
        position: relative;
        top: 0;
        left: 20px;
        margin: 10px;
        z-index: 1; }
        .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .flag-div img {
          width: 100px; }
      .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .country-name {
        display: inline-block;
        width: 210px;
        position: relative;
        left: 40px; }
        .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .country-name h3 {
          font-size: 24px;
          font-size: 2.4rem;
          margin: 0;
          padding: 0; }
          .view-members.view-display-id-members_page .view-content .views-row .member.mini-teaser .country-name h3 a {
            color: #004ea1; }