/* =======================
    GENERAL STYLES
======================== */

html, body {
    position: relative;
    height: 100%;
    width: 100%;
} 
body {
    color: #353A45;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size: 14px;
    /*line-height: 1.2;*/
    font-weight: 400;
    padding-top: 108px;
}
main {
    /*margin-top: 102px;*/
    padding-bottom: 0;
    /* min-height: calc(100vh - 460px);
    margin-top: 45px; */
	min-height: 485px;
}
dl, ol, ul {
	padding-left: 20px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Rubik', Helvetica, sans-serif;
    color: #262C30;
    font-weight: 500;
    margin-top: 0;
    display: block;
    line-height: 1.3;
    margin-bottom: 4px;
}
.h1, .h2, .h3, .h4, .h5, .h6 { color: #4D565C; }
.h1, h1 { font-size: 36px; }
.h2, h2 { font-size: 30px; }
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 18px; }
.h5, h5 { font-size: 18px; }
.h6, h6 { font-size: 15px; }

h4.award-name {
    font-size: 20px;
    line-height: 1.2em;
}

a{
    text-decoration: none;
    color: #3782b3;
    font-weight: 500;
}
a.curious {
    color: #3782b3;
}
a.anchor {
    display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
}
#single_project h4 a {
	font-size: 20px;
	color: #262C30;
	min-height: 78px;
	display: block;
}
a:hover {
    color: #284093;
    text-decoration: none;
}
a.curious:hover,
#single_project a:hover {
    color: #284093;
}
a:focus,
a:active {
    outline: 0;
    outline-offset: -2px;
    text-decoration: none;
    box-shadow: none;
}
p {
    font-size: 16px;
    color: #353A45;
}
blockquote {
    border-left: 4px solid #4D565C;
    margin: 10px 0;
    padding: 6px 12px 6px;
}
b, strong, .strong, .bold {
    font-weight: 600;
}
.clear{
    clear: both;
}
.only_mobile{
    display: none;
}

.element_invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    left: 0;
    top: 0;
    opacity: 0;
    max-width: 200px;
    max-height: 200px;
}

.the_button,
.arrow_button,
.flex_contact .field-wrap input[type=button] {
    background: #7D22A3;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    padding: 6px 12px;
    text-transform: none;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Rubik', Helvetica, sans-serif;
    text-shadow: none;
    font-size: 14px;
    margin: 8px 0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    z-index: 9;
	cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.the_button.primary {
    background: #7D22A3;
}
.the_button.secondary,
.ops-page .flex_contact .field-wrap input[type=button] {
    background: #3783B4;
}
.the_button:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #7D22A3;
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.the_button.primary:before {
    background: -webkit-linear-gradient(left, #7D22A3 30%, #4527A0 100%);
    background: -o-linear-gradient(left, #7D22A3 30%, #4527A0 100%);
    background: linear-gradient(to right, #7D22A3 30%, #4527A0 100%);
}
.the_button.secondary:before {
    background: -webkit-linear-gradient(left, #3783B4 30%, #284093 100%);
    background: -o-linear-gradient(left, #3783B4 30%, #284093 100%);
    background: linear-gradient(to right, #3783B4 30%, #284093 100%);
}
.the_button.white:before {
    background: #ffffff;
}
.the_button.inverse:before {
    display: none;
}
.the_button:hover:before {
    opacity: 0;
}
.the_button:hover {
    color: #ffffff!important;
}
.the_button:focus {
    background-color: #641A83;
    color: #ffffff;
}
.the_button.inverse,
.arrow_button.inverse {
    padding: 10px 22px;
    background: transparent;
    color: #7D22A3;
    border: 2px solid #7D22A3;
}
.the_button.inverse:hover {
    background-color: #7D22A3;
    border: 2px solid #7D22A3;
    color: #ffffff;
}
.the_button.secondary.inverse {
    background-color: transparent;
    border: 2px solid #3783B4;
    color: #3783B4;
}
.the_button.secondary.inverse:hover {
    border: 2px solid transparent!important;
    background-color: #3783B4;
    color: #ffffff;
}
.the_button.white {
    background-color: #ffffff;
}
.flex_background_content .the_button.white span,
.flex_background_content .the_button.inverse.white:hover span,
.arrow_button.white.inverse:hover span,
.arrow_button.white.inverse:hover i {
    color: #262C30;
}
.flex_background_content .the_button.inverse.white span {
    color: #ffffff;
}
.the_button.white:hover {
    background-color: #E3EBEF;
    color: #333333;
}
.the_button.white.inverse,
.arrow_button.white.inverse {
    border: 2px solid #ffffff;
    color: #ffffff!important;
    background-color: transparent;
}
.the_button.white.inverse:hover,
.arrow_button.white.inverse:hover {
    background-color: #ffffff;
    color: #333333;
}
/*  Begin Hover Effect */

.the_button span,
.the_button i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 9;
}
.the_button i {
    font-size: 26px;
}
.the_button span {
    position: relative;
    pointer-events: none;
}
.the_button span.gradient_pointer {
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle closest-side, #4527A0, transparent);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    transform: translate3d(106px, -6px, 0px);
    -webkit-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;
}
.the_button.primary span.gradient_pointer {
    background: radial-gradient(circle closest-side, #4527A0, transparent);
}
.the_button.secondary span.gradient_pointer {
    background: radial-gradient(circle closest-side, #284093, transparent);
}
.the_button.white span.gradient_pointer {
    background: radial-gradient(circle closest-side, #ffffff, transparent);
}
.the_button:hover span.gradient_pointer {
    opacity: 1;
}
/*.the_button::after {
    content: '';
    position: absolute;

    transition: width .2s ease, height .2s ease;
}*/

.the_button:hover::after {
    width: 200px;
    height: 200px;
}
/*  End Hover Effect */
.list-checkbox-wrap .nf-field-element li label {
	font-size: 14px;
}
.list-checkbox-wrap .nf-field-element li label a {
	font-weight: 600;
}
/*.ops-page .list-checkbox-wrap .nf-field-element li label a {
	color: #fff;
}*/
.list-checkbox-wrap .nf-field-element li label a:hover {
	text-decoration: underline;
}
.nf-field-container.submit-container {
	text-align: right;
}

.kensei_02 {
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.kensei_03 {
    -webkit-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
}
.responsive_image,
.responsive_image img{
    width: 100%;
    height: auto;
}

section,
.section {
    padding: 30px 0 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 9;
    position: relative;
}
#breadcrumb {
    padding-bottom: 20px;
    font-weight: 400;
    color: #353A45;
}
#breadcrumb a {
    color: #353A45;
    font-weight: 400;
}
#breadcrumb a:hover {
    color: #7D22A3;
}
#home-breadcrumb a {
   font-weight: 600;
}
#breadcrumb .breadcrumbs span.breadcrumbs__separator {
    margin-right: 2px;
    margin-left: 2px;
}
#flexible_content #breadcrumb {
    padding-bottom: 0;
}
#breadcrumb #home_url {
    text-transform: uppercase;
    color: #7D22A3;
}
#flexible_content.has_breadcrumb #the_content {
    padding-top: 20px;
}
input:focus {
    outline: 0;
    border: 1px solid #ffffff;
}

/* =======================
    UI KIT
======================== */
span.ui {
    margin-top: -5px;
    margin-bottom: 6px;
    display: block;
    font-size: 12px;
}

/* =======================
  HERO SECTION - VIDEO
======================== */
#mouse {
    width: 32px;
    height: auto;
    position: absolute;
    display: block;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%,0px);
    transform: translate(-50%,0px);
}
@-webkit-keyframes bounceball {
  0%    {   -webkit-transform:  translate(0px,-6px);   }
  50%   {   -webkit-transform:  translate(0px,2px);    }
  100%  {   -webkit-transform:  translate(0px,-6px);   }
}
@keyframes bounceball {
  0%    {
    -webkit-transform:    translate(0px,-6px);
    transform:            translate(0px,-6px);
  }
  50%   {
    -webkit-transform:    translate(0px,2px);
    transform:            translate(0px,2px);
  }
  100%  {
    -webkit-transform:    translate(0px,-6px);
    transform:            translate(0px,-6px);
  }
}
#mouse line, .arrow-down{
  -webkit-animation: bounceball 0.9s linear infinite;
  animation:         bounceball 0.9s linear infinite;
}

#video_background {
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh + 200px);
    /*background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;*/
    background-size: cover;
    background-position: center;
    position: fixed;
    z-index: -1;
    overflow: hidden;
    top: -200px;
}
#video_background video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: #ffffff;
    transition: 1s opacity;
}
#hero_text {
    height: 100vh;
}
#hero_text * {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 33px;
    line-height: 1.2;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
