/*************************
 * Barcelona Activa Styles
 ***************************/
*:focus {
  outline: none;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/**********************
 *   GENERAL CLASSES
 **********************/
.margin-bottom-sm {
  margin-bottom: 24px;
}
.margin-bottom-md {
  margin-bottom: 32px;
}
.margin-bottom-lg {
  margin-bottom: 48px;
}
.margin-top-sm {
  margin-top: 24px;
}
.margin-top-md {
  margin-top: 32px;
}
.margin-top-lg {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .margin-bottom-sm-sm {
    margin-bottom: 24px;
  }
  .margin-bottom-sm-md {
    margin-bottom: 32px;
  }
  .margin-bottom-sm-lg {
    margin-bottom: 48px;
  }
  .margin-top-sm-sm {
    margin-top: 24px;
  }
  .margin-top-sm-md {
    margin-top: 32px;
  }
  .margin-top-sm-lg {
    margin-top: 48px;
  }
}
.position-relative {
  position: relative;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap!important;
}


.header-2 .vl {
    border-left: 1px solid #1d1c1b;
    margin-right: 10px; 
    vertical-align: middle; 
}

/***********************
/// Main container
/// 300 Light, 400 Regular, 600 Semi-Bold, 700 Bold
/// https://fonts.google.com/selection?selection.family=Source+Sans+Pro:300,400,600,700
************************/

.container-full , .container-lg , .container-md , .container-modal {
    font-family: 'Source Sans Pro', serif;
}

.container-lg {
    max-width: 1440px;
}
.container-ml {
    max-width: 1170px;
    padding: 0;
}
.container-md {
    max-width: 1140px;
}

.container-full a , .container-lg a , .container-md a , .container-modal a {
    color: #005e85; 
}

/* DEBUG SIZES */

.izq1140 {
    border-left: 1px dashed rgba(255,0,0,0.5);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: calc(50% - (1140px / 2) - 1px);
    z-index: 3000;
}

.der1140 {
    border-left: 1px dashed rgba(255,0,0,0.5);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: calc(50% + (1140px / 2) );
    z-index: 3000;
}

.izq1440 {
    border-left: 1px dashed rgba(0,0,255,0.6);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: calc(50% - (1440px / 2) - 1px);
    z-index: 3000;
}

.der1440 {
    border-left: 1px dashed rgba(0,0,255,0.6);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: calc(50% + (1440px / 2) );
    z-index: 3000;
}

/***********************
/// Responsive hides
************************/
/* XS */
@media (max-width:768px) {
  .hide-xs {
    display: none!important;
  }
}
/* SM */
@media (min-width:768px) and (max-width:992px) {
  .hide-sm {
    display: none!important;
  }
}
/* MD */
@media (min-width:992px) and (max-width:1200px) {
  .hide-md {
    display: none!important;
  }
}
/* LG */
@media (min-width:1200px) {
  .hide-lg {
    display: none!important;
  }
}

/***********************
/// h1, h2, h3, h4 (aka title1, title2, title3, title4)
************************/

.title1 {
    font-weight: 700; 
    font-size: 32px; 
    line-height: 38px; 
}

.title2 {
    font-weight: 600; 
    font-size: 18px; 
    color: #1d1c1b; 
    line-height: 24px; 
    letter-spacing: 0.4px; 
    margin-bottom: 24px;
    text-transform: uppercase;
}
.title2.small-margin {
  margin-bottom: 8px;
}

.title3 {
    font-weight: 300; 
    font-size: 24px; 
    color: #1d1c1b; 
    line-height: 32px; 
}
.title3.small-margin {
  max-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
}

.title4 {
    font-weight: 300; 
    font-size: 18px;
    color: #31302e; 
    line-height: 26px; 
}

@media (min-width: 768px) {
    .title1 {
        font-size: 48px;
        line-height: 54px;
    }

    .title3 {
        font-size: 32px; 
        line-height: 40px; 
    }
}


/***********************
/// BUTTONS (button-gray, button-orange, btn-link-red, btn-small)
************************/

.button-gray , .button-orange, .button-transparent {
    border-style: none;
    border-radius: 0px;
    padding: 13px 24px 15px 24px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    min-width: 160px;
}

.button-transparent {
    background-color: transparent;
    color: #31302e;
    border: solid 2px #31302e;
}
.button-transparent:hover , .button-transparent:focus {
    color:#5a5a58;
    border: solid 2px #5a5a58;
}

.button-transparent:disabled {
    color: #bdbdbc;
    border: solid 2px #bdbdbc;
}

.button-gray {
    background-color: #31302e;
    color: white;
}
.button-gray:hover , .button-gray:focus {
    background-color: #5a5a58;
    color: white;
}
.button-gray:disabled {
    background-color: #bdbdbc;
    color: #f2f2f2;
}

.button-orange {
    background-color: #f7ae13;
    color: #1d1c1b;
}
.button-orange:hover , .button-orange:focus {
    background-color: #ffcf69;
    color: #5a5a58;
}
.button-orange:disabled {
    background-color: #ffe3a8;
    color: #bdbdbc;
}

.btn-link-red {
    color: #d83838;
}

.btn-link-red:hover , .btn-link-red:focus {
    color: brown;
}

.header-logged-menu.dropdown-menu>li>a:focus, .header-logged-menu.dropdown-menu>li>a:hover {
    background-color:transparent;
}

.btn-small {
    padding: 5px 16px 7px 16px;
    font-size: 16px;
    line-height: 20px;
    min-width: 100px;
}

*:focus {
    outline: none !important;
}


/***********************
/// TEXT STYLES  (text-gray)
************************/

.text-gray {
    color: gray;
}


/***********************
/// horizontal line (hl, hl-left, hl-left-thin, hl-left-{color})
************************/

.hl {
    border-left: 1px solid black;
}

.hl-left {
    border-left: 8px solid white;
    /*padding: 5px 15px 20px 15px;*/
    text-align: left;
}
.hl-left-thin {
    border-left-width: thin;
}
.hl-left > h5 {
    font-weight: bold;
}
.hl-left.hl-left-yellow{
    border-color: #f7ae13;
}
.hl-left.hl-left-orange {
    border-color: #ed6f00;
}
.hl-left.hl-left-orange > h5 {
    color: #ed6f00;
}
.hl-left.hl-left-blue {
    border-color: #005e85;
}
.hl-left.hl-left-blue > h5 {
    color: #005e85;
}
.hl-left.hl-left-pink {
    border-color: #eb0083;
}
.hl-left.hl-left-pink > h5 {
    color: #eb0083;
}

/***********************
/// CONTAINERS, ROWS AND COLS (row-eq-height, col-md-{% width}p, col-sm-push-{% width}p, col-sm-pull-{% width}p, no-padding)
************************/

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

@media (min-width: 768px) {
    .row-eq-height-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}

/* Columns with specific % width */

@media (min-width: 768px) {
    .col-sm-47p {
        width: 47%;
    }
    .col-sm-53p {
        width: 53%;
    }
    .col-sm-29p {
        width: 29%;
    }
    .col-sm-21p {
        width: 21%;
    }
    .col-sm-21p2 {
        width: 16.4%;
    }
}

@media (min-width: 992px){
    .col-md-47p {
        width: 47%;
    }
    .col-md-53p {
        width: 53%;
    }
    .col-md-29p {
        width: 29%;
    }
    .col-md-21p {
        width: 21%;
    }
}

/* Move columns a specific % */

@media (min-width: 768px) {
    .col-sm-push-53p {
        left: 53%;
    }
    .col-sm-pull-47p {
        right: 47%;
    }
}

.no-padding {
    padding: 0px;
}

/***********************
/// SPECIAL BORDERS (inner-border and displaced-border)
************************/

.inner-border {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 2px solid transparent;
    pointer-events: none;
}

*:hover > .inner-border , *:focus > .inner-border {
    border-color: black;
}

.displaced-border {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 2px solid orange;
    pointer-events: none;
}
.permanent.displaced-border {
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: 8px;
    left: 8px;
    border: 2px solid orange;
    pointer-events: none;
}
*:hover > .displaced-border , *:focus > .displaced-border {
    top: -8px;
    right: 8px;
    bottom: 8px;
    left: -8px;
}



/***********************
/// When it's uncollapsed puts inline-block instead of block (collapse-inline-block)
************************/

.collapse-inline-block.collapse.in {
    display: inline-block;
}

/***********************
/// Responsive video banner
************************/
.responsive-video-banner {
  overflow: hidden;
  height: 380px;
  max-height: 380px;
  position: relative;
}
.responsive-video-banner video {
  width: 100%;
}
.responsive-video-banner .video-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(247,174,19, 0.4);
  background: linear-gradient(90deg, rgba(247,174,19,0.4) 0%, rgba(255,255,255,0.4) 100%);
  z-index: 0;
}
.responsive-video-banner .video-overlay > div {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}
.responsive-video-banner .video-overlay > div > h1 {
  width: 95%;
  color: white;
  max-width: 555px;
  font-size: 48px;
  line-height: 54px;
  margin: 40px auto 32px 0;
}
.responsive-video-banner .video-overlay > div > div {
  width: 345px;
  max-width: 95%;
  margin-left: 0;
}
.responsive-video-banner .video-overlay > div > div .button-orange {
  width: 100%;
}
/* 50% Right video variant */
.responsive-video-banner.session {
  background: #f4f1e9;
}
.responsive-video-banner.session video, 
.responsive-video-banner.session img
{
  position: absolute;
  right: 0;
}
.responsive-video-banner.session img {
    width: 50%;
}
.responsive-video-banner.session .video-overlay {
  background: transparent;
  background: linear-gradient(90deg, #f4f1e9 0%, #f4f1e9 49.9%, rgba(247,174,19,0.4) 50%, rgba(255,255,255,0.4) 100%)
}
.responsive-video-banner.session .video-overlay > div > h1 {
  color: #1d1c1b;
  margin-top: 56px;
  margin-bottom: 24px;
}
.responsive-video-banner.session .video-overlay > div > h2 {
  font-size: 20px;
  line-height: 28px;
  color: #31302e;
  width: 40%;
  max-width: 544px;
  margin-bottom: 32px;
}
.responsive-video-banner.session .video-overlay > div > div {
  width: 233px;
}
@media (max-width: 670px) {
  .responsive-video-banner video {
    width: initial;
    height: 380px;
  }
  .responsive-video-banner .video-overlay > div > h1 {
    font-size: 32px;
    line-height: 38px;
    margin: 64px auto 32px auto;
  }
  /* 50% Right video variant */
  .responsive-video-banner.session video {
    display: none;
  }
  .responsive-video-banner.session .video-overlay {
    background: transparent;
  }
  .responsive-video-banner.session .video-overlay > div > h2 {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 32px;
    font-size: 18px;
  }
  .responsive-video-banner .video-overlay > div > div,
  .responsive-video-banner.session .video-overlay > div > div {
    width: 95%;
    margin: 0 auto;
  }
  .responsive-video-banner.session img {
    display: none;
  }
  .home-4.floattxt2 {
        display: none !important;
    }
}
@media (min-width: 670px) and (max-width: 1200px) {
  .responsive-video-banner .video-overlay > div {
    padding-left: 16px;
  }
}
@media (max-width: 1428px) {
    .responsive-video-banner.session img {
        width: initial;
        height: 380px;
    }
}
/***********************
/// Custom carousel (bcnactiva-carousel)
************************/

.bcnactiva-carousel-indicators > div {
    display: inline;
    cursor: pointer;
}

.bcnactiva-carousel-indicators > div.active {
    background-color: transparent;
}

.bcnactiva-carousel-indicators > div > .yes {
    display: none;
}

.bcnactiva-carousel-indicators > div.active > .yes {
    display: inline;
}

.bcnactiva-carousel-indicators > div.active > .no {
    display: none;
}

.carousel-control.bcnactiva-carousel-control {
    background: none;
    width: 24px;
    height: 24px;
    opacity: 1;
    cursor: pointer;
}


/***********************
/// Custom breadcrumb (bcnactiva-breadcrumb)
************************/

.bcnactiva-breadcrumb > ol.breadcrumb {
    background: none;
}

.bcnactiva-breadcrumb > ol.breadcrumb > li.breadcrumb-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #1d1c1b;
}

.bcnactiva-breadcrumb > ol.breadcrumb > li.breadcrumb-item > a {
    font-weight: 600;
    color: #005e85;
}

.bcnactiva-breadcrumb > .breadcrumb>li+li:before {
    color: #1d1c1b;
}


.bcnactiva-breadcrumb.white-breadcrumb > .breadcrumb>li+li:before {
    color: #ffffff;
}

/***********************
/// Swiper container (swiper-xs)
************************/

@media (max-width: 767.5px) {
    .swiper-xs {
        overflow: auto;
        white-space: nowrap;
        font-size: 0px;
    }
    
    .swiper-xs > * {
        display: inline-block;
        width: 40%;
        white-space: normal;
        font-size: initial;
    }
}

@media (max-width: 649.5px) {
    .swiper-xs > * {
        width: 68%;
    }
}

@media (max-width: 374.5px) {
    .swiper-xs > * {
        width: 85%;
    }
}


/*****************
 * CUSTOM STYLES
/***********************


/// FORM-HEADER (contacte, informative session, incubators-form views)
************************/

.form-header {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f4f1e9;
}

.form-header-content {
    padding: 36px 15px 66px 15px;
}

.form-header-content.virtual-session {
    padding: 36px 15px 46px 15px;
}

.form-header-content.incubators-form-content {
    min-height: 48px; 
}

.form-header-content .informative-session-description, .form-header-content .program-access-description {
    min-height: 72px; 
}

.form-header-content .contacte-description {
    min-height: 144px; 
}


.form-header-content.contacte {
    padding: 36px 15px 105px 15px; 
    min-height: 144px; 
}

.form-header-content .title1 {
    font-size: 32px; 
    line-height: 38px; 
}

.form-header-description {
    font-weight: normal;
    font-size: 18px; 
    line-height: 24px; 
    color: #31302e; 
    max-width: 847px;
}

.form-header-description a {
    font-weight: 600; 
    color: #005e85; 
}

.form-header-breadcrumb {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1; 
}

.header-breadcrumb-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

li.breadcrumb-hidden-item {
    padding-top: 5px;
}
.form-header-wrapper.container-md {
  padding-left: 0;
}

.form-header .semi-bold-text {
    font-weight: 600; 
}


@media (min-width: 768px) {
    .form-header-content .title1 {
        font-size: 42px; 
        line-height: 48px; 
    }

    .hidden-contacte-text {
        display: block;
    }

    a.header-phone {
        color: #31302e; 
        font-weight: 400;
        pointer-events: none;
    }

    a.header-phone.contact-modal {
        font-weight: 600;
        color: #1d1c1b;
    }

}


@media (min-width: 1170px) {
    .form-header-content {
        padding: 36px 0px 134px 0px; 
    }

    .form-header-content.incubators-form-content {
        padding: 36px 0px 158px 0px; 
    }

    .form-header-content.contacte {
        padding: 36px 0px 62px 0px; 
    }
}
@media (max-width: 1169px) {
  .form-header-wrapper.container-md {
    max-width: calc(100% - 32px);
  }
  .form-header-wrapper .form-header-content {
    padding-left: 0;
  }
}


/***********************
/// FORM (contacte, informative session, companies-spaces-form views)
************************/

.general-form {
    width: 100%; 
    box-shadow: 0 2px 4px 0 rgba(133, 133, 133, 0.6);
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
    margin-top: -72px;
}

.general-form.informative-session,  .general-form.incubators-form {
    margin-top: -32px; 
    margin-bottom: 0; 
}

.general-form.access-form {
    margin-bottom: 60px; 
}

.general-form-content {
    padding: 24px 16px 48px 16px; 
}

.form h3 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.form input {
    width: 100%;
    height: 40px;
    margin-bottom: 24px;
    padding: 11px 16px;
    border: 1px solid #bdbdbc; 
}

.form input:focus {
    border: 1px solid #f7ae13; 
}

.form .form-dropdown {
    margin-bottom: 24px;
}

.form .form-dropdown button:focus{
    border: 1px solid #f7ae13; 
}

.form .form-dropdown button {
    text-align: left; 
    border-style: none;
    background-color: #ffffff;
    border: solid 1px #bdbdbc;
    color: #5a5a58; 
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    position: relative;
}

.form .form-dropdown button p {
    width: calc(100% - 32px); 
}

.form button:focus {
    border: 1px solid #f7ae13; 
}

.form-dropdown-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    right: 8px;
}

.form-dropdown button[aria-expanded="true"] img {
    transform: rotate(180deg);
}

.form-dropdown ul.dropdown-menu {
   width: 100%; 
   border-radius: 0px; 
} 

.form-dropdown ul.dropdown-special {
   margin-top: -38px; 
 } 

.form-dropdown ul.dropdown-menu li a {
    color: #5a5a58; 
    padding: 11px 16px;
}

.textarea-label {
    margin-top: 24px; 
}

.form label {
    font-size: 18px;
    line-height: 24px;
    color: #31302e;
    margin-bottom: 8px;
    display: block;
    font-weight: 400; 
}

.form label.italic-label {
    font-style: italic; 
}


.form label.semi-bold-label {
    font-weight: 600;
    margin-top: 8px; 
}


.form label.special-label {
    margin-bottom: 0px; 
}

.form .hint-text, .form textarea {
    color: #5a5a58;
}

p.hint-text.select-hint-text {
   font-size: 12px; 
   line-height: 16px;
   margin-top: 8px; 
   margin-bottom: 0px;
   min-height: 32px;  
}

.form .incubators-form-second-title {
    margin-top: 16px; 
}

.form input::placeholder {
    color: #5a5a58; 
    opacity: 1; /* Firefox */ 
}

.form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #5a5a58; 
}

.form input::-ms-input-placeholder { /* Microsoft Edge */
   color: #5a5a58; 
}

.form textarea, .comments-box-content textarea {
    width: 100%;
    margin-bottom: 24px;
    padding: 11px 16px;
    min-height: 260px;
    max-width: 847px;
    resize: none; 
    border: 1px solid #bdbdbc; 
}

.form textarea:focus, .comments-box-content textarea:focus {
    border: 1px solid #f7ae13; 
}

.form textarea.incubators-form-textarea {
    max-width: 1140px;
}


.form textarea.program-form-textarea {
    min-height: 92px;
}

.form textarea.two-lines {
    min-height: 60px;
}

.form .fields {
    font-size: 14px;
    font-weight: 400; 
    color: #31302e;
    float: left;
    margin-bottom: 24px; 
}

.form .date {
    font-size: 18px; 
    font-weight: 600; 
    color: #31302e;
    margin-bottom: 0px; 
}

 .form .hint-text {
    font-size: 14px; 
    line-height: 18px; 
    margin-bottom: 8px; 
}

.form .form-button, .form .informative-session-form-button, .form .access-form-button, .form .program-form-button{
    width: 100%;
}

.form .program-form-button {
    height: 40px;
    padding: 7px 24px 9px 24px;
    margin-bottom: 32px; 
}

.form input[type="radio"], .form input[type="checkbox"] {
    height: 24px;
    width: 24px; 
    vertical-align: middle; 
    margin: 8px 8px 8px 0px; 
    border: 1px solid #bdbdbc; 
    border-radius: 50%; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color:transparent;
    cursor: pointer;     
    outline: none;
    padding: 0px; 
    
}

.form .checkbox-button, .form .radio-button {
    margin-bottom: 24px; 
}

.form .radio-button-blog, .form .radio-button-web {
    margin-bottom: 8px; 
} 


.form input[type="radio"]:checked, .form input[type="checkbox"]:checked{
    border: 1px solid #f7ae13;  
}

.form input[type="checkbox"]:checked {
    background: url('../img/yellow-big-checked.png') no-repeat 2px; 
}

.form input[type="radio"]:checked {
    background: url('../img/yellow-circle-checked.png') no-repeat 4px; 
}


.form .input-radio-label {
    display: inline-block; 
    margin-right: 40px; 
}


.form input[type="checkbox"].data-checkbox {
    height: 16px;
    width: 16px;
    margin-right: 0px; 
}

.form input[type="checkbox"].data-checkbox:checked {
    background: url('../img/yellow-small-checked.png') no-repeat 1px;
}

.form .disabled {
    opacity: 0.4;
}

.form input[type="checkbox"] {
  border-radius: 0;  
}

.form input[type="checkbox"]:checked{
   border-radius: 0; 
}


.form .legal-text {
   margin-bottom: 0px; 
   
}

.form .data-policy {
    margin-bottom: 24px;
}

.form .attach-icon {
    margin-left: 16px;
    margin-right: 6px; 
}

@media (min-width: 768px) {

    .form textarea {
        min-height: 130px;
    }

    .form textarea.informative-session {
        min-height: 200px; 
    }

    .form-button {
        float: right;
        max-width: 166px;
    }

    .informative-session-form-button {
        float: right;
        max-width: 263px;
    }

    .form .access-form-button  { 
        float: right;
        max-width: 283px;
    }

    .form .program-form-button {
        max-width: 227px; 
    }

    .form input {
        max-width: 555px; 
    }

    .form .informative-session-dropdown button {
        max-width: 555px; 
    }

    
    .form .access-form-button {
        max-width: 283px;
    }

    
    .form .special-input {
        max-width: 360px; 
        display: inline-block;
    }
   
        
    .form-dropdown ul.dropdown-menu {
        max-width: 555px; 
    } 

}


@media (min-width: 1170px){

    .general-form {
        max-width: 1188px;
        margin-top: -43px;
    }

    .general-form.informative-session {
        margin-top: -112px;
    }

    .general-form.incubators-form {
        margin-top: -130px;
    }

    .general-form-content {
        padding: 32px 24px 48px 24px;
    }

    .form h3 {
        margin-top: 0px;
        margin-bottom: 32px;
    }

    .form input {
        margin-bottom: 32px;
        margin-right: 30px;
    }

    .form .form-dropdown {
        margin-bottom: 32px;
        margin-right: 30px;
    }

    .form textarea {
        margin-bottom: 32px;
    }

    .form .col-lg-1-5 {
        width: auto; 
        margin-right: 40px; 
    }

    
}

/***********************
/// PROGRAM FORM COLLABORATORS
************************/

    .collaborators-img {
        margin-bottom: 32px; 
        display: inline-block;
        padding: 0 50px; 
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        filter: grayscale(100%);
    }

    .collaborators-container {
        margin: 0 auto; 
    }

    .collaborators-title {
        margin-bottom: 42px; 
    }

   .collaborators-img:hover {
        -webkit-filter: none;
        filter: none;
   }


/***********************
/// VIRTUAL-INFORMATIVE-SESSION IMG
************************/

.virtual-session-img {
   margin-top: 32px;
   margin-bottom: 60px;  
}

.virtual-session-img img {
    width: 100%; 
}

/***********************
/// HOME-CARRUSEL-ADVERTISING
************************/

.sopra-carousel.advertising-carousel {
    margin-top: 48px;
    margin-bottom: 20px;
}


/***********************
/// HOME-filter
************************/

/* this class belongs to a external css, we are overwritting it*/

.bcnbrand-main {
    width: auto !important;
    padding: 0px;
 }
 
 .bcnbrand-main-link {
     padding-left: 15px !important;
 }
 

/***********************
/// RESOURCES-HEAD
************************/

.resources-head-content {
    background-color: #f4f1e9; 
    margin: 24px 0px; 
    padding: 24px 15px 40px 15px; 
}

.resources-head-content .title2 {
    margin-top: 0px; 
}

.resources-head-content .title1 {
    margin-top: 16px; 
    margin-bottom: 16px; 
}

.resources-head-description {
    font-weight: 400; 
    font-size: 18px; 
    line-height: 24px; 
    color: #31302e; 
}

.resources-head-photo {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {

    .resources-head-content {
        padding: 32px 32px 48px 32px; 
    }

    .resources-head-content .title1 {
        margin-bottom: 24px; 
    }

}


@media (min-width: 1157px) { /* (1140px + 17 px) Avoid 17px of overlaping scrollbar problem */
    .resources-head-col-1 {
        margin-left: calc(50% - 570px);
        width: 570px;
    }
}
/**********************
///////////////////// HEAD 1 SLIDE CAROUSEL
**********************/
.sopra-carousel.head-1-slide-carousel {
  width: 360px;
  margin-top: -40px;
  margin-left: 135px;
}
.sopra-carousel.head-1-slide-carousel .carousel-inner {
  height: 128px;
}
.sopra-carousel.head-1-slide-carousel .item {
    padding-bottom: 10px;
    background-color: white;
    border: solid 1px #d7d7d7;
    box-shadow: #f2f2f2 8px 8px;
    width: 352px;
    height: 120px;
}
.sopra-carousel.head-1-slide-carousel .item:hover {
    display: block;
    box-shadow: #ffb36b 8px 8px;
}
@media (max-width: 768px) {
  .sopra-carousel.head-1-slide-carousel {
    margin: -40px auto 0 auto;
    width: 100%;
    padding: 0 54px;
  }
  .sopra-carousel.head-1-slide-carousel .item {
    width: 100%;
  }
}

/***********************
/// RESOURCES-REPORTS
************************/

.resources-reports-main {
    background-color: #f4f1e9;
}

.resources-reports-main {
    text-align: center;
}

.resources-reports-main .title2 {
    margin-top: 32px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.resources-reports-main .title3 {
    margin-top: 0px;
    margin-bottom: 12px;
}

.resources-reports-main .title4 {
    margin-top: 0px; 
    margin-bottom: 17px;
}

.resources-reports-container {
    width: 100%; 
    max-width: 1170px; 
    margin-right: auto;
    margin-left: auto;
    padding-left: 7px; 
    padding-right: 7px; 
}

.resources-reports-col {
    padding: 12px 8px;
}

.resources-reports {
    text-align: left;
    background-color: #ffffff; 
    height: 120px; 
    position: relative;
    cursor: pointer;
    border: solid 1px #bcb9b3;
   
}

.reports-inner-border {
    margin:20px 7px 4px 23px;
    border: solid 1px #bcb9b3;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 2px solid transparent;
    pointer-events: none; 
}

.resources-reports-title {
    position: absolute;
    left: 16px; 
    right: 16px; 
    top: 16px; 
    font-weight: 600; 
    font-size: 16px; 
    line-height: 22px; 
    color: #005e85;
    margin-bottom: 12px;
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
   
}

.resources-reports:hover > .resources-reports-title , .resources-reports:focus > .resources-reports-title {
    text-decoration: underline;
}

.resources-reports-content {
    position: absolute;
    left: 16px; 
    right: 16px; 
    bottom: 16px; 
    color: #31302e;
}

.resources-reports-content > * {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 14px;
}


.resources-reports-key {
    font-weight: 600;
}

.resources-reports-btn {
    margin-top: 40px; 
    margin-bottom: 40px;
   
}

@media (max-width: 479px) {
    .resources-reports-btn {
        width: 100%;  
    }
}

@media (min-width: 768px) {
    .resources-reports-container {
        padding-left: 0px; 
        padding-right: 0px; 
    }
    .resources-reports-col {
        padding: 12px 15px;
    }

    .reports-inner-border {
        margin:20px 7px 5px 20px;
    }  
}


@media (max-width: 302px) {

    .resources-reports {
        height: 170px;
    }
}


/***********************
/// SECONDARY-HEADER 
(onsom, informative-session, technical-consultancy, digital-tools, reports views, ux-lab)
************************/

.secondary-header {
    margin-bottom: 24px; 
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f4f1e9; 
    position: relative;
    min-height: 336px; 
}

.secondary-header-content {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 48px 15px 105px 15px; 
}

.secondary-header-content.activity-detail {
    padding: 48px 15px 93px 15px; 
}

.secondary-header-content.program-detail {
    padding: 48px 15px 73px 15px; 
}

.secondary-header-content h1 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
}

.secondary-header-content.incubated-company-header-content {
    padding-bottom: 54px; 
}

.secondary-header-content.incubated-company-header-content h1 {
     margin-bottom: 24px; 
}

.secondary-header-content .title1 {
    margin-top: 0px; 
    margin-bottom: 15px; 
}

.secondary-header-description, .incubated-companies-filter-content p {
    font-weight: 400; 
    font-size: 18px; 
    line-height: 24px; 
    color: #31302e; 
}

.secondary-header-description.activity-detail p {
    font-weight: 400; 
    font-size: 16px; 
    line-height: 22px; 
    color: #31302e;
    margin-bottom: 4px; 
}

.secondary-header-description.incubated-company-header-description p, .incubated-companies-filter-content p { 
    line-height: 22px;
    margin-bottom: 16px;
}

.secondary-header-description a {
    font-weight: 600; 
}

.secondary-header-description.activity-detail a {
    font-weight: 400; 
}

.secondary-header-description.activity-detail a.link-with-padding {
   padding-left: 8px; 
}

.secondary-header-description.incubated-company-header-description a, .secondary-links {
    font-weight: 400;
    font-size: 16px;    
}

.secondary-links {
    margin-bottom: 16px;
}

.secondary-links img {
    margin-right: 8px; 
}

.secondary-header-photo {
    position: absolute;
    top: 0px;
    height: calc(100% + 24px);
    max-width: 40%;
    object-fit: cover;
    right: 0px;
}

.secondary-header-photo.heura-photo {
    border: 1px solid #ff946a; 
}

.secondary-header-breadcrumb {
    position: absolute;
    top: 0px;
    left: 0px;
}

.social-media-icons img {
  padding-left: 8px;
  padding-right: 8px; 
  height: 40px;
}


@media (min-width: 768px) {
    .secondary-header-content {
        padding: 36px 50% 72px 150px; 
    }

    .secondary-header-content.incubated-companies-header-content {
        padding: 36px 50% 105px 150px; 
    }

    .secondary-header-content h1 {
        font-size: 42px;
        line-height: 48px;
    }

        
    .secondary-header-content.activity-detail {
        padding: 48px 50% 72px 150px; 
    }

        
    .secondary-header-content.program-detail {
        padding: 48px 50% 72px 150px; 
    }


    .secondary-header-content.activity-detail h1 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 16px; 
    }
   
    .secondary-header-content .title1 {
        margin-bottom: 16px; 
    }

    a.header-phone {
        color: #31302e; 
        font-weight: 400;
        pointer-events: none;
    }
}


