@font-face {
    font-family: 'BentonSansBBVA-Book';
    src: url("../fonts/BentonSansBBVA-Book.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/BentonSansBBVA-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Book.woff") format("woff"), url("../fonts/BentonSansBBVA-Book.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Book.svg#svgFontName") format("svg"), url("../fonts/BentonSansBBVA-Book.otf") format("opentype");
}
@font-face {
    font-family: 'BentonSansBBVA-Bold';
    src: url("../fonts/BentonSansBBVA-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/BentonSansBBVA-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Bold.woff") format("woff"), url("../fonts/BentonSansBBVA-Bold.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Bold.svg#svgFontName") format("svg"), url("../fonts/BentonSansBBVA-Bold.otf") format("opentype");
}
@font-face {
    font-family: 'BentonSansBBVA-Medium';
    src: url("../fonts/BentonSansBBVA-Medium.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/BentonSansBBVA-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Medium.woff") format("woff"), url("../fonts/BentonSansBBVA-Medium.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Medium.svg#svgFontName") format("svg"), url("../fonts/BentonSansBBVA-Medium.otf") format("opentype");
}
@font-face {
    font-family: 'BentonSansBBVA-Light';
    src: url("../fonts/BentonSansBBVA-Light.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/BentonSansBBVA-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Light.woff") format("woff"), url("../fonts/BentonSansBBVA-Light.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Light.svg#svgFontName") format("svg"), url("../fonts/BentonSansBBVA-Light.otf") format("opentype");
}
@font-face {
    font-family: 'TiemposText-RegularItalic';
    src: url("../fonts/TiemposText-RegularItalic.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/TiemposText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposText-RegularItalic.woff") format("woff"), url("../fonts/TiemposText-RegularItalic.ttf") format("truetype"), url("../fonts/TiemposText-RegularItalic.svg#svgFontName") format("svg"), url("../fonts/TiemposText-RegularItalic.otf") format("opentype");
}