#hero_effect {
    top: 50%;
    left: 0;
    width: 100%;
    position: fixed;
    text-align: center;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
}
/* =======================
    SLIDER
======================== */
.slider_container,
#home_slider,
#generic_slider {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.slider_container {
    height: 100%;
}
#home_slider {
    height: calc(90vh - 70px);
    min-height: 350px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
       -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.swiper-slide{
    background-size: cover!important;
    background-position: center!important;
    background: transparent;
}
.swiper-button-prev,
.swiper-button-next {
    height: 80px;
    margin-top: -40px;
    width: 50px;
    opacity: 1;
    filter: alpha(opacity=100);
    background: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.swiper-button-prev:before,
.swiper-button-next:before {
    content: " ";
    display: block;
    background-image: url(../img/arrows/arrows_white.png);
    background-size: 90px;
    width: 50px;
    height: 100%;
    top: 50%;
    position: relative;
    margin-top: -40px;
}
.swiper-button-prev{
    left: 0;
}
.swiper-button-prev:before {
    left: 0;
    background-position: 6px 1px;
}
.swiper-button-next{
    right: 0;
}
.swiper-button-next:before {
    left: 0px;
    background-position: 43px 1px;
}
.swiper-pagination-bullet{
    background-color: transparent;
    width: 12px;
    height: 12px;
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.swiper-pagination.swiper-pagination-clickable {
    bottom: 20px;
}
.swiper-pagination-bullet {
    background-color: #ffffff;
    width: 8px;
    height: 8px;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 8px;
    display: inline-block;
    position: relative;
}
.swiper-pagination-bullet:after {
    content: '';
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    background: transparent;
    margin-top: -10px;
}
.swiper-pagination-bullet {
    border: 1px solid #FFFFFF;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #3783B4;
    border-color: #3783B4;
}
.slide_content * {
    color: #ffffff;
    text-align: left;
}
.slide_content *:not(a) {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
}
.slide_content *:after {
    color: #ffffff;
}
.slide_content p,
.slide_content span,
.slide_content blockquote,
.slide_content li {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
}
.slide_content blockquote {
    border-color: #ffffff;
}
.slide_content blockquote p {
    /*font-size: 19px;*/
}
.swiper-pagination-fraction {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: -3px;
    font-size: 16px;
    bottom: 15px;
}
/* last version .caption-alignone */
.post-single img.alignnone,
.post-single .alignnone img,
.post-single div.alignnone { 
    width: 100%!important;
    height: auto; 
}

/* =======================
  GENERIC SLIDER
======================== */
/*#generic_slider{
    height: 70%;
    overflow-x: hidden;
}*/
#generic_slider {
    height: calc(50vh - 70px);
    min-height: 400px;
}
#hero_section_page, #hero_section_page_default{
    height: 70%;
    background-position: center;
    background-size: cover;
    overflow-x: hidden;
    width: 100%;
}
#hero_section_page_default{
    background-image: url(../img/default/featured_default.png);
    background-size: 50px;
    background-color: #E4E1DE;
}
/* ============================
    SKROLLR PARALLAX STYLES
============================= */
#parallax_image {
    position: relative;
    height: 175px;
    width: 100%;
    padding: 0;
	overflow: hidden;
}
#parallax_image::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2.4vw;
	background: url(../img/curves/concave-upper.svg) no-repeat center top / 103% auto;
	filter: brightness(5);
}
.featured_image {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* =======================
    PAGE
======================== */
.slide_content .container {
    position: relative;
    top: 50%;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    -webkit-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
}
/* =======================
    BLOG SIDEBAR
======================== */
.posts-page {
    padding-top: 0;
}
#blog_sidebar {
	padding-left: 25px;
}
#blog_sidebar h3 {
    text-transform: uppercase;
    color: #323231;
    font-size: 16px;
    padding: 6px 0;
    margin: 8px 0px 8px;
}
#blog_sidebar a {
    color: #707070;
    font-weight: 900;
}
#blog_sidebar a:hover{
    color: #7D22A3;
}
#blog_sidebar .widget_search {
    padding-bottom: 10px;
}
#blog_sidebar > div {
    margin-bottom: 20px;
}
#blog_sidebar .search {
    position: relative;
}
#blog_sidebar .search input {
    background-color: #FFFFFF;
    border: 1px solid #A7A7A7;
    padding: 8px;
    width: 100%;
    padding-right: 50px;
    color: #B4B4B4;
}
#blog_sidebar .search button[role="button"] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-left: 0;
    height: 100%;
    width: 40px;
    text-indent: -999999px;
    background-image: url(../img/form/search-icon.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}
#blog_sidebar ul {
    padding: 0;
}
#blog_sidebar ul li {
    list-style: none;
    margin-bottom: 6px;
}
.award-card ul {
    margin-top: 3px;
    list-style: none;
}
.award-card ul li {
    line-height: 1.2em;
    margin: 3px 0;
}
.event-description,
.event-date {
    display: inline-block;
    vertical-align: top;
}
.event-date {
    width: 100px;
    font-weight: 600;
    border-right: solid 3px #B3C7D4;
    line-height: 1.1;
    text-align: center;
    padding-right: 10px;
}
.event-date .event-month {
    font-size: 22px;
}
.event-date .event-year {
    font-size: 27px;
}
.event-description {
    padding-left: 12px;
    width: calc(100% - 104px); 
}
.event-description .event-excerpt {
    padding-top: 10px;
}
.event-description .event-excerpt p {
    margin-bottom: 0.7em;
}
.event-description .event-speakers {
    font-style: italic;
    opacity: 0.7;
    display: block;
}
.event-wr {
    margin-bottom: 24px;
}
.page-template-events ul.page-numbers {
    align-items: left;
    justify-content: left;
    padding-bottom: 30px;
}
.single-events #event_intro h3 {
    color: #4D565C;
}
.single-events .event-date {
    border-left: solid 3px #B3C7D4;
    padding-left: 10px;
    border-right: 0;
    padding-right: 0;
}
.section.event-content {
    padding: 16px 0 0;
}
.single-events .event-content {
    padding-top: 16px;
}
.event-detils {
    list-style: none;
    padding-bottom: 15px;
}
.event-detils li {
    font-size: 1.1;
    margin-bottom: 5px;
}
#single_event .event-header {
    padding-top: 0;
}
.qtranxs-available-languages-message {
    display: none!important;
}
.single-events .event-content .event-content h1,
.single-events .event-content .event-content h2,
.single-events .event-content .event-content h3,
.single-events .event-content .event-content h4,
.single-events .event-content .event-content h5,
.single-events .event-content .event-content h6 {
    margin-bottom: 0.6em; 
}
/* =======================
    SINGLE
======================== */
#single_page {
    padding-bottom: 0;
}
#single_page #single_title h4 {
    font-weight: 500;
    font-size: 17px;
} 
#single_page .responsive_image {
    margin-bottom: 15px;
}
#single_page #date {
    font-weight: 500;
	color: #4D565C;
	margin-top: 10px;
	display: block;
}
#single_page #taxonomy {
    margin-top: 30px;
    font-weight: 600;
}
#more_info {
    margin-top: 40px;
    margin-bottom: -10px;
}
.single-events #more_info {
    margin-top: 0;
    margin-bottom: 0;
}
.fund-content ul,
.fund-content ol,
.event-content ul,
.event-content ol,
.description ul,
.description ol,
#more_info ul,
#more_info ol,
.single-project ul, 
.single-project ol {
    padding-left: 20px; 
}
#more_info li {
    list-style: circle;
    padding-bottom: 3px;
}
.links-bottom{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;

    height: 45px;
    line-height: 42px;
}
.links-bottom a {
    color: #262C30;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Rubik', Helvetica, sans-serif;
}
#single_page #sources li {
    list-style: none;
}
#single_page #sources span {
    font-weight: 100;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
	width: auto;
	height: auto;
} 
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 5px;
	width: auto;
	height: auto;
}
.wp-caption-text {
    font-size: 15px;
    margin-top: 3px;
    font-style: italic;
    opacity: 0.8; 
}
figcaption {
    font-size: 13px;
    margin-top: 5px;
    opacity: 0.7;
}
/* =======================
    SINGLE PROJECT
======================== */
#single_project #parallax_image {
    height: 175px;
}
#single_project #project_main_info a,
#single_project #flexible_content .rtejustify a{
	color: #3782b3;
}
ul#project_meta {
    padding: 0;
    margin-bottom: 4px;
}
ul#project_meta li,
#funders_logos ul {
    padding: 0;
    margin-bottom: 4px;
    list-style: none;
}
.project-code {
    font-style: italic;
    opacity: 0.6;
}
#project_logo img {
    display: block;
    margin: auto;
    max-width: 75%;
    width: 100%;
    height: auto;
}
#project_main_info {
    margin-bottom: 26px;
}
#project_main_info #project-logo img{
	width: auto;
	max-width: 100%;
	display: block;
	margin: auto;
}
#project_main_info li.multiple-pi {
    display: flex;
    align-items: flex-start;
}
#project_main_info .multiple-pi ul.multiple-pi {
    margin: 0 5px;
    padding: 0;
}
#project_main_info .financer {
    display: inline-block;
}
.single-project #breadcrumb a:hover {
    color: #284093;
}
.single-project .project-coordinator {
    opacity: 0.6;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
}
/* =======================
    BLOG
======================== */
h1#blog_h1 {
    margin-top: 0px;
    margin-bottom: 15px;
}
.post_block {
    margin-bottom: 20px;
}
.post_block h3 {
    margin-bottom: 2px;
}
.page-template-template-blog .date,
.read-more {
    font-weight: 600;
}
#pagination {
    font-size: 16px;
    font-family: 'Rubik', Helvetica, sans-serif;
    padding-left: 2px;
    font-weight: 400;
}
#pagination span,
#pagination a {
    padding-bottom: 20px;
    display: inline-block;
}
#page_search,
#page_taxonomy {
/*    padding-bottom: 30px;*/
}

/* Page search */
.professionals-header {
    margin-top: 20px;
    margin-bottom: 10px;
}
.professionals-header h1 {
	margin-right: 15px;
}
.professionals-header h1, .search-wrapper,
.search-header h3 {
	display: inline-block;
	vertical-align: middle;
}
@media (min-width: 786px){
	.publications-block .search-wrapper {
		position: absolute;
		right: 0;
		top: -44px;
	}
}
ul.row.publications-list {
    margin: 0;
}
.no-results {
    display: none;
}
main .search-wrapper .search-form {
  position: relative;
  margin-right: 15px;
}

main .search-wrapper .search-form input:not(.icon) {
  border: none;
  padding: 8px 50px 9px 20px;
  border-radius: 30px;
  background-color: #E3EBEF;
  width: 320px;
  max-width: 100%;
  outline: none;
  -webkit-transition: .2s;
  transition: .2s;
}
main .ops-page .light_grey .search-wrapper .search-form input:not(.icon) {
	background-color: #fff;
}