@media (min-width: 1000px) {
    .secondary-header-photo {
        right: calc(30% - 283px);
    }
}

@media (min-width: 1300px) {
    .secondary-header-content {
        padding-right: 735px; 
    }
}

/***********************
/// SECONDARY-HEADER BUTTON
************************/

.secondary-header-button {
    position: absolute; 
    bottom: -14px;
    left: 15px; 
    width: 90%; 
    white-space: normal;
}  


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

    .secondary-header-button.activity-detail-sign-up {
        max-width: 278px;
    }
}


@media (min-width: 865px) {
        
    .secondary-header-button.activity-detail-sign-up { 
        max-width: 335px;
    }
}


@media (min-width: 830px) {
 
    .secondary-header-button.incubated-companies-button {
        max-width: 310px;
    }
}


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

    .secondary-header-button.program-futurism-btn {
        max-width: 278px;
    }
}


@media (min-width: 800px) {
        
    .secondary-header-button.program-futurism-btn {
        max-width: 303px; 
    }
}

@media (min-width: 768px) {

    .secondary-header-button {
        bottom: -14px;
        left: 150px;
        max-width: 278px;
        width: 100%; 
    }

        
    .secondary-header-button.activity-detail-signed-up {
        max-width: 228px; 
    }

    .secondary-header-button.program-access-btn {
        max-width: 261px; 
    }

    
    
}

/***********************
/// FILTER-MENU
************************/

.reports-title {
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    color: #1d1c1b;
    line-height: 40px;
    margin-top: 50px;
    padding:0px;
    margin-bottom: 48px;
}


.title2.entrepreneurs-blog-title2 {
    margin-bottom: 8px;
    margin-top: 50px; 
}

.reports-title.entrepreneurs-blog-title {
    margin-top: 0px; 
}


.reports-button {
    border-style: none;
    background-color: #ffffff;
    border: solid 1px #bdbdbc;
    width: 263px;
    color: #5a5a58;
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
    max-width: 100%;
    height: 40px;
}
input.reports-button {
  padding: 16px;
}
.reports-button-dropdown {
    width: 263px;
    max-width: 100%;
}
.reports-button-dropdown li a {
    color: #5a5a58;
    padding: 11px 16px;
}
.reports-button span {
    padding-top: 11px;
    padding-left: 16px;
    padding-bottom: 11px;
    float: left;
}

.reports-button-bold {
    border-style: none;
    background-color: #ffffff;
    color: #31302e;
    width: 227px;
    height: 34px;
    border: solid 1px #005e85;
    font-weight: 600;
    border-radius: 4px;
    margin-top: 3px;
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
    max-width: 100%;
    margin-bottom: 5px; 
    width: auto; 
}

.reports-button-bold span {
    padding: 7px 8px 9px 16px;
    float: left;
}

.reports-button-black {
    color: #1d1c1b;
    float: right;
    margin-bottom: 24px;
}

.reports-subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: #31302e;
    margin-bottom: 16px;
}
span.reports-subtitle {
    line-height: 42px;
}

.subtitle-bold {
    font-weight: 600;
}

.reports-icon {
    width: 24px;
    height: 24px;
    float: right;
    margin: 8px;
}
.reports-icon.reports-icon-input {
  margin: 0;
  right: 32px;
  position: relative;
  top: -32px;
}

.reports-brand-icon {
    margin: 5px 8px 5px 0px;
    float: right;
}

.side-bar-title {
    color: #1d1c1b;
    font-size: 18px;
    line-height: 24px; 
    margin-top: 24px; 
}

.side-bar-title a {
    color: #1d1c1b;
}

.side-bar-title1 {
    margin-top: 21px;
}

.side-bar-main-title {
    letter-spacing: 0.4px;
    font-weight: 600;
}

a.filtered-tag {
    color: #1d1c1b;
    margin-right: 5px;
}

.reports h3 {
    margin: 0px;
}

.side-bar-subtitle {
    font-weight: 400;
}

.side-bar-list {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #005e85;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.side-bar-list li {
    margin-top: 16px;
}
.side-bar-list li a span.no-link {
  color: #31302e;
  font-size: 14px;
  font-weight: lighter;
  line-height: 1.43px;
}
.side-bar-list li a:hover {
  text-decoration: none
}
.side-bar-list li a:hover span:not(.no-link) {
  text-decoration: underline;
}

.reports-reports-btn {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 65px;
}

.vertical-align {
    vertical-align: middle;
    margin-right: 16px;
}


.filter-menu button {
    text-decoration: none;
    border-style: none;
    background-color: #f2f2f2;
}

.reports-reports-btn {
    width: 100%;  
}

.side-bar-mobile-title{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.4px;
    color: #005e85;
}

a.filter-drop-icon, a.side-bar-mobile-title  {
    text-decoration: none; 
}
.align-tag {
  margin-bottom: 24px; 
}

@media (max-width: 768px) {
   
    .reports-button {
        width: 100%;
    }
    /* digital tools */
    .digital-block img {
        float: left;
        margin: 0px 16px 0px 0px;
    }
    .digital-tools-holder {
        margin: 18px 0px 18px 0px;
        display:block;
    }
    .subtitle-digital {
        font-size: 24px !important;
        display: block;
        margin: 8px auto 32px !important;
        text-align: center;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
    }
    .digitalholder {
        margin: 22px 0px 48px 0px;
    }
    .digital-cta button.button-gray {
        width: 345px;
        margin: 18px 0px 0px 0px;
    }
    .digital-block {
        margin: 23px 0px 0px 3% !important;
       
    }
    .container-l {
        max-width: 68%;
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .reports-button {
        width: 354px;
    }

    #reports-filter-menu {
        max-width: 354px;
        width: 100%;
        margin: 0 auto;
    }

}

@media (max-width: 991px) {

    .reports-title  {
        font-size: 24px;
        line-height: 32px;
    }

    .reports-subtitle {
        margin-top: 8px;
    }

    .reports-filter {
        padding: 16px;
    }

    .reports-filter-background {
        background-color: #f2f2f2;
    }

    .side-bar-main-title {
        display: none;
    }

    .centered-sidebar-button {
        text-align: center;
     }

    .centered-sidebar-button.close-drop {
        margin-top: 16px; 
     }

    .reports-filter-icon {
        width: 24px;
        height: 24px;
        float: right;
    }

    .filter-drop-icon a[aria-expanded="true"] img {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari */
        transform: rotate(180deg);
    }
    .home-4.floattxt2 {
        margin-left: 331px !Important;
    }
    
}

@media (min-width: 992px) {

    #reports-filter-menu, #reports-filter-category, #reports-filter-languages, #reports-filter-map, #reports-filter-location, #reports-filter-sectors, #reports-filter-type {
        display: block;
        height: auto !important;
    }

    .filter-menu {
        display: none;
    }
    
    a.filter-drop-icon {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
    .side-bar-list li {
      max-width: 263px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .reports-filter {
        padding: 16px;
    }
}

/***********************
/// FILTER-BLOG
************************/

.blog-entries-container {
    margin-top: 16px;  
}

.carousel-content-holder.carousel-content-holder-blog {
    max-width: 845px; 
    width: 100%;
    margin: 0px auto 16px auto; 
}

.carousel-content-holder-blog .slidezise {
    width: 845px; 
}

.button-blog {
    max-width: 262px;
    width: 100%;
    min-height: 40px; 
    padding: 0px; 
}

.reports-button-black-blog {
    margin-bottom: 8px; 
}

/***********************
/// FILTER-REPORTS
************************/

.reports-reports-main {
    background-color: #f4f1e9;
}

.reports-reports-main .title2 {
    margin-top: 32px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.reports-reports-main .title3 {
    margin-top: 0px;
    margin-bottom: 12px;
}

.reports-reports-main .title4 {
    margin-top: 0px; 
    margin-bottom: 17px;
}

.reports-reports-col {
    padding: 12px 16px;
}

.reports-reports {
    text-align: left;
    background-color: #ffffff;
    height: 120px; 
    position: relative;
    cursor: pointer;
    border: solid 1px #bcb9b3;
}

.reports-inner-border {
    margin:20px 7px 4px 23px;
    border: solid 1px #bcb9b3;
}

.reports-reports-title {
    position: absolute;
    left: 16px; 
    right: 16px; 
    top: 16px; 
    font-weight: 600; 
    font-size: 16px; 
    line-height: 22px; 
    color: #005e85;
    margin-bottom: 12px;
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
}

.reports-reports:hover > .reports-reports-title , .reports-reports:focus > .reports-reports-title {
    text-decoration: underline;
}

.reports-reports-content {
    position: absolute;
    left: 16px; 
    right: 16px; 
    bottom: 16px; 
    color: #31302e;
}

.reports-reports-content > * {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 14px;
}


.reports-reports-key {
    font-weight: 600;
}

.reports-reports-btn {
    margin-top: 16px; 
    margin-bottom: 40px;
   
}

@media (max-width: 300px) {

    .reports-reports {
        height: 160px;
    }
}


/***********************
/// ANCHOR SCROLL TO TOP
************************/

a#scroll-anchor {
    display: none;
}

img.mobile-anchor {
    position: fixed; 
    right: 8px;
    bottom:16px;
    z-index: 1; 
    height: 48px;
    width: 48px;
    cursor: pointer; 
}

/***********************
/// FILTER INCUBATED-COMPANIES
************************/

.incubated-companies-filter-content h2 {
    text-transform: none;
    margin-bottom: 16px; 
    margin-top: 0px; 
}

.incubated-companies-filter-cards {
    background-color: #f4f1e9; 
    margin-bottom: 16px; 
    border: solid 1px transparent;
}


.incubated-companies-filter-cards:hover, .incubated-companies-filter-cards:focus {
    border: solid 1px #ffcf69;
    box-shadow: 8px 8px #ffcf69;
}

.incubated-companies-filter-content {
    padding: 16px 23px 24px 23px; 
}


p.card-quote {
   min-height: 48px;  
}

.incubated-companies-filter-button {
    margin-top: 0px;
    padding-top: 9px;
    padding-bottom: 11px; 
}

/***********************
/// CONSULTANCY-HEADER
************************/

.consultancy-header-content {
    background-color: #f4f1e9; 
    margin: 24px 0px; 
    padding: 24px 15px 40px 15px; 
}

.consultancy-header-content .title2 {
    margin-top: 0px; 
}

.consultancy-header-content .title1 {
    margin-top: 16px; 
    margin-bottom: 16px; 
}


.consultancy-header-description {
    font-weight: 400; 
    font-size: 18px; 
    line-height: 24px; 
    color: #31302e; 
}

.consultancy-header-photo {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {

    .consultancy-header-content {
        padding: 32px 32px 48px 32px; 
    }
    
    .consultancy-header-content .title1 {
        margin-bottom: 24px; 
    }
}

@media (min-width: 1157px) {
    .consultancy-header-col-1 {
        margin-left: calc(50% - 570px);
        width: 570px;
    }
}

/***********************
/// CONSULTANCY-STATISTICS
************************/

h5.consultancy-statistics {
    margin-bottom: 0px; 
}

/***********************
/// CONSULTANCY DATA-CARDS (informative-session and technical-consultancy views)
************************/

.consultancy-date-cards-main {
    background-color: #f2f2f2;
    margin-bottom: 105px; 
}

.consultancy-date-cards-main.technical-consultancy-date-cards-main {
    padding-bottom: 60px; 
    margin-bottom: 85px; 
}

.consultancy-date-cards-main {
    text-align: center;
}

.consultancy-date-cards-main .title2 {
    margin-top: 32px;
    margin-bottom: 16px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 16px; 
}

.consultancy-date-cards-main .title4 {
    margin-top: 0px; 
    margin-bottom: 16px;
    line-height: 24px; 
    padding-left: 15px;
    padding-right: 16px; 
}

.consultancy-date-cards-container {
    width: 100%; 
    max-width: 1170px; 
    margin-right: auto;
    margin-left: auto;
}

.consultancy-date-cards-col {
   padding: 8px 15px; 
}

.consultancy-date-cards {
    text-align: left;
    background-color: #ffffff; 
    height: 125px; 
    position: relative;
}

.consultancy-date-cards.technical-consultancy-date-cards {
    height: 112px; 
}

.consultancy-date-cards-title {
    position: absolute;
    left: 16px; 
    right: 16px; 
    top: 16px; 
    font-weight: 600; 
    font-size: 18px; 
    line-height: 24px; 
    color: #1d1c1b;
    margin-bottom: 12px;
}

.consultancy-date-cards-content {
    position: absolute;
    left: 16px; 
    right: 16px; 
    bottom: 16px; 
    color: #31302e;
}

.consultancy-date-cards-content.technical-consultancy-date-cards-content {
    bottom: 25px; 
}

.consultancy-date-cards-content > * {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 14px;
}

.consultancy-date-cards-content .subtitle {
    text-transform: uppercase; 
}

.consultancy-date-cards-key {
    font-weight: 600;
}

.consultancy-date-cards-btn {
    margin-top: 16px; 
    margin-bottom: -20px;
    height: 52px;
    max-width: 290px;
    width: 100%; 
}

.secundary-date-cards-btn {
    position: absolute; 
    right: 16px; 
    bottom: 16px; 
    height: 32px;
    min-width: 111px; 
    width: 111px;
    font-size: 16px;
    line-height: 22px; 
    padding: 4px 16px 6px 16px; 
}

@media (min-width: 768px) {

    .consultancy-date-cards-container {
        padding-left: 0px; 
        padding-right: 0px; 
    }

    .consultancy-date-cards-col {
        padding: 12px 15px;
    }

    .consultancy-date-cards-main .title4 {
        margin-bottom: 12px;
    }

    .consultancy-date-cards-btn {
        margin-top: 12px; 
    }
}


@media (max-width: 374px) {

    .secundary-date-cards-btn {
        position: absolute;
        bottom: 16px;
    }

    .consultancy-date-cards-content, .consultancy-date-cards-content.technical-consultancy-date-cards-content {
        bottom: 60px; 
    }
    
    .consultancy-date-cards, .consultancy-date-cards.technical-consultancy-date-cards {
        height: 160px;
    }

}


@media (max-width: 260px) {

    .consultancy-date-cards {
        height: 200px;
    }
}

@media (max-width: 768px) {

    .highlighted {
        color: #005e85; 
        font-weight: 400;
    }
}

/***********************
/// CONSULTANCY-TYPES-CARDS
************************/

.consultancy-types-cards {
    background-color: #f4f1e9;
}

.consultancy-types-cards .title2, .consultancy-types-cards .title3, .consultancy-types-cards .title4 {
    text-align: center; 
} 

.consultancy-types-cards .title3 {
    margin-top: 40px;
    margin-bottom: 40px; 
}

.consultancy-types-cards .title2 {
    text-transform: uppercase; 
    margin-top: 0px;
    margin-bottom:8px; 
}

.consultancy-types-cards .title4 {
   max-width: 945px; 
   width: 100%; 
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 32px; 
}

.consultancy-types-container { 
    margin-right: auto;
    margin-left: auto;
}

.consultancy-types-container.personalized-consultancy {
    max-width: 750px; 
    margin-bottom: 48px; 
}

.consultancy-types-container.thematic-consultancy {
    max-width: 1140px; 
    margin-bottom: 80px; 
}

.consultancy-types-col {
    padding: 0px 15px; 
}

.consultancy-types-header { 
    text-align: center; 
    padding: 25px 40px 52px 40px;
    height: 168px; 
}

.consultancy-types-header img {
    height: 47px;
    width: 47px; 
    margin-bottom: 16px; 
}

.consultancy-types-title {
    font-weight: 600; 
    font-size: 20px; 
    line-height: 28px; 
    color: #ffffff;
    height: 56px; 
}

.consultancy-type-1 .consultancy-types-header {
    background-color: #c77502;
}

.consultancy-type-2 .consultancy-types-header {
    background-color: #6c4678;
}

.consultancy-type-3 .consultancy-types-header {
    background-color:#03384d;
}

.consultancy-type-4 .consultancy-types-header {
    background-color: #7c5802;
}

.consultancy-type-5 .consultancy-types-header {
    background-color: #802603;
}

.consultancy-types-content {
    min-height: 212px; 
    background-color: #ffffff; 
    padding: 16px 24px 28px 24px; 
}

.consultancy-types-content.expert{
    padding: 16px 24px 16px 24px; 
}

.consultancy-types-content button {
   min-width: 170px; 
   font-size: 16px;
   line-height: 22px; 
   padding: 4px 16px 6px 16px; 
}

.consultancy-types-button {
    text-align: center;
    margin-top: 16px;
}

p.consultancy-types-text {
    min-height: 120px;
    margin: 0px; 
    padding-bottom: 16px; 
    font-weight: 400; 
    font-size: 16px; 
    line-height: 22px; 
    color: #31302e; 
}

.expert-contact-link p {
    font-size: 14px; 
    font-style: italic;
    color: #31302e; 
    margin-bottom: 0px;  
}

.expert-contact-link a {
    font-weight: 600; 
}


.title2.thematic {
    margin-top: 48px; 
}



@media (min-width: 1024px) {
    .consutancy-types-content {
        max-height: 212px;
    }
    p.consultancy-types-text {
        max-height: 120px;
    }
}


/***********************
/// SERVICES
************************/

.services {
    text-align: center;
    background-color: #f2f2f2; 
    padding-bottom: 64px;
}

.services-title-container {
    width: 100%;
    max-width: 945px; 
    margin-right: auto;
    margin-left: auto;
}

.services-title-container .title4 > a {
    font-weight: 400; 
}

.services-title-container .title2 {
    margin-top: 32px; 
    margin-bottom: 16px; 
}

.services-title-container .title4 {
    margin-top: 0px; 
    margin-bottom: 16px; 
}

.services-container {
    width: 100%; 
    max-width: 1140px; 
    margin-right: auto;
    margin-left: auto;
    padding-left: 6px; 
    padding-right: 6px; 
}

.service-col {
    padding: 8px;
}

@media (min-width: 768px) {
    .services-container {
        padding-left: 1.5px; 
        padding-right: 1.5px; 
    }
    .service-col {
        padding: 16px 13.5px;
    }
    
     .service-heads-text > span {
        padding: 22px; 
        font-size: 18px; 
    }
}

.service {
    height: 144px;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.service-heads {
    display: block;
    position: relative;
    overflow: hidden;
    height: 144px;
    line-height: 144px;
}

.service-heads-text {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 3;
}

.service-heads-text > span {
    /*position: relative;*/
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 8px; 
    font-size: 16px; 
    font-weight: 600; 
    letter-spacing: 0.4px;
    color: white; 
    text-transform: uppercase; 
}

@media (max-width: 1100px) {
   .service-tails > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 16px; 
    font-size: 18px;
    font-weight: 600; 
    color: #31302e; 
    }
}

.service-heads-background {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #1d1c1b; 
    opacity: 0.6; 
    z-index: 2;
}

.service-heads-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    z-index: 1;
}


.service-heads-text img {
    display: none;
}
@media (min-width: 768px) {
    .service-heads {
        line-height: 168px; 
    }
    .service-heads-text img {
        display: initial;
    }
    
}
@media (max-width: 375px) {
    
    div.service-tails > span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        padding: 0px 6px 0px 6px;
        font-size: 14px; 
        font-weight: 600; 
        color: #31302e; 
    }
}
.service-tails {
    display: none;
    height: 144px;
    line-height: 144px;
    background-color: #f7ae13; 
}

.service-tails > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 16px; 
    font-size: 18px;
    font-weight: 600; 
    color: #31302e; 
}

.service:hover > .service-tails , .service:focus > .service-tails{
    display: block;
}

.service:hover > .service-heads , .service:focus > .service-heads {
    display: none;
}

@media (max-width: 768px) {

    .service:hover > .service-tails {
        display: none;
    }

    .service:hover > .service-heads {
        display: block; 
    }

}

/***********************
/// UX-LAB SERVICES
************************/
.services.ux-lab-services {
    margin-top: 48px; 
}

/***********************
/// PHOTO-TEXT
************************/

.photo-text {
    color: white; 
}

.photo-text-margin-bottom {
  margin-bottom: 48px;
}

.photo-text-row1 {
    background-color: #6c4678; 
    color: white; 
}

.photo-text-poop-brown {
    background-color:#7c5802;
}

.photo-text-row2 {
    background-color: #406979; 
    color: white; 
}

.photo-text-marine {
  background-color: #03384d;
}

.photo-text-col-text1 , .photo-text-col-text2 {
    padding: 39px 25px 40px 23px; 
}

.photo-text-title {
    font-weight: 700; 
    font-size: 24px; 
    line-height: 32px; 
    margin-top: 0px; 
}

.photo-text-text {
    font-weight: lighter;
    font-size: 18px; 
    line-height: 26px; 
    margin-top: 16px; 
    margin-bottom: 0px; 
}

.photo-text-btn {
    margin-top: 28px; 
}

.photo-text-col-img {
    padding: 0px;
}

.photo-text-img {
    width: 100%;
}

@media (min-width: 768px) {
    .photo-text-col-text1 , .photo-text-col-text2 {
        padding: 32px 32px 40px 32px; 
    }
    
    .photo-text-btn {
        margin-top: 32px; 
    }
    
    .photo-text-img {
        position: absolute;
        object-fit: cover;
        height: 100%;
    }
}

@media (min-width: 992px) {
    .photo-text-col-text1 {
        padding: 32px 88px 48px 56px; 
    }
    
    .photo-text-col-text2 {
        padding: 32px 56px 48px 88px; 
    }
    
    .photo-text-title {
        font-size: 32px; 
        line-height: 40px; 
    }
    
    .photo-text-text {
        font-size: 20px; 
        line-height: 28px; 
    }
}


/***********************
/// PHOTO-TEXT DETAIL-BLOG-ENTRY
************************/

.detail-blog-header {
    height: 336px; 
}

.container-photo-text-blog {
    margin-right: auto;
    margin-left: auto;
   
}

.photo-text-blog {
    margin-top: -215px; 
}

.photo-text-incubated-company {
    margin-top: 48px; 
}

.photo-text-color {
    height: 480px; 
    background-color:#ff946a;
}

.secondary-header-content.detail-blog-entry-title {
    padding: 56px 15px 41px 15px; 
}

.secondary-header-content.detail-blog-entry-title h1.title1{
    margin-bottom: 41px; 
}

@media (max-width: 480px) {
    .photo-text-blog {
        margin-top: -200px;
    }
   div.leads-header-head { 
        background-color:#406979;
        color: white;
        min-height: 336px;
        height: 350px;
        width: 102.5%;
        max-width: 1440px;
        margin-right: -15px;
        margin-left: -15px;
    }
}


@media (max-width: 768px) {
    
    .photo-text-color {
        max-height: 302px; 
    }
}



@media (min-width: 768px) {
    .secondary-header-content.detail-blog-entry-title {
        padding: 56px 15px 41px 150px; 
    }

    .container-photo-text-blog { 
      padding: 0px 15px; 
    }
}

/***********************
/// DETAIL-BLOG-ENTRY CARD 
************************/

.detail-blog-box {
    position: relative;
    text-align: left; 
    background-color: white; 
    border: 1px solid #ffe3a8; 
    padding: 24px 40px 80px 32px; 
    box-shadow: 8px 8px #ffe3a8; 
    max-width: 674px; 
    float: right; 
    margin-right: 70px;
    margin-top: -450px; 
}

.detail-blog-box.incubated-company-detail-box {
    padding: 53px 32px 40px 24px; 
    border: 1px solid #fbc6b1; 
    box-shadow: 8px 8px #fbc6b1; 
    max-width: 577px; 
}

.detail-blog-box p {
    font-size: 16px;
    line-height: 22px;
    color: #31302e;
    font-weight: 400; 
}

.detail-blog-box.incubated-company-detail-box p {
    font-size: 18px; 
    line-height: 24px;
    margin-bottom: 20px; 
}

.detail-blog-box p.detail-blog-title {
    font-weight: 600;
    margin-top: 30px;  
    margin-bottom: 14px; 
}

.detail-blog-box .text-info {
    margin-bottom: 24px; 
}

.detail-blog-box .text-info {
    color: #31302e;
    font-size: 14px;
    line-height: 22px;
}

.text-info span.text-info-key {
    font-weight: 600;
    padding-right: 8px; 
}

.text-info span.text-info-value {
    font-weight: 400;
    padding-left: 8px; 
}

h2.incubated-company-detail-title{
    margin-top: 48px; 
}

@media (max-width: 768px) {
   .detail-blog-box {
       padding: 16px 16px 40px 16px; 
       margin-top: -380px;
       margin-right: 23px;
       margin-left: 16px; 
   }
  
    .detail-blog-box .text-info {
        margin-bottom: 16px; 
    }
}

/***********************
/// DETAIL-BLOG-ENTRY CONTROLS
************************/

.detail-blog-box-controls {
    margin-top: 48px; 
    position: relative;
}

.detail-blog-box-controls .left-control, .detail-blog-box-controls .right-control {
    display: inline-block; 
    vertical-align: middle; 
}

.detail-blog-box-controls .right-control {
    float: right;
    padding-right: 30px; 
}

.detail-blog-box-controls .left-control {
    text-align: right; 
    padding-left: 30px; 
}

.detail-blog-box-controls .right-control img {
   position: absolute;
   top: calc(50% - 12px);
   right: 0px; 
}

.detail-blog-box-controls .left-control img {
    position: absolute;
    top: calc(50% - 12px);
    left: 0px; 
 }

 .detail-blog-box-controls span {
    color: #005e85; 
 }

 .detail-blog-box-controls span.controls-title-text {
    font-weight: 600; 
    font-size: 18px; 
 }

 .detail-blog-box-controls span.controls-text {
    color: #005e85; 
    font-size: 14px; 
 }

@media (max-width: 768px) {
    .detail-blog-box-controls {
        margin: 48px 15px 0 15px; 
    }
 }

/***********************
/// DETAIL-BLOG-ENTRY COMMENTS
************************/

.comments-box {
    max-width: 945px; 
    margin: 48px auto 65px auto; 
    padding: 0 96px 0 98px; 
}

.comments-box-content {
    margin-bottom: 24px; 
}

.comments-box-content .new-comment {
    font-size: 18px; 
    line-height: 24px; 
    cursor: pointer;
}

.comments-box-content textarea {
    min-height: 178px;
    margin-bottom: 0px;
    max-width: 751px;
}

.comments-box-content .textarea-wrapper {
    position: relative; 
}

.comments-box-content button {
    min-width: 100px; 
    height: 32px;
    padding: 4px 16px 6px 16px; 
    font-size: 16px;
    line-height: 22px; 
}

.textarea-wrapper .cancel-button {
    position: absolute;
    right: 132px;
    bottom: 20px;  
}

.textarea-wrapper .publish-button {
    position: absolute;
    right: 16px;
    bottom: 20px;   
}

