@charset "UTF-8";
@font-face {
    font-family: 'Open Sans Bold';
    src: url("fonts/aplnr/opensans-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url("fonts/aplnr/opensans-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url("fonts/aplnr/opensans-semibold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/aplnr/opensans-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Bold Italic';
    src: url("fonts/aplnr/opensans-BoldItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Italic';
    src: url("fonts/aplnr/opensans-Italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


/* General overwrite */

body {
    font-family: "Open Sans", sans-serif;
    color: #222222;
}

a {
    cursor: pointer;
    transition: all 0.3s ease-in;
}

a:hover {
    text-decoration: underline;
}

a:hover span {
    text-decoration: underline;
}

a:focus {
    outline: 1px dotted #222222;
    transition: all 0s;
}

dl,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style-position: outside;
}

li {
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
}

html,
body,
p,
div,
h1,
h2,
h3,
h4,
a,
img,
ul,
li,
ol,
span,
header,
nav,
footer,
section,
article,
object,
video {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    border: none;
    background: transparent;
    vertical-align: baseline;
}

body {
    overflow-x: hidden;
}


/*carga pagina
.page-ready .home, .js .home {
  opacity: 0;
}

.js.page-loaded .home {
  opacity: 1;
  transition: opacity .15s;
}*/


/* fin carga pagina*/

.page-wrapper {
    overflow-x: hidden;
}

table {
    border-bottom: 1px solid #BFBFBF;
}


/* Fonts */

html {
    font-size: 10px;
}

h1,
.h1 {
    font-size: 3.2rem;
    font-weight: 300;
}

h2,
.h2 {
    font-size: 2.1rem;
    font-weight: 300;
}

h2 em,
.h2 em {
    font-size: 2.2rem;
    font-family: "Open Sans Bold Italic", sans-serif;
}

p {
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
}

b,
strong {
    font-family: "Open Sans Bold", sans-serif;
}

em {
    font-family: "Open Sans Italic", sans-serif;
}

hr {
    background: #BFBFBF;
    margin: 2.5rem 0;
    height: 0.1rem;
    border: 0;
}

.line-up:before {
    content: '';
    position: relative;
    display: block;
    width: 2.3rem;
    height: 0.6rem;
    margin: 1rem 0 2rem 0;
    background: #197EAE;
}

.line-up--white:before {
    background: #FFFFFF;
}


/* Font color */

.font-color--default {
    color: #197EAE;
}

.font-color--black {
    color: #222222;
}

.font-color--blue {
    color: #009AD8;
}

.font-color--blue-light {
    color: #EFF7FC;
}

.font-color--gray {
    color: #BFBFBF;
}

.font-color--gray-dark {
    color: #939393;
}

.font-color--gray-light {
    color: #F6F6F6;
}

.font-color--red {
    color: #CF3B3B;
}

.font-color--red-2 {
    color: #CF3B3B;
}

.font-color--dark-red {
    color: #91193a;
}

.font-color--white {
    color: #FFFFFF;
}

.font-color--yellow {
    color: #cf8d2b;
}

.font-color--green {
    color: #C1EB93;
}


/* Background */

.bg--default {
    background-color: #197EAE;
}

.bg--black {
    background-color: #222222;
}

.bg--blue-gradient,
.bg-dark-Blue {
    background: linear-gradient(180deg, #009AD8 0%, #197EAE 100%);
}

.bg--blue {
    background-color: #009AD8;
}

.bg--blue-light {
    background-color: #EFF7FC;
}

.bg--blue-light a {
    color: #1A75A0;
}

.bg--gray {
    background-color: #BFBFBF;
}

.bg--gray-dark {
    background-color: #939393;
}

.bg--gray-light {
    background-color: #F6F6F6;
}

.bg--red {
    background-color: #CF3B3B;
}

.bg--white {
    background-color: #FFFFFF;
}

.bg--green {
    background-color: #C1EB93;
}

.bg--green-dark {
    background-color: #98cd7f;
}


/* Modificadores Texto */

.h1--small {
    font-size: 2.7rem;
}

.paragraph--base {
    font-size: 1.6rem;
}

.paragraph--small {
    font-size: 1.4rem;
}

.button {
    font-size: 1.4rem;
}


/* Buttons */

.button-wrap {
    display: inline-block;
    margin: 0 1rem 1rem 1rem;
}

.btn {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: "Open Sans Semibold", sans-serif;
    width: 100%;
    padding: 1.1rem 6rem;
    border-radius: 0.2rem;
    position: relative;
    background: none;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.3s ease-in;
    color: inherit;
}

.btn--primary {
    border: 0.2rem solid #197EAE;
}

.btn--blue {
    border: 0.2rem solid #197EAE;
    background: #197EAE;
}

.btn--white {
    border: 0.2rem solid #FFFFFF;
}

.btn-icon:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 100%;
    padding: 0;
    width: 2rem;
    top: 0;
}

.btn-icon--arrow-right-blue:after {
    background: url("images/arrow-blue.svg") no-repeat center center transparent;
}

.btn-icon--arrow-right-white:after {
    background: url("images/arrow-white.svg") no-repeat center center transparent;
}

img[data-src] {
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    transition: opacity 0.3s ease-in;
}

img.lazy-loaded[data-src] {
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
}


/* Utils */

.mt-n20 {
    margin-top: -2rem;
}

.mt-n50 {
    margin-top: -5rem;
}

.mt-n100 {
    margin-top: -10rem;
}

.mt-n150 {
    margin-top: -15rem;
}

.mt-n170 {
    margin-top: -17rem;
}

html[lang="en"] .mt-n170.en {
    margin-top: 0;
    height: 0;
}


/* texto centrado */

.texto_centrado {
    text-align: center;
}


/* boton texto centrado */

.article-block .article-content .texto_centrado.button_wrap {
    display: block;
}


/* texto grande*/

.texto_grande {
    font-size: 5rem;
    margin-top: 1.5rem;
    display: inherit;
}


/* texto aclarativo*/

.texto_aclarativo {
    font-size: 1.2rem;
    line-height: 1.6rem;
}


/* aside en mobile */

@media (max-width: 992px) {
    .aside {
        margin-bottom: 65px;
    }
}


/* interliniado menor parrafo */

p.int_small {
    margin-bottom: 0.5rem;
}


/* interlineado menor li */

ul li.list__item.int_small .c-link {
    margin-bottom: 0.5rem;
}


/* img 100% mobile */

.contentList__dest img {
    max-width: 100%;
    height: auto;
}


/* icon download*/

.contentList__dest a img {
    max-width: inherit;
}


/*margenes generales componentes*/

.article-block .article-content,
.c-highlight {
    margin-bottom: 5rem;
}

.article-block._special_appearance .article-content {
    margin-bottom: 0;
}

.contentList,
.contentList__dest,
.mapa_encuentros,
.carousel-group.main-component,
.mt-n170 .bg--blue-gradient,
.p-highlights,
.accionistas {
    margin-bottom: 5rem;
}

#agenda {
    margin-bottom: 3rem;
}

.bg--blue-gradient .article-block,
.video-inline {
    margin-bottom: 0;
}

.p-highlights ul.p-highlight-list,
.article-block .article-content .button_wrap,
.table-container,
.table {
    margin-bottom: 0;
}

.p-highlights li.p-highlight {
    margin-top: 0;
}

#mb-3.article-content,
#mb-3 .article-content,
#mb-3.dropdown-group,
#mb-3.p-highlights,
.mb-3.article-content,
.mb-3 .article-content,
.mb-3.dropdown-group,
.mb-3.p-highlights {
    margin-bottom: 2.5rem;
}

#mb-0.article-content,
#mb-0 .article-content,
#mb-0.dropdown-group,
#mb-0.p-highlights,
.mb-0.article-content,
.mb-0 .article-content,
.mb-0.dropdown-group,
.mb-0.p-highlights {
    margin-bottom: 0;
}

#mbn-3.article-content,
#mbn-3 .article-content,
#mbn-3.dropdown-group,
#mbn-3.p-highlights,
.mbn-3.article-content,
.mbn-3 .article-content,
.mbn-3.dropdown-group,
.mbn-3.p-highlights {
    margin-bottom: -2.5rem;
}


/*margen para solo titulos*/

.article-block._normal_appearance,
.article-block._normal_appearance .article-content {
    margin-bottom: 0;
}

button:focus {
    outline: 1px dotted;
}


/*margen link publi menu*/

.card-publi a.c-link {
    margin-top: 1.5rem;
    margin-bottom: 0;
}


/*quitar formulario cookies dv dinamicas*/

.video-inline form#capaCookies {
    display: none;
}

.h-auto {
    min-height: auto !important;
}


/*quitar cuando se publique el microfono en el prebuscador*/

.w-100 {
    width: 80% !important;
}


/*texto en el slider abajo en el primer item*/

.home-banner #bottom0.hm-slider .hm-slider-list .hm-slide:first-child .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
    bottom: 2rem;
}

@media (min-width: 768px) {
    .home-banner #bottom0.hm-slider .hm-slider-list .hm-slide:first-child .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        bottom: -4rem;
    }
}

@media (min-width: 991px) {
    .home-banner #bottom0.hm-slider .hm-slider-list .hm-slide:first-child .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        bottom: -6rem;
    }
}


/***********************
    A0.BUTTONS
************************/

.buttons_group {
    margin: 0 0 2rem 0;
    text-align: center;
}

.article-main .buttons_group,
.aside-main .buttons_group {
    margin-top: 3rem;
}

.button_wrap {
    display: block;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .button_wrap {
        display: inline-block;
        margin: 0 1rem 2rem 1rem;
    }
}

.button_wrap .btn {
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .button_wrap .btn {
        width: auto;
    }
}

.button_wrap .btn>a,
.button_wrap button.btn,
.button_wrap a>.btn,
.article-content .boton>a,
.article-content a>.boton,
.article-content .boton_azul>a,
.article-content a>.boton_azul,
.article-content .boton_gris>a,
.article-content a>.boton_gris {
    font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
    background-color: #fff;
    border: 0.2rem solid #007eae;
    color: #007eae;
    padding: 1.1rem 1rem;
    border-radius: 0.2rem;
    line-height: 1.4rem;
    font-size: 1.4rem;
    /*height: 4rem;*/
    position: relative;
    background: none;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    width: 100%;
    max-width: 320px;
    transition: all 0.3s ease-in;
}

@media (max-width: 768px) {
    .button_wrap .btn>a,
    .button_wrap button.btn,
    .button_wrap a>.btn,
    .article-content .boton>a,
    .article-content a>.boton,
    .article-content .boton_azul>a,
    .article-content a>.boton_azul,
    .article-content .boton_gris>a,
    .article-content a>.boton_gris {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .button_wrap .btn>a,
    .button_wrap button.btn,
    .button_wrap a>.btn,
    .article-content .boton>a,
    .article-content a>.boton,
    .article-content .boton_azul>a,
    .article-content a>.boton_azul,
    .article-content .boton_gris>a,
    .article-content a>.boton_gris {
        width: auto;
        max-width: none;
    }
}

.button_wrap .btn_info {
    display: block;
    color: #555;
    font-size: 1.4rem;
    padding-bottom: 1rem;
}

.button_wrap .btn>a:hover,
.button_wrap button.btn:hover,
.button_wrap a:hover>.btn,
.article-content .boton>a:hover,
.article-content a:hover>.boton,
.article-content .boton_azul>a:hover,
.article-content a:hover>.boton_azul,
.article-content .boton_gris>a:hover,
.article-content a:hover>.boton_gris {
    background: none;
    color: #007eae;
    border-color: #007eae;
    -webkit-box-shadow: 0 0 10px -1px #404040;
    -moz-box-shadow: 0 0 10px -1px #404040;
    box-shadow: 0 0 10px -1px #404040;
}

.button_wrap .btn>a:focus,
.button_wrap button.btn:focus,
.button_wrap a:focus>.btn,
.article-content a:focus>.boton,
.article-content a:focus>.boton,
.article-content .boton_azul>a:focus,
.article-content a:focus>.boton_azul,
.article-content .boton_gris>a:focus,
.article-content a:focus>.boton_gris {
    background: none;
    color: #007eae;
    -webkit-box-shadow: 0 0 10px -1px #404040;
    -moz-box-shadow: 0 0 10px -1px #404040;
    box-shadow: 0 0 10px -1px #404040;
}

.button_wrap .btn>a:active,
.button_wrap .btn.active>a,
.button_wrap button.btn:active,
.button_wrap a:active>.btn,
.button_wrap a>.btn.active,
.article-content .boton>a:active,
.article-content a:active>.boton,
.article-content .boton_azul>a:active,
.article-content a:active>.boton_azul,
.article-content .boton_gris>a:active,
.article-content a:active>.boton_gris {
    background: none;
    color: #007eae;
    border-color: #007eae;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.button_wrap .btn.disabled>a,
.button_wrap a>.btn.disabled {
    color: #666;
    border: 0.2rem solid #ccc;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}


/* Button colors */

.button_wrap .btn.btn-yellow>a,
.button_wrap a>.btn.btn-yellow,
.button_wrap button.btn.btn-yellow,
.article-content .boton.naranja>a,
.article-content a>.boton.naranja {
    color: #000;
    background-color: #f4c53d;
    border: solid 2px #f4c53d;
}

.button_wrap .btn.btn-yellow>a:hover,
.button_wrap a:hover>.btn.btn-yellow,
.button_wrap button.btn.btn-yellow:hover,
.article-content .boton.naranja>a:hover,
.article-content a:hover>.boton.naranja {
    color: #000;
    background-color: #f4c53d;
    -webkit-box-shadow: 0 0 10px -1px #404040;
    -moz-box-shadow: 0 0 10px -1px #404040;
    box-shadow: 0 0 10px -1px #404040;
    border: solid 2px #f4c53d;
    outline: none;
}

.button_wrap .btn.btn-yellow>a:focus,
.button_wrap a:focus>.btn.btn-yellow,
.button_wrap button.btn.btn-yellow:focus,
.article-content .boton.naranja>a:focus,
.article-content a:focus>.boton.naranja {
    color: #000;
    background-color: #f4c53d;
    -webkit-box-shadow: 0 0 10px -1px #404040;
    -moz-box-shadow: 0 0 10px -1px #404040;
    box-shadow: 0 0 10px -1px #404040;
    border: solid 2px #f4c53d;
    outline: none;
}

.button_wrap .btn.btn-yellow>a:active,
.button_wrap .btn.btn-yellow.active>a,
.button_wrap a:active>.btn.btn-yellow,
.button_wrap a>.btn.btn-yellow.active,
.button_wrap button.btn.btn-yellow:active,
.button_wrap button.btn.btn-yellow.active,
.article-content .boton.naranja>a:active,
.article-content a:active>.boton.naranja {
    color: #000;
    background-color: #e2b33d;
    border: solid 2px #e2b33d;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.button_wrap .btn.btn-yellow.disabled>a,
.button_wrap a>.btn.btn-yellow.disabled {
    color: #666;
    border: 0.2rem solid #ccc;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.button_wrap .btn.btn-blue>a,
.button_wrap a>.btn.btn-blue,
.button_wrap button.btn.btn-blue,
.article-content .boton_azul>a,
.article-content .boton.azul_turquesa>a,
.article-content .boton_azul_oscuro>a,
.article-content a>.boton_azul,
.article-content a>.boton.azul_turquesa,
.article-content a>.boton.azul_oscuro {
    background-color: #007eae;
    border: 0.2rem solid #007eae;
    color: #fff;
}

.button_wrap .btn.btn-blue>a:hover,
.button_wrap button.btn.btn-blue:hover,
.button_wrap a:hover>.btn.btn-blue,
.article-content .boton_azul>a:hover,
.article-content .boton.azul_turquesa>a:hover,
.article-content .boton.azul_oscuro>a:hover,
.article-content a:hover>.boton_azul,
.article-content a:hover>.boton.azul_turquesa,
.article-content a:hover>.boton.azul_oscuro {
    background-color: #007eae;
    border-color: #007eae;
    color: #fff;
    -webkit-box-shadow: 0 0 10px 0px #404040;
    -moz-box-shadow: 0 0 10px 0px #404040;
    box-shadow: 0 0 10px 0px #404040;
}

.button_wrap .btn.btn-blue>a:focus,
.button_wrap button.btn.btn-blue:focus,
.button_wrap a:focus>.btn.btn-blue,
.article-content .boton_azul>a:focus,
.article-content .boton.azul_turquesa>a:focus,
.article-content .boton.azul_oscuro>a:focus,
.article-content a:focus>.boton_azul,
.article-content a:focus>.boton.azul_turquesa,
.article-content a:focus>.boton.azul_oscuro {
    background-color: #007eae;
    color: #fff;
    -webkit-box-shadow: 0 0 10px 0px #404040;
    -moz-box-shadow: 0 0 10px 0px #404040;
    box-shadow: 0 0 10px 0px #404040;
}

.button_wrap .btn.btn-blue>a:active,
.button_wrap .btn.btn-blue.active>a,
.button_wrap button.btn.btn-blue:active,
.button_wrap button.btn.btn-blue.active,
.button_wrap a:active>.btn.btn-blue,
.button_wrap a>.btn.btn-blue.active,
.article-content .boton_azul>a:active,
.article-content .boton.azul_turquesa>a:active,
.article-content .boton.azul_oscuro>a:active,
.article-content a:active>.boton_azul,
.article-content a:active>.boton.azul_turquesa,
.article-content a:active>.boton.azul_oscuro {
    background-color: #006f99;
    border-color: #006f99;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.button_wrap .btn.btn-blue.disabled>a,
.button_wrap a>.btn.btn-blue.disabled {
    color: #666;
    background-color: #e1e1e1;
    border: 0.2rem solid #ccc;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/* Button icons */

.button_wrap a>.icon_lock,
.button_wrap .icon_lock>a,
.button_wrap a>.button_wrap,
.button_wrap .button_wrap>a,
.button_wrap a>.icon_people,
.button_wrap .icon_people>a,
.button_wrap a>.icon_chat,
.button_wrap .icon_chat>a,
.button_wrap a>.icon_phone,
.button_wrap .icon_phone>a,
.button_wrap a>.icon_download,
.button_wrap .icon_download>a,
.article-content .boton.naranja>a,
.article-content a>.boton.naranja {
    padding-left: 3.7rem;
}

.button_wrap a>.icon_lock:before,
.button_wrap .icon_lock>a:before,
.button_wrap a>.button_wrap:before,
.button_wrap .button_wrap>a:before,
.button_wrap a>.icon_people:before,
.button_wrap .icon_people>a:before,
.button_wrap a>.icon_chat:before,
.button_wrap .icon_chat>a:before,
.button_wrap a>.icon_phone:before,
.button_wrap .icon_phone>a:before,
.button_wrap a>.icon_download:before,
.button_wrap .icon_download>a:before,
.article-content .boton.naranja>a:before,
.article-content a>.boton.naranja:before {
    content: '';
    display: inline;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 0;
    width: 3.7rem;
    line-height: 3.5rem;
}

@media screen and (min-width: 0\0) {
    .button_wrap a>.icon_lock:before,
    .button_wrap .icon_lock>a:before,
    .button_wrap a>.button_wrap:before,
    .button_wrap .button_wrap>a:before,
    .button_wrap a>.icon_people:before,
    .button_wrap .icon_people>a:before,
    .button_wrap a>.icon_chat:before,
    .button_wrap .icon_chat>a:before,
    .button_wrap a>.icon_phone:before,
    .button_wrap .icon_phone>a:before,
    .button_wrap a>.icon_download:before,
    .button_wrap .icon_download>a:before,
    .article-content .boton.naranja>a:before,
    .article-content a>.boton.naranja:before {
        padding-top: 1.7rem;
    }
}

.button_wrap a>.icon_lock:before,
.button_wrap .icon_lock>a:before,
.button_wrap a>.button_wrap:before,
.button_wrap .button_wrap>a:before {
    font-family: "fontello";
    font-style: normal;
    content: '\e900';
    font-size: 2rem;
}

.button_wrap a>.btn-blue.icon_lock:before,
.button_wrap .btn-blue.icon_lock>a:before,
.button_wrap a>.btn-blue.button_wrap:before,
.button_wrap .btn-blue.button_wrap>a:before {
    font-family: "fontello";
    font-style: normal;
    content: '\e900';
    font-size: 2rem;
}

.button_wrap a>.icon_people:before,
.button_wrap .icon_people>a:before {
    font-family: "fontello";
    font-style: normal;
    content: '\e903';
    color: #437eae;
    font-size: 2.3rem;
}

.button_wrap a>.btn-blue.icon_people:before,
.button_wrap .btn-blue.icon_people>a:before {
    font-family: "fontello";
    font-style: normal;
    content: '\e903';
    color: #fff;
    font-size: 2.3rem;
}

.button_wrap a>.btn-yellow.icon_people:before,
.button_wrap .btn-yellow.icon_people>a:before {
    font-family: "fontello";
    font-style: normal;
    content: '\e903';
    color: #000;
    font-size: 2.3rem;
}

.button_wrap a>.icon_chat:before,
.button_wrap .icon_chat>a:before {
    background: url("icons/icon_chat_blue.png") no-repeat center center transparent;
}

.button_wrap a>.btn-blue.icon_chat:before,
.button_wrap .btn-blue.icon_chat>a:before {
    background-image: url("icons/icon_chat_white.png");
}

.button_wrap a>.btn-yellow.icon_chat:before,
.button_wrap .btn-yellow.icon_chat>a:before {
    background-image: url("icons/icon_chat.png");
}

.button_wrap a>.icon_phone:before,
.button_wrap .icon_phone>a:before {
    background: url("icons/icon_phone_blue.png") no-repeat center center transparent;
}

.button_wrap a>.btn-blue.icon_phone:before,
.button_wrap .btn-blue.icon_phone>a:before {
    background-image: url("icons/icon_phone_white.png");
}

.button_wrap a>.btn-yellow.icon_phone:before,
.button_wrap .btn-yellow.icon_phone>a:before {
    background-image: url("icons/icon_phone.png");
}

.button_wrap a>.icon_download:before,
.button_wrap .icon_download>a:before {
    background: url("icons/icon_download_blue.png") no-repeat center center transparent;
}

.button_wrap a>.btn-blue.icon_download:before,
.button_wrap .btn-blue.icon_download>a:before {
    background-image: url("icons/icon_download_white.png");
}

.button_wrap a>.btn-yellow.icon_download:before,
.button_wrap .btn-yellow.icon_download>a:before {
    background-image: url("icons/icon_download.png");
}


/* Customized */

.button_wrap a>.btn,
.button_wrap button.btn,
.button_wrap span.btn a {
    padding: 1.1rem 6rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: "Open Sans Semibold", sans-serif;
}

.button_wrap .btn>a,
.button_wrap a>.btn,
.button_wrap button.btn {
    background-color: #FFFFFF;
    border: 0.2rem solid #197EAE;
    color: #197EAE;
    white-space: normal;
}

@media (min-width: 768px) {
    .button_wrap .btn>a,
    .button_wrap a>.btn,
    .button_wrap button.btn {
        white-space: nowrap;
    }
}

.button_wrap .btn.btn-white-border>a,
.button_wrap a>.btn.btn-white-border,
.button_wrap button.btn.btn-white-border {
    background-color: #197EAE;
    border: 0.2rem solid #FFFFFF;
    color: #FFFFFF;
}

.button_wrap .btn.btn-white>a,
.button_wrap a>.btn.btn-white,
.button_wrap button.btn.btn-white {
    background-color: #FFFFFF;
    border: 0.2rem solid #FFFFFF;
    color: #197EAE;
}

.bg--blue-gradient .button_wrap .btn.btn-white-border>a:hover,
.bg--blue-gradient .button_wrap .btn.btn-white-border:hover,
.bg--blue-gradient .button_wrap a:hover>.btn.btn-white-border {
    background: #197EAE;
    color: #FFFFFF;
    border-color: #FFFFFF;
    -webkit-box-shadow: 0 0 10px -1px #FFFFFF;
    -moz-box-shadow: 0 0 10px -1px #FFFFFF;
    box-shadow: 0 0 10px -1px #FFFFFF;
}

.bg--blue .button_wrap .btn.btn-white-border>a:hover,
.bg--blue .button_wrap .btn.btn-white-border:hover,
.bg--blue .button_wrap a:hover>.btn.btn-white-border {
    background: none;
    background: #197EAE;
    color: #FFFFFF;
    border-color: #FFFFFF;
    -webkit-box-shadow: 0 0 10px -1px #FFFFFF;
    -moz-box-shadow: 0 0 10px -1px #FFFFFF;
    box-shadow: 0 0 10px -1px #FFFFFF;
}

.bg-dark-Blue .button_wrap .btn.btn-white-border>a:hover,
.bg-dark-Blue .button_wrap .btn.btn-white-border:hover,
.bg-dark-Blue .button_wrap a:hover>.btn.btn-white-border {
    background: none;
    background: #197EAE;
    color: #FFFFFF;
    border-color: #FFFFFF;
    -webkit-box-shadow: 0 0 10px -1px #FFFFFF;
    -moz-box-shadow: 0 0 10px -1px #FFFFFF;
    box-shadow: 0 0 10px -1px #FFFFFF;
}

.button_wrap a>.icon_right-arrow:after,
.button_wrap .icon_right-arrow>a:after,
.button_wrap button.icon_right-arrow:after {
    content: '';
    display: inline;
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0;
    width: 2rem;
    margin-left: 0.5rem;
}

@media (min-width: 768px) {
    .button_wrap a>.icon_right-arrow:after,
    .button_wrap .icon_right-arrow>a:after,
    .button_wrap button.icon_right-arrow:after {
        margin-left: 0rem;
    }
}

.btn-white.icon_right-arrow:after,
.btn.icon_right-arrow:after {
    background: url("images/arrow-blue.svg") no-repeat center center transparent;
}

.btn-white-border.icon_right-arrow:after {
    background: url("images/arrow-white.svg") no-repeat center center transparent;
}

.btn-search {
    height: 6rem;
    border: 0.1rem solid #494949;
    background: #FFFFFF;
    padding: 0;
}

.btn-search img {
    width: 2.5rem;
    padding: 0 3%;
}

@media (min-width: 768px) {
    .btn-search img {
        width: 3.5rem;
    }
}

.btn-search:focus {
    border: 0.1rem solid #BFBFBF;
    outline: none;
}

.list {
    display: block;
}

.list--no-style {
    list-style: none;
}

.list--no-style .list__item {
    margin-left: 0;
}

.list__item {
    position: relative;
    padding: 0;
    margin-left: 2rem;
}

.list__item:last-child {
    padding-bottom: 0;
}

.list__item--small {
    padding: 0.5rem 0;
}

.c-subdropdown {
    display: inline-block;
    width: auto;
}

.list {
    display: block;
}

.list--no-style {
    list-style: none;
}

.list--no-style .list__item {
    margin-left: 0;
}

.article-block ul,
.article-content ul,
.content .content-box .description ul,
.article-block ol,
.article-content ol,
.content .content-box .description ol,
.contentList__dest ol,
.contentList__dest ul {
    display: block;
}

.article-block ul li,
.article-content ul li,
.content .content-box .description ul li,
.article-block ol li,
.article-content ol li,
.content .content-box .description ol li,
.contentList__dest ol li,
.contentList__dest ul li {
    position: relative;
    padding: 0;
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.article-block ul li.int_small,
.article-content ul li.int_small,
.content .content-box .description ul li.int_small,
.article-block ol li.int_small,
.article-content ol li.int_small,
.content .content-box .description ol li.int_small,
.contentList__dest ol li.int_small,
.contentList__dest ul li.int_small {
    margin-bottom: 0.5rem;
    padding-bottom: 0;
}

.article-block ul li.int_small ul,
.article-content ul li.int_small ul,
.content .content-box .description ul li.int_small ul,
.article-block ol li.int_small ul,
.article-content ol li.int_small ul,
.content .content-box .description ol li.int_small ul,
.contentList__dest ol li.int_small ul,
.contentList__dest ul li.int_small ul {
    margin-top: 0.5rem !important;
}

.article-block ul li:last-child,
.article-content ul li:last-child,
.content .content-box .description ul li:last-child,
.article-block ol li:last-child,
.article-content ol li:last-child,
.content .content-box .description ol li:last-child,
.contentList__dest ol li:last-child,
.contentList__dest ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.article-block ul ul,
.article-content ul ul,
.content .content-box .description ul ul,
.article-block ol ul,
.article-content ol ul,
.content .content-box .description ol ul,
.contentList__dest ol ul,
.contentList__dest ul ul {
    margin-top: 2rem !important;
}

.list-inline-item {
    margin: 0;
}

.border-box {
    padding: 2rem;
}

.border-box--gray {
    border: 1px solid #BFBFBF;
}

.border-box--blue {
    border: 1px solid #009AD8;
}

.c-link {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.9rem;
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 2.5rem;
}

.c-link:hover {
    text-decoration: none;
}

.c-link--arrow:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1.9rem;
    padding: 0;
    width: 1.9rem;
    background: url("images/arrow-blue.svg") no-repeat center center transparent;
}

.c-link--arrow:hover:after {
    margin-left: 1.7rem;
    transition: all 0.3s ease-in;
}

.c-link--arrow-black:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1.9rem;
    padding: 0;
    width: 1.9rem;
    background: url("images/arrow-black.svg") no-repeat center center transparent;
}

.c-link--arrow-black:hover:after {
    margin-left: 1.7rem;
    background: url("images/arrow-blue.svg") no-repeat center center transparent;
    transition: all 0.3s ease-in;
}

.c-link--arrow-white:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1.9rem;
    padding: 0;
    width: 1.9rem;
    background: url("images/arrow-white.svg") no-repeat center center transparent;
}

.c-link--black {
    color: #222222;
}

.c-link--black:hover {
    color: #197EAE;
}

.c-link--white {
    color: #FFFFFF;
}

.c-link--white:hover {
    color: #FFFFFF;
}

.c-link--double-rectangle:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1.9rem;
    padding: 0;
    width: 1.9rem;
    background: url("images/double-rectangle.png") no-repeat center center transparent;
}

.c-link--inline {
    display: inline-block;
    margin-right: 5rem;
    text-align: left;
}

.c-link--inline:last-child {
    margin-right: 0;
}

.c-link--inline img {
    display: inline-block;
    width: auto;
    margin: 0 !important;
}

.table .c-link--inline {
    margin: 0;
}

.button_wrap .c-link--inline,
.linkgroup-images-footer .c-link--inline {
    display: none;
}

.table-container.pagination {
    display: inline-block;
    overflow-y: hidden;
    margin: 3rem auto 4rem;
}

@media (min-width: 768px) {
    .table-container.pagination {
        margin: 0;
    }
}

.table-container.pagination .form-group {
    margin: 0 0 1rem;
}

.table-container.pagination .form-group .form-control {
    width: auto;
    display: inline;
    font-size: 1.6rem;
}

ul.pagination {
    width: fit-content;
    margin: 1rem auto 0;
    justify-content: center;
    display: flex;
}

ul.pagination nav {
    position: absolute;
    width: 768px;
    left: 50%;
    margin-left: -384px;
}

ul.pagination .form-group.text-right {
    position: absolute;
    margin-top: -4rem;
    right: 2%;
}

@media (min-width: 768px) {
    ul.pagination nav {
        position: inherit;
        width: 100%;
        left: inherit;
        margin-left: 0;
    }
    ul.pagination .form-group.text-right {
        position: inherit;
        margin-top: 0;
        right: inherit;
    }
}

ul.pagination li {
    padding: 0 0.9rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #939393;
    font-weight: 600;
    cursor: pointer;
}

ul.pagination li:hover {
    color: #939393;
}

ul.pagination li--blue {
    font-weight: normal;
    color: #197EAE;
}

ul.pagination li--blue:hover {
    color: #197EAE;
}

ul.pagination li.active {
    color: #222222;
}

ul.pagination li.active:hover {
    color: #222222;
}

.table-container {
    /* margin-bottom: $spacer-2;*/
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) {
    .table-container {
        overflow-x: hidden;
    }
}

.table-container td,
.table-container th {
    padding-left: 0.5rem;
}

.table {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    table-layout: fixed;
    min-width: 768px;
    width: 100%;
}

@media (min-width: 768px) {
    .table {
        min-width: 100%;
    }
}

.table--no-border {
    border: 0;
}

.table--no-border td {
    border: 0;
}

.table td,
.table th {
    padding-left: 0.5rem;
}

.table__th-icon {
    width: 5.1rem;
}

.table thead th {
    border-bottom: 0.1rem;
}


/* quitar th*/

#notitle table th,
.notitle table th {
    display: none;
}


/* tabla documentos*/

.doc table,
#doc table,
.apl table {
    min-width: 100%;
}

#documentos a {
    word-break: break-word;
}

.doc table,
#doc table,
.apl table {
    table-layout: inherit;
}

@media (min-width: 768px) {
    .apl table {
        table-layout: fixed;
    }
}

.doc table td:first-child {
    text-align: center;
    width: 50px;
}

@media (max-width: 768px) {
    .buscador .table tr td:first-child img {
        max-width: 100%;
        height: auto;
    }
}


/* tabla mas pequeña*/

#smallTable .table,
#smallTable.table,
.smallTable .table,
.smallTable.table {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

#smallTable .table p,
#smallTable.table p,
.smallTable .table p,
.smallTable.table p {
    font-size: 1.2rem;
    line-height: 1.4rem;
}


/* tabla 100% mobile */

#w100 .table,
.w100 .table {
    min-width: 100%;
}


/* tabla td 100% mobile */

#td100 .table tr,
.td100 .table tr {
    border-top: 1px solid #bfbfbf;
}

@media (min-width: 768px) {
    #td100 .table tr,
    .td100 .table tr {
        border: none;
    }
}

#td100 .table tr td,
.td100 .table tr td {
    width: 100%;
    display: block;
    border: 0;
}

@media (min-width: 768px) {
    #td100 .table tr td,
    .td100 .table tr td {
        width: 40px;
        display: table-cell;
        border-top: 1px solid #bfbfbf;
    }
}

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
    #td100 .table tr td,
    .td100 .table tr td {
        width: auto;
    }
}

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
    #td100 .table tr td:first-child,
    .td100 .table tr td:first-child {
        width: 40px;
    }
}

#piconos.article-content .table img {
    width: 65px;
    height: 65px;
}

.contentList__dest .table-container td a {
    width: 100%;
    text-align: center;
}

.form__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}

.form__group {
    position: relative;
    padding: 0;
}

.form__group .button_wrap {
    margin-top: 3rem;
}

.form__label {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #939393;
}

.form__input {
    border: 0.1rem solid #494949;
    border-radius: 0.3rem;
    height: 4.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222222;
    padding: 1rem 1.4rem;
}

.form__input:focus {
    color: #222222;
}

.form__input.is-invalid {
    background: none;
    padding-right: 1.4rem;
}

.form__input--xl {
    height: 60px;
    line-height: 60px;
    border: 1px solid #494949;
    border-radius: 2px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #222222;
    padding: 0 1rem 0 1rem;
}

.form__input--xl:focus {
    border: 1px solid #494949;
    outline: none;
}

.form__input--xl::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #494949;
    opacity: 0.7;
}

.form__input--xl:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #494949;
    opacity: 0.7;
}

.form__input--xl::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #494949;
    opacity: 0.7;
}

.form__input--xl:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #494949;
    opacity: 0.7;
}

@media (min-width: 768px) {
    .form__input--xl {
        font-size: 3rem;
        padding: 0 3rem 0 3rem;
    }
}

@media (min-width: 391px) {
    .form__input--xl {
        font-size: 2.3rem;
    }
}

.form__select {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    border: 0.1rem solid #494949;
    border-radius: 0.3rem;
    height: 4.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1rem 3rem 1rem 1.4rem;
    background: url("images/arrow-down.svg") no-repeat 93% center;
}

.form__select::-ms-expand {
    display: none;
}

.form__check {
    position: relative;
    display: block;
    padding-left: 0;
}

.form__check.highlighted {
    background-color: #DEF0F9;
}

.form__check-label {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    cursor: pointer;
    padding-left: 3rem;
}

.form__check-label:before {
    border: 1px solid #494949;
    border-radius: 0.2rem;
    content: "\00a0";
    display: inline-block;
    height: 1.6rem;
    width: 1.6rem;
    font-size: 0;
    margin: 0.3rem 1.6rem 0 -3rem;
    padding: 0;
    vertical-align: top;
}

.form__check-input {
    height: 0;
    width: 0;
}

.form__check-input:checked+label:before {
    content: "";
    color: #197EAE;
    background: url("images/checkbox.svg") no-repeat center center white;
    text-align: center;
    border: 1px solid #197EAE;
}

.form__check-input:focus+label:before {
    outline: #3b99fc auto 5px;
}


/* Radio */

.form__radio-input {
    height: 0;
    width: 0;
    display: inline-block;
}

.form__radio-input:not(:checked)+label:after {
    opacity: 0;
}

