@font-face {
  font-family: 'LibreBaskerville';
  src: url('../font/libre_baskerville/LibreBaskerville-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'LibreBaskervilleItalic';
  src: url('../font/libre_baskerville/LibreBaskerville-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'LibreBaskervilleBold';
  src: url('../font/libre_baskerville/LibreBaskerville-Bold.ttf') format('truetype');
}
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
a:hover{
    text-decoration: none !important;
    color: black !important;
}

/*--- INTRO ANIMATION ---*/
@keyframes intro-logo {
    0% {
        position: absolute;
        opacity: 0;
        top: 52vh;
        left:0
    }
    5% {
        opacity: 0;
        top: 52vh;
    }
    20% {
        opacity: 1;
        top: 50vh;
    }
    65% {
        top: 50vh;
        opacity: 1;
    }
    80% {
        top: 50vh;
        opacity: 0;
    }
    85%{
        top:54px;
        opacity: 0;
        position: absolute;
        left:0;
    }
    86% {
        opacity: 0;
    }
    100% {
        position: relative;
        opacity: 1;
    }
}
@keyframes intro-container-fluid {
    0% {
        opacity: 0;
        background-color: transparent;
    }
    15% {
        opacity: 0;
        background-color: transparent;
    }
    25% {
        opacity: 1;
        background-color: transparent;
    }
    99% {
        opacity: 1;
        background-color: transparent;
    }
    100% {
        opacity: 1;
        background-color: #FFF;
    }
}

.home .logo {
    animation-name: intro-logo;
    animation-duration: 6s;
    animation-fill-mode: forwards;
    width:100%;
}


html {
    scroll-behavior: smooth;
}
body {
    transition: all 0.3s linear;
}
body * {
    font-family: 'Work Sans', sans-serif;
}

/* INTRO ANIMATION */
body.home {
    overflow: hidden;
    background-color: #e7e7e7;
}
body.home.scroll {
    overflow: auto;
    background-color: #FFF;
}
body.home header.header {
    background-color: #e7e7e7;
}
body.home.scroll header.header {
    background-color: #FFF;
}

/*--- GREEN BG ---*/
body.green-bg,
body.news-and-events, body.NewsEventsPage  {
    background-color: #bac6c3 !important;
    transition: background 0.5s linear;
    color:#FFF;
}
body.green-bg div.side-anchors a,
body.green-bg nav.navbar #menu-v,
body.news-and-events nav.navbar #menu-v, body.NewsEventsPage nav.navbar #menu-v,
body.news-and-events nav.navbar #menu-h, body.NewsEventsPage nav.navbar #menu-h {
    color: #FFF;
}
body.green-bg header.header,
body.green-bg .wrapper .container-fluid,
body.green-bg .row .boxed,
body.news-and-events header.header, body.NewsEventsPage header.header,
body.news-and-events .wrapper .container-fluid, body.NewsEventsPage .wrapper .container-fluid
{
    background-color: #bac6c3 !important;
    transition: background 0.5s linear;
}
body.green-bg nav.navbar button .menu-btn-line,
body.news-and-events nav.navbar button .menu-btn-line,
body.NewsEventsPage nav.navbar button .menu-btn-line {
    background-color:#FFF;
}
body.green-bg .search-tool .magnifying-glass-path,
body.news-and-events .search-tool .magnifying-glass-path,
body.NewsEventsPage .search-tool .magnifying-glass-path {
    fill:#FFF;
}

/*--- HEADER ---*/
header.header {
    width: 100%;
    margin: 0 auto;
    position: sticky;
    top:0;
    transition: min-height 0.3s 0.3s linear, background 0.3s 0s linear;
    background-color: #FFF;
    z-index: 500;
    min-height: 132px;
}
header.sticky-header {
    min-height: 84px;
    transition-delay: 0s;
}
header.header .header-inner {
    width: 90%;
    position: relative;
    padding: 54px 0;
    min-height: 132px;
    transition: width 0.3s 0.3s linear, min-height 0.3s 0.3s linear;
}
header.sticky-header .header-inner {
    padding:30px 0;
    transition-delay: 0s;
}

/*--- MENU ---*/
@keyframes topelements-animation {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
nav.navbar {
    float: left;
    transition: all 0.3s 0s linear;
    width:80px;
    min-height: 12px;
    margin-top: -9px;
    position: relative;
    z-index: 550;
}
.home nav.navbar {
    animation-name: topelements-animation;
    animation-duration: 3s;
}
header.sticky-header nav.navbar {
    transform: translateX(-3.2vw);
    margin-top:-5px;
}
nav.navbar #menu-v {
    opacity: 0;
    transform: translateX(-13px);
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    padding-top: 5px;
    color: #000;
}
nav.navbar #menu-h {
    font-size: 14px;
    line-height: 21px;
    cursor: pointer;
    padding: 0;
    border: 0;
    float: right;
    width: auto;
    height: auto;
    color: #000;
}
nav.navbar #menu-h.visible {
    opacity: 1;
    transition: opacity 0.15s 0.3s linear;
}
nav.navbar #menu-h.hide {
    opacity: 0;
    transition: opacity 0.15s 0s linear;
}
nav.navbar #menu-v.visible {
    opacity: 1;
    transition: opacity 0.15s 0.3s linear;
}
nav.navbar #menu-v.hide {
    opacity: 0;
    transition: opacity 0.15s 0s linear;
}
nav.navbar button.navbar-toggler {
    width:18px;
    height:12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none !important;
    position: relative;
    transition: all 0.3s linear;
}
nav.navbar button .menu-btn-line {
    width:100%;
    height:1px;
    background-color: #000;
    position: absolute;
}

nav.navbar button #menu-btn-line-1 {
    top:0;
}
nav.navbar button #menu-btn-line-2 {
    top:50%;
    transform: translateY(-50%);
}
nav.navbar button #menu-btn-line-3 {
    bottom:0;
}
.close-menu {
    display: none;
    position: absolute;
    top: 56px;
    left: 5vw;
    z-index: 500;
}
p#close-menu-text {
    margin-left:22px;
    z-index: 5500;
    cursor: pointer;
    color: #000 !important;
    float: right;
    line-height: 16px;
}
.navbar-collapse a#close-menu-img {
    background-image: url(../img/close.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 16px;
    height:16px;
    width:16px;
    float: right;
    transform: rotate(0deg);
    transition: all 0.2s linear;
    cursor: pointer;
    float: left;
}
.navbar-collapse a#close-menu-img.animate {
    transform: rotate(90deg);
}

