@keyframes scroll-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes scroll-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes scroll-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes scroll-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2>.content-wrapper>.content,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8>.content-wrapper>.content,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2>.content-wrapper>.content,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8>.content-wrapper>.content {
    float: none;
    width: 100%
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip-responsive,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip-responsive,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip-responsive,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip-responsive {
    border: 2vw solid transparent;
    height: 100%!important;
    min-height: 100vw
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip {
    float: none;
    position: relative;
    right: unset;
    top: unset;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    width: 100%
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .isotip.isotip-responsive img {
    height: auto!important;
    position: relative;
    transform: none!important;
    top: 0;
    left: 0
}

.scroll-to {
    opacity: 0
}

.scroll-to.effect-fadein.scroll-visible {
    animation: scroll-fadein 2s ease 0s;
    -webkit-animation: scroll-fadein 2s ease 0s;
    -ms-animation: scroll-fadein 2s ease 0s;
    -moz-animation: scroll-fadein 2s ease 0s;
    -o-animation: scroll-fadein 2s ease 0s
}

.field-name-field-bloc-de-contingut.field-type-entityreference .content-block {
    position: relative;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.field-name-field-bloc-de-contingut.field-type-entityreference .field-name-body {
    margin-top: 0;
    margin-bottom: 40px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .carousel-control {
    background: gray;
    border: 0;
    color: #fff;
    padding-top: 5px;
    font-size: 3em
}

.field-name-field-bloc-de-contingut.field-type-entityreference .isotip-responsive {
    position: relative
}

.field-name-field-bloc-de-contingut.field-type-entityreference .isotip-video a span,body.bitaboot-lg .clearfix.cl-md,body.bitaboot-md .clearfix.cl-lg {
    display: none!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .isotip-video a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/sites/all/themes/bootstrap_business/images/local/play-button.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    pointer-events: all
}
.field-name-field-bloc-de-contingut.field-type-entityreference .field-name-body h3 {text-transform:uppercase}
.field-name-field-bloc-de-contingut.field-type-entityreference .isotip-video a:hover {
    background-image: url(/sites/all/themes/bootstrap_business/images/local/play-button_hover.png)
}

.field-name-field-bloc-de-contingut.field-type-entityreference {
    margin-bottom: 20px;
    position: relative;
    display: block;
    
}
/*HACK PARA COMPENSAR ESPACIOS - CLASE MARCADA POR JS - CLASE EN BLOQUES MARCADA EN UI PRESENTACIÓN BLOQUES DE CONTENIDO */
body.blocs-without-node-body .field-name-field-bloc-de-contingut.field-type-entityreference {
	margin-top: -100px;
}
.field-name-field-bloc-de-contingut.field-type-entityreference .node-content-block header {
    display: none
}

.field-name-field-bloc-de-contingut.field-type-entityreference .content-wrapper {
    position: relative;
    display: block
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item.with-buttons {
    padding: 20px 0 60px
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.halfs.with-buttons .half-block {
    height: inherit!important;
    padding: 40px 0 120px
}

.front .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.halfs.with-buttons .half-block {
    height: inherit!important;
    padding: 20px 0 0
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item .field-name-field-more {
    bottom: 0;
    clear: both;
    margin: 15px 0 20px;
    position: absolute;
    text-align: left;
    width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons .field-name-field-more {
    padding-left: 0;
    padding-right: 15px;
    position: relative;
    width: inherit;
    margin-left: 0;
    margin-bottom: -20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item .field-name-field-more a {
    display: inline-block;
    text-align: center;
    margin: 10px 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .content-background {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.NOT_IN_USE_field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item .content-background.withImage {
    filter: blur(2px) grayscale(.8);
    -moz-filter: blur(2px) grayscale(.8);
    -webkit-filter: blur(2px) grayscale(.8);
    -o-filter: blur(2px) grayscale(.8);
    transition: all 2s linear;
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    -o-transition: all 2s linear
}

.front .content-bloc-id-11 .views-row article,.front .content-bloc-id-13 .views-row article,.half-block,.halfs {
    position: relative
}

.halfs>.even {
    width: 50%;
    float: left
}

.halfs>.odd {
    width: 50%;
    float: right
}

.field-name-field-bloc-de-contingut.field-type-entityreference .field-name-field-altres-continguts .field-item {
    margin-top: 60px;
    margin-bottom: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-CE * {
    text-align: center
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E1 .field-name-field-titol {
    float: left;
    min-width: 400px;
    width: 50%;
    margin: 0 0 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E1 .field-name-body {
    clear: left;
    float: left;
    min-width: 400px;
    width: 50%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E1 .field-name-field-more {
    float: right;
    padding: 0 10px;
    width: 50%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E1 .field-name-field-more .field-item {
    margin: 0 auto 10px;
    text-align: left
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E1 .field-name-field-altres-continguts {
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D1 .field-name-field-titol {
    float: right;
    min-width: 400px;
    width: 50%;
    text-align: right;
    margin: 0 0 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D1 .field-name-body {
    clear: right;
    float: right;
    min-width: 400px;
    width: 50%;
    text-align: right
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D1 .field-name-field-more {
    float: left;
    padding: 0 10px;
    width: 50%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D1 .field-name-field-more .field-item {
    margin: 0 auto 10px;
    text-align: center
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D1 .field-name-field-altres-continguts {
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more:after,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more:before {
    content: " ";
    display: table
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more:after {
    clear: both
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip {
    float: right;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 50%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip-responsive {
    border: 2vw solid transparent
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip img {
    margin: auto
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip-video span {
    background-color: #fff;
    border-radius: 100%;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 20px;
    margin: auto;
    padding: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 40px;
    border: 1px solid
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip-video:hover span,.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip-video:hover span,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip-video:hover span {
    background-color: #390094;
    color: #fff
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip-video .field-name-field-video-yt .field-label,.isotip-responsive.withoutIsotip {
    display: none
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2>.content-wrapper>.content {
    float: left;
    width: 50%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-titol {
    float: left;
    text-align: left;
    width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-altres-continguts {
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-more:after,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-more:before {
    content: " ";
    display: table
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-more:after {
    clear: both
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip {
    float: right;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 25%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip-responsive {
    border: 1vw solid transparent;
    height: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip img {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    max-height: 100%;
    max-width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8>.content-wrapper>.content {
    float: left;
    width: 75%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-titol {
    float: left;
    width: 100%;
    margin: 0 0 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-body {
    clear: left;
    float: left;
    width: 90%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-more {
    float: none;
    padding: 15px 10px 20px 0;
    width: 75%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-more .field-items {
    text-align: center!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-more .field-item {
    margin: 0 auto 10px;
    text-align: center
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .field-name-field-altres-continguts {
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more:after,.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more:before {
    content: " ";
    display: table
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more:after {
    clear: both
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip {
    float: left!important;
    left: 0;
    max-height: 100%;
    position: absolute;
    top: calc(50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 50%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip-responsive {
    border: 2vw solid transparent
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip img {
    margin: auto
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2>.content-wrapper>.content {
    float: right;
    width: 50%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-titol {
    float: right;
    text-align: left;
    width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-body {
    width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .with-buttons.model-D2 .field-name-field-more {
    padding-left: 0;
    padding-right: 0
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip-video span,.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip-video span,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2_2-8 .isotip-video span {
    background-color: #fff;
    border-radius: 100%;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 20px;
    margin: auto;
    padding: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 40px;
    border: 1px solid
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-altres-continguts {
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-more:after,.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-more:before {
    content: " ";
    display: table
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-more:after {
    clear: both
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip {
    float: left!important;
    left: 0;
    max-height: 100%;
    position: absolute;
    top: calc(50% + 40px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 25%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip-responsive {
    border: 2vw solid transparent;
    height: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip-video span {
    padding: 9px 10px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .isotip img {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    max-height: 100%;
    max-width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8>.content-wrapper>.content {
    float: right;
    width: 75%;
    padding-left: 5%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-titol {
    float: left;
    margin: 0 0 20px;
    width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-body {
    clear: right;
    float: left;
    width: 100%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-more {
    clear: right!important;
    float: right!important;
    left: auto!important;
    padding: 15px 10px 20px 0!important;
    right: 0!important;
    text-align: center!important;
    width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-more .field-item {
    margin: 0 auto 10px;
    text-align: center
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2_2-8 .field-name-field-altres-continguts {
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-CE .field-name-field-titol {
    text-align: left;
    position: absolute;
    top: -180px;
    z-index: 8;
    left: 20px;
    max-width: 400px
}

.fie/*ld-name-field-bloc-de-contingut.field-type-entityreference .model-CE .field-name-field-titol * {
    text-align: left;
    font-family: 'Rubik',sans-serif;
    font-size: 22px;
    font-weight: 700;
    background-color: #45b9dd
}*/

.field-name-field-bloc-de-contingut.field-type-entityreference .model-CE .isotip-responsive {
    position: relative;
    margin-bottom: 20px;
    z-index: 1
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-CE .field-name-field-more .field-item {
    display: inline;
    margin: 0 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-titol,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-titol {
    max-width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-body,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-body {
    clear: left;
    float: left;
    text-align: justify;
    max-width: 48%;
    min-height: 333px;
    padding: 40px 0;
    background-color: transparent
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-body {
    float: right
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-titol,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-titol {
    position: absolute;
    margin: -70px -10px;
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-titol h2,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-titol h2 {
    margin: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-titol h2 {
    text-align: right;
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2.content-block,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2.content-block {
    margin-top: 80px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .isotip-responsive {
    z-index: 1
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip-responsive,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip-responsive {
    border: 0 solid transparent!important;
    height: 100%!important;
    min-height: 333px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .content-wrapper,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .content-wrapper {
    position: initial;
    display: block
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more {
    width: inherit;
    right: 0;
    float: right;
    z-index: 2
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more {
    width: inherit;
    right: initial;
    left: 0;
    float: left;
    z-index: 2
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip img,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip img {
    position: absolute;
    top: 50%;
    left: initial;
    transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    max-height: 100%;
    max-width: 100%;
    right: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .isotip img {
    right: initial!important;
    left: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more a,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more a,.field-name-field-bloc-de-contingut.field-type-entityreference a.btn-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
    border-width: 2px;
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more {
    position: absolute;
    bottom: -10px!important;
    margin: 0;
    padding: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-more .field-item,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-more .field-item {
    margin: 0 20px 0 10px;
    text-align: center
}

.field-name-field-bloc-de-contingut.field-type-entityreference a.btn-white {
    background-color: transparent!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .btn-white a,.field-name-field-bloc-de-contingut.field-type-entityreference .btn-white a.btn-blue {
    color: #45b9dd;
    background-color: transparent;
    border: 2px solid #45b9dd;
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C2 a,.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 a {
    color: #fff!important;
    border-color: #fff!important;
    background-color: transparent!important;
    border-width: 2px!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference a.btn-red {
    background-color: transparent!important;
    border: 1px solid #ff704f!important;
    color: #ff704f!important;
    border-width: 2px!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference a.btn-cta {
    background-color: #ff704f!important;
    color: #fff!important;
    border: 1px solid #ff704f!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .btn-white a.btn-red:hover {
    background-color: #ff704f!important;
    color: #fff!important;
    border: 2px solid #ff704f!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .btn-white a:hover,.field-name-field-bloc-de-contingut.field-type-entityreference a.btn-white:hover {
    background-color: #00a9de;
    border-color: #fff;
    color: #fff;
}

.field-name-field-bloc-de-contingut.field-type-entityreference a.btn-cta:hover {
    background-color: #fff!important;
    color: #ff704f!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .content-block.model-C2,.field-name-field-bloc-de-contingut.field-type-entityreference .content-block.model-C3 {
    overflow: hidden;
    transition: all 3s ease 0s
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C2 .content {
    margin-top: -80px;
    z-index: 1;
    padding: 20px!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 .content {
    z-index: 1
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item .field-name-field-titol {
    margin: 0;
    max-width: 50%;
    height: 105px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C2 .isotip-responsive,.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 .isotip-responsive {
    z-index: -1
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.model-C2 .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.model-C3 .field-name-field-more {
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    transition: all 1s ease 1s!important;
    -webkit-transition: all 1s ease 1s!important;
    -ms-transition: all 1s ease 1s!important;
    -moz-transition: all 1s ease 1s!important;
    -o-transition: all 1s ease 1s!important;
    transform: translateX(50vw)!important;
    -webkit-transform: translateX(50vw)!important;
    -ms-transform: translateX(50vw)!important;
    -moz-transform: translateX(50vw)!important;
    -o-transform: translateX(50vw)!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.model-C2:hover .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.model-C3:hover .field-name-field-more {
    display: block!important;
    transition: all 1s ease 0s!important;
    -webkit-transition: all 1s ease 0s!important;
    -ms-transition: all 1s ease 0s!important;
    -moz-transition: all 1s ease 0s!important;
    -o-transition: all 1s ease 0s!important;
    transform: translateX(0)!important;
    -webkit-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -o-transform: translateX(0)!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C2:hover .isotip-img:after,.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3:hover .isotip-img:after {
    background-color: rgba(69,185,221,.9);
    width: 100%;
    height: 100%;
    content: " ";
    top: 0;
    position: absolute
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C2:hover .field-name-field-titol,.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3:hover .field-name-field-titol {
    margin: 0;
    max-width: 50%;
    height: 105px;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transition: all 3s ease 0s;
    -webkit-transition: all 3s ease 0s;
    -ms-transition: all 3s ease 0s;
    -moz-transition: all 3s ease 0s;
    -o-transition: all 3s ease 0s
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 .field-name-field-titol {
    height: 125px!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 .field-name-field-titol h2 {
    font-size: 20px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 .content {
    margin-top: -90px
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.model-C3 .field-name-field-more {
    max-width: 45%
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.model-C2 .field-name-field-more a {
    padding: 0 30px
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.model-C3 .field-name-field-more a {
    padding: 0 15px;
    margin: 5px 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip .field-name-field-titol {
    margin: 0 auto!important;
    height: auto!important;
    text-align: center!important;
    position: relative!important;
    top: initial!important;
    left: initial!important;
    max-width: 90%!important;
    min-width: 90%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip .field-name-field-titol h2 {
    text-align: center!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip .field-name-body {
    margin: 0 auto!important;
    max-width: 80%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2>.content-wrapper>.content {
    width: 50%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2>.content-wrapper>.content {
    float: left;
    width: 50%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2 .field-name-field-titol h2 {
    text-align: left!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2 .field-name-field-titol h2 {
    text-align: right!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2>.content-wrapper>.content,.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2>.content-wrapper>.content,.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2 .field-name-field-more,.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2 .field-name-field-more {
    width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2 .field-name-field-more a,.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2 .field-name-field-more a {
    color: #45b9dd!important;
    background-color: transparent;
    border: 2px solid #45b9dd!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2 .field-name-field-more a:hover,.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2 .field-name-field-more a:hover {
    color: #fff!important;
    background-color: #45b9dd!important;
    border: 2px solid #45b9dd!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2 .field-name-body,.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2 .field-name-body {
    margin: 0 auto!important;
    max-width: 98%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2.content-block,.field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2.content-block {
    margin-top: 20px!important
}

.isotip-img img {
    margin: 0 auto
}

.carousel .carousel-control {
    top: 50%;
    transform: translateY(22%);
    -webkit-transform: translateY(22%);
    -ms-transform: translateY(22%);
    -moz-transform: translateY(22%);
    -o-transform: translateY(22%)
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-CE.withVideoYT .field-name-field-titol {
    width: 100%;
    max-width: 100%;
    text-align: center!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-CE.withVideoYT .field-name-field-titol h2 {
    text-align: center!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withVideoYT .isotip-video span.glyphicon {
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    border: 0;
    background-color: transparent!important;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    right: unset;
    line-height: inherit;
    opacity: .7;
    pointer-events: none!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withVideoYT .isotip:hover .isotip-video .glyphicon {
    transform: scale(1.5) translateX(-34%) translateY(-34%);
    -webkit-transform: scale(1.5) translateX(-34%) translateY(-34%);
    -ms-transform: scale(1.5) translateX(-34%) translateY(-34%);
    -moz-transform: scale(1.5) translateX(-34%) translateY(-34%);
    -o-transform: scale(1.5) translateX(-34%) translateY(-34%);
    transition: .5s ease 0s;
    opacity: 1
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .isotip-video:hover span {
    background-color: transparent;
    color: initial
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons.withVideoYT .field-name-field-more {
    position: relative!important;
    left: initial;
    top: 0;
    right: initial;
    float: none
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.model-D2.withVideoYT .field-name-field-more {
    position: absolute!important;
    bottom: -20px!important;
    top: unset!important;
    left: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.model-E2.withVideoYT .field-name-field-more {
    position: absolute!important;
    bottom: -20px!important;
    top: unset!important;
    right: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2>.content-wrapper>.content .field-name-field-carousel-cb {
    float: right!important;
    width: 40%;
    margin-right: 5%;
    margin-top: -25px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2>.content-wrapper>.content .field-name-field-carousel-cb {
    margin-left: 5%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2>.content-wrapper>.content .field-name-body {
    float: left!important;
    max-width: 45%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2>.content-wrapper>.content .field-name-body {
    float: right!important;
    max-width: 45%!important;
    position: absolute!important;
    top: 25px!important;
    right: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2>.content-wrapper>.content .video-container,.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2>.content-wrapper>.content .video-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(22%);
    -webkit-transform: translateX(-50%) translateY(22%);
    -ms-transform: translateX(-50%) translateY(22%);
    -moz-transform: translateX(-50%) translateY(22%);
    -o-transform: translateX(-50%) translateY(22%);
    padding-top: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2 .carousel-inner .item:before,.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2 .carousel-inner .item:before {
    content: "";
    display: block;
    padding-top: 66%
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2 .carousel .item,.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2 .carousel .item {
    background-position: center center;
    background-size: contain;
    max-height: 100%;
    min-height: 0;
    background-repeat: no-repeat
}

.field-name-field-bloc-de-contingut.field-type-entityreference .carousel ol.carousel-indicators li.active {
    background-color: #45b9dd!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2.withCarousel .field-name-field-more {
    position: relative!important;
    bottom: unset!important;
    top: unset!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2.withCarousel .field-name-field-more {
    position: relative!important;
    text-align: center;
    padding-right: 0!important;
    bottom: unset!important;
    top: unset!important;
    float: right!important;
    width: 50%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2.withCarousel .field-name-field-more {
    text-align: center;
    padding-right: 0!important;
    padding-left: 5%!important;
    float: left!important;
    width: 50%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .with-buttons.model-D2.withCarousel .field-name-field-more {
    padding-left: 5%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .with-buttons.model-E2.withCarousel .field-name-field-more {
    padding-right: 5%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2.withCarousel .field-name-field-more .field-item,.field-name-field-bloc-de-contingut.field-type-entityreference .model-E2.withCarousel .field-name-field-more .field-item {
    display: inline-block
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-D2.withVideoYT .field-name-field-titol {
    max-width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .carousel-control {
    background: 0 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .carousel .carousel-caption {
    background-color: rgba(255,255,255,.8)!important;
    position: relative!important;
    color: #45b9dd!important;
    bottom: 0!important;
    text-shadow: none;
    top: initial
}

.field-name-field-bloc-de-contingut.field-type-entityreference .carousel .carousel-caption * {
    font-weight: 600
}

.field-name-field-bloc-de-contingut.field-type-entityreference .field-name-field-carousel-cb {
    max-width: 960px;
    margin: 0 auto
}

.field-name-field-bloc-de-contingut.field-type-entityreference .carousel .item {
    background-position: bottom center;
    background-size: contain;
    max-height: 40vw;
    min-height: 50vh;
    background-repeat: no-repeat
}

.field-name-field-bloc-de-contingut.field-type-entityreference a.whole-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 9
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink.content-block {
    padding: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink.content-block .content {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3.with-wholelink .content {
    margin-top: -80px
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink.model-C2:hover .isotip-img:after,.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink.model-C3:hover .isotip-img:after {
    background-color: rgba(69,185,221,.7)
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink .isotip-responsive {
    margin-bottom: 0
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink:hover a.whole-link {
    background-color: rgba(69,185,221,.7);
    display: block
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink:hover .field-name-field-titol {
    z-index: 10
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink:hover .field-name-field-titol h2 {
    color: #fff!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .with-wholelink:hover .content-wrapper {
    pointer-events: none!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item.with-wholelink .field-name-field-titol {
    max-width: 70%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C4 {
    padding: 1px 1px 20px!important;
    margin-bottom: 20px!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C4 .field-name-field-titol {
    background-color: #45b9dd;
    border-radius: 20px 20px 0 0;
    margin: 0 0 20px!important;
    max-width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C4 .field-name-field-titol h2 {
    color: #f9f9f9!important;
    font-size: 18px!important;
    text-align: left!important;
    padding-left: 20px;
    margin: 0!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C4 .field-name-field-titol h3 {
    color: #f9f9f9!important;
    font-size: 16px!important;
    text-align: left!important;
    padding-left: 20px;
    font-style: italic;
    margin: 0!important;
    font-weight: 300!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C4 .field-name-body {
    max-width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C4.even article .content {
    background-color: #f9f9f9
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-C4 .field-name-field-more {
    text-align: center!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-XX .field-name-body {
    margin: 0 auto!important;
    max-width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .model-XX .field-name-field-titol {
    text-align: left!important;
    max-width: 100%!important
}

.field-name-field-bloc-de-contingut.field-type-entityreference .withVideoYT .content-wrapper {
    z-index: 3
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2.content-block,body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2.content-block {
    margin-top: 0
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-body,body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-body {
    width: 100%!important;
    max-width: 100%!important;
    min-height: 0!important;
    padding: 30px 0 0!important;
    margin: 0
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2>.content-wrapper>.content,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2>.content-wrapper>.content,.field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 .content,body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-C2 .content {
    padding: 0!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item.with-wholelink .field-name-field-titol {
    max-width: 90%!important;
    height: 125px;
    position: absolute
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item.with-wholelink .field-name-field-titol h2 {
    line-height: 20px;
    position: relative;
    top: -18px;
    left: 10px!important;
    margin-left: 0;
    padding-left: 0!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item.with-wholelink.model-CE .field-name-field-titol h2 {
    top: 55px;
    left: 10px!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2>.content-wrapper>.content .field-name-field-carousel-cb {
    float: none!important;
    width: 100%;
    clear: both
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2 .field-name-field-titol h2 {
    text-align: center!important;
    clear: both
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2>.content-wrapper>.content .field-name-body {
    float: none!important;
    max-width: 100%!important;
    position: relative!important;
    top: 0!important;
    right: 0!important;
    padding: 0 10px!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .with-buttons.model-D2.withCarousel .field-name-field-more {
    padding-left: 5%!important;
    float: none!important;
    width: 100%!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2 .field-name-field-titol h2 {
    text-align: center!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2>.content-wrapper>.content .field-name-field-carousel-cb {
    float: none!important;
    width: 100%;
    margin-right: 1%;
    margin-top: 0;
    position: relative
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip .field-name-field-titol {
    max-width: 100%!important;
    min-width: 100%!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2>.content-wrapper>.content .field-name-body {
    float: none!important;
    max-width: 90%!important;
    position: relative;
    top: 0;
    margin: 0 auto!important;
    padding: 0!important;
    clear: both
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .with-buttons.model-E2.withCarousel .field-name-field-more {
    padding-right: 5%!important;
    padding-left: 5%!important;
    width: 100%!important;
    position: relative!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .carousel .item {
    background-position: bottom center;
    background-size: contain;
    max-height: 40vw;
    min-height: 40vw;
    background-repeat: no-repeat
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2.withVideoYT .field-name-field-titol {
    max-width: 100%!important;
    position: relative;
    margin: 20px 0!important;
    text-align: center!important;
    line-height: 10px
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-titol h2 {
    text-align: center!important;
    line-height: normal;
    width: 100%
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.model-D2.withVideoYT .field-name-field-more,body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.model-E2.withVideoYT .field-name-field-more {
    position: relative!important;
    bottom: unset!important;
    top: unset!important;
    left: 0!important;
    margin: 0 auto!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-CE.withVideoYT .field-name-field-titol {
    width: 100%;
    max-width: 100%;
    text-align: center!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item .field-name-field-titol {
    margin: 10px 0!important;
    max-width: 100%!important;
    height: auto;
    float: none!important;
    width: 100%!important;
    position: relative;
    top: 0;
    z-index: 9;
    left: unset!important;
    padding-left: 0!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-E2>.content-wrapper>.content {
    float: none;
    width: 100%!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .content-background {
    display: none
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withoutIsotip.model-D2>.content-wrapper>.content {
    width: 100%!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items .field-item.with-buttons .field-name-field-more {
    padding-left: 0!important;
    padding-right: 0;
    position: relative!important;
    margin-left: 0!important;
    margin-bottom: -20px;
    bottom: 0!important;
    float: none!important;
    width: 100%!important;
    display: inline!important;
    text-align: center!important
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-CE .field-name-field-titol * {
    position: relative;
    text-align: left;
    font-family: 'Rubik',sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item.model-CE.with-wholelink .field-name-field-titol {
    top: -150px
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-E2 .field-name-field-titol h2 {
    margin: 0!important;
    text-align: center
}

body.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-D2 .field-name-field-titol h2 {
    margin: 0!important
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .isotip.isotip-responsive {
    height: auto!important;
    min-height: auto!important;
    float: none!important
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference>.field-items>.field-item .field-name-field-more a {
    display: inline-block;
    /*padding: 10px!important;*/
    max-width: 80vw;
    margin: 10px auto!important
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-E2>.content-wrapper>.content .field-name-field-carousel-cb,.field-name-field-bloc-de-contingut.field-type-entityreference .withCarousel.model-D2>.content-wrapper>.content .field-name-field-carousel-cb {
    float: none!important;
    width: 100%;
    margin-right: 5%;
    margin-top: 0
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .field-name-field-more .field-item {
    display: inline;
    margin: 0 10px
}

.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-C2 .content,.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .model-C3 .content {
    margin-top: 0
}
.bitaboot-xs .field-name-field-bloc-de-contingut.field-type-entityreference .field-items .content-block,
	.bitaboot-sm .field-name-field-bloc-de-contingut.field-type-entityreference .field-items .content-block	 {min-height:auto!important}

.content-block > .content-quicktab {
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    display: none;
}

.content-block > .content-quicktab > .block-quicktabs {
	opacity: 0;
	transition: all 1s;
}

.content-block > .content-quicktab.opened > .block-quicktabs {
	opacity: 1;
}

.content-block > .content-quicktab.opened{
    /*display: block;*/
}

.model-D2, .model-E2{
    flex-wrap: wrap;
}

.content-block .ui-accordion-content article{
    width: 100%!important;
    float: unset!important;
    padding: 0px!important;
}

.content-block .ui-accordion-content article .content > *{
    margin:0px!important;
    padding: 0px!important;
}

.content-block .ui-accordion-content article .field-name-body{
    float: none!important;
    max-width: unset!important;
}
.content-block .ui-accordion-content .field-name-body {width:100%!important;max-width:100%!important;padding:20px!important}
.content-block .ui-accordion-content > .node h2 {display:none}

.content-block .block-quicktabs #logo-landing {display:none}