.form__radio-input:checked+label:before {
    display: none;
}

.form__radio-input:checked+label:after {
    opacity: 1;
}

.form__radio-input:focus+label:before {
    outline: #3b99fc auto 5px;
}

.form__radio-label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding-left: 2.8rem;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.form__radio-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #494949;
    border-radius: 100%;
    background: #FFFFFF;
    margin: 0.3rem 0 0 0;
}

.form__radio-label:after {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 3px;
    left: 0;
    background: url("images/radio.svg") no-repeat center center transparent;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form__invalid-text {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #CF3B3B;
}

.form__textarea {
    border: 0.1rem solid #494949;
    border-radius: 0.3rem;
    height: 18rem;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222222;
    padding: 1rem 1.4rem;
    resize: none;
}


/*apl forms*/

.apl-form .evaluation-radios label.error {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #CF3B3B;
    padding-top: 1rem;
}

.form-group .error,
.form-check .error {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #CF3B3B;
    padding-top: 1rem;
    width: 100%;
}

.form-check .error {
    width: auto;
}

.form__input.form-control.error {
    border-color: #cf3b3b;
    background: none;
    padding-right: 1.4rem;
}

#legalConditions-error {
    margin: 20px auto;
    left: 0;
    right: 0;
    flex-direction: column;
    padding: 3rem 2rem;
    position: absolute;
}

.form__check-label.error-checkbox:before {
    border: 1px solid #CF3B3B;
}


/*apl checkbox forms*/

.form-row {
    align-items: center;
    display: flex;
    margin: 5vh auto;
    max-width: 500px;
}

.form-check-label[type="checkbox"] {
    height: 26px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

.form-check-label[type="checkbox"]+label.form-check-label {
    cursor: pointer;
    padding: 0;
    position: relative;
}

.form-check-label[type="checkbox"]+label.form-check-label:before {
    background-color: #f7f7f4;
    border: 1px solid #d5d5d5;
    border-radius: inherit;
    content: '';
    display: inline-block;
    margin-right: 12px;
    border-radius: 4px;
    pointer-events: none;
    height: 1.6rem;
    width: 1.6rem;
    font-size: 0;
    margin: 0.3rem 1.6rem 0 0;
    padding: 0;
    vertical-align: top;
}

.form-check-label[type="checkbox"]:hover+label.form-check-label:before {
    border-color: #5c5d70;
}

.form-check-label[type="checkbox"]:checked+label.form-check-label:after {
    color: #0f1031;
    content: '✓';
    display: block;
    font-size: 15px;
    height: 10px;
    left: 3px;
    pointer-events: none;
    position: absolute;
    top: 1px;
    width: 8px;
    z-index: 10;
}

label.form-check-label {
    color: #0f1031;
    font-size: 18px;
}

label.form-check-label.paragraph--small {
    font-size: 1.4rem;
}

.form-check-input {
    visibility: hidden;
}

.c-dropdown label,
.c-subdropdown label {
    font-size: 16px;
}

div#ms-list-2 button {
    min-width: 150px;
}

div#ms-list-2 .ms-options ul {
    min-width: 150px;
}

.c-alert {
    box-sizing: border-box;
    border-radius: 5px;
    background: white;
    padding: 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222222;
}

.c-alert--danger {
    border: 2px solid #CF3B3B;
    background: url("images/alert-icon.svg") no-repeat 1.5% 16px;
    padding-left: 6rem;
}

.c-alert--blue {
    border: 2px solid rgba(25, 126, 174, 0.5);
    background: url("images/confirmation-icon.svg") no-repeat 1.5% 16px;
    padding-left: 6rem;
}

.counter {
    display: flex;
    align-items: end;
    position: relative;
    margin-bottom: 6rem;
}

.counter:after {
    content: '';
    display: block;
    height: 0.2rem;
    width: 5.7rem;
    background: #197EAE;
    position: absolute;
    left: 0;
    bottom: -20px;
}

.counter--white:after {
    background: #FFFFFF;
}

.counter span.h1--small {
    font-size: 3.8rem;
}

@media (min-width: 768px) and (max-width: 1140px) {
    .counter {
        flex-direction: column;
    }
    .counter .counter__text {
        margin-left: 0 !important;
    }
}

.counter {
    font-family: "Open Sans Bold", sans-serif;
    font-weight: bold;
    font-size: 5rem;
    line-height: 5rem;
    color: #197EAE;
    align-items: center;
}

.counter__value {
    font-family: "Open Sans Bold", sans-serif;
    font-weight: bold;
    font-size: 5rem;
    line-height: 5rem;
    color: #197EAE;
}

.counter__text {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #197EAE;
    margin: 0 0 0 1.6rem !important;
}

header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: 1px solid #EBEFF2;
    background: #fff;
}

header.sticky .header__secondary {
    display: none !important;
}

#page.sticky-header {
    margin-top: 59px;
}

@media (min-width: 992px) {
    .sticky .tab-content .card .card-body .nav-item.active .sub-nav {
        top: 64px;
    }
}

.header__secondary .active a {
    text-decoration: underline;
}

.header__secondary .action p {
    font-size: 1.2rem;
}

.header__secondary .text-center .language li.language__item.disabled a {
    font-family: "Open Sans", sans-serif;
}

.header__secondary .text-center .language li.language__item a {
    font-size: 1rem;
    color: #FFFFFF;
    font-family: "Open Sans Bold", sans-serif;
}

.header__secondary .text-center .language li.language__item a:hover {
    color: #FFFFFF;
    opacity: 1;
}

.header__secondary .text-center .language li.language__item a:focus {
    outline: none;
    color: #FFFFFF;
    opacity: 1;
}

.header__secondary .action__button {
    margin: 1rem 0;
}

.header__secondary .action__button a span {
    font-size: 1.2rem;
    font-style: normal;
}

.header__primary .navbar-toggler-icon {
    background-image: url("images/menu.svg");
}

.header__primary .navbar-toggler-icon.close {
    background-image: url("images/close.jpg");
}

.header__primary .navbar-brand img {
    width: 50%;
    min-width: 80px;
}

@media (min-width: 768px) {
    .header__primary .navbar-brand img {
        width: 40%;
        min-width: 150px;
        max-width: 200px;
    }
}

.header__primary .search__link .search__image img {
    width: 17px;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .header__primary .search__link .search__image img {
        width: 20px;
    }
}

.header__presearch #search__content .panel__header-logo .navbar-brand img {
    width: 50%;
    min-width: 80px;
}

@media (min-width: 768px) {
    .header__presearch #search__content .panel__header-logo .navbar-brand img {
        width: 40%;
        min-width: 150px;
        max-width: 200px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .header__presearch #search__content .panel__header-logo .main-title {
        background-size: 50%;
    }
}

.header__presearch .panel__header-close a p {
    font-size: 1.4rem;
    margin-right: 10%;
}

.header__presearch .panel__header-close a img {
    width: 21px;
}

.header__presearch .panel__body {
    margin-top: 10rem;
}

.header__presearch .panel__body .search-result {
    width: 100%;
}

.header__presearch .panel__body .content-mic-button {
    border: 1px solid #494949;
    height: 60px;
    overflow: hidden;
}

.header__presearch .panel__body .panel__body-input {
    height: 60px;
    line-height: 60px;
    border: none;
    border-radius: 2px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #222222;
    padding: 0 2rem;
}

.header__presearch .panel__body .panel__body-input::-webkit-search-cancel-button {
    display: none;
}

.header__presearch .panel__body .panel__body-input:focus {
    border: 1px solid #BFBFBF;
    outline: none;
}

.header__presearch .panel__body .panel__body-input::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #969696;
    opacity: 0.7;
    padding-left: 2%;
}

.header__presearch .panel__body .panel__body-input:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #969696;
    opacity: 0.7;
    padding-left: 2%;
}

.header__presearch .panel__body .panel__body-input::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #969696;
    opacity: 0.7;
    padding-left: 2%;
}

.header__presearch .panel__body .panel__body-input:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #969696;
    opacity: 0.7;
    padding-left: 2%;
}

@media (min-width: 768px) {
    .header__presearch .panel__body .panel__body-input {
        font-size: 3rem;
    }
}

@media (min-width: 391px) {
    .header__presearch .panel__body .panel__body-input {
        font-size: 2.3rem;
    }
}

.header__presearch .panel__body .panel__body-button {
    height: 60px;
    border: 1px solid #494949;
    background: #FFFFFF;
}

.header__presearch .panel__body .panel__body-button img {
    width: 25px;
    padding: 0 3%;
}

@media (min-width: 768px) {
    .header__presearch .panel__body .panel__body-button img {
        width: 35px;
    }
}

.header__presearch .panel__body .panel__body-button:focus {
    border: 1px solid #BFBFBF;
    outline: none;
}

.header__presearch .panel__body .panel__body-result .list-group-item {
    border: 0px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    padding: 2rem 0;
}

.header__presearch .panel__body .panel__body-result .list-group-item a {
    color: #222222;
}

.header__presearch .panel__body .panel__body-result .list-group-item a p {
    font-size: 1.7rem;
    color: #222222;
}

@media (min-width: 768px) {
    .header__presearch .panel__body .panel__body-result .list-group-item a p {
        font-size: 2rem;
    }
}

.ps-searching {
    min-height: 26rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ps-searching .ps-item-title {
    text-align: center;
    font-size: 2rem;
    font-family: "Open Sans Semibold", sans-serif;
}

.ps-searching .ps-item-text {
    margin-top: 1rem;
    font-size: 1.8rem;
    text-align: center;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-half {
    from {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(540deg);
    }
}

@keyframes spin-quarter {
    from {
        transform: rotate(72deg);
    }
    to {
        transform: rotate(432deg);
    }
}

.ps-searching .ps-load {
    position: relative;
    width: 8.8rem;
    height: 8.8rem;
    background: url("/deployedfiles/caixabank_com/css/Estaticos/images/ps-loading-icon-grey.png") no-repeat center center transparent;
    margin: 1rem auto;
}

.ps-searching .no-cssanimations .ps-loading {
    display: none;
}

.ps-searching .ps-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.8rem;
    height: 8.8rem;
}

.ps-searching .ps-loading .ps-spin {
    position: absolute;
    left: 0.1rem;
    top: 0.1rem;
    width: 8.6rem;
    height: 8.6rem;
    animation: spin 1.5s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75);
}

.ps-searching .ps-loading.half .ps-spin {
    animation: spin-half 1.5s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75);
}

.ps-searching .ps-loading.quarter .ps-spin {
    animation: spin-quarter 1.5s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75);
}

.ps-searching .ps-loading .ps-clip {
    position: absolute;
    top: 1.6rem;
    left: 0;
    width: 4.4rem;
    height: 5.6rem;
    overflow: hidden;
}

.ps-searching .ps-loading.half .ps-clip {
    width: 4.4rem;
    height: 2.8rem;
    top: 3rem;
}

.ps-searching .ps-loading.quarter .ps-clip {
    height: 1.4rem;
    top: 3.7rem;
}

.ps-searching .ps-loading .ps-round {
    position: absolute;
    top: -1.6rem;
    left: 0;
    width: 8.8rem;
    height: 8.8rem;
    border-radius: 4.4rem;
    border: 3px solid #c1c1c1;
}

.ps-searching .ps-loading.half .ps-round {
    top: -3rem;
}

.ps-searching .ps-loading.quarter .ps-round {
    top: -3.7rem;
}

.ps-searching .ps-block.ps-blue-bg.ps-searching {
    min-height: 40rem;
    position: relative;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .presearch-results {
        margin-top: 5rem;
    }
}

.ps-more-results {
    min-height: 26rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ps-more-results .ps-item-title {
    text-align: center;
    font-size: 2rem;
    font-family: "Open Sans Semibold", sans-serif;
}

.ps-more-results .ps-item-text {
    margin-top: 2rem;
    background-color: #FFFFFF;
    border: 0.2rem solid #197EAE;
    color: #197EAE;
    padding: 1.1rem 6rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: "Open Sans Semibold", sans-serif;
    text-align: center;
}

.search-result {
    width: 83.3333%;
    margin: 0 auto;
}

.search-result .ps-save-searches {
    list-style: none;
}

.search-result .ps-save-searches .ps-item-title {
    padding-top: 5px;
    padding-left: 5px;
}

.search-result .ps-save-searches .ps-item-remove {
    padding-top: 5px;
}

.breadcrumb {
    background-color: #F6F6F6;
    margin: 0.3rem 0;
    padding-right: 0;
}

.breadcrumb ul {
    background-color: #F6F6F6;
    margin: 0;
    list-style: none;
    display: inline-flex;
}

.breadcrumb ul .crumb {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    display: flex;
}

.breadcrumb ul .crumb.current {
    font-weight: normal;
}

.breadcrumb ul .crumb+.crumb::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #197EAE;
    content: ">";
    font-weight: 600;
}

.printPage a {
    font-size: 1.4rem;
    font-weight: 600;
    color: #222222;
}

.printPage img {
    margin-right: 1rem;
}

.main-title {
    background: url(images/caixaBank-logotipo-web.svg) center center no-repeat;
    background-size: 154px;
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 0;
}

@media (min-width: 991px) {
    .main-title {
        background: url(images/caixaBank-logotipo-web.svg) center center no-repeat;
        background-size: 152px;
    }
}

.main-title a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.main-title a p {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/*main-title only logo*/

@media (min-width: 991px) {
    .logo-center .main-title {
        background: url(images/logo.png?) center center no-repeat;
        background-size: 150px;
    }
}

@media (min-width: 768px) {
    .text-center .language {
        margin-right: -3rem;
    }
}

.text-center .language li.language__item:not(:last-child) {
    margin-right: 1rem;
}

.text-center .language li.language__item:not(:last-child) .active a {
    text-decoration: underline;
    font-family: "Open Sans Bold", sans-serif;
}

.text-center .language li.language__item.active a {
    text-decoration: underline;
    font-family: "Open Sans Bold", sans-serif;
}

.text-center .language li.language__item a {
    color: #197EAE;
}

.text-center .language li.language__item a:hover {
    color: #197EAE;
}

.text-center .language li.language__item a:focus {
    outline: none;
    color: #197EAE;
}


/*RRSS Desktop*/

.header .header__secondary .linkgroup-images-footer ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-right: -1rem;
}

@media (min-width: 768px) {
    .header .header__secondary .linkgroup-images-footer ul {
        justify-content: flex-end;
    }
}

.header .header__secondary .linkgroup-images-footer ul li {
    margin-right: 1%;
}

@media (min-width: 768px) {
    .header .header__secondary .linkgroup-images-footer ul li {
        margin: 0 3%;
    }
    .header .header__secondary .linkgroup-images-footer ul li img {
        max-width: 16px;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }
    .header .header__secondary .linkgroup-images-footer ul li img:hover {
        transform: scale(1.25);
    }
}

.header .header__secondary .linkgroup-images-footer ul li:last-child {
    margin-right: 0px;
}

@media (min-width: 768px) {
    .header .header__secondary .linkgroup-images-footer ul li:first-child {
        margin-left: 0;
    }
}

.header .header__secondary .linkgroup-images-footer ul li:first-child img {
    max-width: 26px;
}


/*RRSS Responsive*/

.navbar .navbar-collapse .linkgroup-images-footer ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 1.5rem 0;
}

.navbar .navbar-collapse .linkgroup-images-footer ul li {
    margin-right: 5%;
}

.navbar .navbar-collapse .linkgroup-images-footer ul li img {
    max-width: 16px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    opacity: 1;
}

.navbar .navbar-collapse .linkgroup-images-footer ul li:last-child {
    margin-right: 0px;
}

.navbar .navbar-collapse .linkgroup-images-footer ul li:first-child img {
    max-width: 26px;
}


/*** cotizacion ***/

.cotizacion a {
    position: relative;
}

.cotizacion a:hover {
    text-decoration: none;
}

.cotizacion a span {
    font-size: 1.2rem;
    color: #FFFFFF;
}

.cotizacion a span span::after {
    content: " ";
    border: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 0.2rem;
    right: -0.5rem;
    background: #197EAE;
    z-index: 1;
    display: inline;
    transform: rotate(45deg);
}

.cotizacion a span span.panel-expanded::after {
    top: 0.25rem;
    transform: rotate(225deg);
    height: 0.55rem;
    width: 0.55rem;
    right: -0.55rem;
}


/*** scroll prebuscador***/

.header__presearch .container {
    height: 0;
}

.header__presearch .container.active {
    height: 800px;
}

.header__presearch .container.active #search__content {
    height: 1000px;
}

.footer .linkgroup-text-footer .head-linkgroup-text-footer p {
    font-size: 1rem;
    color: #222222;
    padding: 1% 0;
}

.footer .linkgroup-text-footer .link-text-footer ul {
    list-style: none;
    padding-left: 0;
}

.footer .linkgroup-text-footer .link-text-footer ul li.item {
    padding: 0 0;
}

@media (min-width: 768px) {
    .footer .linkgroup-text-footer .link-text-footer ul li.item {
        display: inline-flex;
        padding: 5px 0;
    }
}

.footer .linkgroup-text-footer .link-text-footer ul li.item span.c-link--inline.m-0 {
    margin-top: -0.5rem !important;
}

.footer .linkgroup-text-footer .link-text-footer ul li.item:after {
    display: none;
    content: "";
}

@media (min-width: 768px) {
    .footer .linkgroup-text-footer .link-text-footer ul li.item:after {
        display: inline-block;
        padding-right: .5rem;
        padding-left: .5rem;
        color: #222222;
        content: "|";
        font-size: 1rem;
    }
}

.footer .linkgroup-text-footer .link-text-footer ul li.item:last-child:after {
    display: none;
}

.footer .linkgroup-text-footer .link-text-footer ul li.item a {
    font-size: 1rem;
    color: #222222;
}

.footer .linkgroup-images-footer {
    display: flex;
    height: 100%;
    align-items: center;
}

@media (min-width: 576px) {
    .footer .linkgroup-images-footer {
        justify-content: flex-end;
    }
}

.footer .linkgroup-images-footer ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

@media (min-width: 768px) {
    .footer .linkgroup-images-footer ul {
        justify-content: flex-end;
    }
}

.footer .linkgroup-images-footer ul li {
    margin-right: 3%;
}

.footer .linkgroup-images-footer ul li:last-child {
    margin-right: 0px;
}

.footer .col-md-5.col-12 {
    align-self: center;
}

.footer .col-md-7.col-12 .linkgroup-images-footer {
    margin: 10px 0;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

@media (min-width: 768px) {
    .footer .col-md-7.col-12 .linkgroup-images-footer {
        border-top: 0px solid #E3E3E3;
        border-bottom: 0px solid #E3E3E3;
    }
}

.footer .col-md-7.col-12 .linkgroup-images-footer ul {
    justify-content: center;
    flex-wrap: wrap;
    margin: 2% 0;
}

@media (min-width: 768px) {
    .footer .col-md-7.col-12 .linkgroup-images-footer ul {
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
}

.footer .col-md-7.col-12 .linkgroup-images-footer ul li {
    margin: 3% 10% 3%;
}

@media (min-width: 768px) {
    .footer .col-md-7.col-12 .linkgroup-images-footer ul li {
        margin: 0 3%;
    }
}

.footer .col-md-7.col-12 .linkgroup-images-footer ul li img {
    max-width: 16px;
    width: 16px;
    height: 16px;
}

.footer .col-md-7.col-12 .linkgroup-images-footer ul li:first-child {
    margin-left: 10%;
}

@media (min-width: 768px) {
    .footer .col-md-7.col-12 .linkgroup-images-footer ul li:first-child {
        margin-left: 0;
    }
}

.footer .col-md-7.col-12 .linkgroup-images-footer ul li:first-child img {
    max-width: 26px;
}

#accordion.sidebar-anchors {
    width: 100%;
    display: block;
}

#accordion.sidebar-anchors.sticky {
    position: fixed;
    top: 85px;
    z-index: 95;
}

@media (min-width: 992px) {
    #accordion.sidebar-anchors.sticky {
        max-width: 136px;
        height: 70%;
    }
}

@media (max-width: 992px) {
    #accordion.sidebar-anchors.sticky {
        left: 0;
        top: 65px;
        padding: 0 2rem;
    }
}

@media (max-width: 992px) {
    #accordion.sidebar-anchors .full-width {
        position: relative;
        margin: 0 -30px;
        padding: 0 14px;
        background: #F6F6F6;
    }
    #accordion.sidebar-anchors .full-width:before,
    #accordion.sidebar-anchors .full-width:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        right: 100%;
        background: #F6F6F6;
    }
    #accordion.sidebar-anchors .full-width:after {
        left: 100%;
    }
}

@media (max-width: 992px) {
    #accordion.sidebar-anchors .components {
        background: #fff;
    }
}

#accordion.sidebar-anchors button {
    box-shadow: none;
    padding: .75rem 1.25rem;
    color: #197EAE;
    font-size: 1.6rem;
    background-color: #F6F6F6;
    white-space: inherit;
}

#accordion.sidebar-anchors button:after {
    content: '';
    display: block;
    width: 4rem;
    height: 100%;
    background: url(images/arrow-down.svg) no-repeat center center transparent;
    position: absolute;
    right: 0;
    top: 0;
}

#accordion.sidebar-anchors .no-collapse button:after {
    display: none;
}

#accordion.sidebar-anchors .sidebar-header {
    margin-bottom: 2rem !important;
}

#accordion.sidebar-anchors .sidebar-header h2 {
    font-size: 1.4rem;
    font-family: "Open Sans Bold", sans-serif;
    color: #197EAE;
    line-height: 1.9rem;
}

#accordion.sidebar-anchors ul li {
    font-size: 1.2rem;
    padding: 0.5rem 0 0.5rem 0;
    margin: 0;
    border-bottom: 1px solid #F6F6F6;
}

@media (min-width: 992px) {
    #accordion.sidebar-anchors ul li {
        border-bottom: none;
    }
}

#accordion.sidebar-anchors ul li a {
    color: #222222;
    font-size: 1.3rem;
    line-height: 1.8rem;
    transition: none;
}

#accordion.sidebar-anchors ul li a.active,
#accordion.sidebar-anchors ul li a:hover {
    color: #197EAE;
    border-bottom: 1px solid #197EAE;
    text-decoration: none;
}

#accordion.sidebar-anchors ul li.active a {
    color: #197EAE;
    border-bottom: 1px solid #197EAE;
    display: inline-block;
}

#accordion.sidebar-anchors .collapse {
    border: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 992px) {
    .gb #accordion.sidebar-anchors {
        width: 150px;
        max-width: 150px;
    }
    .gb #accordion.sidebar-anchors .sidebar-header {
        margin-bottom: 1rem !important;
    }
    .gb #accordion.sidebar-anchors ul li {
        padding: 0.3rem 0 0.3rem 0;
    }
}

.download {
    position: relative;
    min-height: 50rem;
}

.download .tab-content {
    position: relative;
    top: 1px;
    z-index: 0;
}

.download .tab-content>.tab-pane {
    display: none;
}

.download .tab-content>.tab-pane.active {
    display: block;
}

.download__nav {
    border: 0;
    display: flex;
    flex-wrap: nowrap;
}

.download__nav-item {
    width: 100%;
}

.download__nav-link {
    text-align: center;
    border: 0.1rem solid #E3E3E3;
    padding: 0.8rem;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222222;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download__nav-link.active {
    color: #197EAE;
    border: 0.1rem solid #197EAE;
}

.download__nav-link:hover {
    color: #197EAE;
    border: 0.1rem solid #197EAE;
    text-decoration: none;
    margin: 0;
}

.download__item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
}

.download__item:not(:last-child) {
    border-bottom: 0.1rem solid #E3E3E3;
}

.donwload__info {
    width: 100%;
}

.donwload__info .download__date {
    color: #197eae;
    margin-right: 0.5rem;
    font-size: 1.5rem;
    letter-spacing: -0.5px;
}

.donwload__info a {
    color: #222222;
    transition: none;
}

.donwload__info a:hover {
    color: #197eae;
}

@media (min-width: 768px) {
    .donwload__info {
        margin: 0 3.5rem 0 0;
    }
}

.donwload__icon {
    margin: 0 1.5rem 0 0;
}

.download__type-file {
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #939393;
}

.download_link {
    margin: 0 0 0 1.6rem;
}

.download__list {
    padding-left: 3.5rem;
    background: url(images/ic_plus.svg) no-repeat 5px center transparent;
    background-size: 1.4rem;
}


/*******************************
    Alternative Component
********************************/


/*Generales*/

.col-lg-10 .container_alternative {
    margin: 0 0 4rem;
}

.container_alternative {
    margin: 0rem -1.5rem 5rem;
}

@media (min-width: 1981px) {
    .container_alternative {
        max-width: 1920px;
        margin: 0 auto 5rem;
    }
}

.container_alternative .media img {
    margin: 0;
    width: 100%;
    display: block;
    height: auto;
}

.container_alternative .content {
    padding: 4rem 6%;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.container_alternative .content .content-box div:not(:last-child) {
    margin: 1rem auto;
    width: 100%;
}

.container_alternative .content .title h2 {
    color: #197EAE;
    margin: 1rem auto 6rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-family: "Open Sans Bold", sans-serif;
    display: none;
}


/*Contenido*/

.content .content-box .description h3,
.content .content-box .description h2 {
    color: #197EAE;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.content .content-box .description p {
    color: #197EAE;
    margin-bottom: 2rem;
}

.content .content-box .description p.int_small {
    margin-bottom: 0.5rem;
}

.content .content-box .description ul li {
    padding-bottom: 2rem;
}

.content .content-box .description ul li:last-child {
    padding-bottom: 0;
}

.content_alternative .content .content-box .button_wrap {
    margin: 8rem 0 0;
    display: block;
    text-align: center;
}

.content_alternative .media img {
    margin: 0;
    width: 100%;
    display: block;
    height: auto;
}

.content_alternative .content .description h3::before,
.content_alternative .content .description h2::before {
    background: #197EAE;
    content: " ";
    height: 0.3rem;
    width: 4rem;
    position: absolute;
    margin-top: -1.5rem;
}

.content_alternative .content .content-box .button_wrap span {
    width: 100%;
    max-width: 100%;
}

.content_alternative .media .video-inline {
    height: inherit;
    max-width: 100%;
}


/*Fondo azul -texto blanco*/

.bg--blue-gradient.content_alternative .content .title h2,
.bg--blue-gradient .content .content-box .description h3,
.bg--blue-gradient .content .content-box .description p {
    color: #fff;
}

.bg--blue-gradient.content_alternative .content .description h3::before,
.bg--blue-gradient.content_alternative .content .description h2::before {
    background: #fff;
}

.bg--blue-gradient.content_alternative .content .content-box .description ul li {
    color: #fff;
}


/*Adapt bg-dark-Blue to bg-blue-gradient*/

.bg-dark-Blue.content_alternative .content .title h2,
.bg-dark-Blue .content .content-box .description h2,
.bg-dark-Blue .content .content-box .description h3,
.bg-dark-Blue .content .content-box .description p {
    color: #fff;
}

.bg-dark-Blue.content_alternative .content .description h3::before,
.bg-dark-Blue.content_alternative .content .description h2::before {
    background: #fff;
}

.bg-dark-Blue.content_alternative .content .content-box .description ul li {
    color: #fff;
}


/*Responsive*/

@media (min-width: 768px) {
    .container_alternative .content {
        padding: 4rem 10%;
    }
}

@media (min-width: 991px) {
    .content_alternative {
        display: flex;
        align-items: center;
        width: 100%;
        overflow: hidden;
        max-height: 450px;
    }
    .content_alternative .content .content-box {
        width: 402px;
    }
    .content_alternative .media,
    .content_alternative .content {
        width: 50%;
        text-align: left;
        overflow: hidden;
        height: 450px;
    }
    .content_alternative .media img {
        margin: 0;
        width: 100%;
        display: block;
        max-width: 100%;
        max-height: 100%;
        height: inherit !important;
        object-fit: cover;
    }
}

@media (min-width: 991px) and (min-width: 1600px) and (-ms-high-contrast: none) {
    .content_alternative .media img {
        width: 100%;
        max-height: none;
        height: auto !important;
    }
}

@media (min-width: 991px) {
    .content_alternative .video-inline iframe {
        object-fit: cover;
    }
    .content_alternative .content .title h2 {
        margin: 1rem auto 8rem;
    }
    .content_alternative .content .title::after {
        margin-top: -1%;
    }
    .content_alternative .content .content-box {
        margin-left: 7%;
    }
    .content_alternative .content_alternative.right .content .content-box {
        margin-left: 18%;
    }
    .content_alternative .content .content-box .button_wrap {
        display: inline-block;
        margin: 0;
    }
    .content_alternative.right {
        flex-direction: row-reverse;
    }
    .content_alternative .content {
        padding: 0 7rem 0 0;
    }
    .content_alternative.right .content {
        padding: 0 7rem 0 0;
        display: flex;
        justify-content: flex-end;
    }
    .content .content-box .description h3,
    .content .content-box .description h2 {
        font-size: 3.5rem;
    }
}

@media (min-width: 1140px) {
    .content_alternative .content .content-box {
        width: 450px;
    }
}

@media (min-width: 1600px) {
    .content_alternative .media img {
        max-height: fit-content;
        height: auto !important;
        min-height: 450px;
    }
}

.col-12.col-lg-10 .content_alternative .content .content-box {
    width: 100%;
}

.col-12.col-lg-10 .content_alternative.right .content {
    justify-content: flex-start;
}

.schedule {
    position: relative;
}

.schedule__item {
    display: flex;
    align-items: flex-start;
    padding: 2.5rem 0;
}

.schedule__date {
    padding: 0 0 1.5rem 0;
    border-bottom: 0.1rem solid #E3E3E3;
    text-align: center;
    width: 10rem;
}

.schedule__day {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 5rem;
    line-height: 5rem;
    color: #197EAE;
    display: block;
}

.schedule__month {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #197EAE;
    padding-top: 1rem;
}

.schedule__year {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #197EAE;
}

.schedule__btn {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #197EAE;
    display: inline-block;
    padding: 1rem 0 1rem 2.5rem;
    border: 0;
    background: url("images/plus-icon.svg") no-repeat left center;
}

.schedule__info {
    position: relative;
    margin-left: 2.5rem;
    width: 100%;
}

@media (min-width: 768px) {
    .schedule__info {
        min-height: 38rem;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .schedule__info {
        min-height: 27rem;
    }
}

@media (min-width: 768px) {
    #agenda .accionistas .schedule__info {
        min-height: 27rem;
    }
    #agenda .accionistas .schedule__info .schedule__link {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 992px) {
    #agenda .accionistas .schedule__info {
        min-height: 19rem;
    }
}

.col-lg-6 .schedule__info {
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .col-lg-6 .schedule__info {
        min-height: auto;
    }
}

@media (min-width: 992px) {
    .col-lg-6 .schedule__info {
        min-height: auto;
    }
}

@media (min-width: 768px) {
    .schedule__links {
        position: absolute;
        bottom: 2.5rem;
    }
}

.schedule__label-link {
    padding: 0 0.5rem;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.2rem;
}

.schedule__label {
    display: none;
    border: 0.1rem solid #197EAE;
    padding: 0.6rem;
    border-radius: 0.4rem;
    position: absolute;
}

@media (min-width: 440px) {
    .schedule__label {
        margin-left: 1.5rem;
        position: relative;
    }
}

.schedule__label:after {
    content: '';
    display: block;
    height: 0.8rem;
    width: 0.8rem;
    border-left: 0.1rem solid #197EAE;
    border-bottom: 0.1rem solid #197EAE;
    background: #FFFFFF;
    position: absolute;
    left: 49%;
    top: -0.5rem;
    transform: rotate(135deg);
}

@media (min-width: 440px) {
    .schedule__label:after {
        left: 1.5rem;
    }
}

.schedule__label.is-active {
    display: table;
}

@media (min-width: 440px) {
    .schedule__label.is-active {
        margin-left: 2.5rem;
        position: absolute;
    }
}

@media (min-width: 768px) {
    .schedule__list {
        position: absolute;
        top: 0;
        right: 3rem;
    }
}

@media (min-width: 768px) {
    .schedule__list-home {
        display: initial;
        right: -85%;
    }
}

.schedule__link .button_wrap {
    margin: 1rem 1rem 0 0;
}

.schedule__link .button_wrap span {
    padding: 1rem;
}

.schedule__description {
    color: #6F6F6F;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-top: 1rem;
}

.schedule__hour {
    color: #197EAE;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 600;
    margin-top: 1rem;
}


/*******************************
    B1 - Component
********************************/


/*Generales*/

.article-block .heading-group h2.heading-group-title,
.article-block .heading-group h1.heading-group-title {
    font-size: 3.2rem;
    margin-bottom: 3rem;
    padding-top: 2rem;
}

.article-block .heading-group h2.heading-group-title::before,
.article-block .heading-group h1.heading-group-title::before {
    content: " ";
    background: #009AD8;
    height: 0.3rem;
    width: 2.3rem;
    position: absolute;
    margin-top: -2rem;
}

.article-block .article-video {
    margin-top: 2rem;
}


/*Línea azul título*/

.article-block._alternative_appearance .heading-group h2.heading-group-title::before {
    background: #D6D6D6;
}


/*Bg Azul Degradado*/

.mt-n170 .bg--blue-gradient {
    position: relative;
}

.mt-n170 .bg--blue-gradient .article-block._special_appearance {
    background: inherit;
}

.mt-n170 .bg--blue-gradient .article-block._special_appearance .article-content,
.mt-n170 .bg--blue-gradient .article-block._special_appearance .article-intro {
    margin-bottom: 0;
}

.mt-n170 .bg--blue-gradient .article-block._special_appearance h2,
.mt-n170 .bg--blue-gradient .article-block._special_appearance p,
.mt-n170 .bg--blue-gradient .article-block._special_appearance span {
    color: #fff;
}

.mt-n170 .bg--blue-gradient .article-block._special_appearance .counter:after {
    background: #fff;
}