.search-fullscreen a#close-image {
    background-image: url(../img/close.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 16px;
    display: block;
    height:16px;
    width:16px;
    position: unset;
    float: right;
    margin-left:19px;
    margin-top: 2px;
    transform: rotate(0deg);
    transition: all 0.2s linear;
}
.search-fullscreen-visible a.animate#close-image {
    transform: rotate(-90deg);
}
.wrapper .navbar-collapse {
    position: fixed !important;
    width: 0;
    height: 100vh;
    z-index: 1200;
    top: 0;
    left: -500px;
    background-color: #e7e7e7;
    display: block;
    transition: width 0.5s linear;
}
.wrapper .navbar-collapse.collapsing {
    left:0;
}
.wrapper .navbar-collapse.active {
    width: 100%;
    height: 100vh !important;
    position: fixed !important;
    left:0;
}
.wrapper .navbar-collapse.active .navbar-wrapper,
.wrapper .navbar-collapse.collapsing .navbar-wrapper {
    display: table;
    width: 100%;
    height: 100vh;
}
.wrapper .navbar-collapse.active .navbar-wrapper ul.navbar-nav.mr-auto,
.wrapper .navbar-collapse.collapsing .navbar-wrapper ul.navbar-nav.mr-auto {
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    transform: translateY(-5%);
}
.navbar-collapse li {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 0.3s 0s linear;
}
.navbar-collapse.collapsing li {
    transform: translateX(20vw);
    opacity: 0;
}
.navbar-collapse.active li {
    transform: translateX(0);
    opacity: 1;
}
.navbar-collapse.active #nav-item-1 {
    transition-delay: 0.1s !important;
}
.navbar-collapse.active #nav-item-2 {
    transition-delay: 0.2s !important;
}
.navbar-collapse.active #nav-item-3 {
    transition-delay: 0.3s !important;
}
.navbar-collapse.active #nav-item-4 {
    transition-delay: 0.4s !important;
}
.navbar-collapse.active #nav-item-5 {
    transition-delay: 0.5s !important;
}
.navbar-collapse li a {
    font-family: 'LibreBaskerville';
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    color: #999;
    transition: all 0.3s linear;
}
.navbar-collapse li a:hover {
    font-family: 'LibreBaskerville';
    text-transform: uppercase;
    text-align: center;
    color: #000;
}
.navbar-collapse.active #nav-item-4 a,
.navbar-collapse.active #nav-item-4 a:hover {
    color:#BBB;
}
p.menu-subtitle {
    margin-top: -15px;
    color:#BBB;
    letter-spacing: 7px;
}




/*--- LOGO ---*/
header .logo a {
    display: block;
    margin: 0 auto;
    width: 500px;
    text-align: center;
    font-size: 30px;
    line-height: 20px;
    transition: all 0.3s linear;
    font-family: 'Playfair Display';
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}
@keyframes logo-span {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
header .logo a span {
    font-size: 30px;
    line-height: 20px;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    transition: all 0.3s linear;
}
.home header .logo a span {
    animation-name: logo-span;
    animation-duration: 2s;
}
body.green-bg header .logo a,
body.news-and-events header .logo a, body.NewsEventsPage header .logo a {
    color: #FFF;
}
header .logo a:active,
header .logo a:focus,
header .logo a:hover {
    text-decoration: none;
}
header.sticky-header .logo a,
header.sticky-header .logo a span {
    font-size: 20px;
}

/*--- SEARCH ---*/
.search-tool {
    float: right;
    transition: transform 0.3s linear;
    position: absolute;
    cursor: pointer;
    top: 50px;
    right: 0;
}
.home .search-tool {
    animation-name: topelements-animation;
    animation-duration: 3s;    
}
.search-tool #search-text-h {
    float: left;
    font-size:14px;
    margin-bottom: 0;
    line-height: 26px;
    display: block;
    opacity: 1;
    transition: opacity 0.15s 0.3s linear, color 0.3s 0s linear;
}
.search-tool #search-text-h.visible {
    opacity: 1;
}
.search-tool #search-text-h.hide {
    transition-delay: 0s !important;
    opacity: 0;
}
.search-tool #search-text-v {
    float: left;
    font-size:14px;
    margin-bottom: 0;
    line-height: 26px;
    transform: rotate(90deg);
    position: absolute;
    width: 0px;
    top: 110px;
    left: 93px;
    opacity: 0;
    transition: opacity 0.15s 0.3s linear, color 0.3s 0s linear, width 0s 0.3s linear;
}
.search-tool #search-text-v.visible {
    opacity: 1;
    width: 160px;
}
.search-tool #search-text-v.hide {
    transition: opacity 0.15s 0s linear, color 0.3s 0s linear, width 0s 0.3s linear !important;
    opacity: 0;
}
.search-tool #magnifying-glass {
    width:16px;
    margin-left:18px;
    vertical-align:middle;
}
.search-tool .magnifying-glass-path {
    fill:#000;
    transition: all 0.3s linear;
}
header.sticky-header .search-tool {
    transform: translateX(30%);
    top: 33px;
}

