/* ================= General ==================== */

body {
    font-family: 'Futura LT Book', sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
}

.btn {
    font-size: 14px;
    line-height: 21px;
    font-family: 'Futura LT Bold', sans-serif;
    font-weight: 400;
}


/* ================ Typography ================== */

h1,h2,h3,h4,h5,h6 {
    font-family: 'Futura LT Bold', sans-serif;
    font-weight: 400;
    color: #2c333d;
    margin: 0 0 15px;
}

h1 {    font-size: 48px;}
h2 {    font-size: 37px;}
h3 {    font-size: 22px;}
h4 {    font-size: 16px;}
h5 {    font-size: 14px;}
h6 {    font-size: 12px;}
p {    margin: 0 0 15px;}
#contenido p{    line-height: 25px;}
strong {/*    letter-spacing: 0.2px;*/}
address {    margin-bottom: 30px;}
.light-title {    font-family: 'Futura LT Book', sans-serif;    line-height: normal;}


/*REVOLUTION Slider*/
li.tp-revslider-slidesli .notes{
    position: relative;
    font-size: 18px;
    padding: 10px 10px 10px 30px;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    text-align: left;
    color:#2c333d;
}

li.tp-revslider-slidesli .notes:before{
    content:"";
    width: 3px;
    height: 70%;
    position: absolute;
    top: 15%;
    left: 15px;
    background-color: #e52726;
}

li.tp-revslider-slidesli .notes span{
    padding-left: 15px;
    margin-right: 15px;    
    margin-left: 5px;
}


li.tp-revslider-slidesli .notes + .btn-primary{
    margin-left: 40px;
    margin-top: 10px;
}



.main-title h1 {
    letter-spacing: 0;
    font-family: "Futura lt Bold";
    font-size: 30px;
    font-weight: normal;
}

.main-title h1 .slogan {
    display: block;
    color: #21262e;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.main-title h1 .part1 {
    font-family: "Futura lt Book";
    color: #2c333d;
    font-size: 29px;
    margin-right: 5px;
}

.main-title h1 .part2 {
    color: #005aa0;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
}

.pill {
    border-radius: 0;
    width: 760px;
    height: 460px;
    background: rgba(255, 255, 255, 0.1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 52%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(52%, rgba(255, 255, 255, 0.1)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 52%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 52%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 52%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 52%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.dark-brand-color {    color: #005aa0;}
.white{color: #F5F8FA;}
.rev_slider_wrapper .btn-primary {    background-color: #2c333d;}

.banner-text {
    border-left: 4px solid #2c333d;
    padding-left: 24px;
    margin-top: -10px!important;
    margin-bottom: -10px!important;
    color: #2c333d;
}

.banner-text.tilde{
    margin-top: 3px!important;
    margin-bottom: 0!important;
}
.banner-text .small-1{font-size:50%;line-height:50%;}
.banner-text .small-2{font-size:70%;line-height:70%;}
.shadow-white {    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);}
@media screen and ( max-width: 992px ) {
.light-xs{font-weight: 700;  font-family: "Futura lt Book";}
}
/*animations slider*/

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

.videos-animation img {
    position: absolute;
    opacity: 0;
}

.anima-1 {
    animation: animationFrames-1 linear 7s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-delay: 0;
    -webkit-animation: animationFrames-1 linear 7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-delay: 0;
    -ms-animation: animationFrames-1 linear 7s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-delay: 0;   
    
    opacity: 0;
}

@keyframes animationFrames-1 {
    0% {opacity: 0.1;    }
    25% {opacity: 1;    }
    75% {opacity: 1;    }
    100% {opacity: 0;    }
}

@-webkit-keyframes animationFrames-1 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}
    
@-ms-keyframes animationFrames-1 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}    

.anima-2 {
    animation: animationFrames-2 linear 6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-delay: 5.5s;
    -webkit-animation: animationFrames-2 linear 6s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-delay: 5.35s;
    -ms-animation: animationFrames-2 linear 6s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-delay: 5.35s;    
    opacity: 0;
}

@keyframes animationFrames-2 {
    0% {opacity: 0.1;    }
    25% {opacity: 1;    }
    75% {opacity: 1;    }
    100% {opacity: 0;    }
}

@-webkit-keyframes animationFrames-2 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}

@-ms-keyframes animationFrames-2 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}



.anima-3 {
    animation: animationFrames-3 linear 6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-delay: 10s;
    -webkit-animation: animationFrames-3 linear 6s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-delay: 9.85s;
    -ms-animation: animationFrames-3 linear 6s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-delay: 9.85s;
    
    opacity: 0;
}

@keyframes animationFrames-3 {
    0% {opacity: 0.1;    }
    25% {opacity: 1;    }
    75% {opacity: 1;    }
    100% {opacity: 0;    }
}

@-webkit-keyframes animationFrames-3 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}

