/*!
 * Style CSS only for JASPERS Website
 * March 2017
 */

/********************************************************************************
*                             BEM Methodology [$]                               *
*  $Block = block                                                               *
*  $Element = block__element                                                    *
*  $Modifier = block__element--modifier / block--modifier                       *
*                                                                               *
*                             Custom Style JASPERS                              *
*                                                                               *         
*  1. Generic Classes [*]                                                       *
*   1.1 Technique to select the class name by contains [µ]                      *
*                                                                               *
********************************************************************************/
/**********************************************************************
*                                                                     *
*   Tutorial CSS [µ]                                                  *
*                                                                     *
*    https://www.w3schools.com/css/css_attribute_selectors.asp        *
*                                                                     *
**********************************************************************/                                   

/****************************************************************************
*                                                                           *
*                           1.GENERIC CLASSES                               *
*                                                                           *
****************************************************************************/

/* [*] Fonts **************************************************/

/*nav, h1, h2, h3 {
    font-family: 'Alegreya Sans', sans-serif;
}*/

/*@font-face {
    font-family: 'HelveticaNeue-thin';
    src: url('/tools/resources/fonts/helvetica-thin/HelveticaNeueLTCom-Th.eot');
    src: url('/tools/resources/fonts/helvetica-thin/HelveticaNeueLTCom-Th.eot?#iefix') format('embedded-opentype'),
         url('/tools/resources/fonts/helvetica-thin/HelveticaNeueLTCom-Th.woff') format('woff'),
         url('/tools/resources/fonts/helvetica-thin/HelveticaNeueLTCom-Th.ttf') format('truetype'),
         url('/tools/resources/fonts/helvetica-thin/HelveticaNeueLTCom-Th.svg#HelveticaNeueLTCom-Th') format('svg');
    font-weight: normal;
    font-style: normal;




@font-face {
font-family: 'HelveticaLTStd-Light';
src: url('/tools/resources/fonts/helvetica-light/HelveticaLTStd-Light.eot');
src: url('/tools/resources/fonts/helvetica-light/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
     url('/tools/resources/fonts/helvetica-light/HelveticaLTStd-Light.woff') format('woff'),
     url('/tools/resources/fonts/helvetica-light/HelveticaLTStd-Light.ttf') format('truetype'),
     url('/tools/resources/fonts/helvetica-light/HelveticaLTStd-Light.svg#HelveticaLTStd-Ligh.svg') format('svg');
font-weight: normal;
font-style: normal;

}
}*/

body main #content-body{
    font-size:21px;
}
p {
    margin: 0 0 25px;
}
#content-body p {
    font-family: HelveticaLTStd-Light;
}
#content-body li {
    font-family: HelveticaLTStd-Light;
}
.font-smaller{
    font-size:18px;
}

.font-small {
    font-size:12px;
}


 /* [#] md screen */
@media (min-width: 992px) and (max-width: 1199px) {
    
    body main #content-body {
        font-size: 18px;
    }
}

 /* [#] sm screen */
@media (min-width: 768px) and (max-width: 991px) {
    
    body main #content-body {
        font-size: 16px;
    }
    
     .font-smaller{
        font-size:16px;
    }
         
}    

/* [#] xs screen */
@media (max-width: 767px) { 
    
    body main #content-body {
        font-size: 14px;
    }
    
    .font-smaller{
        font-size:14px;
    }

}

@media (max-width: 425px) { 
    
   .format-story .card-image.card-image-media__stories .card-header-image{
       width:260px !important;
   }

}


/* [*] Background colors **************************************/

.bg-color-orange {
    background-color: #FF4000;
}

.bg-color-blue {
    background-color: #00529E;
}

.bg-color-cyan {
    background-color: #9CAFD6;
}

/* [*] Color Text *********************************************/

.color-orange {
    color: #FF4000;
}
 .color-grey-808080 {
    color: #808080;
}
 .color-grey {
    color: #646464;
}
.color-white {
    color: #FFFFFF;
}
.color-black {
    color: #000000;
}



/* [*] border color */

.border-color-orange {
    border-color:#FF4000; 
} 

.border-orange{
    border:3px solid #FF4000;
}

/* [*] button */

.btn-jaspers {
    border:1px solid #FF4000;
    padding:10px;
    cursor:pointer;
}

.btn-jaspers:hover {
    background-color:#FF4000;
    color:#ffffff;
    cursor:pointer;
    text-decoration:none;
}

/* [*] Overlay layer ******************************************/   

/* orange overlay */

.orange-overlay-10::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.1), rgba(242,97,21,0.1));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.1), rgba(242,97,21,0.1));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.1), rgba(242,97,21,0.1)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.1), rgba(242,97,21,0.1));
}
.orange-overlay-20::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.2), rgba(242,97,21,0.2));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.2), rgba(242,97,21,0.2));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.2), rgba(242,97,21,0.2)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.2), rgba(242,97,21,0.2));
}
.orange-overlay-30::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.3), rgba(242,97,21,0.3));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.3), rgba(242,97,21,0.3));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.3), rgba(242,97,21,0.3)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.3), rgba(242,97,21,0.3));
}
.orange-overlay-40::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.4), rgba(242,97,21,0.4));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.4), rgba(242,97,21,0.4));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.4), rgba(242,97,21,0.4)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.4), rgba(242,97,21,0.4));
}
.orange-overlay-50::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.5), rgba(242,97,21,0.5));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.5), rgba(242,97,21,0.5));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.5), rgba(242,97,21,0.5)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.5), rgba(242,97,21,0.5));
}
.orange-overlay-60::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.6), rgba(242,97,21,0.6));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.6), rgba(242,97,21,0.6));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.6), rgba(242,97,21,0.6)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.6), rgba(242,97,21,0.6));
}
.orange-overlay-70::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.7), rgba(242,97,21,0.7));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.7), rgba(242,97,21,0.7));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.7), rgba(242,97,21,0.7)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.7), rgba(242,97,21,0.7));
}
.orange-overlay-80::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.8), rgba(242,97,21,0.8));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.8), rgba(242,97,21,0.8));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.8), rgba(242,97,21,0.8)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.8), rgba(242,97,21,0.8));
}
.orange-overlay-90::before {
    background-image:    -moz-linear-gradient(to bottom, rgba(242,97,21,0.9), rgba(242,97,21,0.9));
    background-image:     -ms-linear-gradient(to bottom, rgba(242,97,21,0.9), rgba(242,97,21,0.9));
    background-image:      -o-linear-gradient(to bottom, rgba(242,97,21,0.9), rgba(242,97,21,0.9)); 
    background-image:         linear-gradient(to bottom, rgba(242,97,21,0.9), rgba(242,97,21,0.9));
}

/* Gradient Overlay **********************************************/

.dark-gradient--top-bottom:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background:linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.8) 100%);
    background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.8) 100%);
    background:-moz-linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.8) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0);
}    

/* [*] Title underline **********************************************/

.title-underline.underline-orange:after {
    background-color: #FF4000;
}

/* [*] Page title size **********************************************/    

.page__title{
    /*font-size:5em;   before 18/05/2022*/
    font-size:72px;
    font-family: HelveticaNeue-thin;
}

/* [#] xs screen */
@media (max-width: 767px) { 
    .page__title{
        font-size:3em;
    }
}


/* [*] Title style ********************************************/

.page-h1 {
    font-size:96px;
    margin:40px 0;
    color:#FF4000;
}

/* [#] xs screen */
@media (max-width: 767px) { 
    .page-h1 {
        font-size:4em;
    }
    
    .h1, h1 {
        font-size: 25px;
    }
    
}

/* [#] md screen */
@media (min-width:992px){
    .page-h1.animation.split-text {
        margin:inherit;
    }
}

.section-h2 {
  font-size:4em;
  margin:40px 0;
}    

/* [#] xs screen */
@media (max-width: 767px) { 
    .section-h2 {
        font-size:3em;
    }
}  

/* [§ 2.1] Title style ****************************************/

.page-h1__about {
    font-size:11em;
    margin:40px 0;
}