/*--- SEARCH FULLPAGE ---*/
.search-fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1500;
    width: 0;
    background-color: #f4f4f4;
    min-height: 100vh;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.6, -0.1, 0.97, 0.64);
}
.search-fullscreen.search-fullscreen-visible {
    top: 0;
    right: 0;
    width: 100%;
    min-height: 100vh;
}
.search-fullscreen .search-fullscreen-top {
    padding: 53px 0 79px;
    display:none;
    width: 90%;
    position: relative;
}
body.green-bg .search-fullscreen .search-fullscreen-title,
.search-fullscreen .search-fullscreen-title {
    position: absolute;
    left: 50%;
    font-family: 'LibreBaskerville';
    transform: translateX(-50%) translateY(-8px);
    font-size: 20px;
    text-transform: uppercase;
    color:#000;
    width: 100%;
    text-align: center;
}
body.green-bg .search-fullscreen a.search-fullscreen-close,
.search-fullscreen a.search-fullscreen-close {
    float: right;
    display: block;
    cursor:pointer;
    color:#000 !important;
    position: relative;
    font-size:14px;
    z-index: 100
}
.search-fullscreen a#close-image {
    background-image: url(../img/close.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 16px;
    display: block;
    height:16px;
    width:16px;
    position: relative;
    z-index: 100;
    float: right;
    margin-left:19px;
    margin-top: 2px;
    transform: rotate(0deg);
    transition: all 0.2s linear;
}
.search-fullscreen-visible a.animate#close-image {
    transform: rotate(-90deg);
}
.search-fullscreen .search-fullscreen-body.container {
    max-width: unset;
    width: 90%;
    display:none;
}
body.green-bg .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-box,
.search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-box {
    width:100%;
    padding:45px 10%;
    background:none !important;
    border:1px solid #000;
    color: #000;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box1 {
    min-height:315px;
    margin-bottom:75px;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box1 .d-block {
    margin-top:100px;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box1 .d-block .title {
    padding:0;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box1 .d-block .table-heading {
    padding:0;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box1 .d-block .line {
    margin:0 auto;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box1 .d-block .search-fullscreen-listitem {
    padding:5px 0;
}
.search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-box p {
    font-size: 12px;
}
.buttonClear  {
   float: right;
    height: 50px;
    border: 1px solid #a9a9a9;
    background-color: transparent;
    padding: 0 15px;
}
#search-app{
    padding-bottom: 100px;
}

/*
.search-filters {
    padding-top: 20px;
    float: left;
}
.search-filter {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin-right: 50px;
  font-size:20px;
  font-family: 'LibreBaskerville';
}
.search-filter input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}*/
.search-fullscreen .select-filters {
    position: relative;
}
.search-fullscreen .select-filter {
    height: 50px;
    padding: 0 15px;
    background-color: transparent;
    opacity: 1;
    transition: opacity 0.3s linear;
}
.search-fullscreen #select-country {
    width:350px;
}
.search-fullscreen .select-filter.opacityzero {
    opacity: 0;
}
select.main-filter {
    float: none;
    display: block;
    margin: 0 auto 20px;
}
/* COUNTRY SEL */
select.country-selected#select-organisation {
    position: absolute;
    left: 50%;
    transform: translateX(-80%);
}
select.country-selected#select-year {
    position: absolute;
    left: 50%;
    transform: translateX(50%);
}
/* ORGANIZATION SEL */
select.organization-selected#select-country {
    position: absolute;
    left: 50%;
    transform: translateX(-70%);
    top:70px;
}
select.organization-selected#select-year {
    position: absolute;
    left: 50%;
    transform: translateX(90%);
}
/* YEAR SEL */
select.year-selected#select-country {
    position: absolute;
    left: 50%;
    transform: translateX(-85%);
    top:70px;
}
select.year-selected#select-organisation {
    position: absolute;
    left: 50%;
    transform: translateX(29%);
    top:70px;
}
.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.search-filter:hover input ~ .checkmark {
  background-color: #ccc;
}
.search-filter input:checked ~ .checkmark {
  background-color: #000;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.search-filter input:checked ~ .checkmark:after {
  display: block;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 {
    min-height:215px;
    margin-bottom:140px;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 #search-input {
    height:50px;
    border:0;
    width: 60%;
    padding: 0 15px;
    background-image: url(../img/magnifying-glass.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 25px auto;
    float:left;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 .d-block {
    margin-top: 100px;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 .d-block .title {
    padding:0;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 .d-block .table-heading {
    padding:0;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 .d-block .line {
    margin:0 auto;
}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 .d-block .search-fullscreen-listitem {
    padding:5px 0;
}
body.green-bg .search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-mostrecent,
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-mostrecent {
    padding: 0 10%;
    height:30px;
    display: block;
    width: 100%;
    color:#000;
}
body.green-bg search-fullscreen .search-fullscreen-body.container .row .line,
.search-fullscreen .search-fullscreen-body.container .row .line {
    display: block;
    height: 1px;
    background-color: #000;
    padding: 0;
    width: 100%;
}
body.green-bg .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem,
.search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem {
    padding: 5px 10%;
    width: 100%;
}
body.green-bg .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem div,
.search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem div {
    font-size: 20px;
    font-family: 'LibreBaskerville';
    color: #000;
}
.search-fullscreen #search-fullscreen-box3 {
    width: 100%;
}
.search-fullscreen #search-fullscreen-box3 .table-heading.row {
    width: 100%;
    padding:0 10%;
    margin-top:100px;
}
.search-fullscreen #search-fullscreen-box3 .table-heading.row div {
    color: #000;
}
/*--- SIDE ANCHORS ---*/
div.side-anchors {
    position: fixed;
    left: 2%;
    top: 310px;
    transform: translateX(-48%) rotate(-90deg);
}
div.side-anchors .side-anchor-icon {
    display: block;
    width: 35px;
    float: left;
    transform: translateX(123px) translateY(11px) rotate(90deg);
}
div.side-anchors .side-anchor-icon svg {
    width: 18px;
}
body.green-bg div.side-anchors .side-anchor-icon svg path,
body.news-and-events div.side-anchors .side-anchor-icon svg path, body.NewsEventsPage div.side-anchors .side-anchor-icon svg path {
    fill:#FFF;
}
body.green-bg div.side-anchors .side-anchor-item,
body.green-bg div.side-anchors .anchor-home-sel {
    color: #FFF;
    border-color: #FFF;
}
body:not(.home) .side-anchor-item {
    opacity: 1 !important;
}
div.side-anchors .side-anchor-item {
    margin-right: 50px;
    font-size: 12px;
    color: #000;
    display: block;
    float: left;
    position: relative;
}
div.side-anchors .side-anchor-item:hover{
    text-decoration: none;
}
div.side-anchors .side-anchor-item:after {
    content: '';
    display: block;
    height: 1px;
    width: 0;
    background-color: transparent;
    float: left;
    position: absolute;
    transition: all 0.3s linear;
}
div.side-anchors .anchor-home-sel:after,
div.side-anchors .side-anchor-item:hover:after {
    width: 100%;
    background-color: #000;
} 
body.green-bg div.side-anchors .anchor-home-sel:after,
body.green-bg div.side-anchors .side-anchor-item:hover:after {
    background-color: #FFF;
} 
.home div.side-anchors .side-anchor-icon {
    transition-delay: 2.9s;
}
.home div.side-anchors #anchor-home-1 {
    transition-delay: 2.3s;
}
.home div.side-anchors #anchor-home-2 {
    transition-delay: 2.5s;
}
.home div.side-anchors #anchor-home-3 {
    transition-delay: 2.7s;
}

