/*!
 * 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: #F26522;
    }
    
    
/* [*] Color Text *********************************************/
    
    .color-orange {
        color: #FF4000;
    }
     .color-grey-808080 {
        color: #808080;
    }
     .color-grey {
        color: #646464;
    }
    
    

/* [*] border color */

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


/* [*] button */

    .btn-jaspers {
        border:1px solid #F26522;
        padding:10px;
        cursor:pointer;
    }
    
    .btn-jaspers:hover {
        background-color:#F26522;
        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: #F26522;
    }
    
/* [*] Page title size **********************************************/    
    
    .page__title{
        font-size:5em;
        font-family: HelveticaNeue-thin;
    }
    
    /* [#] xs screen */
    @media (max-width: 767px) { 
        .page__title{
            font-size:3em;
        }
    }
    
    
/* [*] Title style ********************************************/
    
    .page-h1 {
        font-size:7em;
        margin:40px 0;
    }
    
    /* [#] 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: #f26522;
    }
    .related__story-header a:hover {
        color: #f26522;
    }
    
/* [§ 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: #f26522;
    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:14px;
    }

    .card-date-author .card-date {
      /*  padding-right:15px;*/
    }

    .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 #F26522;
    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: #F26522;
    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: #F26522;
    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: #F26522;
    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: #F26522;
    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;
}