.comments-box-content .author-name {
    font-size: 18px;
    line-height: 24px; 
    color: #31302e;  
}

.comments-box-content .comment-text {
    padding-left: 15px;
    padding-right: 15px; 
    font-size: 14px;
    line-height: 18px; 
    color: #31302e; 
}

.comments-button {
    width: 100%; 
}

.h_line {
    width:100%; height:1px; background: #d7d7d7;
    margin-bottom: 24px;
}


@media (max-width: 768px) {
    .comments-box {
        padding: 0 15px; 
    }

    .comments-box-content textarea {
        min-height: 308px; 
    }
 }


/***********************
/// ENTREPRENEURS
************************/

.entrepreneurs {
    text-align: center;
    margin-top: 28px;
    margin-bottom: 48px;
}

.entrepreneurs-container {
    width: 100%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.entrepreneurs-col {
    padding: 0px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.entrepreneurs-col:hover > .entrepreneurs-background , .entrepreneurs-col:focus > .entrepreneurs-background {
    background-color: #7C5802;
    opacity: 0.7;
}

.entrepreneurs-col:hover > .entrepreneurs-img-grow , .entrepreneurs-col:focus > .entrepreneurs-img-grow {
    width: 150%;
}

.entrepreneurs-img {
    width: 100%;
}

.entrepreneurs-img-grow {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: width 1s;
    transition: width 1s;
}

.entrepreneurs-background {
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #1d1c1b; 
    opacity: 0.6; 
}

.entrepreneurs-text {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 8px 16px;
    text-align: left;
    color: #fbfbf9; 
    font-weight: 600; 
    font-size: 14px; 
    line-height: 20px; 
    height: 40px; /* 2 lines max */
    display: table;
}
.entrepreneurs-text > span {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .entrepreneurs-text {
        font-size: 16px; 
        line-height: 22px; 
    }
}

.entrepreneurs-play {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
}

@media (min-width: 768px) {
    .entrepreneurs-play {
        width: 68px;
    }
}

.resources-multimedia-button button {
    margin-top: 32px; 
}

/* LEADS DISPLACED BANNER */
.displaced-banner-holder {
        max-width: 751px;
        height: 138px;
        margin: 56px auto 21px auto;
        text-align: left;
        font-size: 16px;
        display: block;
        background-color: #c4ebf1;
}
.slideborder {
        width: 751px;
        height: 138px;
        display: block;
        position: absolute;
}
.leads.displaced-border {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        border: 2px solid #406979;
        pointer-events: none;
}
.sse.displaced-border {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        border: 2px solid #6c4678;
        pointer-events: none;
}
*:hover > .displaced-border, *:focus > .displaced-border {
        top: -8px;
        right: -8px;
        bottom: 8px;
        left: 8px;
}
.displaced-banner-holder .content {
        display: block;
        padding: 0px 0px 0px 59px;
        margin-top: -13px;
        text-align: -webkit-center;
}
.displaced-banner-holder .content p {
        font-size: 24px;
        font-weight: 600;
        font-style: normal;
        color: #005e85;
        margin-top: 10px;
        padding-left: 12px;
}
.displaced-banner-holder .content a:hover {
    text-decoration: underline;
}
.displaced-banner-holder img {
        display: block;
        position: relative;
        top: 40px;
        left: 16%;
}
.ess.displaced-banner-holder {
        max-width: 751px;
        height: 138px;
        margin: 56px auto 21px auto;
        text-align: left;
        font-size: 16px;
        display: block;
        background-color: #dbceed;
}
.ess.displaced-banner-holder img {
    display: block;
    position: relative;
    top: 40px;
    left: 12%;
    width: 50px;
    height: 50px;
}
.ess.displaced-banner-holder .content p {
    margin-top: 12px;
}
/***********************
///////////////////// LEADS MESSAGE BANNER
***********************/
.leads.message-banner {
    display: block;
    text-align: -webkit-center;
    letter-spacing: normal;
    margin: 48px auto 0px auto;
    width: 72%;
}
.leads-head-photo {
    position: absolute;
    top: 0px;
    height: 105%;
    max-width: 34.3%;
    object-fit: cover;
    right: 0px;
}
.leads-head-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #31302e;
    margin-left: 121px;
}
.leads-head-description > a {
    font-weight: 600;
}
@media (min-width: 1000px) {
    .leads-head-photo {
        right: calc(30% - 283px);
    }
}
/**+++++++++++++++++++++
//////////////////////// LEADS PROGRAMS
***********************/
.content-l1, .content-l2, .content-l3 {
    border: solid 1px white;
    margin-right: 32px;
    margin-top:14px;
    margin-bottom: 64px;
    height:579px;
    background-color: white;
    padding:0px;
    width: 100%;
    max-width: 25.8%;
}
.leads-programs-holder {
    background-color: #f2f2f2;
    max-height: 723px;
    height: 100%;
    max-width: 1477px;
    margin-top: 3px;
    margin-bottom: 73px;
}
.program-margin {
    padding-left: 18px;
    display: block;
}
.main-image {
    display: block;
    }
.programs-title {
    font-size: 20px;
    font-weight: 600;
    color: #005e85;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 24px 0px 11px 12px;
}
.main-content {
    width: 92%;
    margin: 0px 0px 0px 12px;
    font-size: 16px;
}
.main-content p {
    color: #31302e;
}

.keywords-links {
    margin: -10px 0px 0px -23px;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    display: -webkit-inline-box;
}
ul {
    margin-left: 0px;
    margin-top: 25px;
}
.keywords-links ul li {
    list-style: none;
    margin-left: 0px;
    padding-top: 15px;
    margin: 0px 0px 0px 12px;
}
li.hashtag {
    margin-top:22px;
    font-style: normal;
}
.leads-main-title {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 28px 0px 16px 0px;
}
.leads-displaced-border {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 2px solid orange;
    pointer-events: none;
}
div.content-1:hover {
    border: solid 1px #ff946a;
    box-shadow: 10px 10px #ff946a;
}
div.content-2:hover {
    border: solid 1px #ffb36b;
    box-shadow: 10px 10px #ffb36b;
}
div.content-3:hover {
    border: solid 1px #ffcf69;
    box-shadow: 10px 10px #ffcf69;
}
.left-margin {
    margin-left: 36%;
}
.leads-cta {
    display: block;
    text-align: center;
    margin-top: -34px;
    margin-left: -17px;
    margin-bottom: 48px;
}
.leadcar-content-holder-1, .leadcar-content-holder-2, .leadcar-content-holder-3 {
            border: solid 1px transparent;
            margin-right: 45px;
            margin-top:14px; 
            margin-bottom: 64px;
            height:620px;
            background-color: white;
            padding:0px;
            width: 100%;
            font-family: 'Source Sans Pro', serif;
}
@media (max-width:990px) {
    div.leads-programs-resp {
            background-color: #f2f2f2;
            max-height: 860px;
            height: 100%;
            display: block;
     }
    div.leads-activities-carousel {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 50px;
        margin-bottom: 38px;
    }
    div.home3.leads-activities-carousel {
        width: 100%;
        height: 774px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .leadcar-content-holder-1, .leadcar-content-holder-2, .leadcar-content-holder-3 {
            border: solid 1px transparent;
            margin-right: 45px;
            margin-top:14px; 
            min-height:674px;
            height: 100%;
            background-color: white;
            padding:0px;
            width: 97%;
            font-family: 'Source Sans Pro', serif;
        }
    .leadcar-content-holder-1b, .leadcar-content-holder-2b, .leadcar-content-holder-3b {
            border: solid 1px transparent;
            margin-right: 45px;
            background-color: #f4f1e9;
            margin-top: 14px; 
            min-height: 498px;
            height: 100%;
            padding: 0px;
            width: 97%;
            font-family: 'Source Sans Pro', serif;
        }
    div.content-l1b.spacer-content {
        background-color: #f4f1e9;
        height: 498px;
        max-width: 100%;
        width: 98%;
        padding: 0;
        border: solid 1px transparent;
        margin-top: 18px;
    }
    div.content-l1b.spacer-content:hover {
        border: solid 1px #7ccaea;
        box-shadow: 10px 10px #7ccaea;
    }
    div.leads-activities-carousel.carousel-inner {
       height:525px;
    }
    div.cspaces.carousel-indicators {
        bottom: 68px;
    }
    div.leads-programs-indicators {
            position: absolute;
            left: 50%;
            z-index: 15;
            bottom: 48px;
            width: 60%;
            padding-left: 0;
            margin-left: -30%;
            text-align: center;
            list-style: none;
    }
    .home-3.leadcar-content-holder {
        background-color: white;
    }
    div.home-3.leads-programs.carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    .home-3.leadcar-content-holder-1, .leadcar-content-holder-2, .leadcar-content-holder-3 {
        border: solid 1px transparent;
        margin-right: 45px;
        margin-top: 14px;
        margin-bottom: 86px;
        min-height: 674px;
        height: 100%;
        background-color: white;
        padding: 0px;
        width: 97%;
        font-family: 'Source Sans Pro', serif;
    }
    div.home-3.keywords-links ul {
        color: red;
        margin-bottom: 12px;
    }
    div.leadcar-content-holder-1:hover {
            border: solid 1px #ff946a;
            box-shadow: 10px 10px #ff946a;
            }
    div.leadcar-content-holder-2:hover {
            border: solid 1px #ffb36b;
            box-shadow: 10px 10px #ffb36b;
            }
    div.leadcar-content-holder-3:hover {
            border: solid 1px #ffcf69;
            box-shadow: 10px 10px #ffcf69;
            }
    .leads-activities-carousel {
            width: 80%;
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 50px;
            margin-bottom: -19px;
    }
     div.leads-cta {
            display: block;
            text-align: center;
            margin-left: 0px;
            margin-top: -24px;
            position: static;
     }
    .cspaces-m {
        display: none;
    }
    div.home-3.leads-cta {
            display: block;
            text-align: center;
            margin-left: 0px;
            margin-top: -32px;
            position: static;
     }
}

@media (max-width: 990px) {
        .leads-programs-holder {
            display: none;
        }
    .leads-programs-mobile {
        display: block;
    }
       .activities-programs-holder {
            background-color: #f2f2f2;
            height: 100%;
            max-width: 1477px;
       }
      .content-l1, .content-l2, .content-l3 {
            border: solid 1px transparent;
            margin-right: 30px;
            margin-top:14px;
            margin-bottom: 64px;
            height:579px;
            background-color: white;
            padding:0px;
            max-width: 29.6%;
            font-family: 'Source Sans Pro', serif;
        }
      .program-margin {
            padding-left: 0px;
            display: block;
            margin-left: -8px;
      }
      .keywords-links {
            margin: -10px 0px 32px -35px;
            font-size: 16px;
            font-weight: 600;
            font-style: italic;
            display: -webkit-inline-box;
            margin-bottom: 32px;
      }
 }

@media (max-width: 1340px) {
       .activities-programs-holder {
            background-color: #f2f2f2;
            height: 100%;
            max-width: 1477px;
       }
      .content-l1, .content-l2, .content-l3 {
            border: solid 1px transparent;
            margin-right: 30px;
            margin-top:14px;
            margin-bottom: 64px;
            height:579px;
            background-color: white;
            padding:0px;
            /*max-width: 29.6%;*/
            font-family: 'Source Sans Pro', serif;
        }
      .program-margin {
            padding-left: 0px;
            display: block;
            margin-left: -8px;
      }
      .keywords-links {
            margin: -10px 0px 29px -24px;
            font-size: 16px;
            font-weight: 600;
            font-style: italic;
            display: -webkit-inline-box;
      }
 }

@media (max-width: 1200px) {
        .leads-programs-holder {
            background-color: #f2f2f2;
            height: 100%;
            max-width: 1477px;
        }
        .program-margin {
            padding-left: 18px;
            display: block;
        }
        .content-l1, .content-l2, .content-l3 {
            border: solid 1px white;
            margin-right: 32px;
            margin-top:14px;
            margin-bottom: 64px;
            height:579px;
            background-color: white;
            padding:0px;
            width: 100%;
            max-width: 29.5%;
        }
         button.leads-cta {
            display: block;
            text-align: center;
            margin-top: -34px;
            margin-left: -17px;
            position: relative;
            top: 22px;
         }
}

@media (max-width:1023px) {
    .leads-activity-1 , .leads-activity-2 , .leads-activity-3 {
        height: 100%;
    }
    .leads-activity-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px;
        color: #005e85;
        padding: 21px 15px 15px 15px;
    }

    a:hover .leads-activity-title {
        text-decoration: underline; 
    }
    .leads-activity-content {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #31302e;
        padding: 0px 22px 10px 15px;
    }

    #leads-activities-carousel > div.carousel-inner > div.item.active > a {
       text-decoration : none;
    }
   
    .home-3.leads-activities-carousel {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        height: 400px;
        padding-bottom: 50px;
        margin-bottom: 38px;
    }
    .slideborder {
        width: 400px;
        height: 138px;
        display: block;
        position: absolute;
    }
    .displaced-banner-holder {
        width: 400px;
        height: 138px;
        margin: 74px auto 21px auto;
        text-align: left;
        font-size: 16px;
        display: block;
        background-color: #c4ebf1;
    }
    .displaced-banner-holder .content p {
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        color: #005e85;
        padding-left: 51px;
        text-align: left;
    }
    .leads.displaced-banner-holder .content p {
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        color: #005e85;
        padding-left: 0px;
        text-align: left;
        margin-top: -4px;
        width: 260px;
    }
    .ess.displaced-banner-holder .content p {
        margin-top: 6px;
    }
    .displaced-banner-holder img {
        display: block;
        position: relative;
        top: 40px;
        left: 5%;
        width: 50px;
    }
    .displaced-banner-holder > div > img {
        display: block;
        position: relative;
        top: 40px;
        left: 8%;
        width: 50px;
    }
    .lead-programs-resp {
        display: block;
        background-color: #f2f2f2;
        height: 32%;
    }
    .home-5-desk {
        display: none;
    }
    .leads-activities-carousel {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 50px;
        margin-bottom: 38px;
    }
    .leadcar-content-holder {
        background-color: white;
    }
    div.content-l1:hover {
            border: solid 1px #ff946a;
            box-shadow: 10px 10px #ff946a;
            }
    div.content-l1:hover .programs-title,
    div.content-l2:hover .programs-title,
    div.content-l3:hover .programs-title {
      text-decoration: underline;
        }
    div.content-l2:hover {
                border: solid 1px #ffb36b;
                box-shadow: 10px 10px #ffb36b;
            }
    div.content-l3:hover {
                border: solid 1px #ffcf69;
                box-shadow: 10px 10px #ffcf69;
            }
    .home-3.leads-programs-resp {
        background-color: #f4f1e9;
        height: 433px;
    }
    .leads-programs-resp {
        background-color: #f2f2f2;
        max-height: 805px;
        height: 100%;
    }
    .keywords-links ul li {
        list-style: none;
        margin-left: 0px;
        padding-top: 8px;
        margin: 0px 0px 11px -5px;
    }
    .leads-main-title {
        font-family: 'Source Sans Pro', sans-serif;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        margin: 28px 0px 16px 0px;
        display: block;
        padding-top: 18px;
    }
    .leads-cta {
        display: block;
        text-align: center;
        margin-top: -34px;
        margin-left: 0px;
    }
}
/***********************
////////////////////// LEADS HEADER
***********************/
h1.lead-head-title {
    padding-left: 148px;
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
}
.leads-header-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    margin-left: 135px;
}
.leads-header-head {
    background-color: #406979;
    color: white;
    height: 336px;
    width: 102.5%;
    max-width: 1440px;
    margin-right: -15px;
    margin-left: -15px;
}
.leads-breadcrumb > ol.breadcrumb > li.breadcrumb-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.breadcrumb >.active li.breadcrumb-item{
    color: #ffffff;
}

@media (max-width: 990px) {
    div.leads-header-head {
        background-color:   #406979;
        color: white;
        min-height: 336px;
        height: 370px;
        width: 102.5%;
        max-width: 1440px;
        margin-right: -15px;
        margin-left: -15px;
    }
    .leads-header-description {
        font-weight: 400;
        font-size: 17px;
        line-height: 24px;
        color: #ffffff;
        margin-left: 135px;
    }
    h1.lead-head-title {
        padding-left: 148px;
        font-size: 42px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.14;
        letter-spacing: normal;
        margin-top: -29px;
    }
}
@media (max-width: 560px) {
    div.leads-header-head {
        background-color:   #406979;
        color: white;
        min-height: 336px;
        height: 380px;
        width: 102.5%;
        max-width: 1440px;
        margin-right: -15px;
        margin-left: -15px;
    }
    .leads-header-description {
        font-weight: 400;
        font-size: 17px;
        line-height: 24px;
        color: #ffffff;
        margin-left: 0px;
    }
    h1.lead-head-title {
        padding-left: 13px;
        font-size: 42px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.14;
        letter-spacing: normal;
        margin-top: -14px;
    }
    
}
/******************
/////LEADS & NEWS CAROUSEL STYLES
****************/
.sopra-carousel.head-1-slide-carousel .leads-topcarousel,
.sopra-carousel.sopra-carousel-3-slides.news-carousel .leads-topcarousel {
  height: 104px;
  z-index: 1;
}
.sopra-carousel.head-1-slide-carousel .item.leadscar,
.sopra-carousel.sopra-carousel-3-slides.news-carousel .item .leadscar {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: white;
    border: solid 1px #d7d7d7;
    box-shadow: #f2f2f2 8px 8px;
    max-width: 352px;
    height: 96px;
}
.sopra-carousel.head-1-slide-carousel .item.leadscar:hover,
.sopra-carousel.sopra-carousel-3-slides.news-carousel .item:hover .leadscar {
  box-shadow: 10px 10px #ff946a;
  border-color: #ff946a;
  text-decoration: none;
}
#news-carousel > div > div:nth-child(2) > a:hover {
  box-shadow: 10px 10px #ffb36b;
  border-color: #ffb36b;
  text-decoration: none; 
}
#news-carousel > div > div:nth-child(3) > a:hover {
  box-shadow: 10px 10px #ffcf69;
  border-color: #ffcf69;
  text-decoration: none; 
}
#news-carousel > div > div:nth-child(4) > a:hover {
  box-shadow: 10px 10px #ff946a;
  border-color: #ff946a;
  text-decoration: none; 
}
#news-carousel > div > div:nth-child(5) > a:hover {
  box-shadow: 10px 10px #ffb36b;
  border-color: #ffb36b;
  text-decoration: none; 
}
#news-carousel > div > div:nth-child(6) > a:hover {
  box-shadow: 10px 10px #ffcf69;
  border-color: #ffcf69;
  text-decoration: none; 
}
.sopra-carousel.head-1-slide-carousel .item.leadscar:hover .slide-title.leadscar-title,
.sopra-carousel.sopra-carousel-3-slides.news-carousel .item:hover .leadscar .slide-title.leadscar-title {
  text-decoration: underline;
}
.slide-subtitle.leadscar-subtitle {
  font-weight: lighter;
  color: #31302e;
  font-size: 12px;
  margin-bottom: 2px;
}
.slide-title.leadscar-title {
    font-size: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sopra-carousel.sopra-carousel-3-slides.news-carousel .item a.leadscar {
  display: block;
  padding: 10px;
  max-width: initial;
}
.news-carousel {
  top: -16px;
  position: relative;
  margin-bottom: 40px;
}
/***********************
/// ACTIVITIES
************************/

.activities {
    text-align: center;
    margin-bottom: 28px;
}

.activities .title2 {
    margin-bottom: 8px;
    margin-top: 48px;
}

.activities .title3 {
    margin-top: 0px;
    margin-bottom: 8px;
}

.activities .title4 {
    margin-top: 0px; 
    margin-bottom: 17px; 
}

.activities-container {
    width: 100%; 
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 7px; 
    padding-right: 7px; 
}

.activity-col {
    padding: 12px 8px;
}
.activity-col .activity-timetable {
  position: absolute;
  font-size: 20px;
  color: #1d1c1b;
  right: 16px;
  font-weight: 600;
  height: 56px;
  top: calc(50% - 28px);
}

@media (min-width: 768px) {
    .activities-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .activity-col {
        padding: 12px 15px;
    }
}

.activity {
    text-align: left;
    background-color: #f2f2f2; 
    height: 154px; 
    position: relative;
    cursor: pointer;
}
.tabs-content .activity {
  height: 142px;
  min-height: 142px;
  max-height: 142px;
}
.activity .inner-border {
  border-width: 1px;
}

.activity.color-salmon:hover , .activity.color-salmon:focus {
    box-shadow: 10px 10px #ff946a; 
}

.activity.color-apricot:hover , .activity.color-apricot:focus {
    box-shadow: 10px 10px #ffb36b; 
}

.activity.color-pale-gold:hover , .activity.color-pale-gold:focus {
    box-shadow: 10px 10px #ffcf69; 
}

.activity.color-salmon:hover > .inner-border , .activity.color-salmon:focus > .inner-border{
    border-color: #ff946a; 
}

.activity.color-apricot:hover > .inner-border , .activity.color-apricot:focus > .inner-border{
    border-color: #ffb36b; 
}

.activity.color-pale-gold:hover > .inner-border , .activity.color-pale-gold:focus > .inner-border{
    border-color: #ffcf69; 
}

.activity:hover > .activity-title , .activity:focus > .activity-title {
    text-decoration: underline;
}

.activity-title {
    position: absolute;
    left: 16px; 
    right: 16px; 
    top: 16px; 
    font-weight: 600; 
    font-size: 18px; 
    line-height: 24px; 
    color: #005e85; 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 60%;
}
@media (max-width: 767px) {
  .activity-title {
    max-width: 100%;
  }
}
.activity-subtitle {
  margin-left: 16px;
  padding-top: 70px;
  color: #31302e;
  font-size: 12px;
  line-height: 14px;
}

.activity-content {
    position: absolute;
    left: 16px; 
    right: 16px; 
    bottom: 16px; 
    color: #31302e;
}

.activity-content > * {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 14px;
}

.activity-content > .activity-tag-home {
    margin-top: 6px;
    display: inline-block;
}

.activity-content strong {
    font-weight: 600;
}
.activity-key {
    font-weight: 600;
    display: inline-block;
}
.activities-container a:hover {
  text-decoration: none;
}
.activities-container a:hover .activity-col .activity-title {
  text-decoration: underline;
}

.activity-tag-home {
    font-weight: 600;
}

.activities-btn {
    margin-top: 17px;
    white-space: normal;
    max-width: 344px;
}


/***********************
/// ACTIVITIES DETAIL ASSESSMENT 
************************/

.assessment {
    margin-top: 48px;
}

.assessment.home4 {
    margin-bottom: 40px;
    margin-top: 0px;
}

.assessment.home4 .title2 {
    margin-top:0px;
}

.assessment .title2 {
    margin-bottom: 16px; 
}

.stars {
    margin-bottom: 8px; 
}

.star-icon.fa {
    margin-right: 8px;
    font-size: 32px;  
}

.star-empty.fa {
    color: #bdbdbc;
}

.star-full.fa {
    color: #f7ae13;
}

.average-title {
    font-size: 16px;
    line-height: 22px;
    color: #5a5a58;
    font-weight: 400;
    margin-right: 44px; 
}

.average-number {
    font-size: 54px;
    color: #1d1c1b;
    font-weight: 600;
}

.trainer {
    display: inline-block;
    vertical-align: middle; 
    text-align: left;
    padding-left: 16px; 
    max-width: 220px;  
}

.trainer-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    
}

.trainer-text {
  
    font-style: italic;
    font-size: 16px; 
    color: #31302e;
    line-height: 22px;
   
}

.trainer-photo {
    margin-bottom: 16px;
}

@media (max-width: 392px) {
    .trainer {
        max-width: 155px; 
    }
    div.leads-header-head { 
        background-color:#406979;
        color: white;
        min-height: 336px;
        height: 420px;
        width: 102.5%;
        max-width: 1440px;
        margin-right: -15px;
        margin-left: -15px;
    }
}
/***********************
/// ACTIVITIES DETAIL DESCRIPTION BOX
************************/

.activity-description-main-container {
    margin-top: 48px;
    margin-bottom: 68px;
}

.program-inscription-main-container {
    margin-top: 0px;
    margin-bottom: 56px;
}


.program-mentoring-inscription-container {
    margin-top: 52px;
    margin-bottom: 56px;
}

.activity-description-box {
    background-color: #fdf3d8; 
    max-width: 653px;
    min-height: 200px; 
    position: relative;
    float: right; 
    margin-top: -270px;
    margin-right: 135px;  
}

.inner-description-border {
    border: 2px solid #ffc16a; 
    position: absolute; 
    right: 0px;
    top: 0px; 
    bottom: 0px;
    left: 0px; 
    margin: -8px 8px 8px -8px;
}

.activity-description-content {
    color: #1d1c1b; 
    padding: 24px 32px 32px 32px; 
}

.activity-description-content a {
    font-weight: 600; 
}


.activity-description-content .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600; 
}

.activity-description-content .text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400; 
    max-width: 581px; 
}

@media (max-width: 991px) {
    .activity-description-box { 
        margin-right: 15px; 
    }

}

@media (max-width: 704px) {
    .activity-description-box {   
     margin-top: -50px;
     margin-left: 15px;     
    }

}


/***********************
/// ACTIVITIES DETAIL TABS
************************/
.objectives .title4 {
    margin-top: 24px; 
}


.off-white-background {
    background-color: #fbfbf9; 
    padding-bottom: 48px; 
}


.white-background {
    background-color: #ffffff; 
}

ul.unstyled-list {
    list-style-type: none;
    color: #31302e;
    font-size: 16px;
    line-height: 22px; 
    font-weight: 400;
    padding-left: 97px;
    margin-top: 14px;
    margin-bottom: 16px;
    padding-right: 98px;  
  }

  ul.unstyled-list li {
      margin-bottom: 24px; 
  }

  
  ul.unstyled-list li.list-title {
   font-weight: 600;  
}


  @media (max-width: 768px) {
    ul.unstyled-list {
        padding-left: 16px;
        padding-right: 16px;
      }

}

/***********************
/// ACTIVITIES DETAIL AVAILABLE DATES
************************/

.activity {
    min-height: 162px;
}

/***********************
/// ACTIVITIES DETAIL MAP
************************/
.onsom-center-location.activity-detail-map {
    margin-bottom: 0px; 
}

.onsom-center-location.activity-detail-map .title2{
    margin-top: 8px; 
}


/***********************
/// ACTIVITIES DETAIL DOCUMENTATION
************************/
.activity-detail-documentation {
    background-color: #f4f1e9; 
    padding-bottom: 48px;
    padding-top: 12px;  
    margin-bottom: 28px; 
}

.documentation-container {
    max-width: 555px; 
}


/***********************
/// PROGRAMS DETAIL EXPERT TEAM
************************/

.program-expert-team {
    width: 100%;
    max-width: 945px;
    margin-right: auto;
    margin-left: auto;
}

.program-expert-team .title2 {
    margin-bottom: 6px; 
}

.expert-team {
    margin-top: 38px; 
}

.expert-team-btn {
    margin-top: 24px; 
    margin-bottom: 32px; 
    margin-left: auto;
    margin-right: auto;
    white-space: normal;   
}

/***********************
/// PROGRAMS DETAIL MAP
************************/

.program-detail-map {
    margin-bottom: 50px; 
}


/***********************
/// PROGRAMS DETAIL PARTICIPANTS ENTERPRISES
************************/
.participants-enterprises-container {
    margin-bottom: 32px; 
    margin-left: auto;
    margin-right: auto; 
}

.participants-enterprises-container .title3 {
    margin-bottom: 48px; 
    margin-top: 48px; 
}

.participants-logo {
   display: inline-block; 
   padding: 0 50px; 
   margin-bottom: 48px; 
}

/***********************
/// PHOTO-BANNER
************************/

.photo-banner {
    text-align: center;
    margin-bottom: 28px;
}

.photo-banner.incubated-companies-banner {
    background-color: #f4f1e9;
    min-height: 236px; 
    margin-top: 48px; 
    margin-bottom: 60px; 
    padding: 32px 0px 48px 0px;
}


.photo-banner.activity-detail {
    background-color: #f2f2f2;
    min-height: 140px; 
    margin-top: 48px;
    margin-bottom: -26px;  
    padding: 24px 15px 48px 15px;
}

.photo-banner-col {
    padding: 0px;
}

.photo-banner-box {
    color: white; 
    width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px 16px 0px 16px;
}

.photo-banner-button {
    min-width: 296px; 
    margin-top: 20px;
}