/*--- GENERAL RULES ---*/
body a {
    color:#000;
}
.wrapper {
    padding-bottom:45px;
}
main {
    position: relative;
    z-index: 1000;
    width: 90%;
}
.wrapper .container-fluid {
    width: 100%;
    border:1px solid #000;
    transition: all 0.3s linear;
    background-color: #FFF;
}
.home .wrapper .container-fluid {
    animation-name: intro-container-fluid;
    animation-duration: 8s;
}
.title {
    text-transform: uppercase;
    font-family: 'LibreBaskerville';
    font-size: 35px;
}
.subpage-title {
    margin: 80px auto 100px;
}
.delay{
    transition: transform 5000ms ease 0s !important;
}
@keyframes border-animation-box1 {
    0% {
        background-size:    0 1px,
                            1px 0,
                            0 1px,
                            1px 0;
        background-color: transparent;
        background-image:   linear-gradient(to left, #000 100%, #000 100%),
                            linear-gradient(to bottom, #000 100%, #000 100%),
                            linear-gradient(to left, #000 100%, #000 100%),
                            linear-gradient(to bottom, #000 100%, #000 100%);
        background-position:    0 0,
                                100% 0,
                                100% 100%,
                                0 100%;
    }
    22% {
        background-size:    100% 1px,
                            1px 0,
                            0 1px,
                            1px 0;
        background-color: #FFF;
    }
    44% {
        background-size:    100% 1px,
                            1px 100%,
                            0 1px,
                            1px 0;
    }
    66% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 0;
    }
    88% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 100%;
        background-color: #FFF;
        background-image:   linear-gradient(to left, #000 100%, #000 100%),
                            linear-gradient(to bottom, #000 100%, #000 100%),
                            linear-gradient(to left, #000 100%, #000 100%),
                            linear-gradient(to bottom, #000 100%, #000 100%);
        background-position:    0 0,
                                100% 0,
                                100% 100%,
                                0 100%;
    }
    99% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 100%;
        background-color: #FFF;
        background-image:   linear-gradient(to left, #000 100%, #000 100%),
                            linear-gradient(to bottom, #000 100%, #000 100%),
                            linear-gradient(to left, #000 100%, #000 100%),
                            linear-gradient(to bottom, #000 100%, #000 100%);
        background-position:    0 0,
                                100% 0,
                                100% 100%,
                                0 100%;
    }
    100% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 100%;
        background-color: #FFF;
        background-image:   none;
        background-position:    0 0,
                                100% 0,
                                100% 100%,
                                0 100%;
    }
}
@keyframes border-animation {
    0% {
        background-size:    0 1px,
                            1px 0,
                            0 1px,
                            1px 0;
    }
    25% {
        background-size:    100% 1px,
                            1px 0,
                            0 1px,
                            1px 0;
    }
    50% {
        background-size:    100% 1px,
                            1px 100%,
                            0 1px,
                            1px 0;
    }
    75% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 0;
    }
    100% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 100%;
    }
}
.row .boxed {
    background-repeat: no-repeat;
    animation: border-animation 1.5s linear;
    animation-play-state: paused;
    height: 410px;
    padding: 50px 0 100px;
    position: relative;
    z-index: 10;
    background-color: #FFF;
    background-image:   linear-gradient(to left, #000 100%, #000 100%),
                        linear-gradient(to bottom, #000 100%, #000 100%),
                        linear-gradient(to left, #000 100%, #000 100%),
                        linear-gradient(to bottom, #000 100%, #000 100%);
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    background-size:    100% 1px,
                        1px 100%,
                        100% 1px,
                        1px 100%;
}
.row .boxed.bord-animation {
    animation-play-state: running;
}
.row .boxed.hide-border {
    background-image: none;
}
.row .boxed .title {
    margin-bottom: 50px;
}
.row .boxed .boxed-line {
    float: right;
    height: 1px;
    width: 0;
    background-color: #000;
    transition: all 0.3s 1.5s linear;
    margin-bottom: 50px;
    position: absolute
}
.row .boxed.bord-animation .boxed-line {
    width:100%;
}
.line {    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 1px;
    background-color: #000;
    padding: 0;
    margin: 0 -15px;
    transition: all 1.5s linear;
    width:0;
    min-width: 0;
    max-width: 0;
}
.line.draw {
    min-width: auto;
    width: auto;
    max-width: 4000px;
}
.vertical-line {
    float: left;
    width: 1px;
    background-color: transparent;
    height:1px;
    max-height:1px;
    transition: all 0.8s linear;
}
.vertical-line.draw {
    height: auto;
    max-height:400px;
    background-color: #000;
}
.py-max {
    padding-top:180px;
    padding-bottom:210px;
}
.fadein {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.3s 0.3s linear, transform 0.3s 0.3s linear;
}
.fadein.animate {
    transform: translateY(0px);
    opacity: 1;
}
.delay1 {
    transition-delay: 0.4s;
}
.delay2 {
    transition-delay: 0.5s;
}
.delay3 {
    transition-delay: 0.6s;
}
.delay4 {
    transition-delay: 0.7s;
}
.delay5 {
    transition-delay: 0.8s;
}
.delay6 {
    transition-delay: 0.9s;
}
.delay7 {
    transition-delay: 1s;
}



.home #row-logos .fadein {
    transition-delay: 6.5s;
}
.home #row-logos .delay1 {
    transition-delay: 6.6s;
}
.home #row-logos .delay2 {
    transition-delay: 6.7s;
}
.home #row-logos .delay3 {
    transition-delay: 6.8s;
}
.home #row-logos .delay4 {
    transition-delay: 6.9s;
}
.home #row-logos .delay5 {
    transition-delay: 7s;
}

/*--- BOTTOM LINKS ---*/
.bottom-links a {
    padding: 110px 0;
    transition: all 0.3s ease-in-out;
}
.bottom-links .bottom-link-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: calc(33.333333% - 1px);
}
.bottom-links .last-bottom-link-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.bottom-links a:hover {
    background-color: #000;
    text-decoration: none;
}
.bottom-links a span {
    font-family: 'LibreBaskerville';
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 100%;
    color: #000;
    transition: all 0.3s ease-in-out;
}
.bottom-links a:hover span {
    color:#FFF;
} 
body.green-bg .bottom-links span,
body.news-and-events .bottom-links span, body.NewsEventsPage .bottom-links span {
    color:#FFF;
}/*
.bottom-links #bottom-link-about,
.bottom-links #bottom-link-search,
.bottom-links #bottom-link-news {
    border-right:1px solid #000;
}*/
.bottom-links #bottom-link-search {
    cursor:pointer;
}
.bottom-links #bottom-link-news {
    display: none;
}

/*--- FOOTER ---*/
footer {
    padding:40px 0;
    width: 90%;
}
footer .col-12.col-lg-6 {
    text-align: center;
    font-size:12px
}
    
/*--- HOME ---*/
.row-home .boxed p {
    font-family: 'LibreBaskerville';
    font-size: 26px;
    text-align: center;
    padding: 50px 20% 0;
}
#about-us .boxed p {
    font-family: 'Playfair Display', serif;
}
.row-home .headline {
    margin-bottom: 40px;
}
.row-home .headline p {
    font-size: 19px;
}
.row-home p,
.row-home li {
    font-family: 'LibreBaskerville';
    font-size: 16px;
    text-align: left;
    padding: 0;
    margin: 0;
}
#row-home-1 {
    min-height: 420px;
    overflow: hidden;
    position:relative;
    padding-top: 80px;
    padding-bottom: 80px;
}
#row-home-1 .boxed {
    padding:80px 0;
    height: auto;
    animation: border-animation-box1 2.2s linear;
    animation-fill-mode: forwards;
    background-size:    0 1px,
                        1px 0,
                        0 1px,
                        1px 0;
    background-color: transparent;
    background-image:   linear-gradient(to left, #000 100%, #000 100%),
                        linear-gradient(to bottom, #000 100%, #000 100%),
                        linear-gradient(to left, #000 100%, #000 100%),
                        linear-gradient(to bottom, #000 100%, #000 100%);
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
}
body.green-bg #row-home-1 .boxed {
    animation-fill-mode: initial;
}
.home #row-home-1 .boxed {
    animation-delay: 5.5s;
}
.stop-animations #row-home-1 .boxed {
    animation-delay: 0s;
}
#row-home-1 .boxed p {
    padding: 0 20%;
}
.home #row-home-1 .boxed .fadein {
    transition-delay: 6s;
}
#row-home-1 .home-parallax {
    transition-delay: 1s;
}
.home #row-home-1 .home-parallax {
    transition-delay: 6s;
}
#row-home-1 .boxed .heading{
    width:100%;
	position: absolute;
	left: 0;
    opacity:0;
}
#row-home-1 #row-logos {
    padding: 40px 0;
}

#row-home-1 #row-logos {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

#row-home-1 #row-logos .logo-cont {
    padding: 0 12px;
    flex: 1;
}

#row-home-1 #row-logos .logo-cont.empty-block {
    display: none;
}

#row-home-1 #row-logos .logo-cont.flex-2 {
    flex-grow: 2;
}
@media only screen and (min-width: 480px) {
    #row-home-1 #row-logos .ebrd-logo-cont img {
        width: 100px;
    }

    #row-home-1 #row-logos.rr2 {
        max-width: 50%;
        padding: 5px 0 20px 0;
    }