.article-block._special_appearance {
    position: relative;
    z-index: 1;
    padding: 5rem 1.9rem;
    min-height: 35rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (min-width: 768px) {
    .article-block._special_appearance {
        padding: 5rem 7.8rem;
    }
    .article-block._special_appearance p {
        width: 60%;
    }
}

.article-block._special_appearance .heading-group h2 {
    margin-bottom: 2rem;
}

.article-block._special_appearance .heading-group h2:before {
    background: #fff;
}

.article-block._special_appearance .article-content p {
    margin-bottom: 3rem;
    margin-bottom: 2rem;
}

.article-block._special_appearance .article-content .button_wrap {
    margin: 0;
}

.article-block._special_appearance .article-content .button_wrap span {
    max-width: 100%;
}

.article-block._special_appearance .article-content .row {
    margin-top: 3rem;
}


/*Encabezados*/

.article-block .article-content h2,
.article-block .article-content h3,
.article-block .article-content h4,
.article-block .article-content h5,
.article-block .article-content h6 {
    margin-bottom: 1.5rem;
}


/*botones*/

.article-block .article-content .button_wrap {
    margin: 2rem 0;
}

.article-block .article-content .button_wrap span {
    max-width: 100%;
}


/*imagenes*/

.article-block .article-content img {
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

@media (max-width: 768px) {
    .article-block .article-content img {
        width: 100%;
    }
}

.article-block .article-content .row img {
    margin-bottom: 2rem;
}

.article-block .article-content .row .table img {
    margin-bottom: 0;
    vertical-align: middle;
}

.article-block .article-content .col-12.col-md-6 img,
.article-block .article-content .col-12.col-md-4 img,
.article-block .article-content .col-12.col-md-3 img {
    width: auto;
    max-width: 100%;
}

.article-block .article-content .table img {
    width: auto;
}

.article-block .article-content .table img.imagen_centrada {
    margin: 0;
}

.article-block .article-content .enlace_especial img {
    display: inline-block;
    margin-left: 1rem;
    margin-bottom: -0.5rem;
}


/*Listados*/

.article-block .article-content p {
    margin-bottom: 2.5rem;
}

.article-block .article-content p.int_small {
    margin-bottom: 0.5rem;
}

.article-block .article-content p.int_small .c-link title_small {
    margin-bottom: 0;
}

.article-block .article-content p.int_small .c-link {
    margin-bottom: 0.5rem;
}

.article-block .article-content p:last-child {
    margin-bottom: 0;
}

.article-block .article-content p .c-link:last-child {
    margin-bottom: 0;
}

.article-block .article-content ul li.list__item a {
    margin-bottom: 0;
}

.article-block .article-content ul.list.bg--blue-light {
    padding: 2rem;
}


/*Caja información - Listado fondo azul*/

.article-block .article-content .border-box p,
.article-block .article-content ul.list.bg--blue-light li.list__item {
    margin-bottom: 0;
}


/*tabla iconos*/

.table-icon {
    min-width: 100%;
    table-layout: auto;
}

.table-icon td,
.table-icon th {
    width: auto;
}

.table-icon td p:last-child {
    margin-bottom: 0;
}


/*Columnas con iconos*/

.icon-columns-content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

@media (min-width: 768px) {
    .icon-columns-content {
        width: 70%;
    }
}


/*Bloque descarga tabla*/

img.download-content,
p.download-content img {
    display: inline-block !important;
    margin-right: 2rem !important;
}

p.download-content {
    display: inline-block;
}

p.font-color--gray-dark.download-content {
    display: block !important;
    margin: -1rem 0 0 4.5rem;
}

@media (max-width: 440px) {
    .download-content {
        display: block !important;
    }
    p.font-color--gray-dark.download-content {
        margin-left: 0;
    }
}


/*videos*/

.video-inline {
    padding: 0;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
}

.video-inline iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-inline .video-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-inline .video-placeholder div:first-child {
    height: 100%;
}

.video-inline .video-placeholder div:first-child div {
    height: none;
}


/*noticias*/

.news .button_wrap span {
    max-width: 100%;
}

@media (min-width: 768px) {
    .news .button_wrap {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }
}


/*404*/

@media (min-width: 768px) {
    .error-page--container {
        margin-top: 5rem;
    }
    .error-page--container div.col-12:nth-child(3) {
        margin-right: 5.5rem;
        margin-left: -2rem;
    }
    .error-page--container div.col-12:nth-child(4) {
        margin-right: -5.5rem;
    }
}

.error-page--container div.col-12 {
    margin-bottom: 1rem;
}

.article-alter p:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .article-alter .order-2 {
        margin-top: 2rem;
    }
}

@media (max-width: 768px) {
    .col-12.col-md-9 {
        padding-top: 2rem;
    }
    .col-12.col-md-6 {
        padding-top: 2rem;
    }
}

.hm-slider {
    width: auto;
    margin: 0 -1.5rem;
    position: relative;
    padding-bottom: 2.5rem;
}

@media (min-width: 992px) {
    .hm-slider {
        padding-bottom: 0;
    }
}

.hm-slider .hm-slider-controls {
    display: none;
}

@media (min-width: 1200px) {
    .hm-slider .hm-slider-controls {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 1.5rem;
        height: 0;
        position: relative;
        z-index: 20;
        display: block;
    }
}

.hm-slider .slick-arrow {
    position: absolute;
    top: 16rem;
    width: 6.8rem;
    height: 6.8rem;
    background-color: rgba(255, 255, 255, 0.9);
}

.hm-slider .slick-arrow.slick-prev {
    left: 0;
}

.hm-slider .slick-arrow.slick-next {
    right: 0;
}

.hm-slider .slick-arrow img {
    padding: 2.3rem;
}

.hm-slider .hm-slider-list {
    width: 100%;
}

.hm-slider .hm-slider-list .hm-slide {
    background: none;
    padding: 0;
    display: block;
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide {
        height: 30rem;
    }
}

@media (min-width: 1200px) {
    .hm-slider .hm-slider-list .hm-slide {
        height: 36rem;
    }
}

.hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-text-c {
    text-align: center;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-title {
    text-align: center;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-description {
    text-align: center;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-description p {
    margin: auto;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-text-c {
    text-align: right;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-title {
    text-align: right;
    padding: 0;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-title {
        padding: 0 0 0 6rem;
    }
}

.hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-description {
    text-align: right;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-description p {
    margin-right: auto;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-text-c {
    text-align: left;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-title {
    text-align: left;
    padding: 0;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-title {
        padding: 0 6rem 0 0;
    }
}

.hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-description {
    text-align: left;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-description p {
    margin: 0;
    font-size: 2rem !important;
    margin-top: 1rem !important;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-description p {
        margin: auto;
    }
}

.hm-slider .hm-slider-list .hm-slide>a {
    text-decoration: none;
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper {
    position: relative;
    height: 100%;
    min-height: 725px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper {
        min-height: auto;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image {
    position: relative;
    overflow: hidden;
    height: 100%;
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        width: 200%;
        height: 100%;
        left: -50%;
        position: absolute;
        min-height: auto;
    }
}

@media (min-width: 1400px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        top: 25%;
        position: absolute;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap img {
    display: block;
    height: auto;
    width: auto;
    margin-top: 0;
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap img {
        height: 100%;
        width: auto;
        margin: 0 auto;
        min-width: 50%;
    }
}

@media (min-width: 1200px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        min-width: 50%;
        min-height: 50%;
        width: auto;
        height: auto;
    }
}

@media (min-width: 991px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline {
        display: block;
        background: #000;
        width: 100% !important;
        height: 100%;
        max-width: 100%;
        padding: 0;
        position: initial;
    }
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        position: absolute;
        max-height: inherit;
        max-width: 75%;
        width: auto;
        height: auto;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder div:first-child {
        height: 100%;
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        top: -12%;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media all and (min-width: 1200px) and (-ms-high-contrast: none),
(min-width: 1200px) and (-ms-high-contrast: active) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        bottom: 0;
        left: 15%;
        max-width: 70%;
    }
}

@media (min-width: 1440px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        top: -6%;
        bottom: 0;
        max-width: 85%;
    }
}

@media all and (min-width: 1440px) and (-ms-high-contrast: none),
(min-width: 1440px) and (-ms-high-contrast: active) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        top: -13%;
        left: 5%;
    }
}

@media (min-width: 1600px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        top: -5%;
        bottom: 0;
        max-width: 80%;
    }
}

@media all and (min-width: 1600px) and (-ms-high-contrast: none),
(min-width: 1600px) and (-ms-high-contrast: active) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        max-width: 75%;
        left: 11%;
        top: -15%;
    }
}

@media (min-width: 1920px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        top: -7%;
        bottom: 0;
        max-width: 70%;
        left: -2%;
    }
}

@media all and (min-width: 1920px) and (-ms-high-contrast: none),
(min-width: 1920px) and (-ms-high-contrast: active) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap .video-inline .video-placeholder {
        top: -6%;
        max-width: 73%;
        left: 11%;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0;
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
    display: table;
    margin: 0 auto;
    padding: 0 1.5rem;
    height: 100%;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
        min-width: 720px;
    }
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
        display: table;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 1rem;
        height: 100%;
    }
}

@media (min-width: 1140px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
        min-width: 1056px;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    bottom: 4.5rem;
    padding: 0 1rem;
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        bottom: 2.2rem;
        padding: 0;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: inline-table;
}

@media (min-width: 991px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap {
        width: 52%;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title {
    position: relative;
    display: block;
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
    font-size: 2.7rem;
    line-height: 5.9rem;
    background: #009ad8;
    color: #fff;
    display: inline;
    padding: 0.5rem 0;
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
        background: transparent;
        color: #fff;
        display: inherit;
        font-size: 3.2rem;
        line-height: 6rem;
        white-space: nowrap;
        padding: 0;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span:last-child,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span:last-child,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span:last-child,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span:last-child {
    padding: 0 0.5rem 0 0;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span {
        background-color: #009ad8;
        color: #fff;
        padding: 0.5rem 2rem;
        margin: 0;
        white-space: nowrap;
    }
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span:last-child,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span:last-child,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span:last-child,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span:last-child {
        line-height: 0;
        padding: 0.5rem 2rem;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 br,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 br,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 br,
.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p br {
    display: none;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 br,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 br,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 br,
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p br {
        display: block;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description {
    padding: 0;
    display: block;
    bottom: 0.2rem;
    position: relative;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description {
        display: inline-flex;
        margin: 0 3rem;
    }
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description {
        bottom: 0.4rem;
    }
}

.hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description p {
    font-size: 1.3rem;
    background-color: #000;
    color: #fff;
    margin-top: 0;
    padding: 0.5rem 0;
    display: inline;
    line-height: 2.6em;
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description p {
        padding: 0.5rem 2rem;
        font-size: 2.4rem;
        color: #fff;
        white-space: nowrap;
        line-height: initial;
    }
}

.hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
    background: #fff;
    color: #009ad8;
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span,
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span,
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span,
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span {
        background-color: #fff;
        color: #009ad8;
    }
}

.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
    background: transparent;
    color: #fff;
}

@media (max-width: 768px) {
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
    .hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
        white-space: inherit;
        line-height: 3.9rem;
    }
}

.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span {
    background-color: transparent;
    color: #fff;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span span,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span span,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span span,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span span {
    font-size: 1.6rem;
}

.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 strong,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 strong,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 strong,
.hm-slider .hm-slider-list .hm-slide.hm-text-contrast .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p strong {
    font-size: 3.2rem;
    padding-right: 2rem;
    display: block;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.hm-slider .hm-slider-bullets {
    text-align: center;
    position: absolute;
    bottom: 20.5rem;
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    padding-bottom: 2rem;
    /*@media (min-width: 376px) {
      bottom: 25.3rem;
    }

    @media (min-width: 576px) {
      bottom: 28.3rem;
    }*/
}

@media (min-width: 768px) {
    .hm-slider .hm-slider-bullets {
        bottom: 8.3rem;
    }
}

@media (min-width: 992px) {
    .hm-slider .hm-slider-bullets {
        padding-bottom: 0;
        bottom: 7.3rem;
    }
}

.hm-slider .hm-slider-bullets .hm-slider-b-items {
    display: inline-block;
}

.hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots {
    display: inline-block !important;
}

.hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots li {
    display: inline-block;
    background: none;
    padding: 0;
    height: 2rem;
}

.hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots button {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0.5rem 0.5rem 0 0;
    background-image: url("./images/hm-slider-dot.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    vertical-align: bottom;
    padding: 0;
    border-radius: 26px;
}

.hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots button:hover {
    background-size: 1.2rem 1.2rem;
}

.hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots button:focus {
    background-image: url("./images/hm-slider-dot.svg");
}

.hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots .slick-active button {
    background-image: url("./images/hm-slider-dot-active.svg");
}

.hm-slider .hm-slider-bullets .hm-slider-b-play {
    display: inline-block;
}

.hm-slider .hm-slider-bullets .hm-slider-b-play a {
    background: transparent;
    display: block;
    height: 2.4rem;
    padding: 0.7rem 0 1rem;
    position: relative;
    width: 2.4rem;
    top: .5rem;
    right: .6rem;
}

.hm-slider .hm-slider-bullets .hm-slider-b-play a:hover {
    background-size: 1.2rem 1.2rem;
}

.hm-slider .hm-slider-bullets .hm-slider-b-play a img {
    right: 0;
    position: absolute;
    margin: 0;
    top: 0;
    max-width: 2.4rem;
    height: 2.4rem;
}


/** subir imagen sostenibilidad molinos **/

@media (min-width: 1400px) {
    #n25-top.hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        top: -25%;
    }
}

.home-banner .hm-slider {
    width: auto;
    margin: 0 -1.5rem;
    position: relative;
    padding-bottom: 2.5rem;
    min-height: 725px;
}

@media (min-width: 768px) {
    .home-banner .hm-slider {
        padding-bottom: 0;
        min-height: 451px;
    }
}

@media (min-width: 1440px) {
    .home-banner .hm-slider {
        padding-bottom: 0;
        min-height: 656px;
    }
}

.home-banner .hm-slider .hm-slider-controls {
    display: none;
}

@media (min-width: 1200px) {
    .home-banner .hm-slider .hm-slider-controls {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 1.5rem;
        height: 0;
        position: relative;
        z-index: 20;
        display: block;
    }
}

.home-banner .hm-slider .slick-arrow {
    position: absolute;
    top: 16rem;
    width: 6.8rem;
    height: 6.8rem;
    background-color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 1440px) {
    .home-banner .hm-slider .slick-arrow {
        top: 26rem;
    }
}

.home-banner .hm-slider .slick-arrow.slick-prev {
    left: 0;
}

.home-banner .hm-slider .slick-arrow.slick-next {
    right: 0;
}

.home-banner .hm-slider .slick-arrow img {
    padding: 2.3rem;
}

.home-banner .hm-slider .hm-slider-list {
    width: 100%;
}

.home-banner .hm-slider .hm-slider-list .hm-slide {
    background: none;
    padding: 0;
    display: block;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide {
        min-height: 451px;
    }
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide {
        height: 30rem;
    }
}

@media (min-width: 1200px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide {
        height: 36rem;
    }
}

@media (min-width: 1440px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide {
        min-height: 656px;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-text-c {
    text-align: center;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-title {
    text-align: center;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-description {
    text-align: center;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-center .hm-slide-description p {
    margin: auto;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-text-c {
    text-align: right;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-title {
    text-align: right;
    padding: 0;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-title {
        padding: 0 0 0 6rem;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-description {
    text-align: right;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-right .hm-slide-description p {
    margin-right: auto;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-text-c {
    text-align: left;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-title {
    text-align: left;
    padding: 0;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-title {
        padding: 0 6rem 0 0;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-description {
    text-align: left;
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-left .hm-slide-description p {
    margin-left: auto;
}

.home-banner .hm-slider .hm-slider-list .hm-slide>a {
    text-decoration: none;
}

.home-banner .hm-slider .hm-slider-list .hm-slide span.c-link--inline.m-0 {
    display: none;
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper {
    position: relative;
    height: 100%;
    min-height: 725px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper {
        min-height: 451px;
    }
}

@media (min-width: 1440px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper {
        min-height: 656px;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image {
    position: relative;
    overflow: visible;
    height: 100%;
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
    min-height: 725px;
    width: 200%;
    height: 100%;
    position: absolute;
}

@media (min-width: 300px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        left: -25%;
        width: 150%;
    }
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        min-height: 451px;
    }
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        min-height: auto;
    }
}

@media (min-width: 1300px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        height: 100%;
    }
}

@media (min-width: 1400px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap img {
    display: block;
    height: auto;
    width: auto;
    margin-top: 0;
    height: 100%;
    margin: 0 auto;
    min-width: 50%;
    right: auto;
}

@media (min-width: 376px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap img {
        width: auto;
        display: block;
        position: relative;
    }
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap img {
        height: 100%;
        margin: 0 auto;
        min-width: 100%;
        right: auto;
    }
}

@media (min-width: 1200px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-wrapper .hm-slide-image .hm-slide-image-wrap img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        min-width: 50%;
        min-height: 50%;
        height: auto;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0;
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
    display: table;
    margin: 0 auto;
    padding: 0 1.5rem;
    height: 100%;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
        min-width: 720px;
    }
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
        display: table;
        max-width: 960px;
        margin: 0 auto;
        padding: 0;
        height: 100%;
    }
}

@media (min-width: 1140px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r {
        min-width: 1056px;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
    display: table-cell;
    vertical-align: middle;
    bottom: 13rem;
    position: relative;
}

@media (min-width: 376px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        bottom: 10rem;
    }
}

@media (min-width: 576px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        bottom: 9.6rem;
    }
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        bottom: 3.2rem;
    }
}

@media (min-width: 991px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        bottom: 2.5rem;
    }
}

@media (min-width: 1440px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
        display: table-cell;
        vertical-align: middle;
        bottom: 2.4rem;
        top: auto;
        position: relative;
        padding: 0 1rem;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: inline-table;
    bottom: 2.1rem;
}

@media (min-width: 991px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap {
        width: 52%;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title {
    position: relative;
    display: block;
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
    font-size: 2.7rem;
    line-height: 5.9rem;
    background: #009ad8;
    color: #fff;
    display: inline;
    padding: 0.5rem 0;
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
        background: transparent;
        color: #fff;
        display: inherit;
        font-size: 3.2rem;
        line-height: 6rem;
        white-space: nowrap;
        padding: 0;
    }
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span {
        background-color: #009ad8;
        color: #fff;
        margin: 0;
        padding: 0.5rem 2rem;
    }
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span:last-child,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span:last-child,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span:last-child,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span:last-child {
        line-height: 0;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 br,
.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 br,
.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 br,
.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p br {
    display: none;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 br,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 br,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 br,
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p br {
        display: block;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description {
    padding: 0;
    display: block;
    bottom: 0.2rem;
    position: relative;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description {
        display: inline-flex;
        margin: 0 3rem;
    }
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description {
        bottom: 0.4rem;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description p {
    font-size: 1.8rem;
    background-color: #000;
    color: #fff;
    margin-top: 0;
    padding: 0.5rem 0;
    display: inline;
    line-height: 2.6em;
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-description p {
        padding: 0.5rem 2rem;
        font-size: 2.4rem;
        color: #fff;
        white-space: nowrap;
        line-height: initial;
    }
}

.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1,
.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2,
.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3,
.home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p {
    background: #fff;
    color: #009ad8;
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h1 span,
    .home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h2 span,
    .home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title h3 span,
    .home-banner .hm-slider .hm-slider-list .hm-slide.hm-text-contrast-hight>a .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap .hm-slide-title p span {
        background-color: #fff;
        color: #009ad8;
    }
}

.home-banner .hm-slider .hm-slider-bullets {
    text-align: center;
    position: absolute;
    bottom: 30.3rem;
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    padding-bottom: 2rem;
}

@media (min-width: 376px) {
    .home-banner .hm-slider .hm-slider-bullets {
        bottom: 30.3rem;
    }
}

@media (min-width: 576px) {
    .home-banner .hm-slider .hm-slider-bullets {
        bottom: 28.3rem;
    }
}

@media (min-width: 768px) {
    .home-banner .hm-slider .hm-slider-bullets {
        bottom: 10.3rem;
    }
}

@media (min-width: 992px) {
    .home-banner .hm-slider .hm-slider-bullets {
        padding-bottom: 0;
        bottom: 11.3rem;
    }
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-items {
    display: inline-block;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots {
    display: inline-block !important;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots li {
    display: inline-block;
    background: none;
    padding: 0;
    height: 2rem;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots button {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0.5rem 0.5rem 0 0;
    background-image: url("./images/hm-slider-dot.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    vertical-align: bottom;
    padding: 0;
    border-radius: 26px;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots button:hover {
    background-size: 1.2rem 1.2rem;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots button:focus {
    background-image: url("./images/hm-slider-dot.svg");
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-items .slick-dots .slick-active button {
    background-image: url("./images/hm-slider-dot-active.svg");
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-play {
    display: inline-block;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-play a {
    background: transparent;
    display: block;
    height: 2.4rem;
    padding: 0.7rem 0 1rem;
    position: relative;
    width: 2.4rem;
    top: .5rem;
    right: .6rem;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-play a:hover {
    background-size: 1.2rem 1.2rem;
}

.home-banner .hm-slider .hm-slider-bullets .hm-slider-b-play a img {
    right: 0;
    position: absolute;
    margin: 0;
    top: 0;
    max-width: 2.4rem;
    height: 2.4rem;
}

@media (max-width: 768px) {
    .navbar-collapse {
        position: fixed;
        top: 47px;
        width: 100%;
        background: #fff;
        z-index: 99;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px;
        display: flex;
        flex-direction: column;
        overflow: auto;
    }
    .navbar-collapse div {
        width: 100%;
        display: block;
    }
    .navbar-collapse div:first-child {
        height: 88%;
        overflow: inherit;
        position: relative;
    }
    .navbar-collapse div .row {
        display: block;
        width: 100%;
        margin: 0;
    }
    .navbar-collapse div .row .nav {
        padding: 0;
    }
    .navbar-collapse .nav-bottom:nth-child(2) {
        margin: auto;
        margin-bottom: 0;
    }
    .navbar-collapse .nav-bottom:nth-child(3) {
        margin: 2.5rem 0 2rem 0;
    }
    .navbar-collapse .nav-bottom:nth-child(3) .action__button {
        margin: 0;
    }
    .navbar-collapse .button_wrap {
        margin-top: 0;
    }
    .navbar-collapse .button_wrap a .btn {
        background-color: #FFFFFF;
        border: 0.2rem solid #197EAE;
        color: #197EAE;
        padding: 1.1rem 1rem !important;
    }
    .navbar-collapse .button_wrap .btn {
        width: 90%;
    }
    .tab-content .card.right .card-body .nav-item:first-child .nav-item-link .nav-link:first-child {
        font-weight: inherit;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .navbar-collapse {
        top: 100px;
        position: fixed;
        height: 100%;
        width: 100%;
        background: #fff;
        z-index: 100;
        left: 0;
        padding: 10px;
    }
    .navbar-collapse div .row {
        width: 100%;
    }
}

.tab-content {
    width: 100%;
}

@media (min-width: 992px) {
    .tab-content {
        position: absolute;
        top: 65px;
        width: 100%;
        z-index: 100;
        left: 0;
        background: #fff;
    }
}

.tab-content .card {
    border: none;
    background: #fff;
}

@media (min-width: 992px) {
    .tab-content .card.right {
        right: 10%;
        position: absolute;
        top: 0;
        max-width: 224px;
        min-width: 224px;
    }
    .tab-content .card.right.active {
        padding: 44px 0 36px 0;
    }
    .tab-content .card.right .card-body .nav {
        left: 40px;
    }
    .tab-content .card.right .card-body .nav .nav-item:first-child {
        display: block;
        margin-bottom: 1.5rem;
    }
    .tab-content .card.right .card-body .nav .nav-item.active .nav-item-link {
        display: block;
        width: 100%;
    }
    .tab-content .card.right .card-body .nav .nav-item .nav-item-link {
        width: 100%;
    }
    .tab-content .card.right .card-body .nav .nav-item .nav-item-link .nav-link {
        position: relative;
        color: #197EAE;
        margin-top: 0;
        margin-bottom: 2px;
    }
    .tab-content .card.right .card-body .nav .nav-item .nav-item-link .c-link--inline {
        bottom: 0;
    }
}

.tab-content .card:last-child {
    margin-bottom: 2rem;
}

.tab-content .card:last-child .card-header a {
    border-bottom: none;
}

.tab-content .card:last-child .card-header+.collapse {
    border-bottom: none;
}

.tab-content .card .card-header {
    border: none;
    background: transparent;
    padding: 0;
}

.tab-content .card .card-header a {
    border: none;
    background: transparent;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    width: 100%;
    display: block;
    padding: 1.5rem 0;
    outline: none;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
    color: #222222;
}

.tab-content .card .card-header a:not(.collapsed) {
    border: none;
}

.tab-content .card .card-header a::after {
    content: " ";
    transform: rotate(220deg);
    border: none;
    border-bottom: 1px solid #222222;
    border-right: 1px solid #222222;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 2.6rem;
    right: 0.1rem;
    background: #fff;
    z-index: 1;
    display: inline;
}

.tab-content .card .card-header a.collapsed {
    color: #222222;
}

.tab-content .card .card-header a.collapsed::after {
    transform: rotate(45deg);
    border-bottom: 1px solid #222222;
    border-right: 1px solid #222222;
    top: 2.4rem;
}

.tab-content .card .card-header+.collapse {
    border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 992px) {
    .tab-content .card .card-header+.collapse {
        border: none;
    }
}

@media (min-width: 992px) {
    .tab-content .card .card-header {
        border-bottom: none;
    }
}

.tab-content .card .card-body {
    padding: 0;
    display: block;
}

.tab-content .card .card-body .nav {
    height: 100%;
}

.tab-content .card .card-body .nav-item {
    width: 100%;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item {
        height: auto;
    }
    .tab-content .card .card-body .nav-item:first-child {
        margin-top: -1.5rem;
    }
}

.tab-content .card .card-body .nav-item:first-child .nav-item-link .nav-link {
    padding-top: 15px;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item:first-child .nav-item-link .nav-link {
        padding-top: 0;
    }
}

.tab-content .card .card-body .nav-item:first-child .nav-item-link .nav-link:first-child {
    font-weight: 600;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item:last-child .nav-item-link .nav-link {
        padding-bottom: 0;
    }
}

.tab-content .card .card-body .nav-item.active {
    position: fixed;
    height: 69%;
    background: #fff;
    width: 100%;
    z-index: 2;
    top: 55px;
    margin-left: -15px;
    overflow-x: scroll;
}

@media (min-width: 768px) {
    .tab-content .card .card-body .nav-item.active {
        position: static;
        top: 0;
        background: transparent;
        z-index: 0;
        padding: 0;
        height: auto;
        margin-left: 0;
        overflow-x: inherit;
    }
}

.tab-content .card .card-body .nav-item.active .nav-item-link {
    height: auto;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item.active .nav-item-link {
        display: inline-block;
    }
}

.tab-content .card .card-body .nav-item.active .nav-item-link .nav-link {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    padding-left: 3.8rem;
    transition: none;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item.active .nav-item-link .nav-link {
        font-size: 14px;
        line-height: 19px;
        padding-left: 0rem;
    }
}

.tab-content .card .card-body .nav-item.active .nav-item-link .nav-link.nav-link--arrow-black {
    color: #197EAE;
}

.tab-content .card .card-body .nav-item.active .nav-item-link .nav-link.nav-link--arrow-black:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    bottom: -6px;
    background: #197EAE;
    right: 15px;
    left: 0;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item.active .nav-item-link .nav-link.nav-link--arrow-black {
        font-size: 14px;
        line-height: 19px;
        padding-left: 0rem;
        position: relative;
        display: inline-flex;
    }
}

.tab-content .card .card-body .nav-item.active .nav-item-link .nav-link.nav-link--arrow-black::after {
    transform: rotate(135deg);
    left: 17px;
    right: auto;
    width: 10px;
    height: 10px;
    bottom: 1.9rem;
    top: auto;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item.active .nav-item-link .nav-link.nav-link--arrow-black::after {
        transform: rotate(-45deg);
        left: auto;
        right: 0.2rem;
        width: 5px;
        height: 5px;
        top: 0.8rem;
        bottom: auto;
    }
}

.tab-content .card .card-body .nav-item.active .sub-nav {
    display: block;
    padding: 0 30px 0 15px;
    width: 100%;
}

.tab-content .card .card-body .nav-item.active .sub-nav ul {
    list-style: none;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item.active .sub-nav .sub-nav-item:first-child .nav-link {
        padding-top: 0;
    }
}

.tab-content .card .card-body .nav-item.active .sub-nav .sub-nav-item:first-child .nav-link:hover {
    text-decoration: underline;
    transition: none;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item.active .sub-nav {
        position: absolute;
        top: 0 !important;
        text-align: left;
        left: 19rem;
        right: 0;
        width: auto;
    }
}

.tab-content .card .card-body .nav-item.active .sub-nav .nav-link {
    color: #197EAE;
    padding: 15px 0;
    transition: none;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item.active .sub-nav .nav-link {
        margin-bottom: 15px;
        margin-top: 0;
        padding: 0;
        font-size: 14px;
        line-height: 19px;
    }
    .tab-content .card .card-body .nav-item.active .sub-nav .nav-link:hover {
        color: #197EAE;
        position: relative;
        text-decoration: none !important;
        font-weight: 600;
        transition: none;
    }
}

.tab-content .card .card-body .nav-item.active .sub-nav .nav-link.highlighted {
    font-weight: 600;
}

.tab-content .card .card-body .nav-item .nav-item-link .nav-link:hover {
    color: #222222;
    transition: none;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link:hover.nav-link--black {
        color: #197EAE;
        display: inline-flex;
        transition: none;
    }
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link:hover.nav-link--black:before {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        bottom: -6px;
        background: #197EAE;
        right: 15px;
        left: 0;
    }
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link:hover.nav-link--black.nav-link--arrow-black::after {
        border-color: #197EAE;
    }
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item .nav-item-link {
        display: inline-block;
        width: 17rem;
        text-align: right;
        position: relative;
    }
    .tab-content .card .card-body .nav-item .nav-item-link .c-link--inline {
        bottom: 1.5rem;
        position: absolute;
        right: 0;
    }
}

.tab-content .card .card-body .nav-item .nav-item-link .nav-link {
    color: #757575;
    position: relative;
    padding: 12.5px 20px;
    display: inline-block;
    transition: none;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link {
        font-weight: 600;
        font-style: normal;
        font-size: 14px;
        line-height: 19px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-left: 0;
        color: #222222;
        width: auto;
        max-width: 100%;
    }
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link.highlighted {
        display: inline-flex;
    }
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link.highlighted:before {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        bottom: -6px;
        background: #197EAE;
        right: 15px;
        left: 0;
    }
}

.tab-content .card .card-body .nav-item .nav-item-link .nav-link.nav-link--arrow-black {
    display: block;
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link.nav-link--arrow-black {
        display: inline-flex;
    }
}

.tab-content .card .card-body .nav-item .nav-item-link .nav-link.nav-link--arrow-black::after {
    content: " ";
    border: none;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 2.6rem;
    right: 0.2rem;
    background: #fff;
    z-index: 1;
    display: inline;
    transform: rotate(-45deg);
}

@media (min-width: 992px) {
    .tab-content .card .card-body .nav-item .nav-item-link .nav-link.nav-link--arrow-black::after {
        bottom: auto;
        top: 0.8rem;
        border-bottom: 1px solid #222222;
        border-right: 1px solid #222222;
    }
}

.tab-content .card .card-body .nav-item .sub-nav {
    list-style: none;
    display: none;
}

.tab-content .card .card-body .nav-item .sub-nav .nav-link {
    color: #757575;
    transition: none;
}

.tab-content .card .card-body .nav-item .sub-nav .nav-link::after {
    display: none;
}

.navbar {
    padding: 0;
}

.navbar .nav-tabs {
    display: none;
    border-bottom: none;
}

@media (min-width: 992px) {
    .navbar .nav-tabs {
        display: block;
    }
}

.navbar .nav-tabs .nav-item {
    display: inline-block;
}

@media (min-width: 992px) {
    .navbar .nav-tabs .nav-item {
        height: 65px;
        margin: 0;
    }
}

.nav-tabs .nav-link {
    border: none;
    background: transparent;
    padding: 12.5px 0 12.5px 20px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #757575;
}

@media (min-width: 992px) {
    .nav-tabs .nav-link {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        padding: 23px 0 23px 0;
        margin: 0 20px;
        color: #222;
    }
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-link.highlighted {
        position: relative;
        border: none;
        outline: none;
        color: #197EAE;
        transition: none;
    }
    .nav-tabs .nav-link.active:after,
    .nav-tabs .nav-link.highlighted:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        background: #197EAE;
        height: 3px;
        bottom: 0;
    }
}

.nav-tabs .nav-link.nav-link--arrow-black::after {
    content: " ";
    transform: rotate(45deg);
    border: none;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    bottom: 2.2rem;
    right: 0.2rem;
    background: #fff;
    z-index: 1;
    display: inline;
}

.nav-tabs .nav-link.active.nav-link--arrow-black::after {
    transform: rotate(225deg);
    border-bottom: 1px solid #197EAE;
    border-right: 1px solid #197EAE;
    top: 1.5rem;
}

@media (min-width: 991px) {
    .nav-tabs {
        display: flex;
    }
    .card {
        border: none;
    }
    .card.active {
        padding: 30px;
        box-shadow: 0 25px 40px -10px #BFBFBF;
        min-width: 725px;
    }
    .card .card-header {
        display: none;
    }
    .card .collapse {
        display: none;
    }
    .card.active .collapse {
        display: block;
        width: 725px;
    }
    .card.active.right .collapse {
        width: auto;
        min-width: auto;
    }
}

@media (max-width: 991px) {
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
}

.tab-content #pane-3.card .card-body {
    min-height: 41rem;
}

@media (min-width: 992px) {
    #pane-2.card .card-body .nav-item:nth-child(2) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 76%;
    }
    #pane-3.card .card-body .nav-item:nth-child(6) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 86%;
    }
    #pane-4.card .card-body .nav-item:nth-child(2) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 65%;
    }
    html:lang(ca) #pane-2.card .card-body .nav-item:nth-child(2) .nav-item-link .nav-link.nav-link--black:before {
        width: 72%;
    }
    html:lang(ca) #pane-2.card .card-body .nav-item:nth-child(3) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 55%;
    }
    html:lang(ca) #pane-3.card .card-body .nav-item:nth-child(5) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 84%;
    }
    html:lang(ca) #pane-3.card .card-body .nav-item:nth-child(6) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 77%;
    }
    html:lang(ca) #pane-4.card .card-body .nav-item:nth-child(3) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 75%;
    }
    html:lang(en) #pane-2.card .card-body .nav-item:nth-child(2) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 78%;
    }
    html:lang(en) #pane-2.card .card-body .nav-item:last-child .nav-item-link .nav-link.nav-link--black:before {
        left: 0;
        width: auto;
    }
    html:lang(en) #pane-3.card .card-body .nav-item:nth-child(5) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 75%;
    }
    html:lang(en) #pane-3.card .card-body .nav-item:nth-child(6) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 88%;
    }
    html:lang(en) #pane-4.card .card-body .nav-item:nth-child(2) .nav-item-link .nav-link.nav-link--black:before {
        left: 0;
        width: auto;
    }
    html:lang(en) #pane-4.card .card-body .nav-item:nth-child(3) .nav-item-link .nav-link.nav-link--black:before {
        left: auto;
        width: 75%;
    }
}


/*Areglo macromenu ipad*/

@media (max-width: 1080px) and (orientation: landscape) {
    .nav-tabs .nav-link {
        margin: 0 9px 0 16px;
    }
    .main-title {
        background-size: 143px;
    }
}

.banner-info {
    padding: 0;
    height: 0;
    margin-bottom: 4rem;
    position: relative;
}

.banner-info .info-hero {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    bottom: 2.5rem;
}

@media (min-width: 768px) {
    .banner-info .info-hero {
        bottom: 11.5rem;
        min-height: 9.2rem;
        align-items: center;
        display: flex;
        position: relative;
    }
}

@media (min-width: 990px) {
    .banner-info .info-hero {
        bottom: 8.5rem;
    }
}

@media (min-width: 1200px) {
    .banner-info .info-hero {
        bottom: 9rem;
    }
}

.banner-info.sh .info-hero {
    min-height: 6rem;
    bottom: 2.5rem;
}

@media (min-width: 768px) {
    .banner-info.sh .info-hero {
        align-items: center;
        display: flex;
        bottom: 8.5rem;
    }
}

@media (min-width: 992px) {
    .banner-info.sh .info-hero {
        bottom: 6rem;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .banner-info.sh .info-hero {
        height: 100%;
    }
}

.banner-info.sh .info-hero .info-hero__container {
    padding: 2.5rem;
    align-items: center;
}

@media (min-width: 768px) {
    .banner-info.sh .info-hero .info-hero__container {
        padding: 0 1rem 0 0;
    }
}

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
    .banner-info.sh .info-hero .info-hero__container {
        padding: 1rem 2.5rem;
    }
}

.info-hero__container {
    padding: 2.5rem;
    margin: 0 1.3rem;
}

@media (min-width: 768px) {
    .info-hero__container {
        padding: 2.5rem 0;
        display: flex;
        flex-wrap: nowrap;
        margin: 0 auto;
    }
}

.info-hero__item {
    position: relative;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    width: 100%;
    /*New Corp: Puntos a revisar*/
}

@media (min-width: 768px) {
    .info-hero__item {
        padding-bottom: 0;
        margin: 0 1.5rem 0 3rem;
    }
}

.info-hero__item:before {
    content: '';
    position: absolute;
    left: calc(50% - 20px);
    bottom: 0;
    display: block;
    width: 40px;
    height: 1px;
    background: rgba(25, 126, 174, 0.2);
}

@media (min-width: 768px) {
    .info-hero__item:before {
        height: 40px;
        width: 1px;
        right: -15px;
        left: auto;
        bottom: auto;
        top: calc(50% - 20px);
    }
}

.info-hero__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.info-hero__item:last-child:before {
    display: none;
}

.info-hero__link {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #197EAE;
    position: relative;
}

.info-hero__link:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 5px;
    left: -2.3rem;
    border-top: 0.5rem solid #197EAE;
    border-right: 0.5rem solid #197EAE;
    border-bottom: 0.5rem solid transparent;
    border-left: 0.5rem solid transparent;
    transform: rotate(45deg) skew(-15deg, -15deg);
    display: block;
}

.news,
#news,
#news2 {
    margin-bottom: 5rem;
}

.news .section-spacer,
#news .section-spacer,
#news2 .section-spacer {
    margin-bottom: 1rem;
}

.news .section-spacer h3,
#news .section-spacer h3,
#news2 .section-spacer h3 {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 29px;
}

.news .section-spacer h3 a,
#news .section-spacer h3 a,
#news2 .section-spacer h3 a {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #197EAE;
    width: 100%;
}

@media (min-width: 768px) {
    .news .section-spacer h3 a,
    #news .section-spacer h3 a,
    #news2 .section-spacer h3 a {
        width: auto;
        margin-right: 1.7rem;
    }
}

.news .news-cards,
#news .news-cards,
#news2 .news-cards {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -20px;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .news .news-cards,
    #news .news-cards,
    #news2 .news-cards {
        display: flex;
        overflow: visible;
        padding: 0;
        margin: 0;
        width: 100%;
    }
}

.news .news-cards .n-card:first-child,
#news .news-cards .n-card:first-child,
#news2 .news-cards .n-card:first-child {
    padding-left: 0;
}

.news .news-cards .n-card:nth-child(3n),
#news .news-cards .n-card:nth-child(3n),
#news2 .news-cards .n-card:nth-child(3n) {
    padding-right: 20px;
}

@media (min-width: 768px) {
    .news .news-cards .n-card:nth-child(3n),
    #news .news-cards .n-card:nth-child(3n),
    #news2 .news-cards .n-card:nth-child(3n) {
        padding-right: 0;
    }
}

.news .news-cards .n-card.n-card__highlight .n-card__wrapper,
#news .news-cards .n-card.n-card__highlight .n-card__wrapper,
#news2 .news-cards .n-card.n-card__highlight .n-card__wrapper {
    background: #00a3de;
}

.news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__img-block,
#news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__img-block,
#news2 .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__img-block {
    display: none;
}

.news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__content-type,
#news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__content-type,
#news2 .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__content-type {
    color: #000;
}

.news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__date,
#news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__date,
#news2 .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__date {
    color: #fff;
}

.news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__text-title,
#news .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__text-title,
#news2 .news-cards .n-card.n-card__highlight .n-card__wrapper .n-card__info-block .n-card__text-title {
    color: #fff;
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    text-align: left;
    margin-right: 0em;
    padding-right: 1em;
    font-size: 1.7rem;
    margin-top: 5rem;
}

.news .news-cards .n-card.n-card__double .n-card__wrapper.n-card__icon-wrapper--video,
#news .news-cards .n-card.n-card__double .n-card__wrapper.n-card__icon-wrapper--video,
#news2 .news-cards .n-card.n-card__double .n-card__wrapper.n-card__icon-wrapper--video {
    top: initial;
    bottom: 3rem;
    left: 3rem;
}

@media (max-width: 990px) {
    .news .news-cards .n-card.n-card__double .n-card__wrapper.n-card__icon-wrapper--video,
    #news .news-cards .n-card.n-card__double .n-card__wrapper.n-card__icon-wrapper--video,
    #news2 .news-cards .n-card.n-card__double .n-card__wrapper.n-card__icon-wrapper--video {
        top: 14rem;
        bottom: initial;
    }
}

.news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__img-block,
#news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__img-block,
#news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__img-block {
    width: 48%;
    height: 385px;
    vertical-align: top;
}

@media (max-width: 990px) {
    .news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__img-block,
    #news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__img-block,
    #news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__img-block {
        display: inline-block;
        height: 196px;
        width: 100%;
        background-position: center;
        position: relative;
        background-position-y: 35%;
        background-size: cover;
    }
}