/* [#] xs screen */
@media (max-width: 767px) { 
    .page-h1__about {
        font-size:4em;
    }
    .lead.banner__title--about-slogan {
        font-size: 14px;
    }
    
}

.format-story .post-section h3{
    color : #F26115;
}

/* Cards related stories  ****************************************/
.related__story-body {
    margin-top: 10px;
}
.related__story-text {
    font-size: 18px;
    text-align: justify;
}
.related__story-title h3 {
    font-size: 21px;
    color: #FF4000;
}
.related__story-header a:hover {
    color: #FF4000;
}

/* [§ 2.1] Dotdotdot style for related stories  ****************************************/

.related__story-text.dotdotdot p {
    height: 142px;
    overflow: hidden;
}
.related__story-title h3.dotdotdot {
    height: 50px;
    overflow: hidden;
}


/* [*] iFrame ****************************************************/

iframe {
    border: none;
}

/* [@] Animations CSS **********************************************/

/* Animation where the letter appears up to down & reverse with a fadeIn opacity */

/* Up to Down Move */
.letter-up-to-down {
    position: relative;
    -webkit-animation: upToDown forwards 1s;
       -moz-animation: upToDown forwards 1s;
        -ms-animation: upToDown forwards 1s;
         -o-animation: upToDown forwards 1s;
            animation: upToDown forwards 1s;          
}

@-webkit-keyframes upToDown  {
    0% {top: -30px;, opacity:0;}
    80% {top: 2px;}
    100% {top: 0px;, opacity:1;}
}

@-moz-keyframes upToDown  {
    0% {top: -30px;, opacity:0;}
    80% {top: 2px;}
    100% {top: 0px;, opacity:1;}
}

@-o-keyframes upToDown  {
    0% {top: -30px;, opacity:0;}
    80% {top: 2px;}
    100% {top: 0px;, opacity:1;}
}

@-moz-keyframes upToDown  {
    0% {top: -30px;, opacity:0;}
    80% {top: 2px;}
    100% {top: 0px;, opacity:1;}
}

/* Down to Up Move */
.letter-down-to-up {
    position: relative;
    -webkit-animation: downToUp forwards 1s;
       -moz-animation: downToUp forwards 1s;
        -ms-animation: downToUp forwards 1s;
         -o-animation: downToUp forwards 1s;
            animation: downToUp forwards 1s;
}

@keyframes downToUp {
    0% {bottom: -30px;, opacity:0;}
    80% {bottom: 2px;}
    100% {bottom: 0px;, opacity:1;}
}

@-webkit-keyframes downToUp {
    0% {bottom: -30px;, opacity:0;}
    80% {bottom: 2px;}
    100% {bottom: 0px;, opacity:1;}
}

@-moz-keyframes downToUp {
    0% {bottom: -30px;, opacity:0;}
    80% {bottom: 2px;}
    100% {bottom: 0px;, opacity:1;}
}

@-o-keyframes downToUp {
    0% {bottom: -30px;, opacity:0;}
    80% {bottom: 2px;}
    100% {bottom: 0px;, opacity:1;}
}


/* fade in */    
.fade-in {
    position: relative;
    -webkit-animation: fadeIn forwards 4s;
       -moz-animation: fadeIn forwards 4s;
        -ms-animation: fadeIn forwards 4s;
         -o-animation: fadeIn forwards 4s;
            animation: fadeIn forwards 4s;            
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}


/** COOKIE POLICY END
*
*/

/** ALERT MESSAGE
*
*/
.optanon-alert-box-wrapper {
position: fixed;
width: 100%;
border: none;
background-color: rgba(0,0,0,0.75);
bottom: 0;
left:0;
z-index: 7900;
min-height: 40px;
display:none;
}
.optanon-alert-box-wrapper a {
background-color: transparent;
color:#fff !important;
text-decoration:underline;
font: normal 11pt/16pt Arial, sans-serif !important;
}
.optanon-alert-box-wrapper .optanon-alert-box-bg p {
font: normal 11pt/16pt Arial, sans-serif !important;
color: #fff !important;
padding-bottom: 5px;
text-align: center;
}
.optanon-alert-box-wrapper .optanon-alert-box-bottom-top {
height: 5px;
}

.optanon-alert-box-wrapper .optanon-alert-box-corner-close a {
display: block;
width: 30px;
height: 30px;
cursor:pointer;
font: normal 11pt/16pt Arial, sans-serif !important;
}

.optanon-alert-box-wrapper .optanon-alert-box-body {
/*margin-right: 250px;
margin-left: 80px;*/
padding-top: 6px;
text-align:center;
}
.optanon-alert-box-wrapper .optanon-alert-box-button-middle {
background-color: #fff;
border: 1px solid #fff;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
padding: 8px 18px;
font-size: 9pt;
font-weight: bold;
}
.optanon-alert-box-wrapper .optanon-alert-box-button-middle a {
font-family: Arial, sans-serif;
color: #666 !important;
font-weight: bold;
text-decoration: none;
font: normal 11pt/16pt Arial, sans-serif;
}
.optanon-alert-box-wrapper .optanon-alert-box-button-middle a:hover {
color: #333;
}
.optanon-alert-box-bg .optanon-alert-box-button-container {
position: absolute;
right: 30px;
top: 50%;
margin-top: -16px;
}
.optanon-alert-box-bg .optanon-alert-box-button.optanon-button-close,
.optanon-alert-box-bg .optanon-alert-box-button.optanon-button-allow
{
display: none;
}
.optanon-alert-box-wrapper .optanon-alert-box-button {
float: right;
margin-right: 30px;
margin-bottom: 10px;
line-height: initial;
}
.optanon-alert-box-wrapper .optanon-alert-box-bottom-padding {
padding-bottom: 0px;	
}

button.btn-close--cookie {     
background-color: #333;
border: 2px solid #fff;
padding: 4px 13px 4px 13px;
border-radius: 5px;
margin-left: 15px;
color:#fff;
}

button.btn-close--cookie:hover {     
background-color: #fff;
border: 2px solid #fff;
color:#333;
}

.still-scroll-down{
position: fixed;
top: inherit;
background-color: #FF4000;
right: 15px;
bottom: 15px;
padding: 15px;
border-radius: 25px;
color: #fff;
display:none;
}

@media only screen and (max-width: 47em) {
.optanon-alert-box-wrapper .optanon-alert-box-logo {
    left: 20px;
    top: 63px;
    margin-top: auto;
}

button.btn-close--cookie {    
    margin-top: 15px;
    margin-bottom: 10px;
}


.optanon-alert-box-wrapper a {
    width: 100%;
    position: relative;
    display: block;
    font: normal 11pt/16pt Arial, sans-serif !important;
}

.optanon-alert-box-wrapper .optanon-alert-box-corner-close {
    right: 10px;
    top: 10px;
    margin-top: auto;
}

.optanon-alert-box-wrapper .optanon-alert-box-body {
    margin-right: 40px;
    margin-left: 40px;
    padding-top: 20px;
}

.optanon-alert-box-bg .optanon-alert-box-button-container {
    position: relative;
    text-align: center;
    margin: 25px 0;
    top: auto;
    right: auto;
}

.optanon-alert-box-wrapper .optanon-alert-box-button-middle {
    font-size: 16px;
}

.optanon-alert-box-wrapper .optanon-alert-box-button {
    float: none;
    display: inline-block;
    margin-right: 10px;
}
}



/**************************************************************************/
/*                    Manage cookie with toggle button                    */
/**************************************************************************/

.toggle-1 {
display: block;
position: relative;
height: auto;
margin: 0 0 0 0;
-webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
/*box-shadow: 0 0 0 2vw;*/
}

.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
}

.toggle-1 span {
position: relative;
width: 50px;
height: 25px;
float: right;
background-color: #E0E0E0;
border-radius: 50vw;
transition: 150ms;
}

.toggle-1 span::before {
content: '';
position: absolute;
background-color: #FAFAFA;
width: 45%;
height: 90%;
border-radius: 50%;
top: 5%;
left: 2.5%;
transition: 150ms;
animation: a 2s infinite;
animation-play-state: running;
}