.photo-banner-title {
    font-size: 24px; 
    font-weight: 700; 
    line-height: 32px; 
    margin-bottom: 8px; 
}

.photo-banner-title.text-banner-title {
    color: #1d1c1b; 
    font-size: 32px; 
    font-weight: 300; 
    line-height: 40px; 
}

.photo-banner-text.text-banner-text {
    color: #1d1c1b; 
    font-size: 18px; 
    font-weight: 300; 
    line-height: 24px; 
}

.photo-banner-text {
    font-size: 20px; 
    font-weight: 400;
    line-height: 28px; 
}

.activity-detail-banner {
    font-size: 24px; 
    line-height: 32px;
}

.activity-detail-banner.banner-title {
     font-weight: 600;
     margin-bottom: 4px; 
}


.activity-detail-banner.banner-text {
    font-weight: 400;
    margin-bottom: 24px; 
}

.photo-banner-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.photo-banner-background {
    position: absolute;
    background-color: #03384d;
    opacity: 0.8;
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
button.consultancy-cta  {
        margin-left: 0;
    }

@media (max-width: 490px) {
    div.consultancy.photo-banner-background {
        position: absolute;
        background-color: #03384d;
        opacity: 0.8;
        top: 0px;
        bottom: 25px;
        left: 0px;
        right: 0px;
        z-index: -1;
        width: 88%;
    }
     .plus.col-xs-12 {
        width: 89.333333%;
    }
   button.consultancy-cta  {
        margin-left: -18px;
    }
    div.team > .infor > .photo-banner-background {
        position: absolute;
        opacity: 0.8;
        top: 0px;
        bottom: 25px;
        left: 0px;
        right: 0px;
        z-index: -1;
        width: 88%;
    }
    div.logged.photo-banner-background {
        width: 99%;
    }
    div.infor.photo-banner-box {
        width: 89%;
        margin-left: 2%;
    }
}
div.logged.photo-banner-background {
        width: auto;
    }
.photo-banner-background {
    position: absolute;
    background-color: #03384d; 
    opacity: 0.8; 
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
    z-index: -1;
}

.photo-banner-background-logged, .photo-banner-background-informative-session {
    background-color: #7c5802;
}

.photo-banner-background-triage {
    background-color: #802603;
}

.photo-banner-background-consultancy-team {
    background-color:#802603;
}


@media (min-width: 768px) {

    .photo-banner-box {
        width: 65%;
        padding-left: 48px;
        padding-right: 48px;
    }

    .photo-banner-title {
        font-size: 32px; 
        line-height: 40px; 
    }
    .ess.photo-banner-title.photo-banner-text p{
    color: #1d1c1b;
    }
    .photo-banner-button {
        min-width: 314px; 
    }

    
    .photo-banner-button.incubated-companies {
        min-width: 293px; 
    }

    .activity-detail-banner-button {
        max-width: 371px; 
    }
}


/***********************
/// CONSULTANCY-PHOTO-BANNER
************************/

.photo-banner.consultancy-photo-banner {
    margin-bottom: 0px; 
}

/***********************
/// RESOURCES-PHOTO-BANNER
************************/

.photo-banner.resources-photo-banner {
    margin-top: 32px;
    margin-bottom: 65px; 
}
.tofix {
    display: block;
    position: relative;
    top: 170px;
    width: 80%;
}
/***********************
/// QUISOM-PHOTO-BANNER
************************/

.photo-banner.quisom-photo-banner {
    margin-bottom: 0px; 
}
.quisom.photo-banner-background {
        width:auto;
    }

/***********************
/// HEADER
************************/

.header-2 {
    background-color: #FBFBF9;
    text-align: right;
    padding: 0px;
}

.header-2 > * {
    margin-left: 0px; 
    margin-right: 16px; 
}

.header-2 img {
    width: 24px;
    height: 24px;
}

.header-social-text {
    margin-right: 8px; 
    font-weight: 300; 
    font-size: 14px; 
    color: #1d1c1b; 
}

.header-2 a.social-media-icon {
    cursor: pointer;
}

img.logo-hover:hover {
   filter: brightness(140%);
}



.header-login {

    margin-right: 0px; 
    /*background-color: #31302E;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    display: inline-block;*/
}

.header-logged {
    vertical-align: middle;
    margin-right: 0px;
    display: inline-block;
}

.header-bulletin {
    vertical-align: middle;
}

.header-bulletin button {
    border: none; 
    background: none; 
}

.header-bulletin span {
    color: #005e85; 
}

.header-bulletin span:hover {
    text-decoration-line: underline; 
}


.header-bulletin img {
    margin-bottom: 4px;
}

.header-logged > * > .header-dropup-icon {
    display: none;
}

.header-logged.open > * > .header-dropup-icon {
    display: initial;
}

.header-logged.open > * > .header-dropdown-icon {
    display: none;
}

.header-dropdown-icon img, .header-dropup-icon img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 15px;
}

.dropdown-menu.header-logged-menu {
    border: none; 
    border-radius: 0; 
}

.header-logged-menu {
    width: 230px;
    padding:16px 16px;
    z-index: 10000;
}

.header-logged-menu > li > a {
    padding:0px;
}

.header-logged-menu-button {
    white-space: normal;
    text-align: left;
    width: 100%;
    padding:0px;
}

.header-logged-menu-button-link {
    margin-bottom: 2px;
    padding-bottom: 0px;
    color: #005e85;
}

.secundary-btn-link {
    font-size: 12px;
    line-height: 14px;
    color: #5a5a58;
    cursor: auto;
    padding-top: 0px;
}

.secundary-btn-link:hover, .secundary-btn-link:focus {
    text-decoration: none; 
}

.header-logged-menu > .divider {
    background-color: #eee;
    margin-top: 8px;
    margin-bottom: 8px; 
}

.header-logged-button {
    padding: 8px 2px 8px 0px;
    border-style: none;
    color: #005e85;
    cursor: pointer; 
}

.header-logged-button , .header-logged-button:hover , .header-logged-button:focus {
    text-decoration: none;
}



/***********************
/// LOGIN-BULLETIN-MODALS
************************/


.header-modal-header {
    padding: 16px; 
}

.header-modal-body {
    padding: 8px 16px 16px 16px;
}

.header-modal-header img.checkbox-circle {
  margin: 32px 0 24px;
}

.header-modal-content {
    border-radius: 0px; 
    text-align: center;
    background-color: #f2f2f2; 
    padding-bottom: 32px; 
}

.header-modal-content.contact-modal {
    text-align: left;
    padding-bottom: 0px;
    font-size: 18px;
    color: #1d1c1b;
    line-height: normal;
}

.header-modal-header.contact-modal {
    padding: 12px 16px 80px 16px;
}

.contact-modal.title2 {
   margin-bottom: 10px;
}

.header-modal-header.contact-modal label {
    font-weight: 300;
    margin-bottom: 8px;
}

.header-modal-header.contact-modal p {
    font-weight: 600;
    margin-bottom: 32px;
}

.header-modal-header.notice p.description {
    font-weight: 400;
    margin-bottom: 32px;
    margin-top: 24px;
    max-width: 503px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 24px;
    color: #1d1c1b;
}

.notice-btn {
    max-width: 394px;
    width: 100%;
    margin-bottom: 24px;
}

.header-modal-header.contact-modal p.description {
    font-weight: 400;
    margin-bottom: 0px;
}

.header-modal-content > .modal-header {
    border-bottom: none;
}

.header-modal-title {
    margin: 16px auto 0px auto; 
}

.header-modal-title.green-title {
    color:#417505;
}



.header-modal-close {
    opacity: 1; 
}

.header-modal-form {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 40px; 
    max-width: 360px;
}

.header-modal-form label {
    font-weight: 400; 
    font-size: 18px; 
    line-height: 24px; 
    color: #1d1c1b; 
    margin-bottom: 8px; 
}

.form-group .example-text {
    font-size: 12px;
    line-height: 16px; 
    color: #5a5a58; 
    margin-top: 8px; 
}

.form-group .link-text {
    font-size: 16px;
    line-height: 22px; 
    color: #005e85;
    cursor: pointer; 
}

.form-group .checkbox-text {
    font-size: 14px;
    line-height: 20px; 
    color: #31302e; 
    padding-left: 8px; 
}

input.input-checkbox, span.checkbox-text {
    vertical-align: middle; 
}

.header-modal-form .form-group {
    margin-bottom: 16px; 
}

.header-modal-form input {
    border-radius: 0px; 
    color: black;
    height: 40px; 
}

.header-modal-form input:focus {
    border: 1px solid #f7ae13; 
}

.input-password-wrapper {
    position: relative; 
}

.img-password {
    position: absolute;
    right: 8px;
    top: 8px;  
}

.input-checkbox[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color:transparent;
    height: 16px;
    width: 16px;
    border: 1px solid #bdbdbc;
    cursor: pointer;     
    outline: none;
    margin:0px; 
}

.input-checkbox[type=checkbox]:checked{
    background: url('../img/yellow-small-checked.png') no-repeat 1px;
    border: 1px solid #f7ae13;
}

.header-modal-form input::placeholder {
    color: #5a5a58; 
    opacity: 1; /* Firefox */ 
}

.header-modal-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #5a5a58; 
}

.header-modal-form input::-ms-input-placeholder { /* Microsoft Edge */
   color: #5a5a58; 
}

.header-modal-text {
    margin: 8px 14px; 
}

.header-modal-text.inscription {     
    font-size: 18px;
    line-height: 24px;
    color: #1d1c1b;
    font-weight: 400;
    margin-bottom: 32px;
}

.header-modal-text.inscription.inf-session {
    margin-bottom: 16px;
 }   

.paragraph.inscription {
    font-size: 16px;
    line-height: 22px;
    color: #5a5a58;
    font-weight: 400;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 32px;
}

.header-modal-button-1 , .header-modal-button-2 {
    max-width: 360px; 
    width: 100%; 
}

.header-modal-button-2 {
    margin-top: 16px;
}
.home-links {
    display: block;
    margin: -21px 0px 21px 27px;
}
.linkhome {
    width: 69px;
    height: 51px;
    border: solid 1px gray;
    display: inline-block;
    color: black;
    padding: 14px;
    font-size: 17px;
    font-weight: 600;
    margin-right: 24px;
}
@media (max-width: 767.5px){
    .header-modal-dialog {
        margin: 24px 15px;
    }
}

@media (min-width: 768px){
    .header-modal-dialog {
        width: 615px; 
    }

    .header-modal-body {
        padding-top: 16px;
    }

    .header-modal-content {
        padding-bottom: 72px; 
    }

    .header-modal-content.inscription {
        padding-bottom: 32px; 
    }

    .header-modal-content.notice {
        padding-bottom: 16px;
    }

    .header-modal-form {
        margin-bottom: 48px;
    }
    
    .header-modal-header.contact-modal {
        padding: 12px 80px 80px 80px;
       
    }
        
    .header-modal-dialog.contact-dialog {
        max-width: 945px;
        width: 100%;
        min-height: 555px;
    }
    
}

/***********************
/// ECOSYSTEM
************************/
.ecosystem {
    text-align: center;
    margin-left: -40px;
    padding: 0px;
    max-width: 1440px;
    width: 107%;
    margin-right: -10px;
    margin-top: 10px;
    margin-bottom: -48px;
}
.ecosystem-title {
    margin-bottom: 40px;
}
.eco-square {
    width: 212px;
    display: inline-grid;
}
.v-placer {
    padding-top: 9px;
}
.eco-square p {
    color: white;
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
}
.ecounit {
    display: inline-block;
    margin-left: 9px;
    margin-right: 8px;
}
.ecounit:nth-of-type(1) {
    margin-left: 0px;
}
.blue-overlay {
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: rgba(0, 94, 133, 0.8);
    position: relative;
    bottom: 50px;
}
.orange-overlay {
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: rgba(237, 111, 0, 0.8);
    position: relative;
    bottom: 50px;
}
.yellow-overlay {
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: rgba(247, 174, 19, 0.8);
    position: relative;
    bottom: 50px;
}
.pink-overlay {
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: rgba(235, 0, 131, 0.8);
    position: relative;
    bottom: 50px;
}
.ecosystem-resp {
    display: none;
}

@media (max-width: 1200px) {
    .ecosystem {
        text-align: center;
        margin-left: 0px;
        padding: 0px;
        max-width: 1440px;
        width: 107%;
        margin-right: -10px;
        margin-left: -35px;
    }
    .ecounit {
        display: inline-block;
        margin-left: 15px;
        margin-right: 8px;
        width: 16%;
        max-width: 100%;
    }
    .eco-square {
        width: 107%;
        display: inline-grid;
        text-align: center;
    }
    .eco-square p {
        color: white;
        font-size: 1.1em;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        width: 100%;
    }
    .v-placer {
        padding-top: 6px;
    }
    .resp-padding {
        padding-top: 2%;
    }
}

@media (max-width: 768px) {
    .ecosystem-resp {
        display: grid;
    }
    .ecosystem {
        display: none;
    }
    .ecosystem-title {
        margin-top: 20px;
        margin-bottom: 28px;
        text-align: center;
    }
    .eco-square {
        width: 107%;
        display: inline-grid;
        text-align: center;
        margin-bottom: 16px;
    }
    .eco-square p {
        color: #005e85;
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        width: 93%;
        padding-left: 12px;
        padding-top: 9px;
    }
    .ecounit {
        display: inline-block;
        margin-left: 9px;
        margin-right: 22px;
        width: 100%;
        max-width: 105%;
    }
}
/***********************
/// FOOTER
************************/

.footer-1 {
    color: white; 
    padding: 20px;
    font-size: 12px; 
    line-height: 20px; 
    padding-top: 30px;
    padding-left: 14px;
}

.footer1-background-color {
    background-color: #03384d;
    margin-top: 48px;
    margin-bottom: 15px;
}

.footer-content p {
    display: block;
}

.feder-logo  {
    display: block;
    margin-bottom: 22px;
}
@media (min-width: 768px) {
    .footer-1 {
        padding-top: 16px;
        padding-left: calc(35.3% - 282px);
        overflow: hidden; 
    }
}
.linedivider {
    display: block;
    border-left: 1px solid #a1b5b2;
}
.footer-1-col > * {
    margin-bottom: 5px;
}

.footer-1-logo {
    padding: 0px; 
}

.footer-1-copyright {
    margin-top: 16px; 
    letter-spacing: 0.3px; 
    margin-bottom: 10px; 
}

.footer-1-text {
    padding-top: 10px;
    padding-bottom: 40px;
}

.footer-2 {
    padding-left: 0px;
}

.footer-logo {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 136px;
}
.footer-links {
    width: calc(100% - 150px);
    bottom: calc(25px - .5em);
    text-align: right;
    position: absolute;
    vertical-align: middle;
}

.footer-links > * {
    padding-right: 30px;
    white-space: nowrap;
}
.footer-mobile, .mobile-links {
    display: none;
}
.desk-footer-links {
    display: block;
}
.footer-desktop {
    display: block;
}
ul.bcn-footer-links {
        display: block;
        list-style-type: none;
    }
@media (max-width: 500px) {
    .footer-mobile, .mobile-links {
        display: block;
    }
    .desk-footer-links {
        display: none;
    }
    .footer-desktop {
        display: none;
    }
    div.footer-content p {
        display: block;
        margin-left: 9px;
        max-width: 74%;
        width: 100%;
    }
    .footer-mobile {
        display: inline-block;
        position: relative;
        margin-top: 24px;
    }
    .footer-2 {
        padding-left: 0px;
        width: 308px;
    }
    .feder-logo {
        display: inline-block;
        margin-bottom: 22px;
        width: 124px;
        position: relative;
        right: 229px;
        bottom: 12px;
    }
    .footer-1-logo {
        padding: 0px;
        height: 88px;
        margin-left: 3%;
    }
    .footer1-background-color {
        background-color: #03384d;
        margin-top: 48px;
        margin-bottom: 15px;
        height: 274px;
        width: 79%;
        margin-right: 0px;
    }
    .bcnactiva-c {
        display: inline-block;
        vertical-align: top;
        position: relative;
        left: -132px;
    }
    .footer-logo {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        width: 136px;
        float: left;
        margin-top: 34px;
    }
    ul.bcn-footer-links {
        display: block;
        list-style-type: none;
        float: left;
        right: 32%;
        position: relative;
    }
    .footer-links {
        width: calc(100% - 21px);
        bottom: calc(25px - .5em);
        text-align: right;
        position: absolute;
        vertical-align: middle;
    }
}
/***********************
/// VIDEOPLAYER
************************/

.videoplayer {
    text-align: right;
    margin: 26px 33px 66px 33px; 
}

.videoplayer-video {
    width: 50%;
    height: 50%;
    margin: 10% auto;
    display: block;
}
.videoplayer-modal-close {
    margin-bottom: 16px; 
    opacity: 1; 
    position: relative;
    top: 19%;
    right: 25%;
}
.menu-custom2 {
    background-color: white;
    margin-bottom: 0px;
    font-size: 16px;
}
@media (max-width:1200px) {
    div.video-banner-overlay {
        height: 100%;
     }
}
@media (max-width:1100px) {
    div.video-banner-overlay {
        height: 96.1% !important;
     }
}
@media (max-width:1132px) {
    div.video-banner-overlay {
        height: 97.7% !important;
     }
}
@media (max-width:1127px) {
    div.video-banner-overlay {
        height: 98%;
     }
}
@media (max-width:1115px) {
    div.video-banner-overlay {
        height: 97% !important;
     }
}
@media (max-width:1026px) {
    div.video-banner-overlay {
        height: 90% !important;
     }
}
@media (max-width:1075px) {
    div.video-banner-overlay {
        height: 91.2% !important;
     }
}
@media (max-width:1048px) {
    div.video-banner-overlay {
        height: 97%;
     }
}
@media (max-width:1023px) {
    div.video-banner-overlay {
        height: 89.3% !important;
     }
}
@media (max-width:1004px) {
    div.video-banner-overlay {
        height: 88% !Important;
     }
}
@media (max-width: 980px) {
    div.video-banner-overlay {
        height: 88% !Important;
     }
}
@media (max-width: 920px) {
    div.video-banner-overlay {
        height: 86% !Important;
     }
}
@media (max-width: 915px) {
    div.video-banner-overlay {
        height: 85% !important;
     }
}
@media (max-width: 900px) {
    div.video-banner-overlay {
        height: 84% !important;
     }
}
@media (max-width: 880px) {
    div.video-banner-overlay {
        height: 82.2% !important;
     }
}
@media (max-width: 820px) {
    div.video-banner-overlay {
        height: 78.1% !important;
     }
}
@media (max-width: 834px) {
    div.video-banner-overlay {
        height: 78% !important;
     }
}
@media (max-width: 723px) {
    div.video-banner-overlay {
        height: 68.3% !Important;
    }
}
@media (max-width: 730px) {
    div.video-banner-overlay {
        height: 69.5% !Important;
    }
}
@media (max-width: 770px) {
    div.video-banner-overlay {
        height: 72.5% !Important;
    }
}
@media (max-width: 766px) {
    div.video-banner-overlay {
        height: 72.2% !Important;
    }
}
@media (max-width: 789px) {
    div.video-banner-overlay {
        height: 70.2% !Important;
    }
}
@media (max-width: 705px) {
    div.video-banner-overlay {
        height: 67.3% !Important;
    }
}
@media (max-width: 640px) {
    div.video-banner-overlay {
        height: 62.2% !Important;
    }
}
@media (max-width: 660px) {
    div.video-banner-overlay {
        height: 64.2% !Important;
    }
}
@media (max-width: 669px) {
    div.video-banner-overlay {
        height: 64.2% !Important;
    }
}
@media (max-width: 639px) {
    div.video-banner-overlay {
        height: 61.3% !Important;;
    }
}
@media (max-width: 580px) {
    div.video-banner-overlay {
        height: 58% !Important;
    }
}
@media (max-width: 572px) {
    div.video-banner-overlay {
        height: 57% !Important;
    }
}
@media (max-width: 534px) {
    div.video-banner-overlay {
        height: 54.3% !Important;
    }
}
@media (max-width: 500px) {
    div.video-banner-overlay {
        height: 51.2% !Important;
    }
}
@media (max-width: 430px) {
    div.video-banner-overlay {
        height: 43.2% !Important;
    }
    .video-title {
        font-size: 23px !Important;
    }
    .video-banner-cta {
        position: absolute;
        top: -24px;
        width: 262px;
        left: -13px !Important;
    }
    #video-banner button {
        position: absolute;
        margin-top: -1px !important;
        width: 314px;
        max-width: 600px;
        right: 30px;
    }
}
@media (max-width: 371px) {
    div.video-banner-overlay {
        height: 39% !Important;
    }
    .video-title {
        font-size: 23px !Important;
    }
    .video-banner-cta {
        position: absolute;
        top: -24px;
        width: 262px;
        left: -13px !Important;
    }
    #video-banner button {
        position: absolute;
        margin-top: -1px !important;
        width: 314px;
        max-width: 600px;
        right: 30px;
    }
}
@media (max-width: 386px) {
    div.video-banner-overlay {
        height: 39.2% !Important;
    }
    .video-title {
        font-size: 23px !Important;
    }
    .video-banner-cta {
        position: absolute;
        top: -24px;
        width: 262px;
        left: -13px !Important;
    }
    #video-banner button {
        position: absolute;
        margin-top: -1px !important;
        width: 314px;
        max-width: 600px;
        right: 30px;
    }
}
@media (max-width: 330px) {
    div.video-banner-overlay {
        height: 36.1% !Important;
    }
    .video-title {
        font-size: 23px !Important;
    }
}
/***********************
/// PLANNING
************************/

.planning {
    text-align: center;
    background-color: #F4F1EA;
}

.planning-left {
    text-align: left;
    padding-left: 150px;
    padding-right: 60px;
}
.planning-left-text {
    font-size: 20px;
}
.planning-left-col {
    padding: 0px;
}

.planning-right {
    padding: 0px;
}
.planning-right-img {
    width: 100%;
}
.planning-right-title {
    position: absolute;
    top: 20px;
    left: 50px;
    color: rgba(244,241,234,0.8);
    margin: 0px;
}

.planning-progress {
    position: relative;
    border-radius: 0px;
    width: 80%;
    height: 30px;
    background-color: white;
}
.planning-progress-bar {
    background-color: #FFE8B2;
}
.planning-progress-bar-border {
    border: 1px solid #BBBBBB;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.planning-cards {
    transform: translate(0, -30px);
}
.planning-cards-col {
    padding: 20px;
}
.planning-card {
    position: relative;
    background-color: #FDF3D8;
    height: 100px;
    padding: 10px 15px;
    margin: 0px;
    text-align: left;
    cursor: pointer;
}
.planning-card-title {
    font-size: 10px;
    color: gray; /* TO DO: what color? */
    margin-bottom: 10px;
}
.planning-card > .displaced-border , .planning-card > .displaced-border{
    border-color: #F8D593;
}


/***********************
/// SWIPER MOBILE (PRUEBAS)
************************/

.swiper-example {
    font-size: 25px;
}

.swiper {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    font-size: 0px;
}

.swiper > * {
    display: inline-block;
    width: 68%;
    white-space: normal;
    font-size: initial;
}


/***********************
/// TESTIMONY
************************/

.testimonies-carousel {
    padding-top: 32px; 
    background-color: #f2f2f2; 
    text-align: center;
}

.consultancy-testimonies {
    margin-bottom: 60px; 
}

.testimonies-carousel .title2 {
    margin-top: 0px; 
    margin-bottom: 24px; 
}

.testimonies-carousel-carousel {
    width: 100%; 
    max-width: 1252px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px;
    
}

@media (max-width: 768px) {
    .testimonies-carousel-carousel {
        padding-bottom: 50px;
    }

    .testimonies-carousel-indicators {
        bottom: 60px;
    }
}


@media (min-width: 768px) {
    .testimonies-carousel-carousel {
        width: 96%;
        padding-left: 153px;
        padding-right: 153px;
    }
    
}

.carousel-control.testimonies-carousel-control {
    padding-top: 48px; 
    display: none;
}
@media (min-width: 768px) {
    .carousel-control.testimonies-carousel-control {
        display: initial;
    }
}

@media (min-width: 768px) {
    .testimonies-carousel-indicators {
        display: none;
    }
}

.testimony-sentence {
    font-weight: 300; 
    font-size: 24px; 
    line-height: 32px; 
    color: #31302e; 
    height: 240px; 
    display: table;
    width: 100%;
    margin-bottom: 16px; 
}
@media (min-width: 375px) {
    .testimony-sentence {
        font-size: 32px; 
        line-height: 40px; 
        height: 160px; 
    }
}
@media (min-width: 768px) {
    .testimony-sentence {
        font-size: 32px; 
        line-height: 40px; 
        height: 120px; 
    }
}

.testimony-sentence-text {
    display: table-cell;
    vertical-align: middle;
}

.testimony-author {
    font-weight: 400; 
    font-size: 18px; 
    line-height: 24px; 
    color: #31302e; 
    margin-bottom: 4px; 
}

.testimony-project {
    font-weight: 300; 
    font-size: 18px; 
    line-height: 24px; 
    color: #31302e; 
    margin-bottom: 60px; 
}
@media (min-width: 768px) {
    .testimony-project {
        margin-bottom: 48px; 
    }
}


/***********************
/// CARD-BOXES-CAROUSEL
************************/

.card-boxes-carousel {
    text-align: center;
    margin-top: 48px;
}

.card-boxes-carousel .title2 {
    margin-bottom: 8px; 
    margin-top: 0px;
}

.card-boxes-carousel .title3 {
    margin-top: 0px; 
    margin-bottom: 32px; 
}

.card-boxes-carousel .title4 {
    margin-top: 8px; 
    margin-bottom: 24px; 
    line-height: 24px; 
    width: 100%; 
    max-width: 945px; 
    margin-right: auto;
    margin-left: auto;
}

.card-boxes-carousel-container {
    width: 100%; 
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    text-align: left; 
    margin-bottom: 48px; 
}

.card-boxes-carousel-container.coworking-card-boxes {
    margin-bottom: 24px;
}


.card-boxes-carousel-container.ux-lab-boxes-container {
    margin-bottom: 28px; 
}

.card-boxes-carousel-carousel {
    width: 100%; 
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px; 
    padding-right: 15px; 
    padding-bottom: 50px; 
    margin-bottom: 38px; 
}

.card-box-carousel-col {
    padding: 0px 15px; 
}

.card-box-carousel-1 , .card-box-carousel-2 , .card-box-carousel-3 {
    padding: 24px 32px 32px 32px; 
    height: 224px;
}

.card-box-carousel-1 {
    background-color: #ffe3a8; 
}

.card-box-carousel-2 {
    background-color: #fed6b0; 
}

.card-box-carousel-3 {
    background-color: #fbc6b1; 
}

.card-box-carousel-title {
    font-weight: 600; 
    font-size: 24px; 
    line-height: 32px; 
    margin-bottom: 16px; 
    color: #1d1c1b; 
}

.card-box-carousel-content {
    font-weight: 400; 
    font-size: 16px; 
    line-height: 22px; 
    color: #31302e; 
}

.card-boxes-hint-text {
    font-size: 14px; 
    line-height: 16px;
    font-weight: 300;
    color: #31302e;
    margin-bottom: 28px;  
}

.card-boxes-spaces {
    height: 224px;
    height: 100%; 

}

/***********************
/// Custom carousel CARD-BOXES-CAROUSEL
************************/

.card-boxes-carousel-indicators > div {
    display: inline;
    cursor: pointer;
    padding-right: 4px;
    padding-left: 4px; 
}

.card-boxes-carousel-indicators > div.active {
    background-color: transparent;
}

.card-boxes-carousel-indicators > div > .yes {
    display: none;
}

.card-boxes-carousel-indicators > div.active > .yes {
    display: inline;
}

.card-boxes-carousel-indicators > div.active > .no {
    display: none;
}

.carousel-control.card-boxes-carousel-control {
    background: none;
    width: 24px;
    height: 24px;
    opacity: 1;
    cursor: pointer;
}


@media (max-width: 768px) {

    .card-box-carousel-1 , .card-box-carousel-2 , .card-box-carousel-3 {
        height: 100%;
        text-align: left; 
    }
}

@media (min-width: 768px) {

    .card-box-carousel-1 , .card-box-carousel-2 , .card-box-carousel-3 {
        height: 100%;
    }

    .card-box-carousel-title {
        width: 296px;
        width: 100%; 
    }
}

/***********************
/// QUISOM-HEAD
************************/