.news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block,
#news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block,
#news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block {
    width: 49%;
    display: inline-block;
    height: 350px;
    vertical-align: top;
    padding-top: 2rem;
}

@media (max-width: 990px) {
    .news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block,
    #news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block,
    #news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block {
        width: 100%;
    }
}

.news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-title,
#news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-title,
#news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-title {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    text-align: left;
    margin-right: 0em;
    padding-right: 1em;
    font-size: 1.7rem;
    margin-top: 2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

@media (max-width: 990px) {
    .news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-title,
    #news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-title,
    #news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-title {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 3.6em;
        text-align: justify;
        margin-top: 1.5rem;
        margin-right: 0em;
        padding-right: 1em;
    }
}

.news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-body,
#news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-body,
#news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-body {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 1.55em;
    text-align: left;
    margin-right: 0em;
    padding-right: 1em;
    font-size: 1.5rem;
}

@media (max-width: 990px) {
    .news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-body,
    #news .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-body,
    #news2 .news-cards .n-card.n-card__double .n-card__wrapper .n-card__info-block .n-card__text-body {
        display: none;
    }
}

.news .news-cards .n-card .n-card__wrapper,
#news .news-cards .n-card .n-card__wrapper,
#news2 .news-cards .n-card .n-card__wrapper {
    height: 405px;
    overflow: hidden;
    margin: 0.5rem 0 0;
    position: relative;
    background: #fff;
    transition: all .3s;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07);
}

@media (min-width: 768px) {
    .news .news-cards .n-card .n-card__wrapper,
    #news .news-cards .n-card .n-card__wrapper,
    #news2 .news-cards .n-card .n-card__wrapper {
        height: 385px;
    }
}

.news .news-cards .n-card .n-card__wrapper:hover,
#news .news-cards .n-card .n-card__wrapper:hover,
#news2 .news-cards .n-card .n-card__wrapper:hover {
    box-shadow: .2rem .2rem 1rem #868484;
}

.news .news-cards .n-card .n-card__wrapper .n-card__link,
#news .news-cards .n-card .n-card__wrapper .n-card__link,
#news2 .news-cards .n-card .n-card__wrapper .n-card__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}

.news .news-cards .n-card .n-card__wrapper .n-card__img-block,
#news .news-cards .n-card .n-card__wrapper .n-card__img-block,
#news2 .news-cards .n-card .n-card__wrapper .n-card__img-block {
    display: inline-block;
    height: 196px;
    width: 100%;
    background-position: center;
    position: relative;
    background-position-y: 0;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in;
}

.news .news-cards .n-card .n-card__wrapper .n-card__info-block,
#news .news-cards .n-card .n-card__wrapper .n-card__info-block,
#news2 .news-cards .n-card .n-card__wrapper .n-card__info-block {
    padding: 1rem 2rem;
}

.news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__content-type,
#news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__content-type,
#news2 .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__content-type {
    font-weight: 700;
    color: #0097d5;
    font-size: 14px;
}

.news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__date,
#news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__date,
#news2 .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__date {
    color: #a9a9a9;
    font-size: 14px;
}

.news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__text-title,
#news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__text-title,
#news2 .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__text-title {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    text-align: left;
    margin-top: 1.5rem;
    margin-right: 0em;
    padding-right: 1em;
    font-size: 1.7rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__text-body,
#news .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__text-body,
#news2 .news-cards .n-card .n-card__wrapper .n-card__info-block .n-card__text-body {
    display: none;
    margin-top: 2.5rem;
}

.news .news-cards .n-card .n-card__wrapper .n-card__icon-wrapper,
#news .news-cards .n-card .n-card__wrapper .n-card__icon-wrapper,
#news2 .news-cards .n-card .n-card__wrapper .n-card__icon-wrapper {
    background: #fff;
    width: 35px;
    height: 34px;
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    padding: 3px;
    text-align: center;
}

.news .news-cards .n-card .n-card__wrapper .n-card__icon-wrapper.n-card__icon-wrapper--video,
#news .news-cards .n-card .n-card__wrapper .n-card__icon-wrapper.n-card__icon-wrapper--video,
#news2 .news-cards .n-card .n-card__wrapper .n-card__icon-wrapper.n-card__icon-wrapper--video {
    left: 2.5rem;
    padding: 8px;
    z-index: 1;
    top: 14rem;
}

.c-dropdown {
    display: block;
    margin: 0 2rem 2rem 0;
}

@media (min-width: 768px) {
    .c-dropdown {
        display: inline-block;
    }
}

.c-dropdown__block {
    display: inline-block;
    margin: 0 2rem 2rem 0;
    vertical-align: middle;
    margin-top: 1rem;
}

.c-dropdown__filter {
    padding-right: 6rem;
    background-position: 93% center;
}

.c-dropdown__label {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222222;
}

.c-dropdown__date {
    font-size: 1.3rem;
    color: #494949;
}

.c-dropdown__download-content {
    display: flex;
    margin-top: 1rem;
}

.c-dropdown__download-content img {
    margin-right: 1rem;
}


/****Buscador****/

.buscador .heading-group {
    margin-top: 2.5rem;
}

@media (max-width: 768px) {
    .buscador .float-right {
        float: none !important;
    }
}


/*Filtros seleccionados*/

.filter-selected {
    border: 1px solid #009AD8;
    display: flex;
    align-items: center;
    width: fit-content;
}

.filter-selected p {
    padding: 0 1rem;
}

.filter-selected a {
    width: 3rem;
    height: 3rem;
    color: #FFFFFF;
    font-size: 3rem;
    background: url(images/close-icon-filter.svg) no-repeat center center #009AD8;
}


/*Customize inputs*/

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .ms-options-wrap input[type='checkbox'] {
        --active: #197EAE;
        --active-inner: #fff;
        --focus: #197EAE;
        --border: #197EAE;
        --border-hover: #197EAE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 20px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background .3s, border-color .3s, box-shadow .2s;
    }
    .ms-options-wrap input[type='checkbox']:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .ms-options-wrap input[type='checkbox']:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .ms-options-wrap input[type='checkbox']:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: .9;
    }
    .ms-options-wrap input[type='checkbox']:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .ms-options-wrap input[type='checkbox']:disabled+label {
        cursor: not-allowed;
    }
    .ms-options-wrap input[type='checkbox']:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }
    .ms-options-wrap input[type='checkbox']:focus {
        box-shadow: 0 0 0 var(--focus);
    }
    .ms-options-wrap input[type='checkbox']:not(.switch) {
        width: 20px;
    }
    .ms-options-wrap input[type='checkbox']:not(.switch):after {
        opacity: var(--o, 0);
    }
    .ms-options-wrap input[type='checkbox']:not(.switch):checked {
        --o: 1;
    }
    .ms-options-wrap input[type='checkbox']+label {
        font-size: 14px;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 4px;
    }
    .ms-options-wrap input[type='checkbox']:not(.switch) {
        border-radius: 0.4rem;
    }
    .ms-options-wrap input[type='checkbox']:not(.switch):after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .ms-options-wrap input[type='checkbox']:not(.switch):checked {
        --r: 43deg;
    }
    .ms-options-wrap input[type='checkbox'].switch {
        width: 38px;
        border-radius: 11px;
    }
    .ms-options-wrap input[type='checkbox'].switch:after {
        left: 2px;
        top: 2px;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .ms-options-wrap input[type='checkbox'].switch:checked {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .ms-options-wrap input[type='checkbox'].switch:disabled:not(:checked):after {
        opacity: .6;
    }
}


/*Scroll icon*/

.scroll-icon {
    position: absolute;
    top: 95%;
    left: 50%;
    background: #009AD8;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    border-radius: 26px;
    overflow: hidden;
    cursor: pointer;
}

.scroll-icon span {
    position: absolute;
    bottom: 20px;
    z-index: 2;
    top: -0.7rem;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: opacity .3s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: effect 2s infinite;
    animation: effect 2s infinite;
    box-sizing: border-box;
    cursor: pointer;
}

@-webkit-keyframes effect {
    0% {
        -webkit-transform: rotate(-45deg) translate(-10px, 10px);
        opacity: 0;
    }
    50% {
        opacity: 0.7;
    }
    70% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    }
}

@keyframes effect {
    0% {
        transform: rotate(-45deg) translate(-10px, 10px);
        opacity: 0;
    }
    50% {
        opacity: 0.7;
    }
    70% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 1;
    }
    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
    }
}

.scroll-icon ::-ms-clear {
    display: none;
}

.buscador .table {
    width: 100% !important;
    min-width: 100%;
}

.buscador .table tr td:first-child {
    height: 123px;
    width: 24%;
}

.buscador .table tr td:first-child img {
    max-width: 100%;
}

.buscador .table tr td:last-child {
    width: 25px;
}

.buscador .table tr:hover {
    background-color: #F6F6F6;
}

.buscador .video-search tr {
    display: table;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .buscador .video-search tr {
        display: flex;
    }
}

.buscador .video-search tr td {
    display: table-header-group;
    width: 100%;
}

.buscador .video-search tr td:first-child {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .buscador .video-search tr td {
        display: inline-block;
    }
    .buscador .video-search tr td:first-child {
        width: 48%;
    }
    .buscador .video-search tr td:last-child {
        width: auto;
        padding-left: 5rem;
    }
}

#meses option:disabled {
    color: #ccc;
}

.c-highlight {
    max-width: 100%;
    min-height: 680px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media (min-width: 768px) {
    .c-highlight {
        min-height: 715px;
    }
}

.c-highlight .c-highlight__content {
    position: absolute;
    z-index: 1;
    bottom: 30%;
    margin-left: 1rem;
}

@media (min-width: 768px) {
    .c-highlight .c-highlight__content {
        bottom: auto;
        top: 30%;
        margin-left: 0rem;
    }
}

.c-highlight .c-highlight__content h2 {
    text-align: left;
    margin-left: 0rem;
    font-size: 2.7rem;
    line-height: 5.5rem;
    background: #009ad8;
    color: #fff;
    display: inline;
    padding: 0.5rem 0;
}

@media (min-width: 768px) {
    .c-highlight .c-highlight__content h2 {
        text-align: left;
        margin-left: 0;
    }
}

.c-highlight .c-highlight__content h2 br {
    display: none;
}

@media (min-width: 768px) {
    .c-highlight .c-highlight__content h2 br {
        display: block;
    }
}

@media (min-width: 768px) {
    .c-highlight .c-highlight__content h2>span {
        font-size: 2.7rem;
        line-height: 5.5rem;
        background-color: #009ad8;
        color: #fff;
        padding: 0.5rem 0.3rem;
        font-size: 3.2rem;
        line-height: 6rem;
        margin: 0;
        white-space: break-spaces;
    }
}

.c-highlight .c-highlight__content .c-highlight__description {
    margin-top: 2rem;
}

.c-highlight .c-highlight__content .c-highlight__description .button_wrap {
    margin: 0;
}

.c-highlight .c-highlight__content .c-highlight__description .button_wrap .btn {
    width: auto;
}

.c-highlight .c-highlight__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .c-highlight .c-highlight__wrapper {
        max-height: 720px;
    }
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group {
    width: 300%;
    position: absolute;
    left: -100%;
    top: 0;
    height: 100%;
    overflow: hidden;
}

@media (max-width: 500px) {
    .c-highlight .c-highlight__wrapper .c-highlight__image-group {
        width: 500%;
        left: -175%;
    }
}

@media (min-width: 768px) {
    .c-highlight .c-highlight__wrapper .c-highlight__image-group {
        width: 200%;
        left: -50%;
    }
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group>picture {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group>picture img {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
}

@media (min-width: 480px) {
    .c-highlight .c-highlight__wrapper .c-highlight__image-group>picture img {
        max-width: none;
    }
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group>.video-placeholder>div {
    width: 190%;
    left: -35%;
    margin: 0 auto;
    pointer-events: none;
}

@media (min-width: 375px) {
    .c-highlight .c-highlight__wrapper .c-highlight__image-group>.video-placeholder>div {
        width: auto;
        left: 0;
        height: 720px;
    }
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group>.video-placeholder>div .vjs-big-play-button {
    display: none;
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group>.video-placeholder>div .vjs-control-bar {
    display: none;
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group>iframe {
    width: 100%;
    position: absolute;
}

.c-highlight .c-highlight__wrapper .c-highlight__image-group .video-inline {
    max-width: 1920px;
}


/*******************************
    B5 - Component
********************************/


/*Generales*/

.p-highlights .heading-group h2.heading-group-title {
    font-size: 3.2rem;
    margin-bottom: 3rem;
    padding-top: 2rem;
}

.p-highlights .heading-group h2.heading-group-title::before {
    content: " ";
    background: #009AD8;
    height: 0.3rem;
    width: 2.3rem;
    position: absolute;
    margin-top: -1.5rem;
}

.p-highlights ul.p-highlight-list {
    display: block;
    margin-right: -15px;
    margin-left: -15px;
    list-style: none;
}

.p-highlights li.p-highlight {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .p-highlights li.p-highlight {
        margin-bottom: 0;
    }
}

.p-highlights li.p-highlight .p-highlight-image {
    margin-bottom: 2rem;
    min-height: 9rem;
}

.p-highlights li.p-highlight .p-highlight-video {
    margin-bottom: 3rem;
    min-height: 9rem;
}

.p-highlights li.p-highlight .p-highlight-video .aviso_cookies {
    position: initial;
}

@media (min-width: 769px) {
    .p-highlights li.p-highlight .p-highlight-video .aviso_cookies .cont_cookies {
        top: 9%;
    }
}

.p-highlights li.p-highlight .p-highlight-video .aviso_cookies .cont_cookies p {
    width: 100%;
}

.p-highlights li.p-highlight .p-highlight-wrap {
    text-align: center;
    width: 100%;
}

.p-highlights li .p-highlight-title h3,
.p-highlights li .p-highlight-title h2 {
    font-size: 2.1rem;
    min-height: 5rem;
    margin-bottom: 1.5rem;
}

.p-highlights li .p-highlight-content p {
    width: 100%;
}

.p-highlights .button_wrap {
    width: 100%;
    text-align: center;
    margin: 2.5rem auto 0;
}


/*Línea azul título*/

.p-highlights._alternative_appearance .heading-group h2.heading-group-title::before {
    background: #009AD8;
}


/*responsive*/

@media (min-width: 992px) {
    .p-highlights ul.p-highlight-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .p-highlights li.p-highlight {
        text-align: center;
        display: block;
    }
    .p-highlights p {
        width: 50%;
    }
    .p-highlights li.p-highlight .p-highlight-wrap {
        margin-left: 0;
    }
}

.about-us .heading-group {
    margin-bottom: 2rem;
}


/*******************************
    E1. Dropdown Component
********************************/


/*Generales*/

.dropdown-group {
    margin-bottom: 5rem;
}

.dropdown-items .heading-group {
    margin-top: 3rem;
}


/*Items*/

.dropdown-item {
    margin-top: 2rem;
    padding: 0;
    white-space: inherit;
}

.dropdown-item .dropdown-content {
    display: none;
    border-top: none;
    margin: 0;
    padding: 1.5rem;
    background-color: #F6F6F6;
    border-radius: 0 0 2px 2px;
}

.dropdown-item .dropdown-content :first-child {
    margin-top: 0;
}

.dropdown-item .dropdown-content p {
    color: #222222;
    margin-bottom: 2rem;
}

.dropdown-item .dropdown-content p:last-child {
    margin-bottom: 0;
}

.dropdown-item .dropdown-title h3 {
    margin: 0;
}

.dropdown-item .dropdown-title a {
    text-decoration: none;
    display: block;
    position: relative;
}

.dropdown-item .dropdown-title a:after {
    content: '';
    display: block;
    width: 4rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("images/down-arrow-blue.png") no-repeat center center transparent;
}

.dropdown-item .dropdown-title a.active:after {
    background: url("images/up-arrow-white.png") no-repeat center center transparent;
}

.dropdown-item .dropdown-content a.c-link--double-rectangle {
    position: relative;
}

.dropdown-item:first-child {
    margin-top: 0;
}

.dropdown-item .dropdown-title a h2,
.dropdown-item .dropdown-title a h3,
.dropdown-item .dropdown-title a h4,
.dropdown-item .dropdown-title h2 a,
.dropdown-item .dropdown-title h3 a,
.dropdown-item .dropdown-title h4 a {
    display: block;
    padding: 1.5rem 4rem 1.5rem 1.5rem;
    text-decoration: none;
    font-family: "Open Sans Bold", sans-serif;
    font-size: 1.6rem;
    background: #eee;
    color: #222222;
    margin: 0;
    border-radius: 2px 2px 0 0;
    transition: all 0.3s ease-in;
}

.dropdown-item .dropdown-title a.active h2,
.dropdown-item .dropdown-title a.active h3,
.dropdown-item .dropdown-title a.active h4,
.dropdown-item .dropdown-title h2 a.active,
.dropdown-item .dropdown-title h3 a.active,
.dropdown-item .dropdown-title h4 a.active {
    background: #197EAE;
    color: #FFFFFF;
}

.dropdown-item .dropdown-title a:hover h2,
.dropdown-item .dropdown-title a:hover h3,
.dropdown-item .dropdown-title a:hover h4,
.dropdown-item .dropdown-title h2 a:hover,
.dropdown-item .dropdown-title h3 a:hover,
.dropdown-item .dropdown-title h4 a:hover {
    background: #197EAE;
    transition: all .3s ease-in;
    color: #FFFFFF;
}

.dropdown-item .dropdown-title h3 a.active span,
.dropdown-item .dropdown-title h3 a:hover span {
    color: #FFFFFF;
}

.dropdown-item .dropdown-title h3 a span {
    color: #197EAE;
}

.dropdown-content.article-content:active {
    color: #222222;
}


/* Vista desde navegador movil */

.dropdown-item .dropdown-content iframe {
    width: 100%;
}

@media (max-width: 1200px) {
    .dropdown-item .dropdown-content iframe {
        height: 535px !important;
    }
}

@media (max-width: 992px) {
    .dropdown-item .dropdown-content iframe {
        height: 320px !important;
    }
}

@media (max-width: 739px) {
    .dropdown-item .dropdown-content iframe {
        height: 370px !important;
    }
}

@media (max-width: 700px) {
    .dropdown-item .dropdown-content iframe {
        height: 535px !important;
    }
}

@media (min-width: 1200px) {
    .dropdown-item .dropdown-content iframe {
        height: 320px !important;
    }
}


/*******************************
    Infographic Component
********************************/


/*Generales*/

.infographics-slider-title {
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .infographics-slider-title {
        width: 765px;
    }
}

.infographics-slider {
    margin: 4rem 0 9rem;
    position: relative;
}

.infographics-slider .slide .slide-container {
    background: #FFFFFF;
    margin: 0 2rem;
}

.infographics-slider .slide.blue-slide .slide-container {
    background: #0C83B1;
}

.infographics-slider .slide .slide-container .slide-info {
    background: #0C83B1;
    padding: 3rem 1rem 1rem 1rem;
    display: none;
    position: relative;
}

.infographics-slider .slide .slide-container .slide-info h2,
.infographics-slider .slide .slide-container .slide-info h3 {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.3rem;
    font-family: 'OpenSans-Bold', Arial, sans-serif;
}

.infographics-slider .slide.blue-slide .slide-container .slide-info {
    background: #FFFFFF;
}

.infographics-slider .slide .slide-container .slide-info p {
    font-size: 1.6rem;
    line-height: 2.3rem;
    color: #eee;
    margin: 0;
}

.infographics-slider .slide .slide-container .slide-info * {
    color: #eee;
}

.infographics-slider .slide.blue-slide .slide-container .slide-info * {
    color: #1a1a1a;
}

.infographics-slider .slide .slide-container .slide-media {
    position: relative;
}

.infographics-slider .slide .slide-container .slide-media .slide-img img {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.infographics-slider .slide .slide-container .slide-media .slide-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 0 3rem;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight {
    padding-top: 2rem;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight:nth-child(even) {
    align-self: flex-end;
    top: -20px;
    position: relative;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight:nth-child(odd) {
    align-self: flex-start;
    display: inline-flex;
    height: 0;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img {
    float: left;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img img {
    margin: 0 auto;
    max-width: 35px;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text {
    float: right;
    padding-left: 1rem;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text span {
    position: relative;
    font-family: 'OpenSans-Extrabold', Arial, sans-serif;
    font-size: 1.8rem;
    color: #197EAE;
}

.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text span {
    color: #FFFFFF;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-title {
    display: inline;
    font-family: 'OpenSans-Extrabold', Arial, sans-serif;
    font-size: 3rem;
    line-height: 3.2rem;
    line-height: normal;
    color: #197EAE;
    position: relative;
}

.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-title {
    color: #FFFFFF;
}

.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-subtitle {
    margin: 0;
    font-family: 'OpenSans-Bold', Arial, sans-serif;
    color: #197EAE;
    position: relative;
    left: 2px;
    font-size: 1.2rem;
}

.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-subtitle {
    color: #FFFFFF;
}

.infographics-slider .slide .slide-container .slide-media .slide-footer {
    overflow: hidden;
    position: relative;
    display: none;
}

.infographics-slider .slide .slide-container .slide-media .slide-footer p {
    font-size: 1.2rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 3rem 0px;
    padding: 0 1rem;
    color: #197EAE;
}

.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-footer p {
    color: #FFFFFF;
}


/* Badge */

.infographics-slider .slide .slide-close-badge {
    position: relative;
    display: flex;
    justify-content: center;
}

.infographics-slider .slide .slide-close-badge .badge {
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 16rem;
    top: -14px;
    padding: 0.7rem;
    padding-left: 3rem;
    font-weight: normal;
    border-radius: 15px;
    cursor: pointer;
    z-index: 999;
    background: #197EAE url(images/eye-white.png) no-repeat 1.5rem center;
    font-size: 1.4rem;
    text-decoration: none;
}

.infographics-slider .slide.blue-slide .slide-close-badge .badge {
    background: #FFFFFF url(images/eye-blue.png) no-repeat 1rem center;
    color: #1a1a1a;
    font-family: "Open Sans Bold", sans-serif;
    font-weight: 600;
    box-shadow: 0px 0px 10px 0px #000;
}

.infographics-slider .slide .slide-close-badge .badge:focus {
    outline: 2px dotted #000;
    text-decoration: underline;
}

.infographics-slider .slide .slide-close-badge a.badge {
    color: #FFFFFF;
}

.infographics-slider .slide .slide-info .closeInfo {
    background: url(images/cross_white.png) no-repeat center center;
    position: absolute;
    top: 1.4rem;
    right: 1.4rem;
    width: 1rem;
    height: 1rem;
    display: block;
    background-size: 1rem;
    padding: 1.5rem;
}

.infographics-slider .slide .slide-info .closeInfo:focus {
    outline: 2px dotted #FFFFFF;
}

.infographics-slider .slide.blue-slide .slide-info .closeInfo:focus {
    outline: 2px dotted #000;
}

.infographics-slider .slide.blue-slide .slide-info .closeInfo {
    background: url(images/cross_black.png) no-repeat center center;
    background-size: 1rem;
}

@media (min-width: 768px) {
    .infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-title {
        font-size: 4.7rem;
        top: -6px;
    }
    .infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-subtitle {
        top: -10px;
        font-size: 1.6rem;
    }
}

@media (min-width: 992px) {
    .infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img {
        min-width: 85px;
    }
    .infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img img {
        max-width: 60px;
    }
    .infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text span {
        font-size: 2rem;
        top: -18px;
        left: 2px;
    }
    .infographics-slider .slide .slide-container .slide-media .slide-content {
        width: 75%;
        margin: 0 auto;
        padding: 0;
        /*no gradient*/
        background: none;
    }
    .infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content {
        /*no gradient*/
        background: none;
    }
}


/* Controls */

.infographics-slider-controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    display: flex;
    justify-content: space-between;
}

.infographics-slider-controls .slick-prev {
    background-color: transparent;
    position: relative;
    left: 0;
    z-index: 9;
    max-width: 35px;
}

.infographics-slider-controls .slick-prev img {
    margin: 0;
    width: 100%;
}

.infographics-slider-controls a.slick-prev:focus {
    outline: 2px dotted #555;
    outline-offset: -1px;
    height: 68px;
}

.infographics-slider-controls .slick-next {
    position: relative;
    right: 0;
    background-color: transparent;
    z-index: 9;
    max-width: 35px;
}

.infographics-slider-controls .slick-next img {
    margin: 0;
    width: 100%;
}

.infographics-slider-controls a.slick-next:focus {
    outline: 2px dotted #555;
    outline-offset: -1px;
    height: 68px;
}

@media (min-width: 992px) {
    .infographics-slider-controls {
        max-width: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 20;
    }
    .infographics-slider-controls .slick-prev,
    .infographics-slider-controls .slick-next {
        max-width: none;
    }
    .infographics-slider-controls .slick-prev:focus,
    .infographics-slider-controls .slick-next:focus {
        height: 48px;
    }
    .infographics-slider-controls .slick-prev img,
    .infographics-slider-controls .slick-next img {
        width: auto;
    }
    .infographics-slider .slide .slide-container .slide-info {
        padding: 3rem 13rem;
        background: #0C83B1;
    }
}


/* Bullets */

.infographics-slider-dots {
    text-align: center;
    position: absolute;
    bottom: -6rem;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    /* Hovers para accesibilidad*/
}

.infographics-slider-dots .slick-dots {
    display: inline-block !important;
    margin: 0;
}

.infographics-slider-dots .slick-dots li {
    display: inline-block;
    background: none;
    padding: 0;
    height: 2rem;
}

.infographics-slider-dots .slick-dots button:hover,
.infographics-slider-dots .hm-slider-b-play a:hover {
    background-size: 1.2rem 1.2rem;
}

.infographics-slider-dots .slick-dots button:focus {
    background-image: url(images/hm-slider-dot.png);
}

.infographics-slider-dots .slick-dots button {
    width: 14px;
    height: 14px;
    margin: 0 0.5rem 0.4rem 0;
    background-image: url(images/hm-slider-dot-inactive.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    vertical-align: bottom;
    padding: 0;
    border-radius: 26px;
}

.infographics-slider-dots .slick-dots .slick-active button {
    background-image: url(images/hm-slider-dot.png);
}


/* play/pause */

.infographics-slider-dots a {
    background: transparent;
    border: medium none;
    display: block;
    height: 1.8rem;
    padding: 0.7rem 0 1rem;
    position: relative;
    width: 2rem;
    float: right;
}

.infographics-slider-dots a:focus {
    outline: 2px dotted #FFFFFF;
    height: 22px;
    width: 19px;
    outline-offset: 0px;
}

.infographics-slider-dots .slick-dots button:focus {
    outline: 2px dotted #FFFFFF;
    outline-offset: 0px;
    overflow: hidden;
}

.infographics-slider-dots a:focus,
.infographics-slider-dots .slick-dots button:focus {
    outline: 2px dotted #000;
}

.infographics-slider-dots a img {
    left: 0;
    position: absolute;
    top: 3px;
    margin: 0;
    opacity: 0.4;
}

div.infographics-slider.one {
    min-width: 124%;
    left: -4%;
    position: relative;
}


/*displays format images*/

.infographics-slider-list .slide-container .slide-media .visible-lg,
.infographics-slider-list .slide-container .slide-media .visible-md,
.infographics-slider-list .slide-container .slide-media .visible-sm,
.infographics-slider-list .slide-container .slide-media .visible-xs {
    display: none !important;
}

.infographics-slider-list .slide-container .slide-media .hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .infographics-slider-list .slide-container .slide-media .visible-xs {
        display: block !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .infographics-slider-list .slide-container .slide-media .visible-sm {
        display: block !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .infographics-slider-list .slide-container .slide-media .visible-md {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .infographics-slider-list .slide-container .slide-media .visible-lg {
        display: block !important;
    }
}


/* Slick */

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    top: 0;
    left: 0;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@media (min-width: 380px) {
    div.infographics-slider.one {
        min-width: 119%;
        left: -3%;
    }
}

@media (min-width: 465px) {
    div.infographics-slider.one {
        min-width: 115%;
        left: -3%;
    }
}

@media (min-width: 690px) {
    div.infographics-slider.one {
        min-width: 111%;
        left: -2%;
    }
}

@media (min-width: 991px) {
    div.infographics-slider.one {
        min-width: 152%;
        left: -23%;
    }
}

.infographics-slider.one .slick-list.draggable {
    padding: 0 !important;
}

.infographics-slider.one .slick-track {
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100% !important;
}

.infographics-slider.one .slick-current {
    width: 100% !important;
    margin: 0;
}

.infographics-slider.one .slide-container {
    margin: 0;
}

.infographics-slider.one .slide .slide-container .slide-media {
    padding-top: 0;
}

.infographics-slider.one .slide .slide-container .slide-media .slide-img img {
    width: 100%;
}

.infographics-slider.one .slide .slide-container .slide-media .slide-content {
    background: transparent;
}


/*pastillas infografía*/

.article-block .article-content .border-box.bg--default,
.article-block .article-content .border-box.bg--blue,
.article-block .article-content .border-box.bg--gray,
.article-block .article-content .border-box.bg--gray-dark {
    color: #FFFFFF;
    margin-bottom: 2rem;
    min-height: 14rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 2rem 2rem;
}

.article-block .article-content .border-box.bg--default .texto_grande,
.article-block .article-content .border-box.bg--blue .texto_grande,
.article-block .article-content .border-box.bg--gray .texto_grande,
.article-block .article-content .border-box.bg--gray-dark .texto_grande {
    font-size: 2.7rem;
    font-family: "Open Sans", sans-serif;
    margin-top: 0;
}

.article-block .article-content .border-box.bg--default .texto_grande strong,
.article-block .article-content .border-box.bg--blue .texto_grande strong,
.article-block .article-content .border-box.bg--gray .texto_grande strong,
.article-block .article-content .border-box.bg--gray-dark .texto_grande strong {
    font-size: 3.2rem;
    display: contents;
}

.article-block .article-content .border-box.bg--default ul li,
.article-block .article-content .border-box.bg--blue ul li,
.article-block .article-content .border-box.bg--gray ul li,
.article-block .article-content .border-box.bg--gray-dark ul li {
    font-family: "Open Sans Light", sans-serif;
    margin-bottom: 1rem;
}

.article-block .article-content .border-box.bg--default ul li:last-child,
.article-block .article-content .border-box.bg--blue ul li:last-child,
.article-block .article-content .border-box.bg--gray ul li:last-child,
.article-block .article-content .border-box.bg--gray-dark ul li:last-child {
    margin-bottom: 0;
}


/*Tabla pastillas infografía*/

.table td:first-child span.font-color--gray-dark {
    background-color: #939393;
    position: relative;
    padding: 0 1rem 0 1.5rem;
    display: flex;
    width: 80%;
    text-transform: uppercase;
    padding: 1rem;
    color: #FFFFFF;
    font-family: "Open Sans Bold", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2;
    height: 6.8rem;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.table td:first-child span.font-color--gray-dark::after {
    content: "";
    border-left: 3rem solid #939393;
    border-top: 3.4rem solid transparent;
    border-bottom: 3.4rem solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}

.table td:first-child span.font-color--blue-soft {
    background-color: #009AD8;
    position: relative;
    padding: 0 1rem 0 1.5rem;
    display: flex;
    width: 80%;
    text-transform: uppercase;
    padding: 1rem;
    color: #FFFFFF;
    font-family: "Open Sans Bold", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2;
    height: 6.8rem;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.table td:first-child span.font-color--blue-soft::after {
    content: "";
    border-left: 3rem solid #009AD8;
    border-top: 3.4rem solid transparent;
    border-bottom: 3.4rem solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}

.table td:first-child span.font-color--blue {
    background-color: #197EAE;
    position: relative;
    padding: 0 1rem 0 1.5rem;
    display: flex;
    width: 80%;
    text-transform: uppercase;
    padding: 1rem;
    color: #FFFFFF;
    font-family: "Open Sans Bold", sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2;
    height: 6.8rem;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.table td:first-child span.font-color--blue::after {
    content: "";
    border-left: 3rem solid #197EAE;
    border-top: 3.4rem solid transparent;
    border-bottom: 3.4rem solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .border-box .texto_grande strong {
        margin-top: -5px;
    }
    .article-block .article-content .border-box.bg--default,
    .article-block .article-content .border-box.bg--green-dark,
    .article-block .article-content .border-box.bg--gray {
        min-height: 14rem;
        height: 14rem;
    }
}

.modal-body {
    padding: 0 4.5rem 5rem 4.5rem;
}

.modal-body p {
    margin-bottom: 2.5rem;
}

.modal-body p:last-child {
    margin-bottom: 0;
}

.modal .close {
    font-size: 4rem;
    font-weight: normal;
    opacity: 1;
}

.modal-header {
    padding: 0.7rem 3.5rem 0 0;
    border: 0;
}

.modal-header .close {
    padding: 1rem;
    position: relative;
    top: 1.8rem;
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 830px;
    }
}


/*******************************
    G1 - Carousel Component
********************************/


/*Generales*/

.carousel-group .carousel-arrow {
    position: absolute;
    top: 0;
    height: 100%;
}

.carousel-group .carousel-arrow-left {
    left: 0;
}

.carousel-group .carousel-arrow-right {
    right: 0;
}

.carousel-group .carousel-no-navigation .carousel-arrow-left,
.carousel-group .carousel-no-navigation .carousel-arrow-right {
    display: none !important;
}

.carousel-group .carousel-arrow a {
    width: 4.8rem;
    height: 4.9rem;
    z-index: 20;
    display: block;
    position: absolute;
    top: 13rem;
}

.carousel-group .carousel-arrow-left a {
    background: url("images/hm-slider-arrow-left.png") no-repeat center center transparent;
    left: -15.5rem;
}

.carousel-group .carousel-arrow-right a {
    background: url("images/hm-slider-arrow-right.png") no-repeat center center transparent;
    right: -15.5rem;
}

.carousel-arrow a span {
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    padding: 0;
    margin: -0.1rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/*Items*/

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: inline-block !important;
}

.carousel-items-list {
    position: relative;
    width: 100%;
    margin-top: 2rem;
}

.carousel-items-list .carousel-items {
    text-align: center;
    margin: 0;
    white-space: nowrap;
}

.carousel-items-list .carousel-items-wrap-scroll {
    min-height: 16.5rem;
    overflow: hidden;
    margin: 0 -15px;
}

.carousel-items-list .carousel-items-wrap {
    overflow: auto;
    padding-bottom: 3rem;
}

.carousel-items-list .carousel-item {
    background: none;
    padding: 0 2px;
    font-size: 1.6rem;
    width: 17rem;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-right: 0;
    float: none;
}

.carousel-items-list .carousel-item:first-child {
    margin-left: 1.5rem;
}

.carousel-items-list .carousel-item:last-child {
    margin-right: 1.5rem;
}

.carousel-thumb img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.carousel-item .carousel-item-title p {
    margin-top: 1rem;
    line-height: 1.4rem;
    white-space: normal;
}

.carousel-item a:hover .carousel-item-title p,
.carousel-item a:focus .carousel-item-title p {
    color: #197EAE;
}

.carousel-contents .carousel-content {
    display: none;
}

.carousel-items .carousel-item.carousel-item-external.active>a .carousel-item-title {
    display: block;
}


/*Responsive*/

@media (min-width: 768px) {
    .carousel-items-list .carousel-item:first-child {
        margin-left: 0;
    }
    .carousel-items-list .carousel-item:last-child {
        margin-right: 0;
    }
    .carousel-items-list .carousel-items-wrap-scroll {
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .carousel-group .carousel-arrow-left a {
        left: -19.5rem;
    }
    .carousel-group .carousel-arrow-right a {
        right: -19.5rem;
    }
}


/*Flechas carrousel movil */

@media (max-width: 992px) {
    .carousel-items-list .carousel-items-wrap-scroll .carousel-items-wrap {
        overflow: hidden;
    }
    .carousel-group .carousel-arrow-right a {
        right: 0;
    }
    .carousel-group .carousel-arrow-left a {
        left: 0;
    }
}

@media (max-width: 768px) {
    .carousel-group .carousel-arrow-right a {
        margin-right: -1.6rem;
    }
    .carousel-group .carousel-arrow-left a {
        margin-left: -1.6rem;
    }
}


/* Fix carouseles scroll*/

@media (min-width: 1200px) {
    .carousel-items-list .carousel-items-wrap {
        overflow: hidden !important;
    }
}

.c-eval {
    padding-bottom: 6rem;
}

.c-eval__list {
    padding-top: 2rem;
    counter-reset: list;
    margin: 0;
}

.c-eval__title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #197EAE;
}

.c-eval__option {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222222;
    padding: 1.5rem 5rem 1.5rem 4.5rem;
    border-bottom: 0.1rem solid #BFBFBF;
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
}

.c-eval__option:first-child {
    border-top: 0.1rem solid #BFBFBF;
}

.c-eval__option:before {
    counter-increment: list;
    content: counter(list, upper-alpha);
    position: absolute;
    margin-right: 1rem;
    background: rgba(228, 245, 255, 0.8);
    border-radius: 0.4rem;
    height: 3.4rem;
    width: 3.4rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 3.4rem;
    font-size: 1.6rem;
    color: #197EAE;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    left: 0;
}

.c-eval__label {
    cursor: pointer;
    margin-bottom: 0;
}

.c-eval__radio {
    cursor: pointer;
    position: absolute;
    right: 0;
    height: 1.6rem;
    width: 1.6rem;
}

.mapa>div {
    position: absolute;
    cursor: pointer;
}

.mapa_encuentros>div>p {
    font-size: 1.4rem;
    margin: 12px 0 10px 0;
}

.mapa_encuentros h3 {
    margin-bottom: 2rem;
}

.mapa {
    height: auto;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: -0.5rem;
}

.mapa img {
    width: 100%;
}

.localidad {
    box-sizing: border-box;
    background-color: #f0f0f0;
    color: #197EAE;
    padding: 20px 30px;
    width: 100%;
    display: none;
}

.info-mapa .evento,
.info-mapa .ciudad {
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.info-mapa .evento {
    color: #222222;
}

.info-mapa .ciudad,
.fecha .texto_aclarativo,
.info p a {
    text-decoration: none;
}

.info {
    margin-top: 0.8rem;
}

.info p {
    color: #222222;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.fecha .texto_aclarativo {
    text-transform: uppercase;
    font-size: 1.4rem;
}

.punto-mapa {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background: url(images/punto_mapa_azul.png) no-repeat scroll center center;
}

@media (min-width: 768px) {
    .punto-mapa {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.punto-mapa:hover {
    background: url(images/punto_mapa_azul_hover.png) no-repeat scroll center center;
}

.punto-mapa.disabled {
    display: none;
}


/* Puntos del mapa */

#madrid {
    top: 46%;
    left: 36%;
}

#sant-sebastia {
    top: 9%;
    left: 47%;
}

#san-sebastian {
    top: 9%;
    left: 47%;
}

#ourense {
    top: 19%;
    left: 12%;
}

#sevilla {
    left: 26%;
    top: 74%;
}

#valencia {
    top: 51%;
    left: 54%;
}

#barcelona {
    top: 29%;
    left: 69%;
}

#bilbao {
    top: 10%;
    left: 43%;
}

#girona {
    top: 22%;
    left: 74%;
}

#lleida {
    left: 63%;
    top: 27%;
}

#pamplona {
    left: 49%;
    top: 13%;
}

#a-coruna {
    left: 9%;
    top: 10%;
}

#burgos {
    left: 42%;
    top: 24%;
}

#zaragoza {
    left: 55%;
    top: 26%;
}

#tarragona {
    left: 65%;
    top: 31%;
}

#castellon {
    left: 58%;
    top: 42%;
}

#murcia {
    left: 49%;
    top: 69%;
}

#alicante,
#alacant {
    left: 54%;
    top: 62%;
}

#palma-de-mallorca {
    left: 75%;
    top: 49%;
}

#tafalla {
    top: 15%;
    left: 50%;
}

#estella {
    left: 48%;
    top: 16%;
}