.toggle-1 p {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
font-size: 4vw;
font-family: 'Nunito', sans-serif;
color: #263238;
}

#toggle, #toggle2 {display: none;}

.toggle-1 input:checked ~ span {
background-color: #64B5F6;
}
.toggle-1 input:checked ~ span::before {
left: 52.5%;
animation: none;
}

span.eib_pc-off, span.eib_ec-off {
display: none;
}

span[class*="eib_pc"], span[class*="eib_ec"] {
margin-left: 10px;
}


@keyframes a {
0% {
box-shadow: none;
}
50% {
box-shadow: 0 0 2vw 0 #64B5F6;
}
100% {
box-shadow: none;
}
}


/* Hassan test code*/
/* Cards **************************************************/

.related__story-image {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 250px;
    background-position: center center;

}

.card-text{
    font-size:15px;
}
.dynamic-related-page {
    min-height:515px;
}

.card-date-author{
    color:#4f4f4f;
}

.btn-tag {
    max-width: 260px;
    overflow: hidden;
    white-space: inherit;
    text-align: left;
    max-height: 52px;
    font-size: 14px;
    background-color: transparent;
    border-color: #9C9D9F;
    color: #777777;
    padding: 3px 10px;
    margin-bottom: 8px;
}

.btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #9C9D9F;
    border-radius: 4px;
}
.btn-tag:not(.cursor-default):hover, .btn-tag:not(.cursor-default):focus {
background-color: #9C9D9F;
color: #ffffff;
}
.card-footer{
    background-color:transparent !important;
}


/* Color per topic */
/* Infrastructure */
.topic-infrastructure [class*="content-left"].border::after,
.topic-infrastructure [class*="content-right"].border::before {
    background-color: #ee4055;
}

.topic-infrastructure a.btn-infrastructure {
    padding:3px 20px;
    background-color: #ee4055;
    color: #fff;
}

.topic-infrastructure a.btn-infrastructure:not(.cursor-default):hover, .topic-infrastructure a.btn-infrastructure:not(.cursor-default):focus {
    background: rgba(255, 255, 255, 0.8);
    color: #ee4055;
}

.topic-infrastructure blockquote:before, .topic-infrastructure blockquote:after {
    color: #ee4055;
}

.topic-infrastructure blockquote.full-width footer.border::before {
    background-color: #ee4055;
}

.topic-infrastructure .card .badge-box i, .topic-infrastructure .card .badge-box span {
    background-color: #ee4055;
}

/* end of infrastructure */


/* Climate */
.topic-climate [class*="content-left"].border::after,
.topic-climate [class*="content-right"].border::before {
    background-color: #94c83c;
}

.topic-climate a.btn-climate {
    padding:3px 20px;
    background-color: #94c83c;
    color: #fff;
}

.topic-climate a.btn-climate:not(.cursor-default):hover, .topic-climate a.btn-climate:not(.cursor-default):focus {
    background: rgba(255, 255, 255, 0.8);
    color: #94c83c;
}

.topic-climate blockquote:before, .topic-climate blockquote:after {
    color: #94c83c;
}

.topic-climate blockquote.full-width footer.border::before {
    background-color: #94c83c;
}

.topic-climate .card .badge-box i, .topic-climate .card .badge-box span {
    background-color: #94c83c;
}

/* end of Climate */

/* Innovation */
.topic-innovation [class*="content-left"].border::after,
.topic-innovation [class*="content-right"].border::before {
    background-color: #f4791f;
}

.topic-innovation a.btn-innovation {
    padding:3px 20px;
    background-color: #f4791f;
    color: #fff;
}

.topic-innovation a.btn-innovation:not(.cursor-default):hover, .topic-innovation a.btn-innovation:not(.cursor-default):focus {
    background: rgba(255, 255, 255, 0.8);
    color: #f4791f;
}

.topic-innovation blockquote:before, .topic-innovation blockquote:after {
    color: #f4791f;
}

.topic-innovation blockquote.full-width footer.border::before {
    background-color: #f4791f;
}

.topic-innovation .card .badge-box i, .topic-innovation .card .badge-box span {
    background-color: #f4791f;
}

/* end of Innovation */

/* Sme */
.topic-sme [class*="content-left"].border::after,
.topic-sme [class*="content-right"].border::before {
    background-color: #13b0e7;
}

.topic-sme a.btn-sme {
    padding:3px 20px;
    background-color: #13b0e7;
    color: #fff;
}

.topic-sme a.btn-sme:not(.cursor-default):hover, .topic-sme a.btn-sme:not(.cursor-default):focus {
    background: rgba(255, 255, 255, 0.8);
    color: #13b0e7;
}

.topic-sme blockquote:before, .topic-sme blockquote:after {
    color: #13b0e7;
}

.topic-sme blockquote.full-width footer.border::before {
    background-color: #13b0e7;
}

.topic-sme .card .badge-box i, .topic-sme .card .badge-box span {
    background-color: #13b0e7;
}

/* end of Sme */

/* End of Color per topic */


 @media screen and (max-width: 1200px){
      .dynamic-related-page {
        min-height:530px;
    }
  }

  @media screen and (max-width: 768px){

    .dynamic-related-page {
        min-height:300px;
    }
  }

.card-content > .card {
    height: 540px;
    overflow: hidden;
}
 /* different sizes of the cards on different types of content*/
.landing-card-scoreboards .card-content>.card {
    height: auto;
    min-height: 200px;
}
.landing-card-registers .card-content .card {
    height: auto;
    min-height: 200px;
}
.landing-card-complaints .card-content>.card{
    height: auto;
    min-height: 400px;
}

@media (min-width: 768px){
    .landing-card-scoreboards .landing-card__list .card-content.col-sm-6{
        padding-right:15px;
        padding-left:15px;
        float:left;
        clear:initial;
    }
}

.landing-card__list .landing-card__row#rows  .card-content .card.card-list {
    min-height: 540px;
    height: auto;
}

/* exception to show tooltips */
.box__content .landing-card__list .card-content .card {
    overflow: visible;
}

.card-content .card-title a {
    display:block;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0px;
  word-wrap: break-word;
  background-color: rgb(255, 255, 255);
  background-clip: border-box;
  box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  -webkit-box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  border:1px solid #cccccc;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card .card-body {
    position:relative;
    padding: 15px;
}

.card .badge-box {
    position:absolute;
    top:-20px;
    left:50%;
    width:100px;
    height:100px;
    margin-left:-50px;
    text-align:center;
}

.card .btn-category {
    position:absolute;
    top:-20px;
    left:50%;
    margin-left:-50px;
    text-align:center;
}

.card .badge-box i {
    background:#f3f3f3;
    color:#fff;
    border-radius:50%;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:20px;
}

.card.height-fix {
    height:455px;
    overflow:hidden;
}

.card.height-fix .card-img-top{
    width:auto!important;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

/* was also in _tools/resources/front/css/framework/modules/carousel/multi-item-carousel.css */
.card-tags a {
    margin-right: 10px;
}



.card {

}

.card p {
    margin: 0 0 10px;
}

.card-content > .card:hover {
    box-shadow: 1px 1px 5px rgba(199, 199, 199, 0.5);
    border-radius:3px;
}
/*change for prod*/
.card-title  {
font-size: 26px;
line-height: 34px;
 height: auto; 
overflow: hidden;
/* height: 70px; */
margin-bottom: 10px;
margin-top:0;
}

/*change for prod*/
.card-title a {
    display: inline-block;
    font-weight: 400;
    color: #00529e;
}

#cards .card-title{
    min-height:69px;
}
#card-rows .card-title{
   height:auto;
}

.card-title-row, .row-items .row-title{
    font-size: 21px;
    margin:0;
}

.carousel .card-title {
    max-height: 140px;
}

.padding-top-20.card-title {
    max-height: 90px;
}

.card-link {
    cursor:pointer;
}

.card-img {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 250px;
    background-position: center center;
}