main .search-wrapper .search-form .icon {
  position: absolute;
  border: none;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 30px;
  width: 30px;
  background: url(../img/icon-search.svg) no-repeat center/66%;
  opacity: .85;
  transition: .2s;
}
main .search-wrapper .search-form .icon:hover {
	opacity: 1;
	-webkit-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
}

#page_search .post_block {
	margin: 10px 0 20px;
}
#page_search .post_block p {
	margin-bottom: 5px;
}
#page_search .post_block .more-info-wr {
	padding-top: 10px;
}
#page_search .post_block a {
	color: #3782b3;
}
#page_search .post_block a:hover {
	color: #284093;
}


/* =======================
    DARK BG
======================== */
.ops-page .dark_grey {
	background: rgb(64,76,88);
	background: -moz-linear-gradient(135deg, rgba(64,76,88,1) 30%, rgba(37,44,52,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(64,76,88,1) 30%, rgba(37,44,52,1) 100%);
	background: linear-gradient(135deg, rgba(64,76,88,1) 30%, rgba(37,44,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#404c58",endColorstr="#252c34",GradientType=1);
	position: relative;
}
.ops-page .dark_grey::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2.2vw;
	background: url(../img/curves/concave-lower.svg) no-repeat center bottom / 103% auto;
	filter: brightness(5);
}

.ops-page .light_to_dark_grey::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: initial;
	background: url(../img/curves/concave-lower.svg) no-repeat center bottom / 103% auto;
	filter: brightness(5);
}

.ops-page .dark_grey,
.ops-page .dark_grey h3,
.ops-page .dark_grey h4,
.ops-page .dark_grey p,
.ops-page .dark_grey label,
.ops-page .dark_grey span,
.ops-page .dark_grey div {
	color: #fff !important;
}

/* =======================
    RELATIONSHIPS
======================== */
#relationships, .ops-page .light_grey {
    background-color: #E3EBEF;
    margin: 0;
    padding: 3vw 0 0;
	position: relative;
	z-index: 10;
}
#relationships::after,
#relationships::before,
.ops-page .light_grey::after,
.ops-page .light_grey::before {
    content: '';
    position: absolute;
	bottom: -2.1vw;
    left: 0;
    width: 100%;
    height: 2.2vw;
    background: url(../img/curves/convex-lower.svg) no-repeat center top / 103% auto;
}
#relationships::before,
.ops-page .light_grey::before {
	filter: brightness(5);
	bottom: initial;
	top: -0.2vw;
}

#relationships h2 {
	margin: 15px 0;
}

.relationship_block,
.relationship_block.flex_special_ul {
    margin-top: 0;
    margin-bottom: 42px;
}
.relationship_block ul {
    padding: 0;
}
.relationship_block ul.row {

}
.relationship_block ul {
    list-style: none;
}
.the_button.inverse.type_tag {
    border-radius: 100px;
    padding: 7px 20px;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
}
#tag_list {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
#tag_list .tag {
    padding: 0 0.8rem 0 0;
    text-align: center;
    color: #333;
}
#tag_list .tag:first-child {
    padding-left: 0;
}
#tag_list .tag:last-child {
    padding-right: 0;
}
.link_with_arrow,
.link_with_arrow span {
    font-family: 'Rubik', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.link_with_arrow span, 
.link_with_arrow i {
    display: inline;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.link_with_arrow i {
    font-size: 26px;
}
.link_with_arrow:hover i {
    margin-left: 3px;
}
.link_with_arrow:hover {
    color: #4527A0;
}
#research_projects {
    overflow: hidden;
}
#research_projects h4 a {
    color: #262C30;
    padding-top: 14px;
    display: block;
}
#research_projects h4 a:hover {
    color: #284093;
}
.project_card h6 {
    min-height: 57px;
}
.project_card .link_with_arrow {
    margin-bottom: 20px;
    display: inline-block;
}
#research_projects .the_button {
    margin-bottom: 0;
}
#project_partners .logo-wr {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 20px 15px;
    margin-bottom: 15px;
    border-radius: 6px;
	height: 110px;
}
.partner_block {
	text-align: center;
}
.partner_block h6,
.partner_card h6 {
    color: #4D565C;
    font-weight: 100;
    opacity: 0.9;
}
.partner_card {
    padding-bottom: 20px;
}
.featured_partner h5 {
    font-weight: 500; 

}
#project_partners .logo-wr img {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 130px;
    max-height: 70px;
    width: auto;
    height: auto;
}
/* =======================
    FLEXIBLE CONTENT
======================== */
#flexible_content {
    background-color: #ffffff;
    z-index: 9;
    position: relative;
    padding-bottom: 30px;
}

/*#no_flex {
    width: 100%;
    height: 40px;
}*/
.gallery #no_flex {
    display: none;
}
#the_content .text_sidebar blockquote {
    margin-top: 0;
}
#the_content ul,
.flex_generic_content ul {
    padding: 0;
    margin: 15px 0;
}
#the_content ul li,
.flex_generic_content ul li {
    border-radius: 3px;
    display: block;
    background-color: #D7E1E6;
    margin-bottom: 12px;
    padding: 8px 16px;
    display: table;
}
#the_content .responsive_image img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: auto;
    min-height: 210px;
    object-fit: cover;
}
/*
.responsive_image img {
  min-height: 220px;
  object-fit: cover;
  
}
*/