#tudela {
    left: 49%;
    top: 19%;
}

#tenerife {
    left: 73%;
    top: 85%;
}

#las-palmas {
    left: 80%;
    top: 89%;
}

#tortosa {
    top: 33%;
    left: 62%;
}

#vic {
    top: 23%;
    left: 69%;
}

#valladolid {
    top: 28%;
    left: 33%;
}

#vigo {
    top: 19%;
    left: 8%;
}

#santander {
    top: 8%;
    left: 37%;
}

#huelva {
    top: 74%;
    left: 18%;
}

#reus {
    top: 32%;
    left: 64%;
}

#jerez {
    top: 79%;
    left: 23%;
}

#malaga {
    top: 79%;
    left: 32%;
}

#manresa {
    top: 25%;
    left: 69%;
}

#sant-cugat-del-valles {
    top: 27%;
    left: 68%;
}

#olot {
    top: 20%;
    left: 72%;
}


/*******************************
    ScrollBar
********************************/

.cont__legal {
    border: 1px solid #BFBFBF;
    padding: 1rem 0.5rem 1rem 1rem !important;
    margin-bottom: 1rem;
    background-color: #FFFFFF;
}

.cont__legal .info__legal {
    overflow: auto;
    height: 11rem;
    padding: 1rem 2rem;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.cont__legal .info__legal::-webkit-scrollbar {
    width: 0.6rem;
    margin-right: 1rem;
}

.cont__legal .info__legal::-webkit-scrollbar-track {
    background: #FFFFFF;
}

.cont__legal .info__legal::-webkit-scrollbar-thumb {
    background: #BFBFBF;
    border-radius: 1.6rem;
}

.cont__legal .info__legal::-webkit-scrollbar-thumb:hover {
    background: #BFBFBF;
}

.cont__legal .info__legal p {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.cont__legal .info__legal p:nth-child(3) strong {
    text-decoration: underline;
}

.cont__legal .info__legal p br {
    display: none;
}

.cont__legal .info__legal p a {
    text-decoration: underline;
}


/*******************************
    Carrusel ventajas V2
********************************/


/*CONTAINER & GENERAL*/

.carousel-container {
    position: relative;
    width: auto;
    margin: 5rem 0 9rem 0;
}

.bg-blue-v-gradient {
    background: #007dae;
    background: -moz-linear-gradient(top, #007dae 0%, #004e70 79%, #004e70 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #007dae), color-stop(79%, #004e70), color-stop(100%, #004e70));
    background: -webkit-linear-gradient(top, #007dae 0%, #004e70 79%, #004e70 100%);
    background: -o-linear-gradient(top, #007dae 0%, #004e70 79%, #004e70 100%);
    background: -ms-linear-gradient(top, #007dae 0%, #004e70 79%, #004e70 100%);
    background: linear-gradient(to bottom, #007dae 0%, #004e70 79%, #004e70 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#007dae', endColorstr='#004e70', GradientType=0);
}

.bg-light-Blue .carousel-ventajas-header h2,
.bg-light-Blue .carousel-ventajas-header p,
.bg-yellow .carousel-ventajas-header h2,
.bg-yellow .carousel-ventajas-header p,
.bg-light-Yellow .carousel-ventajas-header h2,
.bg-light-Yellow .carousel-ventajas-header p,
.bg-white .carousel-ventajas-header h2,
.bg-white .carousel-ventajas-header p,
.bg-light-grey .carousel-ventajas-header h2,
.bg-light-grey .carousel-ventajas-header p {
    color: #197EAE;
}

.bg-blue-v-gradient .col-md-10 {
    padding: 0;
}

@media (min-width: 991px) {
    .bg-blue-v-gradient .col-md-10 {
        padding: 0 15px;
    }
}


/*TITULO*/

.carousel-container>.carousel-ventajas-header {
    margin: 0 3rem;
}

.carousel-container>.carousel-ventajas-header h2 {
    margin-top: 0;
}

.carousel-container>.carousel-ventajas-header h2,
.carousel-container>.carousel-ventajas-header p {
    color: #FFFFFF;
}

@media (min-width: 1441px) {
    .carousel-container>.carousel-ventajas-header {
        padding: 0 20%;
    }
}


/*CAROUSEL*/

.carrusel-ventajas-v2 {
    position: relative;
    font-size: 1.2rem;
    font-family: "Open Sans", sans-serif;
    min-height: 56rem;
}


/*TRACKER*/

.carrusel-ventajas-v2 .carousel-feature .slide-content .tracker-summation-container {
    position: absolute;
    z-index: 9;
    top: -3rem;
    left: 2rem;
    color: #FFFFFF;
    text-shadow: -1px 0 #222222, 0 1px #222222, 1px 0 #222222, 0 -1px #222222;
}

.carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .tracker-summation-container {
    left: 0;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .tracker-summation-container span {
    color: #FFFFFF;
    font-family: "Open Sans Bold", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
}

.carrusel-ventajas-v2 .tracker-individual-container {
    display: none !important;
}


/*SLIDE*/

.carrusel-ventajas-v2 .carousel-feature {
    position: relative;
    font-size: 1.2rem;
    font-family: "Open Sans", sans-serif;
}

.carrusel-ventajas-v2 .carousel-feature.center-slide {
    opacity: 1 !important;
    overflow: visible !important;
}

.carrusel-ventajas-v2 .carousel-feature.back-slide {
    position: absolute;
    opacity: 0.4 !important;
    pointer-events: none;
}


/*IMAGE*/

.carrusel-ventajas-v2 .carousel-feature .slide-media {
    position: relative;
}

.carrusel-ventajas-v2 .carousel-feature .slide-media .carousel-image {
    border: 0;
    display: block;
    margin: 0;
}


/*CONTENT*/

.carrusel-ventajas-v2 .carousel-feature .slide-content {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: auto;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0;
    text-align: left;
    text-shadow: none;
    color: inherit;
    opacity: 1;
}

.carrusel-ventajas-v2 .carousel-feature.back-slide .slide-content {
    opacity: 0 !important;
}

.carrusel-ventajas-v2 .slide.caja-flotante .slide-content {
    width: 80%;
    margin: 0 auto;
    bottom: -40px;
}


/*DESTACADOS*/

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap:before,
.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap:after {
    display: none;
    /*Fix Descuadre IOS*/
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight {
    padding: 1rem 2rem;
    text-align: left;
    text-shadow: none;
    min-height: 9rem;
}

.carrusel-ventajas-v2 .carousel-feature.botones-flotantes .slide-content .slide-highlights-wrap .slide-highlight {
    margin-bottom: 2rem;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight:after {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    display: block;
    width: 2px;
    background: #F1F1F1;
    height: 50%;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight:first-child:after {
    display: none;
}

.carrusel-ventajas-v2 .carousel-feature.botones-flotantes .slide-content .slide-highlights-wrap .slide-highlight:not(.with-button) .item-content {
    margin-bottom: 1rem;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo {
    position: absolute;
    top: -35px;
    right: 25px;
    left: auto;
    z-index: 1;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo img {
    margin-top: 0.5rem;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-title {
    min-height: 78px;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-title h3 {
    font-size: 2rem;
    line-height: 2.6rem;
    margin-top: 2rem;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight.with-button .item-content .item-text {
    min-height: 130px;
}

.carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text {
    margin-top: 2.5rem;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin: 0;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight.with-button .item-content .item-text p {
    min-height: 110px;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button {
    margin: 1rem 0;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap {
    display: block;
    margin: 0;
    text-align: center;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap .btn a {
    font-size: 1.4rem;
    text-decoration: none;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap .btn-white a {
    background: #fff;
}


/*BOTONES AGRUPACION*/

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-buttons {
    text-align: right;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-buttons .button_wrap {
    margin: 1rem;
}

.carrusel-ventajas-v2 .carousel-feature.botones-flotantes .slide-content .slide-highlights-wrap .slide-buttons {
    position: absolute;
    bottom: -30px;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-buttons .btn:not(.btn-yellow):not(.btn-blue):not(btn-white) a {
    border: none;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .button_wrap .btn>a:focus {
    box-shadow: none;
}


/*NRI Flotante - Normal*/

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .nri {
    float: left;
    bottom: -25px;
    position: absolute;
    left: 0px;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .nri p {
    font-size: 1rem;
    margin: 0;
    color: #FFFFFF;
}


/*NRI Flotante - Botones Flotantes*/

.carrusel-ventajas-v2 .carousel-feature.botones-flotantes .slide-content .slide-highlights-wrap .nri {
    bottom: 0;
}

.carrusel-ventajas-v2 .carousel-feature.botones-flotantes .slide-content .slide-highlights-wrap .nri p {
    padding: 2rem 2rem 1rem;
}


/*VIDEO*/

.carrusel-ventajas-v2 .carousel-feature .slide-media .vjs-big-play-button {
    top: 25%;
}

.carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-media .vjs-big-play-button {
    top: 50%;
}

.carrusel-ventajas-v2 .carousel-feature.back-slide .slide-media .vjs-big-play-button {
    display: none;
}

.carrusel-ventajas-v2 .carousel-feature .slide-media .video-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.carrusel-ventajas-v2 .carousel-feature.back-slide .slide-media .video-placeholder {
    overflow: hidden;
}

.carrusel-ventajas-v2 .carousel-feature .slide-media .video-placeholder>div {
    max-width: none !important;
}

.carrusel-ventajas-v2 .carousel-feature .slide-media .video-placeholder>div>div {
    padding-top: 56.25% !important;
}

.carrusel-ventajas-v2 .carousel-feature .slide-media .video-placeholder .vjs-poster {
    background-color: transparent;
    background-size: 100%;
}

.carrusel-ventajas-v2 .carousel-feature .slide-media .video-placeholder.popup {
    position: fixed;
    top: 170px;
    left: 0;
    margin: 0 auto;
    z-index: 99;
    width: 80%;
    bottom: auto;
    border-radius: 7px;
}

.sticky-nav .carrusel-ventajas-v2 .carousel-feature .slide-media .video-placeholder.popup {
    top: 100px;
}

.carrusel-ventajas-v2 .carousel-feature .closeButton {
    height: 5rem;
    width: 5rem;
    display: block;
    color: #222222;
    z-index: 999;
    position: absolute;
    font-size: 4rem;
    text-decoration: none;
    line-height: 4rem;
    text-align: center;
    right: 0;
    background: url(images/icon-close-cb.png) no-repeat center center;
}


/*Popup video inner arrows*/

.carrusel-ventajas-v2 .video-placeholder .vjs-control-bar>.inner-arrow-left {
    background: url("images/flecha-derecha.png") no-repeat center center transparent;
    -webkit-transform: rotate(180deg);
    /* safari - Chrome*/
    -moz-transform: rotate(180deg);
    /* Firefox */
    -o-transform: rotate(180deg);
    /* Opera */
    transform: rotate(180deg);
    left: 0%;
    z-index: 999;
    position: relative;
    top: 0;
    width: 5.6rem;
    height: 4.2rem;
}

.carrusel-ventajas-v2 .video-placeholder .vjs-control-bar>.inner-arrow-right {
    background: url("images/flecha-derecha.png") no-repeat center center transparent;
    right: 0%;
    z-index: 999;
    position: relative;
    top: 0;
    width: 5.6rem;
    height: 4.2rem;
}


/*ARROWS*/

.carrusel-ventajas-v2~#carousel-left,
.carrusel-ventajas-v2 .carousel-feature .inner-arrow-left {
    width: 4.7rem;
    height: 4.8rem;
    background: url("images/hm-slider-arrow-left.png") no-repeat center center transparent;
    position: absolute;
    top: 45%;
    left: 0%;
    z-index: 999;
    background-size: 3rem;
    cursor: pointer;
}

.carrusel-ventajas-v2~#carousel-right,
.carrusel-ventajas-v2 .carousel-feature .inner-arrow-right {
    width: 4.7rem;
    height: 4.8rem;
    background: url("images/hm-slider-arrow-right.png") no-repeat center center transparent;
    position: absolute;
    top: 45%;
    right: 0%;
    z-index: 999;
    background-size: 3rem;
    cursor: pointer;
}

.carrusel-ventajas-v2 .carousel-feature .inner-arrow-left {
    left: -5%;
}

.carrusel-ventajas-v2 .carousel-feature .inner-arrow-right {
    right: -5%;
}

.carrusel-ventajas-v2 .carousel-feature.back-slide .inner-arrow-left,
.carrusel-ventajas-v2 .carousel-feature.back-slide .inner-arrow-right {
    opacity: 0;
}

.carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-buttons .button_wrap .btn {
    width: auto;
}


/*RESPONSIVE*/

@media (max-width: 991px) {
    .carousel-container>.carousel-ventajas-header {
        margin-bottom: 3rem;
    }
    .carrusel-ventajas-v2 {
        min-height: auto !important;
    }
    .carrusel-ventajas-v2 .carousel-feature {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
    }
    .carrusel-ventajas-v2 .carousel-feature.center-slide {
        opacity: 1 !important;
        transition: opacity 1s;
        overflow: visible !important;
    }
    .carrusel-ventajas-v2 .carousel-feature.back-slide {
        opacity: 0 !important;
        transition: opacity 1s;
        overflow: visible !important;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-media .carousel-image {
        width: 100% !important;
        height: auto !important;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content {
        position: relative;
        display: block !important;
    }
    .carrusel-ventajas-v2 .carousel-feature.back-slide .slide-content {
        opacity: 1 !important;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content {
        bottom: 0;
        width: 100%;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .tracker-summation-container {
        left: 2rem;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .tracker-summation-container {
        left: 2rem;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight {
        position: relative;
        margin-top: 4.5rem;
        padding: 3rem 1rem 2rem;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap {
        padding: 1rem 0;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight {
        width: 100%;
        margin: 0;
        padding: 2rem;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight:after {
        top: -0.5rem;
        left: 1rem;
        height: 2.5px;
        background: #F1F1F1;
        width: 80%;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight:after {
        content: '';
        position: absolute;
        top: 0rem;
        left: 2rem;
        right: 2rem;
        display: block;
        height: 2px;
        background: #F1F1F1;
        width: auto;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight:first-child:after {
        display: block;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight:first-child:after {
        display: none;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content {
        display: flex;
        align-items: center;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight:not(.with-button) .item-content {
        margin: 0;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo {
        left: 1rem;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        padding-right: 1rem;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo img {
        margin-top: 0;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-title h3 {
        margin: 0;
    }
    .carrusel-ventajas-v2 .carousel-feature.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-logo+.item-text {
        margin: 0;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text p {
        font-size: 1.4rem;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button {
        margin: 1rem 0 0;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .nri {
        position: relative;
        width: 100%;
        bottom: -40px;
        left: auto;
        text-align: center;
    }
    .carrusel-ventajas-v2 .carousel-feature.botones-flotantes .slide-content .slide-highlights-wrap .nri {
        bottom: -50px;
    }
    .carrusel-ventajas-v2 .carousel-feature.botones-flotantes.caja-flotante .slide-content .slide-highlights-wrap .nri {
        bottom: 0;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .nri p {
        padding: 0 0 1.5rem 0;
    }
    .carrusel-ventajas-v2 .carousel-feature.botones-flotantes.caja-flotante .slide-content .slide-highlights-wrap .nri p {
        padding: 0 2rem 2rem;
    }
    /*VIDEO*/
    .carrusel-ventajas-v2 .carousel-feature .slide-media .vjs-big-play-button {
        top: 50%;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-media .vjs-control-bar {
        z-index: 10;
    }
    /*ARROWS*/
    .carrusel-ventajas-v2 .carousel-feature .slide-media>.inner-arrow-left,
    .carrusel-ventajas-v2 .carousel-feature .slide-media>.inner-arrow-right {
        top: 40%;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-media>.inner-arrow-left {
        left: 0;
        background-position: left;
    }
    .carrusel-ventajas-v2 .carousel-feature .slide-media>.inner-arrow-right {
        right: 0;
        background-position: right;
    }
}

@media (max-width: 400px) {
    .carrusel-ventajas-v2 .carousel-feature .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap .btn a {
        font-size: 1rem;
    }
}


/*Fix 1024px arrows*/

@media (max-width: 1200px) and (min-width: 991px) {
    .carrusel-ventajas-v2 .carousel-feature .inner-arrow-left {
        background-position: 24px 0;
        background-size: 2.5rem;
    }
    .carrusel-ventajas-v2 .carousel-feature .inner-arrow-right {
        background-position: 0 0;
        background-size: 2.5rem;
    }
}

@media (min-width: 991px) {
    .carrusel-ventajas-v2 {
        width: 960px;
        margin: 0 0 0 -8%;
    }
    .carousel-container>.carousel-ventajas-header {
        padding: 0 1.2%;
        width: 960px;
        margin: 0 0 0 -8%;
    }
}

@media (min-width: 1150px) {
    .carrusel-ventajas-v2 {
        margin: 0 auto;
    }
    .carousel-container>.carousel-ventajas-header {
        margin: 0 auto;
    }
}


/*COLORES DE FONDO PARA DESTACADOS*/

.carrusel-ventajas-v2 .slide .slide-content.bg-site {
    background: #197EAE !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-site .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-site .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-site .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Blue {
    background: #E1F2FB !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Blue .slide-highlight:after {
    background: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Blue .item-title h3 {
    color: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Blue .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-light-Blue .nri p {
    color: #555 !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-dark-Blue {
    background: #197EAE !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-dark-Blue .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-dark-Blue .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-dark-Blue .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-navy-Blue {
    background: #1D2546 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-navy-Blue .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-navy-Blue .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-navy-Blue .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-green {
    background: #19818B !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-green .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-green .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-green .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-light-grey {
    background: #F0F0F0 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-grey .slide-highlight:after {
    background: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-grey .item-title h3 {
    color: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-grey .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-light-grey .nri p {
    color: #555 !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-grey {
    background: #D6DBDF !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-grey .slide-highlight:after {
    background: #222222 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-grey .item-title h3 {
    color: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-grey .item-text p,
.carrusel-ventajas-v2 .slide.botones-flotantes .slide-content.bg-grey .nri p {
    color: #555 !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-garnet {
    background: #6A150E !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-garnet .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-garnet .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-garnet .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-orange {
    background: #C4471A !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-orange .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-orange .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-orange .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-dark-orange {
    background: #C4471A !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-dark-orange .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-dark-orange .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-dark-orange .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Yellow {
    background: #FFF8C5 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Yellow .slide-highlight:after {
    background: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Yellow .item-title h3 {
    color: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-Yellow .item-text p,
.carrusel-ventajas-v2 .slide.botones-flotantes .slide-content.bg-light-Yellow .nri p {
    color: #555 !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-Yellow {
    background: #F4C43C !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-Yellow .slide-highlight:after {
    background: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-Yellow .item-title h3 {
    color: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-Yellow .item-text p,
.carrusel-ventajas-v2 .slide.botones-flotantes .slide-content.bg-Yellow .nri p {
    color: #555 !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-light-pink {
    background: #FDEAEE !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-pink .slide-highlight:after {
    background: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-pink .item-title h3 {
    color: #004f70 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-light-pink .item-text p,
.carrusel-ventajas-v2 .slide.botones-flotantes .slide-content.bg-light-pink .nri p {
    color: #555 !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-rose {
    background: #BC1350 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-rose .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-rose .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-rose .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-dark-rose {
    background: #5D1B3A !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-dark-rose .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-dark-rose .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-dark-rose .nri p {
    color: #FFFFFF !important;
}


/**/

.carrusel-ventajas-v2 .slide .slide-content.bg-red {
    background: #DE3532 !important;
}

.carrusel-ventajas-v2 .slide .slide-content.bg-red .item-title h3,
.carrusel-ventajas-v2 .slide .slide-content.bg-red .item-text p,
.carrusel-ventajas-v2 .slide .slide-content.bg-red .nri p {
    color: #FFFFFF !important;
}


/*Video*/

span.vjs-icon-placeholder {
    color: transparent;
}

span.vjs-icon-placeholder:before {
    color: #FFFFFF;
}


/*******************************
    D2. Tabs
********************************/

.tabs-items-list {
    position: relative;
    width: 100%;
}

.tabs-items-scroll {
    overflow: hidden;
    margin: 0;
    height: 4.5rem;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-items-scroll {
    height: 6.3rem;
}

.tabs-items-wrap {
    overflow: auto;
    padding-bottom: 3rem;
}

.tabs-group .tabs-items {
    position: relative;
    text-align: left;
    margin: 0;
    white-space: nowrap;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-items {
    position: initial;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-items:after {
    content: "";
    height: 2px;
    background: #dfdfdf;
    position: absolute;
    left: -100%;
    right: -100%;
    bottom: 0;
    z-index: 99;
}

.tabs-group .tabs-item {
    background-image: none;
    padding: 0;
    vertical-align: middle;
    max-width: 40rem;
    display: inline-block;
    white-space: normal;
}

.tabs-item>a {
    display: table;
    text-decoration: none;
    height: 4.5rem;
    outline: 0;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item>a {
    height: 6.3rem;
}

.tabs-item .tabs-item-title {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2rem;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease-in;
}

.tabs-item .tabs-item-title.tabs-item-title-active,
.tabs-item .tabs-item-title.tabs-item-title-active:hover {
    border-bottom: 3px solid #197EAE;
}

.tabs-item .tabs-item-title:hover {
    border-bottom: 3px solid #eee;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title:hover>p {
    color: #197EAE;
    font-weight: 600;
    text-decoration: none;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active,
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active:hover {
    position: relative;
    border: 2px solid #dfdfdf;
    border-radius: 5px 5px 0 0;
    transition: none;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active:after {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 13px;
    background: url(images/arrow-down-blue.png) no-repeat center center #FFFFFF;
    width: 100%;
    z-index: 999;
    left: 0;
}

.tabs-item .tabs-item-title>p {
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    color: #197EAE;
    margin: 0;
    text-align: center;
    transition: all 0.3s ease-in;
    line-height: 100%;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title>p {
    font-size: 1.8rem;
}

.tabs-item .tabs-item-title-active>p {
    color: #197EAE;
    font-weight: 600;
    text-decoration: none;
}

.tabs-arrow {
    position: absolute;
    display: none;
    top: 0;
    height: 100%;
    width: 3rem;
    background: #FFFFFF;
}

.tabs-no-navigation .tabs-arrow {
    display: none !important;
}

.tabs-navigation .tabs-arrow {
    display: block;
    z-index: 20;
}

.tabs-group .tabs-arrow-right {
    right: 0;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-right {
    border-left: 2px solid #dfdfdf;
    border-bottom: 2px solid #dfdfdf;
    z-index: 999;
}

.tabs-group .tabs-arrow-left {
    left: 0;
    display: none;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-left {
    border-right: 2px solid #dfdfdf;
    border-bottom: 2px solid #dfdfdf;
    z-index: 999;
}

.tabs-arrow a {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}

.tabs-arrow span {
    position: absolute;
    left: -99999px;
}

.tabs-group .tabs-arrow-right a {
    background: url("images/arrow-right.png") no-repeat center center transparent;
    border-left: 1px solid #eee;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-right a {
    border: none;
}

.tabs-group .tabs-arrow-left a {
    background: url("images/arrow-left.png") no-repeat center center transparent;
    border-right: 1px solid #eee;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-left a {
    border: none;
}

.tabs-content.article-content {
    display: none;
    margin-top: 20px;
}

.tabs-content.article-content:first-child {
    display: block;
}

.tabs-content.article-content .c-dropdown a.c-link {
    font-weight: normal;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    border: 0.1rem solid #939393;
    border-radius: 0.3rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0rem 0.4rem 4rem rgba(0, 0, 0, 0.25);
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright td.off.ends.available {
    visibility: hidden;
    color: #197EAE;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright:before {
    content: none;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright:after {
    content: none;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright .drp-calendar.left {
    padding: 3rem 0rem 2rem 2rem;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright .drp-calendar.right {
    padding: 3rem 2rem 2rem;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright .calendar-table .next span,
.daterangepicker.ltr.auto-apply.show-calendar.opensright .calendar-table .prev span {
    border-color: #197EAE;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright .calendar-table thead th.month {
    color: #197EAE;
    font-size: 1.6rem;
    font-weight: 100;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright .calendar-table thead tr:nth-child(2) th {
    color: #939393;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright .calendar-table tbody tr td {
    color: #222222;
    font-family: "Open Sans Bold", sans-serif;
}

.daterangepicker.ltr.auto-apply.show-calendar.opensright .calendar-table tbody tr td.active,
.daterangepicker.ltr.auto-apply.show-calendar.opensright .calendar-table tbody tr td.active:hover {
    background-color: #197EAE;
    color: #F6F6F6;
}

input#fechas::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #222222;
}

input#fechas::-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #222222;
}

input#fechas::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #222222;
}

input#fechas::-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #222222;
}


/*******************************
    APLs
********************************/

.evaluation-radios .radio-letter {
    width: 3.4rem;
    height: 3.4rem;
    background-color: rgba(228, 245, 255, 0.8);
    text-align: center;
    vertical-align: middle;
    color: #197EAE;
    font-weight: "Open Sans Bold", sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
    position: absolute;
    border-radius: 0.4rem;
    align-items: center;
    display: flex;
    justify-content: center;
}

.evaluation-radios .font-color--default {
    margin-top: 6rem;
}

.evaluation-radios .form__check {
    border-top: 0.1rem #BFBFBF solid;
    padding-bottom: 1.5rem;
}

.evaluation-radios .form__check:last-child {
    border-bottom: 0.1rem #BFBFBF solid;
}

.evaluation-radios .form__radio-label {
    display: flex;
    padding-left: 5rem;
    padding-right: 6rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 3.2rem;
}

.evaluation-radios .form__radio-label:before {
    right: 3rem;
    top: 0.6rem;
    left: auto;
}

.evaluation-radios .form__radio-label:after {
    top: 0.9rem;
    right: 3rem;
    left: auto;
}

.evaluation-radios .results_label {
    font-size: 1.6rem;
    display: flex;
    padding-left: 5rem;
    padding-right: 6rem;
    color: #222222;
    line-height: 3.2rem;
}

.evaluation-radios .alert {
    margin-bottom: 0 !important;
}

.evaluation-radios .alert .results_label {
    font-family: "Open Sans Bold", sans-serif;
}

.evaluation-radios .alert-success {
    background: url(images/icon-ok.png) no-repeat 98% center transparent;
    border: 0;
    border-top: 0.1rem #BFBFBF solid;
    background-color: #DEF0F9;
}

.evaluation-radios .alert-success .results_label {
    color: #359800;
}

.evaluation-radios .alert-danger {
    background: url(images/icon-cancel.png) transparent no-repeat 98% center;
    border: 0;
    border-top: 0.1rem #BFBFBF solid;
}

.evaluation-radios .alert-danger .results_label {
    color: #CF3B3B;
}

.button_wrap {
    margin-top: 6rem;
}

.button_wrap button.icon_left-arrow:before {
    content: '';
    display: inline;
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0;
    width: 2rem;
    margin-left: -2.2rem;
}

.btn-white-border.icon_left-arrow:before {
    background: url("images/arrow-white-left.svg") no-repeat center center transparent;
}

@media (max-width: 768px) {
    .button_wrap .mr-5 {
        margin-right: 0 !important;
    }
}

.agenda-apl .tabs-items-list .tabs-item {
    height: auto !important;
}

.agenda-apl .tabs-items-list .tabs-item.parent-tab .tabs-item-title>p {
    font-size: 2.1rem;
    line-height: 2.9rem;
}

.agenda-apl .tabs__filters {
    margin-top: 2rem;
}

.agenda-apl .tabs__filters form {
    width: 100%;
}

.agenda-apl .tabs__filters form #fechas,
.agenda-apl .tabs__filters form #fechas2 {
    background: url(images/ic_calendar.png) no-repeat 97% center;
}

.agenda-apl .tabs__filters form .ms-options-wrap {
    position: relative;
}

.agenda-apl .tabs__filters form .ms-options-wrap .ms-options {
    width: 100%;
    margin-top: 1rem;
    min-height: auto !important;
    max-height: none !important;
}

.agenda-apl .tabs__filters form .form__select {
    background: url(images/arrow-down.svg) no-repeat 93% center;
}

.agenda-apl .tabs__filters form .bootstrap-select {
    border: none;
    padding: 0;
    width: 100% !important;
}

.agenda-apl .tabs__filters form .bootstrap-select .dropdown-toggle {
    font-family: "Open Sans", sans-serif, sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    border: 0.1rem solid #939393;
    border-radius: 0.3rem;
    height: 4.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1rem 3rem 1rem 1.4rem;
    background: url(images/arrow-down.svg) no-repeat 93% center;
    outline: none !important;
}

.agenda-apl .tabs__filters form .bootstrap-select .dropdown-toggle:after {
    display: none;
}

.agenda-apl .tabs__filters form .bootstrap-select .dropdown-menu {
    padding: 0;
}

.agenda-apl .tabs__filters form .bootstrap-select .dropdown-menu.inner {
    padding: 0;
}

.agenda-apl .tabs__filters form .bootstrap-select .dropdown-menu li.active:before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: #197EAE;
    position: absolute;
    left: 0;
    top: 0;
}

.agenda-apl .tabs__filters form .bootstrap-select .dropdown-menu li a {
    padding: 0.8rem 1rem;
    background: #fff;
    color: #16181b;
    outline: none;
}

.agenda-apl .tabs__filters form .mr-3 {
    margin-right: 3rem !important;
}

.agenda-apl .tabs__filters form .mr-3:last-child {
    margin-right: 0 !important;
}

.agenda-apl .tabs-contents .tabs-item-title>p {
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.agenda-apl .tabs-contents .table-container {
    width: auto;
}

.agenda-apl .tabs-contents .schedule__item .schedule__date {
    border: none;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__title {
    color: #000;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__hour {
    color: #197EAE;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 600;
    margin-top: 1rem;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__description {
    color: #6F6F6F;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-top: 1rem;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule_document {
    color: #939393;
    font-size: 1.3rem;
    line-height: 2.3rem;
    margin: 1rem 0 2rem 0;
    padding-left: 3rem;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule_document img {
    position: absolute;
    left: 0;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule_document span.c-link--inline img {
    position: relative;
    margin-right: 1.5rem;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__links .button_wrap {
    margin: 0;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__links .button_wrap .btn {
    padding: 1.1rem 1.2rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__links .schedule__btn {
    padding-right: 1rem;
}

.agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__links .schedule__label {
    position: absolute;
    margin: 0rem 0rem 0rem 1rem;
    z-index: 1;
    background: #fff;
    min-width: 175px;
    top: 40px;
}

@media (min-width: 446px) {
    .agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__links .schedule__label {
        top: 40px;
        left: 0;
    }
    .agenda-apl .tabs-contents .schedule__item .schedule__info .schedule__links .schedule__label:after {
        left: 0.5rem;
        top: -0.5rem;
        transform: rotate(135deg);
    }
}

.buscador .main {
    padding-top: 5rem;
}

.buscador .main .c-link--inline.m-0 {
    display: none;
}

.apl .main .table-container .c-link--inline.m-0 {
    display: none;
}


/*Cookie banner*/

.cookies-region .articulo_ligero {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 100%;
}

.cookies-region .contenido_articulo {
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.3);
    height: 100%;
}

.cookies-region .contenido_articulo #cookie {
    height: 100%;
    display: table;
}

.cookies-region .contenido_articulo #cookie-form {
    display: table-cell;
    vertical-align: middle;
}

.contenido_articulo #cookie2 .logo {
    width: 100%;
    display: block;
    vertical-align: middle;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    white-space: nowrap;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
}

.cookies-region .contenido_articulo .texto {
    width: 100%;
    margin: 0 auto;
}

.cookies-region .contenido_articulo .title {
    text-align: center;
}

.cookies-region .contenido_articulo .title h2 {
    font-style: normal;
    padding: 0px;
    font-weight: 600;
    color: #000;
    font-size: 2rem;
    line-height: 2rem;
    padding-bottom: 20px;
}

.cookies-region .contenido_articulo .texto .texto_cookie {
    text-align: justify;
    max-width: 90%;
    margin: 0 auto;
    font-size: 1.2rem;
    font-weight: 600;
}

.cookies-region .contenido_articulo .texto .texto_cookie a {
    font-size: 1.2rem;
}

.cookies-region .button_wrap {
    display: block;
    margin: 1rem 0 2rem;
    text-align: center;
}

.cookies-region .button_wrap .btn {
    padding: 0;
    width: 82%;
    margin: 0 auto;
}

.cookies-region .contenido_articulo .title {
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 800px) {
    .cookies-region .articulo_ligero {
        height: auto;
    }
    .cookies-region .contenido_articulo #cookie {
        display: block;
        height: auto;
    }
    .cookies-region .contenido_articulo #cookie-form {
        display: block;
    }
    .cookies-region .articulo_ligero #cookie-form:before {
        margin: 0 auto;
    }
    .cookies-region .contenido_articulo .title h2 {
        font-size: 2.0rem;
        line-height: 2rem;
        padding-bottom: 10px;
    }
    .cookies-region .contenido_articulo .texto {
        width: 60%;
        margin: 0 auto;
    }
    .cookies-region .contenido_articulo .texto .texto_cookie {
        text-align: justify;
        /*max-width: 50%;*/
        max-width: 100%;
        margin: 0 auto;
        font-size: 1.2rem;
        font-weight: 600;
    }
    .cookies-region .button_wrap {
        display: inline-block;
        margin: 10px auto;
        width: 100%;
        text-align: center;
    }
    .cookies-region .button_wrap .btn {
        width: auto;
    }
    .contenido_articulo #cookie2 .logo {
        width: 20%;
        display: inline-block;
        vertical-align: middle;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        white-space: nowrap;
        left: 0;
        right: 0;
    }
}


/** Aviso home 2 ***/

.cookies-region .contenido_articulo #cookie2 {
    display: table;
    height: 100%;
}

.cookies-region .articulo_ligero #cookie2 #cookie-form:before {
    display: inline;
}

.cookies-region .contenido_articulo #cookie2 .logo:before {
    content: '';
    background-image: url(https://www.caixabank.es/deployedfiles/particulares/CSS/Estaticos/images/logo.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    width: 233px;
    height: 60px;
    display: block;
    margin: 0 auto 10px;
}

@media (min-width: 800px) {
    .cookies-region .contenido_articulo #cookie2 {
        width: 100%;
        margin: 0 auto;
        background: #fff;
        display: block;
    }
    .cookies-region .contenido_articulo #cookie2 .logo {
        width: 29%;
        display: inline-block;
        vertical-align: middle;
    }
    .cookies-region .contenido_articulo #cookie2 .logo:before {
        margin: 0 auto;
    }
    .cookies-region .contenido_articulo #cookie2 .texto {
        width: 39%;
        margin: 0;
        display: inline-block;
        text-align: left;
        padding: 1.5rem 0;
        vertical-align: middle;
    }
    .cookies-region .contenido_articulo #cookie2 .texto .title {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }
    .cookies-region .contenido_articulo #cookie2 .button {
        width: 30%;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (min-width: 1400px) {
    .cookies-region .contenido_articulo #cookie2 {
        width: 80%;
        background: #fff;
    }
    .cookies-region .contenido_articulo #cookie2 .logo {
        width: 25%;
    }
    .cookies-region .contenido_articulo #cookie2 .texto {
        width: 49%;
    }
    .cookies-region .contenido_articulo #cookie2 .button {
        width: 25%;
    }
}

@media (min-width: 1600px) {
    .cookies-region .contenido_articulo #cookie2 {
        width: 70%;
    }
    .cookies-region .contenido_articulo #cookie2 .logo {
        width: 20%;
    }
    .cookies-region .contenido_articulo #cookie2 .texto {
        width: 59%;
    }
    .cookies-region .contenido_articulo #cookie2 .button {
        width: 20%;
    }
}

.articulo_ligero .contenido_articulo #acookie {
    background-color: #fff;
    color: #141414;
    font-size: 12px;
    margin: 0 auto !important;
    width: 100% !important;
    height: 100% !important;
    position: inherit;
    padding: 10px 0 1px;
}

.articulo_ligero .contenido_articulo #acookie #div_texto {
    background-color: #fff;
    height: 100%;
}

.contenido_articulo #cookie2 .button_wrap .btn.btn-blue>a {
    background-color: #007eae;
    border: 0.2rem solid #007eae;
    color: #fff !important;
    text-decoration: none;
    padding: 10px;
}

#cookie2 .btn-blue:hover,
#cookie2 .button:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent !important;
    border: 0px;
}


/** aviso cookies youtube **/

.aviso_cookies {
    position: relative;
    min-height: 250px;
    width: 100% !important;
    height: 200px;
}

.aviso_cookies .cont_cookies p {
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin: 0;
}

.aviso_cookies .cont_cookies .button_wrap .btn.btn-blue>a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    white-space: normal;
    margin-top: 1rem;
    color: #fff;
}

@media (min-width: 390px) {
    .aviso_cookies .cont_cookies p {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
    .aviso_cookies .cont_cookies .button_wrap .btn.btn-blue>a {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }
}

@media (min-width: 500px) {
    .aviso_cookies .cont_cookies {
        top: 5%;
    }
    .aviso_cookies .cont_cookies .button_wrap .btn.btn-blue>a {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
}

@media (min-width: 600px) {
    .aviso_cookies .cont_cookies {
        top: 10%;
    }
    .aviso_cookies .cont_cookies {
        width: 60%;
    }
}

@media (min-width: 769px) {
    .aviso_cookies .cont_cookies {
        top: 13%;
    }
}

.aviso_cookies:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #555;
    content: '';
    opacity: 0.8;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 1;
}

.aviso_cookies .img_cookies {
    position: relative;
    top: 0;
    background-size: 100%;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top center;
}

.aviso_cookies .cont_cookies {
    position: absolute;
    background: #fff;
    width: 90%;
    margin: auto !important;
    top: 10%;
    height: auto;
    text-align: center;
    padding: 2rem;
    box-shadow: 0 0 2rem 0 #666;
    z-index: 999;
    left: 0;
    right: 0;
}

.aviso_cookies .cont_cookies .button_wrap .btn.btn-blue>a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    white-space: normal;
    margin-top: 1rem;
}

@media (min-width: 500px) {
    .aviso_cookies .cont_cookies {
        top: 15%;
    }
    .aviso_cookies .cont_cookies .button_wrap .btn.btn-blue>a {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
}

@media (min-width: 600px) {
    .aviso_cookies .cont_cookies {
        top: 10%;
    }
    .aviso_cookies .cont_cookies {
        width: 60%;
    }
}

@media (min-width: 769px) {
    .aviso_cookies .cont_cookies {
        top: 13%;
    }
    aviso_cookies .img_cookies {
        width: 100%;
        transform: translate(0%, 0%);
    }
}

.accionistas_bock .accionistas_bock__iframe iframe {
    border-top: 0.2rem #197EAE solid;
    margin-top: 3rem;
}

@media (min-width: 768px) {
    .accionistas_bock .accionistas_bock__iframe iframe {
        height: 430px;
    }
}

.accionistas_bock .col-12.col-lg-6 {
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .accionistas_bock .col-12.col-lg-6 {
        padding-bottom: 2.5rem;
    }
}

.accionistas_bock .col-12.col-md-6 {
    padding-top: 0;
}

@media (min-width: 768px) {
    .accionistas_bock .col-12.col-md-6 {
        padding-top: 4.5rem;
    }
}

.accionistas_bock .button_wrap {
    margin-top: 0;
}

@media (min-width: 992px) {
    .accionistas_bock .button_wrap {
        margin-top: 6rem;
    }
}

iframe.accionistas_bock__iframe {
    height: 400px;
}

@media (min-width: 768px) {
    iframe.accionistas_bock__iframe {
        height: 430px;
    }
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.c-timeline {
    white-space: nowrap;
    overflow-x: hidden;
    width: 100%;
}

.c-timeline *,
.c-timeline *::before,
.c-timeline *::after {
    box-sizing: border-box;
}

.c-timeline.disabled {
    opacity: .5;
}

@media (min-width: 1200px) {
    .c-timeline--marca {
        padding: 0 90px;
    }
}

@media (max-width: 1200px) {
    .c-timeline--marca .c-timeline__item:not(:first-child) {
        min-height: 100px;
        margin-top: 60px;
    }
    .c-timeline--marca .c-timeline__year {
        background: white;
        height: 80px;
        width: 80px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.75);
    }
    .c-timeline--marca .c-timeline__text {
        top: 16px;
        display: inline-block;
        padding-left: 16px;
        max-width: calc(100% - 100px);
    }
    .c-timeline--marca .c-timeline__marker {
        max-width: 90px;
        vertical-align: top;
        float: left;
    }
}

.c-timeline__container {
    transition: all 1s;
    display: block;
    position: relative;
}

@media (max-width: 1200px) {
    .c-timeline__container {
        background-image: url("images/dashed_vertical.png");
        background-repeat: repeat-y;
        background-position: 58px 0;
        padding-left: 20px;
        padding-top: 1rem;
    }
    .c-timeline__container--xl {
        padding-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .c-timeline__container {
        font-size: 0;
        padding: 240px 0;
        cursor: grab;
    }
    .c-timeline__container--xl {
        padding: 350px 0;
    }
    .c-timeline--marca .c-timeline__container--xl {
        padding: 316px 0;
    }
    .c-timeline__container::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        height: 3px;
        width: 100%;
        background-image: url("images/dashed.png");
        background-repeat: repeat-x;
    }
}

.c-timeline__item {
    position: relative;
    list-style-type: none;
    transition: opacity 1.2s ease-in;
}

@media (min-width: 1200px) {
    .c-timeline__item {
        display: inline-block;
        width: 200px;
    }
    .c-timeline__item:last-child {
        width: 280px;
    }
    .c-timeline__item:not(:first-child) {
        margin-left: 14px;
    }
    .c-timeline__item--grey-bar,
    .c-timeline__item--red-bar,
    .c-timeline__item--yellow-bar {
        opacity: 1 !important;
    }
    .c-timeline__item--grey-bar::after {
        content: '';
        display: block;
        height: 15px;
        width: 170px;
        background: #575756;
        position: absolute;
        top: -7px;
        left: 13px;
    }
    .c-timeline__item--red-bar::after {
        content: '';
        display: block;
        height: 15px;
        width: 722px;
        background: #E55A2B;
        position: absolute;
        top: -7px;
        left: 13px;
    }
    .c-timeline__item--yellow-bar::after {
        content: '';
        display: block;
        height: 15px;
        width: 525px;
        background: #F2BE11;
        position: absolute;
        top: -7px;
        left: 30px;
    }
}

@media (max-width: 1200px) {
    .c-timeline__item--title {
        padding-top: 20px;
        display: table;
    }
    .c-timeline__item--grey-bar {
        padding-bottom: 100px;
    }
    .c-timeline__item--grey-bar::after {
        content: '';
        display: block;
        height: 155px;
        width: 16px;
        background: #575756;
        position: absolute;
        top: 0;
        left: 32px;
        background-image: url("images/dashed_vertical.png");
        background-repeat: repeat-y;
        background-position: 6px;
        z-index: 1;
    }
    .c-timeline__item--red-bar {
        padding-bottom: 60px;
    }
    .c-timeline__item--red-bar::after {
        content: '';
        display: block;
        height: 1230px;
        width: 16px;
        background: #E55A2B;
        position: absolute;
        top: 0;
        left: 32px;
        background-image: url("images/dashed_vertical.png");
        background-repeat: repeat-y;
        background-position: 6px;
        z-index: 1;
    }
    .c-timeline__item--red-bar-mob::after {
        content: '';
        display: block;
        height: 730px;
        width: 16px;
        background: #E55A2B;
        position: absolute;
        bottom: 20px;
        left: 32px;
        background-image: url("images/dashed_vertical.png");
        background-repeat: repeat-y;
        background-position: 6px;
        z-index: 1;
    }
    .c-timeline__item--yellow-bar::after {
        content: '';
        display: block;
        height: 600px;
        width: 16px;
        background: #F2BE11;
        position: absolute;
        top: 0;
        left: 32px;
        background-image: url("images/dashed_vertical.png");
        background-repeat: repeat-y;
        background-position: 6px;
    }
    .c-timeline__item--yellow-bar-mob::after {
        content: '';
        display: block;
        height: 430px;
        width: 16px;
        background: #F2BE11;
        position: absolute;
        bottom: -30px;
        left: 32px;
        background-image: url("images/dashed_vertical.png");
        background-repeat: repeat-y;
        background-position: 6px;
        z-index: 1;
    }
}

.c-timeline__item-content {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    white-space: normal;
    color: #000;
    z-index: 2;
}

@media (max-width: 1200px) {
    .c-timeline__item-content {
        position: relative;
    }
}

@media (min-width: 1200px) {
    .c-timeline__item-content {
        font-size: 1.2rem;
        position: absolute;
        left: 0;
        top: calc(100% + 10px);
        width: 350px;
    }
    .c-timeline__item-content--top {
        top: -6px;
        transform: translateY(-100%);
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .c-timeline__item-content--right {
        align-items: flex-end;
        text-align: right;
    }
}

.c-timeline__marker {
    display: flex;
}

@media (max-width: 1200px) {
    .c-timeline__marker {
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: start;
    }
    .c-timeline__marker--mob {
        visibility: hidden;
        padding-top: 30px;
    }
}

@media (min-width: 1200px) {
    .c-timeline__marker {
        height: 80px;
        align-items: flex-end;
        margin-bottom: 16px;
    }
    .c-timeline__marker--top {
        align-items: flex-start;
        margin: 12px 0 0 0;
    }
    .c-timeline__marker--right {
        justify-content: flex-end;
    }
    .c-timeline__marker--mb {
        margin-bottom: 8px;
    }
    .c-timeline__marker--bar-sm {
        height: 40px;
    }
    .c-timeline__marker--bar-xl {
        height: 160px;
    }
    .c-timeline__marker--bar-xxl {
        height: 180px;
    }
}

.c-timeline__text {
    font-size: 1.4rem;
    margin: 0;
    max-width: 99%;
}

@media (max-width: 1200px) {
    .c-timeline__text {
        padding-left: 100px;
        position: relative;
        top: -45px;
        font-size: 1.6rem;
    }
    .c-timeline__text--grey-bar {
        margin-left: 11px;
        padding-left: 15px;
        position: relative;
    }
    .c-timeline__text--grey-bar::after {
        content: '';
        display: block;
        background: #575756;
        height: 100%;
        width: 8px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .c-timeline__text--mob {
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .c-timeline__text--xs {
        font-size: 1.4rem;
    }
    .c-timeline__text--grey-bar {
        margin-left: 11px;
        padding-left: 15px;
        position: relative;
    }
    .c-timeline__text--grey-bar::after {
        content: '';
        display: block;
        background: #575756;
        height: 60px;
        width: 8px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .c-timeline__text--no-bar {
        margin-left: 11px;
        position: relative;
    }
    .c-timeline__text--nb-right {
        margin-right: 11px;
        position: relative;
    }
    .c-timeline__text--bk-blue {
        background: #0099D7;
        padding: 10px;
        color: white;
        width: 100%;
        text-align: center;
    }
    .c-timeline__text--1982 {
        position: relative;
        left: 100px;
    }
    .c-timeline__text--2013 {
        position: relative;
        top: 105px;
    }
}

.c-timeline__sub-text {
    display: block;
    margin-top: 35px;
}

@media (min-width: 1200px) {
    .c-timeline__sub-text::after {
        content: '';
        display: block;
        height: 20px;
        width: 1px;
        position: absolute;
        background: #000;
        top: 48px;
        left: -1px;
    }
    .c-timeline__sub-text--revert::after {
        right: 4px;
        left: auto;
    }
}

.c-timeline__year {
    display: inline-block;
    font-family: "Open Sans Bold", sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
    position: relative;
}

@media (max-width: 1200px) {
    .c-timeline__year {
        padding: 8px 20px;
        font-size: 1.6rem;
    }
}

@media (min-width: 1200px) {
    .c-timeline__year {
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin: auto 30px 0 0;
    }
    .c-timeline__year::before {
        content: '';
        height: 16px;
        width: 16px;
        display: block;
        z-index: 2;
        position: absolute;
        right: -22px;
        top: -82px;
        border-radius: 100%;
        border: 1px solid #fff;
        background: #F2BE11;
    }
    .c-timeline__year::after {
        content: '';
        height: 90px;
        width: 1px;
        background-color: #000;
        display: block;
        position: absolute;
        top: -70px;
        right: -15px;
    }
    .c-timeline__year--xs {
        font-size: 1.4rem;
    }
    .c-timeline__year--top {
        margin: 0 30px auto 0;
    }
    .c-timeline__year--top::before {
        top: auto;
        bottom: -82px;
    }
    .c-timeline__year--top::after {
        top: 0;
        bottom: auto;
    }
    .c-timeline__year--blue::before {
        background: #0099D7;
    }
    .c-timeline__year--revert {
        margin: auto 0 0 25px;
    }
    .c-timeline__year--revert::before {
        right: auto;
        left: -22px;
    }
    .c-timeline__year--revert::after {
        right: auto;
        left: -15px;
    }
    .c-timeline__year--top-right {
        margin: 0 0 auto 15px;
    }
    .c-timeline__year--top-right::before {
        top: auto;
        bottom: -82px;
        right: auto;
        left: -22px;
    }
    .c-timeline__year--top-right::after {
        top: 0;
        bottom: auto;
        right: auto;
        left: -15px;
    }
    .c-timeline__year--bar-sm::before {
        content: '';
        right: -22px;
        top: -42px;
    }
    .c-timeline__year--bar-sm::after {
        content: '';
        height: 55px;
        top: -38px;
        right: -15px;
    }
    .c-timeline__year--bar-xl::before {
        content: '';
        right: -22px;
        top: -162px;
    }
    .c-timeline__year--bar-xl::after {
        content: '';
        height: 170px;
        width: 1px;
        top: -150px;
        right: -15px;
    }
    .c-timeline__year--bar-xxl::before {
        content: '';
        right: -22px;
        top: -182px;
    }
    .c-timeline__year--bar-xxl::after {
        content: '';
        height: 190px;
        width: 1px;
        top: -170px;
        right: -15px;
    }
    .c-timeline__year--bar-smTop::before {
        top: auto;
        bottom: -42px;
    }
    .c-timeline__year--bar-smTop::after {
        top: 0;
        bottom: auto;
        height: 55px;
    }
}

@media (max-width: 1200px) {
    .c-timeline__container-icon {
        background: white;
        height: 80px;
        width: 80px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.75);
    }
}

.c-timeline__icon {
    display: inline-block;
}

@media (max-width: 1200px) {
    .c-timeline__icon {
        max-width: 90%;
    }
}

.c-timeline__image {
    max-width: 100%;
}

@media (max-width: 1200px) {
    .c-timeline__image {
        padding: 0 !important;
        display: block;
        position: relative;
        margin-left: 98px;
        top: 28px;
    }
    .c-timeline__image--2018a {
        margin: 0 0 0 0;
        padding-bottom: 10px !important;
    }
}

@media (min-width: 1200px) {
    .c-timeline__image--1918 {
        position: absolute;
        left: -190px;
        top: 2px;
    }
    .c-timeline__image--1935 {
        position: absolute;
        right: -120px;
        top: 0;
    }
    .c-timeline__image--1975 {
        position: absolute;
        left: -135px;
        top: 0;
    }
    .c-timeline__image--1982 {
        position: absolute;
        top: 0;
        left: 0;
    }
    .c-timeline__image--1983 {
        position: absolute;
        bottom: 0;
    }
    .c-timeline__image--1996 {
        min-width: 250px;
        left: -75px;
        position: relative;
    }
    .c-timeline__image--1997 {
        position: absolute;
        top: 0;
        right: 15px;
    }
    .c-timeline__image--2004 {
        position: absolute;
        top: -70px;
        right: -108px;
    }
    .c-timeline__image--2013 {
        position: absolute;
        left: 10px;
        top: 90px;
    }
    .c-timeline__image--2018a {
        position: absolute;
        left: -30px;
        top: -35px;
    }
    .c-timeline__image--2018b {
        padding: 10px;
    }
    .c-timeline__image--2020 {
        position: absolute;
        left: -18px;
        top: 168px;
    }
}

.c-timeline__title {
    display: block;
    clear: both;
    color: #0099D7;
    font-weight: 600;
    font-size: 1.2rem;
    font-family: "Open Sans Bold", sans-serif;
    margin-bottom: 6px;
}

@media (min-width: 1200px) {
    .c-timeline__title {
        font-size: 1.4rem;
    }
}

.c-timeline__main-title {
    font-family: "Open Sans", sans-serif;
    color: #0099D7;
    font-size: 2.5rem;
    white-space: normal;
    z-index: 2;
}

@media (max-width: 1200px) {
    .c-timeline__main-title {
        padding-left: 90px;
    }
}

@media (min-width: 1200px) {
    .c-timeline__main-title {
        position: absolute;
        top: -255px;
        width: 520px;
        left: -74px;
    }
    .c-timeline__main-title--b {
        left: -125px;
    }
    .c-timeline__main-title--c {
        left: 30px;
    }
}

.c-timeline__info {
    font-family: "Open Sans", sans-serif;
    white-space: normal;
    z-index: 2;
}

@media (min-width: 1200px) {
    .c-timeline__info {
        position: absolute;
        width: 176px;
        right: 0;
        top: 182px;
        text-align: right;
        font-size: 1.4rem;
    }
}

@media (max-width: 1200px) {
    .c-timeline__info {
        margin-left: 95px;
        position: relative;
    }
    .c-timeline__arrows {
        display: none;
    }
}

.c-timeline__info::before {
    content: '';
    display: block;
    background: #E55A2B;
    height: 100%;
    width: 8px;
    position: absolute;
    top: 0;
}

@media (max-width: 1200px) {
    .c-timeline__info::before {
        left: -15px;
    }
}

@media (min-width: 1200px) {
    .c-timeline__info::before {
        height: 60px;
        right: -15px;
    }
}

.c-timeline__info2 {
    font-family: "Open Sans", sans-serif;
    white-space: normal;
    z-index: 2;
}

@media (max-width: 1200px) {
    .c-timeline__info2 {
        margin-left: 120px;
        position: relative;
    }
}

@media (min-width: 1200px) {
    .c-timeline__info2 {
        position: absolute;
        width: 170px;
        left: 0;
        top: 20px;
        /*60*/
        font-size: 1.4rem;
    }
}

.c-timeline__info2::before {
    content: '';
    display: block;
    background: #F2BE11;
    height: 188px;
    width: 8px;
    position: absolute;
    top: 28px;
    left: -15px;
}

@media (max-width: 1200px) {
    .c-timeline__info2::before {
        height: 88%;
    }
}

.c-timeline__info2-year {
    font-family: "Open Sans Bold", sans-serif;
    display: block;
    position: relative;
    left: -15px;
    margin-bottom: 5px;
}

.c-timeline__icon-start {
    position: absolute;
}

@media (min-width: 1200px) {
    .c-timeline__icon-start {
        top: -5px;
        left: -50px;
    }
}

@media (max-width: 1200px) {
    .c-timeline__icon-start {
        top: -43px;
        left: 13px;
        transform: rotate(90deg);
    }
}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.c-timeline__arrows {
    z-index: 2;
    text-align: center;
    width: 100%;
    margin: 0 auto 20px;
}

.c-timeline__arrow {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
}

.c-timeline__arrow--prev {
    margin-right: 5px;
}

.c-timeline__arrow.disabled {
    opacity: 0.6;
}


/* HELPERS */

.mv-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mh-10 {
    padding-left: 10px;
    padding-right: 10px;
}


/*timeline zoom texto*/

.text-zoomx2 .c-timeline__item {
    min-width: 15rem;
}

.text-zoomx2 .c-timeline__arrows {
    text-align: left;
    z-index: 4;
    position: absolute;
    bottom: .2rem;
}

.text-zoomx2 .c-timeline.c-timeline--innovation {
    height: 800px;
    padding-top: 25rem;
}


/*******************************
    Circle chart 
********************************/

.c-progress {
    width: 15rem;
    height: 15rem;
    line-height: 15rem;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

.c-progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1.4rem solid #BFBFBF;
    position: absolute;
    top: 0;
    left: 0;
}

.c-progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.c-progress .c-progress-left {
    left: 0;
}

.c-progress .c-progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 1.4rem;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #009AD8;
}

.c-progress .c-progress-left .c-progress-bar {
    left: 100%;
    border-top-right-radius: 7.5rem;
    border-bottom-right-radius: 7.5rem;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.c-progress .c-progress-right {
    right: 0;
}

.c-progress .c-progress-right .c-progress-bar {
    left: -100%;
    border-top-left-radius: 7.5rem;
    border-bottom-left-radius: 7.5rem;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.c-progress .c-progress-info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.c-progress .c-progress-info img {
    height: 60px;
    width: auto;
}

.c-progress .c-progress-info span span.paragraph--small {
    font-size: 1.8rem;
}


/*circulo rojo*/

.c-progress-red .c-progress-bar {
    border-color: #CF3B3B;
}

.c-progress-value {
    display: none;
}


/* Este bucle crea los nombres de animación CSS necesarios
Debemos usar las animaciones en cada lado. 
*/

.c-progress[data-percentage="1"] .c-progress-right .c-progress-bar {
    animation: loading-1 1.5s linear forwards;
}

.c-progress[data-percentage="1"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="2"] .c-progress-right .c-progress-bar {
    animation: loading-2 1.5s linear forwards;
}

.c-progress[data-percentage="2"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="3"] .c-progress-right .c-progress-bar {
    animation: loading-3 1.5s linear forwards;
}

.c-progress[data-percentage="3"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="4"] .c-progress-right .c-progress-bar {
    animation: loading-4 1.5s linear forwards;
}

.c-progress[data-percentage="4"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="5"] .c-progress-right .c-progress-bar {
    animation: loading-5 1.5s linear forwards;
}

.c-progress[data-percentage="5"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="6"] .c-progress-right .c-progress-bar {
    animation: loading-6 1.5s linear forwards;
}

.c-progress[data-percentage="6"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="7"] .c-progress-right .c-progress-bar {
    animation: loading-7 1.5s linear forwards;
}

.c-progress[data-percentage="7"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="8"] .c-progress-right .c-progress-bar {
    animation: loading-8 1.5s linear forwards;
}

.c-progress[data-percentage="8"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="9"] .c-progress-right .c-progress-bar {
    animation: loading-9 1.5s linear forwards;
}

.c-progress[data-percentage="9"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="10"] .c-progress-right .c-progress-bar {
    animation: loading-10 1.5s linear forwards;
}

.c-progress[data-percentage="10"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="11"] .c-progress-right .c-progress-bar {
    animation: loading-11 1.5s linear forwards;
}

.c-progress[data-percentage="11"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="12"] .c-progress-right .c-progress-bar {
    animation: loading-12 1.5s linear forwards;
}

.c-progress[data-percentage="12"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="13"] .c-progress-right .c-progress-bar {
    animation: loading-13 1.5s linear forwards;
}

.c-progress[data-percentage="13"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="14"] .c-progress-right .c-progress-bar {
    animation: loading-14 1.5s linear forwards;
}

.c-progress[data-percentage="14"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="15"] .c-progress-right .c-progress-bar {
    animation: loading-15 1.5s linear forwards;
}

.c-progress[data-percentage="15"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="16"] .c-progress-right .c-progress-bar {
    animation: loading-16 1.5s linear forwards;
}

.c-progress[data-percentage="16"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="17"] .c-progress-right .c-progress-bar {
    animation: loading-17 1.5s linear forwards;
}

.c-progress[data-percentage="17"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="18"] .c-progress-right .c-progress-bar {
    animation: loading-18 1.5s linear forwards;
}

.c-progress[data-percentage="18"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="19"] .c-progress-right .c-progress-bar {
    animation: loading-19 1.5s linear forwards;
}

.c-progress[data-percentage="19"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="20"] .c-progress-right .c-progress-bar {
    animation: loading-20 1.5s linear forwards;
}

.c-progress[data-percentage="20"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="21"] .c-progress-right .c-progress-bar {
    animation: loading-21 1.5s linear forwards;
}

.c-progress[data-percentage="21"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="22"] .c-progress-right .c-progress-bar {
    animation: loading-22 1.5s linear forwards;
}

.c-progress[data-percentage="22"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="23"] .c-progress-right .c-progress-bar {
    animation: loading-23 1.5s linear forwards;
}

.c-progress[data-percentage="23"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="24"] .c-progress-right .c-progress-bar {
    animation: loading-24 1.5s linear forwards;
}

.c-progress[data-percentage="24"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="25"] .c-progress-right .c-progress-bar {
    animation: loading-25 1.5s linear forwards;
}

.c-progress[data-percentage="25"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="26"] .c-progress-right .c-progress-bar {
    animation: loading-26 1.5s linear forwards;
}

.c-progress[data-percentage="26"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="27"] .c-progress-right .c-progress-bar {
    animation: loading-27 1.5s linear forwards;
}

.c-progress[data-percentage="27"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="28"] .c-progress-right .c-progress-bar {
    animation: loading-28 1.5s linear forwards;
}

.c-progress[data-percentage="28"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="29"] .c-progress-right .c-progress-bar {
    animation: loading-29 1.5s linear forwards;
}

.c-progress[data-percentage="29"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="30"] .c-progress-right .c-progress-bar {
    animation: loading-30 1.5s linear forwards;
}

.c-progress[data-percentage="30"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="31"] .c-progress-right .c-progress-bar {
    animation: loading-31 1.5s linear forwards;
}

.c-progress[data-percentage="31"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="32"] .c-progress-right .c-progress-bar {
    animation: loading-32 1.5s linear forwards;
}

.c-progress[data-percentage="32"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="33"] .c-progress-right .c-progress-bar {
    animation: loading-33 1.5s linear forwards;
}

.c-progress[data-percentage="33"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="34"] .c-progress-right .c-progress-bar {
    animation: loading-34 1.5s linear forwards;
}

.c-progress[data-percentage="34"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="35"] .c-progress-right .c-progress-bar {
    animation: loading-35 1.5s linear forwards;
}

.c-progress[data-percentage="35"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="36"] .c-progress-right .c-progress-bar {
    animation: loading-36 1.5s linear forwards;
}

.c-progress[data-percentage="36"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="37"] .c-progress-right .c-progress-bar {
    animation: loading-37 1.5s linear forwards;
}

.c-progress[data-percentage="37"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="38"] .c-progress-right .c-progress-bar {
    animation: loading-38 1.5s linear forwards;
}

.c-progress[data-percentage="38"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="39"] .c-progress-right .c-progress-bar {
    animation: loading-39 1.5s linear forwards;
}

.c-progress[data-percentage="39"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="40"] .c-progress-right .c-progress-bar {
    animation: loading-40 1.5s linear forwards;
}

.c-progress[data-percentage="40"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="41"] .c-progress-right .c-progress-bar {
    animation: loading-41 1.5s linear forwards;
}

.c-progress[data-percentage="41"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="42"] .c-progress-right .c-progress-bar {
    animation: loading-42 1.5s linear forwards;
}

.c-progress[data-percentage="42"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="43"] .c-progress-right .c-progress-bar {
    animation: loading-43 1.5s linear forwards;
}

.c-progress[data-percentage="43"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="44"] .c-progress-right .c-progress-bar {
    animation: loading-44 1.5s linear forwards;
}

.c-progress[data-percentage="44"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="45"] .c-progress-right .c-progress-bar {
    animation: loading-45 1.5s linear forwards;
}

.c-progress[data-percentage="45"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="46"] .c-progress-right .c-progress-bar {
    animation: loading-46 1.5s linear forwards;
}

.c-progress[data-percentage="46"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="47"] .c-progress-right .c-progress-bar {
    animation: loading-47 1.5s linear forwards;
}

.c-progress[data-percentage="47"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="48"] .c-progress-right .c-progress-bar {
    animation: loading-48 1.5s linear forwards;
}

.c-progress[data-percentage="48"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="49"] .c-progress-right .c-progress-bar {
    animation: loading-49 1.5s linear forwards;
}

.c-progress[data-percentage="49"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="50"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="50"] .c-progress-left .c-progress-bar {
    animation: 0;
}

.c-progress[data-percentage="51"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="51"] .c-progress-left .c-progress-bar {
    animation: loading-1 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="52"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="52"] .c-progress-left .c-progress-bar {
    animation: loading-2 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="53"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="53"] .c-progress-left .c-progress-bar {
    animation: loading-3 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="54"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="54"] .c-progress-left .c-progress-bar {
    animation: loading-4 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="55"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="55"] .c-progress-left .c-progress-bar {
    animation: loading-5 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="56"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="56"] .c-progress-left .c-progress-bar {
    animation: loading-6 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="57"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="57"] .c-progress-left .c-progress-bar {
    animation: loading-7 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="58"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="58"] .c-progress-left .c-progress-bar {
    animation: loading-8 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="59"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="59"] .c-progress-left .c-progress-bar {
    animation: loading-9 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="60"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="60"] .c-progress-left .c-progress-bar {
    animation: loading-10 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="61"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="61"] .c-progress-left .c-progress-bar {
    animation: loading-11 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="62"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="62"] .c-progress-left .c-progress-bar {
    animation: loading-12 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="63"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="63"] .c-progress-left .c-progress-bar {
    animation: loading-13 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="64"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="64"] .c-progress-left .c-progress-bar {
    animation: loading-14 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="65"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="65"] .c-progress-left .c-progress-bar {
    animation: loading-15 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="66"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="66"] .c-progress-left .c-progress-bar {
    animation: loading-16 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="67"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="67"] .c-progress-left .c-progress-bar {
    animation: loading-17 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="68"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="68"] .c-progress-left .c-progress-bar {
    animation: loading-18 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="69"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="69"] .c-progress-left .c-progress-bar {
    animation: loading-19 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="70"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="70"] .c-progress-left .c-progress-bar {
    animation: loading-20 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="71"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="71"] .c-progress-left .c-progress-bar {
    animation: loading-21 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="72"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="72"] .c-progress-left .c-progress-bar {
    animation: loading-22 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="73"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="73"] .c-progress-left .c-progress-bar {
    animation: loading-23 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="74"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="74"] .c-progress-left .c-progress-bar {
    animation: loading-24 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="75"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="75"] .c-progress-left .c-progress-bar {
    animation: loading-25 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="76"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="76"] .c-progress-left .c-progress-bar {
    animation: loading-26 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="77"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="77"] .c-progress-left .c-progress-bar {
    animation: loading-27 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="78"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="78"] .c-progress-left .c-progress-bar {
    animation: loading-28 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="79"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="79"] .c-progress-left .c-progress-bar {
    animation: loading-29 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="80"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="80"] .c-progress-left .c-progress-bar {
    animation: loading-30 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="81"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="81"] .c-progress-left .c-progress-bar {
    animation: loading-31 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="82"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="82"] .c-progress-left .c-progress-bar {
    animation: loading-32 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="83"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="83"] .c-progress-left .c-progress-bar {
    animation: loading-33 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="84"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="84"] .c-progress-left .c-progress-bar {
    animation: loading-34 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="85"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="85"] .c-progress-left .c-progress-bar {
    animation: loading-35 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="86"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="86"] .c-progress-left .c-progress-bar {
    animation: loading-36 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="87"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="87"] .c-progress-left .c-progress-bar {
    animation: loading-37 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="88"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="88"] .c-progress-left .c-progress-bar {
    animation: loading-38 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="89"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="89"] .c-progress-left .c-progress-bar {
    animation: loading-39 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="90"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="90"] .c-progress-left .c-progress-bar {
    animation: loading-40 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="91"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="91"] .c-progress-left .c-progress-bar {
    animation: loading-41 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="92"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="92"] .c-progress-left .c-progress-bar {
    animation: loading-42 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="93"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="93"] .c-progress-left .c-progress-bar {
    animation: loading-43 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="94"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="94"] .c-progress-left .c-progress-bar {
    animation: loading-44 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="95"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="95"] .c-progress-left .c-progress-bar {
    animation: loading-45 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="96"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="96"] .c-progress-left .c-progress-bar {
    animation: loading-46 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="97"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="97"] .c-progress-left .c-progress-bar {
    animation: loading-47 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="98"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="98"] .c-progress-left .c-progress-bar {
    animation: loading-48 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="99"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="99"] .c-progress-left .c-progress-bar {
    animation: loading-49 1.5s linear forwards 1.5s;
}

.c-progress[data-percentage="100"] .c-progress-right .c-progress-bar {
    animation: loading-50 1.5s linear forwards;
}

.c-progress[data-percentage="100"] .c-progress-left .c-progress-bar {
    animation: loading-50 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(3.6);
        transform: rotate(3.6deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(7.2);
        transform: rotate(7.2deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(10.8);
        transform: rotate(10.8deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(14.4);
        transform: rotate(14.4deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(18);
        transform: rotate(18deg);
    }
}

@keyframes loading-6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(21.6);
        transform: rotate(21.6deg);
    }
}

@keyframes loading-7 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(25.2);
        transform: rotate(25.2deg);
    }
}

@keyframes loading-8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(28.8);
        transform: rotate(28.8deg);
    }
}

@keyframes loading-9 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(32.4);
        transform: rotate(32.4deg);
    }
}

@keyframes loading-10 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@keyframes loading-11 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(39.6);
        transform: rotate(39.6deg);
    }
}

@keyframes loading-12 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(43.2);
        transform: rotate(43.2deg);
    }
}

@keyframes loading-13 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(46.8);
        transform: rotate(46.8deg);
    }
}

@keyframes loading-14 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(50.4);
        transform: rotate(50.4deg);
    }
}

@keyframes loading-15 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(54);
        transform: rotate(54deg);
    }
}

@keyframes loading-16 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(57.6);
        transform: rotate(57.6deg);
    }
}

@keyframes loading-17 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(61.2);
        transform: rotate(61.2deg);
    }
}

@keyframes loading-18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(64.8);
        transform: rotate(64.8deg);
    }
}

@keyframes loading-19 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(68.4);
        transform: rotate(68.4deg);
    }
}

@keyframes loading-20 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@keyframes loading-21 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(75.6);
        transform: rotate(75.6deg);
    }
}

@keyframes loading-22 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(79.2);
        transform: rotate(79.2deg);
    }
}

@keyframes loading-23 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(82.8);
        transform: rotate(82.8deg);
    }
}

@keyframes loading-24 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(86.4);
        transform: rotate(86.4deg);
    }
}

@keyframes loading-25 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90);
        transform: rotate(90deg);
    }
}

@keyframes loading-26 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(93.6);
        transform: rotate(93.6deg);
    }
}

@keyframes loading-27 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(97.2);
        transform: rotate(97.2deg);
    }
}

@keyframes loading-28 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(100.8);
        transform: rotate(100.8deg);
    }
}

@keyframes loading-29 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(104.4);
        transform: rotate(104.4deg);
    }
}

@keyframes loading-30 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@keyframes loading-31 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(111.6);
        transform: rotate(111.6deg);
    }
}

@keyframes loading-32 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(115.2);
        transform: rotate(115.2deg);
    }
}

@keyframes loading-33 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(118.8);
        transform: rotate(118.8deg);
    }
}

@keyframes loading-34 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(122.4);
        transform: rotate(122.4deg);
    }
}

@keyframes loading-35 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(126);
        transform: rotate(126deg);
    }
}

@keyframes loading-36 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(129.6);
        transform: rotate(129.6deg);
    }
}

@keyframes loading-37 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(133.2);
        transform: rotate(133.2deg);
    }
}