.card-img.is-hover, a.card-img:hover, a.card-img:hover > * {
    opacity: .7;
}

/*Exception for infographic picture, because we lost the data inside the picture*/
.card-standard-media__infographics .card-img, 
.card-row-items .card-row.card-row-standard.card-row-standard-media__infographics .card-row-img {
    background-size:contain;
    background-position:top center;
}

.slick-slide .card-portrait a img {
    display: inline-block !important;
}


.card-standard-media__infographics .card-img {
    min-height: 210px;
}

.text-underline{
       text-decoration:underline;
}

/*.card-content:hover .card-img {
    opacity: .7;
}*/

.landing-card__list .card-link:hover {
    text-decoration: underline;
}

/*.card-link:hover, .card-content:hover {
    text-decoration:none;
}*/

.card .card-link:hover .color-orange {
    color:#ffffff;
}

.card .card-img {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.card-img .icon-hover {
    opacity:0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}



.card-content:hover .card-img .icon-hover {
    opacity:1;
}

.card-img .icon-hover [class*='fa'] {
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.6);
    margin: auto;
    text-align: center;
    line-height: 80px;
    color: #00529e;
}

.card-img .icon-hover [class*='fa']:hover {
    opacity:1;
}

.card-body a.card-title {
    cursor: pointer;
    font-size: 21px;
    color: #00529e;
    min-height: 65px;
    display: block;
}

/* dotdotdot */
.card.card-standard .card-header .card-title a, .card.card-portrait .card-header .card-title a,
    .card.card-date .card-header .card-title a  {
        max-height: 70px;
        display: -webkit-box;
        -webkit-line-clamp :2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
.landing-card__list .no-img-bg .card-text.dotdotdot{
    height: 160px;
}
.landing-card__list .format-press .no-img-bg .card-text.dotdotdot{
    height: 260px;
}

.format-standard .card-text.dotdotdot {
    height: 135px;
}


.landing-card__list .format-press .card-title {
    max-height: 150px;
}
.landing-card__list .format-press .card-title .dotdotdot {
    height: 140px;
}

/* end of dotdotdot */


.card-content .card-topic {
    position: absolute;
    z-index: 999;
    padding: 20px;
}


.landing-card__list .no-img-bg .card-topic {
    position: relative;
}


.card-topic .btn-topic {
    margin-top: 5px;
}

footer.card-footer .card-tags {
    height: 32px;
    overflow: hidden;
}

article.card-content {
    margin-bottom: 20px;
}

.card-content header.card-header {
    padding: 20px 25px 0px 25px;
}

.card-content .card-body {
    padding: 0 25px 10px 25px;
}

.card-content footer.card-footer {
    padding: 10px 25px 20px 25px;
}

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .landing-card footer {
            bottom: 20px;
        }
    }

.card-date-author {
    height: 30px;
    overflow: hidden;
}
.card-date-author > span {
    font-size:18px;
}

.card-date-author .card-date {
  /*  padding-right:15px;*/
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
  color:#FF4000!important;
  font-weight: 700;
}

.card-date-author .card-author {
    padding-left:15px;
}

@media (min-width: 768px){

    .landing-card__list article[class*="-6"]:nth-child(2n+1){
        padding-right: 30px;
        clear: left;
    }

    .landing-card__list article[class*="-6"]:nth-child(2n+2){
        padding-left: 30px;
    }


    .format-podcast h3.card-title {
        margin: 20px 0 5px 0;
    }

}

/* press releases */

.landing-card__list .card-content.format-press .card {
height: 550px;
}

.format-press footer.card-footer .card-tags {
height: 32px;
}

/********** Card - redesign **************/

.landing-card__list .card-content .card.card-thumbnail {
height: 300px;
}
.landing-card__list .card-content .card.card-thumbnail.card-job {
height: 200px;
}
/*.landing-card__list .card-content .card.card-thumbnail.card-press {
height: 210px;
}*/

.card.card-thumbnail.card-job footer.card-footer .card-tags/*,
.card.card-thumbnail.card-press footer.card-footer .card-tags*/ {
height: 96px;
}

.card-thumbnail .card-location {
color: #00529E;
margin-top: 20px;
margin-left: 85px;
}

.card-thumbnail .card-event-date {
background-color: #00529E;
text-align: center;
color: #FFFFFF;
font-weight: bold;
line-height: 1;
font-size: 24px;
float: left;
width: 80px;
height: 80px;
padding: 15px 10px;
margin-bottom: 20px;
}
.card-event__date-day {
font-size: 28px;
}
.card-event__date-month {
font-size: 18px;
}

.landing-card .card-thumbnail .card-body {
padding: 0 25px 10px 0;
}

.landing-card .card-thumbnail .card-title {
clear: both;
}

.landing-card__list .card-thumbnail.card-job h3/*,
.landing-card__list .card-thumbnail.card-press h3*/ {
margin-top: 5px;
}

.card-thumbnail .card-event-date .card-event-date-with-end-date {
font-size: 12px;
padding-top: 5px;
line-height: 1.5;
}

.card-thumbnail .card-event-date .card-event-date-with-end-date.thumbnail-date-with-year {
font-size: 11px;
}

@media (min-width: 380px) {
.card-thumbnail .card-event-date {
    margin-top: 10px;
}
}

@media (min-width: 576px) {
.landing-card__list .card-content .card.card-thumbnail.card-job {
    height: 150px;
}
.card.card-thumbnail.card-job footer.card-footer .card-tags {
    height: 32px;
}
}

@media (max-width: 767px) {
.landing-card__list .card-content .card.card-thumbnail,
.landing-card__list .card-content .card.card-thumbnail:hover {
    box-shadow: none;
}
.landing-card__list .card-content .card.card-thumbnail {
    margin-bottom: 10px;
}
.landing-card__list  .card.card-thumbnail header {
    padding: 10px 15px 0px 25px;
}
.landing-card__list .card.card-thumbnail .card-title {
    font-size: 21px;
}
.card-content .card.card-thumbnail .card-title .dotdotdot {
    height: 35px;
}
.landing-card__list .card.card-thumbnail .card-body,
.landing-card__list .card.card-thumbnail .tag-no-link {
    font-size: 12px !important;
}
.landing-card .landing-card__list article {
    margin-bottom: 10px;
}
}

@media (min-width: 768px) {
.landing-card__list .card-content .card.card-thumbnail {
    height: 350px;
}
.landing-card__list .card-content .card.card-thumbnail.card-job {
    height: 310px;
}
/*.landing-card__list .card-content .card.card-thumbnail.card-press {
    height: 350px;
}*/
.card.card-thumbnail.card-job footer.card-footer .card-tags/*,
.card.card-thumbnail.card-press footer.card-footer .card-tags*/ {
    height: 96px;
}
.card-thumbnail.card-job .tag-no-link.dotdotdot-css-only/*,
.card-thumbnail.card-press .tag-no-link.dotdotdot-css-only*/ {
    max-width: 170px;
}
.card-thumbnail .card-event-date .card-event-date-with-end-date {
    font-size: 14px;
}
}
@media (min-width: 992px) {
.card-thumbnail .card-location {
    margin-top: 10px;
    margin-left: 80px;
}
.card-thumbnail .card-event-date {
    padding: 10px 5px;
    width: 70px;
    height: 70px;
    margin-left: 0;
}
.landing-card__list .card-content .card.card-thumbnail {
    height: 350px;
}
.landing-card__list .card-content .card.card-thumbnail.card-job {
    height: 280px;
}
/*.landing-card__list .card-content .card.card-thumbnail.card-press {
    height: 350px;
}*/
.card-thumbnail.card-job .tag-no-link.dotdotdot-css-only/*,
.card-thumbnail.card-press .tag-no-link.dotdotdot-css-only*/ {
    max-width: 280px;
}
}

