/* FONTS */
@font-face {
    font-family: FuturaStd-CondensedLight;
    src: url(./fonts/FuturaStd-CondensedLight.otf);
}

@font-face {
    font-family: FuturaStd-Light;
    src: url(./fonts/FuturaStd-Light.otf);
}

@font-face {
    font-family: FuturaStd-Medium;
    src: url(./fonts/FuturaStd-Medium.otf);
}

@font-face {
    font-family: FuturaStd-Bold;
    src: url(./fonts/FuturaStd-Bold.otf);
}

@font-face {
    font-family: FuturaStd-Heavy;
    src: url(./fonts/FuturaStd-Heavy.otf);
}

@font-face {
    font-family: Futura;
    src: url(./fonts/Futura.ttc);
}

* {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

/* MENU FIXED */

#imgmenu {
    -moz-transition: .2s all ease-in;
    -o-transition: .2s all ease-in;
    -webkit-transition: .2s all ease-in;
    transition: .2s all ease-in;
    cursor: pointer;
    width: 40px;
}

.tooltip-inner {
    background-color: #133256;
    color: white;
    border-radius: 50px;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: 'FuturaStd-Light',sans-serif;
    padding: .25rem .5rem;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #133256 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #133256 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #133256 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #133256 !important;
}

.arrow-circle {
    z-index: 999;
    width: 75px;
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }


@media(min-width: 768px) {
    #imgmenu {
        width: 45px;
    }

    .arrow-circle {
        width: 90px;
    }
}

@media(min-width: 992px) {
    #imgmenu {
        width: 50px;
    }

    .arrow-circle {
        width: 113px;
    }
}

#menu {
    z-index: 9999;
    list-style: none;

}

#menu li a {
    text-decoration: none !important;
}

#menu ul.submenu {
    visibility: hidden;
    /* hides sub-menu */
    opacity: 0;
    z-index: -1;
    list-style: none;
    position: absolute;
    background: #fff;
    padding: 1rem 1.25rem;
    border: #939598 1px solid;
    border-radius: 10px;
    width: 175px;
    text-align: left;
    margin-top: -5em;
    margin-right: 4em;
    right: 0;
    font-family: 'FuturaStd-Medium', sans-serif;
    color: #133256;
    -moz-transition: .2s all ease-in;
    -o-transition: .2s all ease-in;
    -webkit-transition: .2s all ease-in;
    transition: .2s all ease-in;

}

#menu ul.submenu li {
    padding: .5rem 0;
    border-bottom: #939598 1px solid;
}

#menu ul.submenu li:last-child {
    border-bottom: none;
}

#menu li.has-submenu.open>.submenu {
    visibility: visible;
    /* shows sub-menu */
    opacity: 1;
    z-index: 999;
}


/* Vertical Align */
.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.row {
    margin: 0;
    padding: 0;
}

.image-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-quaternary{
    background-color: #133256;
    color: white;
}

.degarga-pdf{
    padding: .5rem 1rem;
}

.descarga-text{
    font-family: 'FuturaStd-Medium',sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 25px;
}

.boton-descarga{
    font-family: 'FuturaStd-Medium',sans-serif;
    color: #FFF;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 5px 10px 5px 10px;
    font-size: 10px;
    margin-left:10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
}