/*    #row-logos2 {
        max-width:50%;
        padding:5px 0 20px 0;
    }
    #row-logos2 .oecd-logo-cont img {
        width: 140px;
    }

     #row-logos2 .undp-logo-cont img {
        width: 32px;
    }*/
}
@media only screen and (max-width: 480px) {
    #row-home-1 #row-logos {
        flex-wrap: wrap;
    }

    #row-home-1 #row-logos .logo-cont {
        flex: 1 1 33%;
        padding-top: 8px;
    }

    #row-home-1 #row-logos .logo-cont.flex-2 {
        flex: 2 1 50%;
    }

    #row-home-1 #row-logos .oecd-logo-cont {
        width: 100%;
    }

    #row-home-1 #row-logos.rr2 {
        max-width: 70%;
        padding: 5px 0 20px 0;
    }

}

/*#row-home-1 #row-logos .ebrd-logo-cont {
    width:19.4%;
}
#row-home-1 #row-logos .eib-logo-cont {
    width:17.6%;
}
#row-home-1 #row-logos .wbg-logo-cont {
    width:31.2%;
}
#row-home-1 #row-logos .did-logo-cont {
    width:16.5%;
}
#row-home-1 #row-logos .sida-logo-cont {
    width:15.3%;
}*/
#row-home-1 #row-logos > div > img {
    width:100%;
    margin: 0 auto;
    display: block;
}
#row-home-1 #search-button {
    display: block;
    margin: 0 auto;
    border:1px solid #000;
    text-align: center;
    padding: 0 15px;
    height:50px;
    width: 200px;
    line-height: 50px;
    transition: all 0.3s linear;
}
#row-home-1 #search-button:hover {
    text-decoration: none;
    color: #FFF !important;
    background-color: #000;
}
#row-home-2 {
    height:200px;
}
#about-us {
    min-height: 450px;
    position: relative;
    overflow: hidden;
}
#row-home-3-2 .pl-5,
#row-home-4-2 .pl-5 {
    transition-delay: 0.6s;
}
#row-home-4-2 .member-description .col-12 {
    margin-bottom: 80px;
}
#row-home-4-2 div.member-logo {
    margin: 0 auto 20px;
    max-width: 150px;
    height:80px;
    display: block;
}
#row-home-4-2 div.member-wbg {
    max-width: 230px;
}
#row-home-4-2 div.member-logo img {
    max-height: 80px;
}
#our-diagnostics {
    min-height: 450px;
    position: relative;
    overflow: hidden;
}
div#home-parallax-0,
div#home-parallax-1,
div#home-parallax-2 {
    position: absolute;
    top: -50px;
    width: 100%;
    height: 100vh;
    z-index: 5;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition-delay: 2s;
}
div#home-parallax-0 {
    background-image: url(../img/bg_home_top.jpg);
}
div#home-parallax-1 {
    background-image: url(../img/bg-about-new.jpg);
}
div#home-parallax-2 {
    background-image: url(../img/bg-diagnostics-new.jpg);
}
#latest-news {
    margin-top: 200px;
}
#latest-news .news-container {
    width: 100%;
    margin: 100px auto 200px;
    overflow: hidden;
}
#latest-news .news-container .str_move a {
    width:auto;
    margin: 0 75px;
    height:auto;
}
#latest-news .news-home h5 {
    padding-top: 30px;
    color: #424343;
    font-family:  'LibreBaskerville';
    font-size: 18px;
    text-align: center;
}
#latest-news .news-home:hover h5 {
    text-decoration: none;
    color: #000;
}
#latest-news .news-home a:hover {
    text-decoration: none;
}
.news-home .horizontal-img {
    margin-top: 200px;
}


/*--- NEWS EVENTS ---*/
#row-news-1 .news-container {
    width: 100%;
}
#row-news-1 .news-container .news-home {
    width:auto;
    margin: 120px 75px;
    height:auto;
    float: left;
}
#row-news-1 .news-home h5 {
    padding-top: 30px;
    color: #424343;
    font-family:  'LibreBaskerville';
    font-size: 18px;
    text-align: center;
}
#row-news-1 .news-home:hover h5 {
    text-decoration: none;
    color: #000;
}
#row-news-1 .news-home a:hover {
    text-decoration: none;
}
#row-news-2 #news-filters p {
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 20px;
    padding-top: 26px;
    padding-right: 25px;
}
#row-news-2 #news-filters button.fil-cat {
    background: none;
    color: #FFF;
    font-size: 35px;
    font-family: 'LibreBaskerville';
    text-transform: uppercase;
    line-height: 40px;
    border:0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0 25px;
}
#row-news-2 #news-filters button.fil-cat:focus,
#row-news-2 #news-filters button.fil-cat:active {
    outline-style:none;
    box-shadow:none;
    border-color:transparent;
}

#row-news-2 #news-filters button.sel.fil-cat {
    border-bottom: 1px solid #FFF;
}
#row-news-3 {
    padding-bottom: 200px;
}
#row-news-3 #news-list {
    padding:0;
}
#row-news-3 #news-list .news-preview {
    padding:15px 60px;
    border-bottom:1px solid #000;
    height:auto;
    transition: height 0.3s ease-in-out;
}
#row-news-3 #news-list .news-preview .news-preview-holder{
    display: flex;
    position: relative;
}
#row-news-3 #news-list .news-preview.news-selected {
    /*height:460px;*/
    height: auto;
}
#row-news-3 #news-list .news-preview .date {
    float: left;
    margin-bottom:0;
    color: #000;
    margin-right:50px;
    font-size: 16px;
    line-height: 28px;
    cursor:pointer;
}
#row-news-3 #news-list .news-preview h4 {
    float: left;
    margin-bottom:0;
    font-family: 'LibreBaskerville';
    font-size:25px;
    line-height: 28px;
    cursor:pointer;
    text-transform: uppercase;
    margin-right: 50px;
}
#row-news-3 #news-list .news-preview .view-details {
    float: right;
    color: #000;
    font-size: 12px;
    line-height: 18px;
    cursor:pointer;
    border-bottom: 1px solid #000;
}
#row-news-3 #news-list .news-preview .news-content {
    padding-top: 30px;
    display: none;
    overflow: hidden;
}
#row-news-3 #news-list .news-preview .news-content img {
    float: left;
    max-width: 400px;
    max-height:350px;
    margin-right: 4%;
    width: auto;
}
#row-news-3 #news-list .news-preview .news-text {
    float: left;
    width: 35%;
    color:#000;
}
.news-text h5 {
    font-family: 'LibreBaskerville';
    font-size: 19px;
}
.news-text p {
    font-family: 'LibreBaskerville';
    font-size: 16px;
}