@media (min-width: 1200px) {
.landing-card__list .card-content .card.card-thumbnail.card-job {
    height: 220px;
}
/*.landing-card__list .card-content .card.card-thumbnail.card-press {
    height: 280px;
}*/
.card.card-thumbnail.card-job footer.card-footer .card-tags/*,
.card.card-thumbnail.card-press footer.card-footer .card-tags*/ {
    height: 32px;
}
.card-thumbnail.card-job .tag-no-link.dotdotdot-css-only/*,
.card-thumbnail.card-press .tag-no-link.dotdotdot-css-only*/ {
    max-width: 110px;
}
}

/********** Card row **************/

.landing-card__list .card-content .card.card-row {
flex-direction: row;
height: 100px;
margin-bottom: 0;
}

.landing-card__list .card-content .card.card-row.card-row-job {
/*height: 70px;*/
height: auto;
padding-bottom: 25px;
}

.card-row .card-img {
width: 130px;
min-width: 130px;
/* override min-height defined for .card-img in card.css */
min-height: 100px;
}

.landing-card-genericEvents .card-row .card-row-body {
margin-top: 10px;
}

/*.card.card-row.card-row-event .card-row-body,*/
.card.card-row.card-row-press .card-row-body {
padding: 10px;
}

.card-row h4 {
/* override margin defined for h4 in typo-eib.css */
margin: 5px 0;
}
/*.card-row .card-text {
display: none;
}*/
.card-row .card-title .dotdotdot {
height: 30px !important;
white-space: nowrap !important;
max-width: 150px;
text-overflow: ellipsis;
}
.card-row.no-img-bg .card-title .dotdotdot {
max-width: 280px;
}
.card-row footer {
padding: 10px 0 0 0 !important;
}
.card-row.card-row-job footer,
.card-row.card-row-press footer {
display: none;
}
.card-row .card-text.dotdotdot {
height: 50px;
}
/* Use this when there are both tags/topics and author/date */
.card-row .card-text.card-text-40.dotdotdot {
height: 40px;
}
/* Use this when there is neither tags/topics nor author/date */
.card-row .card-text.card-text-100.dotdotdot {
height: 100px;
}
.card-row .card-text {
font-size: 16px;
}
.card-row .card-title {
font-size: 21px;
}
.card-row .card-date-author > span {
font-size: 12px;
color: #00529e;
}
.card-row.card-row-press .card-date-author > span {
color: #4f4f4f;
}
.card-row .card-event-date {
background-color: #00529E;
text-align: center;
color: #FFFFFF;
font-weight: bold;
line-height: 1;
height: 80px;
width: 80px;
font-size: 18px;
padding: 20px 10px;
margin-top: 10px;
}
.card-row .card-event-date .card-event-date-with-end-date {
font-size: 14px;
}

.card-row .btn-tag,
.card-thumbnail .btn-tag {
margin-bottom: 0;
}

@media (min-width: 380px) {
.card-row .card-title .dotdotdot {
    max-width: 200px;
}
.card-row.no-img-bg .card-title .dotdotdot {
    max-width: 320px;
}
}

@media (min-width: 576px) {
.card-row .card-title .dotdotdot {
    max-width: 420px;
}
.card-row.no-img-bg .card-title .dotdotdot {
    max-width: 540px;
}
}

@media (max-width: 767px) {
.landing-card__list .card-content .card.card-row,
.landing-card__list .card-content .card.card-row:hover {
    box-shadow: none;
}
.card.card-row.card-row-press .card-title {
    margin-top: 0;
}
}

@media (min-width: 768px) {
.landing-card__list .card-content .card.card-row {
    height: 150px;
}
.landing-card__list .card-content .card.card-row.card-row-job {
    height: 120px;
}

.landing-card-genericEvents .card-row .card-row-body {
    margin-top: 20px;
}

.card-row .card-img {
    width: 200px;
    min-width: 200px;
    min-height: 150px;
}
.card-row .card-text {
    display: block;
}
.card-row .card-title, .card-row-items .card-row-title {
    font-size: 26px;
}
.card-row .card-date-author > span {
    font-size: 14px;
}
.card-row .card-title .dotdotdot {
    max-width: 500px;
}
.card-row.no-img-bg .card-title .dotdotdot {
    max-width: 750px;
}
.card-row .card-event-date {
    padding: 45px 10px;
    font-size: 24px;
    height: 130px;
    width: 100%;
}
.card-row .card-event-date .card-event-date-with-end-date {
    margin-top: -20px;
    font-size: 28px;
}
.card-row.card-row-press footer {
    display: block;
}
}

@media (min-width: 992px) {
.landing-card__list .card-content .card.card-row {
    height: 200px;
}
.landing-card__list .card-content .card.card-row.card-row-job {
    height: 170px;
}
.card-row .card-img {
    width: 300px;
    min-width: 300px;
    min-height: 200px;
}
.card-row .card-text {
    font-size: 18px;
}
.card-row .card-title .dotdotdot {
    max-width: 450px;
}
.card-row.card-row-press .card-title .dotdotdot {
    max-width: 600px;
}
.card-row.no-img-bg .card-title .dotdotdot {
    max-width: 850px;
}
.card-row .card-text.dotdotdot {
    height: 40px;
}

/*.card.card-row.card-row-event .card-row-body,*/
.card.card-row.card-row-press .card-row-body {
    padding: 20px;
}

.card-row .card-event-date {
    font-size: 32px;
    height: 160px;
    margin-top: 20px;
    margin-left: 10px;
}
.card-row .card-event-date .card-event-date-with-end-date {
    margin-top: -10px;
}
.card-row.card-row-job footer {
    display: block;
}
}

@media (min-width: 1200px) {
.card-row .card-title .dotdotdot {
    max-width: 650px;
}
.card-row.card-row-press .card-title .dotdotdot {
    max-width: 800px;
}
.card-row.no-img-bg .card-title .dotdotdot {
    max-width: 1050px;
}
}


/********** List **************/

.landing-card__list .card-content .card.card-list {
height: fit-content;
}
.card-content .card.card-list {
height: fit-content;
}
.card-list .card-container {
border-bottom: 1px solid #CCCCCC;
}

.card-list .card-container.row {
padding: 10px;
font-size: 14px;
}
.card-list h5.card-title {
margin: 0;
font-size: 21px; /* H5 size as defined on typo-eib.css */
}

.landing-card-genericEvents .card-container.row {
color: #00529e;
}
.landing-card-genericEvents .card-event-date  {
font-weight: bold;
}

@media (min-width: 768px) {
.card-list .card-container.row {
    padding: 20px;
}
}


/********** Card type List (Not to confuse with a list of cards)**************/

.card-content.format-list .card__vertical .card-header {
    padding: 0px 15px;
    height: 120px;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .card-content.format-list .card__vertical .card-header {
        height: 140px;
    }
}

.card-content.format-list .card__vertical .card-header .card-title {
    /*color: #ffffff;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;*/
    max-height: none;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.landing-card .card-content.format-list .card .card-body{
    padding: 0;
}

.card-content.format-list .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top:0;
}

.card-content.format-list .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.card-content.format-list .list-group-item {
    border-left: 0;
    border-right: 0;
    padding: 15px 65px 15px 30px;
}
.landing-card__list .card-content.format-list .card {
    height: auto;
}

/* .card-content.format-list .card .list-group-item em.fa {
    float: right;
    font-size: 1.8em;
}

.card-content.format-list .card .list-group-item em.fa-check {color: #94C844;}

.card-content.format-list .card .list-group-item em.fa-times {color: #ee4055;}

*/
.card-content.format-list .list-group-item.ok:after,.card-content.format-list .list-group-item.x:after {
    font-family: FontAwesome;
    font-size: 1.8em;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 90%;

}

.card-content.format-list .list-group-item.ok:after {
    content: "\f00c";
    color: #94C844;
}

.card-content.format-list .list-group-item.x:after {
    content: "\f00d";
    color: #ee4055;
}

.card-list .popover{
    width:60%;
}


/** Card publications list **/

.card-format .card-format__tag, .tag-format, .btn.btn-secondary-tag {
    padding:3px 10px;
    background-color: #AAB3DC;
    color:#fff;
    border-radius: 4px;
    border:1px solid transparent;
    font-size:12px;
    text-align:left;
}