footer .logo img.responsive_image.ens-image{
  max-height: 80px;
}
/* Generic Content */
.flex_generic_content {
    margin: 10px 0;
}
.flex_generic_content .color_hr {
    width: calc(100% + 30px);
    height: 3px;
    background-color: #262C30;
    margin-top: 17px;
    position: relative;
    left: -15px;
}
/* Background Content */
.flex_background_content {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 0;
    margin: 0;
    padding: 80px 0;
    background-color: #ffffff;
}
.flex_background_content:not(.white) .the_button {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);*/
}
.flex_background_content.primary,
.flex_background_content.secondary,
.flex_background_content.custom {
    /*text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0.2);*/
}
.flex_background_content.primary {
    background-color: #284093;
    background: -webkit-linear-gradient(129deg, #284093 0%, #7D22A3 88%);
    background: linear-gradient( -39deg, #284093 0%, #7D22A3 88%);
    background-image: -webkit-linear-gradient(129deg, #284093 0%, #7D22A3 88%);
    background-image: linear-gradient(-39deg, #284093 0%, #7D22A3 88%);
}

.flex_background_content.secondary {
    background-color: #284093;
    background: -webkit-linear-gradient(129deg, #284093 0%, #3783B4 88%);
    background: linear-gradient(-39deg, #284093 0%, #3783B4 88%);
    background-image: -webkit-linear-gradient(129deg, #284093 0%, #3783B4 88%);
    background-image: linear-gradient(-39deg, #284093 0%, #3783B4 88%);
}
.flex_background_content:not(.white) *:not(.the_button) {
    color: #ffffff;
}
.flex_background_content *:after {
    color: #ffffff;
}
.flex_background_content p,
.flex_background_content li {
    font-size: 17px;
    /*font-weight: 900;*/
}
.flex_background_content.background {
    font-weight: 900;
    padding: 100px 0;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.flex_background_content.background:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 44, 52, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.flex_background_content.light-grey {
    background-color: #E3EBEF;
}

.background p,
.background li {
    font-weight: 900;
}
/* Text and Image */
.flex_text_n_image {
    margin-top: 10px;
    margin-bottom: 10px;
}
.flex_text_n_image img {
    margin-bottom: 1rem;
}
.left_to_right {
    float: left;
}
.right_to_left {
    float: right;
}
/* Text and Video */
.flex_text_n_video {
    margin-top: 10px;
    margin-bottom: 10px;
}
.flex_text_n_video img {
    margin-bottom: 1rem;
}
.flex_text_n_video .responsive_image.play-video .play_icon {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.flex_text_n_video .responsive_image.play-video {
    cursor: pointer;
}
#frame_youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 90%;
    height: auto;
    max-width: 1200px;
    /* height: 480px; */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
}
#youtube_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1d1d1d;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
#youtube_overlay.open {
  visibility: visible;
  z-index: 999;
}
#close_video {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
/*    color: #CFCFCF;
    font-size: 80px;
    font-weight: 100;*/
    position: absolute;
    width: 45px;
    height: 45px;
    right: 20px;
    top: 20px;
    background-image: url(../img/arrows/cross.png);
    background-size: 45px;
    background-position: 0px 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    z-index: 99999;
}
.post-single img.play-video {
    border: 1px solid #f1f1f1;
    cursor: pointer;
}

.video-frame {
    position: relative;
}
.video-frame::after {
    content: '';
    position: absolute;
    top: 27px;
    left: 27px;
    height: 29px;
    width: 23px;
    background: url(../img/icons/icon-play.svg) no-repeat center/contain;
}

/* FEATURED ICONS */
.flex_featured_icons {
    margin-bottom: 30px;
}
.flex_featured_icons .column_text {
    padding-left: 15px;
}
.flex_featured_icons .column_image {
    text-align: center;
    padding-right: 0;
}
.flex_featured_icons .column_image img {
    max-width: 80px;
    width: 100%;
}
.flex_featured_icons .featured_icon {
    width: 80px;
    height: auto;
    margin-bottom: 10px;
    display: block;
}
.flex_featured_icons.centered {
    text-align: center;
}
.flex_featured_icons.centered .featured_icon {
    margin: auto;
    margin-bottom: 10px;
}
/* FEATURED PAGES */
.flex_featured_pages {

}
.flex_card {
    margin-bottom: 16px;
    overflow: hidden;
}
.flex_card.has_image {

}
.card_content {
    padding: 15px 20px;
    border-top: 0;
    height: 100%;
    background: #D7E1E6;
}
.card_content .the_button {
    margin-bottom: 0;
}
.no_image .card_content {
    padding: 30px 20px;
}
.flex_featured_pages .color {
    border: 0;

    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
}
.flex_featured_pages .color *:not(a){
    color: #ffffff;
}
.flex_featured_pages .color *:after {
    color: #ffffff;
}
.flex_featured_pages .primary {
    background-color: #7D22A3;
}
.flex_featured_pages .secondary {
    background-color: #284093;
}

.flex_featured_pages .card.col-md-4.no_image .card_content {
    min-height: 270px;
}
.flex_featured_pages .card.col-md-6.no_image .card_content {
    min-height: 250px;
}
.flex_featured_pages .card.col-md-4.has_image .card_content {
    min-height: 290px;
}
.flex_featured_pages .card.col-md-6.has_image .card_content {
    min-height: 240px;
}
/* SPECIAL LIST */
.flex_special_ul {
    margin-top: 15px;
    margin-bottom: 15px;
}
.flex_special_ul .special_ul {
    padding: 0;
    margin: 0;
}
.flex_special_ul .special_ul > li {
    list-style: none;
    padding: 0;
    font-size: 14px;
    color: #292929;
    display: block;
}
.flex_special_ul .special_ul.two_columns > li,
.flex_special_ul .special_ul.random > li {
    float: none;
    padding-right: 15px;
    display: inline-block;
    vertical-align: top;
}
.flex_special_ul .special_ul.two_columns > li {
    width: calc(50% - 4px);
    padding-bottom: 8px;
}
.flex_special_ul .special_ul.random > li {
    width: auto;
}
.flex_special_ul .special_ul > li > div {
    border-radius: 3px;
    background-color: #D7E1E6;
    margin-bottom: 12px;
    padding: 8px 16px;
    display: table;
}
/* TOGGLE CARDS */
.flex_toggle_card {

}
.tab_ul {
    margin-top: 10px;
    margin-bottom: 10px;
}
.toggle_card {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    border: 2px solid #4D565C;
    border-radius: 12px;
    overflow: hidden;
}
.add_padding {
    padding: 20px;
    display: block;
}
.toggle_title_lv1 {
	padding: 16px 20px;
}
.toggle_title_lv1 i,
.toggle_title_lv2 i {
	transition: .2s;
}
.toggle_title_lv1.open i,
.toggle_title_lv2.open i {
	transform: rotate(180deg);
}
.toggle_title_lv1, 
.toggle_title_lv2 { 
    position: relative;
    padding-right: 50px;
}
#page-builder .toggle_title_lv1 h3,
.toggle_title_lv1 h3 {
    font-size: 20px;
    color: #262C30;
    line-height: .95;
}
#page-builder .toggle_title_lv2 h4,
.toggle_title_lv2 h4 {
    font-size: 18px;
    color: #262C30;
    line-height: .95;
}
.toggle_title_lv1 span,
.toggle_title_lv2 span {
	color: #7D22A3;
}
.toggle_title_lv2 h4 {
    color: #262C30;
}
.toggle_title_lv1 h3,
.toggle_title_lv2 h4 {
    margin: 0;
}
.toggle_title_lv1 span,
.toggle_title_lv2 span {
    position: absolute;
    display: block;
    right: 20px;
    font-size: 18px;
    top: 50%;
    transform: translateY(-45%);
    font-weight: 600;
}
/*.toggle_title_lv2 span {
    right: 22px;
    font-size: 32px;
    margin-top: -22px;
}*/
.toggle_content_lv1,
.toggle_content_lv2 {
    display: none;
}
/*.tab_ul:first-child .toggle_content_lv1 {
    display: block;
}*/
.toggle_content_lv1 .add_padding li:not(.gallery-item){
	border-radius: 3px;
	background-color: #D7E1E6;
	margin-bottom: 12px;
	padding: 8px 16px;
	display: table;
    font-size: 14px;
}
.toggle_content_lv1 > .add_padding {
    /* background-color: #f7f7f7; */
    /* border-top: 1px solid #d4d5d8; */
    padding: 10px 20px 15px;
}
.toggle_card .the_content {
    padding: 10px 20px 15px;
}
.toggle_content_lv1 .gallery-item {
	list-style: none;
	margin-bottom: 20px;
}
.toggle_content_lv1 .gallery-item .responsive_image a {
	display: block;
}
.toggle_content_lv1 .gallery-item .responsive_image img {
	margin: 0;
}
.toggle_content_lv1 .gallery-item .picture-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #EFF0F0;
	min-height: 60px;
}
.toggle_content_lv1 .gallery-item .picture-content span {
	padding: 10px;
	width: calc(100% - 46px);
}
.toggle_content_lv1 .gallery-item .picture-content > a {
	display: block;
	width: 46px;
	padding-left: 10px;
}
.toggle_content_lv1 .gallery-item .picture-content a {
	color: #252C34;
}
.toggle_card_lv2 {
    border-top: 1px solid #d4d5d8;
}
.toggle_card_lv2 .add_padding {
    padding: 16px 20px; 
}
.toggle_content_lv2.add_padding {
    padding: 20px 20px 10px;
    border-top: 1px solid #d4d5d8;
    background-color: #f3f4f5; 
}
.toggle_content_lv2 ul {
    padding-left: 30px;
}
.toggle_content_lv2 li {
    list-style: initial;
}
.sub_ul_toggle > li.toggle_card_lv2 {
    list-style: none;
}
.sub_ul_toggle {
    padding: 0;
    margin: 0;
}
.toggle_title_lv1.open .fa-angle-down:before,
.toggle_title_lv2.open .fa-angle-down:before {
    content: "\f106";
}
.flex_toggle_card img {
    margin-bottom: 1rem;
}
/* RULE */
.flex_rule {
    margin-top: 20px;
    margin-bottom: 20px;
}
.flex_rule hr {
    border-top: 1px solid #d6d6d6;
    margin: 0;
}
/* SPACE */
.flex_space {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: 1px;
}
.flex_space.add_10px {
    padding-top: 3px;
    padding-bottom: 3px;
}
.flex_space.add_15px {
    padding-top: 8px;
    padding-bottom: 8px;
}
.flex_space.add_30px {
    padding-top: 15px;
    padding-bottom: 15px;
}
.flex_space.add_40px {
    padding-top: 20px;
    padding-bottom: 20px;
}

.flex_custom_card ul {
	list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.flex_custom_card {
    margin-bottom: 20px;
}
.flex_custom_card .not-image {
    border-left: 5px #b3c7d4 solid;
    padding: 0px 0px 3px 10px;
}
.flex_custom_card .card-title {
    margin-bottom: .2rem;
}
.card-subtitle {
    margin-top: 0;
    margin-bottom: .3rem;
    font-size: 16px;
}
.custom_card li {
    line-height: 1.3;
}
.custom_card .default {
    opacity: 0.8;
}
.custom_card .location {
    font-style: italic;
    opacity: 0.6;
}
.custom_card .italic {
    font-weight: 500;
}
/* CHILD PAGES CARDS & RESEARCH GROUPS BUTTONS */
.child_pages_cards .img-txt-card,
.research_groups_buttons .img-txt-card {
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    min-height: 70px;
    background-size: 100%;
    background-position: center;
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.child_pages_cards a.img-txt-card:hover,
.research_groups_buttons a.img-txt-card:hover {
    background-size: calc(100% + 20px);
}
.child_pages_cards .responsive_image,
.child_pages_cards .responsive_image img,
.research_groups_buttons .responsive_image,
.research_groups_buttons .responsive_image img {
    max-height: 100px;
}
.child_pages_cards .text,
.research_groups_buttons .text {
    width: 100%;
    position: absolute;
    padding: 0 16px;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    display: flex;
    align-items: center;
}
.landscape-card.icon-align-right {
    justify-content: space-between;
}

.landscape-card.icon-align-left .wave-btn-title {
    margin-left: 10px;
}
.child_pages_cards i.material-icons,
.research_groups_buttons i.material-icons {
    font-size: 34px;
    position: relative;
    right: 2px;
}
.child_pages_cards i.material-icons,
.child_pages_cards a .text h4,
.research_groups_buttons i.material-icons,
.research_groups_buttons a .text h4 {
    line-height: 1.1;
    color: #fff;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}

.child_pages_cards a:hover i.material-icons,
.child_pages_cards a:hover .icon-align-left.text h4,
.research_groups_buttons a:hover i.material-icons,
.research_groups_buttons a:hover .icon-align-left.text h4 {
    right: -3px;
}
.child_pages_cards a .icon-align-left i.material-icons,
.child_pages_cards a:hover .icon-align-left i.material-icons,
.research_groups_buttons a .icon-align-left i.material-icons,
.research_groups_buttons a:hover .icon-align-left i.material-icons {
    right: 0;
}

.child_pages_cards a .text h4,
.research_groups_buttons a .text h4 {
    right: 0;
}
.child_pages_cards a:hover .text.icon-align-left h4,
.research_groups_buttons a:hover .text.icon-align-left h4 {
    right: -4px;
}
.child_pages_cards .text.center,
.research_groups_buttons .text.center {
    left: 50%;
    transform: translate(-50%, -50%);
}

.child_pages_cards .center-aligned,
.research_groups_buttons .center-aligned {
    display: flex;
    justify-content: center;
}

/* POSTS BLOCK */
.posts-block {
	margin-bottom: 30px;
}
.posts-block .posts-list a {
	margin: 5px 0;
	display: inline-block;
}
.flex_special_ul .special_ul .link-item {
	margin: 0 -15px;
}
#job_offers ul.special_ul.two_columns {
    padding-left: 0;
}
.flex_special_ul .special_ul .link-item {
	padding: 0 15px;
}
.flex_special_ul .special_ul .link-item > div {
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	margin: 0;
}
.flex_special_ul .special_ul .link-item a {
    font-size: 16px;
    margin: 0;
    margin-bottom: 14px;
    display: inline-block;
} 
/* AWARDS */
.award-card {
    padding-bottom: 20px;
}
.award-card .top {
    border-left: 3px solid #B3C7D4;
    padding-left: 12px;
}
.award-card .bottom {
    padding-top: 10px;
    padding-left: 15px;
}
.award-card .top h5 {
    font-size: 17px;
}
.award-location {
    opacity: 0.8;
    margin-bottom: 6px;
    margin-top: -2px;
    display: block;
}
.award-card .description {
    margin-bottom: 10px;
}
/* FLEX CONTACT */
.flex_contact {
    /*margin-top: 30px;*/
    padding-bottom: 30px;
}
.flex_contact ul {
    padding: 0;
}
.flex_contact ul li {
    list-style: none;
    font-size: 15px;
}
.flex_contact .form-control,
.form-control {
    border-radius: 0;
    color: #7D22A3;
    border: 1px solid #d6d6d6;
    box-shadow: none;
}
.form-control:focus,
.form-control:active {
    outline: 0;
    outline-offset: -2px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #7D22A3;
}
.flex_contact .form_content h3 {
    /*margin: 0;*/
}
.flex_contact p {
	max-width: 95%;
}
.flex_contact .icon_list_item {
	padding: 10px 0;
}
.flex_contact .form_icon {
	width: 55px;
}
.flex_contact .form_icon a {
	color: #353A45;
}
.flex_contact .form_icon i {
	font-size: 38px;
}
.flex_contact .icon_text a{
	color: #353A45;
	font-weight: 400;
}
.nf-form-fields-required {
    margin-bottom: 4px;
}
div.form_icon {
    padding-right: 0;
}
.form_icon img {
    width: 100%;
    height: auto;
}
.data_content a {
    color: #666666;
}
.data_content a:hover {
    color: #7D22A3;
}

.data_content .icon_text h4 {
    margin-bottom: 3px;
}
.icon_list_item {

}
.form_icon,
.icon_text {
    display: inline-block;
    vertical-align: middle;
}
.form_icon {
    width: 70px;
}
.icon_text {
    width: calc(100% - 80px);
}
.data_content .row {
    margin-bottom: 5px;
}
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    margin: 0;
}
input[type=submit]:not(.icon),
input[type=button],
.form-control[disabled] {
    background-color: #7D22A3;
    border: 2px solid #7D22A3;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    font-family: 'Rubik', Helvetica, sans-serif;
    text-shadow: none;
    font-size: 13px;
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
input[type=submit]:not(.icon):hover,
input[type=button]:hover,
input[type=submit]:not(.icon):focus,
input[type=button]:focus {
    background-color: #333333;
    border: 2px solid #333333;
    outline: none;
}
input[disabled] {
    opacity: 0.8;
    cursor: not-allowed!important;
}
.ninja-forms-req-symbol, .nf-error-msg {
    color: #7D22A3!important;
    font-weight: 900;
    margin-left: 1px;
}
.nf-error .ninja-forms-field {
    border: 1px solid #03b4b7!important;
}
.nf-field-container, #ninja_forms_required_items {
    clear: both;
    position: relative;
    margin-bottom: 15px!important;
}
/*.half-input {
    width: 40%;
}
.half-input {
    background-color: #7D22A3;
}*/

/*.ninja-forms-form-wrap nf-field{
    float: left;
}*/

/* FLEX IFRAME */
.flex_iframe {
    overflow: hidden;
}
.flex_iframe .container-fluid {
    padding: 0;
}
.flex_iframe:before,
.flex_iframe:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #ffffff;
    -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.8);
    z-index: 99999;
    position: relative;
}
.flex_featured_post_type {
    margin-top: 16px;
}
.flex_featured_post_type .post_icon img {
    width: 80px;
    height: auto;
    margin-bottom: 16px;
}
.flex_featured_post_type h4 a {
    color: #262C30;
}
.flex_featured_post_type h4 a:hover {
    color: #4527A0;
}
.flex_featured_post_type .post_icon p {
    min-height: 58px;
}

.flex_all_research_projects h3 a,
.partner_projects h3 a {
    color: #262C30;
}
.flex_all_research_projects p,
.partner_projects p {
    margin-bottom: 4px;
    /*font-weight: 500;*/
}
.flex_all_research_projects .project-coordinator,
.partner_projects .project-coordinator{
	font-size: 15px;
	font-weight: 100;
    margin-bottom: 4px;
    opacity: 0.6;
    font-style: normal;
}
.generated-logo {
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}
span.logo-initial {
    width: 100%;
    font-size: 4em;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #7D22A3;
    color: #3A84B5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Rubik', Helvetica, sans-serif;
    font-weight: bold;
}
.single-project span.logo-initial {
    font-size: 7em;
}
.web-link-wr {
    display: flex;
    align-items: center;
    line-height: 1;
}
.flex_all_research_projects .projects-list .logo-wr,
.partner_projects .projects-list .logo-wr {
    justify-content: center;
    align-items: center;
    display: flex;
}
.flex_all_research_projects .projects-list .project-logo,
.partner_projects .projects-list .project-logo {
	padding: 0 10px;
}
.flex_all_research_projects .projects-list .text-wr,
.partner_projects .projects-list .text-wr {
	padding-left: 20px;
}
.flex_all_research_projects .projects-list h3,
.partner_projects .projects-list h3 {
    margin-top: 10px;
}
.flex_all_research_projects .projects-list .financer,
.partner_projects .projects-list .financer {
    display: inline-block;
    margin-left: 2px;
}
.flex_all_research_projects .projects-list .web-link-wr a,
.partner_projects .projects-list .web-link-wr a {
    text-align: left;
}
.flex_all_research_projects .projects-list .more-info-wr,
.partner_projects .projects-list .more-info-wr {
    margin-right: 0;
    padding-right: 0;
    margin-right: 7px;
}
.flex_all_research_projects .projects-list .more-info-wr a.the_button,
.partner_projects .projects-list .more-info-wr a.the_button {
    margin-top: 0;
    margin-bottom: 0;
}
.flex_all_research_projects .projects-list .project-item,
.partner_projects .projects-list .project-item {
    margin-bottom: 50px;
}
.flex_all_research_projects .links_row,
.partner_projects .links_row {
    padding-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* =======================
  PRE FOOTER
======================== */
#pre_footer {
    padding: 100px 0;
    width: 100%;
    z-index: 11;
    position: relative;
    background-color: #284093;
    background: -webkit-linear-gradient(129deg, #284093 0%, #3783B4 88%);
    background: linear-gradient(-39deg, #284093 0%, #3783B4 88%);
    background-image: -webkit-linear-gradient(129deg, #284093 0%, #3783B4 88%);
    background-image: linear-gradient(-39deg, #284093 0%, #3783B4 88%);
}
#pre_footer::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2.2vw;
    background: url(../img/curves/concave-lower.svg) no-repeat center bottom / 103% auto;
    filter: brightness(5);
}
body.single-area #pre_footer::before,
body.single-project #pre_footer::before {
	filter: none;
}
.arrow_button span,
.arrow_button i {
    display: inline-block;
    vertical-align: middle;
}
.arrow_button i {
    font-size: 26px;
}

/* =======================
  FUNDS
======================== */
.fund-card {
	margin-bottom: 32px;
	/*align-items: center;
	justify-content: center;*/
}
.fund-card .img {
	/*display: flex;
	align-items: center;
	justify-content: center;*/
}
.fund-card .img a {
	display: inline-block;
}
.fund-card .img img {
	width: auto;
	max-width: 100%;
}
.fund-card .awardee {
	font-size: 17px;
}
.fund-card a {
	color: #3782b3;
}
.fund-card a:hover {
	color: #284093;
}
.fund-card .funded-by p{
	font-size: 15px;
	opacity: .8;
	margin-top: 5px;
	margin-bottom: 0;
}
.fund-card .description {
	display: block;
	margin-top: 10px;
}
.fund-h3 {
	margin-bottom: 15px;
}

/* =======================
  GALLERY PAGE
======================== */
.page-template-template-gallery main {
    padding-bottom: 0;
}
#generic_slider.gallery_slider{
    height: 90vh;
}
#categories_menu_gallery {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 99;
    padding: 124px 14px 14px;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 0;
    display: none;
}
#categories_menu_gallery.sticky {
    padding-top: 104px;
    /*background-color: #4a5459;
    color: #ffffff;*/
}
#categories_menu_gallery ul {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}
#categories_menu_gallery ul li {
  display: inline-block;
  margin: 0 12px;
  color: #3c454a;
}
#categories_menu_gallery ul li a {
  color: #4a5459;
  border-bottom: 1px solid transparent;
  text-transform: capitalize;
}
#categories_menu_gallery ul li a:hover,
#categories_menu_gallery ul li a.active {
    color: #ff2a25;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-bottom: 1px solid #fe2d12;
}
.photo_frame {
  cursor: pointer;
}
#gallery_photo .photo_frame .overlay {
    position: absolute;
    width: 100%;
    background: #252525;
    bottom: -46px;
    top: initial;
    height: 45px;
    padding: 11px 18px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
}
#gallery_photo .photo_frame:hover .overlay {
  bottom: 0;
  opacity: 1;
}
#gallery_photo .overlay span {
    line-height: 24px;
    color: #D7E1E6;
    font-weight: 900;
    font-size: 15px;
    display: block;
    width: calc(100% - 26px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.resize_image {
    background-image: url(../img/arrows/resize_image.png);
    width: 40px;
    height: 40px;
    position: absolute;
    right: 2px;
    top: 3px;
    background-size: 40px;
}
#generic_slider_wrapper {
    position: fixed;
    background-color: #1d1d1d;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
    -webkit-transition-delay: 0.3s; /* Safari */
            transition-delay: 0.3s;
}
#generic_slider_wrapper.open{
  z-index: 99999;
  opacity: 1;
  visibility: visible;
}
#generic_slider_wrapper #gallery_slider {
  width: 100%;
  overflow: hidden;
  height: 100%;
}
#generic_slider_wrapper #gallery_slider .slider_container {
  width: 100%;
  height: 100%;
}
#generic_slider_wrapper #gallery_slider .swiper-slide {
  text-align: center;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