@-ms-keyframes animationFrames-3 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}

.anima-4 {
    animation: animationFrames-4 linear 6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-delay: 14.5s;
    -webkit-animation: animationFrames-4 linear 6s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-delay: 14.35s;
    -ms-animation: animationFrames-4 linear 6s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-delay: 14.35s;    
    opacity: 0;
}

@keyframes animationFrames-4 {
    0% {opacity: 0.1;    }
    25% {opacity: 1;    }
    75% {opacity: 1;    }
    100% {opacity: 0;    }
}

@-webkit-keyframes animationFrames-4 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}

@-ms-keyframes animationFrames-4 {
    0% {opacity: 0.1;    }
    20% {opacity: 1;    }
    80% {opacity: 1;    }
    100% {opacity: 0;    }
}

.title-animation {    display: none;}
.title-animation a {    font-size: 20px; line-height:20px;}
.title-animation.link-1 {    display: block;}
.title-animation a .btn {    margin-left: 20px;}


.rev_slider_wrapper .subtitle {
    font-weight: 800;
    font-size: 16px;
    color: #000;
}

.icon-player {
    width: 90px!important;
    height: 72px!important;
    opacity: 0.8;
}

.premio {
    width: 270px!important;
    height: 270px!important;
}

.premio-icono {
    width: 50px!important;
    height: 50px!important;
    vertical-align: middle;
    margin-right: 10px;
    position: absolute;
    left:0;
}

.premio-icono + span {
    float: left;
    margin-left: 60px;
}