.quisom-head-content {
    background-color: #f4f1e9; 
    margin: 24px 0px; 
    padding: 24px 15px 40px 15px; 
}
@media (min-width: 768px) {
    .quisom-head-content {
        padding: 32px 32px 48px 32px; 
    }
}

.quisom-head-content .title2 {
    margin-top: 0px; 
}

.quisom-head-content .title1 {
    margin-top: 16px; 
    margin-bottom: 16px; 
}
@media (min-width: 768px) {
    .quisom-head-content .title1 {
        margin-bottom: 24px; 
    }
}

.quisom-head-description {
    font-weight: 400; 
    font-size: 18px; 
    line-height: 24px; 
    color: #31302e; 
}

.quisom-head-photo {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (min-width: 1157px) { /* (1140px + 17 px) Avoid 17px of overlaping scrollbar problem */
    .quisom-head-col-1 {
        margin-left: calc(50% - 570px);
        width: 570px;
    }
}



/***********************
/// ONSOM-CENTER-LOCATION
************************/

.onsom-center-location {
    text-align: center; 
    margin-top: 2px; 
    margin-bottom: 60px; 
}

.onsom-center-location.incubated-companies-detail {
    margin-bottom: 28px; 
}

.onsom-center-location .title2 {
    margin-top: 48px;
    margin-bottom: 24px;   
}

.onsom-center-location .title2.incubated-companies {
    margin-bottom: 8px;   
}
.onsom-center-location .title3.incubated-companies {
    margin-top: 0px;   
}

.onsom-center-location-container-xs {
    display: block;
}
/* bootstrap fixing*/
@media (min-width: 768px) and (max-width: 1200px) {
   .collapse {
       display: none !important;
   }
    .navbar-collapse.collapse  {
        display: none !important;
        overflow-x: hidden!important;
    }
    .collapse.in{
  		display:block !important;
        padding-bottom: 95px;
	}
}
/* DISPLACEMENT ... RESOURCES */
.menu-resources-reports {
    text-align: left;
    background-color: #ffffff;
    height: 120px;
    position: relative;
    cursor: pointer;
    border: solid 1px #bcb9b3;
    width: 263px;
}
.menu-inner-border {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 2px solid transparent;
    pointer-events: none;
}
.menu-resources-reports-col {
    padding: 12px 8px;
    width: 279px;
}
button.mobilemenu {
        display: none;
}
.menu-reports-inner-border {
    margin:20px 0px 5px 20px;
    border: solid 1px #bcb9b3;
}

.onsom-center-location-container-sm {
    display: none;
    overflow: hidden;
    min-height: 390px; 
}

.onsom-center-location-map {
    width: 100%; 
    height: 365px;
    background-position: center;
    background-size: cover;
    position: absolute;
    float: right;
    top: 24px; 
    left: 0px;
}

.center-glories-map, .incubadora-glories-map {
    background-image: url(../img/seu-central.jpg);
}

.convent-sant-agusti-map {
    background-image: url(../img/sant-agusti.jpg);
}

.incubadora-almogavers-map  {
    background-image: url(../img/almogavers.jpg);
}

.incubadora-mediatic-map {
    background-image: url(../img/mediatic.jpg);
}


.incubadora-esabic-map {
    background-image: url(../img/esabic.jpg);
}

.incubadora-innobadora-map {
    background-image: url(../img/innobadora.jpg);
}

.parc-tecnologic-map {
    background-image: url(../img/parc.jpg);
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: gray;
    background-image: none;
    border: 1px solid white;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    border: solid 1.5px #005e85;
}
.lightbox {
    display: none;
}

@media (min-width: 768px){
    .menu-reports-inner-border {
        margin: 20px 7px 5px 20px;
    }
}
/*-------------------*/
.resources-leftside {
    padding-top: 22px;
    margin-left: 57px;
}

.onsom-center-location-box-xs {
    position: relative;
    text-align: left; 
    background-color: white; 
    width: calc(100% - 30px); 
    padding: 8px 16px 40px 16px; 
    margin: 0px 15px 8px 15px; 
    box-shadow: -8px 8px #fed6b0;
    border: 2px solid #fed6b0;
}

.onsom-center-location-box-sm {
    position: relative;
    text-align: left; 
    background-color: white; 
    width: 620px; 
    padding: 8px 32px 32px 2px; 
    margin: 0px 0px 8px 15px; 
    box-shadow: -8px 8px #fed6b0; 
    display: table;
    border: 2px solid #fed6b0;
}

.onsom-center-half, .onsom-center-full {
    padding-left: 30px;
}
.onsom-center-half {
    position: relative;
    float: left;
    width: 50%;
}
.onsom-center-full {
    position: relative;
    float: left;
    width: 100%;
}

.onsom-center-key {
    font-weight: 300; 
    font-size: 16px; 
    line-height: 22px; 
    color: #1d1c1b; 
    margin-top: 16px; 
}

.onsom-center-value {
    font-weight: 600; 
    font-size: 16px; 
    line-height: 22px; 
    color: #31302e; 
    margin-top: 4px; 
}

.onsom-center-collapse {
    position: absolute;
    right: 8px;
    bottom: 8px;
}


@media (min-width: 768px) {
    .onsom-center-location-container-xs {
        display: none;
    }
    .onsom-center-location-container-sm {
        display: block;
    }

}


@media (min-width: 950px) {
    .onsom-center-location-box-sm {
        margin: 0px 0px 8px 150px; 
    }
}
/***********************
////////////////////// ON SOM - CENTRE PER A LA INICIATIVA EMPRENEDORA GLÒRIES
***********************/

/***********************
////////////////////// CARROUSEL WITH BOXES
************************/
.custom-controls {
    margin-top: 36%;
    color: #333;
}
.container-boxes {
    display: block;
    margin: -14px auto 0px 13%;
}
.boxes {
    border: solid 1px grey;
    width: 27%;
    height: 78px;
    display: inline-block;
    background-color: beige;
    z-index: 100;
    position: relative;
    border: solid 2px yellow;
}
.boxes:nth-of-type(2) {
     margin: 0px 18px 0px 18px;
}
.indicators-custom  li {
    border: solid 1px gray;
    background-color: #666;
    position: relative;
    top: 130px;
}
.indicators-custom .blog-carousel-indicators li .active {
    background-color: yellow;
}
/* carousels indicators */
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background-color: #fff;
}
.card-boxes-carousel-indicators > div {
    display: inline;
    cursor: pointer;
    margin-right: 6px;
}
.bcnactiva-carousel-indicators > div {
    display: inline;
    cursor: pointer;
    margin-right: 6px;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
/***********************
///////////////////// CARDS WITH BOXES
************************/
#card-with-boxes {
    margin-bottom: 33px;
    margin-top: -7px;
}
.cards p {
    font-size: 16px;
}
.navbar-default {
    border: none; 
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    margin-left: 9px;
    background-color: white;
    background-image: none;
    border: 1px solid white;
    border-radius: 4px;
}
#bs-example-navbar-collapse-1 > nav > button > img {
    display: none; 
}
/* ONLY ON MOBILE*/
.bulletin-icon {
    display:none;
}
.card-with-boxes {
    background-color: #ffe6b3;
    display: inline-block;
    padding: 8px 0px 52px 8px;
    margin: 32px -30px;
    max-width: 360px;
    min-height: 244px;
    width: 110%;
}
.card-with-boxes2 {
    background-color: #fed6b0;
    display: inline-block;
    padding: 8px 0px 52px 8px;
    margin: 32px -10px;
    max-width: 360px;
    min-height: 244px;
    width: 110%;
}
.card-with-boxes3 {
    background-color: #fbc6b1;
    display: inline-block;
    padding: 8px 0px 52px 8px;
    margin: 32px 10px;
    max-width: 360px;
    width: 110%;
}
.card-with-boxes h3 {
    font-size:24px;
    font-weight: 600;
}
.card-with-boxes2 h3  {
    font-size:24px;
    font-weight: 600;
}
.card-with-boxes3 h3 {
    font-size:24px;
    font-weight: 600;
}
.cards-padding {
    padding: 0px 18px 4px 19px;
}
.cards-padding a {
    color: white;
    text-decoration: none;
}
.extra-box1  {
    background-color: #333;
    border: none;
    width: calc(87% - 30px);
    max-width: 291px;
    min-height: 52px;
    position: absolute;
    top: 80%;
    left: 5%;
    margin: auto;
    display: inline-block;
    text-align: -webkit-center;
    white-space: normal;
}
.extra-box2  {
    background-color: #333;
    border: none;
    width: calc(87% - 30px);
    max-width: 291px;
    min-height: 52px;
    position: absolute;
    top: 80%;
    left: 10%;
    margin: auto;
    display: inline-block;
    text-align: -webkit-center;
    white-space: normal;
}
.extra-box3  {
    background-color: #333;
    border: none;
    width: calc(87% - 30px);
    max-width: 291px;
    min-height: 52px;
    position: absolute;
    top: 80%;
    left: 16%;
    margin: auto;
    display: inline-block;
    text-align: -webkit-center;
    white-space: normal;
}
a.extra-box1:hover {
    background-color: #5a5a58;
    text-decoration: none;
}
a.extra-box2:hover {
    background-color: #5a5a58;
    text-decoration: none;
}
a.extra-box3:hover {
    background-color: #5a5a58;
    text-decoration: none;
}
.extra-box-link a {
    color: white;
    text-decoration: none;
}
.cta-box p {
    color: white;
    vertical-align: top;
    margin: 0px 0px 17px;
}
.cardbox-spacer {
    margin-top: 38px;
}
/* SG STYLES */
.bcnactiva-activities-carousel {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    margin-bottom: 38px;
    display: none;
}
.cardbox-activities {
    text-align: center; 
}

.cardbox-activities .title2 {
    margin-bottom: 8px; 
}

.cardbox-activities .title3 {
    margin-top: 8px; 
    margin-bottom: 32px; 
}

.cardbox-activities-container {
    width: 100%; 
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    text-align: left; 
    margin-bottom: 48px; 
}

.cardbox-activities-carousel {
    width: 100%; 
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px; 
    padding-right: 15px; 
    padding-bottom: 50px; 
    margin-bottom: 38px; 
}

.cardbox-activity-col {
    padding: 0px 15px; 
}

.cardbox-activity-1 , .cardbox-activity-2 , .cardbox-activity-3 {
    padding: 24px; 
    height: 240px;
    width: 345px;
    margin: auto;
}
.photo-banner {
    margin-top: 0px;
}
/***********************
/// Custom carousel (bcnactiva-carousel)
************************/

.bcnactiva-carousel-indicators > div {
    display: inline;
    cursor: pointer;
    padding-right: 4px;
    padding-left: 4px; 
}

.bcnactiva-carousel-indicators > div.active {
    background-color: transparent;
}

.bcnactiva-carousel-indicators > div > .yes {
    display: none;
}

.bcnactiva-carousel-indicators > div.active > .yes {
    display: inline;
}

.bcnactiva-carousel-indicators > div.active > .no {
    display: none;
}

.carousel-control.bcnactiva-carousel-control {
    background: none;
    width: 24px;
    height: 24px;
    opacity: 1;
    cursor: pointer;
}

@media (min-width: 768px) {
    .cardbox-activity-1 , .cardbox-activity-2 , .cardbox-activity-3 {
        padding: 24px;
        height: 240px;
        width: 345px;
        margin: auto;
    }
}
.cardbox-activity-1 {
    background-color: #ffe3a8;
}
.cardbox-activity-2 {
    background-color: #fed6b0;
}
.cardbox-activity-3 {
    background-color: #fbc6b1;
}
.cardbox-activity-title {
    font-weight: 600; 
    font-size: 24px; 
    line-height: 32px; 
    margin-bottom: 16px; 
    color: #1d1c1b; 
}
.cardbox-activity-content {
    font-weight: 400;
    font-size: 16px; 
    line-height: 1.38;
    color: #31302e;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .cardbox-activity-1 , .cardbox-activity-2 , .cardbox-activity-3 {
        padding: 24px; 
        height: 240px;
        width: 345px;
        margin: auto;
    }
    .cards {
        display: none;
    }
    .bcnactiva-activities-carousel {
        display: block;
        margin-bottom: 6px;
        padding-bottom: 30px;
        position: relative;
        left: -10px;
        width: 365px;
       
    }
    .photo-banner {
        margin-top: 0px;
        width: 119%;
    }
    .projectes {
        color: #802603;
        padding: 0px 10px 0px 12px;
        position: relative;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        line-height: normal;
        font-style: normal;
        font-stretch: normal;
        margin-right: 0px;
    }
    .activitats {
        color: #c77502;
        padding: 0px 60px 0px 60px;
        position: relative;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        line-height: normal;
        font-style: normal;
        font-stretch: normal;
        margin-top: 39px;
    }
    .activity-content.b {
        position: relative;
        left: 16px;
        bottom: -52px;
        color: #31302e;
        width: 88%;
        display: block;
    }
   
    #text-carousel {
        width: 111% !important;
        height: 590px;
        padding: 50px;
        background-color: #f4f1e9;
        left: -26px;
    }
    .activity-content {
        position: relative;
        left: 16px;
        bottom: -70px;
        color: #31302e;
        width: 88%;
        display: block;
    }
    .photo-banner-button {
        min-width: 235px;
        margin-top: 20px;
    }
    .cardbox-spacer {
        margin-top: 38px;
        height: 290px;
    }
    .cardbox-indicator {
        margin-bottom: 24px;
    }
    .cardbox-activity-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 11px;
        color: #1d1c1b;
    }
    .extra-box1 {
        background-color: #333;
        border: none;
        width: calc(87% - 30px);
        max-width: 291px;
        min-height: 52px;
        position: absolute;
        top: 88%;
        left: 12%;
        margin: auto;
        display: block;
        text-align: -webkit-center;
        padding-top: 18px;
        white-space: normal;
    }
    .extra-box2  {
        background-color: #333;
        border: none;
        width: calc(111% - 30px);
        max-width: 291px;
        min-height: 52px;
        position: relative;
        margin: auto;
        top: 17px;
        bottom: -23px;
        left: -2%;
        display: block;
        text-align: -webkit-center;
        white-space: normal;
        }
    .extra-box3  {
        background-color: #333;
        border: none;
        width: calc(112% - 15px);
        max-width: 291px;
        min-height: 52px;
        position: relative;
        bottom: -23px;
        top: 0px;
        left: -2%;
        margin: auto;
        display: block;
        text-align: -webkit-center;
        white-space: normal;
        }
    .bcnactiva-carousel-indicators .boxcards {
        position: absolute;
        bottom: 0px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }

}
@media screen and (max-width: 1250px) {
    .extra-box   {
        background-color: #333;
        border: none;
        width: 74%;
        height: 60px;
        position: relative;
        top: 46%;
        left: -1%;
        margin: auto;
        display: block;
        text-align: -webkit-center;
        padding-top: 18px;
    }

} 
@media screen and (max-width: 990px) {
    .extra-box   {
        background-color: #333;
        border: none;
        width: 74%;
        height: 60px;
        position: relative;
        top: 46%;
        left: -1%;
        margin: auto;
        display: block;
        text-align: -webkit-center;
        padding-top: 18px;
    }
    /*.card-with-boxes {
        background-color: #ffe6b3;
        padding: 12px;
        height: 220px;
        display: inline-block;
        margin: 35px 9px;
        width: 360px;
    }*/

} 
/***********************
//////////////////////// MESSAGE BANNER
************************/
.message-banner {
    display: block;
    text-align: -webkit-center;
    letter-spacing: 2px;
    margin: -28px auto 0px auto;
    width: 72%;
}
h2.title2.messageb-title {
    margin-bottom: -11px;
}
h3.title3.messageb-subtitle{
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
}
@media (max-width: 780px) {
    h2.title2.messageb-title {
        margin-bottom: -11px;
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: 0.4px;
    }
    h3.title3.messageb-subtitle{
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
    }
}
/********************
/////////////////// Latest activity banner
********************/
#latest-activity-banner {
    margin: 50px 0px 55px 0px;
}
/************************
/////////////////////// COMPANIES SPACES
************************/
.incubator-logotypes img {
     -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: grayscale(100%);
}
.incubator-logotypes img:hover {
     -webkit-filter: none;
    filter: none;
    cursor: pointer; 
}
.heura-hover {
    opacity:0.4;
}
.heura-hover:hover {
    opacity:1;
}
a.btn-incubator-header,
.btn-incubator-header {
    display: block;
    position: relative;
    top: 14px;
    width: 296px;
    color: #1d1c1b;
    text-align: center;
}
a.btn-incubator-header:hover {
  text-decoration: none;
}
.incubators-header-holder {
    height: 326px;
}
.incubator-logo {
    width: 11%;
    margin-top: 32px;
    margin-right: 21px;
    margin-bottom: 24px;
}
/* COMPANIES SELECTION BANNER*/
.selections.carousel-content-holder {
    max-width: 84.5%;
    background-color: #f4f1e9;
}
.selection-subtitle {
    text-align: center;
}
.selectiontxt.text-area {
    padding: 28px 0px 0px 32px;
}
.selections.carousel-content-holder p {
    font-size: 18px;
}
.selections.slidezise {
    width: 82.4%;
    background-color: #f2f2f2;
}
.selection-p.blogp p {
    width: 90%;
}
.activities-btn.inc {
    margin-top: 31px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {

    .selection-p.blogp p {
        width: 100%;
    }
    .quisom.photo-banner-background {
        width: 89%;
    }
}
/* PUPILS BANNER */
.photo-text-brown {
  background-color: #802603;
}
.pupil-banner-holder {
    margin-top: 27px;
}
/* SPACES TOOLS CAROUSEL */
.spaces-tool-car.sopra-carousel {
    width: 100%;
    max-width: 1440px;
}
.spaces-tool-car.sopra-carousel.circles-carousel {
    max-width: 1161px;
    padding-top: 48px;
    padding-bottom: 58px;
    background-color: #f2f2f2;
}
.toolicon {
    display: block;
    margin: auto;
}
.spaces-tool-car .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.spaces-tool-car.title {
    padding: 0px;
    margin-top: -74px;
    margin-bottom: 48px;
}
.spacesbase {
    background-color: #f2f2f2;
    margin-left: -14px;
    margin-top: -2px;
}

.spaces-tool-car a:nth-child(1) > p {
    color: #7c5802;
}
.spaces-tool-car a:nth-child(2) > p {
    color: #c77502;
}
.spaces-tool-car a:nth-child(3) > p {
    color: #802603;
}
.spaces-tool-car a:nth-child(4) > p {
    color: #03384d;
}
/***********************
////////////////////// ALMOGAVERS INCUB DETAIL
************************/
.almogaver.slidezise  {
    width: 352px;
    height: 154px;
    display: block;
}
.almogaver.displaced-border {
    border: 2px solid #005e85;
}
.almogaver.activity-content p {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
}
.almogaver.activity-content {
    display: block;
}
.almoagver-header-img {
    height: 360px;
}
.almogaver.activities {
    margin-top: 28px;
}
/************************
///////////////////// COMPANIES SPACES INCUBATORS
*************************/
.leads-programs-holder.spacesincubator-holder {
    background-color: #FFFFFF;
    max-height: 723px;
    height: 100%;
    max-width: 1477px;
    margin-bottom: 48px;
    margin-top: 48px;
}
.content-l1.spacer-content  {
    background-color: #f4f1e9;
    height: 498px;
    max-width: 25.7%;
    width: 100%;
}
.content-l2.spacer-content  {
    background-color: #f4f1e9;
    height: 498px;
    max-width: 25.7%;
    width: 100%;
}
.content-l3.spacer-content  {
    background-color: #f4f1e9;
    height: 498px;
    max-width: 25.7%;
    width: 100%;
}
a.content-l1.spacer-content:hover,
div.content-l1.spacer-content:hover {
            border: solid 1px #7ccaea;
            box-shadow: 10px 10px #7ccaea;
        }
a.content-l2.spacer-content:hover,
div.content-l2.spacer-content:hover {
            border: solid 1px #7ccaea;
            box-shadow: 10px 10px #7ccaea;
        }
a.content-l3.spacer-content:hover,
div.content-l3.spacer-content:hover {
            border: solid 1px #7ccaea;
            box-shadow: 10px 10px #7ccaea;
        }
.keywords-links.incubwebs {
    margin: -33px 0px 0px -23px;
    font-size: 16px;
    font-weight: 400;
    font-style:normal;
    display: -webkit-inline-box;
}
.lastbox {
    float: none;
    margin: auto;
    display: block;
}
.leads-programs-resp.spacesresp {
    background-color: #f2f2f2;
    max-height: 884px;
    height: 100%;
}
.companies-incub.title2 {
        margin-top: 55px;
}
@media (max-width: 768px) {
    .leadcar-content-holder.resp {
        background-color: #f4f1e9;
    }
    .leads-programs-resp.spacesresp {
        background-color: white;
        max-height: 884px;
        height: 100%;
    }
    .keywords-links.incubwebs {
        margin: -33px 0px 50px -23px;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        display: -webkit-inline-box;
    }
    div.leads-activity-1 a:hover {
         border: solid 1px #ff946a;
         box-shadow: 10px 10px #ff946a;
    }
     div.leads-activity-2 a:hover {
         border: solid 1px #ffcf69;
         box-shadow: 10px 10px #ffcf69;
    }
}
/***********************
/////////////////////// MENU
***********************/
.navbar-default {
    background-color: #f8f8f8;
    border-color: white;
}
.main-menu {
    display: block;
    margin: 20px auto;
}
.cleantech {
    display: block;
    position: relative;
    top: -16px;
}
.comunific {
    display: block;
}
.menu-custom {
    margin-top: 14px;
    display: block;
}
.menu-custom2 {
    background-color: white;
    margin-bottom: 0px;
    font-size: 16px;
    /*overflow: hidden;*/
}
ul.menu-custom2 p {
    font-size: 16px;
    color:#31302e;
}
.btnsPadding  {
    padding-top: 13px;
}
.menu-cta {
    max-height: 328px;
    overflow-y: auto;
    overflow-x: hidden;
}
.menu-logo {
    display: inline-block;
    float: left;
}
.menu-logo img {
    width: 144px;
    height: 48px;
    margin: 24px 0px 0px 8px;
    display: inline-block;
}
.main-menu a {
    display: inline-block;
    margin: 0px 12px 0px 12px;
    text-decoration: none;
    color: #1d1c1b;
}
.menu-panel-who {
    display: block;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 6px 0px;
}
.menu-panel-nw {
    display: block;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 6px 0px;
}
.right-blue-arrow {
    display: inline-block;
    position: relative;
    left: -5px;
}
.right-blue-arrow-custom {
    height: 17px;
    width: 17px;
    position: relative;
    left: -4px;
}
.menu-panel-leftbar {
    float: left;
    display: block;
    height:480px;
    padding: 32px 0px 0px 150px;
}
.menu-panel-leftbar p {
    font-size: 14px;
    line-height: 1.38;
    letter-spacing: normal;
    font-weight: normal;
    color: #1d1c1b;
}
.menu-panel-rightbar p {
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: normal;
    font-weight: normal;
    color: #1d1c1b;
}
.left-main-paragraph h3 {
    font-size:24px;
    color: #005e85;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: normal;
    margin-top: 0px;
}
.right-main-paragraph {
    padding: 0px 0px 0px 31px;
}
.right-main-paragraph-2 {
    margin-top: 12px;
    padding: 0px 0px 0px 31px;
}
.right-main-paragraph-2 h4  {
    font-weight: 600;
    margin-bottom: 6px;
}
.right-main-paragraph h4  {
    font-weight: 600;
    margin-bottom: 6px;
}
.txtblock {
    position: relative;
    left: -12px;
    margin-top: 12px;
}
.txtblock h4 {
    font-weight: 600;
    margin-bottom: 6px;
}
.menu-panel-leftbar a:hover {
    text-decoration: underline;
}
.menu-panel-rightbar a:hover {
    text-decoration: underline;
}
.resources-rightside a:hover {
    text-decoration: underline;
}
.no-margin {
    margin: 0px;
}
.txtblock p {
    color:#1d1c1b;
    font-weight: normal;
    font-size: 14px;
    margin:0px;
}
.menu-panel-rightbar {
    display: inline-block;
    background-color: #f4f1e9;
    /*width: 62%;*/
    height: 388px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    padding: 22px 0px;
    float: right;
}
.menu-panel-rightbar, .menu-panel-leftbar, .dropdown-panel-assessorament {
    color:#005e85;
    font-weight: 600;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color: white;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.active>a {
    background-color: white;
    border-bottom: solid 5px #ffa31a;
    font-weight: 600 !Important;
    color: #1d1c1b;
    padding-bottom: 10px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #1d1c1b;
    background-color: transparent;
}
.navbar-default .navbar-collapse {
    background-color: white; 
    border: none;
    position: initial;
    margin-left: 25%;
}
#main-menu > div > div > nav > div.navbar-collapse.js-navbar-collapse > ul > li.dropdown.dropdown-large.open > a {
    background-color: white;
}
.extra-menu-elements {
    height: 8px;
    margin-left: 16px;
}
.dropmenu-main-panel {
    width: 98%;
    height: 390px;
}
.mymenuclass {
    background-color: white;
}
.menu-panel-assessorament {
    width: 45.5%;
    padding: 32px 0px 30px 150px;
}
.menu-panel-assessorament p {
    color: #1d1c1b;
    font-weight: normal;
}
.menu-panel-assessorament h4 {
    font-size: 24px;
    font-weight: 600;
}
.custom-title {
    font-weight: 600;
    font-size:18px;
    color:#005e85;
    padding-bottom: 6px;
}
.spaces-custom-title {
    font-weight: 600;
    font-size:16px;
    color:#005e85;
    padding-bottom: 6px;
    margin-top: 3px;
    margin-bottom: 5px;
}
.spaces-custom-title-2 {
    font-weight: 600;
    font-size:16px;
    color:#005e85;
    padding-bottom: 1px;
    margin-top: 2px;
}
.block-placer {
    display: block;
    position: relative;
    top: 21px;
}
h5.custom-title  {
    margin: 0px;
    display: inline-block;
}
h5.custom-title-activities-block {
    margin: 0px;
    font-size:16px;
    font-weight: 600;
    color:#005e85;
    width: 144px;
}
.custom-title-activities {
    font-weight: 600;
    font-size:18px;
    color:#005e85;
    padding: 0px 0px 4px 15px;
}
.dropdown-panel-assessorament {
    width: 1440px;
}
.dropdown-panel-assessorament .right-side {
    background-color:#f4f1e9;
    width: 48.6%;
    height: 179px;
    float:right;
    display:block;
    padding: 34px 0px 0px 33px;
}
.activities-left-panel {
    display: block;
    padding: 32px 0px 0px 150px;
    margin-right: 37px;
}
.activities-right-panel {
    display: -webkit-box;
}
.unit-title {
    border-bottom: solid 1px #bdbdbc;
    padding: 0px;
    margin: 12px 0px 16px 29px;
    color: #5a5a58 !important;
    width: 91%;/*396px*/
}
.activities-unit-title {
    border-bottom: solid 2px #bdbdbc;
    padding: 0px;
    margin: 12px 0px 18px 14px;
    color: #5a5a58;
    width: 338px;
}
.activities-unit-title-2 {
    border-bottom: solid 2px #bdbdbc;
    padding: 0px;
    margin: 1px 0px 18px 14px;
    color: #5a5a58;
    width: 150px;
    float: right;
    position: relative;
    right: 36px;
}
.activities-unit-title-3 {
    border-bottom: solid 2px #bdbdbc;
    padding: 0px;
    margin: 12px 0px 18px 14px;
    color: #5a5a58;
    width: 350px;
}
.act-block {
    margin: 0px 0px 14px 0px;
    line-height: 1.38;
}
.act-fixed-block {
    position: relative;
    float: left;
    top: 0px;
}
.activities-left-panel h4  {
    color:#005e85;
    font-size: 24px;
    font-weight: 600;
}
.activities-left-paragraph {
    margin: 0px 0px 12px 0px; 
}
.activities-main-paragraph {
    display: block;
    background-color: #f4f1e9;
    padding: 34px 20px 14px 29px;
    min-height: 638px;
}
.activities-main-paragraph h4 {
    margin-left: 12px ;
}
.idees  {
    display: block;
    position: relative;
    top: -12px;
}
.femeni {
    display: block; 
    position: relative;
    top:-4px;
}
.activities-grid-unit  {
    display: block;
    margin-right: 29px !important;
}
.toright {
    float: right;
    display: block;
}
.toleft {
    float: left;
    display: block;
}
.custom-paragraph {
    font-size: 14px;
    display: block;
    color: #31302e !important;
    font-weight: 400;
}
.espaces-leftside {
    width: 69%;
    padding:14px 0px;
}
.espaces-leftside-panel {
    padding: 3% 0px 0px 7.5%;
}
.espaces-leftside-panel h3 {
    color:#005e85;
    font-weight: 600;
}
.spaces-fixer {
    margin-top: -39px;
    display: block;
}
p.spaces-p {
    margin: -8px 0px 21px 0px;
}
.incubators {
    display: inline-block;
    float: left;
    width: 50%;
}
.incub-services {
    display: inline-block;
    float: right;
    width: 50%;
}
.resources-leftside h4 {
    font-size: 24px;
    color:#005e85;
    font-weight: 600;
}
body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}
/* DISPLACEMENT ... RESOURCES */
.menu-resources-reports {
    text-align: left;
    background-color: #ffffff;
    height: 120px;
    position: relative;
    cursor: pointer;
    border: solid 1px #bcb9b3;
    width: 263px;
}
.menu-inner-border {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 2px solid transparent;
    pointer-events: none;
}
.menu-resources-reports-col {
    padding: 12px 8px;
    width: 279px;
}
.menu-reports-inner-border {
    margin:20px 0px 5px 20px;
    border: solid 1px #bcb9b3;
}
.menu-resources-reports-title {
    position: absolute;
    left: 16px; 
    right: 16px; 
    top: 16px; 
    font-weight: 600; 
    font-size: 16px; 
    line-height: 1.38;
    color: #005e85;
    margin-bottom: 12px;
}
.menu-resources-reports-content {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 12px;
    color: #31302e;
}
.menu-resources-reports-key {
    font-weight: 600;
}
.menu-resources-reports-content > * {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 14px;
}
.menu-resources-reports-content {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 12px;
    color: #31302e;
}
.small-p {
    font-size: 12px;
    display: block;
    text-transform: uppercase;
}
.displacement-spacer {
    display: block;
    margin: 0px 24px 0px -6px;
}
.gridmode {
    display: grid;
}
@media (max-width: 860px) {
    .extra-menu-elements {
        height: 8px;
        margin-left: 16px;
        display: block;
    }
}
@media (min-width: 768px){
    .menu-reports-inner-border {
        margin: 20px 7px 5px 20px;
    }
}
/*-------------------*/
.resources-leftside {
    padding-top: 22px;
    margin-left: 57px;
}
.espaces-rightside-panel {
    float: right;
    width: 68%;
    height: 570px;
    padding: 26px 0px 0px 12px;
    display: inline-block;
    background-color: #f4f1e9;
}
.resources-unit-title {
    margin: 24px 0px 0px 0px;
    border-bottom: solid 1px #bdbdbc;
    color: #5a5a58 !important;
    width: 568px;
}
.resources-unit-title-2 {
    margin: 16px 0px 0px 0px;
    border-bottom: solid 1px #bdbdbc;
    color: #5a5a58 !important;
    width: 568px;
}
div.spacer {
    display: block;
    margin-left: 2px;
}
.blogblock {
    display: block;
    margin: 24px 0px;
}
.spaces-dropdown-custom {
    width: 98%;
    min-height: 615px;
    height: 100%;
}
.informs {
    display: block;
    margin-left: -12px;
}
.menu-panel-spaces h4 {
    font-size: 24px;
}
.resources-holder {
    width: 1440px;
    height: 508px;
}
.resources-panel {
    padding: 0px 0px 12px 75px;
}
.resources-rightside {
    background-color: #f4f1e9;
    padding: 34px 0px 0px 29px;
    float: right;
    width: 736px;
    height: 506px;
    margin-top: 0px;
    color: #5a5a58;
}
a:hover .custom-title {
    text-decoration: underline !important;
}
.most-used-tools {
    margin: 16px 0% 30px -21px;
}
.custom-title-tools {
    font-size: 16px;
    color:#005e85;
    font-weight: 600;
    line-height: 1.29;
}
.most-used-tools img {
    margin: 0px 16px 0px 0px;
    border-radius: 50px;
    float: left;
}
.inform-square {
    width: 263px;
    height: 112px;
    background-color: white;
    padding: 14px;
    margin: 16px 30px 34px 4px;
    border: solid 1px #bdbdbc;
    float: left;
}
.inform-square p {
    font-size: 16px;
}
.inform-square .smallcaps {
    font-size: 12px;
}
/* ONLY ON MOBILE*/
.bulletin-icon {
    display:none;
}
 .sharing-images {
        display: none;
}
.menu-name, .logtext, div.gestion {
    display: none;
}
.mobile.menu-logo img {
        display: none;
    }