* {
    font: 16px 'BentonSansBBVA-Book';
    color: #002f65;
}
body {
    background-color: #f6f6f6;
}
h2 {
    font: 3.125rem 'TiemposText-RegularItalic';
    line-height: 3.3rem;
}
h2 > strong {
    font: 3.125rem 'BentonSansBBVA-Bold';
    line-height: 3.3rem;
}
h3 {
    font: 2.656rem 'BentonSansBBVA-Book';
    line-height: 3rem;
}
h3 > strong {
    font: 2.656rem 'BentonSansBBVA-Bold';
    line-height: 3rem;
}
h4 {
    font: 2.656rem 'TiemposText-RegularItalic';
    line-height: 3rem;
}
h4 > strong {
    font: 2.656rem 'BentonSansBBVA-Bold';
    line-height: 3rem;
}
h5 {
    font: 1.688rem 'BentonSansBBVA-Bold';
    padding-bottom: 5rem;
}
p,
p > strong {
    font-size: 1.25rem;
    line-height: 1.5rem;
}
span {
    font-family: 'BentonSansBBVA-Bold';
}
strong {
    font-family: 'BentonSansBBVA-Bold';
}
ul {
    list-style: none;
    margin-top: 1.5rem;
    text-align: left;
}
ul > li {
    font-size: 1.25rem;
    padding-bottom: 1.5rem;
}
ul > li:before {
    content: "\2022";
    color: #02a5a5;
    display: inline-block;
    font-weight: bold;
    margin-left: -1em;
    width: 1em;
}
.container--lightgray {
    background-color: #f6f6f6;
}
.container--darkgray {
    background-color: #e5e5e5;
}
.container--lightblue {
    background-color: #e6f6fc;
}
.container--whitelightblue {
    background-color: #effbff;
}
.container--white {
    background-color: #fff;
}
.custom__box {
    border-radius: 15px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    font-size: 1.25rem;
    padding: 2.5rem 1.5rem 1rem 1.5rem;
}
.custom__box img {
    width: 75%;
}
.custom__box--height-1 {
    min-height: 390px;
}
.custom__box--height-2 {
    min-height: 350px;
}
.custom__number {
    position: absolute;
    left: -2rem; 
    top: -1rem;
}
.custom__number img {
    width: 45% !important;
}
.border__custom--blue {
    border-right: 1px solid #1464a5;
}
.border__custom--black {
    border-right: 1px solid #000;
}
.img__custom--mt {
    margin-top: -2rem;
}
.img__custom--width-25 {
    max-width: 25%;
}
.img__custom--width-30 {
    max-width: 30%;
}
.img__custom--width-35 {
    max-width: 35%;
}
.img__custom--width-40 {
    max-width: 40%;
}
.img__custom--width-50 {
    max-width: 50%;
}
.img__custom--width-75 {
    max-width: 75%;
}
.custom__container--divider {
    height: 60px;
}
.custom__container--shadow {
    box-shadow: inset 0px 15px 5px 0px rgba(0, 0, 0, 0.05);
    height: 60px;
}
@media (max-width: 360px) {
    h2,
    h2 > strong {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-top: 1rem;
    }
    h3,
    h3 > strong {
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    h4,
    h4 > strong {
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-top: 0.8rem;
    }
    h5 {
        font-size: 1rem;
        padding-bottom: 1rem;
    }
    ul {
        padding-left: 1rem;
    }
    ul > li {
        font-size: 0.9rem;
    }
    .custom__box > p,
    .custom__box > p > strong {
        font-size: 1rem;
        line-height: 1.2rem;
        padding: 0rem;
    }
    .custom__box--height-1,
    .custom__box--height-2 {
        min-height: 200px;
    }
    .custom__number {
        left: -1.5rem; 
    }
    .border__custom--blue,
    .border__custom--black {
        border: none;
    }
    .img__custom--mt {
        margin-top: 1rem;
    }
    .img__custom--width-25 {
        max-width: 25%;
    }
    .mobile__pl--0 {
        padding-left: 0 !important;
    }
    .mobile__pr--0 {
        padding-right: 0 !important;
    }
    .mobile__custom--padding {
        padding: 1rem !important;
    }
    .mobile__hidden {
        display: none;
    }
    .text-xs-center {
        text-align: center !important;
    }
}

@media (min-width: 360px) and (max-width: 767.98px) {
    h2,
    h2 > strong {
        font-size: 1.9rem;
        line-height: 1.9rem;
        margin-top: 1.5rem;
    }
    h3,
    h3 > strong {
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    h4,
    h4 > strong {
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-top: 1rem;
    }
    h5 {
        font-size: 1.4rem;
        padding-bottom: 1.4rem;
    }
    ul {
        padding-left: 1.5rem;
    }
    .border__custom--blue,
    .border__custom--black {
        border: none;
    }
    .img__custom--mt {
        margin-top: 2rem;
    }
    .img__custom--width-25 {
        max-width: 25%;
    }
    .mobile__pl--0 {
        padding-left: 0 !important;
    }
    .mobile__pr--0 {
        padding-right: 0 !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    h2,
    h2 > strong {
        font-size: 2rem;
        line-height: 2rem;
    }
    h3,
    h3 > strong {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    h4,
    h4 > strong {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }
    h5 {
        font-size: 1.4rem;
        padding-bottom: 3rem;
    }
    ul {
        padding-left: 1.5rem;
    }
    .custom__box--height-1 {
        min-height: 420px;
    }
    .custom__box--height-2 {
        min-height: 360px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    h4,
    h4 > strong {
        font-size: 2.3rem;
        line-height: 2.3rem;
    }
}

@media (min-width: 992px) and (max-width: 1600px) {
    h2,
    h2 > strong {
        font-size: 2.8rem;
    }
    h3,
    h3 > strong {
        font-size: 2.3rem;
    }
}