#generic_slider_wrapper #gallery_slider .swiper-slide img{
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  max-height: calc(100vh - 150px);
  max-width: calc(100vw - 150px);
}
#generic_slider_wrapper #gallery_slider .swiper-slide img,
#generic_slider_wrapper #gallery_slider .swiper-slide .slide-description{
  opacity: 0;
}
#generic_slider_wrapper #gallery_slider .swiper-slide.swiper-slide-active img,
#generic_slider_wrapper #gallery_slider .swiper-slide.swiper-slide-active .slide-description{
  opacity: 1;
}
div.horizontal {
    display: flex;
    justify-content: center;
}

div.vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*#generic_slider_wrapper #gallery_slider .swiper-slide:nth-child(2n) {
  width: 40%!important;
}
#generic_slider_wrapper #gallery_slider .swiper-slide:nth-child(3n) {
  width: 20%!important;
}*/
.slide-description {
    position: absolute;
    text-align: center;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 75px;
    line-height: 75px;
}
#generic_slider_wrapper #gallery_slider .swiper-slide.swiper-slide-active .slide-description p {
    font-weight: 900;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}
#close_generic_slider_wrapper {
    cursor: pointer;
    position: absolute;
    width: 45px;
    height: 45px;
    right: 20px;
    top: 20px;
    background-image: url(../img/arrows/cross.png);
    background-size: 45px;
    background-position: 0px 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    z-index: 999999;
    /*background-color: paleviolet#7D22A3;*/
}