@keyframes loading-38 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(136.8);
        transform: rotate(136.8deg);
    }
}

@keyframes loading-39 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(140.4);
        transform: rotate(140.4deg);
    }
}

@keyframes loading-40 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@keyframes loading-41 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(147.6);
        transform: rotate(147.6deg);
    }
}

@keyframes loading-42 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(151.2);
        transform: rotate(151.2deg);
    }
}

@keyframes loading-43 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(154.8);
        transform: rotate(154.8deg);
    }
}

@keyframes loading-44 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(158.4);
        transform: rotate(158.4deg);
    }
}

@keyframes loading-45 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(162);
        transform: rotate(162deg);
    }
}

@keyframes loading-46 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(165.6);
        transform: rotate(165.6deg);
    }
}

@keyframes loading-47 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(169.2);
        transform: rotate(169.2deg);
    }
}

@keyframes loading-48 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(172.8);
        transform: rotate(172.8deg);
    }
}

@keyframes loading-49 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(176.4);
        transform: rotate(176.4deg);
    }
}

@keyframes loading-50 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}


/*******************************
    Lines 
********************************/

.infographic--left-line {
    border-left: #009AD8 0.1rem solid;
    padding: 1.5rem;
}

.infographic--left-line .texto_izquierda img {
    margin: 0;
}