/*--- CONTACT ---*/
#row-contact-1 a.contact-back {
    float: right;
    margin-top: -123px;
    color:#000;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
}
#row-contact-1 a.contact-back:after {
    content:'';
    display: block;
    width:0;
    height: 1px;
    left:0;
    position: absolute;
    background-color: #000;
    transition: all 0.2s linear;
}
#row-contact-1 a.contact-back:hover:after {
    width:100%;
}
#row-contact-1 a.contact-back:hover {
    text-decoration: none;
}
#row-contact-2 .contact-box,
#row-contact-3 .contact-box, #row-contact-4 .contact-box, #row-contact-8 .contact-box {
    position: relative;
    height:335px;
    width: calc(25% - 1px);
}
#row-contact-2 .contact-box .contact-logo,
#row-contact-3 .contact-box .contact-logo, #row-contact-4 .contact-box .contact-logo, #row-contact-8 .contact-box .contact-logo {
    display:  block;
    margin: 50px auto;
}
#row-contact-2 .contact-box .contact-details.fadein.animate,
#row-contact-3 .contact-box .contact-details.fadein.animate, #row-contact-4 .contact-box .contact-details.fadein.animate,
#row-contact-8 .contact-box .contact-details.fadein.animate {
    position: absolute;
    width: 100%;
    bottom: 40px;
}
#row-contact-2 .contact-box h4,
#row-contact-2 .contact-box a,
#row-contact-3 .contact-box h4, #row-contact-4 .contact-box h4, #row-contact-8 .contact-box h4,
#row-contact-3 .contact-box a, #row-contact-4 .contact-box a, #row-contact-8 .contact-box a {
    padding: 0 4%;
    text-align: center;
    display: block;
    width:100%;
}
#row-contact-2 .contact-box h4,
#row-contact-3 .contact-box h4, #row-contact-4 .contact-box h4, #row-contact-8 .contact-box h4 {
    font-size: 18px;
}
#row-contact-2 .contact-box a,
#row-contact-3 .contact-box a, #row-contact-4 .contact-box a, #row-contact-8 .contact-box a {
    font-size:13px;
}
#row-contact-2 #contact-line-2 {
    display: none;
}
#row-contact-2 .contact-box .ebrd-logo {
    width:  180px;
}
#row-contact-2 .contact-box .eib-logo {
    width:  160px;
}
#row-contact-2 .contact-box .ifc-logo {
    width:  155px;
}
#row-contact-2 .contact-box .wb-logo {
    width:  160px;
}
#row-contact-3 .contact-box .sida-logo, #row-contact-4 .contact-box .sida-logo, #row-contact-8 .contact-box .sida-logo {
    width:  155px;
}
#row-contact-3 .contact-box .did-logo, #row-contact-4 .contact-box .did-logo, #row-contact-8 .contact-box .did-logo {
    width:  130px;
}





/******************************** IE 11 *******************************************/
@media all and (-ms-high-contrast:none) {
    div#home-parallax-0, div#home-parallax-1, div#home-parallax-2 {
        top:-600px;
    }
}








/*------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- MEDIA QUERY ----------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------*/

@media all and (max-width:1500px) {
    /* GENERAL RULES */
    .py-max {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .subpage-title {
        margin: 60px auto 70px;
    }
    
    /* SEARCH FULLSCREEN */
    body.green-bg .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem div,
    .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem div {
        font-size:15px;
    }
    
    /* HOME */
    #about-us,
    #our-diagnostics {
        margin-bottom: 0;
    }    
    .row-home .headline p {
        font-size: 16px;
    }
    .row-home p,
    .row-home li {
        font-family: 'LibreBaskerville';
        font-size: 13px;
        text-align: left;
        padding: 0;
        margin: 0;
    }
    #latest-news {
        margin-top: 110px;
    }
    #latest-news .news-container .news-home {
        margin: 70px 75px;
    }
    .news-home .horizontal-img {
        max-width: 400px;
    margin-top: 133px;
    }
    .news-home .vertical-img {
        max-height: 400px;
    }
    
    /* NEWS */
    #row-news-1 .news-container .news-home {
        margin: 70px 75px;
    }
    .news-text h5 {
        font-family: 'LibreBaskerville';
        font-size: 16px;
    }
    .news-text p {
        font-family: 'LibreBaskerville';
        font-size: 13px;
    }
    #row-news-1 .news-home h5 {
        font-size:16px;
    }
    #row-news-2 #news-filters button.fil-cat {
        font-size: 28px;
        line-height: 30px;
    }
    #row-news-2 #news-filters p {
        padding-top: 14px;
    }
    #row-news-3 #news-list .news-preview h4 {
        font-size: 20px;
    }
    #row-news-3 #news-list .news-preview .date {
        font-size: 14px;
    }
    
    /* CONTACT */
    #row-contact-1 a.contact-back {
        margin-top: -98px;
    }
    
    /* BOTTOM LINKS */
    .bottom-links a span {
        font-size: 23px;
    }
    .bottom-links a {
        padding: 90px 0;
    }
}

@media all and (max-width:1366px) {
    header.sticky-header .search-tool {
        transform: translateX(23%);
    }
    #row-home-1 .boxed p {
        padding: 0 10%;
    }
    .row-home .boxed p {
        padding: 50px 10% 0;
    }
}
@media all and (max-width: 1024px) {
    /* HEADER */
    header.sticky-header .search-tool {
        transform: translateX(18%);
    }
    header .logo a,
    header .logo a span {
        font-size: 25px;
    }
    
    /* BOTTOM LINKS */
    .bottom-links a span {
        font-size: 19px;
    }
    
    /* MENU */
    .navbar-collapse li a {
        font-size: 26px;
    }
    
    /* GENERAL RULES */
    .row .boxed {
        height:auto;
    }
    .row-home .boxed p {
        font-size:22px;
    }
    .title {
        font-size: 30px;
    }
    
    /* SEARCH FULLSCREEN */
    body.green-bg .search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-mostrecent,
    .search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-mostrecent {
        padding:0;
    }
    .search-fullscreen #search-fullscreen-box3 .table-heading.row {
        padding:0;
    }
    body.green-bg .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem,
    .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-listitem {
        padding:5px 0;
    }
    
    /* HOME */
    #row-home-1 #row-logos {
        /*width:50%;*/
        width:90%;
    }
    #row-home-1 #row-logos .ebrd-logo-cont {
        width:55%;
        /*margin-bottom: 15px;*/
    }
    #row-home-1 #row-logos .eib-logo-cont {
        width:45%;
        /*margin-bottom: 15px;*/
    }
    #row-home-1 #row-logos .wbg-logo-cont {
        width:90%;
        /*margin: 0 auto 15px;*/
    }
    #row-home-1 #row-logos .did-logo-cont {
        width:52%;
    }
    #row-home-1 #row-logos .sida-logo-cont {
        width:48%;
    }
    
    /* NEWS */
    #row-news-3 #news-list .news-preview .news-content img {
        max-width: 300px;
        max-height: 250px;
    }
    #row-news-3 #news-list .news-preview .news-text {
        float: left;
        width: 55%;
        color:#000;
    }
    #row-news-2 #news-filters button.fil-cat {
        font-size: 24px;
        margin-bottom:15px;
    }
    #row-news-3 #news-list .news-preview h4 {
        font-size: 18px;
    }
    
    /* CONTACT */
    #row-contact-2 .contact-box, #row-contact-3 .contact-box, #row-contact-4 .contact-box, #row-contact-8 .contact-box {
        height: 280px;
        width: calc(50% - 1px);
    }
    #row-contact-2 #eib-contact,
    #row-contact-2 #wb-contact,
    #row-contact-2 #did-contact {
        width: 50%;
    }
    #row-contact-3 .empty-contact-box, #row-contact-4 .empty-contact-box, #row-contact-8 .empty-contact-box {
        display: none;
    }
    #row-contact-2 #vertical-2,
    #row-contact-3 #vertical-4,#row-contact-4 #vertical-4, #row-contact-8 #vertical-4,
    #row-contact-3 #vertical-6, #row-contact-4 #vertical-6, #row-contact-8 #vertical-6 {
        display: none;
    }
    #row-contact-2 #contact-line-2 {
        display: block;
    }
    #row-contact-2 #contact-line-2.draw {
        width:100%;
        margin:0;
        clear:both;
        transition-duration: 0.5s;
    }
}