.boton-descarga:hover{
    background-color: white;
    color: #133256;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

/* TEXT ALIGN */
.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

/* OTHER STYLES */

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

.cursor-pointer {
    cursor: pointer;
}

.front {
    z-index: 2;
}

strong {
    font-family: 'FuturaStd-Heavy', sans-serif;
}

.img-fluid {
    max-width: 100% !important;
    height: auto !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.left-0 {
    left: 0 !important;
}

.right-0 {
    right: 0 !important;
}

.top-0 {
    top: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bg-img-full,
.bg-img-big,
.bg-img-small {
    z-index: -1;
}

.bg-img-big {
    max-width: 20% !important;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .25rem 1rem;
    list-style: none;
    font-family: 'FuturaSTD-Light';
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
}
.breadcrumb-item a{
    color: white;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.breadcrumb-item:hover::before {
    text-decoration: none;
}



@media(min-width:768px) {
    .bg-img-full {
        max-width: 75% !important;
    }

    .bg-img-big {
        max-width: 25% !important;
    }
    .descarga-text{
        line-height: 15px;
    }
}

@media(min-width:992px) {
    .bg-img-full {
        max-width: 90% !important;
    }

    .bg-img-big {
        max-width: 40% !important;
    }
}

/************************************************************


SECTION


***************************************************************/

.section {
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
}

@media(min-width:768px) {
    .section {
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

@media(min-width:990px) {
    .section {
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

@media(min-width:1200px) {
    .section {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}

/************************************************************


SECTION WELCOME


***************************************************************/
.s-welcome .welcome-logo {
    margin-top: 5px;
    margin-bottom: 5px;
}

.s-welcome .welcome-logo img {
    max-width: 30%;
}

.s-welcome .welcome-title h1 {
    font-size: 24px;
    line-height: 28px;
    color: white;
    font-family: 'FuturaStd-Medium';
    margin-bottom: 10px;
    font-weight: 400;
}

.s-welcome .welcome-text p {
    font-size: 14px;
    line-height: 16px;
    font-family: 'FuturaStd-Medium';
    color: #133256;
}

.s-welcome .welcome-bg {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.s-welcome .welcome-img {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    display: flex;
    max-width: 50%;
    z-index: -1;
}

@media(min-width: 768px) {
    .s-welcome {
        padding-bottom: 3em;
    }

    .s-welcome .welcome-img {
        max-width: 75%;
    }

    .s-welcome .welcome-logo {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .s-welcome .welcome-logo img {
        max-width: 35%;
    }

    .s-welcome .welcome-title h1 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 1.5rem;
    }

    .s-welcome .welcome-text p {
        font-size: 20px;
        line-height: 30px;

    }
}

@media(min-width:992px) {
    .s-welcome {
        margin-bottom: 5em;
        padding-bottom: 5em;
    }

    .s-welcome .welcome-logo {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .s-welcome .welcome-logo img {
        max-width: 40%;
    }

    .s-welcome .welcome-title h1 {
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 1.75rem;
    }

    .s-welcome .welcome-text p {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-right: 3rem;
    }
}

@media(min-width:1200px) {
    .s-welcome {
        margin-bottom: 5em;
    }

    .s-welcome .welcome-logo {
        margin-top: 5em;
        margin-bottom: 2em;
    }

    .s-welcome .welcome-logo img {
        max-width: 100%;
    }

    .s-welcome .welcome-title h1 {
        font-size: 65px;
        line-height: 79px;
        margin-bottom: 2rem;
    }

    .s-welcome .welcome-text p {
        font-size: 28px;
        line-height: 33px;
    }
}

/************************************************************


SECTION 2


***************************************************************/

.s-2 {
    padding-top: 0;
}

.s-2-img {
    padding-top: 0;
    width: 100% !important;
}

.s-2-hr {
    border: 0;
    border-bottom: 1px #E90089 dashed;
    margin: 3em 0;
    width: 100%;
}

.s-2-text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 1rem;
    color: #133256;
}

.s-2-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 110%;
    z-index: -1;
}

.s-2-bg-2 {
    position: relative;
}

.s-2-bg-2 img {
    position: absolute;
    top: 0;
    right: 0;
}

.s-2-h1 {
    color: #27AAE1;
    font-size: 24px;
    line-height: 30px;
    font-family: 'FuturaStd-Bold', sans-serif;
}

.s-2-h3 {
    color: #EC008C;
    font-size: 20px;
    line-height: 33px;
    font-family: 'FuturaStd-Bold', sans-serif;
    margin-bottom: 1rem;
}

.s-2-h4 {
    color: #133256;
    font-size: 19px;
    line-height: 25px;
    font-family: 'FuturaStd-Medium', sans-serif;
    padding-left: .5rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
    font-weight: 400;
}

.s-2-h4::before {
    content: url(./img/arrow-right.png);
    margin-left: -20px;
    padding-right: 10px;
    vertical-align: middle;

}

.s-2-subtext {
    color: #58595B;
    font-size: 15px;
    line-height: 25px;
    font-family: 'FuturaStd-Medium', sans-serif;
}

.s-2-listimg {
    margin-top: 1em;
}

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

    .s-2 {
        margin-top: -30px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .s-2-bg {
        width: 90%;
    }
}

@media(min-width:990px) {
    .s-2-text {
        font-size: 18px;
        line-height: 25px;
    }

    .s-2 {
        margin-top: -40px;
        padding-top: 0;
    }

    .s-2-bg {
        width: 90%;
    }
}

@media(min-width:992px) {
    .s-2-text {
        font-size: 20px;
        line-height: 30px;
        padding: 5em 2rem 1em;
    }

    .s-2 {
        margin-top: -40px;
        padding-top: 0;
    }
}

@media(min-width:1200px) {
    .s-2 {
        padding-top: 1em;
    }

    .s-2-hr {
        margin: 3em 0;
    }

    .s-2-text {
        font-size: 25px;
        line-height: 42px;
        padding: 3em 2rem 1em;
    }

    .s-2-bg {
        width: 110%;
    }

    .s-2-img {
        padding-top: 3em;
        width: 125% !important;
    }

    .s-2-h1 {
        font-size: 33px;
        line-height: 83px;
    }

    .s-2-h3 {
        font-size: 30px;
        line-height: 53px;
        margin-bottom: 5rem;
    }

    .s-2-h4 {
        font-size: 24px;
        line-height: 35px;
        padding-left: .5rem;
        margin-bottom: 2rem;

    }

    .s-2-h4::before {
        margin-left: -20px;
        padding-right: 10px;

    }

    .s-2-subtext {
        font-size: 20px;
        line-height: 35px;
    }

    .s-2-listimg {
        margin-top: 3.5em;
    }
}



/************************************************************


SECTION 3


***************************************************************/

.s-3-h2 {
    color: #EC008C;
    font-size: 30px;
    line-height: 43px;
    font-family: 'FuturaStd-Bold', sans-serif;
    margin-bottom: 2rem;
}

.s-3-h2 .text-light {
    font-family: 'FuturaStd-Light', sans-serif;
    font-weight: 200;
}

.s-3-h2-blue {
    color: #27AAE1;
    font-size: 30px;
    line-height: 40px;
    font-family: 'FuturaStd-Bold', sans-serif;
    margin-bottom: 2rem;
}

.s-3-h3 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
    color: #27AAE1;
    border: 2px #27AAE1 solid;
    display: inline-block;
    padding: 10px;
    margin-bottom: 1em;
}

.s-3-h4 {
    color: #EC008C;
    font-size: 24px;
    line-height: 26px;
    font-family: 'FuturaStd-Bold', sans-serif;
    padding-left: .5rem;
    font-weight: 400;
}

.s-3-h4::before {
    content: url(./img/arrow-right.png);
    margin-left: -20px;
    padding-right: 10px;

}

.s-3-text,
.s-4-text {
    color: #58595B;
    font-size: 18px;
    line-height: 30px;
    font-family: 'FuturaStd-Light', sans-serif;
}

.s-3-text.border-top-blue,
.s-4-text.border-top-blue {
    border-top: 1px #27AAE1 solid;
    padding-top: 1em;
}



.s-3-text strong.pink {
    color: #EC008C;
}

.s-3-h1 {
    font-family: 'FuturaStd-CondensedLight', sans-serif;
    font-size: 34px;
    line-height: 58px;
    color: #27AAE1;
    font-weight: 100;
    margin-top: 10px;
    display: inline-block;
}

.s-3-h1 span {
    border-top: 2px #E90089 solid;
    border-bottom: 2px #E90089 solid;
}


.s-3-img-h1 {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.s-3-hr {
    margin: 1em 0;
    clear: both;
    width: 100%;
    display: block;
    border-bottom: 1px transparent solid;
}

.s-3-hr-line {
    margin: 2em 0 2em;
    clear: both;
    width: 100%;
    display: block;
    border-bottom: 1px #83C8E6 dashed;
}

.s-3-h5 {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 22px;
    line-height: 44px;
    color: #27AAE1;
}

.s-3-grafico {
    padding: 2em 0;
}

.s-3-end {
    position: relative;
}

.s-3-end .s-3-bg {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    margin-top: -15%;
}

.s-3-h6 {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 20px;
    line-height: 36px;
    color: #133256;
    margin-top: 0;
    margin-bottom: 2rem;
}

@media(min-width:768px) {
    .s-3-h2 {
        font-size: 54px;
        line-height: 65px;
        margin-bottom: 4rem;
    }

    .s-3-text,
    .s-4-text {
        font-size: 24px;
        line-height: 37px;
    }

    .s-3-h4 {
        font-size: 36px;
        line-height: 44px;
    }

    .s-3-h3 {
        font-size: 30px;
        line-height: 50px;
        letter-spacing: 10px;
    }

    .s-3-h2-blue {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 3rem;
    }

    .s-3-h1 {
        font-size: 48px;
        line-height: 106px;
        margin-top: 10px;
    }

    .s-3-img-h1 {
        width: 20%;
    }

    .s-3-hr {
        margin: 1.5em 0;
    }

    .s-3-hr-line {
        margin: 5em 0;
    }

    .s-3-h6 {
        margin-top: 0;
    }

    .s-3-img-caras {
        margin: 2rem auto 3rem;
    }

    .s-3-grafico {
        padding: 1em;
    }
}

@media(min-width:1200px) {
    .s-3-h2 {
        font-size: 56px;
        line-height: 79px;
        margin-bottom: 5rem;
    }

    .s-3-h2-blue {
        font-size: 53px;
        line-height: 58px;
        margin-bottom: 5rem;
    }

    .s-3-h3 {
        font-size: 33px;
        line-height: 82px;
        letter-spacing: 10px;
        padding: 10px;
        margin-bottom: 2em;
    }

    .s-3-h4 {
        font-size: 41px;
        line-height: 49px;
        padding-left: .5rem;
    }

    .s-3-h4::before {
        margin-left: -20px;
        padding-right: 10px;

    }

    .s-3-text,
    .s-4-text {
        font-size: 26px;
        line-height: 42px;
    }

    .s-3-text.border-top-blue,
    .s-4-text.border-top-blue {
        padding-top: 1em;
    }

    .s-3-h1 {
        font-size: 74px;
        line-height: 132px;
        margin-top: 10px;
    }

    .s-3-h1 span {
        border-top: 2px #E90089 solid;
        border-bottom: 2px #E90089 solid;
    }


    .s-3-img-h1 {
        vertical-align: middle;
        width: 25%;
    }

    .s-3-hr {
        margin: 3em 0;
    }

    .s-3-hr-line {
        margin: 10em 0 10em;
    }

    .s-3-h5 {
        font-size: 32px;
        line-height: 84px;
    }

    .s-3-grafico {
        padding: 2em;
    }

    .s-3-end .s-3-bg {
        margin-top: -15%;
    }

    .s-3-h6 {
        font-size: 27px;
        line-height: 56px;
        margin-top: 2em;
    }
}


/************************************************************


SECTION 4


***************************************************************/

.s-4-bg-1 {
    position: absolute;
    top: 0;
    right: 0;
}

.s-4-h4 {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #133256;
    margin: 3em 0 1em;
}

.s-4-text-1 {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #133256;
    margin-top: 10em;
}

.s-4-text-1::before {
    content: url(./img/arrow-left.png);
    margin-left: -20px;
    padding-right: 10px;
    vertical-align: middle
}

.s-4-h5 {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 22px;
    line-height: 44px;
    color: #27AAE1;
    letter-spacing: 10px;
}

.s-4-h6 {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #48BDCA;
    margin-bottom: 2rem;

}

.s-4-h2 {
    color: #133256;
    font-size: 28px;
    line-height: 37px;
    font-family: 'FuturaStd-Bold', sans-serif;
    padding-left: .5rem;
    margin-bottom: 1rem;
}

.s-4-h2::before {
    content: url(./img/arrow-right.png);
    margin-left: -20px;
    padding-right: 10px;

}

.s-4-img-time {
    margin-top: 3em;
}

.s-4-hr-line {
    margin: 2em 0 2em;
    clear: both;
    width: 100%;
    display: block;
    border-bottom: 1px #83C8E6 dashed;
}

.s-4-h7,
.s-11 div.text {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #133256;
    margin: 3em 0 1em;

}

.s-4-box {
    padding-left: 2rem;
    margin-top: 4rem;
}

.s-4 .clearfix {
    padding: 1em 0;
}

@media(min-width:768px) {
    .s-4-h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .s-4-img-time {
        margin: 2em auto 0;
    }

    .s-4-h7,
    .s-11 div.text {
        font-size: 16px;
        line-height: 26px;
        margin: 1.5em 0 .5em;
    }

    .s-4-text-1 {
        font-size: 18px;
        line-height: 28px;
        margin-top: 20em;
    }

    .s-4-text-1::before {
        content: url(./img/arrow-left.png);
        margin-left: -30px;
        padding-right: 20px;
        height: 16px;
    }
}

@media(min-width:1200px) {

    .s-4-h4 {
        font-size: 38px;
        line-height: 45px;
        margin: 3em 0 1em;
    }

    .s-4-text-1 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 15em;
    }

    .s-4-text-1::before {
        margin-left: -30px;
        padding-right: 20px;
    }

    .s-4-h5 {
        font-size: 32px;
        line-height: 84px;
        letter-spacing: 10px;
    }

    .s-4-h6 {
        font-size: 30px;
        line-height: 47px;

    }

    .s-4-h2 {
        font-size: 38px;
        line-height: 47px;
        padding-left: .5rem;
        margin-bottom: 2rem;
    }

    .s-4-h2::before {
        margin-left: -20px;
        padding-right: 10px;

    }

    .s-4-img-time {
        margin-top: 3em;
    }

    .s-4-hr-line {
        margin: 5em 0 5em;
        ;
    }

    .s-4-h7,
    .s-11 div.text {
        font-size: 25px;
        line-height: 35px;
        margin: 3em 0 1em;

    }

    .s-4-box {
        padding-left: 2rem;
        margin-top: 4rem;
    }

    .s-4 .clearfix {
        padding: 3em 0;
    }
}

/************************************************************


SECTION 5


***************************************************************/
.s-5-h1 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 32px;
    line-height: 39px;
    color: #133256;
}

.s-5-h1::before {
    content: url(./img/arrow-right-yellow.png);
    margin-left: -20px;
    padding-right: 10px;
}

.s-5-h1-big {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 34px;
    line-height: 45px;
    color: #FCBC00;
}

.s-5-h6 {
    font-family: 'FuturaStd-Medium', sans-serif;
    font-size: 26px;
    line-height: 28px;
    color: #27AAE1;
    margin-bottom: 2rem;
}

.s-5-h3 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
    color: #27AAE1;
    border: 2px #27AAE1 solid;
    display: inline-block;
    padding: 10px;
    margin-bottom: 2em;
}

.s-5-text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #133256;
}

.s-5-subtext {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 15px;
    line-height: 23px;
    color: #133256;
}

.s-5-text.blue {
    color: #48BDCA;
}

.s-5-text.arrow::before {
    content: url(./img/arrow-right-blue.png);
    margin-left: -20px;
    padding-right: 10px;
    vertical-align: middle;
}

.s-5-list {
    list-style: none;
    padding-right: .5rem;
    padding-left: .5rem;
}

.s-5-list.border-right {
    border-right: .5pt #939598 solid;
}

.s-5-list.blue li {
    font-family: 'FuturaStd-Medium', sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: .5rem 0;
    color: #27AAE1;
}

.s-5-list.yellow li {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding: .5rem 0;
    color: #FCBC00;
}

.s-5-text-light {
    font-family: 'FuturaStd-Light', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #58595B;
}

.s-5-jumbotext {
    margin-top: -6em;
}

.s-5-text-2 {
    padding: 1em;
    position: relative;

    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #2C6E9E;
    display: inline-block;
}

.s-5-list.style-2 li {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 20px;
    line-height: 37px;
}

.s-5-list.style-2.yellow li:nth-child(1) {
    font-size: 36px;
}

.s-5-list.style-2.yellow li:nth-child(2) {
    font-size: 29px;
}

.s-5-list.style-2.yellow li:nth-child(3) {
    font-size: 25px;
}

.s-5-list-colors {
    list-style: none;
    font-size: 17px;
    line-height: 29px;
    font-family: 'FuturaSTD-Light', sans-serif;
    color: #939598;
}

.s-5-list-colors li::before {
    padding-right: 15px;
}

.s-5-list-colors li:nth-child(1)::before {
    content: url(./img/circle-yellow.png);
}

.s-5-list-colors li:nth-child(2)::before {
    content: url(./img/circle-green.png);
}

.s-5-list-colors li:nth-child(3)::before {
    content: url(./img/circle-lightblue.png);
}

.s-5-list-colors li:nth-child(4)::before {
    content: url(./img/circle-blue.png);
}

.s-5-list-bar {
    list-style: none;
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 14px;
    line-height: 25px;
}

.s-5-list-bar li {
    color: #48BDCA;
    justify-content: space-between;
    display: flex;
}

.s-5-list-bar li span {
    color: #429D8F;
}

.s-5-list-bar li img {
    max-height: 20px;
}

.s-5 .jumbotext {
    background-color: #FCBC00;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    position: relative;
}

.s-5 .jumbotext.border {
    border-bottom: 5px #FF9907 solid;
}

.s-5 .jumbotext h4 {
    font-family: 'FuturaStd-Bold', sans-serif;

}

.s-5 .jumbotext img {
    margin-top: -3em;
    margin-right: -1em;
    width: 25%;
}

.s-5 .triangle-jumbotext {
    width: 0;
    height: 0;
    background-color: transparent;
    margin: 0 auto;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FF9907;

}

@media(min-width:768px) {
    .s-5-h1 {
        font-size: 32px;
        line-height: 41px;
    }

    .s-5-h1-big {
        font-size: 38px;
        line-height: 47px;
    }

    .s-5-h3 {
        font-size: 23px;
        line-height: 34px;
        letter-spacing: 6px;
        margin-bottom: 1em;
    }

    .s-5-text {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 1rem;
    }

    .s-5-subtext {
        font-size: 16px;
        line-height: 26px;
    }

    .s-5-list.blue li {
        font-size: 18px;
        line-height: 35px;
    }

    .s-5-list.yellow li {
        font-size: 17px;
        line-height: 35px;
    }

    .s-5-text-light {
        font-size: 22px;
        line-height: 38px;
    }

    .s-5-h6 {
        font-size: 30px;
        line-height: 43px;
        margin-bottom: 2rem;
    }

    .s-5 .jumbotext {
        font-size: 18px;
        line-height: 33px;
    }

    .s-5 .jumbotext img {
        margin-top: -4em;
        margin-right: -1.5em;
        width: 13.667%;
    }
}

@media(min-width:1200px) {
    .s-5-h1 {
        font-size: 38px;
        line-height: 47px;
    }

    .s-5-h1::before {
        margin-left: -20px;
        padding-right: 10px;
    }

    .s-5-h1-big {
        font-size: 43px;
        line-height: 52px;
    }

    .s-5-h6 {
        font-size: 35px;
        line-height: 48px;
        margin-bottom: 2rem;
    }

    .s-5-h3 {
        font-size: 33px;
        line-height: 44px;
        letter-spacing: 10px;
        padding: 10px;
        margin-bottom: 2em;
    }

    .s-5-text {
        font-size: 25px;
        line-height: 35px;
    }

    .s-5-subtext {
        font-size: 20px;
        line-height: 30px;
    }

    .s-5-text.arrow::before {
        margin-left: -20px;
        padding-right: 10px;
    }

    .s-5-list {
        padding-right: 1.5rem;
    }


    .s-5-list.blue li {
        font-size: 23px;
        line-height: 39px;
    }

    .s-5-list.yellow li {
        font-size: 22px;
        line-height: 38px;
    }

    .s-5-text-light {
        font-size: 26px;
        line-height: 42px;
    }

    .s-5-jumbotext {
        margin-top: -6em;
    }

    .s-5-text-2 {
        padding: 1em;
        font-size: 20px;
        line-height: 25px;
    }

    .s-5-list.style-2 li {
        font-size: 20px;
        line-height: 37px;
    }

    .s-5-list.style-2.yellow li:nth-child(1) {
        font-size: 36px;
    }

    .s-5-list.style-2.yellow li:nth-child(2) {
        font-size: 29px;
    }

    .s-5-list.style-2.yellow li:nth-child(3) {
        font-size: 25px;
    }

    .s-5-list-colors {
        font-size: 17px;
        line-height: 29px;
    }

    .s-5-list-colors li::before {
        padding-right: 15px;
    }

    .s-5-list-bar {
        font-size: 20px;
        line-height: 35px;
    }

    .s-5 .jumbotext {
        font-size: 20px;
        line-height: 30px;
    }

    .s-5 .jumbotext img {
        margin-top: -6em;
        margin-right: -2.5em;
        width: 13.667%;
    }
}

/************************************************************


SECTION 6


***************************************************************/


.s-6-h5 {
    font-family: 'FuturaStd-Medium', sans-serif;
    font-size: 19px;
    line-height: 29px;
    color: #E90089;
}

.s-6-h5.arrow-blue::before {
    content: url(./img/arrow-right-blue.png);
    margin-left: -20px;
    padding-right: 10px;
}

.s-6-h6 {
    font-family: 'FuturaStd-bold', sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #E90089;
}

.s-6-img-1 {
    padding-top: 3em;
    padding-left: 1em;
}

.s-6-img-3 {
    padding-top: 5em;
}

.s-6-list-percent {
    list-style: none;
    font-family: 'FuturaStd-Medium', sans-serif;
    font-size: 14px;
    line-height: 38px;
}

.s-6-list-percent li {
    color: #E90089;
    text-align: right;
}


.s-6-list-percent li span {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50%;
    color: #fff;
    margin-left: 1rem;
}

.s-6-list-percent li span.green {
    background-color: #429D8F;
    padding: .25em .6em;
}

.s-6-list-percent li span.lightblue {
    background-color: #27C6E3;
    padding: .25em .3em;
}

.s-6-bg-left {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -5em;
}

@media(min-width:1200px) {

    .s-6-h5 {
        font-size: 28px;
        line-height: 33px;
    }

    .s-6-h5.arrow-blue::before {
        margin-left: -20px;
        padding-right: 10px;
    }

    .s-6-h6 {
        font-size: 25px;
        line-height: 35px;
    }

    .s-6-img-1 {
        padding-top: 3em;
        padding-left: 3em;
    }

    .s-6-img-3 {
        padding-top: 5em;
    }

    .s-6-list-percent {
        font-size: 25px;
        line-height: 70px;
    }


    .s-6-list-percent li span {
        border-radius: 50%;
        margin-left: 1rem;
    }

    .s-6-list-percent li span.green {
        padding: .25em .6em;
    }

    .s-6-list-percent li span.lightblue {
        padding: .25em .3em;
    }

    .s-6-bg-left {
        margin-top: -5em;
    }
}

/************************************************************


SECTION 7


***************************************************************/

.s-7-h2,
.s-10 h2,
.s-11 h2,
.s-12 h2 {
    color: #EC008C;
    font-size: 30px;
    line-height: 43px;
    font-family: 'FuturaStd-Light', sans-serif;
    margin-bottom: 3rem;
}

.s-7-h2 strong,
.s-10 h2 strong,
.s-11 h2 strong,
.s-12 h2 strong {
    font-family: 'FuturaStd-Bold', sans-serif;
}

.s-7-h3,
.s-10 h3,
.s-11 h3,
.s-12 h3 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
    color: #E90089;
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 2em;
}

.s-7-h3.border,
.s-10 h3.border,
.s-11 h3.border,
.s-12 h3.border {
    border: 2px #E90089 solid;
}

.s-7-h1 {
    font-family: 'FuturaStd-Medium', sans-serif;
    font-size: 28px;
    line-height: 35px;
    color: #133256;
    margin-top: 10px;
    display: inline-block;
    padding: .25rem 0;
    border-top: 2px #E90089 solid;
    border-bottom: 2px #E90089 solid;
}

.s-7-h1 span {
    font-family: 'FuturaStd-CondensedLight', sans-serif;
    font-size: 34px;
    line-height: 38px;
    font-weight: 100;
}

.s-7-img-h1 {
    display: inline-block;
    margin-left: 5px;
    width: 25%;
}

.s-7-h4 {
    color: #27AAE1;
    font-size: 22px;
    line-height: 44px;
    font-family: 'FuturaStd-Bold', sans-serif;
    letter-spacing: 8px;
    border-bottom: #27AAE1 1px solid;
}


.s-7-list {
    list-style: none;
    padding-right: .5rem;
}

.s-7-list.border-right {
    border-right: .5pt #939598 solid;
}

.s-7-list.pink li {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 14px;
    line-height: 35px;
    color: #EC008C;
}

.s-7-list.yellow li {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 25px;
    line-height: 35px;
    color: #FCBC00;
}

@media(min-width:1200px) {

    .s-7-h2,
    .s-10 h2,
    .s-11 h2,
    .s-12 h2 {
        font-size: 56px;
        line-height: 79px;
        margin-bottom: 5rem;
    }

    .s-7-h3,
    .s-10 h3,
    .s-11 h3,
    .s-12 h3 {
        font-size: 33px;
        line-height: 50px;
        letter-spacing: 10px;
        padding: 10px 20px;
        margin-bottom: 2em;
    }

    .s-7-h1 {
        font-size: 32px;
        line-height: 35px;
        margin-top: 10px;
        padding: .25rem 0;
    }

    .s-7-h1 span {
        font-size: 59px;
        line-height: 51px;
    }

    .s-7-img-h1 {
        margin-left: 5px;
        width: 25%;
    }

    .s-7-h4 {
        font-size: 33px;
        line-height: 83px;
        letter-spacing: 10px;
    }

    .s-7-list {
        padding-right: 1.5rem;
    }

    .s-7-list.pink li {
        font-size: 20px;
        line-height: 40px;
    }

    .s-7-list.yellow li {
        font-size: 35px;
        line-height: 37px;
    }
}

/************************************************************


SECTION 8


***************************************************************/

.s-8-h1 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 28px;
    line-height: 37px;
    color: #133256;
}

.s-8-h1::before {
    content: url(./img/arrow-right.png);
    margin-left: -20px;
    padding-right: 10px;
}

.s-8-text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #FF008C;
}
.barra-foot{
    padding: 0;
}

.barra-foot.areas{
    padding: 0 .75rem 0 .5em ;
}

.barra-foot .col{
    padding: 0;
}
.barra-text{
    font-family: 'FuturaStd-Medium', sans-serif;
    color: #1B75BC;
    font-size: 9px;
    line-height: 12px;
    padding:0 .25em;
}

.areas .barra-text{
    color: #133256!important;
}

.barra-text.one{
    color: #FF643F;
}
.barra-text.two{
    color: #EC008C;
}
.barra-text.three{
    color: #9E1F63;
}
.barra-text.four{
    color: #1B75BC;
}
.barra-text.five{
    color: #00AEEF;
}
.barra-text.six{
    color: #00A79D;
}
.barra-text.seven{
    color: #59D2E5;
}

.s-8-text-2,
.s-10 p.text,
.s-11 p.text,
.s-12 p.text {
    font-family: 'FuturaStd-Light', sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #58595B;
}

.s-8-list-bar {
    list-style: none;
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 15px;
    line-height: 34px;
}

.s-8-list-bar li {
    color: #133256;
    justify-content: space-between;
    display: flex;
}

.s-8-list-bar li span {
    color: #133256;
}

.s-8 .dashed {
    border: 0;
    border-bottom: 1px #EC008C dashed;
    margin: 5em 0;
    width: 100%;
}

@media(min-width:1200px) {

    .s-8-h1 {
        font-size: 38px;
        line-height: 47px;
    }

    .s-8-h1::before {
        margin-left: -20px;
        padding-right: 10px;
    }

    .s-8-text {
        font-size: 20px;
        line-height: 25px;
    }
    .barra-foot{
        padding: 0 5rem;
    }
    .barra-foot.atributos{
        padding: 0 0 0 2rem;
    }
    .barra-foot.areas{
        padding: 0 4rem 0 0 ;
    }
    .barra-foot.areas .col{
        padding: 0 2rem 0 0 ;
    }

    .barra-foot .col{
        padding: 0;
    }

    .barra-text{
        font-family: 'FuturaStd-Bold', sans-serif;
        font-size: 15px;
        line-height: 23px;
    }

    .s-8-text-2,
    .s-10 p.text,
    .s-11 p.text,
    .s-12 p.text {
        font-size: 26px;
        line-height: 42px;
    }

    .s-8-list-bar {
        font-size: 21px;
        line-height: 40px;
    }

    .s-8 .dashed {
        margin: 5em 0;
    }

}

/************************************************************


SECTION 9


***************************************************************/


.s-9-h3.border {
    border: 2px #FF643F solid;
}

.s-9-h3 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
    color: #FF643F;
    display: inline-block;
    padding: 10px;
    margin-bottom: 2em;
}


.s-9-list-percent {
    list-style: none;
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 14px;
    line-height: 46px;
}

.s-9-list-percent li {
    color: #1B75BC;
    justify-content: space-between;
    display: flex;
}


.s-9-list-percent li span {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50%;
    color: #fff;
    margin-left: 1rem;
}

.s-9-list-percent li.head {
    color: transparent;
}

.s-9-list-percent li.head span {
    color: #FF643F;
    font-size: 51px;
    line-height: 71px;
    padding: .25em .3em;
}

.s-9-list-percent li span.d1 {
    background-color: #FF643F;
    padding: .25em .6em;
}

.s-9-list-percent li span.d2 {
    background-color: #FF643F;
    padding: .25em .3em;
}

.s-9-list-percent-2 {
    list-style: none;
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 14px;
    line-height: 28px;
}

.s-9-list-percent-2 li {
    color: #1B75BC;
    justify-content: flex-end;
    display: flex;
    padding: 1rem 0;
    text-align: right;
}


.s-9-list-percent-2 li span {
    display: inline-block;
    white-space: nowrap;
    vertical-align: baseline;
    color: #FF643F;
    margin-left: 1rem;
    font-size: 22px;
    line-height: 28px;
    text-align: left;
}

.s-9-list-percent-2 li.head {
    color: transparent;
    text-align: center;
}

.s-9-list-percent-2 li.head span {
    color: #FF643F;
    font-size: 41px;
    line-height: 51px;
    padding: .25em 1em 0 0;
}

.s-9-list-percent-2 li span.d1 {
    padding: .25em .6em;
}

.s-9-list-percent-2 li span.d2 {
    padding: .25em .3em;
}

.s-9-h2 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 33px;
    line-height: 45px;
    color: #FF643F;
}