.infographic--left-line span.title_medium {
    font-size: 1.5rem;
}

.infographic--right-line {
    border-right: #009AD8 0.1rem solid;
    padding: 1.5rem;
}

.infographic--right-line .texto_derecha img {
    margin: 0;
}

.infographic--right-line span.title_medium {
    font-size: 1.5rem;
}

.infographic--right-line.last {
    border-right: 0;
}

.infographic--left-line-red {
    border-left: #CF3B3B 0.1rem solid;
    padding: 1.5rem;
}

.infographic--left-line-red .texto_izquierda img {
    margin: 0;
}

.infographic--left-line-red span.title_medium {
    font-size: 1.5rem;
}

.infographic--right-line-red {
    border-right: #CF3B3B 0.1rem solid;
    padding: 1.5rem;
}

.infographic--right-line-red .texto_derecha img {
    margin: 0;
}

.infographic--right-line-red span.title_medium {
    font-size: 1.5rem;
}

.col-md-2.infographic--right-line {
    padding: 0 0.5rem 0 1rem;
}


/*******************************
    Circle chart  3 colors
********************************/

@keyframes bake-pie {
    from {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

.article-block .pie-chart {
    font-family: "Open Sans", Arial;
}

.article-block .pie-chart__pie {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 0px auto;
}

.article-block .pie-chart__pie::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 180px;
    height: 180px;
    background: #FFF;
    border-radius: 50%;
    top: 10px;
    left: 10px;
}

.article-block .slice {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 103px);
    animation: bake-pie 1s;
}

.article-block .slice span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 103px);
}

.article-block .pie-info {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -50px;
    z-index: 9;
    text-align: center;
}

.article-block .pie-info p {
    margin-bottom: 1rem;
    font-size: 2.2rem;
    line-height: 1.1;
    font-weight: 600;
}

.article-block .pie-info p:last-child {
    margin-bottom: 0;
}

.article-block .pie-info strong {
    font-family: "Open Sans", sans-serif;
}