/* =======================
    NEWS
======================== */
.posts-page .post-date {
	font-size: 16px;
	font-weight: 500;
    color: #4D565C;
	margin-bottom: 5px;
}
.posts-page .post_block .row {
	align-items: center;
}
.post-single .tags {
	margin-top: 10px;
}
#blog_sidebar .tag-cloud-link,
.post-single .tags a{
    /*border-radius: 3px;
    background-color: #D7E1E6;
    margin-bottom: 7px;
    padding: 4px 6px;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 400;
    margin-right: 2px;
    color: #292929;*/  
}
#blog_sidebar .tag-cloud-link, .post-single .tags a {
    margin-bottom: 6px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
    color: #3d86b6;
    line-height: 1.1;
}
#blog_sidebar .tag-cloud-link:hover,
.post-single .tags a:hover {
	color: #284093;
}
#blog_sidebar .cat-item a,
#blog_sidebar .widget_recent_entries a{
	font-weight: 500;
	color: #4D565C;
	font-size: 15px;
}
#blog_sidebar .cat-item a:hover,
#blog_sidebar .widget_recent_entries a:hover {
    color: #3d86b6;
}

/* =======================
    PARTNERS LIST
======================== */
[data-type="featured_partners"] .partners-list .col-3 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}
[data-type="featured_partners"] .partners-list .col-9 {
	margin-bottom: 30px;
}
[data-type="category_partners"] .partner-logo,
[data-type="featured_partners"] .partner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 190px;
}
.partner-logo>img {
	max-height: 100px;
	width: auto;
	height: auto;
}
[data-type="featured_partners"] .partner-logo {
	height: 100%;
}
[data-type="featured_partners"] .partners-list .col-md-9,
[data-type="featured_partners"] .partners-list .col-md-3 {
	margin-bottom: 25px;
}
[data-type="category_partners"]  .col-3 {
	margin-bottom: 30px;
}
#partner_main_info #partner-logo {
	text-align: right;
}
#partner_main_info #partner-logo img {
    max-width: 160px;
}
.partners-list .link_with_arrow {
    margin-bottom: 16px;
    display: block;
}
/* =======================
    GROUP NAV
======================== */
.group-nav {
	position: fixed;
	width: 100%;
	left: 0;
	/*top: 80px;*/
	background: rgb(55,131,180);
	background: -moz-linear-gradient(90deg, rgba(55,131,180,1) 0%, rgba(49,19,139,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(55,131,180,1) 0%, rgba(49,19,139,1) 100%);
	background: linear-gradient(90deg, rgba(55,131,180,1) 0%, rgba(49,19,139,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3783b4",endColorstr="#31138b",GradientType=1);
	text-align: center;
	z-index: 11;
	/*padding: 11px 0 12px;*/
	overflow: hidden;
}


.group-nav.nav-color-purple {
	background: rgb(125,34,163);
	background: -moz-linear-gradient(90deg, rgba(125,34,163,1) 0%, rgba(40,64,147,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(125,34,163,1) 0%, rgba(40,64,147,1) 100%);
	background: linear-gradient(90deg, rgba(125,34,163,1) 0%, rgba(40,64,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7d22a3",endColorstr="#284093",GradientType=1);
}
.group-nav ul {
	padding: 0;
	margin: 0;
}
.group-nav li {
	list-style: none;
	display: inline-block;
	margin: 0 30px;
}
.group-nav a {
	color: #EAEFF1;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	display: block;
}
.group-nav a.active{
    border-bottom: solid white 4px;
}
.group-nav a::after {
	content: '';
	position: absolute;
	bottom: -12px;
	height: 4px;
	width: calc(100% + 40px);
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	transition: .2s;
}
.group-nav a:hover::after,
.group-nav a.active::after {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}
/* =======================
    DIRECTORY
======================== */
.page-template-directory #flexible_content {
    padding-bottom: 0; 
}
.section.users-directory {
    padding-top: 0;
}
.page-template-directory th.name {
    min-width: 270px; 
}
.page-template-directory th.job_position {
    min-width: 150px; 
}
.page-template-directory th.email {
    min-width: 270px; 
}
.page-template-directory th.phone {
    min-width: 160px;
}

body.page-template-directory.active table,
body.page-template-directory.active thead,
body.page-template-directory.active tbody,
body.page-template-directory.active th,
body.page-template-directory.active td,
body.page-template-directory.active tr {
    display: block;
    max-width: none;
    width: 100%;
}
body.page-template-directory.active thead {
    display: none;
}
body.page-template-directory.active tr {
    padding: 20px;
    border-bottom: 0;
}
body.page-template-directory.active tr td:first-child,
body.page-template-directory.active tr td:first-child a {
    font-weight: 600;
    font-size: 19px;
}
body.page-template-directory.active td,
body.page-template-directory.active th {
    padding: 1px 0;
}
body.page-template-directory.active tr:nth-child(odd) {
    background: #E3EBEF;
}
body.page-template-directory.active tr:nth-child(even) {
    background: #ffffff;
}
.page-template-directory table {
    margin-bottom: 30px;
    border-bottom: 1px solid;
}
/* =======================
    PAGE BUILDER
======================== */
#page-builder h3 {
	font-size: 31px;
}
#page-builder h4 {
	font-size: 25px;
}
#page-builder ul {
	list-style: none;
	padding: 0;
}
#page-builder section {
	padding: 90px 0 60px;
}
#page-builder .grid_items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
    margin: 0 -2%;
}
#page-builder .grid_items li {
	flex: 1 1 25%;
    max-width: 25%;
	padding: 2%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#page-builder .grid_items img {
	max-width: 100%;
}
#page-builder .project-card[data-status="current_project"] {
	margin: 40px 0 10px;
}
#page-builder .project-card .logo-wr {
	height: 120px;
}
#page-builder .project-card .generated-logo {
	max-height: 100%;
}
#page-builder .project-card .responsive_image img {
	width: 100%;
	max-height: 100%;
}
#page-builder .project-card h5 {
	font-size: 22px;
	margin: 10px 0 4px;
}
#page-builder .project-card .project-info {
	min-height: 120px;
}
#page-builder .project-card h6 {
	font-size: 17px;
	font-weight: 400;
}
#page-builder .project-card p {
	font-size: 14px;
	font-weight: 300;
}
#page-builder .links_row {
	display: flex;
	align-items: center;
}
#page-builder .links_row .more-info-wr {
	margin-right: 20px;
}
#page-builder .past-projects-grid {
	margin-top: 50px;
}
#page-builder .past-projects-grid .project-card {
	margin-top: 20px;
}
#page-builder .teamleads {
	align-items: center;
	margin-bottom: 30px;
}
#page-builder .teamlead h5 {
	font-size: 22px;
}
#page-builder .teamlead h6 {
	font-size: 16px;
}
#page-builder .teamlead .link_with_arrow {
	margin-top: 10px;
	display: inline-block;
}
#page-builder .other-members .col-3 {
	margin-bottom: 20px;
}
#page-builder .other-members img {
	margin-bottom: 10px;
}
#page-builder .other-members .col-3 h5 a {
	font-size: 18px;
	color: #262C30;
}
#page-builder .other-members .col-3 h6 {
	font-weight: 400;
}
#page-builder .prf-card {
	margin: 10px 0 20px;
}
#page-builder .prf-card a {
	color: #3782b3;
}
#page-builder .prf-card a:hover {
	color: #284093;
}
.input_50_parent {
	float: left;
	width: 50%;
}
.input_50_parent:first-of-type {
	padding-right: 10px;
}
.input_50_parent:nth-of-type(2) {
	padding-left: 10px;
}
.flex_contact .nf-field-element input,
.flex_contact .nf-field-element textarea{
	font-size: 16px;
	color: #252C34;
	border: none;
	padding: 11px 18px 12px;
	background-color: #E3EBEF;
	border-radius: 6px;
}
.flex_contact .label-above .nf-field-label {
	margin-bottom: 5px;
}
.flex_contact .nf-field-label label {
	font-size: 14px;
	font-weight: 500;
	color: #4D565C;
}
#page-builder .flex_contact h3,
.flex_contact h3,
.flex_contact h4 {
	font-size: 25px;
}
.flex_contact ul li {

}
.flex_contact ul li strong {
	font-weight: 500;
}

.former-awardees-list {
	list-style: none;
	line-height: 1.5;
	margin: 10px 0 50px;
}
.former-awardees-list .former-awardee {
	font-size: 17px;
}
.former-awardees-list .former-awardee::before {
	content: '-';
	margin-right: 5px;
}
.former-awardees-list .former-awardee .award-year {
	opacity: .8;
}