.card .card-publication__img {
    margin-top:10px;
    padding-top: 10px;
}

.card .card-language__text, .tag--available-language {
    font-size:14px;
    font-style: italic;
}

.card .card-format, .tag-format {
    margin-top: 5px;
}

.card .card-language, .publication-content__language {
    position:relative;
    bottom:10px;
}

.card .card-publication__link {
    margin-bottom: 10px;
}

.card .card-date-author {
    margin-bottom: 10px;
}

.card-row.card-row-publications .card-date-author > span {
    color:#4f4f4f;
}

/** END Card publications list **/


/* End of Card **************************************************************/

/**  TAB design **/

.landing-card__list.landing-card__list--tab .card-content.format-list .list-group-item {
    border-left: 0;
    border-right: 0;
    padding: 15px 35px 15px 35px;
}
.landing-card__list.landing-card__list--tab .card-content.format-list .list-group {
    margin-bottom: 0px;
}
.box__wrapper.box__wrapper--tab {
    padding: 1px;
}

/**  END TAB design **/

/* Hide/show display type responsively */

@media (max-width: 767px) {
.landing-card-genericEvents #cards {
    display: none !important;
}
.landing-card-genericEvents #card-rows {
    display: block !important;
}
.landing-card-genericEvents #rows {
    display: none !important;
}
}

@media (max-width: 767px) {
.landing-card-pressReleases #cards {
    display: none !important;
}
.landing-card-pressReleases #card-rows {
    display: block !important;
}
.landing-card-pressReleases #rows {
    display: none !important;
}
}





/****************/
/*     CARD     */
/****************/

/*.card,*/
.card-row,
.row-list{
position: relative;
display: flex;
flex-direction: column;
min-width: 0px;
word-wrap: break-word;
background-color: rgb(255, 255, 255);
background-clip: border-box;
box-shadow: 2px 7px 20px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 7px 20px rgba(0,0,0,0.3);
border: none;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 4px;

}

/*.card:hover*/
.card-row:hover,
.row-list:hover{
box-shadow: 1px 1px 5px rgba(199, 199, 199, 0.5);
border-radius: 3px;
}

.card .card-tags span.btn.btn-primary-tag,
.card-row .card-row-tags span.btn.btn-primary-tag {
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;

display: inline-block;
font-weight: 400;
line-height: 1.43;
max-height: 52px;
vertical-align: middle;
text-align: left;
font-size: 14px;
color: #777777;
padding: 3px 10px;
background-color: transparent;
border: 1px solid transparent;
border-color: #9C9D9F;
border-radius: 4px;
margin-bottom: 4px;

cursor: default;
}

.card .card-tags span.btn.btn-secondary-tag,
.card-row .card-row-tags span.btn.btn-secondary-tag {
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;

display: inline-block;
font-weight: 400;
line-height: 1.43;
max-height: 52px;
vertical-align: middle;
text-align: left;
font-size: 14px;

padding: 3px 10px;
background-color: #AAB3DC;
color: #fff;
border-radius: 4px;
border: 1px solid transparent;

cursor: default;
}

/* CARD GENERIC */
.card.card-date:hover,
.card.card-standard:hover{
box-shadow: 1px 1px 5px rgba(199, 199, 199, 0.5);
border-radius: 3px;
}

/* CARD STANDARD */
.card{
    height: 550px;
    overflow: hidden;
}

.card.card-standard .card-img {
position: relative;
}

.card.card-standard .card-img .card-img-icon img.video-icon {
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;

position: absolute;
text-align: center;
width: 100px;
height: 100px;
display: block;
content:url(/img/site/play.png);
}

.card header.card-header {
position: relative;
padding: 20px 25px 0px 25px;
height: 129px;
overflow: hidden;
}

.card.card-standard .card-body{
position: relative;
flex: 1 1 auto;
padding: 10px 25px 10px 25px;
}