.article-block .pie-chart__legend {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.article-block .pie-chart__legend li {
    margin: 1.5em 0 !important;
    padding-left: 1em;
    border-left: 0.3em solid black;
    text-align: left;
    width: 50%;
}

.article-block .pie-chart__legend li:first-child {
    width: 100%;
}

.article-block .pie-chart__legend strong {
    display: block;
    font-size: 2.7rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.article-block .pie-chart__legend strong:after {
    content: "%";
}

.article-block .pie-charts {
    display: flex;
    flex-direction: row;
}

@media (max-width: 500px) {
    .article-block .pie-charts {
        flex-direction: column;
    }
}


/*******************************
    Dotted infographics
********************************/

.c-dotted-infografics-template {
    width: 100%;
    overflow-x: auto;
}

@media (min-width: 1200px) {
    .c-dotted-infografics-template {
        overflow-x: hidden;
    }
}

.c-dotted-infografics-template ul {
    text-align: left;
}

.c-dotted-infografics-template ul li {
    font-weight: 700;
    text-align: center;
    display: inline-block;
    width: 11.5rem;
    margin-bottom: 0;
    margin-left: 0;
}

.c-dotted-infografics-template ul li:last-child {
    text-align: left;
}

.c-dotted-infografics-template ul li .texto_aclarativo {
    font-size: 1.6rem;
}

.c-dotted-infografics-template .dotted-infografics-container {
    background: linear-gradient(90deg, #eee 11rem, #fff 11rem);
    padding: 1.5rem 1rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    min-width: 840px;
}

.c-dotted-infografics-template .dotted-infografics-container:last-child {
    margin: 0;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row {
    display: inline-block;
    border: 2.5px dotted #222222;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row.no-dotted {
    border: 0;
    padding: 0 2.5px;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container {
    margin-left: -0.8rem;
    width: auto;
    overflow: hidden;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table {
    border: 0;
    width: auto;
    min-width: auto;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0rem;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td {
    padding: 1rem 0.5rem 0.5rem;
    width: 100%;
    max-width: 10rem;
    border-right: 2.5px dotted #BFBFBF;
    border-top: 0;
    text-align: center;
    text-transform: uppercase;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td:last-child,
.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td:first-child {
    border: 0;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td:first-child {
    color: #FFFFFF;
    margin-right: 1rem;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td.bgk-red {
    background-color: #ff1528;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td.bgk-dark-red {
    background-color: #91193a;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td.bgk-yellow {
    background-color: #cf8d2b;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td.bgk-dark-blue {
    background-color: #1d3767;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title {
    display: flex;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--yellow {
    color: #cf8d2b;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--green {
    color: #5d9a4d;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--red {
    color: #ff1528;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--dark-red {
    color: #91193a;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--pink {
    color: #c01a80;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--orange {
    color: #cc5a17;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--dark-green-3 {
    color: #5a7741;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--default {
    color: #197EAE;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--blue {
    color: #009AD8;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title--dark-blue {
    color: #1d3767;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title p {
    display: inline-block;
    font-size: 0.8rem;
    font-family: "Open Sans Bold", sans-serif;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 0;
    letter-spacing: -0.5px;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td .title p:last-child {
    margin-left: 0.5rem;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td span {
    font-size: 2.7rem;
    line-height: 0.9;
    letter-spacing: -0.5px;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td img {
    margin-top: 1rem;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-row .table-container table tr td:nth-child(2) {
        padding-left: 1rem;
    }
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-info {
    line-height: 1;
    display: inline-block;
    margin-left: 0.5rem;
}

.c-dotted-infografics-template .dotted-infografics-container .dotted-infografics-info p {
    font-size: 1.2rem;
    letter-spacing: -0.5px;
}


/*******************************
    infographic pyramid
********************************/

.pyramid-lit {
    position: absolute;
    z-index: 1;
}

.pyramid__floating-message {
    position: absolute;
}

.pyramid__floating-message::before {
    color: #29c0f3;
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 712.02 712.02' version='1.1' preserveAspectRatio='xMinYMid' viewBox='0 0 712.02 712.02' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2327BCEA' d='m596.96 269.67-254.58-254.58c-20.079-20.079-52.644-20.079-72.723 0s-20.079 52.644 0 72.723l218.19 218.19-218.19 218.19c-20.079 20.079-20.079 52.644 0 72.723s52.644 20.079 72.723 0l254.58-254.58c20.079-20.029 20.079-52.593 0-72.672zm-306.1-15.416-202.11-213.02c-20.309-21.378-53.204-21.378-73.513 0s-20.309 56.058 0 77.462l165.37 174.29-165.37 174.29c-20.309 21.379-20.309 56.083 0 77.462s53.204 21.379 73.513 0l202.11-213.02c20.309-21.378 20.309-56.058 0-77.462z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    content: "";
    position: absolute;
    top: -1.8rem;
}

.pyramid-lit.pyramid-lit--15 {
    bottom: 0.3rem;
}

img.pyramid-img {
    width: 100%;
}

.pyramid__floating-message {
    font-size: 2.1rem;
    width: 21%;
    color: #29c0f3;
    top: 18%;
    left: 2%;
    line-height: 1.1;
}

.pyramid-wrap {
    position: relative;
}

.pyramid-main {
    position: relative;
}

.pyramid-lit.pyramid-lit--1 {
    top: 37%;
    left: 31%;
    color: #29c0f3;
    font-size: 1.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.pyramid-lit.pyramid-lit--2 {
    top: 31%;
    right: 53%;
    color: #ffffff;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    text-align: right;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

.pyramid-lit.pyramid-lit--3 {
    top: 34.5%;
    left: 49.5%;
    color: #ffffff;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

.pyramid-lit.pyramid-lit--4 {
    top: 37%;
    left: 64%;
    color: #29c0f3;
    font-size: 1.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.pyramid-lit.pyramid-lit--5 {
    top: 23%;
    left: 66%;
    color: #009ad8;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 1.2;
}

.pyramid-lit.pyramid-lit--6 {
    top: 60%;
    left: 22%;
    color: #29c0f3;
    font-size: 1.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.pyramid-lit.pyramid-lit--7 {
    top: 57%;
    right: 53%;
    color: #ffffff;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    text-align: right;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

.pyramid-lit.pyramid-lit--8 {
    top: 57%;
    left: 49.5%;
    color: #ffffff;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

.pyramid-lit.pyramid-lit--9 {
    top: 60%;
    left: 72%;
    color: #29c0f3;
    font-size: 1.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.pyramid-lit.pyramid-lit--10 {
    top: 78%;
    right: 53%;
    color: #ffffff;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    text-align: right;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

.pyramid-lit.pyramid-lit--11 {
    top: 78%;
    left: 49.5%;
    color: #ffffff;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

.pyramid-lit.pyramid-lit--12 {
    top: 72%;
    left: 82%;
    color: #8a8888;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 1.2;
}

.pyramid-lit.pyramid-lit--13 {
    top: 90.5%;
    left: 19%;
    color: #555;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.4;
}

.pyramid-lit.pyramid-lit--14 {
    top: 90.5%;
    right: 21%;
    color: #555;
    font-size: 1.2rem;
    text-align: right;
    line-height: 1.4;
}

@media only screen and (max-width: 1000px) {
    .pyramid-main {
        overflow: auto;
    }
    .pyramid-wrap {
        width: 1000px;
    }
}


/*******************************
    Infographic map
********************************/

.infografic-map--title {
    color: #009AD8;
    border-bottom: 1px solid #009AD8;
    display: flex;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    letter-spacing: -0.5px;
}

.infografic-map--title.spacer-top {
    padding-top: 0rem;
}

@media (min-width: 1200px) {
    .infografic-map--title.spacer-top {
        padding-top: 2.5rem;
    }
}

.infografic-map--title p {
    font-size: 1.3rem;
    line-height: 1.4;
    margin-bottom: 0 !important;
}

.infografic-map--title p:first-child {
    font-weight: 700;
    font-size: 3.2rem;
    margin-right: 0.5rem;
    line-height: 1.2;
    min-width: 2.8rem;
    text-align: center;
    border-bottom: solid 3px #009AD8;
    position: relative;
    top: 8px;
    line-height: 0.5;
    padding-bottom: 0.5rem;
}

.infografic-map--info {
    font-size: 1.2rem;
    line-height: 1.4;
}

ul.infografic-map--legend {
    width: 10rem;
    position: absolute;
    left: 0rem;
    bottom: 1rem;
    list-style: none;
}

ul.infografic-map--legend li {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1;
    display: inline-flex;
}

ul.infografic-map--legend li img {
    margin-right: 0.5rem !important;
    margin-bottom: 0 !important;
    height: 1rem !important;
}


/*******************************
   Flow Chart
********************************/

.flowchart__global-container {
    padding-top: 2rem;
    max-width: 360px;
    margin: auto;
}

.circle-text-container {
    position: relative;
    display: inline-block;
    height: 380px;
    width: 100%;
    text-align: center;
}

.circle-container {
    width: 300px;
    height: 300px;
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.circle__pie-logo {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 33.3%;
    right: 32.5%;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
}

.circle-segments-container {
    border: 2px solid #7d7a7a;
    display: inline-block;
    padding: 0.8rem;
    border-radius: 50%;
    position: relative;
}

.circle__pie-logo img {
    width: 100%;
    margin: 1rem auto;
}

.circle__pie {
    width: 150px;
    height: 150px;
    background: #fc0;
    position: absolute;
}

.circle__pie--first {
    background: #197EAE;
}

.circle__pie--second {
    background: #939393;
    border-left: 8px solid #fff;
    right: -0.6%;
}

.circle__pie--third {
    background: #939393;
    width: 200px;
    right: -19%;
    bottom: 12%;
    border-top: 8px solid #fff;
    -ms-transform: rotate(-19deg);
    /* IE 9 */
    transform: rotate(-19deg);
}

.circle__pie--fourth {
    background: #009AD8;
    height: 200px;
    width: 200px;
    bottom: -24%;
    right: 22%;
    border-right: 8px solid #fff;
    -ms-transform: rotate(-35deg);
    /* IE 9 */
    transform: rotate(-35deg);
}

.circle__pie--fifth {
    background: #197EAE;
    bottom: 0;
    height: 200px;
    border-top: 8px solid #fff;
    border-right: 8px solid #fff;
    -ms-transform: rotate(35deg) skewY(-18deg);
    /* IE 9 */
    transform: rotate(35deg) skewY(-18deg);
    left: -21%;
    top: 32%;
}

.circle-segment-delimiter {
    width: 1.1rem;
    height: 0.5rem;
    background: #fff;
    border-right: 2px solid #7d7a7a;
    border-left: 2px solid #7d7a7a;
    position: absolute;
}

.circle-segment-delimiter--top {
    right: 47.4%;
    z-index: 1;
    top: -2px;
}

.circle-segment-delimiter--bottom-left {
    left: 17.5%;
    z-index: 1;
    bottom: 10.5%;
    transform: rotate(35.5deg);
}

.circle-segment-delimiter--bottom-left:after {
    content: "";
    left: 0%;
    z-index: 1;
    bottom: 0;
    position: absolute;
    background: #fff;
    width: .6rem;
    height: 1rem;
    margin-bottom: -0.1rem;
}

.circle-segment-delimiter--bottom-right {
    right: 16%;
    z-index: 1;
    bottom: 11.5%;
    transform: rotate(-41deg);
}

.circle-segment-delimiter--bottom-right:after {
    content: "";
    left: 0%;
    z-index: 1;
    bottom: 0;
    position: absolute;
    background: #fff;
    width: .6rem;
    height: 1rem;
    margin-bottom: -0.2rem;
}

.circle-segments-literal {
    position: absolute;
    font-weight: bold;
    font-style: italic;
    font-size: 1.2rem;
}

.circle-segments-literal--left {
    position: absolute;
    top: 10%;
    transform: rotate(-46deg);
}

.circle-segments-literal--right {
    right: -6px;
    top: 10%;
    transform: rotate(46deg);
}

.circle-segments-literal--bottom {
    bottom: -26px;
    left: 39%;
}

.flowchart__container {
    margin-top: 3rem;
    position: relative;
    height: 300px;
    width: 100%;
    display: inline-block;
}

.flowchart__arrow-body {
    width: 100%;
    border-top: 0.2rem dotted black;
    position: relative;
}

.flowchart__arrow-head {
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 15px solid #030403;
    position: absolute;
    right: -18px;
    top: -5px;
}

.flowchart__plan-title {
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
}

.flowchart__plan-title--piechart {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1rem;
    text-align: center;
}

.flowchart__plan-body-outline {
    border: 3px dotted #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.3rem;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
}

.flowchart__plan-body-text p {
    width: 84px;
    font-size: 1rem;
    margin: 0 auto 0.5rem;
    line-height: 1.2rem;
}

.flowchart__plan-body-text p:last-child {
    margin-bottom: 0;
}

.flowchart__plan {
    position: absolute;
    bottom: 16%;
    transition: all 1s linear;
}

.flowchart__plan--a {
    left: 1%;
    top: 35%;
}

.flowchart__plan--a .flowchart__plan-title {
    width: 12rem;
}

.flowchart__plan--b {
    right: 1%;
}

.flowchart__arrow-container {
    transition: all 1s linear;
}

.flowchart__arrow-container--a {
    position: absolute;
    top: 10%;
    left: 10%;
    transform: rotate(120deg);
    width: 120px;
}

.flowchart__arrow-container--b {
    position: absolute;
    top: 15%;
    right: 9%;
    transform: rotate(-120deg);
    width: 120px;
    /* transition: all 1s linear; */
}

.flowchart__arrow-container--c {
    position: absolute;
    bottom: 59%;
    left: 42%;
    width: 50px;
}

.circle__pie-info {
    background: transparent;
    color: #fff;
    font-weight: bold;
    position: absolute;
    width: 6rem;
    z-index: 1;
    text-align: center;
}

.circle__pie-info p {
    font-size: 1.2rem;
    width: 80px;
}

.circle__pie-info--first {
    left: 20%;
    top: 11%;
}

.circle__pie-info--first.circle__pie-info p {
    width: 70px;
}

.circle__pie-info--second {
    right: 23%;
    top: 11%;
}

.circle__pie-info--third {
    right: 9%;
    top: 53%;
}

.circle__pie-info--fourth {
    right: 44%;
    bottom: 16%;
}

.circle__pie-info--fifth {
    left: 4%;
    bottom: 37%;
}

@media screen and (min-width: 768px) {
    .flowchart__global-container {
        max-width: 768px;
    }
    .circle-text-container {
        text-align: left;
        margin-top: 2rem;
        display: inline-block;
        width: 45%;
    }
    .flowchart__container {
        width: 50%;
    }
    .flowchart__plan-title--piechart {
        top: -4rem;
        margin-left: -5%;
    }
    .flowchart__plan--a {
        left: unset;
        right: 2.2%;
        top: -66%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 125px;
    }
    .flowchart__plan--b {
        left: unset;
        right: 2.2%;
        bottom: 0%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 125px;
    }
    .flowchart__arrow-container--a {
        transform: rotate(0deg);
        width: 330px;
        top: -10%;
        left: -29%;
    }
    .flowchart__arrow-container--b {
        transform: rotate(180deg);
        width: 230px;
        top: 56%;
        left: 2%;
    }
    .flowchart__arrow-container--c {
        width: 30px;
        transform: rotate(90deg);
        right: 14.5%;
        left: unset;
        bottom: 58%;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .flowchart__plan--a {
        right: -64%;
        left: 20rem;
    }
    .flowchart__plan--a .flowchart__plan-title {
        width: 14rem;
        margin-left: 9rem;
    }
    .flowchart__arrow-container--b {
        left: 0;
    }
    .flowchart__arrow-container--c {
        left: 77.5%;
        right: 0;
    }
    .flowchart__plan--a .flowchart__plan-body-outline {
        position: relative;
        right: -40%;
    }
    .flowchart__plan-body-text {
        margin-left: -3%;
    }
}


/*Donut charts*/

.donut-chart {
    margin: 4rem auto;
    position: relative;
}

.donut-chart--a {
    width: 250px;
    height: 250px;
}

.donut-chart--b {
    width: 200px;
    height: 200px;
    margin: 16rem auto;
}

.chart-dashed-line {
    border-top: 2px dashed #65c5eb;
    position: absolute;
}

.chart-dashed-line--top-right {
    transform: rotate(-85deg);
    right: -130px;
    top: 300px;
    width: 290px;
}

.chart-dashed-line--bot-left {
    transform: rotate(85deg);
    left: -130px;
    top: 300px;
    width: 290px;
}

.dc__info-text {
    position: absolute;
    font-weight: bold;
    font-size: 1.3rem;
    color: #929292;
}

.dc__info-text--a {
    padding: 0 0.2rem;
    border-bottom: 2px solid #bbb;
    top: -47px;
    right: 13px;
    text-align: center;
}

.dc__info-text--b {
    border-left: 2px solid #bbbbbb;
    border-bottom: 2px solid #bbbbbb;
    padding: 5rem .5rem .3rem;
    bottom: -80px;
    left: 37px;
    width: 315px;
}

.dc__info-text--c {
    top: -72px;
    right: 3px;
    border-bottom: 2px solid #bbbbbb;
}

.dc__info-text--d {
    right: -77px;
    top: 60px;
    border-bottom: 2px solid #bbb;
    padding-left: 2rem;
}

.dc__info-text--e {
    bottom: 0;
    right: -57px;
    border-bottom: 2px solid #bbb;
    padding-left: 2rem;
}

.dc__info-text--f {
    left: -151px;
    border-left: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
    padding: 5rem .5rem 0;
    bottom: -58px;
}

.dc__arrow--a {
    border-left: 2px solid #bbb;
    height: 50px;
    position: absolute;
    left: 50%;
}

.dc__arrow--c {
    border-left: 2px solid #bbbbbb;
    height: 27px;
    bottom: -27px;
    position: absolute;
}

.dc__arrow--e {
    border-bottom: 2px solid #bbb;
    position: absolute;
    width: 36px;
    left: -34px;
    transform: rotate(26deg);
    bottom: 6px;
}

.dc__circle {
    position: absolute;
    width: 8px;
    height: 8px;
    line-height: 8px;
    border-radius: 1rem;
    border: 2px solid #65c5eb;
    display: block;
    background: #fff;
}

.dc__circle--a {
    bottom: -2px;
    left: -4px;
}

.dc__circle--b {
    top: -1px;
    left: -4px;
}

.dc__circle--c {
    bottom: -5px;
    left: -4px;
}

.dc__circle--d {
    position: absolute;
    left: -5px;
    bottom: -5px;
}

.dc__circle--e {
    top: -3px;
}

.dc__circle--f {
    top: -4px;
    left: -5px;
}

.donut-chart__title {
    margin: 2rem 0 8rem;
    width: 100%;
    display: block;
    float: none;
}

.donut-chart__footer {
    margin: 7rem 0 4rem;
    width: 100%;
    display: block;
    text-align: left;
}

.donut-chart__main-container {
    display: block;
    width: 100%;
}

@media (min-width: 992px) {
    .donut-chart__main-container {
        text-align: center;
        margin: 2rem 0 4rem;
    }
    .donut-chart--a {
        display: inline-block;
    }
    .donut-chart--b {
        display: inline-block;
        margin: 1rem 10rem;
    }
    .chart-dashed-line--bot-left {
        transform: rotate(-6deg);
        left: 52%;
        top: 229px;
    }
    .chart-dashed-line--top-right {
        transform: rotate(-175deg);
        right: -171px;
        top: 16px;
        width: 290px;
    }
}


/*End Donut charts*/


/*******************************
   lienas de accion
********************************/

.circulo__cabcera {
    background-color: #00bbf2;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    top: -6%;
    right: 24%;
    padding: 1% 0 0 2%;
}

.circulo__cabcera img {
    vertical-align: middle;
}

.circulo__cabecera--texto {
    display: inline-block;
    margin: 0 0 2% 2%;
    vertical-align: middle;
}

.cabecera__texto--titulo {
    color: #ffffff;
    font-weight: bold;
}

.cabecera__texto {
    color: #ffffff;
    font-weight: "Open Sans", sans-serif;
}

.circulo__global-container {
    max-width: 768px;
    margin: 5% auto;
    border: 1px solid #d4d4d4;
    position: relative;
    padding: 5% 0;
}

.circulo-segmentos-container {
    display: inline-block;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    bottom: 4%;
    left: auto;
}

.circulo {
    width: 45px;
    height: 45px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    border: 1px solid #009AD8;
    background: #FFFFFF;
    display: inline;
    align-items: center;
}

.circulo__numero1 {
    top: 12%;
    left: 6%;
}

.circulo__numero2 {
    top: 12%;
    left: 67%;
}

.circulo__numero3 {
    top: 94%;
    left: 35%;
}

.circulo__numero4 {
    display: inline-block;
    position: relative;
}

.circulo__numero5 {
    display: inline-block;
    position: relative;
}

.rigth__texto-base--superior {
    display: inline-block;
    position: relative;
    max-width: 73%;
    margin: 0 0 0 5%;
}

.right__texto-base--inferior {
    display: inline-block;
    position: relative;
    max-width: 73%;
    margin: 0 0 0 5%;
}

.circulo__numero--texto {
    color: #009AD8;
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
}

.circulo-texto-container {
    position: relative;
    display: inline-block;
    height: 265px;
    width: 100%;
    text-align: center;
    background-color: #f2f2f2;
    top: 2rem;
}

.circulo-container {
    width: 300px;
    height: 300px;
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.circulo__base-logo {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 33.3%;
    right: 32.5%;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.3);
}

.circulo__base-logo img {
    width: 100%;
    margin: 1rem auto;
}

.circulo__base {
    width: 150px;
    height: 150px;
    background: #fc0;
    position: absolute;
}

.circulo__base--primera-region {
    background: #fff;
    border-left: 4px solid #fff;
    right: 42%;
    width: 250px;
    height: 258px;
    transform: rotate(-83deg);
    -ms-transform: rotate(-83deg);
    /* IE 9 */
    bottom: 23%;
    box-shadow: 0 7px 7px #f2f2f2;
}

.circulo__base--segunda-region {
    background: #fff;
    border-left: 4px solid #f2f2f2;
    right: -32%;
    width: 274px;
    height: 202px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    bottom: 24%;
    box-shadow: 0 7px 7px #f2f2f2;
}

.circulo__base--tercera-region {
    background: #fff;
    height: 341px;
    width: 186px;
    bottom: -56%;
    right: 37%;
    border: 4px solid #f2f2f2;
    transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    /* IE 9 */
    box-shadow: 0 7px 7px #f2f2f2;
}

.right__container {
    margin-top: 3rem;
    position: relative;
    height: 300px;
    width: 100%;
    display: inline-block;
}

.right__numero-sombra {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.3rem;
    width: 37rem;
    height: 12rem;
    background-color: #f2f2f2;
    text-align: center;
    position: relative;
    left: 51%;
    padding-left: 12rem;
}

.right__numero-sombra2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.3rem;
    width: 37rem;
    height: 12rem;
    background-color: #f2f2f2;
    text-align: center;
    position: relative;
    left: 51%;
}

.right__numero-body-text p:last-child {
    margin-bottom: 0;
}

.right__numero {
    position: absolute;
    bottom: 16%;
    transition: all 1s linear;
}

.rigth__numero--superior {
    right: 58.2%;
    top: -13rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 125px;
}

.rigth__numero--superior {
    width: 12rem;
}

.rigth__numero--inferior {
    right: 58.2%;
    bottom: 12%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 125px;
}

.circulo__pie-info {
    background: transparent;
    color: #fff;
    font-weight: bold;
    position: absolute;
    width: 6rem;
    z-index: 1;
    text-align: center;
}

.circulo__base-info--primera-region {
    left: 20%;
    top: 11%;
}

.circulo__base-info--segunda-region {
    right: 23%;
    top: 11%;
}

.circulo__base-info--tercera-region {
    right: 44%;
    bottom: 16%;
}

.circulo__texto--gris {
    color: #aeaeae;
    font-weight: 300;
    line-height: 1.5rem;
    font-size: 1.1rem;
}

.circulo__texto--azul {
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #009AD8;
    text-align: center;
}

.circulo__base-info-primera-region--texto-azul {
    border-bottom: 1px solid #009AD8;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    width: 6rem;
}

.circulo__base-info-primera-region--texto-gris {
    display: block;
    position: absolute;
    right: 62%;
    width: 8rem;
    text-align: right;
    top: 63px;
}

.circulo__base-info-segunda-region--texto-gris {
    position: absolute;
    left: -10px;
    width: 9rem;
    text-align: right;
    font-size: 1.1rem;
    top: 0;
}

.circulo__base-info-segunda-region--texto-azul {
    border-top: 1px solid #009AD8;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
    position: absolute;
    top: 5rem;
    left: 50%;
    width: 7rem;
}

.circulo__base-info-tercera-region--texto-azul {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    position: absolute;
    bottom: -25px;
    right: 47px;
    width: 7rem;
}

.circulo__base-info-tercera-region--texto-gris {
    position: absolute;
    left: 31%;
    width: 12rem;
    text-align: left;
    bottom: -27px;
}

.right__texto--azul {
    border-bottom: 1px solid #009AD8;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #009AD8;
    text-align: left;
    max-width: 63%;
}

.rigth__texto--gris {
    color: #aeaeae;
    font-weight: 300;
    line-height: 1.5rem;
    font-size: 1.1rem;
    max-width: 76%;
    text-align: left;
}

.right__container::before {
    content: url("/images/infografias/lineas-separacion.png");
    position: absolute;
    top: -3%;
    /* right: -41px; */
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .circulo__global-container {
        max-width: 768px;
    }
    .circulo-texto-container {
        text-align: left;
        margin-top: 2rem;
        display: inline-block;
        width: 60%;
        top: 0;
    }
    .right__container {
        width: 37%;
    }
    .rigth__numero--superior {
        right: 58.2%;
        top: -13rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 125px;
    }
    .rigth__numero--inferior {
        right: 58.2%;
        bottom: 12%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 125px;
    }
    .circulo-segmentos-container {
        display: inline-block;
        border-radius: 50%;
        position: relative;
        box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
        bottom: 12%;
        left: 8%;
    }
    .circulo-texto-container::after {
        content: url("/images/infografias/lineas-separacion.png");
        position: absolute;
        top: -3%;
        right: -41px;
        z-index: 1;
    }
    .right__container::before {
        content: "";
    }
}

@media screen and (min-width: 320px) and (max-width: 454px) {
    .circulo__cabcera {
        top: -2%;
        width: auto;
        right: 13%;
    }
    .circulo__cabcera img {
        width: 12%;
    }
    .cabecera__texto--titulo,
    .cabecera__texto {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 454px) and (max-width: 554px) {
    .circulo__cabcera {
        top: -2%;
        width: auto;
        right: 21%;
    }
    .circulo__cabcera img {
        width: 12%;
    }
    .cabecera__texto--titulo,
    .cabecera__texto {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 554px) and (max-width: 768px) {
    .circulo__cabcera {
        top: -2%;
        width: auto;
        right: 26%;
    }
    .circulo__cabcera img {
        width: 12%;
    }
    .cabecera__texto--titulo,
    .cabecera__texto {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .circulo__numero1 {
        left: auto;
    }
    .circulo-texto-container {
        height: 293px;
        top: 4rem;
    }
    .right__container {
        margin-top: 10rem;
    }
    .circulo__numero3 {
        top: 91%;
        left: 45%;
    }
    .rigth__numero--superior,
    .rigth__numero--inferior {
        width: 100%;
        right: 51%;
    }
    .right__numero-sombra,
    .right__numero-sombra2 {
        width: 100%;
        right: 58%;
    }
    .right__texto--azul {
        max-width: 81%;
    }
    .rigth__texto--gris {
        max-width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    .circulo__numero2 {
        left: 83%;
    }
}

@media screen and (min-width: 360px) and (max-width: 402px) {
    .circulo__numero2 {
        left: 79%;
    }
}

@media screen and (min-width: 402px) and (max-width: 470px) {
    .circulo__numero2 {
        left: 72%;
    }
}

@media screen and (min-width: 470px) and (max-width: 530px) {
    .circulo__numero2 {
        left: 72%;
    }
}

@media screen and (min-width: 530px) and (max-width: 600px) {
    .circulo__numero2 {
        left: 70%;
    }
}

@media screen and (min-width: 600px) and (max-width: 654px) {
    .circulo__numero2 {
        left: 68%;
    }
}

@media screen and (min-width: 654px) and (max-width: 700px) {
    .circulo__numero2 {
        left: 66%;
    }
}

@media screen and (min-width: 700px) and (max-width: 768px) {
    .circulo__numero2 {
        left: 65%;
    }
}

.caja_borde {
    border: 2px solid #d9d9d9;
    padding: 2rem 1rem 1.5rem 1rem;
    /* width: 70%; */
    margin: 3% auto;
    position: relative;
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .caja_borde {
        padding: 1.5rem;
    }
}

.caja_borde .bloque--verde {
    background-color: #9bbb58;
    height: calc(100% + 4rem);
    display: block;
    position: relative;
    top: -4rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .caja_borde .bloque--verde {
        top: -11%;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .caja_borde .bloque--verde {
        width: 100%;
        position: inherit;
    }
}

.caja_borde .bloques {
    display: block;
    width: 100%;
    overflow: auto;
}

@media (min-width: 768px) {
    .caja_borde .bloques {
        min-height: 16rem;
    }
}

.caja_borde .bloques:first-child {
    margin-bottom: 1.5rem;
}

.caja_borde .infografia--linea-izquierda {
    /* padding-right: 1.3rem; */
}

@media (min-width: 768px) {
    .caja_borde .infografia--linea-izquierda {
        border-left: #3cbbf0 0.15rem solid;
    }
}

.caja_borde .bloques__numero {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid #3cbbf0;
    text-align: center;
    color: #3cbbf0;
    margin-bottom: 0.5rem !important;
    font-size: 1.55rem;
    font-weight: bold;
}

.caja_borde .bloques__texto-azul {
    color: #3cbbf0;
    font-size: 1.3rem;
    line-height: 1.8rem;
    text-align: left;
    margin: 0 !important;
    font-weight: bold;
}

.caja_borde .bloques__texto-gris {
    color: #a39c96;
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-align: left;
    margin-top: 0.5rem;
}

.caja_borde .bloques__titulo-blanco {
    color: #fff;
    text-align: center;
    display: block;
    width: 74%;
    margin: 0 auto !important;
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding: 2rem 0 0 0;
}

.caja_borde .bloques__fecha {
    color: white;
    font-size: 1.6rem;
    font-weight: lighter;
    text-align: center;
    font-family: "Open Sans Thin", sans-serif;
    letter-spacing: -0.1rem;
    opacity: 0.9;
}

.caja_borde .bloques__imagen {
    display: block;
    margin: 2rem auto 0 auto;
}

.infographic-table {
    margin: 3rem auto;
    overflow: auto;
}

.infographic-table td {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.7rem 0.9rem;
    border-top: 1px solid #e2e2e2;
}

.infographic-table td:first-child.bg--azul {
    font-size: 1.3rem;
    max-width: 110px;
}

.infographic-table .cabecera {
    background: #fff;
    border-top: 2px solid #79afd3;
    border-bottom: 2px solid #79afd3;
    color: #79afd3;
    font-size: 1.5rem;
    font-weight: 600;
}

.infographic-table .cabecera th {
    padding: 0.5rem 0.5rem;
    border-top: 1px solid #e2e2e2;
    font-family: 'Open Sans Semibold';
    font-size: 1.3rem;
    line-height: 2rem;
    color: #2abaef;
}

.infographic-table .cabecera th.bg--azul {
    color: #fff;
}

.infographic-table .cabecera td.bg--gris,
.infographic-table .cabecera th.bg--gris {
    background: #bfbfbf;
    padding: 9.8px;
    min-width: 245px;
    font-family: 'Open Sans Semibold';
    color: #fff;
}

.infographic-table .objetivo {
    font-size: 1rem;
    line-height: normal;
    display: block;
    font-style: italic;
}

.infographic-table .bg--azul {
    background: #2abaef;
    color: #fff;
    font-family: 'Open Sans Semibold';
}

.infographic-table .border--blanco {
    border-top: 2px solid #fff;
}

.infographic-table .bg--gris-claro {
    background: #eef3f7;
}

.infographic-table .bg--gris {
    background: #bfbfbf;
}

.infographic-table .border-azul {
    border-top: 2px solid #9cc8e5;
}

.infographic-table .border-azul--bottom {
    border-bottom: 2px solid #9cc8e5;
}

.infographic-table .texto-derecha {
    text-align: right;
}

.infographic-table .texto-centrado {
    text-align: center;
}

.infographic-table .texto-izquierda {
    text-align: left;
}

.infographic-table .texto-negrita {
    font-weight: 700;
    /* display: inline; */
}

.infographic-table .texto-cursiva {
    font-size: 1rem;
    line-height: 1.3rem;
    font-style: italic;
}

.infographic-table span.texto-cursiva {
    display: block;
}

.infographic-table .texto-abajo {
    vertical-align: bottom;
}

.infographic-table .texto-blanco {
    color: #fff;
}

.article-block .article-content .c-circle-infographic-text__mobile {
    width: 100%;
    height: auto;
    padding: 0 15px;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-left {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-left.with-arrow {
    position: relative;
    top: 0;
    margin-top: 20px;
    margin-bottom: 60px;
    text-align: center;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-left.with-arrow:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(135deg);
    border-top: 8px solid #4CA2DF;
    border-right: 8px solid #4CA2DF;
    bottom: -45px;
    left: 45%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-left.with-arrow:after {
    content: "";
    position: absolute;
    background: #4CA2DF;
    width: 8px;
    height: 40px;
    border-radius: 2px;
    bottom: -47px;
    left: 47.5%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-right {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-right.with-arrow {
    position: relative;
    margin-top: 20px;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-right.with-arrow:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(134deg);
    border-top: 8px solid #4CA2DF;
    border-right: 8px solid #4CA2DF;
    top: -40px;
    left: 45%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-extra-right.with-arrow:after {
    content: "";
    position: absolute;
    background: #4CA2DF;
    width: 8px;
    height: 40px;
    border-radius: 2px;
    top: -55px;
    left: 47.5%;
}

.article-block .article-content .c-circle-infographic-text__mobile ul {
    padding-top: 10px;
}

.article-block .article-content .c-circle-infographic-text__mobile ul li {
    font-size: 1.7rem;
    font-family: "Open Sans Light";
    color: #222222;
    line-height: 17px;
    margin-left: 45px;
    margin-bottom: 4px;
    text-align: left;
}

.article-block .article-content .c-circle-infographic-text__mobile p {
    line-height: 17px;
    display: inline-block;
    width: 100%;
    font-size: 1.3rem;
    margin: 0;
}

.article-block .article-content .c-circle-infographic-text__mobile span.text-blue-big {
    color: #4CA2DF;
    font-weight: 600;
    font-size: 1.9rem;
}

.article-block .article-content .c-circle-infographic-text__mobile span.text-black-small {
    font-weight: 600;
    font-size: 1.6rem;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background {
    width: 100%;
    height: auto;
    background-color: #f6f6f8;
    margin: 0 auto;
    border-radius: 60% 46%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-background {
    width: 100%;
    height: 100%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content {
    width: 100%;
    height: 100%;
    padding: 25px 0;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background {
    width: 70%;
    height: 231px;
    display: block;
    position: relative;
    margin: 0 auto;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-square {
    width: 50%;
    height: 50%;
    display: inline-block;
    float: left;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-blue {
    background-color: #85bae6;
    border-top-left-radius: 100%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-lightest-blue {
    background-color: #e2eff8;
    border-top-right-radius: 100%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-light-blue {
    background-color: #aacded;
    border-bottom-left-radius: 100%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-dark-blue {
    background-color: #459fdd;
    border-bottom-right-radius: 100%;
    position: relative;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-img {
    position: absolute;
    width: 72%;
    height: 72%;
    top: 14%;
    left: 14%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-img .circle-infographic-img-text {
    width: 100%;
    position: absolute;
    top: 11%;
    left: 0;
    text-align: center;
    padding: 0;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-img .circle-infographic-img-text img {
    width: 30px;
    padding-bottom: 7px;
    border-radius: 0;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-square-background .circle-infographic-img .circle-infographic-img-text p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 20px;
    font-family: "Open Sans SemiBold";
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-intra {
    text-align: center;
    width: 47%;
    min-height: 174px;
    display: inline-block;
    padding: 1rem 0;
    float: left;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-intra:nth-of-type(odd) {
    margin-right: 6%;
}

.article-block .article-content .c-circle-infographic-text__mobile .circle-infographic-text-intra p {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
    margin-top: 6px;
    font-family: "Open Sans Light";
}

.article-block .article-content .c-circle-infographic-text__mobile img {
    width: 60px;
    margin-bottom: 0px;
    display: block;
    margin: 0 auto 10px auto;
}

.c-circle-infographic-text {
    width: 100%;
    height: auto;
    display: none;
}

.c-circle-infographic-text .circle-infographic-background {
    width: 80%;
    height: auto;
    background-color: #f6f6f8;
    margin: 0 auto;
    border-radius: 60% 46%;
}

.c-circle-infographic-text .circle-infographic-background ul {
    padding-top: 10px;
}

.c-circle-infographic-text .circle-infographic-background ul li {
    font-size: 1.3rem;
    font-family: "Open Sans Light";
    color: #222222;
    line-height: 17px;
    margin-left: 18px;
    margin-bottom: 4px;
}

.c-circle-infographic-text .circle-infographic-background p {
    line-height: 17px;
    display: inline-block;
    width: 100%;
    font-size: 1.3rem;
    font-family: "Open Sans Light";
    margin: 0;
}

.c-circle-infographic-text .circle-infographic-background span.text-blue-big {
    color: #4CA2DF;
    font-weight: 600;
    font-size: 1.3rem;
}

.c-circle-infographic-text .circle-infographic-background span.text-black-small {
    font-weight: 600;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-left {
    display: inline-block;
    float: left;
    width: 30%;
    margin-left: -12%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-left.with-arrow {
    position: relative;
    top: 15px;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-left.with-arrow:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    border-top: 8px solid #4CA2DF;
    border-right: 8px solid #4CA2DF;
    top: -4px;
    right: -70px;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-left.with-arrow:after {
    content: "";
    position: absolute;
    background: #4CA2DF;
    width: 169px;
    height: 8px;
    border-radius: 2px;
    top: 4px;
    right: -64px;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-right {
    display: inline-block;
    width: 30%;
    float: right;
    text-align: right;
    margin-right: -12%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-right.with-arrow {
    position: relative;
    top: 15px;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-right.with-arrow:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    border-top: 8px solid #4CA2DF;
    border-right: 8px solid #4CA2DF;
    top: -4px;
    left: -3px;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-extra-right.with-arrow:after {
    content: "";
    position: absolute;
    background: #4CA2DF;
    width: 50px;
    height: 8px;
    border-radius: 2px;
    top: 4px;
    left: -33px;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-background {
    width: 100%;
    height: 100%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content {
    width: 100%;
    height: 100%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-text-intra-top {
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-text-intra-left {
    display: inline-block;
    width: 25%;
    padding-right: 2%;
    float: left;
    text-align: right;
    padding-top: 16%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-text-intra-left img {
    float: right;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-text-intra-right {
    display: inline-block;
    width: 25%;
    padding-left: 2%;
    padding-top: 16%;
    float: right;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-text-intra-right img {
    float: left;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content .circle-infographic-text-intra-bottom {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-text-central-content img {
    margin-bottom: 0px;
    display: block;
    margin: 0 auto 3px auto;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background {
    width: 50%;
    height: 307px;
    display: inline-block;
    position: relative;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-square {
    width: 50%;
    height: 50%;
    display: inline-block;
    float: left;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-blue {
    background-color: #85bae6;
    border-top-left-radius: 100%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-lightest-blue {
    background-color: #e2eff8;
    border-top-right-radius: 100%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-light-blue {
    background-color: #aacded;
    border-bottom-left-radius: 100%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-square.circle-infographic-square-dark-blue {
    background-color: #459fdd;
    border-bottom-right-radius: 100%;
    position: relative;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-img {
    position: absolute;
    width: 72%;
    height: 72%;
    top: 14%;
    left: 14%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-img .circle-infographic-img-text {
    width: 100%;
    position: absolute;
    top: 17%;
    left: 0;
    text-align: center;
    padding: 0 40px;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-img .circle-infographic-img-text img {
    width: 40px !important;
    padding-bottom: 15px;
    border-radius: 0 !important;
}

.c-circle-infographic-text .circle-infographic-background .circle-infographic-square-background .circle-infographic-img .circle-infographic-img-text p {
    color: #fff;
    font-size: 1.8rem;
    font-family: "Open Sans SemiBold";
    line-height: 20px;
}

.infographic-right--line-background .infografic--right-line-gm-circle {
    border-right: none;
    text-align: center;
}

@media (min-width: 768px) {
    .infographic-right--line-background .infografic--right-line-gm-circle:first-child {
        padding-left: 0;
    }
    .infographic-right--line-background .infografic--right-line-gm-circle:last-child {
        padding-right: 0;
    }
}

.infographic-right--line-background p {
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: #4CA2DF;
}

.infographic-right--line-background p:first-child {
    min-height: 6.8rem;
}

.infographic-right--line-background p span.infographic--right-line-text-blue-big {
    color: #4CA2DF;
    font-weight: 600;
    font-size: 1.4rem;
    border-top: 4px dotted #4CA2DF;
    padding-top: 2rem;
    display: block;
}

@media (min-width: 768px) {
    .c-circle-infographic-text__mobile {
        display: none;
    }
    .infographic-right--line-background-mobile {
        display: none;
    }
    .c-circle-infographic-text {
        display: block;
    }
    .infographic-right--line-background .infografic--right-line-gm-circle {
        text-align: left;
    }
}

.c-climatic-change-infographic {
    display: inline-block;
    width: 100%;
    line-height: initial;
    overflow: hidden;
}

.c-climatic-change-infographic .climatic-change-infographic-title {
    display: inline-block;
    width: 100%;
    margin: 10px 15px 30px;
}

.c-climatic-change-infographic .climatic-change-infographic-title .with-line {
    position: relative;
    color: #2abaf0;
    font-size: 1.7rem;
    font-weight: 100;
}

.c-climatic-change-infographic .climatic-change-infographic-title .with-line:before {
    width: 100%;
    height: 1px;
    background-color: #2abaf0;
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
}

.c-climatic-change-infographic .climatic-change-infographic-title .with-background-blue {
    position: relative;
    background-color: #2abaf0;
    color: #fff;
    padding: 1rem;
    font-size: 1.7rem;
    font-weight: 100;
    font-family: "Open Sans SemiBold";
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part {
    display: inline-block;
    width: 100%;
    padding: 3% 5% 0 5%;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .climatic-change-infographic-part__img {
    display: inline-block;
    height: auto;
    width: 100%;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .climatic-change-infographic-part__img img {
    display: block;
    margin: 0 auto;
    min-width: 45px;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .numbre-with-arrow {
    position: relative;
    margin-top: -20px;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .numbre-with-arrow:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border-top: 2px solid #A5C466;
    border-right: 2px solid #A5C466;
    right: 35px;
    transform: rotate(45deg);
    top: 44px;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .numbre-with-arrow p {
    font-size: 4rem;
    font-weight: 600;
    display: inline-block;
    border-bottom: 2px solid #2ABAF0;
    color: #2ABAF0;
    top: 22px;
    left: 15px;
    position: relative;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .numbre-without-arrow {
    position: relative;
    margin-top: -20px;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .numbre-without-arrow p {
    font-size: 4rem;
    font-weight: 600;
    display: inline-block;
    border-bottom: 2px solid #2ABAF0;
    color: #2ABAF0;
    top: 22px;
    left: 15px;
    position: relative;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .climatic-change-infographic-part__body {
    background-color: #F2F2F2;
    padding: 30px 15px 15px 15px;
    min-height: auto;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .climatic-change-infographic-part__body p {
    font-size: 1.4rem;
    line-height: 17px;
    margin: 0;
}

.c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .climatic-change-infographic-part__body p span.title-blue {
    display: block;
    color: #2abaf0;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .c-climatic-change-infographic .climatic-change-infographic-title {
        margin: 10px 0 25px;
    }
    .c-climatic-change-infographic .climatic-change-infographic-title .with-line {
        font-size: 2.8rem;
    }
    .c-climatic-change-infographic .climatic-change-infographic-title .with-background-blue {
        font-size: 2.8rem;
        font-family: 'Open Sans SemiBold';
    }
    .c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part {
        width: 25%;
        padding: 1%;
        float: left;
    }
    .c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part:first-child {
        padding-left: 0;
    }
    .c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part:nth-of-type(4) {
        padding-right: 0;
    }
    .c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .climatic-change-infographic-part__body {
        padding: 30px 15px 15px 15px;
        min-height: 325px;
    }
    .c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .climatic-change-infographic-part__img {
        display: flex;
        height: 70px;
        align-items: flex-end;
    }
    .c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .numbre-with-arrow {
        left: 0;
    }
    .c-climatic-change-infographic .climatic-change-infographic-body .climatic-change-infographic-part .numbre-without-arrow {
        left: 0;
    }
}

.wh-circle__container {
    background: #f2f2f2;
    padding: 1.5rem 3.5rem 3.5rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 55px;
}

.wh-circle__numbers-layer {
    position: relative;
    display: inline-block;
}

.wh-circle__number {
    background: #fff;
    width: 45px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    border: 1px solid #00bbf2;
    color: #00bbf2;
    font-size: 2.5rem;
    font-weight: bold;
    z-index: 1;
    border-radius: 50%;
    position: absolute;
}

.wh-circle__number--1 {
    top: 50px;
}

.wh-circle__number--2 {
    top: 50px;
    right: 0;
}

.wh-circle__number--3 {
    top: 318px;
    right: 142px;
}

.wh-circle__wrapper {
    border-radius: 50%;
    height: 330px;
    width: 330px;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 5px 5px -4px #525252;
    -moz-box-shadow: 0px 5px 5px -4px #525252;
    box-shadow: 0px 5px 5px -4px #525252;
    z-index: 0;
}

.wh-circle__hole {
    width: 90px;
    height: 90px;
    background: #f2f2f2;
    border-radius: 50%;
    position: absolute;
    top: 120px;
    left: 120px;
    -webkit-box-shadow: inset 0px 5px 5px -4px #9c9c9c;
    -moz-box-shadow: inset 0px 5px 5px -4px #9c9c9c;
    box-shadow: inset 0px 5px 5px -4px #9c9c9c;
}

.wh-circle__cbk-logo {
    width: 120px;
    position: absolute;
    left: -15px;
    top: -15px;
}

.wh-circle__bar {
    width: 12px;
    height: 126px;
    position: absolute;
    z-index: 1;
    top: -123px;
    left: 42%;
    background: #f2f2f2;
    -webkit-box-shadow: inset 0px 0px 5px 1px #b5b5b5;
    -moz-box-shadow: inset 0px 0px 5px 1px #b5b5b5;
    box-shadow: inset 0px 0px 5px 1px #b5b5b5;
}

.wh-circle__bar:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #f2f2f2;
    position: absolute;
    top: -7px;
    border-radius: 5px;
    left: 0;
}

.wh-circle__bar:after {
    content: "";
    width: 9px;
    height: 12px;
    background: #f2f2f2;
    position: absolute;
    bottom: -4px;
    border-radius: 5px;
    left: 2px;
    opacity: 0.9;
}

.wh-circle__bar--right {
    transform: rotate(-56deg);
    top: 25px;
    left: 132px;
}

.wh-circle__bar--left {
    transform: rotate(56deg);
    top: 30px;
    left: -52px;
}

.wh-circle__info-text {
    position: absolute;
    z-index: 1;
    font-size: 1.2rem;
    font-weight: bold;
    /* text-shadow: 0px 0px #000; */
}

.wh-circle__info-text--a {
    width: 100px;
    top: 35px;
    left: 68px;
    color: #00bbf2;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.wh-circle__info-text--b {
    width: 96px;
    top: 115px;
    left: 5px;
    color: #949494;
    font-weight: normal;
    text-align: right;
}

.wh-circle__info-text--b::before {
    content: "";
    width: 50px;
    border-top: 2px solid #00bbf2;
    position: absolute;
    top: -10px;
}

.wh-circle__info-text--c {
    width: 85px;
    top: 35px;
    right: 55px;
    color: #949494;
    font-weight: normal;
}

.wh-circle__info-text--d {
    width: 100px;
    top: 130px;
    right: 5px;
    color: #00bbf2;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.wh-circle__info-text--d::before {
    content: "";
    width: 70px;
    border-top: 2px solid #00bbf2;
    position: absolute;
    top: -10px;
}

.wh-circle__info-text--e {
    width: 70px;
    top: 226px;
    left: 63px;
    color: #00bbf2;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.wh-circle__info-text--f {
    width: 138px;
    top: 218px;
    right: 38px;
    text-align: left;
    color: #949494;
    font-weight: normal;
}

.wh-circle__divider-wrap {
    position: absolute;
    left: 350px;
    height: 600px;
    top: -100px;
    width: 500px;
}

.wh-circle__divider-mid {
    border-left: 25px solid #fff;
    border-bottom: 30px solid #fff;
    height: 260px;
    width: 300px;
    position: absolute;
    left: 0;
    top: 307px;
    transform: rotate(28deg) skewY(30deg);
}

.wh-circle__divider-mid::before {
    content: "";
    border-bottom: 30px solid #fff;
    position: absolute;
    left: -150px;
    width: 150px;
    z-index: 1;
}

.wh-circle__divider-horizontal {
    width: 800px;
    border-bottom: 25px solid #fff;
    position: absolute;
    top: 47%;
    left: 60px;
}

.wh-circle__right-col {
    display: inline-block;
    vertical-align: top;
    margin: 10px 150px;
}

.wh-circle__row {
    position: absolute;
    width: 230px;
}

.wh-circle__row--first {
    top: 70px;
}

.wh-circle__row--second {
    top: 270px;
    right: 96px;
}

.wh-circle__number--4 {
    position: relative;
    float: left;
    margin: 0 1rem;
}

.wh-circle__number--5 {
    position: relative;
    float: left;
    margin: 0 1rem;
}

.wh-circle__row-title {
    color: #00bbf2;
    border-bottom: 2px solid #00bbf2;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: bold;
}

.wh-circle__row-text {
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-weight: bold;
    color: #969595;
    margin-top: 0.5rem;
}

.wh-circle__title-img {
    width: 40px;
    float: left;
    padding: 0.2rem;
}

.wh-circle__title-banner-wrap {
    width: 100%;
    text-align: center;
    z-index: 1;
    margin: 15px auto 5px;
    height: 75px;
    overflow: hidden;
}

.wh-circle__title-banner {
    background: #00bbf2;
    width: 250px;
    margin: auto;
    color: #fff;
    padding: 1rem;
    text-align: left;
    z-index: 1;
    position: relative;
}

.wh-circle__title-text {
    font-size: 1.3rem;
    font-weight: bold;
}

.wh-circle__title-text--2 {
    font-weight: normal;
}

.wh-circle__title-literal {
    margin-left: 5rem;
}

.wh-circle__top-border {
    width: 100%;
    border: 1px solid #d4cdcd;
    height: 100px;
    position: relative;
    margin: -23px auto;
    z-index: 0;
}

@media (max-width: 992px) {
    .wh-circle__container {
        text-align: center;
        padding: 2rem 0.5rem;
    }
    .wh-circle__wrapper {
        margin: auto;
    }
    .wh-circle__divider-wrap {
        display: none;
    }
    .wh-circle__row {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        padding: 3rem 0 1rem;
        width: 300px;
        text-align: left;
        margin: auto;
    }
    .wh-circle__right-col {
        display: block;
        position: relative;
        height: auto;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }
    .wh-circle__info-text--a {
        left: 65px;
        font-size: 1.2rem;
    }
    .wh-circle__info-text--d {
        font-size: 1.2rem;
    }
    .wh-circle__info-text--e {
        font-size: 1.2rem;
    }
}

.panel__header-logo {
    height: 60px;
}

.search__link-close,
.panel__header-close {
    height: 25px;
    padding-right: 10px;
    place-items: flex-start;
    margin-top: 13px;
}

.panel__header-close img {
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.tabs__filters {
    opacity: 0;
    transition: opacity 1.2s linear;
}

.page-loaded .tabs__filters {
    opacity: 1;
}

.dropdown-filter {
    opacity: 0;
    transition: opacity 1.2s linear;
}

.page-loaded .dropdown-filter {
    opacity: 1;
}

.contentList__dest {
    opacity: 0;
    transition: opacity 1.2s linear;
}

.page-loaded .contentList__dest {
    opacity: 1;
}

.contentList.doc {
    opacity: 0;
    transition: opacity 1.2s linear;
}

.page-loaded .contentList.doc {
    opacity: 1;
}

.c-dropdown {
    opacity: 0;
    transition: opacity 1.2s linear;
}

.page-loaded .c-dropdown {
    opacity: 1;
}

.achievements {
    position: relative;
    margin-bottom: 8rem;
}

.achievements__title {
    text-align: center;
    margin: 1rem auto;
    font-weight: bold;
    font-size: 1.8rem;
    color: #0097d4;
}

.achievements__medals-container {
    width: 100%;
    text-align: center;
    max-height: 350px;
    overflow: auto;
}

.medals-element {
    width: 136px;
    display: inline-block;
    text-align: center;
    padding-top: 7rem;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center 0.5rem;
    margin-top: 2rem;
}

.m-element__title {
    padding: .5rem 0 0;
    color: #0097d4;
    font-weight: bold;
}

.m-element__subtitle {
    padding: 0 .5rem 0;
}

.medals-element--gold {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/oro.png");
}

.medals-element--silver {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/plata.png");
}

.medals-element--bronze {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/bronce.png");
}

.achievements__counter {
    width: 100%;
    text-align: center;
    margin: 3rem auto;
}

.a-counter__row {
    display: inline-block;
    padding: 0 .5rem;
}

.a-counter__element {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center;
}

.a-counter__element--gold {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/oro-sm.png");
}

.a-counter__element--silver {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/plata-sm.png");
}

.a-counter__element--bronze {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/bronce-sm.png");
}

.achievements__logo {
    position: absolute;
    top: -10px;
    width: 5rem;
    height: 7rem;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

.achievements__logo--a {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/logo2.png");
}

.achievements__logo--b {
    background-image: url("https://www.caixabank.com/deployedfiles/caixabank_com/Estaticos/Imagenes/medallas/logo1.png");
}


/** Correciones contenedores texto a 200% **/

@media (min-width: 1140px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        min-width: 94rem;
        max-width: 1056px;
    }
    .news .news-cards .n-card .n-card__wrapper,
    #news .news-cards .n-card .n-card__wrapper,
    #news2 .news-cards .n-card .n-card__wrapper {
        min-height: 385px;
        height: 100%;
    }
    .video-inline.container {
        min-width: 100%;
    }
    .content_alternative {
        min-height: 450px;
    }
    .content_alternative .content {
        min-height: 450px;
    }
    .navbar .container {
        min-width: 70rem;
    }
    .card.active {
        width: 60rem;
    }
    .card.active .collapse {
        min-width: 725px;
        width: 60rem;
    }
    .tab-content .card .card-body {
        min-width: 100%;
    }
    #accordion.sidebar-anchors.sticky {
        min-width: 14rem;
    }
    .c-timeline--marca .c-timeline__container--xl {
        padding: 31rem 0;
    }
    .c-timeline__main-title {
        top: -28rem;
        min-width: 50rem;
    }
    .content_alternative {
        max-height: 50rem;
    }
    .content_alternative .content {
        height: 45rem;
    }
    .gb #accordion.sidebar-anchors {
        width: 15rem;
        max-width: 15rem;
    }
}


/** focus a elementos **/

button:focus {
    outline: 1px dotted #222222 !important;
}

.tab-content .card .card-header a:focus {
    outline: 1px dotted #222222;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.highlighted:focus {
    outline: 1px dotted #222222;
}

.news .news-cards .n-card .n-card__wrapper .n-card__link:focus,
#news .news-cards .n-card .n-card__wrapper .n-card__link:focus,
#news2 .news-cards .n-card .n-card__wrapper .n-card__link:focus {
    outline-offset: -2px;
}

.header__secondary .text-center .language li.language__item a:focus,
.text-center .language li.language__item a:focus {
    outline: 1px dotted #222222;
}

.header__secondary .sr-only:focus {
    clear: left;
    clip: inherit;
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
    transition: all 0.3s ease-in;
    color: #FFFFFF;
}


/*foco en buscador/agenda*/

.header__presearch .panel__body .panel__body-input:focus {
    outline: #222 1px dotted;
    outline-offset: 0px;
}

.buscador .tabs-group ul.tabs-items li.tabs-item a:focus,
.agenda-apl .tabs-group ul.tabs-items li.tabs-item a:focus {
    outline: #222 1px dotted;
    outline-offset: -1px;
}

.search-group .search-result ul.list-group li.list-group-item a:focus {
    outline: black 1px dotted;
    padding: 100%;
    outline-offset: 0;
}

.agenda-apl .tabs__filters form .bootstrap-select .dropdown-toggle:focus {
    outline: #222 1px dotted !important;
    outline-offset: 0px;
    box-shadow: none;
}


/*foco en servicio accionista form/ autoevaluación form*/

#form_sercicioaccionista .form-check-input,
.evaluation-radios .form-check-input {
    visibility: visible;
}


/*h3 en resultados de búsqueda*/

.search-results .tabs-content.article-content .table tr td h3 {
    font-size: 1.6rem;
    display: inline;
}


/*zoom*/


/*aside*/

.text-zoomx2 .gb #accordion.sidebar-anchors {
    position: relative;
}


/*margen negativo*/

.text-zoomx2 .mt-n170 {
    margin-top: 0;
}

.text-zoomx2 .content_alternative .content .content-box {
    height: auto;
}

.text-zoomx2 .content_alternative .media,
.text-zoomx2 .content_alternative .content {
    width: 100%;
}

.text-zoomx2 .content_alternative.right .content {
    padding: 0;
    display: block;
    height: auto;
    line-height: 2.2rem;
}

.text-zoomx2 .content_alternative {
    max-height: max-content;
}

.text-zoomx2 .content_alternative .content {
    height: max-content;
}


/*acordeon */

.zoomx4 #accordion.sidebar-anchors .collapse.show {
    overflow-y: auto;
    max-height: 12rem;
}


/*menu mobile */

@media (max-width: 768px) {
    .zoomx4 .navbar-collapse div:first-child {
        height: auto;
        overflow: initial;
        position: relative;
    }
    .zoomx4 .navbar-collapse .fixed-bottom {
        position: relative;
    }
    .zoomx4 .navbar-collapse .fixed-bottom.pb-10 {
        padding-bottom: 0 !important;
    }
}


/*fin zoom*/


/** estructura done pinta el panel **/

.freeContent.panels {
    display: none;
}

.panels {
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 4.8rem;
}


/** panel **/

#panel-cotizacion {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    position: relative;
    overflow: visible;
    height: auto;
    background-color: #fff;
    display: block;
    padding: 2rem 3rem;
    border-top: 1px solid #eee;
}

@media (min-width: 992px) {
    #panel-cotizacion {
        max-width: 1040px;
    }
}

#panel-cotizacion .graph {
    position: relative;
    width: 25%;
}

#panel-cotizacion .graph #panel-cotizacion .graph img {
    width: 100%;
}

@media (min-width: 992px) {
    #panel-cotizacion .graph #panel-cotizacion .graph img {
        width: auto;
    }
}

#panel-cotizacion .datetime {
    font-family: sans-serif;
    width: 6.5rem;
    position: absolute;
    font-size: .8rem;
    text-align: right;
    top: 0;
    left: 45%;
}

#panel-cotizacion .values {
    font-family: sans-serif;
    width: 6.5rem;
    position: absolute;
    font-size: .8rem;
    text-align: right;
    top: .9rem;
    left: 45%;
    color: #DC1400 !important;
}

#panel-cotizacion .timestampImg {
    width: auto;
    height: auto;
    margin-left: 0;
    float: none;
}

#panel-cotizacion .l-content {
    position: relative;
}

@media (min-width: 1200px) {
    #panel-cotizacion .agrupacion_enlaces_ssi {
        width: 90%;
    }
}

#panel-cotizacion #layer-caixabank-link {
    position: relative;
    text-align: right;
}

@media (min-width: 1200px) {
    #panel-cotizacion #layer-caixabank-link {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 20rem;
    }
}

#panel-cotizacion #layer-caixabank-link a {
    font-family: 'Arial Bold', Helvetica, sans-serif;
    background-color: #fff;
    border: .15rem solid #007eae;
    color: #007eae;
    padding: 1.2rem 1.5rem;
    border-radius: .2rem;
    line-height: 1.4rem;
    font-size: 1.4rem;
    height: 4rem;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    transition: all .3s ease-in;
}

#panel-cotizacion #layer-caixabank-link a:hover,
#panel-cotizacion #layer-caixabank-link a:focus {
    background: none;
    color: #007eae;
    border-color: #007eae;
    -webkit-box-shadow: 0 0 10px -3px #404040;
    -moz-box-shadow: 0 0 10px -3px #404040;
    box-shadow: 0 0 10px -3px #404040;
}

#panel-cotizacion #tabs1 {
    margin: 0 auto;
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.freeContent.panels .bt-close {
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block !important;
    background: #fff;
    height: 0;
    position: relative;
}

@media (min-width: 992px) {
    .freeContent.panels .bt-close {
        max-width: 1040px;
    }
}

.freeContent.panels .bt-close .bt-l-close {
    position: absolute;
    z-index: 990;
    right: 1rem;
    top: 1rem;
}

.freeContent.panels .bt-close .bt-l-close:hover {
    text-decoration: none;
    color: #222222;
}

@media (min-width: 768px) {
    .fixed-height .border-box {
        height: 260px;
        position: relative;
    }
    .fixed-height .border-box .button_wrap {
        position: absolute;
        bottom: 10px;
        width: 290px;
    }
    .fixed-height .border-box .texto_aclarativo:nth-child(3) {
        position: absolute;
        bottom: 60px;
    }
}

@media (min-width: 992px) {
    .fixed-height .border-box {
        height: 295px;
    }
    .fixed-height .border-box .button_wrap {
        width: auto;
    }
}

@media (min-width: 1140px) {
    .fixed-height .border-box .button_wrap {
        width: 230px;
    }
}

.table-container.consejo td:nth-child(5) {
    text-align: center;
}

.table-container.comite td:last-child {
    text-align: center;
}

.dv-filter_0 #divoption0 .table tr th:last-child {
    display: none;
}

.dv-filter_0 #divoption0 .table tr td:last-child {
    display: none;
}

.infographic_two-colors {
    border-left: 5px solid #40b9ef;
    padding-left: 20px;
}

.infographic_two-colors .donut-chart--a {
    margin: 0px;
}

.infographic_two-colors .donut-chart__info {
    display: flex;
    align-items: center;
}

.infographic_two-colors .infographic_two-colors-legend {
    vertical-align: center;
}

.infographic_two-colors .infographic_two-colors-legend .infographic_two-colors-legend_item {
    text-align: left;
    max-width: 300px;
    position: relative;
    padding: 10px 0px;
}

.infographic_two-colors .infographic_two-colors-legend .infographic_two-colors-legend_item strong {
    font-size: 24px;
}

.infographic_two-colors .infographic_two-colors-legend .infographic_two-colors-legend_item.blue p {
    color: #40b9ef;
}

.infographic_two-colors .infographic_two-colors-legend .infographic_two-colors-legend_item.blue p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #40b9ef;
    height: 5px;
    width: 50px;
}

.infographic_two-colors .infographic_two-colors-legend .infographic_two-colors-legend_item.yellow p {
    color: #f5bf0d;
}

.infographic_two-colors .infographic_two-colors-legend .infographic_two-colors-legend_item.yellow p::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #f5bf0d;
    height: 5px;
    width: 50px;
}

.infographic_two-colors .infographic_two-colors-info strong {
    color: #40b9ef;
    font-size: 28px;
}

span.btn.disabled {
    opacity: 1;
    cursor: default;
}

span.btn.disabled a {
    color: silver !important;
    border: 2px solid silver;
    pointer-events: none;
    cursor: default;
    opacity: 1 !important;
}

.button_wrap.disabled a {
    pointer-events: none;
}

.button_wrap.disabled a span.btn {
    color: silver;
    border: 2px solid silver;
    pointer-events: none;
    cursor: default;
}

.om-right {
    margin-top: 0.8rem;
}

.om-right .om-value .texto_grande {
    font-size: 4.2rem;
    font-weight: bold;
    color: #000;
    line-height: 4.4rem;
    display: block;
    margin-bottom: 0.4rem;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 1rem;
    width: 100%;
    text-align: center;
}

.om-right .om-value .texto_grande .gris {
    color: #bdbdbd;
    font-family: Arial, Helvetica, sans-serif;
}

.om-right p {
    font-size: 0.9rem;
}

.om-right li {
    font-size: 0.9rem;
}

.om-title,
.om-group p,
.om-group ul,
.om-group ol,
.om-group li,
.om-group p strong {
    margin-top: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.3rem;
    color: #000;
    padding: 0;
    background: none;
    text-align: left;
}

.om-title,
.om-group p strong {
    font-weight: bold;
}

.om-value {
    border: 1px solid #000;
    padding: 1rem;
    margin-top: 0.5rem;
    min-height: 6rem;
}

@media (min-width: 640px) {
    .om-left {
        padding-right: 15px;
        display: table-cell;
        border-right: 1px solid #c1c1c1;
        vertical-align: top;
        border-right: none;
        padding-right: 7px;
        width: 50%;
    }
    .om-right {
        padding-left: 15px;
        display: table-cell;
        vertical-align: top;
        width: 21rem;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .om-group {
        margin: 0;
        width: 100%;
        display: inline-block;
    }
    .om-group .om-content {
        padding: 1rem 0;
        width: 50%;
        float: right;
    }
}

.dc__info-text--b {
    border-left: 2px solid #bbbbbb;
    border-bottom: 2px solid #bbbbbb;
    padding: 2rem 0.5rem 0.3rem 9.5rem;
    bottom: -68px;
    left: 90px;
    width: 247px;
}

.dc__info-text--g {
    right: -56px;
    top: 43px;
    border-bottom: 2px solid #bbb;
    padding-left: 2rem;
}

.dc__info-text--h {
    left: -44px;
    bottom: 44px;
    border-bottom: 2px solid #bbb;
    padding-right: 6rem;
    padding-left: 1rem;
}

.dc__info-text--i {
    left: -44px;
    top: -9px;
    border-bottom: 2px solid #bbb;
    padding-right: 0rem;
    padding-left: 0rem;
}

.dc__info-text--j {
    bottom: 0;
    right: -45px;
    border-bottom: 2px solid #bbb;
    padding-left: 2rem;
}

.dc__info-text--k {
    right: -64px;
    top: 60px;
    border-bottom: 2px solid #bbb;
    padding-left: 2rem;
}

span.dc__circle.dc__circle--g {
    right: 0;
    bottom: -5px;
}


/*# sourceMappingURL=caixabank_main.css.map */