.group-hero p {
	font-size: 28px;
}
.group-hero #parallax_image {
	height: 285px;
}
/* =======================
  JOBS
======================== */
li.job-wr {
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}
h2.job-term-wr {
    margin-bottom: 20px;
}
#jobs_filter {
    padding-bottom: 15px;
}
.job-offers-archive {
    padding-bottom: 30px;
}
ul.job-categories {
    margin-top: 12px;
}
ul.job-categories li {
    line-height: 1.2em;
    margin-bottom: 8px;
    list-style: none;
    font-weight: 500;
    color: #353A45; 
    font-size: 15px;
}
ul.job-categories ul {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 0;
}
ul.job-categories li {
    color: #b9bebf;
}
ul.job-categories li.parent-cat {
  margin-left: -17px;
}
ul.job-categories li a {
    color: #353A45;   
}
ul.job-categories li:last-child {
    margin-bottom: 0; 
}
ul.job-categories li.child-cat {
    padding-left: 30px;
}
ul.job-categories li.empty-cat a{
    color: #b9bebf;
}
.job-offers li {
    list-style: none;
    margin-bottom: 10px; 
}
.job-offers h3 {
    line-height: 1.2em;
    margin-bottom: 0;
}
.job-offers h5 {
    line-height: 1.2em;
    font-weight: normal;
    font-size: 15px;
    margin: 4px 0 2px;
    font-style: italic;
    color: #b9bebf;
}
.job-offers p{
    margin-bottom: 10px; 
}

.single-job #page-builder ul {
    padding-left: 20px;
}
.single-job #page-builder ul li {
    list-style: circle;
    padding-bottom: 3px;
}
#bottom_items {
    margin-top: 25px;
    border-top: 1px dashed #353A45;
    padding-top: 12px;
}
#bottom_items ol {
    padding-left: 20px;
}
#bottom_items ol li {
    padding-bottom: 3px;
}
.job-date {
    font-weight: 100;
    padding-top: 5px;
}
.job-date span {
    font-weight: 600;
}
.job-offer-cards {
    margin-top: 20px;
}
.job-card span.job-categories {
    font-style: italic;
    color: #666; 
}
#page-builder .job-offer-cards.results .bg-light_gray,
.no-job-offers.bg-light_gray{
    background-color: #E3EBEF;
    padding: 40px 20px;
    border-radius: 10px;
}
.no-job-offers.bg-light_gray {
    padding: 30px 20px;
    margin-top: 15px;
}
.no-job-offers.bg-light_gray p {
    margin: 0;
    padding: 0;
}
#page-builder .job-offer-cards.results .bg-white {
    background-color: #FFF;
    padding: 40px 20px;
    border-radius: 10px;    
}
#page-builder .job-offer-cards.results p {
    margin: 0;
}
#page-builder .dark_grey .job-offer-cards.results p {
    color: #353A45!important;
}

/* =======================
   TABLES
======================== */
table {
	margin-bottom: 10px;
}
tr {
	border: 1px solid;
}
tr th {
	background-color: #252C34;
	color: #fff;
}
.users-directory tr th {
    cursor: pointer;
}
tr th.no-sort {
	cursor: default;
}
tr th .fas {
	display: none;
}
tr th.sorting-asc .fa-caret-down {
	display: initial;
}
tr th.sorting-desc .fa-caret-up {
	display: initial;
}
tr td, 
tr th {
    padding: 8px 10px 6px 10px;
}
td a,
.former-awardees-list .former-awardee a,
.awardee-name a,
.list-checkbox-wrap .nf-field-element li label a,
.single-post .cats a{
	color: #3782b3;
}
td a:hover,
.former-awardees-list .former-awardee a:hover,
.awardee-name a:hover,
.single-post .cats a:hover {
	color: #284093;
}

/* =======================
   MASONRY
======================== */
#infrastructure_masonry {
	column-count: 2;
}
.infrastructure_item {
    display: inline-block;
	margin-bottom: 20px;
}
.infrastructure_item img {
    max-width: 100%;
}
.infrastructure_item h3 {
	margin-top: 10px;
}
.infrastructure_item h6 {
	margin-bottom: 10px;
	opacity: .7;
}
.infrastructure_item .img-wrapper {
	position: relative;
}
.infrastructure_item .gallery-trigger {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background-color: #284093;
	background: -webkit-linear-gradient(129deg, #284093 0%, #3783B4 88%);
	background: linear-gradient(-39deg, #284093 0%, #3783B4 88%);
	background-image: -webkit-linear-gradient(129deg, #284093 0%, #3783B4 88%);
	background-image: linear-gradient(-39deg, #284093 0%, #3783B4 88%);
	color: #fff;
	border-radius: 6px;
	padding: 10px;
	transition: .15s;
}
.infrastructure_item .gallery-trigger:hover {
	box-shadow: 0 5px 20px 0 rgba(53,58,69,.6);
}
.infrastructure_item .gallery-trigger .material-icons {
	font-size: 22px;
	display: block;
}
.infrastructure-lightbox {
	position: fixed;
    top: 0;
    left: 50%;
	transform: translateX(-50%);
    width: 0;
    height: 100%;
    background-color: #353A45;
    z-index: 1000;
	visibility: hidden;;
	transition: .2s;
	overflow: hidden;
}
.infrastructure-lightbox.active {
	width: 100%;
	visibility: visible;;
}
.infrastructure-lightbox a {
	color: #fff;
}
.infrastructure-lightbox .il-close {
	position: absolute;
	right: 30px;
	top: 30px;
}
.infrastructure-lightbox .il-close i {
	font-size: 40px;
}
.infrastructure-lightbox .controls {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.infrastructure-lightbox .controls.inactive {
	cursor: not-allowed;
	opacity: .4;
}
.infrastructure-lightbox .controls i {
	font-size: 50px;
}
.infrastructure-lightbox .controls.left {
	left: 30px;
}
.infrastructure-lightbox .controls.right {
	right: 30px;
}
.infrastructure-lightbox .legend {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	max-width: 500px;
}
.infrastructure-lightbox .img-wrapper {
	opacity: 0;
	position: absolute;
	top: 150px;
	bottom: 150px;
	left: 150px;
	right: 150px;
	overflow: hidden;
	transition: .2s;
}
.infrastructure-lightbox.active .img-wrapper {
	opacity: 1;
	transition-delay: .2s;
}
.infrastructure-lightbox .img-container {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	transition: .4s;
}
.infrastructure-lightbox .img-container .img-slide {
	flex: 1 1 0px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.infrastructure-lightbox .img-container img{
	max-width: 100%;
	max-height: 100%;
}

/* =======================
   PAGINATION
======================== */
ul.page-numbers {
	display: flex;
	list-style: none;
	align-items: center;
	justify-content: center;
}
.page-numbers li {
	margin: 0 12px;
}
.page-numbers li .page-numbers {
	color: #4D565C;
	font-size: 18px;
	font-family: 'Rubik', Helvetica, sans-serif;
	font-weight: 400;
}
.page-numbers li .page-numbers.current {
	color: #3A84B5;
	font-weight: 500;
}
.page-numbers li .material-icons {
	vertical-align: top;
    font-size: 20px;
}
/* =======================
   SPECIAL LANDINGS
======================== */
#menu_page {
    background-image: url(../img/waves/research.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: calc(100vh - 74px);
    padding-top: 20px;
    padding-bottom: 30px;
}
#menu_page #menu_image {
    width: 52px;
    height: 65px;
    margin-right: 4px;
    background: no-repeat center / contain;
}
#menu_page h1 {
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 25px;
} 
#menu_page h1 div#menu_image, 
#menu_page h1 span { 
    display: inline-block;
    vertical-align: bottom;
}
#menu_page a,
#menu_page li {
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 300;
    position: relative;
    display: block;
}
#menu_page a {
    opacity: .8;
}
#menu_page ul li > ul li a { 
    opacity: .5;
}
#menu_page a:hover {
    opacity: 1;
}
#menu_page ul {
    padding: 0;
    padding-bottom: 6px;
}
#menu_page ul li ul {
    padding-left: 15px;
     
}
#menu_page ul li > ul li,
#menu_page ul li > ul li a {
    text-transform: none;
}

body.page-template-research.active,
body.page-template-team-menu.active,
body.page-template-latest_news.active {
    padding-left: 0;
}


body.page-template-research #menu_page #menu_image {
    background-image: url(../img/nav-investigate.svg);
}
body.page-template-team-menu #menu_page #menu_image {
    background-image: url(../img/nav-team.svg);
}
body.page-template-latest_news #menu_page #menu_image {
    background-image: url(../img/nav-investigate.svg);
}


/* =======================
   SLIDER  MEDIAQUERIES
======================== */
@media (max-width: 1250px) {
    .slide_content {
        padding-left: 40px;
    }
}
@media (max-width: 1200px) {
    /* SLIDER */
    .slide_content {
        padding-left: 15px;
    }
}
@media (max-width: 1050px) {
    /* SLIDER */
    .slide_content {
        padding-left: 40px;
    }
}
@media (max-width: 1024px) {
    /* SLIDER */
    .slide_content {
       /* padding-left: 40px;*/
    }
}

@media (max-width: 990px) {
    /* SLIDER */
    .slide_content {
       padding-left: 15px;
    }
}
/* =======================
    MEDIAQUERIES
======================== */