.s-9-sub-text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #27AAE1;
}

.s-9-h1,
.s-9 h1 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 28px;
    line-height: 37px;
    color: #133256;
}

.s-9-h1::before {
    content: url(./img/arrow-right-orange.png);
    margin-left: -20px;
    padding-right: 10px;
}

.s-9-text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #27AAE1;
}

.s-9 h5 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 22px;
    line-height: 31px;
    color: #1B75BC;
}

.s-9 h5.arrow-right::before {
    content: url(./img/arrow-right.png);
    margin-left: -20px;
    padding-right: 10px;
    vertical-align: middle;
}

.s-9 table.yesno,
.s-10 table.yesno {
    width: 100%;
    text-align: center;
}

.s-9 table.yesno tr:first-child {
    border-bottom: 1px #939598 solid;
}

.s-9 table.yesno .text,
.s-10 table.yesno .text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 42px;
    line-height: 84px;
    letter-spacing: -2px;
    color: #E90089;
}

.s-9 table.yesno .percent,
.s-10 table.yesno .percent {
    font-family: 'FuturaStd-Medium', sans-serif;
    font-size: 50px;
    line-height: 84px;
    letter-spacing: -2px;
    color: #27C6E3;
}

.s-9 table.table-percent {
    width: 100%;
}

.s-9 table.table-percent tr td {
    padding: .5rem 0;
}