@media (max-width:1200px) {
    .espaces-rightside-panel {
        height: 677px;
    }
    .spaces-dropdown-custom {
        height: 680px;
    }
    .menu-name {
        color: #005e85;
        font-weight: 600;
        display: inline-block;
        float: right;
        top: 19px;
        position: relative;
    }
    .mobile.menu-logo img {
        max-width: 144px;
        width: 100%;
        height: 48px;
        margin: 8px 0px 6px 15px;
        display: inline-block;
        position: sticky;
        z-index: 10;
        top: 63px;
    }
    .logtext {
        margin-top: 18px;
    }
    .gestion p  {
        margin-bottom: -6px;
        font-size: 16px;
        color: #005e85;
        margin-left: -5px;
    }
    #bs-example-navbar-collapse-1 > div.extra-menu-elements > div.logtext > div.gestion > small {
        padding: 0px;
        margin-bottom: -6px;
    }
    .close-session p a {
        display: block;
        margin-top: 8px;
        color: red;
        font-size: 16px;
        margin-left: -5px;
    }
}
@media screen and (min-width: 800px) {
    .list-menu, .logged-user, .menu-down-icon {
        display: none;
    }
} 
@media screen and (max-width: 980px) {
    .navbar-default .navbar-collapse {
        background-color: white; 
        margin-left: 0%; 
    }
}
@media screen and (max-width: 840px) {
    .list-menu {
        display:block;
        padding:8px 0px 8px 12px;
        font-weight: 600;
        color:#005e85;
    }
    .list-menu a p {
        padding-top:6px;
        padding-bottom: 16px;
        text-decoration: none;
        border-bottom: solid 1px #d7d7d7;
    }
    .list-menu:nth-child(1) {
        border-top: solid 1px #d7d7d7;
        padding:8px 0px 8px 12px;
    }
    .menu-logo {
        display: inline-block;
        float: none;
    }
    li.dropdown.open a img  {
        transform: rotate(180deg); /* Standard syntax */
        transition: 0.5s;
    }
    .dropdown-panel-assessorament .right-side {
        background-color: #f4f1e9;
        width: 48.6%;
        height: 149px;
        float: right;
        display: none;
    }
    .menu-panel-leftbar, .menu-panel-rightbar {
        display: none;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        background-color: white;
        border-bottom: none;
        font-weight: 600;
        padding-left:0px;
        padding-right:0px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .menu-down-icon {
        display: block;
        float: right;
    }
    .custom-menu {
        text-decoration: none;
        background-color: white;
        border-bottom: solid 1px #d7d7d7;
    }
    .dropdown-panel-assessorament, .menu-panel-assessorament, .right-side, .menu-panel, .menu-panel-nw, .resources-panel {
        display: none;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px;
        border-bottom: solid 1px #d7d7d7;
        font-weight: 600;
    }
    .navbar-default .navbar-nav>li>a {
        color: #31302e;
    }
    .logged-user {
        margin-top: 38px;
    }
    .logged-user h4 {
        color:#005e85;
    }
    .logged-user small {
        display: block;
        position:relative;
        top: -6px;
    }
    .logged-user span {
        color: red;
        padding: 12px 0px;
        display: block;
    }
    .bulletin-icon {
        display: inline-block;
        float: left;
    }
    .bulletin-icon img {
        display: inline-block;
        float: left;
    }
    .bulletin-icon p {
        float:left;
        padding:3px 0px 0px 2px;
        font-weight: 600;
        color:#005e85;
        display: inline-block;
    }
    .sharing-images {
        display: block;
        position: relative;
        right: -3px;
        margin: 14px 0px 14px 0px;
        color:#1d1c1b;
    }
    .sharing-images img {
        margin: 0px 10px 0px 0px;
        width: 40px;
        height: 40px;
    }
    .extra-menu-elements {
        display: block;
        margin: 20px 0px 30px 14px;
    }
    ul.menu-custom2 p {
        font-size: 16px;
        color:#005e85;
    }
    
} 
/****** DROP DOWN NAV********/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: -16px;
  margin-right: 16px;
  padding: 0px;    
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight:300;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
    
}
/*******************
///////////////// STATISTICS BANNER
*******************/
.statistics-banner {
    display: block;
    margin: 24px 0px 0px 0px;
}
.statistics-banner h3 {
    margin-top: -4px;
}
.statistics-holder  {
    display: block;
    margin: 12px auto 12px auto;
    text-align: center;
    background-color: white;
}
.statistics-title {
    display: block;
    margin-bottom: 14px;
}
.projectes, .activitats, .professionals {
    display: inline-block;
    margin: 40px 0px 58px 0px;
    font-size: 27px;
    font-weight: 600;
    line-height: 47px;
    text-align: -webkit-center;
    font-weight: 600;
}
.statistics-subtitle {
    font-size: 27px;
    display: inline-block;
    margin: 0px 0px 20px 0px;
}
.projectes {
    color: #802603;
    padding: 0px 10px 0px 12px;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    font-style: normal;
    font-stretch: normal;
}
.professionals {
    color:   #7c5802;
    padding: 0px 10px 0px 10px;
    position: relative;
    /*right: 46px;*/
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    line-height: normal;
    font-style: normal;
    font-stretch: normal;
}
.activitats {
    color: #c77502;
    padding: 0px 60px 0px 60px;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    font-style: normal;
    font-stretch: normal;
}
.bignumber {
    font-size: 54px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}
@media (max-width: 790px) {
    .statistics-holder {
        display: block;
        margin: 10px auto 12px auto;
        text-align: center;
        background-color: white;
    }
    .statistics-banner {
        display: block;
        margin: 40px 0px 0px 0px;
    }
    .projectes, .activitats, .professionals {
        display: inline-block;
        margin: 40px 0px 0px 0px;
    }
    .activitats {
        color: #c77502;
        padding: 0px 60px 0px 60px;
        position: relative;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        line-height: normal;
        font-style: normal;
        font-stretch: normal;
        margin-top: -21px;
        margin-bottom: 40px;
    }
    .projectes {
        color: #802603;
        padding: 0px 10px 0px 12px;
        position: relative;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        line-height: normal;
        font-style: normal;
        font-stretch: normal;
        margin-right: 20px;
    }
    .professionals {
        color:   #7c5802;
        padding: 0px 10px 0px 10px;
        position: relative;
        font-weight: 600;
        font-size: 24px;
        text-align: center;
        line-height: normal;
        font-style: normal;
        font-stretch: normal;
        margin-bottom: 73px;
    }
}
/***************
////////////////  ENTREPRENEUR MAP
***************/
.entrepreneur-map {
    background-color: #f4f1e9;
    text-align: center;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    width:100%;
}

.entrepreneur-map.quisom {
    margin-top: 0px;
}

.entrepreneur-map-block {
    background-color: #f4f1e9;
    text-align: center;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width:100%;
    height: 80px;
}

.entrepreneur-map-block.quisom {
   margin-bottom: 48px; 
}

.middle-img-holder {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    width:100%;
    height:440px;
    position: relative;
    background-image: url(/img/enterpreneur-map-backimage.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.entrepreneur-text {
    font-family:  'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    margin: 19px 0px 0px 0px;
}
.entrepreneur-text h3 {
    display: block;
    margin: 1px 0px 32px 0px;
}
.bolderfont {
    font-weight: 600;
}
.entrepreneur-map-ctas {
    font-size: 18px;
    font-weight: 300;
    height: 159px;
    display: block;
    background-color: white;
    opacity: 0.9;
    text-align: left;
    color: #31302e;
    padding: 16px;
    letter-spacing: 0.4px;
    line-height: 1.33;
    letter-spacing: normal;
}
.cta-holder a {
    height: 159px;
    transition: height 0.3s;
}
.ctas-holder {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width:100%;
}
.ctas-holder a:hover {
    height: 315px;
}
.ctas-action a {
    height: 159px;
    display: block;
    text-decoration: none;
    line-height: 1.33;
}
.ctas-action a:hover .cta-hover-content {
    height: 315px;
    width: 262px;
    background-color: white;
    text-decoration: none;
    opacity: 0.9;
    text-align: left;
    color:#1d1c1b;
    position: absolute;
    top:15px;
    overflow: hidden;
    display: block;
    opacity: 1;
    letter-spacing: normal;
    transition: height 0.3s;
}
.hover-title {
    font-size:18px;
    font-weight: 300;
}
.hover-title-model {
    font-size:18px;
    font-weight: 300;
}
.cta-hover-content {
    color: #31302e;
    padding: 14px 15px;
    display: none;
    left: 16px;
    height: 306px;
    min-width: 262px;
    font-size: 15px;
    line-height: 22px;
    font-weight: normal;
}
.cta-hover-content p {
    display: block;
    position: relative;
    top: 2px;
    line-height: 1.30;
}
.cta-hover-content h4 {
    font-weight: normal;
    display:block;
    position: relative;
    top: 2px;
}

.entrepreneur-map-ctas h4 {
    font-weight: 600;
    margin-top: 0px;
}
img.plusIcon {
    position: absolute;
    bottom: 19px;
    right: 19px;
}
img.lessIcon {
    position: absolute;
    bottom: 8px;
    right: 11px;
}
.ctas-padding {
    padding:15px;
}
.ctas-blocks-padding {
    padding-top: 100px;
}
.mobile-entrepreneu-map {
    display: none;
}
@media (max-width: 990px){
    .cta-hover-content {
        color: #31302e;
        padding: 14px 15px;
        display: none;
        left: 15px;
        max-height: 180px;
        min-width: 253px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
    }
    .cta-hover-content:hover {
        display: none;
    }
    .ctas-padding.ctas-action {
        max-height: 187px;
    }
    .ctas-action:hover .cta-hover-content {
        height: 115px;
        min-width: 466px;
        background-color: white;
        text-decoration: none;
        opacity: 0.9;
        text-align: left;
        color:#1d1c1b;
        position: absolute;
        top:15px;
        overflow: hidden;
        display: none;
        opacity: 1;
        letter-spacing: normal;
        transition: height 0.3s;
    }

}
@media (max-width: 1050px) {
    .ctas-action a:hover .cta-hover-content {
        height: 315px;
        width: 235px;
        background-color: white;
        text-decoration: none;
        opacity: 0.9;
        text-align: left;
        color:#1d1c1b;
        position: absolute;
        top:15px;
        overflow: hidden;
        display: block;
        opacity: 1;
        letter-spacing: normal;
        transition: height 0.3s;
    }
}
/* ----------------- */
@media (max-width: 768px){
    .middle-img-holder {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        width: 100%;
        height: 440px;
        position: relative;
        background-image: url(/img/enterpreneur-map-backimage.jpg);
        background-repeat: no-repeat;
    }
    .desktop-entrepreneu-map {
        display: none;
    }
    .mobile-entrepreneu-map {
        display: block;
        width: auto;
        height: auto;
        margin: 40px auto 0px auto;
    }

    .mobile-entrepreneu-map .carousel-indicators {
        bottom: 50px; 
        display: none;
    }

    .mobile-entrepreneu-map.quisom {
       margin-top: 0px;
       margin-bottom: 48px; 
    }

    .carousel-inner.map {
        position: relative;
        width: 120%;
        overflow: hidden;
    }
    .map {
        display: inline-block;
	   width: 415px;
    }
    div.map > .item {
         display: -webkit-inline-box;
        vertical-align: top;
        margin-right: 11px;
    }
    .dropdown-panel-assessorament .right-side {
        background-color: #f4f1e9;
        width: 48.6%;
        height: 149px;
        float: right;
        display: none;
    }
    #text-carousel {
      width: 100%;
      height: 590px;
      padding: 50px;
      background-color: #f4f1e9;        
    }
    .entrepreneur-text {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 24px;
        font-weight: 100;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 0.4px;
        margin: 18px 0px 0px 0px;
        text-align: center;
    }
    .entrepreneur-map-ctas {
        font-size: 16px;
        font-weight: 100;
        height: 355px;
        background-color: white;
        opacity: 0.9;
        text-align: left;
        color: #1d1c1b;
        padding: 15px;
        transition: height 2s;
    }
    
    /*--------entrepreneu-hover-------*/
    .carousel-inner.map {
        position: relative;
        width: 120%;
        overflow: hidden;
        height: 300PX;
    }
    .cta-hover-content {
        color: #31302e;
        padding: 14px 15px;
        display: none;
        left: 16px;
        max-height: 380px;
        min-width: 253px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
    }
    .cta-hover-content:hover {
        display: none;
    }
    .ctas-padding.ctas-action {
        max-height: 187px;
    }
    .ctas-action:hover .cta-hover-content {
        height: 115px;
        min-width: 463px;
        background-color: white;
        text-decoration: none;
        opacity: 0.9;
        text-align: left;
        color:#1d1c1b;
        position: absolute;
        top:15px;
        overflow: hidden;
        display: none;
        opacity: 1;
        letter-spacing: normal;
        transition: height 0.3s;
    }
}
/**********************
/////////////////////// CAROUSEL BLOG
**********************/
h2.title2.carousel-main-title {
    text-align: center;
    padding-top: 28px;
    margin-bottom: 0px;
}
.carousel-content-holder {
    max-width: 76%;
    height: 232px;
    margin: 21px auto 40px auto;
    text-align: left;
    font-size: 16px;
    display: block;
}
.text-area  strong {
    font-weight: 600 !Important;
}
.carousel-content-holder a {
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
}
.carousel-content-holder a:hover {
    text-decoration: underline;
}
.carousel-control:focus, .carousel-control:active {
    opacity: 1;
}
div.carousel-content-holder p {
    color: #31302e;
    font-size: 16px;
    margin-bottom: 18px;
    margin-top: 21px;
}
.carousel-content-holder .title {
    color:#005e85;
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0px 15px 0px;
    padding: 12px 0px 0px 0px;
    line-height: 1.33;
    letter-spacing: normal;
}
.carousel-content-holder img {
    display: block;
    float: left;
    margin-right: 30px;
}
.blog-carousel-left img {
    position: absolute;
    padding-top: 183px;
    left: -37%;
}
.blog-button {
    display: block;
    margin: -10px auto 0px auto;
    text-align: center;
    margin-bottom: 40px;
}
.blog-carousel-right img {
    position: absolute;
    right: -33%;
    padding-top: 183px;
}
.autortxt {
    display: block;
    margin-top: 30px;
}
.carousel-control.left, .carousel-control.right {
    background: none !important;
    opacity: 1;
}
a.right.carousel-control.no-background {
    background: none;
}
a.left.carousel-control.no-background {
    background: none;
}
.glyphicon {
    color: gray;
}
.slidezise  {
    width: 835px;
    height: 230px;
    display: block;
    position: absolute;
}
/***********************
/// SPECIAL BORDERS (inner-border and displaced-border)
************************/

.blogcar-inner-border {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 2px solid transparent;
}
.blogp p {
    display: block;
    width: 795px;
}

*:hover > .blogcar-inner-border , *:focus > .blogcar-inner-border {
    border-color: #1d1c1b;
}


*:hover > .displaced-border, *:focus > .displaced-border {
    right: -8px;
    left: 8px;
}

/* --------------------------- */

ol.blog.carousel-indicators.blogcarousel-indics-block {
        display: none;
}
@media (max-width: 767px){
    .blog-carousel-carousel {
        width: 100%;
        max-width: 1252px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 16px;
        padding-right: 16px;
    }
    .blogp p {
        display: block;
        width:auto;
    }
    .carousel-content-holder {
        max-width: none;
        height: 759px;
        margin: 8px auto 40px auto;
        text-align: left;
        font-size: 16px;
        display: block;
        padding: 0;
    }
    .carousel-content-holder p {
        float:left;
    }
    .carousel-content-holder img {
        display: block;
        float: left;
        margin: 0px auto 18px auto;
        padding: 0;
        width: 100%;
    }
    *:hover > .displaced-border-blogcar , *:focus > .displaced-border-blogcar {
        right: -8px;
        left: 8px;
    }
    .blogcar-inner-border {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        border: 2px solid transparent;
    }
    .img-area {
        display: block;
    }
    .text-area {
        display: block;
        margin: 0px auto 35px;
        padding: 8px 0px 7px 13px;
        width: 90%;
    }
    .carousel-content-holder .title {
        color:#005e85;
        font-weight: 600;
        font-size: 18px;
        margin: -28px 0px -14px 0px;
        padding: 12px 0px 0px 0px;
        line-height: 1.33;
        letter-spacing: normal;
    }
    .blog-button {
        display: block;
        margin: 22px auto 40px auto;
        width: 100%;
        text-align: center;
    }
    .blog-button .activities-btn {
        margin: 0px auto;
        width: 100%;
    }
    .blogplacer {
        display: block;
        min-height: 865px;
        height: 910px;
    }
    .slidezise {
        max-width: 93%;
        width: 100%;
        min-height: 97%;
        display: table;
        position: absolute;
        margin-top: 8px;
    }
    .autortxt small {
        display: inline-block;
        padding: 25px 0px 25px 0px;
    }
    .carousel-control.left, .carousel-control.right {
        display: none;
    }
    ol.blog.carousel-indicators.blogcarousel-indics-block {
        display: block;
        bottom: 0px;
    }
    .blog-carousel-indicators-numbers li {
       text-indent: 0;
       margin: 0 2px;
       width: 30px;
       height: 30px;
       border: none;
       border-radius: 100%;
       line-height: 30px;
       color: #fff;
       background-color: #999;
       transition: all 0.25s ease;
    }
    .blog-carousel-indicators-numbers li .active  {
        margin: 0 2px;
        width: 30px;
        height: 30px;
        background-color: #337ab7;
      }
    ol.blog-carousel-indicators.carousel-indicators-numbers {
        list-style: none;
        display: -webkit-inline-box;
    }
    .blog .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    ol.blog.carousel-indicators {
        position: absolute;
        bottom: -47px;
    }
    .blog.carousel-indicators .active {
        background-color: #f7ae13 !important;
        top: -1px;
        position: relative;
        width: 14px;
        height: 14px;
    }
    #blog-carousel-example-generic li {
        background-color: #bdbdbc;
        width: 14px;
        height: 14px;
    }
    
}
@media(max-width: 610px) {
    div ol.blog.carousel-indicators.blogcarousel-indics-block {
        display: block;
        bottom: -17%;
    }
    div.blog-button {
        display: block;
        margin: 4% auto 40px auto;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 686px){
    .blog-carousel-carousel {
        width: 100%;
        max-width: 1252px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 16px;
        padding-right: 16px;
    }
    .carousel-content-holder {
        max-width: none;
        height: 639px;
        margin: 8px auto 40px auto;
        text-align: left;
        font-size: 16px;
        display: block;
        padding: 7px;
    }
    .carousel-content-holder p {
        float:left;
    }
    .carousel-content-holder img {
        display: block;
        float: left;
        margin: 0px auto 22px auto;
        padding: 0;
        width: 100%;
    }
    *:hover > .displaced-border-blogcar , *:focus > .displaced-border-blogcar {
        right: -8px;
        left: 8px;
    }
    .blogcar-inner-border {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        border: 2px solid transparent;
    }
    .blogp p {
        display: block;
        width:auto;
    }
    .img-area {
        display: block;
    }
    .text-area {
        display: block;
        margin: 0px auto 35px;
        padding: 8px 0px 7px 13px;
        width: 90%;
    }
     .text-area.blog {
        display: inline-block;
        margin: 6px auto;
        padding: 8px 0px 7px 24px;
        width: 90%;
    }
    .slidezise.blog {
        max-width: 93%;
        width: 100%;
        height: 595px;
        min-height: 600px;
        display: block;
        position: absolute;
        margin-top: 8px;
    }
    .blog-button {
        display: block;
        margin: 0% auto 40px auto;
        width: 100%;
        text-align: center;
    }
    .blogplacer {
        display: block;
        min-height: 640px;
        height: 666px;
    }
    .blog-button .activities-btn {
        margin: 43px auto 12px;
        width: 113%;
    }
    .selections.dis.carousel-content-holder {
        max-width: 84.5%;
        background-color:white;
        height: 400px;
    }
    .slidezise {
        max-width: 93%;
        width: 100%;
        height: 576px;
        min-height: 576px;
        display: table;
        position: absolute;
        margin-top: 8px;
    }
    .controls-cta {
        display: block;
    }
    div.blog.carousel-inner {
        position: relative;
        width: 100%;
        height: 112%;
        overflow: visible;
    }
    .select.slidezise {
        max-width: 93%;
        width: 74%;
        height: 395px;
        min-height: 400px;
        display: block;
        position: absolute;
        margin-top: 8px;
    }
    .selections.blog-carousel {
        display: block;
    }
    .autortxt small {
        display: inline-block;
        padding: 25px 0px 25px 0px;
    }
    .carousel-control.left, .carousel-control.right {
        display: none;
    }
    ol.blog.carousel-indicators.blogcarousel-indics-block {
        display: block;
        bottom: -15%;
    }
    .blog-carousel-indicators-numbers li {
       text-indent: 0;
       margin: 0 2px;
       width: 30px;
       height: 30px;
       border: none;
       border-radius: 100%;
       line-height: 30px;
       color: #fff;
       background-color: #999;
       transition: all 0.25s ease;
    }
    .blog-carousel-indicators-numbers li .active  {
        margin: 0 2px;
        width: 30px;
        height: 30px;
        background-color: #337ab7;
      }
    ol.blog-carousel-indicators.carousel-indicators-numbers {
        list-style: none;
        display: -webkit-inline-box;
    }
    .blog .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    ol.blog.carousel-indicators {
        position: absolute;
        bottom: -143px;
    }
    .blog.carousel-indicators .active {
        background-color: #f7ae13 !important;
        top: -1px;
        position: relative;
        width: 14px;
        height: 14px;
    }
    #blog-carousel-example-generic li {
        background-color: #bdbdbc;
        width: 14px;
        height: 14px;
    }
    
    .video-banner-overlay {
        background: rgb(247,174,19);
        background: linear-gradient(90deg, rgba(247,174,19,1) 0%, rgba(255,255,255,0) 100%);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        opacity: 0.4;
        width: 1440px;
        height: 231px;
    }
    .video-title {
        font-size: 36px;
        display: inline-block;
        font-weight: bold;
        color: #ffffff;
        position: relative;
        bottom: 21px;
        left: -31px;
    }
    .video-banner-cta {
        position: absolute;
        top: -33px;
        width: 262px;
        left: -15px;
    }
    
}
div.blog.carousel-inner {
        position: relative;
        width: 100%;
        height: 112%;
        overflow: visible;
    }
@media (max-width: 320px){
    .blog-carousel-carousel {
        width: 100%;
        max-width: 1252px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 16px;
        padding-right: 16px;
    }
    .carousel-content-holder {
        max-width: none;
        height: 554px;
        margin: 8px auto 40px auto;
        text-align: left;
        font-size: 16px;
        display: block;
        padding: 7px;
    }
    .carousel-content-holder p {
        float:left;
    }
    .carousel-content-holder img {
        display: block;
        float: left;
        margin: 0px auto 18px auto;
        padding: 7px;
        width: 100%;
    }
    *:hover > .displaced-border-blogcar , *:focus > .displaced-border-blogcar {
        right: -8px;
        left: 8px;
    }
    .blogcar-inner-border {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        border: 2px solid transparent;
    }
    .img-area {
        display: block;
    }
    .text-area {
        display: inline-block;
        margin: -2px auto;
        padding: 8px 0px 7px 13px;
        width: 90%;
        height: 300px;
    }
    .blogp p {
        display: block;
        width:auto;
    }
    .blog-button {
        display: block;
        margin: 22px auto 40px auto;
        width: 100%;
        text-align: center;
    }
    .blog-button .activities-btn {
        margin: 17px auto;
        width: 100%;
    }
    .blogplacer {
        display: block;
        min-height: 640px;
        height: 666px;
    }
    .slidezise {
        max-width: 400px;
        width: 90%;
        height: 552px;
        min-height: 560px;
        display: block;
        position: absolute;
        margin-top: 8px;
    }
    .carousel-control.left, .carousel-control.right {
        display: none;
    }
    ol.blog.carousel-indicators.blogcarousel-indics-block {
        display: block;
    }
    .blog-carousel-indicators-numbers li {
       text-indent: 0;
       margin: 0 2px;
       width: 30px;
       height: 30px;
       border: none;
       border-radius: 100%;
       line-height: 30px;
       color: #fff;
       background-color: #999;
       transition: all 0.25s ease;
    }
    .blog-carousel-indicators-numbers li .active  {
        margin: 0 2px;
        width: 30px;
        height: 30px;
        background-color: #337ab7;
      }
    ol.blog-carousel-indicators.carousel-indicators-numbers {
        list-style: none;
        display: -webkit-inline-box;
    }
    .blog .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    ol.blog.carousel-indicators {
        position: absolute;
        bottom: -30px;
    }
    .blog.carousel-indicators .active {
        background-color: #f7ae13 !important;
        top: -1px;
        position: relative;
        width: 14px;
        height: 14px;
    }
    #blog-carousel-example-generic li {
        background-color: #bdbdbc;
        width: 14px;
        height: 14px;
    }
    
}   
@media (min-width: 760px) {
    .blog-carousel-left img {
        position: absolute;
        padding-top: 172px;
        top: 3%;
        left: -34%;
    }
}
/*****************
////////////////// LEADS
*****************/
.activities-programs-holder {
            background-color: #f2f2f2;
            height: 723px;
            max-width: 1477px;
        }