.premio-icono.azul path {    fill: #005aa0;}

.premio-icono.rojo path {    fill: #e52726;}


/*Sección EVOLUCIÓN*/

.pd-evolucion {    padding-top: 80px;    padding-bottom: 80px;}

.pd-evolucion .equal-height-row {    position: relative;}

.pd-evolucion .equal-height-row > div {    position: static;}

.pd-evolucion .equal-height-row .input-absolute {
    clear: both;
    position: absolute;
    bottom: -60px;
    margin-left: -25px;
    margin-top: 30px;
    width: 33.333%;
}

.pd-evolucion h3.des-title {    margin-top: 35px;}

.pd-evolucion select.form-control::-ms-expand {    display: none;}

.pd-evolucion select.form-control {
    appearance: none;
    -webkit-appearance: none;
    /* chrome and safari */
    -moz-appearance: none;
    /* Mozilla */
    -ms-appearance: none;
    /* Internet explorer */
    background-image: url(../img/icon-seleccion.svg);
    background-repeat: no-repeat;
    background-size: 37px 44px;
    background-position: right 0px;
    border: 1px solid #ddd;
}


select.form-control .disabled{    color: #b0b3b6;    background: #e6e6e6;}
.qoute .light-title {    font-size: 20px;}
.search-bg {    padding-top: 50px;    padding-bottom: 25px;    background-color: #2f3133;    display: none;}
.input-group .input-group-btn .btn {    border-radius: 0;    padding: 11px;    border: 1px solid #ddd;}


/*Sección OPORTUNIDADES*/

.oportunidades {    padding-top: 100px;    padding-bottom: 40px;    background-color: #f6f6f6;}
.oportunidades .full-img + div {    margin-bottom: 50px;}
.vertical-tab {    background-color: #fff;}
.vertical-tab .funds-list li {    list-style: none;    margin-bottom: 5px;}
.vertical-tab .funds-list li:before {    display: none;}

.vertical-tab .funds-list li a {
    border: 0;
    font-weight: normal;
    background-color: transparent;
    color: #0062ae;
    text-transform: none;
    padding: 0;
}

.vertical-tab .funds-list li a .premios{
    color: #505356;
     font-style: italic; 
    display: block;
/*    font-weight: bold;*/
}

.vertical-tab .funds-list li a:hover {
    color: #004d8a;
}

.vertical-tab .funds-list li a .risk {
    color: #999;
    border-left: 1px solid #ddd;
    padding-left: 8px;
    margin-left: 5px;
}

.vertical-tab .funds-list li a .premios + .risk {
    margin-left: 0;
} 


/*Sección PERFIL INVERSOR*/

.fun-facts-item .des h3.des-title {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 15px;
}

.fun-facts-item .des h3.light-title {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 15px;

}

.fun-facts-item .des p,.fun-facts-item .des ul li {color: #d0d0d0;}

.fun-facts-icon.w-svg .svg path {    fill: #c5c5c5;}

.fun-facts-item a.text-link {    color: #4d91ea;}

.fun-fact-section .video-thumb:before {    opacity: 0.1;}

.bg-inversor {
    max-width: 100%;
    height: 100%;
    background-image: url(../img/home/perfil-inversor.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

/*Sección NOVEDADES*/

.novedades{
    position: relative;
    padding: 50px 0;
    background-color: #f4f7fc;
    background-image: url(../img/home/novedad-bg.jpg);
    background-size: contain;
    background-attachment: fixed;    
    background-position: center bottom;
    background-repeat: no-repeat;    
}



.novedades .card {
    margin-top: 30px;
    padding: 20px 20px 15px 20px;
    background-color: #fdfdfd;       
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);   
}

.novedades .card .card-head{
    position: relative;
}

.novedades .card.type-4 {border-left:12px solid #c4d8eb;} 
.novedades .card.type-3 {border-left:12px solid #d4dee0;} 
.novedades .card.type-2 {border-left:12px solid #d5d5d5;}
.novedades .card.type-1 {border-left:12px solid #d4dae0;}

.novedades .card .card-head .icon {
    position: absolute;
    top: -10px;
    left: -5px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}


.novedades .card .card-head .icon .svg{
    position: relative;
    width: 70%;
    height: 70%;
    left: 15%;
    top: 15%;
}

.novedades .card .svg path {fill: #a5a5a5;}

.novedades .card  h3.des-title{   
    margin-left: 45px;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: "futura lt book";
    font-weight: bold;
    line-height: 21px;    
    
}

.novedades .card .card-body p{    
    font-size: 14px;
    line-height: 21px!important;
    margin-bottom: 10px;    
}

.novedades .card .card-body .img-responsive{margin-bottom: 15px;}
.novedades .card .card-body audio{width:100%;}

.novedades .card .card-body .gestor{position: relative; display: table; margin-bottom: 10px; margin-top: 10px; margin-left: auto;}
.novedades .card .card-body .gestor .circulo{display: table-cell; width: 34px; height: 34px; border-radius: 100%; float: left;}
.novedades .card .card-body .gestor p{
    display: table-cell;
    padding-right: 12px;
    font-size: 14px;
    position: relative;
    top: -7px;
    vertical-align: bottom;
}

.novedades .card .card-body .poster{display: table; width: 100%; margin-top: 15px;}
.novedades .card .card-body .poster img{display: table-cell; vertical-align: top;}
.novedades .card .card-body .poster p{display: table-cell; vertical-align: top;padding-left: 20px;}

/*Sección CONOCER MÁS*/

.pd-conocer {    padding-bottom: 150px;}
.bg-gestora {    padding-top: 70px;    text-align: center;    background-color: #f8f8f8;}
.bg-gestora .carsouel-content-p{    margin-left: 10px;    margin-right: 30px;    font-size: 16px;    line-height: 26px!important;}
.bg-gestora .gestores{    position: relative;    overflow: hidden;    padding-top: 20px;}
.bg-gestora .gestores .bloque-frases{    position: absolute;    bottom: 130px;    left: 0;       width: 100%;    opacity: 0;    left:600px;}
.bg-gestora .gestores .bloque-frases p{     max-width: 80%;    margin: 0 auto;}

.bg-gestora .gestores .bloque-frases .frase{
    font-size: 27px;
    line-height: normal;    
    font-family: "Futura lt book";
    font-weight: bold;
    letter-spacing: 1px;
    color:#fff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}


.bg-gestora .gestores .bloque-frases .drop-caps {
    background-color: rgba(46, 124, 185, 0.85);
    margin: 0;
    float: none;
    border-radius: 5%;
    width: 50px;
    height: 60px;
    line-height: 64px;
    font-size: 44px;  
}
.bg-gestora .gestores  #frase2 .drop-caps {    width: 60px;}
.bg-gestora .gestores .btn{    position: absolute;    bottom: 40px;    left: 50%;    margin-left: -80px;}
.featured-item {    padding: 0 10px;}
.featured-item .icon.w-svg .svg{    text-align: center;    max-height: 55px;    width: 100%;}
.featured-item .icon.w-svg .svg path {    fill: #afafaf;}


/*Sección TU AHORRO*/

.ahorro.parallax {
    background-color: #afafaf;
    background-image: url(../img/home/fondo-bloque2.jpg);
    background-position: 50% top;
    background-size: cover;
    background-repeat: no-repeat;
}

.ahorro .overlay {
    background-image: url(../img/home/lineas.png);
    background-position: left top;    
    background-repeat:repeat;
}

.ahorro .img-riesgos{    
    background-image: url(../img/home/riesgos.jpg);
    background-position: left top;    
    background-repeat:no-repeat;
    background-size: cover; 
    width: 100%;
    height: 100%;    
}


.ahorro .overlay .section-padding-big{
    padding-top: 100px;
    padding-bottom: 110px;   
}

.ahorro .box-100 {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
}

.ahorro .featured-item {
    padding: 30px 20px 25px 20px;
    background-color: transparent;
}

.ahorro .featured-item:hover h3 {    color: #2c333d!important;}
.ahorro .list-bullet {    padding-left: 20px;}
.ahorro .list-bullet li {    list-style: square;}


/*Sección BANNERS - INFORMACIÓN */

.informacion {    background-color: #f6f6f6;}
.informacion h3 {
    font-size: 16px;
    text-transform: uppercase;
    border-left: 2px solid #ccc;
    padding-left: 15px;
}

.informacion hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 1px solid #e8e8e8;
}

.informacion .informacion-padding {    padding-top: 100px;    padding-bottom: 50px;}
.informacion .list-block:nth-child(2) {    text-align: right;}
.informacion .list-block:nth-child(2) .line-left {    margin-right: 5px;}
.informacion .list-block:nth-child(3) {    text-align: center;}
.informacion .list-block:nth-child(4) {    text-align: left;}
.informacion .list-block:nth-child(4) .line-left {    margin-left: 5px;}
.informacion .list-block .line-left {    display: inline-block;    text-align: left;}
.informacion .usefull-link ul li a {    color: #606366;    font-size: 15px;}
.informacion .usefull-link ul li a:hover {    color: #0062ae;}
.informacion .banners .partner-logo {    border: 1px solid #ddd;    max-width: 160px;    margin-top: 10px;}

/*navegacion-scroll*/

.go-to-bottom{
    position: fixed;
    right: 3%;
    bottom: 48%;
    z-index: 999;
    display: none;
}


.go-to-bottom .scroll-bottom {
    position: relative;
    background-color: rgba(0, 0, 0, 0.75);
    border: 1px solid #757575;
    border-radius: 25px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);       

}

.go-to-bottom .scroll-bottom:before {
    content:"";
    position: absolute;
    width: 10px;
    height: 10px;  
    left:20px;
    top:20px;
    border-radius: 50px;
  box-shadow: 0 0 0 0 rgba(80, 145, 235, 0.6);   
-webkit-animation: pulse 1.75s 2 cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.75s 2 cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.75s 2 cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.75s 2 cubic-bezier(0.66, 0, 0, 1); 
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 55px rgba(80, 145, 235, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 55px rgba(80, 145, 235, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 55px rgba(80, 145, 235, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 55px rgba(80, 145, 235, 0);}}



.go-to-bottom .scroll-bottom i {    font-size: 30px;    color: #fff;}


/*MEDIA QUERIES*/

@media only screen and (max-width: 1920px) {
    video {width: auto!important;}
}


@media only screen and (min-width: 768px) {
    /* SECCIÓN conocer más */
    .featured-section .row {
        position: relative;
    }
    .featured-section .static-responsive {
        position: static;
    }
    .featured-section .row .btn-absolute {
        clear: both;
        text-align: center;
        position: absolute;
        bottom: -60px;
        margin-left: -25px;
        margin-top: 30px;
        width: 33.333%;
    }
    .featured-section .row .btn-absolute a {
        width: 160px;
    }
    
}

@media only screen and (min-width: 1200px) {
    /*    Revolution SLider*/
    /*animations slider*/
    
    .videos-animation {
width: 180vw!important;
height: auto;
display: block;
    }  
    
    .videos-animation img {
width: 100%!important;
height: auto!important;
margin-left: -28vw;
    }     
    
    
    .anima-1 {
animation: animationFrames-1 linear 7s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-delay: 0;
-webkit-animation: animationFrames-1 linear 7s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-delay: 0;
opacity: 0;
top: -150px;
left: -75px;
    }
    @keyframes animationFrames-1 {
0% {    opacity: 0.1;    transform: translate(50px, 100px);}
25% {    opacity: 1;    transform: translate(25px, 50px);}
75% {    opacity: 1;    transform: translate(-25px, -50px);}
100% {    opacity: 0;    transform: translate(-50px, -100px);}
    }
    @-webkit-keyframes animationFrames-1 {
0% {    opacity: 0.1;    -webkit-transform: translate(50px, 100px);}
20% {    opacity: 1;    -webkit-transform: translate(25px, 50px);}
80% {    opacity: 1;    -webkit-transform: translate(-25px, -50px);}
100% {    opacity: 0;    -webkit-transform: translate(-50px, -100px);}
    }
    .anima-2 {
animation: animationFrames-2 linear 6s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-delay: 5.5s;
-webkit-animation: animationFrames-2 linear 6s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-delay: 5.35s;
opacity: 0;
top: -170px;
left: -95px;
    }
    @keyframes animationFrames-2 {
0% {    opacity: 0.1;    transform: translate(-50px, -70px);}
25% {    opacity: 1;    transform: translate(-25px, -35px);}
75% {    opacity: 1;    transform: translate(25px, 35px);}
100% {    opacity: 0;    transform: translate(50px, 70px);}
    }
    @-webkit-keyframes animationFrames-2 {
0% {    opacity: 0.1;    -webkit-transform: translate(-50px, -100px);}
20% {    opacity: 1;    -webkit-transform: translate(-25px, -50px);}
80% {    opacity: 1;    -webkit-transform: translate(25px, 50px);}
100% {    opacity: 0;    -webkit-transform: translate(50px, 100px);}
    }
    .anima-3 {
animation: animationFrames-3 linear 6s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-delay: 10s;
-webkit-animation: animationFrames-3 linear 6s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-delay: 9.85s;
opacity: 0;
top: -200px;
left: -80px;
    }
    @keyframes animationFrames-3 {
0% {    opacity: 0.15;    transform: translate(50px, 10px);}
25% {    opacity: 1;    transform: translate(25px, 5px);}
75% {    opacity: 1;    transform: translate(-25px, -5px);}
100% {    opacity: 0;    transform: translate(-50px, -10px);}
    }
    @-webkit-keyframes animationFrames-3 {
0% {    opacity: 0.15;    -webkit-transform: translate(50px, 10px);}
20% {    opacity: 1;    -webkit-transform: translate(25px, 5px);}
80% {    opacity: 1;    -webkit-transform: translate(-25px, -5px);}
100% {    opacity: 0;    -webkit-transform: translate(-50px, -10px);}
    }
    .anima-4 {
animation: animationFrames-4 linear 6s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-delay: 14.5s;
-webkit-animation: animationFrames-4 linear 6s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-delay: 14.35s;
opacity: 0;
top: -185px;
left: -150px;
    }
    @keyframes animationFrames-4 {
0% {    opacity: 0.15;    transform: translate(-50px, -10px);}
25% {    opacity: 1;    transform: translate(-25px, -5px);}
75% {    opacity: 1;    transform: translate(25px, 5px);}
100% {    opacity: 0;    transform: translate(50px, 10px);}
    }
    @-webkit-keyframes animationFrames-4 {
0% {    opacity: 0.15;    -webkit-transform: translate(-50px, -10px);}
20% {    opacity: 1;    -webkit-transform: translate(-25px, -5px);}
80% {    opacity: 1;    -webkit-transform: translate(25px, 5px);}
100% {    opacity: 0;    -webkit-transform: translate(50px, 10px);}
    }
    /*Sección BANNERS - INFORMACIÓN */
    .informacion .banners > div:first-child .partner-logo {
margin-left: auto;
margin-right: auto;
    }
    .informacion .banners > div:last-child .partner-logo{
margin-left: 30px;
    }
    

    
}


@media only screen and (min-width: 1400px) { 
    .go-to-bottom{right: 4%;    }
    .videos-animation {width: 160vw!important;    }  
    .videos-animation img {margin-left: -20vw;    }   
}   

@media only screen and (min-width: 1600px) {
    .go-to-bottom{right: 5%;   } 
    .videos-animation {width: 115vw!important;    } 
    .videos-animation img {margin-left: 0;    }       
}

/*desktop first*/

@media only screen and (max-width: 1199px) {
    
    .go-to-bottom{right: 15px;    } 
    
    /*REVOLUTION Slider*/
    .videos-animation {
width: 1500px!important;
width: 148vw!important;
height: auto;
display: block;
    }  
    
    .videos-animation img {
width: 100%!important;
height: auto!important;
    }      
    
    .videos-animation .anima-3,
    .videos-animation .anima-4{
top:-30px;    
    }    
    
    .video-items img {
width: 240px!important;
height: 134px!important;
    }
    .premio {
width: 200px!important;
height: 200px!important;
    }
    /*Sección EVOLUCIÓN; */
    .pd-evolucion {
padding-top: 60px;
    }
    
    .pd-evolucion .row .col-sm-4:last-child p.mt-10{
letter-spacing: -0.3px;
    }
    
    .pd-evolucion .row .col-sm-4:nth-child(1) .notes,
    .pd-evolucion .row .col-sm-4:nth-child(2) .notes{
margin-top: 40px;
    }       
    
    .pd-evolucion .row .col-sm-4:nth-child(1) .btn-primary{
margin-top: 22px;
    }    
    
    /*Sección AHORRO; */
    .ahorro.parallax {
background-position: 80% 50%;
background-attachment: fixed;
    }
    /*Sección BANNERS - INFORMACIÓN */
    .informacion h2 {
font-size: 25px;
margin-bottom: 20px;
    }
    .informacion h3 {
padding-left: 10px;
    }
}

@media only screen and (max-width: 991px) {
    
    /*REVOLUTION Slider*/
    .videos-animation {
width: 200vw!important;
    }  
    
    .videos-animation img{
margin-left: -40vw;
margin-top: -10vh
    }
    
    /*REVOLUTION Slider*/    
    .bg-gestora .gestores .bloque-frases{
bottom: 15vw;  
    }
    
    /*Sección EVOLUCIÓN */
    #barra-buscador + .container .btn {
/*white-space: normal;*/
    }
    
    .pd-evolucion .row .col-sm-4:last-child p.mt-10{
letter-spacing: 0;
    }
   
    .pd-evolucion .row .col-sm-4:nth-child(1) .btn-primary {
margin-top: 10px;
    }    
    
    .pd-evolucion .row .col-sm-4:nth-child(2) .form-group{
    margin-top: 25px;
    }   
    
    .pd-evolucion .row .col-sm-4:nth-child(3) .form-group{
    margin-top: 50px;
    }       
    
    
    /*Sección OPORTUNIDADES*/
    .oportunidades {
padding-top: 40px;
    }
    .oportunidades .full-img .img-responsive {
margin: 0 auto 20px auto;
max-width: 240px;
    }
    /*Sección BANNERS - INFORMACIÓN */
    .informacion h2 {
font-size: 25px;
margin-bottom: 20px;
    }
    .informacion .partner-logo {
margin-left: 20%;
margin-right: 20%;
    }
    .informacion .list-block:nth-child(2),
    .informacion .list-block:nth-child(3),
    .informacion .list-block:nth-child(4) {
text-align: left;
    }
    .informacion .informacion-padding .img-informacion {
padding: 0 100px;
margin-bottom: 40px;
    }
    .informacion .banners .partner-logo {
margin-left: 0!important;
    }
}

@media only screen and (max-width: 767px) {
    /* ================ General ================== */
    h1 {font-size: 37px;    }
    h2 {font-size: 28px;    }
    h3 {font-size: 22px;    }
    h4 {font-size: 16px;    }
    h5 {font-size: 14px;    }
    h6 {font-size: 12px;    }
    p {margin: 0 0 15px;    }
    .btn {font-size: 13px;line-height: 20px;padding: 10px 24px;    }
.center-responsive{display: block;text-align: center;    }    
.go-to-bottom,
    .go-to-bottom .scroll-bottom{
display: none!important;
    }      
    
    /*REVOLUTION Slider*/
    .videos-animation {width: 220vw!important;    }  
    
    .videos-animation .anima-3,    .videos-animation .anima-4{top:8vh;    }      
    
    .videos-animation img{margin-left: -80vw;top:8vh;    } 
    
    #soluciones{background-color: #f0f6ff;  }    
    
    #soluciones.fondo-1{
max-width: 100%;
height: 100%;
background-image: url(../img/banners-home/revolucion-digital-en-la-inversion.png);
background-position: right bottom;
background-size: 50%;
background-repeat: no-repeat;
    }    
      
    #soluciones.fondo-2{
max-width: 100%;
height: 100%;
background-image: url(../img/banners-home/oportunidades-en-pequenas-companias.png);
background-position: right bottom;
background-size: 50%;
background-repeat: no-repeat;
    }  
    
    #soluciones.fondo-3{
max-width: 100%;
height: 100%;
background-image: url(../img/banners-home/gama-multiactivos-flexibles.png);
background-position: right bottom;
background-size: 50%;
background-repeat: no-repeat;
    }  
    
    #soluciones.fondo-4{
max-width: 100%;
height: 100%;
background-image: url(../img/banners-home/fondos-de-retorno-absoluto.png);
background-position: right bottom;
background-size: 50%;
background-repeat: no-repeat;
    }     
    
    .title-animation a{
display: block;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
/*color:#005aa0;*/
white-space: normal;
width: 150px;
line-height: 18px!important;
    }    
    
    .title-animation a .btn {
position: absolute;
top:-5px;
right:-135px;
    }    
    
    .rev_slider .btn {
font-size: 13px!important;
padding: 14px 26px!important;
    }
    .main-title h1 {
padding: 0;
margin: 0;
    }
    .main-title h1 .slogan {
font-size: 5vw!important;
margin-bottom: 10px;
    }
    .main-title h1 .part1 {
font-size: 5vw!important;
margin-right: 0;
    }
    .main-title h1 .part2 {
font-size: 5vw!important;
    }
    .banner-text {
margin: 0;
padding: 15px;
    }
    .banner-text span {
font-size: 5.5vw!important;
    }
    .premio-icono {
width: 38px!important;
height: 38px!important;
    }
    .premio-icono + span {
font-size: 16px!important;
line-height: 18px!important;
padding-left: 20px;
    }
    /*Sección EVOLUCIÓN*/
    .pd-evolucion {
padding-top: 40px;
padding-bottom: 40px;
    }
    .pd-evolucion h3.des-title {
margin-top: 20px;
    }
    .pd-evolucion .section-divider {
margin-top: 0;
    }

    .pd-evolucion .row .col-sm-4:nth-child(2) .form-group,
    .pd-evolucion .row .col-sm-4:nth-child(3) .form-group{
    margin-top: 30px;
    }    
    
    .pd-evolucion .row .col-sm-4:nth-child(1) .notes, 
    .pd-evolucion .row .col-sm-4:nth-child(2) .notes {
margin-top: 15px;
    }   
    
    .pd-evolucion .row .col-sm-4:nth-child(1) .btn-primary {
margin-top: 0;
    }    
    
    /*Sección OPORTUNIDADES*/
    .oportunidades {
padding-top: 60px;
padding-bottom: 0;
    }
    .oportunidades .section-title {
margin-right: 80px;
    }
    .oportunidades .panel-title {
font-family: "Futura lt book";
font-weight: 800;
    }
    .oportunidades .vertical-tab .funds-list li a .risk {
margin-left: 2px;
display: inline-block;
    }
    .oportunidades .vertical-tab {
background-color: transparent;
    }
    .oportunidades .full-img {
position: absolute;
right: 0;
overflow: hidden;
    }
    .oportunidades .full-img + div {
margin-bottom: 0;
    }
    .oportunidades .full-img .img-responsive {
max-width: 170px;
position: relative;
left: 30px;
    }
    /* Sección PERFIL INVERSOR */
    .fun-facts-item.icon-left {
margin-bottom: 0;
    }
    .fun-facts-item.icon-left .fun-facts-icon.w-svg {
display: none;
    }
    .fun-facts-icon.w-svg + .des {
margin-left: 0;
    }
    .fun-facts-content.equal-height-column {
padding: 30px 20px;
    }
    /*Sección CONOCER MÁS*/
    .pd-conocer {
padding-top: 40px;
padding-bottom: 50px;
    }
    .featured-section .row .btn-absolute {
margin-bottom: 50px;
    }    
    
    .bg-gestora .gestores{
padding-top: 100px;    
    }    
    
    .bg-gestora .gestores .bloque-frases .frase {
font-size: 20px;
letter-spacing: 0.8px;
text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
    }  
    
    .bg-gestora .gestores .bloque-frases {
bottom: auto;
top: 10px;
    }    
    
    .bg-gestora .gestores .btn {
bottom: 10px;
    }   
    
    .bg-gestora .gestores .bloque-frases .drop-caps {
border-radius: 5%;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 24px;
    }    
    
    
    /*Sección TU AHORRO*/
    .ahorro .overlay .section-padding-big{
padding-top: 60px;
padding-bottom: 80px; 
padding-left: 15px;
padding-right: 15px;
    }    
    .ahorro .featured-item {
padding-top: 0;
    }
    /* Sección BANNERS - INFORMACIÓN */
    .informacion .informacion-padding {
padding-top: 50px;
padding-bottom: 50px;
    }
    .informacion h2 {
font-size: 28px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
line-height: normal;
border: 0;
    }
    .informacion .informacion-padding .img-informacion {
padding: 0;
    }
    .informacion .partner-logo {
margin-left: 5%;
margin-right: 5%;
    }
}

@media only screen and (max-width: 350px) {
    .oportunidades .section-title {
margin-right: 0;
    }
    .oportunidades .full-img {
margin-top: 60px;
    }
    .oportunidades .full-img .img-responsive {
left: 25px;
    }
}

/*Sección SOSTENIBILIDAD*/

.sostenibilidad {    position: relative;    background-color: #ecf1f7;    padding: 10px 0;}

.sostenibilidad .img-sostenibilidad {    position: relative;    background-image: url(../img/home/sostenibilidad.jpg);    background-repeat: no-repeat;    background-position: left center;    background-size: contain; }
.sostenibilidad .triangulo {    position: absolute;    right: 0;    border-top: 0 solid;}
.sostenibilidad h2{    color: #2c333d!important;}
.sostenibilidad .fun-facts-content {    padding: 100px 120px 100px 80px;}
.sostenibilidad .section-divider{    margin-bottom: 30px;}
@media only screen and (max-width: 1199px) {
    .sostenibilidad {padding: 0;    }    
    .sostenibilidad .fun-facts-content {padding: 60px 40px;    }
    .sostenibilidad .img-sostenibilidad {background-position: left 60px;    }    
    .sostenibilidad .triangulo {display: none;}  
}
@media only screen and (max-width: 991px) {
	.sostenibilidad .img-sostenibilidad {background: transparent;height: auto!important;padding: 30px 30px;    }    
	.sostenibilidad .fun-facts-content {padding: 10px 30px 30px 30px;    }   
	.sostenibilidad  .center-responsive{text-align: center;    }    
	.sostenibilidad .row > div:first-child img {display: block;margin-bottom: 20px;    }    
	.sostenibilidad .row > div:first-child:before {display: none;    }    
	.sostenibilidad .equal-height-colum {height: auto!important;    }  
}
@media only screen and (max-width: 767px) {
	.sostenibilidad{padding: 40px 0;    }    
	.sostenibilidad .valign-cell {display: block;padding: 15px;    }
	.sostenibilidad .valign-wrapper { display: block; width: auto;}    
	.sostenibilidad .img-sostenibilidad{display: none;    }
}

/*Sección Novedades MEDIA QUERIES*/

 

@media only screen and (min-width: 1600px) {
    .novedades .container-fluid{padding-left: 10%;padding-right: 10%;}  
}


@media only screen and (min-width: 1400px) { 
    .novedades .container-fluid{padding-left: 5%;padding-right: 5%;}     
}  


@media only screen and (min-width: 1200px) {
    .novedades .container-fluid{padding-left: 5%;padding-right: 5%;}    
    .novedades .row.equal-height-row > div{padding-left: 50px; padding-right: 50px;}   
    .novedades .card {padding-left: 20px;}   
    
}

@media only screen and (max-width: 1199px) {
   
    .novedades .card .card-head .icon {
        width: 40px;
        height: 40px;
    }
    
    .novedades .card .card-body .poster {
        display: block;
        width: auto;
    }
    
    .novedades .card .card-body .poster img{
        display: block;
        margin-bottom: 10px;
    }    
    
    .novedades .card .card-body .poster p{
        display: block;
        padding-left: 0;        
    }     
}


@media only screen and (min-width: 768px) and (max-width: 991px) {  
    .rev_slider_wrapper .notes{letter-spacing: -0.5px;}      
}

@media only screen and (max-width: 767px) {

    .novedades {
        background-size: cover;
        background-attachment: fixed;
        background-position: 20% bottom;
    }    
    
    .novedades .card {padding: 15px;}
    .novedades .card .card-head .icon {left: -10px;}        
    .novedades .card h3.des-title {margin-left: 40px;}    
}

@media only screen and (max-width: 350px) {
    .rev_slider_wrapper .banner-text span{letter-spacing: -0.5px;}
    .rev_slider_wrapper .notes{letter-spacing: -0.5px;}     
}



/* CARD MINI - PASTILLA - Cuña */



.rev_slider_wrapper .card-mini {
    position: relative;
    background-color: rgba(245,248,255,0.8);
    min-height: 150px;
    padding: 24px 16px 16px 8px !important;
    margin-left:22px;
    border-radius: 2px;
}
.rev_slider_wrapper .card-mini:before,.rev_slider_wrapper .card-mini:after {
    content: " ";
    position: absolute;
    left: -40px;
    width: 0;
    border: 20px solid transparent;
    border-right: 20px solid rgba(245,248,255,0.8);
}
.rev_slider_wrapper .card-mini:before {
    top: 0;
    height: 60px;
    border-top: none;
}
.rev_slider_wrapper .card-mini:after {
    border-bottom: none;
    top: 60px;
    height: calc(100% - 60px);
}

.rev_slider_wrapper .card-mini .card-content .card-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom:16px;
    background-color: #0B7AD0;
    color: #fff!important;
}
.rev_slider_wrapper .card-mini .card-content .card-title  h1,
.rev_slider_wrapper .card-mini .card-content .card-title  h2,
.rev_slider_wrapper .card-mini .card-content .card-title  h3,
.rev_slider_wrapper .card-mini .card-content .card-title  h4,
.rev_slider_wrapper .card-mini .card-content .card-title  h5 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
   	padding: 8px 16px!important;
    color: #fff!important;
}
.rev_slider_wrapper .card-mini .card-content {
    margin: 14px 0px 14px 14px;
      font-family: "Futura lt Book";
}
.rev_slider_wrapper .card-mini .card-content .card-text p:first-of-type {
    margin-top: 22px;
}

@media only screen and (max-width: 768px) {
.rev_slider_wrapper .card-mini .card-content .card-title {
    font-size: 16px;
    
    margin-bottom:8px;
    background-color: #0B7AD0;
    color: #fff!important;
}

.rev_slider_wrapper .card-mini .card-content {
    margin: 8px 0px 8px 8px;
      
}
.rev_slider_wrapper .card-mini:before {
    top: 0;
    height: 30px;
    border-top: none;
}
.rev_slider_wrapper .card-mini:after {
    border-bottom: none;
    top: 30px;
    height: calc(100% - 30px);
}
.rev_slider_wrapper .card-mini {
   
    padding: 8px 16px 16px 8px !important;
    margin-left:22px;
    border-radius: 2px;
}

}