.s-9 table.table-percent .text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #EC008C;
}

.s-9 table.table-percent .percent {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #27AAE1;
}

.s-9-rotate {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

@media(min-width:768px) {
    .s-9-rotate {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}

@media(min-width:1200px) {
    .s-9-h3 {
        font-size: 33px;
        line-height: 82px;
        letter-spacing: 10px;
        padding: 10px;
        margin-bottom: 2em;
    }

    .s-9-list-percent {
        font-size: 20px;
        line-height: 70px;
    }

    .s-9-list-percent li span {
        border-radius: 50%;
        margin-left: 1rem;
    }

    .s-9-list-percent li.head span {
        font-size: 51px;
        line-height: 71px;
        padding: .25em .3em;
    }

    .s-9-list-percent li span.d1 {
        padding: .25em .6em;
    }

    .s-9-list-percent li span.d2 {
        padding: .25em .3em;
    }

    .s-9-list-percent-2 {
        font-size: 20px;
        line-height: 40px;
    }

    .s-9-list-percent-2 li {
        padding: 1rem 0;
    }


    .s-9-list-percent-2 li span {
        margin-left: 1rem;
        font-size: 31px;
        line-height: 35px;
    }

    .s-9-list-percent-2 li.head span {
        font-size: 51px;
        line-height: 71px;
        padding: .25em 1em 0 0;
    }

    .s-9-list-percent-2 li span.d1 {
        padding: .25em .6em;
    }

    .s-9-list-percent-2 li span.d2 {
        padding: .25em .3em;
    }

    .s-9-h2 {
        font-size: 42px;
        line-height: 54px;
    }

    .s-9-sub-text {
        font-size: 15px;
        line-height: 27px;
    }

    .s-9-h1,
    .s-9 h1 {
        font-size: 38px;
        line-height: 47px;
    }

    .s-9-h1::before {
        margin-left: -20px;
        padding-right: 10px;
    }

    .s-9-text {
        font-size: 20px;
        line-height: 27px;
    }

    .s-9 h5 {
        font-size: 31px;
        line-height: 44px;
    }

    .s-9 h5.arrow-right::before {
        margin-left: -20px;
        padding-right: 10px;
    }

    .s-9 table.yesno .text,
    .s-10 table.yesno .text {
        font-size: 83px;
        line-height: 156px;
        letter-spacing: -2px;
    }

    .s-9 table.yesno .percent,
    .s-10 table.yesno .percent {
        font-size: 81px;
        line-height: 156px;
        letter-spacing: -2px;
    }

    .s-9 table.table-percent tr td {
        padding: 1rem 0;
    }

    .s-9 table.table-percent .text {
        font-size: 20px;
        line-height: 35px;
    }

    .s-9 table.table-percent .percent {
        font-size: 31px;
        line-height: 35px;
    }

}

/************************************************************


SECTION 10


***************************************************************/

.s-10 div.text {
    font-family: 'FuturaStd-Medium', sans-serif;
    font-size: 15px;
    line-height: 19px;
    color: #133256;
}

.s-10 p.text-2 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #27AAE1;
}

.s-10 ul.list {
    list-style: none;
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.s-10 ul.list li {
    color: #E90089;
    justify-content: space-between;
    display: flex;
    padding: 1rem 0;
}


.s-10 ul.list li span {
    display: inline-block;
    white-space: nowrap;
    vertical-align: baseline;
    color: #429D8F;
    margin-left: 1rem;
    text-align: left;
}

.s-10 .jumbotext,
.s-11 .jumbotext,
.s-12 .jumbotext {
    background-color: #EC008C;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    position: relative;
}

.s-10 .jumbotext.border {
    border-bottom: 5px #9E1F63 solid;
}

.s-10 .jumbotext h4,
.s-11 .jumbotext h4,
.s-12 .jumbotext h4 {
    font-family: 'FuturaStd-Bold', sans-serif;

}

.s-10 .jumbotext p {
    font-family: 'FuturaStd-Medium', sans-serif;
}

.s-10 .jumbotext img {
    margin-left: -1em;
    margin-top: -2em;
    width: 150px;
}

.s-10 .jumbotext .jumboimg-2 {
    margin-top: -2.2em;
    width: 160px;
}

.s-10 .jumbotext .jumboimg-3 {
    margin-left: 1em;
    margin-bottom: -2em;
    width: 100px;
}

.s-10 .triangle-jumbotext {
    width: 0;
    height: 0;
    background-color: transparent;
    margin: 0 auto;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #9E1F63;

}

.s-10 ul.list-grafico {
    list-style: none;
    font-family: 'FuturaStd-Light', sans-serif;
    font-size: 12px;
    line-height: 23px;
}

.s-10 ul.list-grafico li {
    color: #58595B;
    padding: .15rem 0;
}

.s-10 ul.list-grafico li::before {
    margin-left: -20px;
    padding-right: 10px;
}

.s-10 ul.list-grafico.clientes li:nth-child(1)::before {
    content: url(./img/section-10-li-1.png);
}

.s-10 ul.list-grafico.clientes li:nth-child(2)::before {
    content: url(./img/section-10-li-2.png);
}

.s-10 ul.list-grafico.clientes li:nth-child(3)::before {
    content: url(./img/section-10-li-3.png);
}

.s-10 ul.list-grafico.clientes li:nth-child(4)::before {
    content: url(./img/section-10-li-4.png);
}

.s-10 ul.list-grafico.innovacion li:nth-child(1)::before {
    content: url(./img/section-10-li-5.png);
}

.s-10 ul.list-grafico.innovacion li:nth-child(2)::before {
    content: url(./img/section-10-li-6.png);
}

.s-10 ul.list-grafico.innovacion li:nth-child(3)::before {
    content: url(./img/section-10-li-7.png);
}

.s-10 ul.list-grafico.innovacion li:nth-child(4)::before {
    content: url(./img/section-10-li-8.png);
}

.s-10 ul.list-grafico.empleados li:nth-child(1)::before {
    content: url(./img/section-10-li-7.png);
}

.s-10 ul.list-grafico.empleados li:nth-child(2)::before {
    content: url(./img/section-10-li-8.png);
}

.s-10 ul.list-grafico.empleados li:nth-child(3)::before {
    content: url(./img/section-10-li-5.png);
}

.s-10 ul.list-grafico.remoto li:nth-child(1)::before {
    content: url(./img/section-10-li-2.png);
}

.s-10 ul.list-grafico.remoto li:nth-child(2)::before {
    content: url(./img/section-10-li-10.png);
}

.s-10 ul.list-grafico.remoto li:nth-child(3)::before {
    content: url(./img/section-10-li-9.png);
}

.s-10 p.titulo-text {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #133256;
}

.s-10 ul.list.style-2 li {
    line-height: 25px;
    padding: .5rem 0;
    font-size: 16px;
    line-height: 28px;
}

.s-10 ul.list.style-2 li span {
    margin: 0;
}

.s-10 ul.list.style-2 li span img {
    height: 16px !important;
}

.s-10 ul.list.style-2 li.lightblue {
    color: #63D4FF;
}

.s-10 ul.list.style-2 li.darkcyan {
    color: #429D8F;
}

.s-10 ul.list.style-2 li.yellow {
    color: #FCBC00;
}

.s-10 table.yesno td {
    padding: 0 .5rem;
}

.s-10 table.yesno .text {
    text-align: right;
}

.s-10 table.yesno .percent {
    text-align: center;
}

.s-10 .list-2 {
    list-style: none;
}

.s-10 .list-2.left {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 10px;
    line-height: 19px;
    color: #1B75BC;
    text-align: right;
    border-right: #808285 1px solid;
}

.s-10 .list-2.left li {
    padding: 0rem .5rem 1rem 0;
}

.s-10 .list-2.right {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 28px;
    line-height: 30px;
    color: #27AAE1;
    text-align: right
}

.s-10 .list-2.right li {
    padding: 0 0 10rem;
}

.s-10 .list-2.right li span.progress {
    background-color: #E90089;
    height: 45px;
    display: flex;
}

.s-10 .list-2.right li.p2 {
    width: 5%;
}

.s-10 .list-2.right li.p8 {
    width: 15%;
}

.s-10 .list-2.right li.p17 {
    width: 25%;
}

.s-10 .list-2.right li.p72 {
    width: 75%;
}

.s-10 .list-2.right li.margin {
    padding: .75em 0;
}

.s-10 .list-2.right-2 li {
    display: flex;
    padding: .5rem 0;
    margin-bottom: 2rem;
}

.s-10 .list-2.right-2 li span {
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 6px;
    line-height: 19px;
    font-family: 'FuturaStd-Bold', sans-serif;
}

.s-10 .list-2.right-2 li span.pink {
    background-color: #E90089;
}

.s-10 .list-2.right-2 li span.lightblue {
    background-color: #27AAE1;
}

.s-10 .list-2.right-2 li span.blue {
    background-color: #1B75BC;
}

@media(min-width:1200px) {

    .s-10 div.text {
        font-size: 15px;
        line-height: 19px;
    }

    .s-10 p.text-2 {
        font-size: 26px;
        line-height: 34px;
    }

    .s-10 ul.list {
        font-size: 20px;
        line-height: 29px;
    }

    .s-10 ul.list li {
        padding: 1rem 0;
    }


    .s-10 ul.list li span {
        margin-left: 1rem;
    }

    .s-10 .jumbotext,
    .s-11 .jumbotext,
    .s-12 .jumbotext {
        font-size: 27px;
        line-height: 34px;
    }

    .s-10 .jumbotext img {
        margin-left: -2em;
        margin-top: -2em;
        width: 273px;
    }

    .s-10 .jumbotext .jumboimg-2 {
        margin-top: -3em;
        width: 280px;
    }

    .s-10 .jumbotext .jumboimg-3 {
        margin-left: 2em;
        margin-bottom: -2em;
        width: 120px;
    }

    .s-10 ul.list-grafico {
        font-size: 17px;
        line-height: 26px;
    }

    .s-10 ul.list-grafico li {
        padding: .15rem 0;
    }

    .s-10 ul.list-grafico li::before {
        margin-left: -20px;
        padding-right: 10px;
    }

    .s-10 p.titulo-text {
        font-size: 40px;
        line-height: 54px;
    }

    .s-10 ul.list.style-2 li {
        line-height: 25px;
        padding: .5rem 0;
    }

    .s-10 ul.list.style-2 li span {
        margin: 0;
    }

    .s-10 table.yesno td {
        padding: 0 .5rem;
    }

    .s-10 .list-2.left {
        font-size: 16px;
        line-height: 24px;
    }

    .s-10 .list-2.left li {
        padding: 0rem 1rem 2rem;
    }
    /* .s-10 .list-2.left li:first-child{
        padding-top: 2rem;
    } */

    .s-10 .list-2.right {
        font-size: 28px;
        line-height: 30px;
    }

    .s-10 .list-2.right li {
        padding: 0;
        padding-bottom: 1.5rem;
    }

    .s-10 .list-2.right li.progress {
        height: 45px;
    }

    .s-10 .list-2.right li.margin {
        padding: .75em 0;
    }

    .s-10 .list-2.right-2 li {
        padding: 0 0 1rem 0;
        margin-bottom: 1rem;
    }

    .s-10 .list-2.right-2 li span {
        font-size: 16px;
        line-height: 24px;

    }
    .s-10 .list-2.right li.p2{
        margin-top: -20px;
    }
    .s-10 .list-2.right-2{
        margin-top: 10px;
    }
}

/************************************************************


SECTION 11


***************************************************************/

.s-11 h2,
.s-12 h2 {
    color: #27AAE1;
}

.s-11 div.text {
    margin: 1em 0 1em;
}

.s-11 ul.list-middle {
    list-style: none;
    font-family: 'FuturaStd-Bold', sans-serif;
}

.s-11 ul.list-middle li {
    font-size: 17px;
    line-height: 21px;
    padding: .5rem 0;
}

.s-11 ul.list-middle.left {
    border-right: #939598 1px solid;
}

.s-11 ul.list-middle.left .head {
    color: transparent;
    font-size: 55px;
    line-height: 60px;
}

.s-11 ul.list-middle.right .head {
    color: #48BDCA;
    font-size: 55px;
    line-height: 60px;
}

.s-11 ul.list-middle.left li {
    color: #1B75BC;
}

.s-11 ul.list-middle.right li {
    color: #E90089;
}

.s-11 .jumbotext.border,
.s-12 .jumbotext.border {
    border-top: 5px #9E1F63 solid;
}

.s-11 .jumbotext img {
    margin-left: -2em;
    margin-top: -4.5em;
    width: 100px;
}

.s-11 .triangle-jumbotext,
.s-12 .triangle-jumbotext {
    width: 0;
    height: 0;
    background-color: transparent;
    margin: 0 auto;
    border-bottom: 10px solid #9E1F63;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;

}

@media(min-width :1200px) {
    .s-11 div.text {
        margin: 1em 0 1em;
    }

    .s-11 ul.list-middle li {
        font-size: 29px;
        line-height: 30px;
        padding: .5rem 0;
    }

    .s-11 ul.list-middle.left .head {
        font-size: 75px;
        line-height: 79px;
    }

    .s-11 ul.list-middle.right .head {
        font-size: 75px;
        line-height: 79px;
    }

    .s-11 .jumbotext img {
        margin-left: -4em;
        margin-top: -4em;
        width: 148px;
    }
}

/************************************************************


SECTION 12


***************************************************************/
.s-12 p.text strong {
    font-family: 'FuturaStd-Bold', sans-serif;
}

.s-12 .jumbotext img {
    margin-left: 0.25em;
    margin-top: -5em;
    width: 100px;
}

.s-12 h1 {
    font-family: 'FuturaStd-Bold', sans-serif;
    font-size: 28px;
    line-height: 37px;
    color: #133256;
}

.s-12 h1::before {
    content: url(./img/arrow-right.png);
    margin-left: -20px;
    padding-right: 10px;
}

@media(min-width:1200px) {
    .s-12 .jumbotext img {
        margin-left: -1.75em;
        margin-top: -5em;
        width: 137px;
    }

    .s-12 h1 {
        font-size: 38px;
        line-height: 47px;
    }

    .s-12 h1::before {
        margin-left: -20px;
        padding-right: 10px;
    }
}