@media (max-width: 1500px) {
	body.active .container {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 1200px) {
    
   /* main {
        min-height: auto;
    }*/
    header {
        border-bottom: 0;
    }
}
@media (max-width: 785px) {
    .group-nav a.active{
    border-bottom: none;
        }
    body {
       padding-top: 66px;
    }
	body.single-group {
        padding-top: 35px;
    }
	.group-nav {
		top: 66px;
	}
	.group-nav > ul{
		margin-top:20px;
		text-align: center;
	}
	body.active .container {
		padding-left: 15px;
		padding-right: 15px;
	}
    /*PARALLAX */
    .parallax-image-wrapper {
        display: none;
    }
    /* FLEXIBLE CONTENT */
    .flex_featured_posts .overlayed_text.landscape-panoramic {
        padding-top: 30px;
    }
    .flex_featured_posts .card_content {
        min-height: 270px;
    }
    .flex_featured_posts .card_content h3 {
        min-height: inherit;
    }
    .flex_featured_posts .overlayed_text.square-card {
        padding-top: 28px;
    }
    .flex_background_content .text-right,
    .flex_background_content .text-left {
        text-align: center;
    }
    .group-nav {
        text-align: left;
        width: 330px;
        /*left: initial;*/
        right: 0;
        height: calc(100% - 66px);
        transform: translateX(-100%);
        /*transition: .2s;*/
    }
    .group-nav.active {
        transform: translateX(0);
    }
    .group-nav li {
        display: block;
        margin: 20px;
    }
    .group-nav li a {
        display: inline-block;
    }
}

@media (max-width: 992px) {
    .inverse.order-first {
        order: 2;
    }
    .inverse.order-last {
        order: 1;
    }
    body.page-template-directory table,
    body.page-template-directory thead,
    body.page-template-directory tbody,
    body.page-template-directory th,
    body.page-template-directory td,
    body.page-template-directory tr {
        display: block;
        max-width: none;
        width: 100%;
    }
    body.page-template-directory thead {
        display: none;
    }
    body.page-template-directory tr {
        padding: 20px;
        border-bottom: 0;
    }
    body.page-template-directory tr td:first-child,
    body.page-template-directory tr td:first-child a {
        font-weight: 600;
        font-size: 17px;
    }
    body.page-template-directory td,
    body.page-template-directory th {
        padding: 1px 0;
    }
    body.page-template-directory tr:nth-child(odd) {
        background: #E3EBEF;
    }
    body.page-template-directory tr:nth-child(even) {
        background: #ffffff;
    }
    .page-template-directory table {
        margin-bottom: 30px;
        border-bottom: 1px solid;
    }
}

@media (max-width: 768px) {
    /* FLEX CONTENT */
    #parallax_slider .swiper-slide,
    #generic_slider .swiper-slide,
    #home_slider .swiper-slide {
        padding: 20px 50px;
    }
    .flex_featured_posts .card_content {
        min-height: auto;
    }

    /* SINGLE PROJECT */
    .desktop.order-first {
        order: 2;
    }
    .desktop.order-last {
        order: 1;
    }
	
}
@media (max-width: 480px) {
    body {
        /*padding-top: 65px;*/
    }
	body.active .container {
		padding-right: 15px;
		padding-left: 15px;
	}
    /* HOME SLIDER */
    #home_slider {
        height: 100%;
    }
    .slide_content blockquote {
        border-left: 0;
        margin: auto;
        /*font-size: 16px;
        line-height: 1.4;
        text-align: center;
        width: 80%;*/
    }
    .swiper-button-prev, .swiper-button-next {
        display: none;
    /*      width: 40px;
        height: 80px;*/
    }
    /*  .swiper-button-prev:before,
    .swiper-button-next:before {
        background-size: 95px;
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
    }
    .swiper-button-next:before {
        left: 0px;
        background-position: 54px 0px;
    }
    .swiper-button-next:before {
        left: 0;
        background-position-y: 1px;
        background-position-x: -54px;
    }
    .swiper-button-prev:before {
        left: 0;
        background-position-y: 1px;
    }*/
    #parallax_slider .swiper-slide, #generic_slider .swiper-slide, #home_slider .swiper-slide {
        padding: 20px 20px;
    }
    body.home #parallax_slider,
    #home_slider {
        height: calc(100vh - 70px);
    }

    #parallax_slider,
    #home_slider {
        height: calc(100vh - 100px);
    }
    /* FLEX FEATURED ICONS */
    .flex_featured_icons .featured_icon {
        margin: auto;
        margin-bottom: 10px;
    }
    .flex_background_content {
        padding: 40px 0;
    }
    .flex_featured_posts .card_content { 
        min-height: inherit;
        padding-bottom: 20px;
    }
    .flex_featured_posts .card_content .text-right, .flex_featured_posts .card_content .text-center {
        position: relative;
        padding: 0;
    }
    .flex_featured_posts .overlay {
        display: none;
    }
    .flex_featured_posts .overlayed_text {
        position: relative;
    }
    .flex_featured_posts .overlayed_text.primary {
        background-color: #7D22A3;
    }
    .flex_featured_posts .overlayed_text.secondary {
        background-color: #284093;
    }
    .flex_featured_posts .overlayed_text.black {
        background-color: #252525;
    }
    .flex_featured_posts .overlayed_text .the_button {
        position: relative;
        bottom: inherit;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        right: inherit;
        margin-top: 24px;
        display: block;
    }
    .card_content .the_button {
        margin-top: 24px;
        display: block;
    }
    .flex_contact .data_content {
        margin-bottom: 15px;
    }
    .icon_text {
        padding-top: 12px;
    }
    .flex_space.add_15px {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .flex_space.add_30px {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .flex_space.add_40px {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .flex_text_n_image .responsive_image, .flex_text_n_video .responsive_image {
        margin-bottom: 10px;
    }
    .flex_toggle_card .responsive_image {
        margin-bottom: 10px;
    }
    .flex_featured_icons .col_icon {
        margin-bottom: 15px;
    }
    .flex_featured_icons.text-left .top {
        text-align: center;
    }
    .flex_featured_pages .card.col-md-4.no_image .card_content {
        min-height: inherit;
    }
    .card_content .read_more {
        display: block;
        margin-top: 20px;
    }
	.flex_featured_post_type .post_icon {
		margin: 10px 0 35px;
	}
	.flex_featured_post_type .post_icon p {
		min-height: auto;
	}
    .flex_featured_posts .overlayed_text.landscape-card,
    .flex_featured_posts .overlayed_text.portrait-card {
        padding-top: 30px;
    }
	.flex_all_research_projects .projects-list .text-wr,
	.partner_projects .projects-list .text-wr {
		padding-left: 8px;
	}
	.flex_all_research_projects .projects-list .logo-wr,
	.partner_projects .projects-list .logo-wr,
	.flex_all_research_projects .links_row,
	.partner_projects .links_row {
		display: block;
	}
	.more-info-wr {
		margin-bottom: 15px;
	}
	.funder_card {
		text-align: center;
		margin-bottom: 30px;
	}
	.funder_card img{
		max-width:  60%
	}
	.flex_all_research_projects .projects-list .project-logo,
	.partner_projects .projects-list .project-logo {
		padding: 0;
		max-width: 170px;
	}
	.generated-logo {
		max-width: 170px;
	}
	#project_partners .partner_card {
		margin-bottom: 30px;
	}
	#project_partners .logo-wr {
		width: 200px;
	}
    #gallery_slider .swiper-button-prev,
    #gallery_slider .swiper-button-next {
        display: block;
    }

	.toggle_content_lv1 ul {
		padding: 0;
	}

	#the_content .responsive_image img {
		max-height: 120px;
		margin: 0;
	}

	#parallax_image::after,
	#pre_footer::before {
		background-size: 104% auto;
	}
	#pre_footer::before {
		height: 2.5vw;
	}

    /* BLOG */
    .post_block {
        margin-bottom: 29px;
        border-bottom: 1px solid #dddddd;
        padding-bottom: 30px;
    }
    .post_block .responsive_image {
        margin-bottom: 10px;
    }
    .page-template-template-blog .date {
        margin-bottom: 0;
    }
    /* FEATURED PAGES */
    .card {
        margin-bottom: 15px;
    }
    /*    
    .flex_special_ul .special_ul > li > div {
        display: block;
    }*/
    .flex_special_ul .special_ul.two_columns > li {
        width: 100%;
        padding: 0;
    }
	.fund-card .img {
		justify-content: flex-start;
	}
	.fund-card .img a,
	.partners-list .partner-logo{
		width: 200px;
		margin-bottom: 10px;
	}
	.partners-list .partner-logo {
		margin: 20px 0;  
		justify-content: flex-start;
	}
	.group-nav {
		text-align: center;
		width: 100%;
	}
	.group-nav li {
		margin: 30px 0;
	}
	#infrastructure_masonry {
		column-count: 1;
	}
	.infrastructure-lightbox .il-close {
		right: 20px;
		top: 20px;
	}
	.infrastructure-lightbox .controls i {
		font-size: 40px;
	}
	.infrastructure-lightbox .controls.left {
		left: 20px;
	}
	.infrastructure-lightbox .controls.right {
		right: 20px;
	}
	.infrastructure-lightbox .img-wrapper {
		top: 120px;
		bottom: 120px;
		left: 80px;
		right: 80px;
	}
	.infrastructure-lightbox .legend {
		max-width: 300px;
	}
    #single_event .event-date {
        margin-top: 10px;
        margin-bottom: 2px;
    }
    .event-image {
        margin-bottom: 16px;
    }
    #blog_sidebar {
        padding-left: 6px;
    }
}


.spoiler{
	background-color: #2A1D4A;
	border-radius: 10px;
	padding: 5px 5px 5px 20px;
	margin-bottom: 20px;
}
.spoiler > a{
	color: white;
}
.spoiler.active{
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 0px;
}
.spoiler-content{
	border-radius: 0px 0px 10px 10px;
	/*background-color: #f3f3f3;*/
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #ececec;
}

@media (max-width: 1025px) {
	.csbwfs-social-widget {
		display:none;
	}
}

.pub-form-select {
    padding: 8px;
    margin: 5px 5px 5px 0px;
}

.group-projects-block .project-logo {
	width: 300px;
    height: 150px;
    align-items: center;
    display: flex;
}