.main-image {
            display: block;
        }
.programs-title {
            font-size: 20px;
            font-weight: 600;
            color: #005e85;
            font-family: 'Source Sans Pro', sans-serif;
            margin: 24px 0px 11px 12px;
        }
a:hover .programs-title {
  text-decoration: underline;
}
.main-content {
            width: 92%;
            margin: 0px 0px 0px 12px;
            font-size: 16px;
        }
.main-content p {
            color: #31302e;
        }
  ul {
            margin-left: 0px;
            margin-top: 25px;
        }
.keywords-links ul li {
            list-style: none;
            margin-left: 0px;
            padding-top:8px;
            padding-right: 14px;
            margin: 0px 0px 0px 12px;
        }
li.hashtag {
            margin-top:22px;
            font-style: normal;
        }

.activities-main-title {
            font-family: 'Source Sans Pro', sans-serif;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            margin: 28px 0px 16px 0px;
        } 
.activities-displaced-border {
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            border: 2px solid orange;
            pointer-events: none;
        }
div.content-l1:hover {
            border: solid 1px #ff946a;
            box-shadow: 10px 10px #ff946a;
        }
div.content-l2:hover {
            border: solid 1px #ffb36b;
            box-shadow: 10px 10px #ffb36b;
        }
div.content-l3:hover {
            border: solid 1px #ffcf69;
            box-shadow: 10px 10px #ffcf69;
        }
.liderabutton.button-gray {
            border-style: none;
            border-radius: 0px;
            padding: 13px 24px 15px 24px;
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            min-width: 160px;
            background-color: #31302e;
            color: white;
            width: 400px;
        }
.activities-cta {
            display: block;
            text-align: center;
            margin-top: -34px;
            margin-left: -17px;
        }
  @media (max-width: 1190px) {
            .activities-programs-holder {
                background-color: #f2f2f2;
                height: 100%;
                max-width: 1477px;
            }
}

/***************
///////////// SOCIAL ECONOMY 
****************/
.social-economy.leads-header-head {
    background-color: #6c4678;
}
.social-eco.card-boxes-carousel {
    text-align: center;
    margin-top: 28px;
}

.social-eco h3.title3 {
    margin-bottom: 16px; 
}

.social-eco .title4 {
    cursor: pointer; 
}

.social-eco a.regular {
    font-weight: 400; 
}

.social-eco-ctas {
    display: inline-block;
}

button.social-eco-ctas:nth-of-type(1) {
    margin-right: 22px;
}

.ctas-setter {
    margin-top: 32px;
    margin-bottom: 24px;
    margin-right:15px;
    margin-left: 15px;
    max-width: 382px; 
}

.ess-activities-btn {
    white-space: normal;
    margin-right:15px;
    margin-left: 15px; 
    max-width: 382px; 
}

.socialeco.leads-cta {
    margin-bottom: 68px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.ess.activities .title2 {
    margin-top: 0px; 
}

@media (max-width: 768px) {
    .ctas-setter, .ess-activities-btn {
        max-width: 345px; 
        width: 100%; 
    }

}

/* PHOTO BANNER*/
.socialeco.photo-banner {
    text-align: center;
    margin-top: 48px;
}
.socialeco.photo-banner-col.col-xs-12 {
    margin-top: 70px;
}
.socialeco.photo-banner-background {
    position: absolute;
    background-color: #6c4678;
    opacity: 0.8;
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.socialeco.photo-text-row1 {
    background-color: #dbceed; 
    color: #31302e; 
}
.photo-banner-background.b {
    background-color: #eff2b4;
}
.ess.photo-banner-title {
    color: #1d1c1b;
}
.ess.photo-banner-text {
    color: #1d1c1b;
}
.ess.leads-programs-holder {
    background-color: #f2f2f2;
    max-height: 723px;
    height: 100%;
    max-width: 1477px;
    margin-top: 0px;
    margin-bottom: 72px;
}

/* SOCIALECO BANNER CTA 1 */
.socialeco.txt-img-banner .txt-img-banner-title {
    font-size: 29px;
    font-weight: 700;
}
.socialeco.txt-img-banner {
    padding: 0;
    background-color: #eff2b4;
    margin-top: -28px;
}
div.socialeco-cta.txt-img-banner-cta-btn {
    height: 32px;
    padding: 4px 16px;
    background-color: #31302e;
    float: left;
    color: white;
    margin-top: 24px;
    font-weight: 600;
    font-size: 16px;
}
/***************
/////////////// CONTENT CAROUSEL STYLES
***************/
.carItem {
    width: 300px;
    height:80px;
}

.gallery {
  background: white;
}

.gallery-cell {
  width: 24%;
  height: 96px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
  border: solid 1px #d7d7d7;    
}

.gallery-cell.is-selected {
  background: #ED2;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.flickity-slider {
    position: absolute;
    width: 111% !Important;
    height: 100%;
}
.flickity-prev-next-button.previous {
    left: -70px !important;
}
.flickity-prev-next-button.next {
    right: -70px !Important;
}
/* latest with cell content*/
* { box-sizing: border-box; }
.carousel-top {
    z-index: 111;
    position: relative;
    top: -30px;
}
.carousel-top p {
    color:#005e85;
    font-size: 18px;
    position: relative;
    top: -4px;
}
a.carousel-cell small {
    color: gray;
    position: relative;
    top: -5px;
}
.carousel-cell {
  height: 96px;
  width: 352px;
  padding: 14px 16px;
  background: white;
  border: solid 1px #d7d7d7;
  background-clip: padding-box;    
  box-shadow: #f2f2f2 5px 5px;    
}
.carousel-top a:hover:nth-child(1) {
    text-decoration: none;
    display:block;
    box-shadow: #ff946a 5px 5px;
    border: solid 1px #ff946a;
}
.carousel-top a:hover:nth-child(2) {
    text-decoration: none;
    display:block;
    box-shadow: #ffcf69 5px 5px; 
    border: solid 1px #ffcf69;
}
.carousel-top a:hover:nth-child(3) {
    text-decoration: none;
    display:block;
    box-shadow: #ffb36b 5px 5px; 
    border: solid 1px #ffb36b;
}
.carousel-top a:hover:nth-child(4) {
    text-decoration: none;
    display:block;
    box-shadow: #ff946a 5px 5px; 
    border: solid 1px #ff946a;
}
.carousel-top a:hover:nth-child(5) {
    text-decoration: none;
    display:block;
    box-shadow: #ffcf69 5px 5px; 
    border: solid 1px #ffcf69;
}
.carousel-top a:hover:nth-child(6) {
    text-decoration: none;
    display:block;
    box-shadow: #ffb36b 5px 5px; 
    border: solid 1px #ffb36b;
}
.carousel-top a:hover:nth-child(7) {
    text-decoration: none;
    display:block;
    box-shadow: #ff946a 5px 5px; 
    border: solid 1px #ff946a;
}
.carousel-top a:hover:nth-child(8) {
    text-decoration: none;
    display:block;
    box-shadow: #ffcf69 5px 5px; 
    border: solid 1px #ffcf69;
}
.carousel-top a:hover:nth-child(9) {
    text-decoration: none;
    display:block;
    box-shadow: #ffb36b 5px 5px; 
    border: solid 1px #ffb36b;
}
.flickity-prev-next-button {
    top: 50%;
    width: 28px !Important;
    height: 44px;
    border-radius: 100% !Important;
    transform: translateY(-50%);
}
.flickity-resize .carousel-cell {
  min-height: 110%;
}
.flickity-resize .carousel-cell {
    min-height: 96px;
}
.flickity-viewport {
    height:122px !important;
}
.flickity-page-dots {
  display: none;
}
@media (max-width:1200px) {
    .flickity-viewport {
        height: 149px !important;
    }
}
@media (max-width: 980px) {
    .flickity-viewport {
        height:150px !important;
    }
}
@media (max-width: 780px) {
    .flickity-prev-next-button.next, .flickity-prev-next-button.previous  {
        display: none;
    }
    .flickity-viewport {
        height:150px !important;
    }
    div.photo-banner-background.b {
        background-color: #eff2b4;
        margin-left: 12px;
    }
    button.sse.photo-banner-button  {
        min-width: 235px;
        margin-top: 20px;
        margin-left: 15px;
    }
}
.close {
       display: none;
    }
.video-holder {
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: auto;
    height: 100%;
    border: solid 2px white;
}
.closebtn {
    display: block;
    position: relative;
    opacity: 0.7;
    left: 72.7%;
}
@media screen and (min-width: 800px) {
    .list-menu, .logged-user, .menu-down-icon {
        display: none;
    }
    
} 
@media screen and (max-width: 980px) {
    .navbar-default .navbar-collapse {
        background-color: white; 
        margin-left: 0%; 
    }
}
@media screen and (max-width: 1200px) {
    
    .espaces-rightside-panel {
        height: 677px;
    }
    .spaces-dropdown-custom {
        height: 680px;
    }
    
    #bs-example-navbar-collapse-1 > nav > button > img {
        display: block; 
    }
    div.lightbox {
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;
        background-color: black;
        height: 1000px;
        width: 100%;
        z-index: 100000000;
        opacity: 0.4;
    }
    .list-menu {
        display:block;
        padding:8px 0px 8px 4px;
        font-weight: 600;
        color:#005e85;
        margin-left: 23px;
    }
    .list-menu a p {
        padding-top: 5px;
        padding-bottom: 17px;
        padding-left: 10px;
        text-decoration: none;
        margin-left: -1px;
        width: 272px;
        border-bottom:1px solid #d7d7d7;
    }
    .list-menu.assesora {
        height: 158px;
        margin-left: 25px;
        width: 276px;
    }
    .list-menu.activitat {
        height: 243px;
        margin-left: 24px;
    }
    div.list-menu.spais {
        height: 243px;
        width: 278px;
        margin-left: 26px;
    }
    .spaispadding {
        padding-bottom: -44px;
    }
    .special-padding {
        padding-right: 20px;
    }
    .list-menu.assesora a p {
        padding-left: 10px;
        text-decoration: none;
        margin-left: 2px;
        margin-top: 7px;
        margin-bottom: 3px;
        width: 270px;
        border-bottom: 1px solid #d7d7d7;
    }
    .upup {
        position: relative;
        top: -16px;
    }
    .upup:nth-child(2) {
        position: relative;
        top:-28px;
    }
    .list-menu.quisom {
        display: block;
        padding: 8px 0px 8px 4px;
        font-weight: 600;
        color: #005e85;
        margin-left: 16px;
    }
    .list-menu:nth-child(1) {
        border-top: 1px solid #d7d7d7;
        width: 279px;
    }
    .mob-liner {
        border-top: 1px solid #d7d7d7;
        width: 271px;
        margin-left: 11px;
    }
    button.mobilemenu {
        width: 316px;
        display: block;
        text-align: center;
        position: absolute;
        right: 0px;
        bottom:0;
        z-index: 100000000;
        margin-top: 10px;
    }
    .menu-logo {
        display: inline-block;
        float: none;
    }
    .topfloating-logo-x {
        display: block;
        position: fixed;
        z-index: 1000000000;
        width: 288px;
        height: 76px;
        background-color: white;
    }
    .carousel-top p {
        color: #005e85;
        font-size: 16px;
        position: relative;
        top: -4px;
    }
    .blog-carousel-left.blog-carousel-right img {
        left: 13%;
    }
    div.carousel-top {
        z-index: 111;
        top: -73px;
    }
    li.dropdown.open a img  {
        transform: rotate(180deg); 
        transition: 0.5s;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
        background-color: #eee;
        border-color: none;
    }
    .dropdown-panel-assessorament .right-side {
        background-color: #f4f1e9;
        width: 48.6%;
        height: 149px;
        float: right;
        display: none;
    }
    .menu-panel-leftbar, .menu-panel-rightbar {
        display: none;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        background-color: white;
        border-bottom: none;
        font-weight: 600;
        padding-left:0px;
        padding-right:0px;
        margin-left: 11px;
        margin-right: 15px;
    }
    .menu-down-icon {
        display: block;
        float: right;
        margin-right: -14px;
    }
    img.special-assesorament {
        position: relative;
        right: 0px;
    }
    .custom-menu {
        text-decoration: none;
        background-color: white;
        border-bottom: solid 1px #d7d7d7;
    }
    .dropdown-panel-assessorament, .menu-panel-assessorament, .right-side, .menu-panel, .menu-panel-nw, .resources-panel {
        display: none;
    }
    ul.dropmenu-main-panel.dropdown-menu.dropdown-menu-large.quison-mob-panel {
        height: 374px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 16px 15px 0px 0px;
        border-bottom: solid 1px #d7d7d7;
        font-weight: normal;
        height: 56px;
        margin-left: 11px;
    }
    .navbar-default .navbar-nav>li>a {
        color: #31302e;
    }
    .logged-user {
        margin-top: 38px;
    }
    .logged-user h4 {
        color:#005e85;
    }
    div.flickity-slider {
        left: 60px;
        transform: translateX(0%);
    }
    .video-banner-padding {
        padding: 30px 0px 0px 30px;
    }
    .video-banner-home {
        width: 100%;
        position: absolute;
        top: 60%;
        left: 50%;
        z-index: -1;
        transform: translateX(-50%) translateY(-50%);
    }
    .bulletin-icon {
        display: inline-block;
        float: left;
        position: relative;
        left: -6px;
        top: 0px;
    }
     .sharing-images {
        display: inline-block;
        width: 400px;
        margin-top: -6px;
    }
    .video-banner-cta {
        position: absolute;
        top: -24px;
    }
   .carousel-cell {
        height: 96px;
        width: 27.4%;
        padding: 14px;
        background: white;
        border: solid 1px #d7d7d7;
        background-clip: padding-box;
       box-shadow: #888888 5px 5px;
    }
    .bulletin-icon p {
        float:left;
        padding: 2px 0px 0px 2px;
        font-weight: 600;
        color:#005e85;
        display: inline-block;
        font-size: 16px;
    }
    .carousel-top {
        z-index: 111;
        position: relative;
        top: -163px;
    }
    .cell-spacer {
        width: 410px;
        position: absolute;
        left: 4%;
        margin: 14px 0px 14px 0px;
        color:#1d1c1b;
        font-size: 14px;
        width: 316px;
    }
    .sharing-images img {
        margin: 0px 28px 0px 0px;
        width: 40px;
        height: 40px;
    }
    .flickity-slider {
        position: absolute;
        width: 132% !Important;
        height: 100%;
    }
    ul.menu-custom2 p {
        font-size: 16px;
        color:#005e85;
    }
    .bcnact-menu {
        position: fixed;
        z-index: 100000000;
        background-color: white;
        max-height: 550px;
        min-height: 550px;
        overflow-x: hidden !important;
        height: auto;
        float: right;
        top: 0px;
        right: 0px;
        width: 316px;
    }
    .close {
        display: block;
       opacity: 1;
       position: relative;
       right: 1px;
       top: 8px;
    }
    .menu-logo img {
        width: 144px;
        height: 48px;
        margin: 24px 0px 0px 8px;
        display: inline-block;
        position: fixed;
        z-index: 1000000;
        top: 0px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .dropdown-menu-large {
        margin-left: 0 ;
        margin-right: 0 ;
      }
      .dropdown-menu-large > li {
        margin-bottom: 30px;
      }
      .dropdown-menu-large > li:last-child {
        margin-bottom: 0;
      }
      .dropdown-menu-large .dropdown-header {
        padding: 3px 15px !important;
      }
   .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #bs-example-navbar-collapse-1 > nav > div.navbar-collapse.js-navbar-collapse > ul > li.dropdown.dropdown-large.open > a{
        border-color: #d7d7d7;
        font-weight: normal;
    }
    .spaces-dropdown-custom {
        height: 111px;
        margin-left: 10px;
    }
    .resources-holder {
       height: 248px;
       margin-left: 10px;
    }
    .navbar-default {
        border-top-color: #e7e7e7;
        min-height: 344px;
    }
    #bs-example-navbar-collapse-1 > nav > button > img {
        margin-bottom: 16px;
        position: relative;
        top: 19px;
        right: -8px;
        width: 26px;
        height: 26px;
    }
    .navbar-default .navbar-collapse {
        background-color: white; 
        border: none;
        position: initial;
        margin-left: 0%;
        margin-top: 56px;
    }
} 
   
/****** DROP DOWN NAV********/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: -16px;
  margin-right: 16px;
  padding: 0px;    
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight:300;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 770px) {
  .list-menu {
        display:block;
        padding:8px 0px 8px 4px;
        font-weight: 600;
        color:#005e85;
        margin-left: 17px;
   }
    .list-menu.quisom {
        display: block;
        padding: 8px 0px 8px 4px;
        font-weight: 600;
        color: #005e85;
        margin-left: -2px;
    }
    .list-menu.assesora {
        height: 158px;
        margin-left: 9px;
        width: 266px;
    }
    .list-menu.assesora a p {
        padding-left: 10px;
        text-decoration: none;
        margin-left: 2px;
        margin-top: 7px;
        margin-bottom: 3px;
        width: 256px;
        border-bottom: 1px solid #d7d7d7;
    }
    .list-menu.activitat {
        height: 243px;
        margin-left: 10px;
        width: 263px !important;
    }
    .list-menu.activitat a p {
        padding-top: 5px;
        padding-bottom: 17px;
        padding-left: 10px;
        text-decoration: none;
        margin-left: -1px;
        width: 260px;
        border-bottom: 1px solid #d7d7d7;
    }
    div.list-menu.spais {
        height: 243px;
        width: 263px;
        margin-left: 0px;
    }
    .list-menu.spais a p {
        padding-top: 5px;
        padding-bottom: 17px;
        padding-left: 10px;
        text-decoration: none;
        margin-left: -1px;
        width: 261px;
        border-bottom: 1px solid #d7d7d7;
    }
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
   .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #bs-example-navbar-collapse-1 > nav > div.navbar-collapse.js-navbar-collapse > ul > li.dropdown.dropdown-large.open > a{
        border-color: #d7d7d7;
        font-weight: normal;
    }
    .spaces-dropdown-custom {
        height: 133px;
        margin-left: 10px;
    }
    .resources-holder {
       height: 248px;
       margin-left: -8px;
    }
    .list-menu.resources {
       width: 263px; 
    }
    .list-menu.resources a p  {
        padding-top: 5px;
        padding-bottom: 17px;
        padding-left: 10px;
        text-decoration: none;
        margin-left: -1px;
        width: 263px !important;
        border-bottom: 1px solid #d7d7d7;
    }
    .navbar-default {
        border-top-color: #e7e7e7;
        min-height: 373px;
    }
    #bs-example-navbar-collapse-1 > nav > button > img {
        margin-bottom: 16px;
        position: relative;
        top: 19px;
        right: -8px;
        width: 26px;
        height: 26px;
    }
    
}
/*******************
///////////////// STATISTICS BANNER
*******************/
.statistics-banner {
    display: block;
    margin: 24px 0px 0px 0px;
}
.statistics-banner h3 {
    margin-top: -4px;
}
.statistics-holder  {
    display: block;
    margin: 12px auto 12px auto;
    text-align: center;
    background-color: white;
}
.statistics-title {
    display: block;
    margin-bottom: 14px;
}