@media all and (max-width: 991px) {
    /* HEADER */
    header.header .header-inner {
        width: 85%;
    }
    header nav.navbar {
        width: 65px;
    }
    header.sticky-header nav.navbar {
    transform: translateX(-4.5vw);
    }
    header .logo a {
        width: 400px;
    }
    header .logo a,
    header .logo a span {
        font-size: 20px;
    }
    header.sticky-header .logo a,
    header.sticky-header .logo a span {
        font-size: 15px;
    }
    header.sticky-header .search-tool {
        transform: translateX(25%);
    }
    .search-tool #magnifying-glass {
        margin-left: 12px;
    }
    .search-tool #search-text-h {
        font-size: 10px;
    }
    .search-tool #search-text-v {
        left: 50px;
        font-size: 10px;
    }
    
    /* MENU */
    nav.navbar #menu-h  {
        font-size:10px;
    }
    nav.navbar #menu-v {
        transform: translateX(-7px);
        font-size: 10px;
    }
    .navbar-collapse li a {
        font-size: 20px;
    }
    p#close-menu-text {
        font-size:10px;
    }
    .close-menu {
        left: 7.5vw;
    }
    p#close-menu-text {
        margin-left: 20px;
    }
    
    /* SEARCH FULLSCREEN */
    .search-fullscreen .search-fullscreen-top {
        width: 85%;
    }
    body.green-bg .search-fullscreen .search-fullscreen-title,
    .search-fullscreen .search-fullscreen-top  .search-fullscreen-title {
        font-size: 16px;
        top: 90px;
    }
    .search-fullscreen a.search-fullscreen-close {
        font-size: 10px !important;
    }
    .search-fullscreen a#close-image {
        background-size: 13px;
        height: 13px;
        width: 13px;
        margin-left: 12px;
    }
    .search-fullscreen .search-fullscreen-body.container {
        width: 85%;
    }
    .search-filter {
        margin-right: 25px;
        font-size: 14px;
    }
    .search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box1 {
        min-height: 250px;
        margin-bottom: 50px;
    }
    .search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 {
        margin-bottom: 75px;
    }
    .search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 #search-input {
        width: 100%;
        margin-bottom:5px;
    }
    .search-fullscreen .search-fullscreen-body.container .row .search-fullscreen-box .title,
    .search-fullscreen .search-fullscreen-body.container .row search-fullscreen-box3 .title {
        font-size: 14px;
    }
    .search-fullscreen #search-fullscreen-box3 .table-heading.row {
        margin-top: 50px;
    }
    .search-fullscreen .select-filters > .float-left {
        margin-bottom:5px;
    }
    .search-fullscreen #sel-country,
    .search-fullscreen #select-country {
        width:100%;
    }
    .search-fullscreen div#sel-organisation {
        width: 49.8%;
    }
    .search-fullscreen div#sel-year {
        width: 49.8%;
        float: right !important;
    }
    .search-fullscreen .select-filter {
        width:100%;
    }
    .buttonClear {
        float: none;
    }
    .search-fullscreen #search-fullscreen-box3 .table-heading.row div {
        font-size: 12px;
    }
    
    /* GENERAL RULES */
    main {
        width: 85%;
    }
    .title {
        font-size: 24px;
    }
    
    /* HOME */
    div.side-anchors {
        left: 3%;
    }
    div.side-anchors .side-anchor-item {
        font-size: 10px;
    }
    #row-home-1 #row-logos {
        /*width:60%;*/
        width:90%;
    }
    #row-home-2 {
        height: 100px;
    }
    #row-home-4-2 div.member-logo {
        margin: 0 auto 25px;
        height:auto;
    }
    
    /* NEWS EVENTS */ 
    #row-news-2 #news-filters button.fil-cat {
        margin: 0 15px;
    }
    #row-news-3 #news-list .news-preview .news-content img {
        max-width: 220px;
        max-height: unset;
    }
}

@media all and (max-width: 620px) {
    /* HEADER */
    header.header,
    header.header .header-inner {
        min-height:80px;
    }
    header.header .header-inner {
        padding: 30px 0;
    }
    nav.navbar #menu-h,
    nav.navbar #menu-v {
        display: none;
    }
    .close-menu {
        top: 33px;
    }
    header.sticky-header nav.navbar {
        transform: translateX(-6vw);
    }
    header nav.navbar {
        position: absolute;
        top: 36px;
    }
    header .logo {
        width:100%;
    }
    header .logo a {
        width:100%;
    }
    header .search-tool {
        top: 27px;
    }
    header.sticky-header .search-tool {
        transform: translateX(91%);
    }
    .search-tool #search-text-h {
        display: none;
    }
    .search-tool #search-text-v {
        left:-60px;
    }
    
    /* FULLSCREEN SEARCH */
    body.green-bg .search-fullscreen .search-fullscreen-title,
    .search-fullscreen .search-fullscreen-top .search-fullscreen-title {
        top: 70px;
    }
    .search-fullscreen .search-fullscreen-top {
        padding: 33px 0 60px;
    }
    
    /* SIDE SOCIAL */
    div.side-anchors {
        top: 256px;
    }
    div.side-anchors .side-anchor-icon svg {
        width: 14px;
    }
    
    /* HOME */
    #row-home-1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #row-home-1 .boxed {
        padding: 30px 0;
    }
    #row-home-1 .boxed p {
        padding: 0 10%;
    }
    .row-home .boxed p {
        font-size: 16px;
    }
    .row-home .headline p {
        font-size: 14px;
    }
    .row-home p,
    .row-home li {
        font-size: 12px;
    }
    #row-home-1 #row-logos {
        padding: 20px 0;
    }
    #row-home-1 #row-logos {
        /*width: 70%;*/
        width: 90%;
    }   
    #about-us .boxed {
        padding:30px 0;
    }
    #about-us .boxed .title {
        margin-bottom: 30px;
    }
    #about-us .boxed p {
        padding: 30px 10% 0;
    }
    #row-home-2 {
        height: 50px;
    }
    #latest-news .news-container {
        margin-top:30px;
    }
    body #latest-news .str_wrap img {
        max-width: 220px !important;
    }
    #latest-news .news-container .str_move a {
        margin:0 25px
    }
    
    /* BOTTOM LINKS */
    .bottom-links .last-bottom-link-item,
    .bottom-links .bottom-link-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bottom-links .bottom-link-item {
        border-bottom:1px solid #000;
    }
    .bottom-links a {
        padding: 20px 0;
    }
    
}

@media all and (max-width: 410px) {
    header .logo a, header .logo a span {
        font-size: 17px;
    }
    body.green-bg .search-fullscreen .search-fullscreen-title,
    .search-fullscreen .search-fullscreen-top .search-fullscreen-title {
        font-size: 13px;
    }
    #row-home-1 #row-logos {
        width: 90%;
    }
}