.card.card-standard .card-body  .card-text{
max-height: 70px;
display: -webkit-box;
max-width: 100%;
height: 80px;
margin: 0 auto;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.card.card-standard .card-body  .card-additional-text{
font-size: 14px;
font-style: italic;
height: 70px;
overflow: hidden;
}

.card.card-standard.card-portrait-media__publications .card-body .card-additional-text {
height:30px;
}

.card.card-standard.card-portrait a img {
height:160px;
max-width:295px;
}

.card.card-standard footer.card-footer{
padding: 10px 25px 20px 25px;
}
/*change for new prod*/
.card.card-standard footer.card-footer .card-tags:nth-child(2),
.card.card-standard footer.card-footer .card-tags:nth-child(3),
.card.card-standard footer.card-footer .card-tags:nth-child(4) {
display: none;
}

.card footer.card-footer .card-tags, .card footer.card-footer .card-tags {
height: 32px;
overflow: hidden;
}


/* CARD DATE */
/*change for prod*/
.card.card-date {
height: 360px;
overflow: hidden;
}

.card.card-date header.card-header {
padding: 20px 25px 0px 25px;
}
/*change for prod*/
.card.card-date header.card-header .card-start-date {
font-family: 'Alegreya Sans', sans-serif;
background-color: #00529E;
text-align: center;
color: #FFFFFF;
font-weight: bold;
line-height: 0.9;
font-size: 24px;
float: left;
width: 90px;
height: 90px;
padding: 15px 10px;
margin-bottom: 20px;
}

@media (min-width: 992px){
.card.card-date header.card-header .card-start-date {
    padding: 10px 5px;
    width: 80px;
    height: 80px;
    margin-left: 0;
}
}

@media (min-width: 380px){
.card.card-date header.card-header .card-start-date {
    margin-top: 10px;
}
}

.card.card-date header.card-header .card-start-date .card-start-date-with-end-date {
font-size: 12px;
line-height: 1.5;
}

@media (min-width: 768px){
.card.card-date header.card-header .card-start-date .card-start-date-with-end-date {
    font-size: 14px;
    line-height: 1.5;
}
}

.card.card-date header.card-header .card-start-date .card-start-date-with-end-date.thumbnail-date-with-year{
font-size: 14px;
}

.card.card-date header.card-header .card-start-date .card-date_day{
font-size: 24px;
}

.card.card-date header.card-header .card-start-date .card-date_month{
text-transform: capitalize;
font-size: 18px;
}

.card.card-date header.card-header .card-start-date .card-date_year{
font-size: 14px;
}

.card.card-date header.card-header .card-location {
color: #00529E;
margin-top: 20px;
margin-left: 95px;
}

@media (min-width: 992px){
.card.card-date header.card-header .card-location {
    margin-top: 10px;
    margin-left: 90px;
}
}

/*change for prod*/
.card.card-date header.card-header h3.card-title {
clear: both;
font-size: 26px;
line-height: 33px;
height: auto;
overflow: hidden;
min-height: 69px;
max-height: 70px;
margin-bottom: 10px;
}

.card.card-date .card-body {
position: relative;
flex: 1 1 auto;
padding: 10px 25px 10px 25px;
}

.card.card-date .card-body  .card-text{
height: 70px;
overflow: hidden;
}

.card.card-date footer.card-footer{
padding: 10px 25px 20px 25px;
background-color:transparent;
}

.card.card-date footer.card-footer .card-tags{
height: 33px;
overflow: hidden;
}

/****************/
/*   CARD ROW   */
/****************/

/* CARD ROW STANDARD */
.card-row.card-row-standard{
flex-direction: row;
height: 200px;
overflow: hidden;
}

.card-row.card-row-standard  .card-row-image {
display: contents;
}

.card-row.card-row-standard  .car-row-info {
padding-top: 5px;
padding-bottom: 5px;
}

.card-row.card-row-standard .card-row-img{
background-size: cover;
background-repeat: no-repeat;
min-height: 250px;
background-position: center center;
}

@media (min-width: 768px){
.card-row.card-row-standard .card-row-img {
    width: 200px;
    min-width: 200px;
    min-height: 150px;
}
}

@media (min-width: 992px) {
.card-row.card-row-standard .card-row-img {
    width: 300px;
    min-width: 300px;
    min-height: 200px;
}
}

.card-row.card-row-standard header.card-row-header .card-row-date {
font-size: 14px;
color: #4f4f4f;
}

.card-row.card-row-standard .card-row-body .card-row-text  {
height: 50px;
}

@media (min-width: 992px){
.card-row.card-row-standard .card-row-body .card-row-text {
    height: 40px;
}
}

/* CARD ROW CALENDAR */
/*change for prod*/
.card-row.card-row-calendar{
flex-direction: row;
min-height: 140px;
overflow: hidden;
}

.card-row.card-row-calendar .card-row-box .card-row-date{
background-color: #00529E;
text-align: center;
color: #FFFFFF;
font-weight: bold;
line-height: 0.9;
font-size: 24px;
float: left;
width: 90px;
height: 90px;
padding: 15px 10px;
margin-bottom: 20px;
}

@media (min-width: 380px){
.card-row.card-row-calendar .card-row-box .card-row-date {
    margin-top: 10px;
}
}

@media (min-width: 992px) {
.card-row.card-row-calendar .card-row-box .card-row-date {
    padding: 10px 5px;
    width: 80px;
    height: 80px;
    margin-left: 0;
}
}

.card-row.card-row-calendar .card-row-box .card-row-date .card-row-date_day {
font-size: 24px;
}

.card-row.card-row-calendar .card-row-box .card-row-date .card-row-date_month {
text-transform: capitalize;
font-size: 18px;
}

.card-row.card-row-calendar .card-row-box .card-row-date .card-row-date_year {
font-size: 14px;
}

.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_day,
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_month,
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_year {
text-transform: capitalize;
font-size: 14px;
}
/*change for prod*/
.card-row.card-row-calendar  .card-row-info {
padding-top: 10px;
padding-bottom: 10px;
}
/*change for prod*/
.card-row.card-row-calendar  .card-row-info .card-row-location {
font-size: 14px;
color: #00529a;
}

.card-row.card-row-calendar  .card-row-info .card-row-body {
height: 40px;
overflow: hidden;
}
/*change for prod*/
.card-row.card-row-calendar .card-text p {
margin-top:0;
margin-bottom: 0;
}


/****************/
/*   ROW LIST   */
/****************/

/* ROW LIST STANDARD */

.row-list{
flex-direction: row;
margin-bottom: 0px;
}

@media (max-width: 768px){
.row-list{
    flex-direction: column;
}
}

.row-list.row-list-standard{
border-bottom: 1px solid #CCCCCC;
}

.row-list.row-list-standard {
padding: 10px;
font-size: 14px;
}

@media (min-width: 768px){
.row-list.row-list-standard {
    padding: 20px;
}
}

.row-list.row-list-standard .row-tags span:not(:last-child):after {
content: ", ";
}

/*Filters css*/

.search-filter__filter {
float: left;
width: 25%;
padding: 0 0.5rem 1rem 0.5rem;
}

.float-label-select {
position: relative;
background: #fff;
border: 1px solid #FF4000;
border: 1px solid rgba(242, 101, 34, 0.6);
border-radius: 4px;
}

.float-label-select__label {
position: absolute;
top: 17px;
left: 1rem;
z-index: 100;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 80%;
width: calc(100% - 1rem - 2.5rem);
color: #FF4000;
font-size: 16px;
font-weight: 300;
line-height: 1.2em;
transform-origin: top left;
transition: transform 120ms ease;
pointer-events: none;
}

.float-label-select .multiselect-native-select {
display: block;
width: 100%;
}

.float-label-select__input[multiple] {
display: none;
}

.float-label-select .btn-group {
width: 100%;
}

.float-label-select .multiselect, .float-label-select .multiselect:hover, .float-label-select .multiselect.dropdown-toggle, .float-label-select .multiselect.dropdown-toggle:hover {
background: transparent !important;
box-shadow: none;
}

.float-label-select__single-select-button, .float-label-select .multiselect {
display: block;
width: 100%;
height: 50px;
padding-top: 19px;
padding-right: 2.5rem;
padding-bottom: 0;
padding-left: 1rem;
font-size: 16px;
text-align: left;
background: transparent;
border: none;
outline: none;
}

.float-label-select__selected-value, .float-label-select .multiselect-selected-text {
display: block;
width: 100%;
color: #FF4000;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.float-label-select__single-select-button, .float-label-select .multiselect {
display: block;
width: 100%;
height: 50px;
padding-top: 19px;
padding-right: 2.5rem;
padding-bottom: 0;
padding-left: 1rem;
font-size: 16px;
text-align: left;
background: transparent;
border: none;
outline: none;
}

.float-label-select .fa-angle-down, .float-label-select__single-select-button:before {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}

.search-filter__filters i {
color: #00529e;
}

.float-label-select .dropdown-menu {
min-width: 100%;
}

.float-label-select .multiselect-container {
max-height: 400px;
/* overflow: scroll; */
}

.multiselect-container {
overflow-x: hidden;
}

.float-label-select .checkbox {
margin-top: 5px;
margin-bottom: 5px;
padding-left: 5px;
cursor: pointer;
font-weight: normal;
}

.float-label-select .checkbox input {
margin-left: -18px;
cursor: pointer;
}

.search-filter__sort {
float: left;
width: 18%;
}

.float-label-select__input {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}

.float-label-select--filled .float-label-select__label {
transform: translateY(-7px) scale(0.68);
}

.float-label-select__label {
position: absolute;
top: 17px;
left: 1rem;
z-index: 100;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 80%;
width: calc(100% - 1rem - 2.5rem);
color: black;
font-size: 16px;
font-weight: 300;
line-height: 1.2em;
transform-origin: top left;
transition: transform 120ms ease;
pointer-events: none;
}

.float-label-select__single-select-button {
position: relative;
}

.float-label-select__single-select-button, .float-label-select .multiselect {
display: block;
width: 100%;
height: 50px;
padding-top: 19px;
padding-right: 2.5rem;
padding-bottom: 0;
padding-left: 1rem;
font-size: 16px;
text-align: left;
background: transparent;
border: none;
outline: none;
}

.float-label-select .fa-angle-down, .float-label-select__single-select-button:before {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}

.float-label-select__single-select-button:before {
content: '\f107';
font-family: 'FontAwesome';
font-weight: normal;
}

.float-label-select__selected-value, .float-label-select .multiselect-selected-text {
display: block;
width: 100%;
color: #FF4000;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.search-filter__filter-component + .search-filter__search-component {
margin-top: 10px;
margin-bottom: 20px;
}

.search-filter__search-component {
display: flex;
padding: 0.6em;
padding-left: 1em;
border: 1px solid #BFC4CC;
border-color: rgba(191, 196, 204, 0.74);
border-radius: 3px;
flex-direction: row;
}

.search-filter__search-input {
width: 80%;
color: #3A3B3D;
font-size: 22px;
font-weight: normal;
border: 0;
flex: 1;
outline: none;
}

.search-filter__search-button {
padding: 0.35em 1.2em;
margin-left: 0.75em;
color: #fff;
font-size: 16px;
font-weight: 400;
background: #FF4000;
border: 0;
border-radius: 4px;
-webkit-appearance: none;
}


/*Card Image component style */

.format-story .card-image.card-image-media__stories{
height:400px;
color:white;
}

.format-story .card-image.card-image-media__stories>a{
height:400px;
position:relative;
float:left;
}

.format-story .card-image.card-image-media__stories .card-header-image{
float:left;
bottom:30px;
margin-left:20px;
width:320px;
}

.format-story .card-image.card-image-media__stories .card-img-content{
position: absolute;
bottom: 10px;
vertical-align: baseline;
 -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
-moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
-ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
-o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.format-story .card-image.card-image-media__stories a.card-img.hovered{
  -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
opacity:1;
-webkit-box-shadow: inset 0px -190px  5px 0px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px -190px  5px 0px  rgba(0,0,0,0.6);
box-shadow: inset 0px -190px 5px 0px  rgba(0,0,0,0.6);
}

.format-story .card-image.card-image-media__stories .card-img{
-webkit-box-shadow: inset 0px -130px 21px -12px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px -130px 21px -12px rgba(0,0,0,0.6);
box-shadow: inset 0px -130px 21px -12px rgba(0,0,0,0.6);
}

.format-story .card-image .card-title-image>a{
color:white !important;
}

.format-story .card-image .card-date-author-image{
color:white !important;
}

.format-story .card-image a{
text-decoration-color: white !important;
}

.format-story .card-image.card-image-media__stories .card-body-footer-content{
display:none;
max-height:200px;
}

.card-date-author-image{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
}

.format-story .card-title-image{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 26px;
line-height: 120%;
color:white !important;
margin-top:0px;
}

.format-story .card-text-image{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 180%;
color:white;
margin-right:10px;
}

.card-image.card-image-media__stories .card-text-image  {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height:120%;
}



.format-story .card-text-image .card-tags-image{
display:!none !important;
}



.format-story .card-text-image .

.card-title-image{
color:white;
}

.card-date-author-image .card-date,.card-date-author-image .card-author{
align-items: center;
margin-right:10px;
}

footer.card-footer-image{
color:white;
background-color:transparent;
}

footer.card-footer-image .card-tags-image .btn-tag{
border-color:white !important;
color:white !important;
}

.card-footer-image{
padding-left:20px;
}

.card-body-image,  .card-footer-image{
float:left;
}

.card-body-image{
margin-left:20px;
}




.slide-top {
display:block;
-webkit-animation: slide-top 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
        animation: slide-top 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
}

@-webkit-keyframes slide-top {
0% {
-webkit-transform: translateY(0);
        transform: translateY(0);
       
}
100% {
-webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        
}
}
@keyframes slide-top {
0% {
-webkit-transform: translateY(0);
        transform: translateY(0);
       
}
100% {
-webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        
}
}

.slide-bottom {
-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
        transform: translateY(0);
}
100% {
-webkit-transform: translateY(100px);
        transform: translateY(100px);
        
}
}
@keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
        transform: translateY(0);
}
100% {
-webkit-transform: translateY(100px);
        transform: translateY(100px);
        
}
}