/****************
/////////////// VIDEO BANNER
****************/
.video-banner-overlay {
    background: rgb(247,174,19);
    background: linear-gradient(90deg, rgba(247,174,19,1) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0px;
    left:0px;
    z-index: 0;
    opacity: 0.4;
    width: 1440px;
    height: 380px;
}
.video-container {
  height: 380px;
  overflow: hidden;
  position: relative;
}
.video-banner-home {
  width: 100%;
  position: absolute;
  top: 25%;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
}
.video-banner-cta {
  position: absolute;
  margin-top: 22px;    
}
.video-title {
   font-size:46px;
   display: inline-block;
   font-weight: bold;/*bold*/
   color: #ffffff;
   
}
.video-banner-padding {
   padding: 4% 0px 0px 11%;
}
@media (max-width: 980px) {
   .video-banner-padding {
       padding: 5% 0px 69px 110px;
    }
    .video-title {
       font-size:40px;
       display: inline-block;
       font-weight: bold;/*bold*/
       color: #ffffff;
    }
}
@media (max-width: 780px) {
   .video-banner-padding {
       padding: 3% 0px 69px 59px;
    }
    .video-title {
       font-size:22px;
       display: inline-block;
       font-weight: bold;/*bold*/
       color: #ffffff;
       position: relative;
        bottom: 21px;
    }
    div.video-banner-overlay {
        background: rgb(247,174,19);
        background: linear-gradient(90deg, rgba(247,174,19,1) 0%, rgba(255,255,255,0) 100%);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        opacity: 0.4;
        width: 1440px;
        height: 266px;
    }
    div.carousel-top {
        z-index: 111;
        top: -149px;
        left: -15px;
    }
    .video-title {
        font-size: 38px;
        display: inline-block;
        font-weight: bold;
        color: #ffffff;
        position: relative;
        bottom: 21px;
        left: -31px;
    }
    div #text-carousel {
        width: 100%;
        height: 590px;
        padding: 50px;
        background-color: #f4f1e9;
    }
    .flickity-resize .carousel-cell {
        min-height: 96%;
    }
    .cell-spacer {
        width: 410px;
        position: absolute;
        left: 4%;
        margin: 0px; 
        color: #1d1c1b;
        font-size: 14px;
        width: 316px;
    }
    .video-banner-cta {
        position: absolute;
        top: -24px;
        width: 262px;
        left: -28px;
    }
}
/****************
/////////////// VIDEO BANNER LOGGED-IN
****************/
.vb-layout-holder {
    height: 380px;
    width: 1440px;
    background-color: #f4f1e9;
    font-family:  'Source Sans Pro', sans-serif;
}
.video-banner-overlay-logged {
    background: rgb(247,174,19);
    background: linear-gradient(90deg, rgba(247,174,19,1) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0px;
    left:59px;
    z-index: 0;
    opacity: 0.4;
    width: 672px;
    height: 380px;
}
.vb-video-loggedin {
    display: block;
    position: absolute;
    right: 12px;
}
.play-button a img {
    position: relative;
    display: block;
    margin: auto;
    bottom: 224px;
    left: 343px;
}
.video-unit {
    right: 0px;
    width: 760px;
}
.vb-hellotext {
    margin: 56px 0px 0px 15px;
}
.vb-hellotext p {
    font-size: 20px;
    margin: 24px 0px 32px 0px;
    line-height: 1.4;
}
.usertitle {
    color: #1d1c1b;
    font-family:  'Source Sans Pro', sans-serif;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
}
.usertitle p {
    display: block;
    margin-top: 24px;
}
/***********************
///////////////////// DIGITAL TOOLS
************************/
.digital-tools-holder  {
    display: block;
}
.digital-tools-img {
    float: left;
}

.digitalholder {
    margin: 48px 0px 48px 0px;
}
h2.digital-title.title2 {
    text-align: center;
    display: block;
    margin: auto;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 0.4px;
}
.tool-block-title {
    font-weight: 600;
    color: #005e85;
    font-size: 16px;
}
.digital-tools p {
    font-size: 14px;
    font-weight: normal;
    font-style: Light;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
}

.digital-block {
    margin: 23px 0px;
    
}
.digital-block img {
    border-radius: 40px;
    display: block;
}
.color-filer {
    z-index: 100;
    display: inline-block;
    width: 68px;
    height: 68px;
    POSITION: absolute;
    background: orange;
    OPACITY: 0.4;
    border-radius: 48px;
}
.digital-tools-txtblock {
    display: inline-block;
    position: absolute;
    left: 85px;
    width: 80%;
}
.subtitle-digital {
    font-size:32px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    margin: 8px 0px;
}
.digital-block-title {
    color: #005e85;
    font-weight: 600;
}
.digital-cta {
    text-align: center;
    margin: 48px 0px 61px 0px;
    position: relative;
    top: 9px;
}
@media (max-width: 400px) {
    
    .cell-spacer {
    width: 227px;
    }
    .vb-hellotext p {
        font-size: 20px;
        margin: 24px 0px 32px 0px;
        line-height: 1.4;
        width: 20%;
        max-width: 95%;
        white-space: normal;
    }
}

@media (min-width: 991px) {
 .digital-tools-txtblock {
     max-width: 276px;
     width: 75%;
 }

}
/**********************
///////////////////// HOME 3
**********************/
.home3.vb-video-loggedin {
    display: block;
    position: absolute;
    right: 0px;
}
.floattxt {
    color: white;
    display: block;
    position: relative;
    bottom: 257px;
    left: 124%;
    font-size: 32px;
    max-width: 390px;
    width: 100%;
    font-weight: 700;
    z-index: 100;
    margin-left: calc(73% - 643px);
}
.floattxt2 {
    color: white;
    display: block;
    position: relative;
    bottom: 250px;
    left: 61%;
    font-size: 32px;
    max-width: 390px;
    width: 100%;
    font-weight: 700;
    z-index: 100;
    margin-left: calc(73% - 643px);
    float: right;
}

.home-5 .floattxt {
    padding-top: 50px; 
}
div.home-3.resources-reports-main {
    text-align: center;
    margin-top: 0px;
}
/*  HEADER */
.header-modal-button-2 a {
    color:white;
    text-decoration: none;
}
.home-3.header {
    margin-left: calc(45% - 570px);
    width: 43.4%;
    padding-bottom: 50px;
}
.rightside {
    display: block;
    max-width: 703px;
    width: 100%;
}
.header-img {
    position: absolute;
    object-fit: cover;
    width: 104%;
    height: 100%;
    min-height: 380px;
}

/** HOME 3 PHOTO BANNER **/
.home-3.photo-banner-background {
    position: absolute;
    background-color: #802603;
    opacity: 0.8;
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.home-3.v2.photo-banner-background {
    position: absolute;
    background-color: #ffe3a8;
    opacity: 0.8;
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.home-3.v2.photo-banner-title {
    font-weight: 600;
    color: #31302e;
}
.home-3.v2.photo-banner-text  {
    color: #31302e;
    font-weight: 400;
}
.home-3.photo-banner {
    margin-bottom: 0px;
}
.carousel-top-2 {
    z-index: 111;
    margin-top: -21px;
    font-size: 16px;
}
/* HOME 3 LINKS */
.home-3.resources-reports-title {
    position: unset;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #005e85;
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.home-3 .title2.carousel-main-title {
    text-align: center;
    margin-top: 61px;
    padding-top: 0px;
    margin-bottom: 32px;
}
.linkunit {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.home-3.cta  {
    width: 290px;
    margin-bottom: 32px;
}
.linkunit p {
    font-size: 16px;
    line-height: 22px;
    color: #1d1c1b;
    margin-bottom: 24px;
}
/********* HOME 3 WARNING **********/
.home-3.warning {
    background-color: #c9efff;
    max-width: 1140px;
    min-height: 40px;
    box-shadow: 4px 4px 5px grey;
    z-index: 100;
    font-size: 16px;
    padding: 6px;
    border-radius: 0px;
    margin-bottom: 0px;
}
.proj-warning {
    display: block;
    margin: auto;
    max-width: 1140px;
    width: 100%;
}
.warning p {
    padding-top: 0px;
    padding-left: 70px;
    float: left;
    margin-right: 40px;
}
.warning.close {
    display: inline-block;
    position: absolute;
    float: right;
    top: 2px;
    right: 8px;
    float: right;
    font-size: 33px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity:1;
}
@media (max-width: 490px) {
    div.home-3.photo-banner-background.col-xs-10 {
        width: 88.333333%;
    }
    div.consult.col-xs-10 {
        width: 88.333333%;
    }
    a.consultcta.col-xs-10 {
        width:88.33%;
    }
}
@media (max-width: 680px) {
    .home-3.activities-container {
        height: 201px;
        width: 100%;
        max-width: 1170px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 7px;
        padding-right: 7px;
    }
    .home-3.btn.button-gray.activities-btn {
        width: 100%;
        max-width: 80%;
        white-space: normal;
    }
    .home-3.rightside {
        display: block;
        max-width: 703px;
        width: 100%;
        height: 200px;
    }
    .home-3.leads-activities-carousel{
       padding: 0px;
    }
}

@media (max-width: 768px) {
    .warning p {
        padding-left: 16px;
    }
}

/* HOME 3 STATUS COMPONENT */
.resp-view {
    display: none;
}
.deskt-view {
    display: block;
}
.home-3.item, .no-item {
    background-color: #f7ae13;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    display: -webkit-inline-box;
    margin-left: 157px;
    position: relative;
    right: 5%;
}
.home-3.item p {
    color: black;
    font-weight: 600;
    position: relative;
    top: 60px;
    /*right: 63px;*/
    font-size: 18px;
}
.home-3.item.one p  {
    right: 109%;
}
.home-3.item.two p {
    right: 145%;
}
.home-3.item.three p {
    right: 120%;
}
.home-3.no-item.four p {
    right: 130%;
}
.home-3.no-item p {
    position: relative;
    top: 60px;
    font-weight: 600;
    left: 0px;
    font-size: 18px;
}
.home-3.no-item {
    display: -webkit-inline-box;
    border: solid 2px #d7d7d7;
    background-color: white;
}
.status-holder {
    margin: 45px 0px 12px 0px;
    z-index: 1000;
}
.home-3.item.empty {
    border: solid 1px #d7d7d7;
    background-color: white;
}
.done {
    background-image:url(../img/check-icon.png);
    height: 60px;
    width: 70px;
    position: relative;
    top: 18px;
    left: 16px;
    background-repeat: no-repeat;
}
.progress {
    height: 60px;
    width: 60px;
    border: solid 2px #f7ae13;
    border-radius: 50px;
}
.progress-percent  {
    font-weight: 600;
    margin-top: 6px;
    display: block;
    width: 45px;
    height: 45px;
    margin-left: 6px;
    background-color: #f7ae13;
    border-radius: 50px;
    text-align: center;
}

span.nmbr {
    display: block;
    position: relative;
    top: 11px;
}
.backline {
    height: 7px;
    max-width: 28%;
    width: 100%;
    background-color: #f7ae13;
    position: relative;
    top: 95px;
    margin-left: 29.2%;
}
.grayline {
    height: 7px;
    width: 12.4%;
    background-color: #d7d7d7;
    position: relative;
    top: 89px;
    margin-left: 60.4%;
}
.status-cta {
    margin-top: 50px;
    margin-bottom: 44px;
}
@media (max-width: 1370px) {
    .backline {
        height: 7px;
        max-width: 38%;
        width: 100%;
        background-color: #f7ae13;
        position: relative;
        top: 45px;
        margin-left: 23.2%;
    }
    .grayline {
        height: 7px;
        width: 16.4%;
        background-color: #d7d7d7;
        position: relative;
        top: 38px;
        margin-left: 64.4%;
    }
}
@media (max-width: 868px) {
    .resp-view {
        display: block;
    }
    .deskt-view {
        display: none;
    }
    .home-3.leads-programs-resp {
        background-color: #f2f2f2;
        max-height: 805px;
        height: 100%;
    }
    .home-3.item, .no-item {
        background-color: #f7ae13;
        width: 60px;
        height: 60px;
        border-radius: 50px;
        display: -webkit-inline-box;
        margin-left: 9%;
        position: relative;
        right: 5%;
    }
    .home-3.item.one p  {
        right: 109%;
    }
    .home-3.item.two p {
        right: 155%;
    }
    .home-3.item.three p {
        right: 120%;
    }
    .home-3.no-item.four p {
        right: 130%;
    }
    .backline {
        height: 7px;
        max-width: 42%;
        width: 100%;
        background-color: #f7ae13;
        position: relative;
        top: 43px;
        margin-left: 12.2%;
    }
    .grayline {
        height: 7px;
        width: 19.4%;
        background-color: #d7d7d7;
        position: relative;
        top: 37px;
        margin-left: 60.4%;
    }
    .home-3.secondary-header-responsive {
        margin-bottom: 4px;
        margin-left: 18px;
        margin-right: 29px;
        background-color: #f4f1e9;
        position: relative;
        min-height: 380px;
    }
    .home-5.secondary-header {
        margin-bottom: 4px;
        margin-left: -15px;
        margin-right: -15px;
        background-color: #f4f1e9;
        position: relative;
        min-height: 284px;
    }
    .home-3.leads-programs-resp {
        background-color: #f4f1e9;
        height: 433px;
    }
    .floattxt {
        color: white;
        display: block;
        position: relative;
        top: 25px;
        left: 36%;
        font-size: 32px;
        max-width: 390px;
        width: 100%;
        font-weight: 700;
        z-index: 100000;
    }
    .mightypic {    
        background-image: url(../img/home3-topbanner.png);
        background-repeat: no-repeat;
        max-height: 100%;
        height: 471px;
        position: relative;
        background-size: 880px;
        background-position-x: -259px;
        top: -45px;
    }
}
@media (max-width: 700px) {
    .resp-view {
        display: block;
    }
    .status-resp {
        display: block;
        margin-left: 51px;
    }
    .deskt-view {
        display: none;
    }
    .home-3.leads-programs-resp {
        background-color: #f2f2f2;
        max-height: 805px;
        height: 100%;
    }
    .home-3.item, .no-item {
        background-color: #f7ae13;
        width: 60px;
        height: 60px;
        border-radius: 50px;
        display: -webkit-inline-box;
        margin-left: 9%;
        position: relative;
        right: 0%;
    }
    .home-3.item.one p  {
        right: 109%;
    }
    .home-3.item.two p {
        right: 155%;
    }
    .home-3.item.three p {
        right: 120%;
    }
    .home-3.no-item.four p {
        right: 130%;
    }
    .backline {
        height: 7px;
        max-width: 42%;
        width: 100%;
        background-color: #f7ae13;
        position: relative;
        top: 43px;
        margin-left: 18.2%;
    }
    .blog-carousel-indicators-numbers li .active  {
        margin: 0 2px;
        width: 30px;
        height: 30px;
        background-color: #337ab7;  
      }
    ol.blog-carousel-indicators.carousel-indicators-numbers {
        list-style: none;
        display: -webkit-inline-box;
    }
    .grayline {
        height: 7px;
        width: 19.4%;
        background-color: #d7d7d7;
        position: relative;
        top: 37px;
        margin-left: 52.4%;
    }
    .home-3.secondary-header-responsive {
        margin-bottom: 4px;
        margin-left: 18px;
        margin-right: 29px;
        background-color: #f4f1e9;
        position: relative;
        min-height: 380px;
    }
    .home-5.secondary-header {
        margin-bottom: 4px;
        margin-left: -15px;
        margin-right: -15px;
        background-color: #f4f1e9;
        position: relative;
        min-height: 284px;
    }
    .home-3.leads-programs-resp {
        background-color: #f4f1e9;
        height: 433px;
    }
    .floattxt {
        color: white;
        display: block;
        position: relative;
        top: 25px;
        left: 71%;
        font-size: 32px;
        max-width: 390px;
        width: 100%;
        font-weight: 700;
        z-index: 100000;
    }
    .mightypic {    
        background-image: url(../img/home3-topbanner.png);
        background-repeat: no-repeat;
        max-height: 100%;
        height: 471px;
        position: relative;
        background-size: 880px;
        background-position-x: -259px;
        top: -45px;
    }
}
/**********************
////////////////// HOME 4
**********************/
.home-4.secondary-header-content .title1 {
    margin-bottom: 30px;
}
.home-4.secondary-header-description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #31302e;
    margin-bottom: 21px;
}
div.home-4.resources-reports-main {
    text-align: center;
    margin-top: -21px;
}
.home-4.floattxt2 {
    display: block;
    position: absolute;
    bottom: 250px;
    left: 25%;
    top: 10%;
    font-size: 32px;
    font-weight: 700;
    z-index: 100;
    margin-left: 431px;
}
/* Home 4 Donut Chart */
.donut-chart {
  position: relative;
  float: left;
  width: 100%;
}
.donut-chart h2 {
  font-weight: bold;
  font-size: 38px;
  position: absolute;
  top: 24px;
  width: 100%;
}
.donut-chart h3 {
  font-size: 16px;
  position: absolute;
  top: 68px;
  width: 100%;
}
.expert-box {
  height: 165px;
  padding-top: 24px;
}
svg {
  transform: rotate(-90deg);
}
.circle-animation {
  stroke-dasharray: 440;
  stroke-dashoffset: 440;
}
.circle-animation {
  -webkit-animation: donut_chart 1s ease-out forwards;
  animation: donut_chart 1s ease-out forwards;
}
@-webkit-keyframes donut_chart {
  from {
    stroke: #f7ae13;
  }
  to {
    stroke-dashoffset: 110;
    stroke: #f7ae13;
  }
}
@keyframes donut_chart {
  from {
    stroke: #f7ae13;
  }
  to {
    stroke-dashoffset: 110;
    stroke: #f7ae13;
  }
}
/**********************
////////////////// HOME 5
**********************/
div.home-3.carousel-inner {
    position: relative;
    width: 100%;
    overflow: inherit;
    padding-top: 44px;
    }
/*****************
////////////////// LIDERA PROGRAMS 
*****************/
.content-l1, .content-l2, .content-l3 {
            border: solid 1px transparent;
            margin-right: 45px;
            margin-top:14px; 
            margin-bottom: 64px;
            height:579px;
            background-color: white;
            padding:0px;
            max-width: 25.7%;
            font-family: 'Source Sans Pro', serif;
        }
.activities-programs-holder {
            background-color: #f2f2f2;
            height: 723px;
            max-width: 1477px;
        }
.main-image {
            display: block;
        }
.programs-title {
            font-size: 20px;
            font-weight: 600;
            color: #005e85;
            font-family: 'Source Sans Pro', sans-serif;
            margin: 24px 0px 11px 12px;
        }
.main-content {
            width: 92%;
            margin: 0px 0px 0px 12px;
            font-size: 16px;
        }
.main-content p {
            color: #31302e;
        }
 .keywords-links {
            margin: -10px 0px 0px -24px;
            font-size: 16px;
            font-weight: 600;
            font-style: italic;
            display: -webkit-inline-box;
        }
  ul {
            margin-left: 0px;
            margin-top: 25px;
        }
.keywords-links ul li {
            list-style: none;
            margin-left: 0px;
            padding-top:8px;
            margin: 0px 0px 0px 12px;
            color: #31302e;
        }
li.hashtag {
            margin-top:22px;
            font-style: normal;
        }

.activities-main-title {
            font-family: 'Source Sans Pro', sans-serif;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            margin: 28px 0px 16px 0px;
        }
.activities-displaced-border {
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            border: 2px solid orange;
            pointer-events: none;
        }

div.content-l1:hover {
            border: solid 1px #ff946a;
            box-shadow: 10px 10px #ff946a;
        }
div.content-l1:hover .programs-title,
div.content-l2:hover .programs-title,
div.content-l3:hover .programs-title {
  text-decoration: underline;
}
div.content-l2:hover {
            border: solid 1px #ffb36b;
            box-shadow: 10px 10px #ffb36b;
        }
div.content-l3:hover {
            border: solid 1px #ffcf69;
            box-shadow: 10px 10px #ffcf69;
        }
.liderabutton.button-gray {
            border-style: none;
            border-radius: 0px;
            padding: 13px 24px 15px 24px;
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            min-width: 160px;
            background-color: #31302e;
            color: white;
            width: 400px;
        }
.activities-cta {
            display: block;
            text-align: center;
            margin-top: -34px;
            margin-left: -17px;
        }
  @media (max-width: 1190px) {
            .activities-programs-holder {
                background-color: #f2f2f2;
                height: 100%;
                max-width: 1477px;
            }
         }
/***************
/////////////// CONTENT CAROUSEL STYLES
***************/
.carItem {
    width: 300px;
    height:80px;
}

.gallery {
  background: white;
}

.gallery-cell {
  width: 24%;
  height: 96px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
  border: solid 1px #d7d7d7;    
}

.gallery-cell.is-selected {
  background: #ED2;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.home-5.leads-programs-holder {
    background-color: #f2f2f2;
    max-height: 723px;
    height: 100%;
    max-width: 1477px;
    margin-top: 0px;
    margin-bottom: 48px;
}
.home-5.program-margin {
    padding-left: 18px;
    display: block;
    position: relative;
    left: 14%;
}
.home-5.secondary-header-photo5 {
    position: absolute;
    height: calc(93.5% + 24px);
    top: 0px;
    max-width: 49%;
    width: 700px;
    object-fit: cover;
    right: calc(13.9% - 202px);
    -webkit-filter: brightness(79%); 
    filter: brightness(79%);
}
.home-3.secondary-header {
    margin-bottom: 4px;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f4f1e9;
    position: relative;
    min-height: 380px;
}
.home-5.secondary-header {
    margin-bottom: 4px;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f4f1e9;
    position: relative;
    min-height: 380px;
}
.home-5.services {
    text-align: center;
    background-color: #f2f2f2;
    padding-bottom: 64px;
    margin-top: 40px;
}
.home-5.cta {
    display: block;
    max-width: 400px;
    width: 100%;
    position: relative;
    bottom: 34px;
    left: 5%;
}
.home-5.resources-reports-main {
    text-align: center;
    margin-top: 21px;
}
.home-5.title1 {
    margin-top: 19px;
    margin-bottom: 15px;
}
.home-5.secondary-header-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #31302e;
    padding-right: 12px;
}
/**********************
////////////////// RESOURCES NEWS CAROUSEL
**********************/
.resources-news-carousel-button button {
    margin-top: 32px;
}
/* Slides title, subtitle and text */
.sopra-carousel.resources-news-carousel .item p.slide-title {
  padding-top: 8px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
  color: #005e85;
  margin: 0px;
}
.sopra-carousel.resources-news-carousel .item p.slide-subtitle {
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.29;
  color: #5a5a58;
  text-align: left;
  margin: 0px;
}
.sopra-carousel.resources-news-carousel .item p.slide-text {
  text-align: left;
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.38;
  color: #1d1c1b;
  margin: 0px;
}
.resources-news-carousel-button button {
  max-width: 502px;
  width: 100%;
  white-space: normal;
}
.sopra-carousel.sopra-carousel-4-slides.resources-news-carousel .item {
  padding: 0 15px;
}
.carbackg {
    background-color: #f2f2f2;
    padding-bottom: 45px;
}
/**********************
 *   SOPRA CAROUSEL
 **********************/

/* Inner image sizing */
.sopra-carousel .carousel-inner > .item > img {
  width: 100%;
}

/* Centering controls */
.sopra-carousel a.carousel-control {
  width: 24px; /* Width = image/icon width */
}
.sopra-carousel a.carousel-control.left {
  left: -41px;
  display: initial;
}
.sopra-carousel a.carousel-control.right {
  right: -41px;
  display: initial;
}
.sopra-carousel a.carousel-control > img {
  line-height: 24px;
  height: 24px;
  position: relative;
  top: calc(50% - 12px); /* Vertical centering (top: calc(50% - height/ 2)) */
}

/* Desktop view */
@media (min-width: 992px) {
  /* It shows 4 items.
   * If required more or less than 4 slides, it requires to add or remove [+ .item] lines */
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-1-slide .carousel-inner .active,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .carousel-inner .active,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .carousel-inner .active,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .active,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .active,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .carousel-inner .active + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .carousel-inner .active + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .active + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .active + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .carousel-inner .active + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .active + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .active + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .active + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .active + .item + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .active + .item + .item + .item + .item  {
    display: block;
  }

  /* If required more or less than 4 slides, it requires to add or remove [+ .item] lines */
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-1-slide .carousel-inner .item.active:not(.right):not(.left),
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .carousel-inner .item.active:not(.right):not(.left),
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .carousel-inner .item.active:not(.right):not(.left),
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .item.active:not(.right):not(.left),
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .item.active:not(.right):not(.left),

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .carousel-inner .item.active:not(.right):not(.left) + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .carousel-inner .item.active:not(.right):not(.left) + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .item.active:not(.right):not(.left) + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .item.active:not(.right):not(.left) + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .carousel-inner .item.active:not(.right):not(.left) + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .item.active:not(.right):not(.left) + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .item.active:not(.right):not(.left) + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .item.active:not(.right):not(.left) + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .item.active:not(.right):not(.left) + .item + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .item.active:not(.right):not(.left) + .item + .item + .item + .item {
    transition: none;
  }

  /* Inital point of the transition */
  .sopra-carousel:not(.sopra-carousel-not-responsive) .carousel-inner > .item.next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive) .carousel-inner .prev {
    position: relative;
    transform: translate3d(-100%, 0, 0);
  }

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-1-slide .carousel-inner .active.item + .item {
    position: absolute;
    top: 0;
    right: -100%; /* (right: 100% / numberOfSlides) */
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .carousel-inner .active.item + .item + .item {
    position: absolute;
    top: 0;
    right: -50%; /* (right: 100% / numberOfSlides) */
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .carousel-inner .active.item + .item + .item + .item {
    position: absolute;
    top: 0;
    right: -33.33%; /* (right: 100% / numberOfSlides) */
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .carousel-inner .active.item + .item + .item + .item + .item {
    position: absolute;
    top: 0;
    right: -25%; /* (right: 100% / numberOfSlides) */
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .carousel-inner .active.item + .item + .item + .item + .item + .item {
    position: absolute;
    top: 0;
    right: -20%; /* (right: 100% / numberOfSlides) */
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction *
   * If required more or less than 4 slides, it requires to add or remove [+ .item] blocks to add the new slide to the left */
  .sopra-carousel:not(.sopra-carousel-not-responsive) .active.left + .next.left,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-1-slide .next.left + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .next.left + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .next.left + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .next.left + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .next.left + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .next.left + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .next.left + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .next.left + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .next.left + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .next.left + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .next.left + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .next.left + .item + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .next.left + .item + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .next.left + .item + .item + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .next.left + .item + .item + .item + .item + .item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .sopra-carousel:not(.sopra-carousel-not-responsive) .carousel-inner .prev.right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .sopra-carousel .active.right + .prev.right,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-1-slide .prev.right + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .prev.right + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .prev.right + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .prev.right + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .prev.right + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .prev.right + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .prev.right + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .prev.right + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .prev.right + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .prev.right + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .prev.right + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .prev.right + .item + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .prev.right + .item + .item + .item + .item,
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .prev.right + .item + .item + .item + .item,

  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .prev.right + .item + .item + .item + .item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }

  /* Items sizing */
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-1-slide .item {
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-2-slides .item {
    max-width: 50%;
    padding: 0 15px;
    width: 50%;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-3-slides .item {
    max-width: 390px;
    padding: 0 19px;
    width: 33.33%;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-4-slides .item {
    max-width: 292.5px; /* (max-width: width / numberOfSlides) (ie, max-width = 1170px / 4) */
    padding: 0 15px; /* (padding: 0 spacingBetweenSlides / 2) (ie, padding: 0 30px / 2) */
    width: 25%;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive).sopra-carousel-5-slides .item {
    max-width: 234px;
    padding: 0 15px;
    width: 20%;
  }
  .sopra-carousel:not(.sopra-carousel-not-responsive) .item {
    width: 100%;
  }
}
/* Between 992px and 1300px the carousel is reduced to 90% to allow arrows to be displayed */
@media (min-width:992px) and (max-width:1300px) {
  .sopra-carousel {
    max-width: 90%;
    margin: 0 auto;
  }
  .sopra-carousel.news-carousel {
    margin-bottom: 40px;
  }
}
/* Mobile view = 1 slide */
@media (max-width: 991px) {
  .sopra-carousel:not(.head-1-slide-carousel) .carousel-inner {
    max-width: 80%;
    margin: 0 auto;
  }
  .sopra-carousel .item {
    width: 100%;
  }
  .sopra-carousel:not(.head-1-slide-carousel) a.carousel-control.left {
    left: 0px;
  }
  .sopra-carousel:not(.head-1-slide-carousel) a.carousel-control.right {
    right: 0px;
    display: initial;
  }
}

/**********************
 *   PUSH-RIGHT-HEAD
 **********************/

.push-right-head-container {
  margin-bottom: 28px;
}

.push-right-head-content {
    background-color: #f4f1e9;
    margin: 24px 0px;
    padding: 24px 15px 40px 15px;
}
@media (min-width: 768px) {
    .push-right-head-content {
        padding: 32px 32px 48px 32px;
    }
}

.push-right-head-content .title2 {
    margin-top: 0px;
}

.push-right-head-content .title1 {
    margin-top: 16px;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .push-right-head-content .title1 {
        margin-bottom: 24px;
    }
}

.push-right-head-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #31302e;
}

.push-right-head-photo {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (min-width: 1157px) { /* (1140px + 17 px) Avoid 17px of overlaping scrollbar problem */
    .push-right-head-col-1 {
        margin-left: calc(50% - 570px);
        width: 570px;
    }
}

/**********************
 *  CIRCLES CAROUSEL
 **********************/
.circles-carousel-container {
  position: relative;
}
.circles-carousel-background {
  width: 100%;
  height: 140px;
  background-color: #f4f1e9;
  top: -40px;
  position: absolute;
  z-index: -1;
}
.sopra-carousel.circles-carousel {
  max-width: 1161px;
  padding-top: 48px;
  padding-bottom: 10px;
}
.circles-carousel .circle {
  width: 168px;
  height: 168px;
  background-color: #bdbdbc;
  border-radius: 100%;
  margin: 0 auto 17px auto;
  position: relative;
}
.circles-carousel .circle img {
  position: absolute;
  top: calc(50% - 23.5px);
  left: calc(50% - 23.5px);
}
.circles-carousel .slide-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.33;
  text-align: center;
  color: #005e85;
  margin-bottom: 8px;
}
.circles-carousel .slide-text {
  font-size: 16px;
  font-weight: lighter;
  line-height: 1.33;
  text-align: center;
  color: #31302e;
}
.circles-carousel .item:hover {
  text-decoration: none;
}
.circles-carousel .item:hover .circle {
  background-color: #f7ae13;
}
.circles-carousel .item:hover .slide-title {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .sopra-carousel.circles-carousel .item {
    max-width: 232px;
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .sopra-carousel.circles-carousel .item {
    height: 291px;
  }
}

/*************************
 *        TABS
 ************************/
.tabs-container {
  background-color: #f4f1e9;
  height: 45px;
  position: relative;
  padding: 0 15px;
}
.tabs-content {
  max-width: 1140px;
  margin: 0 auto;
}
.tabs-container .tab {
  text-decoration: none;
  text-align: center;
  height: 45px;
  cursor: default;
}
.tabs-container .tab:hover {
  text-decoration: none;
}
.tabs-container .tab:not(.active) {
  cursor: pointer;
}
.tabs-container .tab.active {
  background-color: #ffe3a8;
}
.tabs-container .tab:not(.active) > span {
  cursor: pointer;
  font-weight: 400;
}
.tabs-container .tab:not(.active):hover > span {
  color: #5a5a58;
}
.tabs-container .tab > span {
  position: relative;
  font-size: 28px;
  font-weight: 600;
  color: #1d1c1b;
  cursor: default;
  top: -19px;
}
.tabs-container.program-detail .tab > span {
    font-size: 24px;
    line-height: 28px;
  }
.tabs-container.program-detail {
   margin-top: 23px;
}
@media (max-width: 767px) {
  .tabs-container {
    height: 22px;
  }
  .tabs-container .tab {
    height: 22px;
    padding: 0;
  }
  .tabs-container .tab > span {
    font-size: 18px;
    white-space: nowrap;
  }
  .tabs-container:not(.tabs-scrollable) .tab > span {
    top: -12px;
  }
  .tabs-container.tabs-scrollable {
    overflow-x: auto;
    height: 26px;
  }
  .tabs-container.tabs-scrollable .tab > span {
    top: initial;
  }
}
.tabs-container.tabs-scrollable .tabs-content {
  min-width: 600px;
}
@media (max-width: 1140px) {
  .tabs-container.tabs-scrollable.tabs-6 .tabs-content {
    min-width: 1140px;
  }
  .tabs-container.tabs-scrollable.tabs-6 {
    overflow-x: auto;
    height: 26px;
    width: 100%;
  }
  .tabs-container.tabs-scrollable.tabs-6 .tab > span {
    top: initial;
  }
}

/***************************
 *     CONTACT CARD
 **************************/
.contact-card {
  text-align: center;
  background-color: #f2f2f2;
  position: relative;
  padding: 16px;
  margin-bottom: 16px;
}
.contact-card img {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin-bottom: 12px;
}
.contact-card p {
  margin: 4px auto;
  max-width: 215px;
}
.contact-card p.contact-card-title {
  font-size: 18px;
  color: #1d1c1b;
  font-weight: 600;
  text-align: center;
}
.contact-card p.contact-card-subtitle {
  font-size: 16px;
  color: #31302e;
  font-weight: lighter;
  text-align: center;
}
.contact-card p.contact-card-text {
  font-size: 14px;
  color: #31302e;
  font-weight: lighter;
  text-align: center;
  font-style: italic;
}
.contact-card .social-container {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.contact-card .social {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  float: left;
  margin: 12px 8px 0 8px;
}

/**********************
 *      PROGRAMS
 **********************/
.programs-container {
  background-color: #f2f2f2;
  margin: 0;
  padding: 32px;
}
.programs-wrapper {
  max-width: 748px;
  margin: 0 auto;
}
.program-card {
  background-color: white;
  padding: 0;
  margin-bottom: 24px;
}
a.program-card:hover {
  text-decoration: none!important;
}
.program-card:hover p.program-card-title {
  text-decoration: underline;
}
.program-card img {
  width: 100%;
}
.program-card .program-card-content {
  padding: 24px;
}
.program-card:nth-child(odd) {
  margin-right: 28px;
}
.program-card .program-card-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #005e85;
  margin-bottom: 8px;
}
.program-card .program-card-text {
  font-size: 16px;
  font-weight: lighter;
  line-height: 1.38;
  color: #31302e;
  margin-bottom: 24px;
}
.program-card .program-card-link {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.38;
  color: #31302e;
  margin-bottom: 16px;
}
.program-card .program-card-link.uppercase {
  text-transform: uppercase;
  font-style: normal;
  margin-bottom: 0;
}
.more-programs-btn {
  max-width: 748px;
  margin: -24px auto 0 auto;
}
@media (min-width: 1140px) {
  .program-card {
    max-width: 360px
  }
}

/************************
 *    TXT-IMG BANNER
 ************************/
.txt-img-banner {
  padding: 0;
  background-color: #ffd3e7;
}

.txt-img-banner .img-container {
  padding: 0;
  text-align: right;
}
.txt-img-banner img {
  height: 324px;
}
  
.txt-img-banner .txt-container {
  margin: 32px 0 48px 0;
}
.txt-img-banner .txt-img-banner-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  color: #1d1c1b;
}
.txt-img-banner .txt-img-banner-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25;
  color: #1d1c1b;
}
.txt-img-banner .txt-img-banner-cta-btn {
  height: 32px;
  padding: 4px 16px;
  background-color: #31302e;
  float: left;
  color: white;
  margin-top: 62px;
  font-weight: 600;
  font-size: 16px;
}
.txt-img-banner .txt-img-banner-cta-btn:hover {
  background-color: #5a5a58;
}
@media (min-width: 992px) {
  .txt-img-banner .txt-container {
    max-width: 585px;
  }
}
@media (max-width: 991px) {
  .txt-img-banner img {
    height: auto;
    width: 100%;
  }
  .txt-img-banner .txt-img-banner-title {
    font-size: 24px;
  }
  .txt-img-banner .txt-img-banner-text {
    font-size: 18px;
  }
  .txt-img-banner .txt-img-banner-cta-btn {
    margin-top: 32px;
  }
}