/* RED RIBBON ANIMATION */
.red-ribbon-wrapper {
    display: none;
}
.home .red-ribbon-wrapper {
    display: block;
    position:fixed;
    width: 100%;
    height:100vh;
    top:0;
    left:0;
    background-color: #FFF;
    z-index: 99999;
}
.home .red-ribbon-wrapper h1.rr-logo {
    margin: 0 auto;
    width:100%;
    max-width: 500px;
    text-align: center;
    font-size: 30px;
    line-height: 20px;
    transition: all 0.3s linear;
    font-family: 'Playfair Display';
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    position: relative;
    top:20vh;
}
.home .red-ribbon-wrapper div.rr-link {
    font-family: 'LibreBaskerville';
    font-size: 21px;
    color: #000;
    text-align: center;
    display: table;
    position: relative;
    top: 28vh;
    cursor: pointer;
    width: auto;
    margin: 0 auto;
}
.home .red-ribbon-wrapper div.rr-link:hover {
    color:#000;
    text-decoration: none;
}
.home .red-ribbon-wrapper div.rr-link:after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    float: left;
    background-color: #000;
    transition: all 0.2s linear;
    left: 0;
    bottom: 0;
}
.home .red-ribbon-wrapper div.rr-link:hover:after {
    width:100%;
}
.home .red-ribbon-wrapper .rr-image {
    position: relative;
    top:29vh;
}
.home .red-ribbon-wrapper .rr-beta {
    position: relative;
    top: 34vh;
    font-family: 'LibreBaskerville';
    font-size: 16px;
    color: #000;
    text-align: center;
    letter-spacing: 7px;
}


form.searchForm, form{ width:100% !important; max-width: 100% !important;}

div.side-anchors{ top: 310px; }

.submit-main{ position:relative; width:60%;}
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 #search-input{ width:100%; }
.submit-main .submit{ position: absolute; top:0; right:0; width:40px !important; opacity: 0; z-index:9999; margin:0px; }
.search-fullscreen .search-result-data{ margin-bottom:150px; } 

#search-app{ width:100%; }
.buttonClear{ color:#000; }
.search-fullscreen .search-fullscreen-body.container .row #search-fullscreen-box2 #search-input{ width:90%; }

.contact-box img.contact-logo{ width:180px; }

#row-home-1 #row-covid {
    position: relative;
    justify-content: center;
    margin:0;
    padding: 40px;
    overflow: hidden;
    margin-top: 40px;
}

#row-home-1 #row-covid p {
    font-size: 26px;
    text-align: center;
    color: #fff;
    z-index: 3;
    width: 100%;
    font-family: 'Work Sans', sans-serif;
}

#row-home-1 #row-covid #read-more {
    display: block;
    margin-top: 30px;
    border: 1px solid #000;
    text-align: center;
    padding: 0 15px;
    height: 50px;
    width: 200px;
    line-height: 50px;
    transition: all 0.3s linear;
}

#row-home-1 #row-covid #read-more:hover {
    background: #000;
    color: #fff!important;
}

#row-home-1 .boxed {
    padding-bottom: 0px;
}


#row-home-1 #row-covid div.circle {
    position: relative;
    text-align: center;
    background: #919191;
    border: 3px solid red;
    border-radius: 100%;
    /*padding: 20px;*/
    overflow: hidden;
    transform: translate(-60vw, -60vw) scale(0);
    transition: all 4000ms ease-in-out;
    width: 120vw;
    height: 120vw;
    opacity: 0.7;
}

#row-home-1 #row-covid div.circle.open {
    transform: translate(-60vw, -60vw) scale(1);
    opacity: 1;

}


#row-home-1 #row-covid div.circle.open.circle-delay-2 {
    transition-delay: 0.02s;
}

#row-home-1 #row-covid div.circle.open.circle-delay-4 {
    transition-delay: 0.04s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-6 {
    transition-delay: 0.06s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-8 {
    transition-delay: 0.08s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-10 {
    transition-delay: 0.1s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-12 {
    transition-delay: 0.12s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-14 {
    transition-delay: 0.14s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-16 {
    transition-delay: 0.16s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-18 {
    transition-delay: 0.18s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-20 {
    transition-delay: 0.20s;
}
#row-home-1 #row-covid div.circle.open.circle-delay-22 {
    transition-delay: 0.22s;
}

.row-cv19 .cv-holder {
    padding: 50px 50px 0 50px;
}

@media only screen and (max-width: 768px) {
    .row-cv19 .cv-holder {
        padding: 15px 10px;
    }
}

.row-cv19 .block-wrap {
    padding-bottom: 20px;
    border-bottom: 2px solid #919191;
}

.row-cv19 .block-wrap div.col-md-5 {
    padding: 0 30px;
}
@media only screen and (max-width: 768px) {
    .row-cv19 .block-wrap div.col-md-5 {
        padding: 0 15px;
        margin-bottom: 10px;
    }
}
.row-cv19 .member-logo {
    display: flex;
    justify-content: center;
    max-height: 100px;
    align-items: center;
    margin-bottom: 40px;
}

.row-cv19 .link-container:nth-child(1) {
    margin-top: 0;
}

.row-cv19 .link-container {
    margin-top: 30px;
}
.row-cv19 a {
    font-size: 13px;
    line-height: 15px;
    color: #007bff;
}
.row-cv19 .link-container a {
    margin-top: 10px;
    display: block;
}

.row-cv19 .block-wrap .link-container a.first {
    margin-top: 0!important;
}


.row-cv19 span.hd-heading {
    font-family: "Libre Baskerville";
    font-size: 15px;
    font-weight: bold;
}

.row-cv19 .para {
    margin-bottom: 15px;
}

.row-cv19 .para p:nth-child(1) {
    margin-bottom: 10px;
}

.cust-accordion .hd-heading{ padding: 10px 15px; background: #bbb; color:#fff; line-height: 18px; cursor: pointer; display: flex;  }
.cust-accordion .accord-content{ display:none; padding: 10px 25px; }
.cust-accordion .accord-content a{ color:#000; text-decoration: none; font-size: 15px; line-height: 16px; overflow-wrap: break-word; margin-bottom:10px; }
.cust-accordion .link-container{ margin-top:1px; }
.cust-accordion .hd-heading.open{ background: #777; }
.hd-heading:before { content: "+"; padding-right: 20px;  font-size: 18px; }
.hd-heading.open:before { content: "-";  padding-right: 20px;  font-size: 20px; margin-top:-2px; }

/* News and Event page on mobile */
@media only screen and (max-width: 480px) {
    #row-news-3 #news-list .news-preview.news-selected {
        padding: 0 10px;

    }

    #row-news-3 #news-list .news-preview .view-details {
        display: none;
    }

    #row-news-3 #news-list .news-preview {
        padding: 15px;
    }

    #row-news-3 #news-list .news-preview .date {
        margin-right: 10px;
    }

    #row-news-3 #news-list .news-preview h4 {
        margin-right: 0px;
        font-size: 16px;
    }

    #row-news-3 #news-list .news-preview .news-content img {
        max-width: 100%;
        padding: 0 10px;
    }

    #row-news-3 #news-list .news-preview .news-text {
        padding: 20px 10px;
        width: 100%;
    }
}