.show{
display:block !important;
}

.hide{
display:none !important;
}

.card-img-content .card-tags-image{
display:none !important;
}

.list .database__filter-by {
display:none !important;
}

.text-big-number{
font-size: 51px;
font-weight: 700;
padding-top: 50px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.box__content < .number-square-box{
width:220px !important;
height:200px;
}

.post-image.post-image__center img{
margin:0 auto;
}

.card-body-image p{
font-size: 16px;
font-family: HelveticaLTStd-Light;
color: white;
padding-right: 10px;
}
.card-body-image {
font-size: 16px;
font-family: HelveticaLTStd-Light;
color: white;
padding-right: 10px;
max-height: 80px;
display: -webkit-box;
max-width: 100%;
height: 70px;
margin: 0 auto;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-left:20px;
}

.fancyImageBox{
display:block;
}

.gallery .gallery-images .gallery-images-item a {
display: inline-block;
height: 100px;
width: 100%;
}

.container.gallery .gallery-images .gallery-images-item {
height: 165px;
}

.gallery .gallery-images .gallery-images-item {
padding-top: 5px;
padding-bottom: 5px;
width:400px;
}




.gallery .gallery-images-modal .gallery-images-item a {
display: inline-block;
height: 100px;
width: 100%;
}

/*.container.gallery  .gallery-images-modal .gallery-images-item {
height: 165px;
}*/

/*.gallery  .gallery-images-modal .gallery-images-item {
padding-top: 0;
padding-bottom: 0;
width:450px;
}*/

.gallery .modal .modal-dialog{
margin: 0 auto;
width: 75vw;

}

.gallery .modal .modal-content{
background:transparent;
margin-top:5vh;
}
/*
.gallery .gallery-images-modal .swiper-slide-active{
width:55vw !important;
height:100%;
-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2);
box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2);
}

.gallery .gallery-images-modal .swiper-slide-next{
width : 20vw !important;
background-color:transparent;
}

.gallery .gallery-images-modal .swiper-slide-prev{
width : 20vw !important;
background-color:transparent;
}

.gallery .gallery-images-modal .swiper-slide-prev a {
height: 350px !important;
margin-top:60px;
filter: grayscale(70%);
-webkit-filter: grayscale(70%);
background-color:transparent;
}

.gallery .gallery-images-modal .swiper-slide-next a {
height: 350px !important;
margin-top:60px;
filter: grayscale(70%);
-webkit-filter: grayscale(70%);
background-color:transparent;
}*/



/*.gallery .modal-content{
 border: 0 !important; 
 border-radius: 0 !important; 
 outline: 0; 
 -webkit-box-shadow: none; 
 box-shadow: none; 
}
*/

/* -------------------------swiper---------------- */


.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* 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;
  width: 60%;
}

.swiper-button-next, .swiper-button-prev{
color: white;
border-radius: 25px;
box-shadow: 0px 0px 2px white;
 padding: 0.5em 0.6em; 
display: inline-block;
margin-right: 40px;
margin-left: 40px;
width: 45px !important;
height: 45px !important;
background: rgba(255, 255, 255, 0.2);
border: 2px solid #FFFFFF;
}

.swiper-button-next:after, .swiper-button-prev:after {
color: white;
font-size: 25px !important;
}

.swiper-pagination-bullet-active{
    background: white !important;
}


.swiper-button-next, .swiper-button-prev{
color: white;
border-radius: 25px;
box-shadow: 0px 0px 2px white;
 padding: 0.5em 0.6em; 
display: inline-block;
margin-right: 40px;
margin-left: 40px;
width: 45px !important;
height: 45px !important;
background: rgba(255, 255, 255, 0.2);
border: 2px solid #FFFFFF;
}

.swiper-button-next:after, .swiper-button-prev:after {
color: white;
font-size: 25px !important;
}

.swiper-pagination-bullet-active{
    background: white !important;
}




.swiper-button-next-modal, .swiper-button-prev-modal{
color: white;
border-radius: 25px;
box-shadow: 0px 0px 2px white;
 padding: 0.5em 0.6em; 
display: inline-block;
margin-right: 40px;
margin-left: 40px;
width: 45px !important;
height: 45px !important;
background: rgba(255, 255, 255, 0.2);
border: 2px solid #FFFFFF;
}

.swiper-button-next-modal:after, .swiper-button-prev-modal:after {
color: white;
font-size: 25px !important;
}
.swiper-button-next-modal, .swiper-button-prev-modal {
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination-bullet-active{
    background: white !important;
}

.swiper-button-next-modal {
    right: 10px;
    left: auto;
}
.swiper-button-prev-modal {
    left: 10px;
    right: auto;
}

.swiper-button-prev-modal:after, .swiper-container-rtl .swiper-button-next-modal:after {
     content: 'prev';
}
.swiper-button-next-modal:after, .swiper-button-prev-modal:after {
    font-family: swiper-icons;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-next-modal:after, .swiper-container-rtl .swiper-button-prev-modal:after {
content: 'next';
}

}
.swiper-button-next-modal:after, .swiper-button-prev-modal:after {
font-family: swiper-icons;
text-transform: none!important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}


/* [*]Project page fixes  **************************************************/

.project__country p,.project__status p,.project__sector p{
text-transform: capitalize;
}
.database__filter .form-group .multiselect-container>li>a>label{
text-transform: capitalize;
}

.form-group .multiselect-container>li>a>label{
padding-left: 20px !important;
}

.eib-accordion-item.active .icon{
    background: transparent;
}

.eib-dynamic-number-stats > .box__content > div{
    margin:0!important; 
    padding:0!important; 
    display:flex; 
    justify-content:center;
}

.eib-dynamic-number-stats > .box__content > div > p{
    text-align: center;
    font-size: 22px!important;
}

.search-filter__filters{
    display: block!important;
}