@font-face { font-family: 'CircularStd-Book';
             src:
                 url('../fonts/custom/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/custom/CircularStd-Book.otf') format('opentype'),
                 url('../fonts/custom/CircularStd-Book.woff') format('woff'),
                 url('../fonts/custom/CircularStd-Book.ttf') format('truetype'),
                 url('../fonts/custom/CircularStd-Book.svg#CircularStd-Book') format('svg');
             font-weight: normal;
             font-style: normal;
}

@font-face { font-family: 'CircularStd-Medium';
             src:
                 url('../fonts/custom/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/custom/CircularStd-Medium.otf') format('opentype'),
                 url('../fonts/custom/CircularStd-Medium.woff') format('woff'),
                 url('../fonts/custom/CircularStd-Medium.ttf') format('truetype'),
                 url('../fonts/custom/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
             font-weight: normal;
             font-style: normal;
}

@font-face { font-family: 'CircularStd-Bold';
             src:
                 url('../fonts/custom/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/custom/CircularStd-Bold.otf') format('opentype'),
                 url('../fonts/custom/CircularStd-Bold.woff') format('woff'),
                 url('../fonts/custom/CircularStd-Bold.ttf') format('truetype'),
                 url('../fonts/custom/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
             font-weight: normal;
             font-style: normal;
}

@font-face { font-family: 'CircularStd-Black';
             src:
                 url('../fonts/custom/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/custom/CircularStd-Black.otf') format('opentype'),
                 url('../fonts/custom/CircularStd-Black.woff') format('woff'),
                 url('../fonts/custom/CircularStd-Black.ttf') format('truetype'),
                 url('../fonts/custom/CircularStd-Black.svg#CircularStd-Black') format('svg');
             font-weight: normal;
             font-style: normal;
}

body{
    font-family: 'CircularStd-Book','Source Sans Pro', sans-serif;
    font-size: 18px;
    color:#1b0f66;
    position:relative;
    /*padding-top: 85px;*/
}

/*h2{
    font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;
}

p{
    color:#79818e;
    line-height: 30px;
    font-size: 15px;
}*/

.footer{
    font-size: 12px;
}

.footer .contenido-white{
    font-size: 10px;color:#f9f9f7;line-height: 20px;
}
/*Para el menu*/
.navbar {
    border:none;
}
.navbar-main{
    background-color: #fff;
    border-color: #fff;
}
.subnavbar{
    background-color: #1b0f66;border-radius:0px;min-height: 0px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .nav-justified>li>a{
    color:#1b0f66;
    font-weight: 400;
    font-size: 12px;
}

.subnavbar .navbar-nav>li>a, .subnavbar .nav-justified>li>a{
    color:#fff;
    font-weight: 400;
    font-size: 12px;
}

@media (min-width: 768px){
    .navbar-nav>li>a, .nav-justified>li>a {
        /*padding-top: 5px;
        padding-bottom: 5px;*/
        padding:10px 15px;
    }
    /*.navbar-nav>li{
        margin-left: 40px;
    }*/
    .navbar-right {
        padding-top: 10px;
    }

    .subnavbar .navbar-nav>li>a, .subnavbar .nav-justified>li>a {
        /*padding-top: 5px;
        padding-bottom: 5px;*/
        padding:15px 15px;
    }
    /*.navbar-nav>li{
        margin-left: 40px;
    }*/
    .subnavbar .navbar-right {
        padding-top: 0px;
    }
}

@media (max-width: 768px){
    .logoOjocontainer{
        text-align:center;
        padding-top:10px;
    }
}



.btn-menu {
    color: #fff !important;
    background-color: #fab40b;
    border-color: #fab40b;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 10px 30px !important;
}
.btn-menu:focus, .btn-menu:hover {
    color: #004ce1 !important;
    background-color: #286090;
    border-color: #004ce1;
}
.btn-menu:active,
.btn-menu.active{
    color: #fff;
    background-color: #286090;
    border-color: #004ce1;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover ,.navbar-default .navbar-nav>li>a:focus,
.navbar-default .nav-justified>.active>a, .navbar-default .nav-justified>.active>a:focus, .navbar-default .nav-justified>.active>a:hover ,.navbar-default .nav-justified>li>a:focus
{
    font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;
    color: #1b0f66;
    background-color: #fff;
}

.subnavbar .navbar-nav>.active>a, .subnavbar .navbar-nav>.active>a:focus, .subnavbar .navbar-nav>.active>a:hover ,.subnavbar .navbar-nav>li>a:focus,
.subnavbar .nav-justified>.active>a, .subnavbar .nav-justified>.active>a:focus, .subnavbar .nav-justified>.active>a:hover ,.subnavbar .nav-justified>li>a:focus
{
    color: #fab40b;
    background-color: #1b0f66;
}

.active-menu{
    font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;
    color: #1b0f66;
    background-color: #fff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar-default .nav-justified>li>a:focus, .navbar-default .nav-justified>li>a:hover
{
    /*font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;*/
    color: #1b0f66;
    background-color: #fff;
}

.subnavbar .navbar-nav>li>a:focus, .subnavbar .navbar-nav>li>a:hover,
.subnavbar .nav-justified>li>a:focus, .subnavbar .nav-justified>li>a:hover
{
    color: #fab40b;
    background-color: #1b0f66;
}

.container-main{
    background: #fff url(../../images/hero-decoration-blue.png) no-repeat right center; background-size: 172px 345px;
}

.container-registerFitspin{
    background: #fff url(../../images/circleder.png) no-repeat right center; background-size: 490px 634px;
}

.container-white{
    background-color: #fff;
}

.container-main .container{
    padding-top: 130px; padding-bottom: 0px;
}
.container-white .container,
.container-blue-dark .container,
.container-blue .container,
.container-gray .container{
    padding-top: 110px; padding-bottom: 120px;
}

.container-campaign{
    background: #f9f9f7;text-align: center;
}
.container-campaign{
    padding-top: 0px; padding-bottom: 0px;text-align: left;
}

.container-gray{
    background: #f9f9f7;
}

.container-blue-dark{
    background: #1b0f66;
}

.container-blue{
    background: #2c54bc;
}

.contenido-blue h1{
    font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 1.2;
}

.contenido-blue h2{
    font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    color: #1b4fd9;
}

.contenido-blue h3{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
}

.contenido-blue li{
    font-size: 24px;
    font-weight: 600;
    line-height: 2;
}

.contenido-white{
    color: #fff;
}
.contenido-white h1{
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
}

.contenido-blue p{
    font-size: 27px;
    line-height: 1.2;
}

.nosotros{
    font-size:28px;color:#4357f9;
}

.porquepropelerlist{
    font-size:22px;
}
.porquepropelerlist h2{
    font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;font-size:26px;
}


.contenido-white p{
    font-size: 20px;
    font-weight: lighter;
    line-height: 1.5;
}

.btn-hero {
    color: #fff !important;
    background-color: #fab40b;
    border-color: #fab40b;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 17px 30px !important;
}
.btn-hero:hover,.btn-hero:active {
    color: #fff !important;
    background-color: #1b0f66;
    border-color: #1b0f66;
}

.btn-white {
    color: #1b0f66 !important;
    background-color: #fff;
    border-color: #fff;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 17px 30px !important;
}
.btn-white:hover,.btn-white:active {
    color: #fff !important;
    background-color: #1b0f66;
    border-color: #1b0f66;
}

.btn-comunidad {
    color: #000 !important;
    background-color: #fff;
    border-color: #fff;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 17px 30px !important;
}
.btn-comunidad:hover,.btn-white:active {
    text-decoration:underline ;
    color: #000 !important;
    background-color: #fff;
    border-color: #fff;
}
.btn-comunidad-active,.btn-comunidad-active:hover {
    color: #fff !important;
    background-color: #1b0f66;
    border-color: #1b0f66;
}

.btn-gris {
    color: #000 !important;
    background-color: #f9f9f7;
    border-color: #f9f9f7;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 17px 30px !important;
}


.btn-propeler-question {
    color: #1b0f66 !important;
    background-color: #fff;
    border-color: #fab40b;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 17px 30px !important;
}
.btn-propeler-question:hover,.btn-propeler-question:active {
    color: #fff !important;
    background-color: #fab40b;
    border-color: #fab40b;
}

.btn-propeler-question-cancelar {
    color: #fff !important;
    background-color: #ff4c52;
    border-color: #ff4c52;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 17px 30px !important;
}
.btn-propeler-question-cancelar:hover,.btn-propeler-question-cancelar:active {
    color: #fff !important;
    background-color: #ff666b;
    border-color: #ff666b;
}

.btn-quiero-invertir {
    color: #1b0f66 !important;
    background-color: #fff;
    border-radius: 0;
    font-size: 20px;
    border: #1b0f66 2px solid;
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn-quiero-invertir:hover,.btn-quiero-invertir:active {
    color: #fff !important;
    background-color: #1b0f66;
    border-color: #1b0f66;
}

.btn-ver-proyecto {
    color: #fff !important;
    background-color: #004ce1;
    border-radius: 0;
    border-color: #004ce1;
    font-size: 20px;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn-ver-proyecto:hover,.btn-ver-proyecto:active {
    color: #004ce1 !important;
    background-color: #fff;
    border-color: #004ce1;
}

.btn-ver-todas {
    color: #fff !important;
    background-color: #004ce1;
    border-color: #004ce1;
    font-size: 20px;
    font-weight: 400;
    border-radius: 32px;
    padding: 15px;
}
.btn-ver-todas:hover,.btn-ver-todas:active {
    color: #004ce1 !important;
    background-color: #fff;
    border-color: #004ce1;
}

.btn-conocer-mas {
    background-color: #004ce1;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 32px;
    padding: 15px 40px;
}
.btn-conocer-mas:hover,.btn-conocer-mas:active {
    color: #fff !important;
    background-color: #004ce1;
    border-color: #004ce1;
}

.btn-propeler-participa {
    background-color: #004ce1;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 32px;
    padding: 15px 40px;
}
.btn-propeler-participa:hover,.btn-propeler-participa:active {
    color: #fff !important;
    background-color: #004ce1;
    border-color: #004ce1;
}

.btn-genesis-participa {
    background-color: #28a52d;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 32px;
    padding: 15px 40px;
}
.btn-genesis-participa:hover,.btn-genesis-participa:active {
    color: #fff !important;
    background-color: #28a52d;
    border-color: #28a52d;
}

.btn-comparte {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #000;
    border-radius: 32px;
    padding: 15px 40px;
}

.btn-video{
    color: #fff !important;
    background-color: #fab40b;
    border-color: #fab40b;
    font-weight: 400;
    border-radius: 38px;
    padding: 19px 19px 15px 21px;
}

#investmentProfit{
    color: #004ce1 !important;
    padding-bottom: 8px;
    border-bottom: 2px solid #fab40b;
}

/*Slider*/
.slider{
    position: relative;
    width: 262px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 30px;
}

.slider-rail{
    height: 19px;
    background-color: white;
    border-radius: 20px;
    width: 100%;
}

.handle-item{
    bottom: 0;
    position: absolute;
}

.slider-handle{
    background-color: #FAB40B;
    width: 28px;
    height: 28px;
    margin-left: -14px;
    border-radius: 100%;
    top: 0;
}

.slider-rail {
    background-color: #E7EAE8;
}
.slider {
    width: 100%;
}
/*Slider*/

.title-campaign{
    color:#004ce1;
    font-weight: 600;
}

#container-container-main{
    padding-top:150px;
}

#contenido-container-main h1{
    font-size: 58px;
}
#contenido-container-main h2{
    font-size: 27px;
}

#franja-blanca{
    height: 150px;background-color:#fff
}

#left-porque{
    height: 550px;padding-left:30px;padding-top: 90px; padding-bottom: 80px; text-align: left;color:#fff;
}
#left-porque h1{
    font-size: 54px;
}
#left-porque p{
    font-size:26px;padding-left: 20px;line-height: 35px;
}

#right-top-porque{
    padding-top: 80px;padding-left:70px;padding-right:90px; text-align: left;background-color:#1b0f66;color:#fff;height: 275px;
}
#right-top-porque p{
    font-size:27px;line-height: 35px
}

#right-bottom-porque{
    padding-top: 80px;padding-left:70px;padding-right:90px;height: 275px;background-color: #f9f9f7;color:#1b0f66;
}

#right-bottom-porque p{
    font-size:27px;line-height: 35px;
}

#left-como{
    height: 600px;padding-left:150px;padding-top: 70px; padding-bottom: 80px; text-align: left;color:#000;
}
#left-como h1{
    font-size: 54px;
}
#left-como p{
    font-size:26px;padding-left: 20px;line-height: 35px;
}

#right-top-como{
    padding-top: 90px;padding-left:100px;padding-right:90px; text-align: left;background-color:#fff;color:#000;height: 600px;
}
#right-top-como p{
    font-size:26px;
}
#right-bottom-como{
    padding-top: 20px;padding-left:100px;padding-right:90px;height: 300px;background-color:#fff;color:#000;
}

#right-bottom-como p{
    font-size:18px;line-height: 25px;
}

/*#comoinvertir-title{
    background: #fff url(../../images/hero-decoration.svg) no-repeat right center; background-size: 142px 345px;padding-top:15px;
}*/

#container-comoinvertir-title{
    padding-top:90px;
    background-size: 142px 345px;
}

#alianzasyprensa{
    padding-top: 90px
}

#left-top{
    padding-top: 60px;padding-left:70px;padding-right:90px; text-align: left;background-color:#1b0f66;color:#fff;height: 320px;
}

#left-top p{
    font-size:30px;line-height: 35px
}

#left-bottom{
    padding-top: 30px;padding-left:70px;padding-right:90px;height: 200px;background-color: #f9f9f7;color:#1b0f66;
}

#left-bottom p{
    font-size:30px;line-height: 35px
}

#right-picture{
    background: #f9f9f7 url('../../images/todosPropeler.jpg') no-repeat;background-size: contain;height:550px;padding:0;
}

/*.campaigns-detail:hover img{
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
}

.campaigns-detail:hover .title-campaign{
    color:#a4a6a8;
}

.campaigns-detail:hover .btn-conocer-mas{
    color: #fff !important;
    background-color: #a4a6a8;
    border-color: #a4a6a8;
}*/

.campaign-detail:hover img{
    border: solid 10px #fab40b;
    -webkit-filter: none; /* Safari 6.0 - 9.0 */filter: none;
}
.campaign-detail:hover .title-campaign{
    color:#004ce1;
}
.campaign-detail:hover .btn-conocer-mas{
    color: #fff !important;
    background-color: #fab40b;
    border-color: #fab40b;
}

.campaigns-detail{
    text-align: center;
}

/*.success-campaigns-detail:hover img{
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
}*/

/*.success-campaigns-detail:hover .title-campaign{
    color:#004ce1;
}*/

.success-campaign-detail .title-campaign{
    padding:0 50px;
    color:#a4a6a8;
    /*text-align: left;*/
}

/*.success-campaign-detail:hover .title-campaign{
    color:#004ce1;
}*/

.success-campaign-detail:hover img{
    border: solid 4px #004ce1;
    /*-webkit-filter: none; filter: none;*/
}

.success-campaign-detail .btn-conocer-mas{
    color: #fff !important;
    background-color: #a4a6a8;
    border-color: #a4a6a8;
    text-align: left;
    font-size: 12px;
}

.success-campaign-detail:hover .btn-conocer-mas{
    color: #fff !important;
    background-color: #004ce1;
    border-color: #004ce1;
}

.success-campaigns-detail{
    text-align: center;
}

.footer a{
    text-decoration: none;
    color: #f9f9f7;
}

.footer a:hover{
    text-decoration: none;
    color: #1b4fd9;
}

.divisorcomoinvertir{
    border-top:2px solid #fab40b;margin-top:0px;margin-bottom:10px;text-align:left;margin-left:0;
}

#imageblue{
    height: 342px;width: 141px;
    /*float: right;position: relative;top: -171px;*/
    position: fixed;
    top: 120px;
    right:0px;
}

.affix {
    /*height: 342px;*/width: 120px;
    /*float: right;position: relative;top: -171px;*/
    position: fixed;
    top: 120px;
    right:0px;
    position:fixed;
}

.affix-top {
    width: 120px;
    right:0px;
    position:absolute;
}
.affix-bottom {
    width: 120px;
    right:0px;
    position:absolute;
}

.treintaycincopx{
    font-size: 35px;
}
@media (min-width: 768px){

}

@media (max-width: 768px){
    #container-container-main{
        padding-top:60px;
    }
    
    .contenido-white h1,.contenido-blue h1{
        font-size: 26px;
    }
    
    .contenido-white p,.contenido-blue p{
        font-size: 17px;
    }
    
    .nosotros{
        font-size:20px;
    }
    /*#contenido-container-main h1{
        font-size: 35px;
    }*/
    
    #contenido-container-main h2{
        font-size: 22px;
    }

    /*#container-queespropeler h1{
        font-size: 35px;
    }*/
    
    #container-queespropeler p{
        font-size: 22px;
    }
    #franja-blanca{
        height: 10px;
    }
    .container-campaign{
        padding-top: 0px; padding-bottom: 0px;
    }

    #left-porque{
        padding-left:30px;padding-top: 30px; padding-bottom: 20px; text-align: left;color:#fff;height: auto;
    }

    #left-porque h1{
        font-size: 35px;
    }
    #left-porque p{
        font-size:17px;
    }

    #right-top-porque{
        padding-top: 20px;padding-bottom: 20px;padding-left:60px;padding-right:40px; text-align: left;background-color:#1b0f66;color:#fff;height: auto;
    }
    #right-top-porque p{
        font-size:17px;line-height: 35px
    }

    #right-bottom-porque{
        padding-top: 20px;padding-bottom: 20px;padding-left:60px;padding-right:40px;height: 275px;background-color: #f9f9f7;color:#1b0f66;height: auto;
    }
    
    #right-bottom-porque p{
        font-size:17px;
    }

    #comoinvertir-title{
        background: #fff url(../../images/hero-decoration.png) no-repeat right center; background-size: 71px 172px;padding-top:15px;
    }

    #container-comoinvertir-title{
        padding-top:40px;
    }

    #container-comoinvertir-title h1{
        font-size: 35px;
    }

    #alianzasyprensa{
        padding-top: 40px;
    }

    #alianzasyprensa h1{
        font-size: 35px;
    }

    .footer .contenido-white{
        font-size: 15px;color:#f9f9f7;line-height: 20px;
    }

    #left-top{
        padding-top: 40px;padding-bottom: 20px;padding-left:50px;padding-right:50px; text-align: left;background-color:#1b0f66;color:#fff;height: auto;
    }
    #left-top h1{
        font-size: 42px;
    }

    #left-top p{
        font-size:22px;line-height: 29px;
    }

    #left-bottom{
        padding-top: 40px;padding-bottom: 20px;padding-left:50px;padding-right:50px;height: auto;background-color: #f9f9f7;color:#1b0f66;
    }
    
    #left-bottom p{
        font-size:17px;line-height: 35px
    }

    #right-picture{
        height:400px;
    }

    #commoinvertir{
        text-align: center;
    }

    .divisorcomoinvertir{
        width:100%;
    }

    .affix{
        display:none;
    }
    
    .affix-top {
        width: 120px;
        right:0px;
        position:absolute;
    }
    .affix-bottom {
        width: 120px;
        right:0px;
        position:absolute;
    }
    
    .contenido-white p,.contenido-blue p{
        font-size: 17px;
    }
    
    .porquepropelerlist{
        font-size:17px;
    }
    .porquepropelerlist h2{
        font-size:22px;
    }
    .treintaycincopx{
        font-size: 17px;
    }
    #left-como{
        height: auto;padding-left:10px;padding-top: 0px; padding-bottom: 0px; text-align: left;color:#000;
    }
    #left-como h1{
        font-size: 32px;
    }
    #left-como p{
        font-size:20px;padding-left:0px;line-height: 25px;
    }
    #right-top-como p{
        font-size:20px;line-height: 25px;
    }

    #right-bottom-como p{
        font-size:20px;line-height: 25px;
    }
    
    #right-top-como{
        padding-top:20px;padding-left:10px;padding-right:10px;padding-bottom: 10px; text-align: left;background-color:#fff;color:#000;height: auto;
    }
    #right-bottom-como{
        padding-top:20px;padding-left:10px;padding-right:10px;padding-bottom: 10px;height: auto;background-color:#fff;color:#000;
    }
    #pearl-1{
        width:49.5%;
    }
}

.contador{
    font-family: 'CircularStd-Bold','Source Sans Pro', sans-serif;
    font-size: 50px;
    font-weight: 700;
    color:#1b4fd9;
}


/*Goplek*/

.no-scroll {
    overflow: hidden;
    
}
.expando{
    text-align: left;
}

.expando .expando-content{
    display: none;
}

.expando-title {
    background-color: #1B0F66;
    padding: 15px 15px;
    border-bottom: 2px solid #FFF;
    position: relative;
}

.expando-title h3 {
    color: #fff;
    font-family: 'CircularStd-Medium';
    font-size: 22px;
    font-weight: normal;
}

.expando-title small{
    color: #fff;
    font-size: 12px;
}

.expando-title .icon{
    width: 75px;
    height: 75px;
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -37.5px;
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center center;
}

.expando-title .icon{
    background-image: url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26.1 13.3" style="enable-background:new 0 0 26.1 13.3;" xml:space="preserve"><g fill="#fff"><path class="st0" d="M13.1,13.3c-0.2,0-0.5-0.1-0.7-0.3L0.3,1.8c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l11.4,10.6L24.4,0.3c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4L13.8,13C13.6,13.2,13.3,13.3,13.1,13.3z"/></g></svg>');
}

.expando.maximized .expando-title .icon{
    background-image: url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" viewBox="0 0 14 13" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-278 -30)" fill="#fff" fill-rule="nonzero"><g transform="translate(278 30)"><path d="m7.707 6.5l5.646-5.646c0.195-0.195 0.195-0.512 0-0.707s-0.512-0.195-0.707 0l-5.646 5.646-5.646-5.646c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.646 5.646-5.646 5.646c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l5.646-5.646 5.646 5.646c0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146c0.195-0.195 0.195-0.512 0-0.707l-5.646-5.646h-2e-3z"/></g></g></g></svg>');
}

.expando.maximized{
    background: white;
    bottom: 0;
    left: 0;
    padding-bottom: 100px;
    position: fixed;
    overflow-y:auto;
    width: 100%; height: 100%;
    -webkit-overflow-scrolling:touch;
    right: 0;
    top: 0;
    z-index: 100;
}

.expando.maximized .expando-content{
    display: block;
    position: absolute;
    top: 105px;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom:70px;
}

.expando-content{
    padding: 10px;
    overflow: auto;
}

.pr-offer-bullet {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

.product{
    float: left;
    width: 150px;
    text-align: center;
    margin-bottom: 50px;
}

.product img{
    max-height: 150px;
    max-width: 150px;
}

.person{
    margin-bottom: 40px;
}

.person img{
    width: 150px;
}

section.rights {
    color: #A4A5A4;
    font-size: 14px;
    padding: 100px 0 40px;
    text-align: center;
}

footer {
    background: transparent;
    bottom: 10px;
    left: 50%;
    margin-left: -230px;
    position: fixed;
    right: 0;
    width: 460px;
}

footer .cta{
    background: #FAB40B;
    border-radius: 5px;
    color: #1B0F66;
    cursor: pointer;
    font-size: 22px;
    padding: 25px 0;
    text-align: center;
}

.expando.dialog{
    display: none;

}

.expando.maximized.dialog{
    display: block;
    bottom: 0;
    z-index: 1000;
}

form .input, form button{
    font-size: 17px;
    margin-bottom: 20px;
}

form .input label{
    display: block;
}

form .input input{
    border: solid 1px #bcbcbc;
    font-size: 17px;
    color: #07074C;
    width: calc(100% - 20px);
    padding: 10px;
}

form .input input.invalid{
    border-color: red;
    background-color: rgba(255, 0, 0, 0.1);
}

form .contact-selector{
    display: flex;
    border: solid 1px #bcbcbc;
    border-radius: 8px;
    font-size: 17px;
    margin-bottom: 20px;
    overflow: hidden;
}

form .contact-selector.invalid{
    border-color: red;
}

form .contact-selector > div{
    padding: 15px;
    width: 33%;
    text-align: center;
}

form .contact-selector > div.selected{
    background-color: #FAB40B;
    color: white;
}

form .contact-selector > div:not(:last-child){
    border-right: solid 1px #bcbcbc;
}

form button {
    color: white;
    background: #07074C;
    display: block;
    border-radius: 8px;
    padding: 15px 0;
    margin: 30px 0 0 0;
    border: none;
    width: 100%;
}

div.sending{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    z-index: 1500;
}

div.sending h2{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    left: 0;
    right: 0;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

/*
                FAQ's Section
*/
section.faq .expando-title {
    background-color: #4357FA;
    padding: 45px 0;
}

section.faq .expando.maximized .expando-content {
    padding: 0;
    top: 123px;
}

section .question {
    background-color: #E7EAE8;
    margin-bottom: 5px;
    padding: 10px 0;
}

section .question h3 {
    color: #000;
    font-size: 22px;
    margin: 0;
}

section .answer {
    background-color: #F8FAFC;
    margin-bottom: 5px;
    padding: 30px 0 75px;
}

@keyframes blinker {
    50% { opacity: 0; }
}


/*
    Product - Override
*/
.products {
    display: flex;
    /*padding: 5em 0;*/
}

.product {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    width: 33.33333%;
}

.product .inner {
    margin: 0 auto;
    max-width: 255px;
}

.product img {
    display: block;
    height: auto;
    margin: 0 auto 30px;
    max-height: none;
    max-width: 100%;
    width: auto;
}

.product h3 {
    font-size: 21px;
}


/*
    SVG Images
*/
.expando .svg-wrapper {
    margin-bottom: 30px;
    margin-top: 30px;
    max-width: 700px;
    width: 100%;
}


/*
    Thank you
*/
.thank-you-dialog {
    background: #fff;
    height: 100%;
    left: 0;
    min-height: 680px;
    position: fixed;
    top: 0;
    width: 100%;
}

.thank-you-dialog .inner {
    color: #191564;
    font-size: 28px;
    left: 50%;
    padding: 0 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.thank-you-dialog .social {
    display: flex;
    justify-content: center;
    list-style: none;
    margin-bottom: 95px;
    padding: 0;
}

.thank-you-dialog .font-large {
    font-family: 'CircularStd-Bold';
    font-size: 30px;
    margin-bottom: 50px;
    margin-top: 40px;
}

.thank-you-dialog .social a {
    display: block;
    margin: 0 25px;
    height: 55px;
    width: 55px;
}

.thank-you-dialog .btn {
    background-color: #F8B32E;
    border-radius: 2px;
    color: #191364;
    display: block;
    font-family: 'CircularStd-Bold';
    font-size: 24px;
    line-height: 56px;
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

@media(max-width: 767px) {

    /*
        Expando
    */
    .expando.maximized {
        padding-bottom: 70px;
    }

    .expando-title h3 {
        font-size: 18px;
    }


    /*
        Products
    */
    .products {
        flex-direction: column;
    }

    .product {
        margin-bottom: 35px;
        text-align: center;
        width: 100%;
    }

    .product img {
        margin: 0 auto 15px;
    }

    .product h3 {
        font-size: 17px;
    }


    /*
        FAQ's
    */
    section.faq .expando-title {
        padding: 35px 0;
    }

    section.faq .expando.maximized .expando-content {
        top: 95px;
    }


    /*
        Rights
    */
    section.rights {
        font-size: 11px;
        padding: 65px 0 20px;
    }

    .navbar-nav .open .dropdown-menu, .navbar-nav .show .dropdown-menu {
        background-color: #fff;
        
    }
}

/*
    Media Query (Mobile)
*/
@media(max-width: 480px) {

    /*
        Thank you
    */
    .thank-you-dialog {
        min-height: 0;
    }

    .thank-you-dialog .logo {
        height: 34px;
        margin: 25px auto 50px;
        width: 141px;
    }

    .thank-you-dialog .inner {
        font-size: 14px;
    }

    .thank-you-dialog .font-large {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .thank-you-dialog .social {
        margin-bottom: 45px;
    }

    .thank-you-dialog .social a {
        height: 40px;
        margin: 0 20px;
        width: 40px;
    }

    .thank-you-dialog .btn {
        font-size: 18px;
        line-height: 46px;
        max-width: 264px;
    }

}

.example{
    padding: 10px;
    border: 1px solid #e4eaec;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky-sub {
    position: fixed;
    top: 65px;
    width: 100%;
    z-index: 1000;
}

.solicitarInfoMenu{
    background-color:#fab40b;
}

.solicitarInfoMenu>a:hover,.solicitarInfoMenu>a:hover{
    color:#1b0f66 !important;
    background-color:#fab40b !important;
}


/* The ribbons */

.corner-ribbon{
    width: 250px;
    background: #e43;
    position: absolute;
    top: 105px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
    position: fixed;
}

.corner-ribbon.shadow{
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
    top: 105px;
    left: -55px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
    top: 105px;
    right: -55px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
    top: auto;
    bottom: 25px;
    left: -50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}
.corner-ribbon.bluePropeler{background: #1b0f66;}

.alert.white{background: #f0f0f0; color: #555;}
.alert.black{background: #333; color: #fff;}
.alert.grey{background: #999; color: #fff;}
.alert.blue{background: #39d; color: #fff;}
.alert.green{background: #2c7; color: #fff;}
.alert.turquoise{background: #1b9; color: #fff;}
.alert.purple{background: #95b; color: #fff;}
.alert.red{background: #e43; color: #fff;}
.alert.orange{background: #e82; color: #fff;}
.alert.yellow{background: #ec0; color: #fff;}
.alert.bluePropeler{background: #1b0f66; color: #fff;}

.badge.white{background: #f0f0f0; color: #555;}
.badge.black{background: #333; color: #fff;}
.badge.grey{background: #999; color: #fff;}
.badge.blue{background: #39d; color: #fff;}
.badge.green{background: #2c7; color: #fff;}
.badge.turquoise{background: #1b9; color: #fff;}
.badge.purple{background: #95b; color: #fff;}
.badge.red{background: #e43; color: #fff;}
.badge.orange{background: #e82; color: #fff;}
.badge.yellow{background: #ec0; color: #fff;}
.badge.bluePropeler{background: #1b0f66; color: #fff;}

.box-preview{
    display: none;
    width: 100%;
}

.link-preview:hover + .box-preview,.box-preview:hover{
    display: block;
    position: relative;
    z-index: 100;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.detalles{
    font-size: 16px;
    line-height: 30px;
}

.detalles h3{
    font-size: 28px;
}

.title-campaign:hover{
    color:#4357f9;
}

.form-control{
    color:#1b0f66;
    border-radius: 0;
}

label{
    color:#4357f9;
}

.alert.dark.alert-danger.alert-alt {
    border-color: #cd0d14;
}

.alert.dark.alert-danger {
    color: #fff;
    background-color: #ff4c52;
    border-color: #ff4c52;
}

.alert-alt {
    color: #76838f;
    background-color: rgba(243,247,249,.8);
    border: none;
    border-left: 3px solid transparent;
}

/*Grid Seven*/
.row-7 .col-xs-1, .row-7 .col-sm-1, .row-7 .col-md-1, .row-7 .col-lg-1, .row-7 .col-xs-2, .row-7 .col-sm-2, .row-7 .col-md-2, .row-7 .col-lg-2, .row-7 .col-xs-3, .row-7 .col-sm-3, .row-7 .col-md-3, .row-7 .col-lg-3, .row-7 .col-xs-4, .row-7 .col-sm-4, .row-7 .col-md-4, .row-7 .col-lg-4, .row-7 .col-xs-5, .row-7 .col-sm-5, .row-7 .col-md-5, .row-7 .col-lg-5, .row-7 .col-xs-6, .row-7 .col-sm-6, .row-7 .col-md-6, .row-7 .col-lg-6, .row-7 .col-xs-7, .row-7 .col-sm-7, .row-7 .col-md-7, .row-7 .col-lg-7 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.row-7 .col-xs-1, .row-7 .col-xs-2, .row-7 .col-xs-3, .row-7 .col-xs-4, .row-7 .col-xs-5, .row-7 .col-xs-6, .row-7 .col-xs-7 {
    float: left;
}
.row-7 .col-xs-7 {
    width: 100%;
}
.row-7 .col-xs-6 {
    width: 85.71428571%;
}
.row-7 .col-xs-5 {
    width: 71.42857143%;
}
.row-7 .col-xs-4 {
    width: 57.14285714%;
}
.row-7 .col-xs-3 {
    width: 42.85714286%;
}
.row-7 .col-xs-2 {
    width: 28.57142857%;
}
.row-7 .col-xs-1 {
    width: 14.285714285714285714285714285714% !important;flex:none !important;
}
.row-7 .col-xs-pull-7 {
    right: 100%;
}
.row-7 .col-xs-pull-6 {
    right: 85.71428571%;
}
.row-7 .col-xs-pull-5 {
    right: 71.42857143%;
}
.row-7 .col-xs-pull-4 {
    right: 57.14285714%;
}
.row-7 .col-xs-pull-3 {
    right: 42.85714286%;
}
.row-7 .col-xs-pull-2 {
    right: 28.57142857%;
}
.row-7 .col-xs-pull-1 {
    right: 14.28571429%;
}
.row-7 .col-xs-pull-0 {
    right: auto;
}
.row-7 .col-xs-push-7 {
    left: 100%;
}
.row-7 .col-xs-push-6 {
    left: 85.71428571%;
}
.row-7 .col-xs-push-5 {
    left: 71.42857143%;
}
.row-7 .col-xs-push-4 {
    left: 57.14285714%;
}
.row-7 .col-xs-push-3 {
    left: 42.85714286%;
}
.row-7 .col-xs-push-2 {
    left: 28.57142857%;
}
.row-7 .col-xs-push-1 {
    left: 14.28571429%;
}
.row-7 .col-xs-push-0 {
    left: auto;
}
.row-7 .col-xs-offset-7 {
    margin-left: 100%;
}
.row-7 .col-xs-offset-6 {
    margin-left: 85.71428571%;
}
.row-7 .col-xs-offset-5 {
    margin-left: 71.42857143%;
}
.row-7 .col-xs-offset-4 {
    margin-left: 57.14285714%;
}
.row-7 .col-xs-offset-3 {
    margin-left: 42.85714286%;
}
.row-7 .col-xs-offset-2 {
    margin-left: 28.57142857%;
}
.row-7 .col-xs-offset-1 {
    margin-left: 14.28571429%;
}
.row-7 .col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .row-7 .col-sm-1, .row-7 .col-sm-2, .row-7 .col-sm-3, .row-7 .col-sm-4, .row-7 .col-sm-5, .row-7 .col-sm-6, .row-7 .col-sm-7 {
        float: left;
    }
    .row-7 .col-sm-7 {
        width: 100%;
    }
    .row-7 .col-sm-6 {
        width: 85.71428571%;
    }
    .row-7 .col-sm-5 {
        width: 71.42857143%;
    }
    .row-7 .col-sm-4 {
        width: 57.14285714%;
    }
    .row-7 .col-sm-3 {
        width: 42.85714286%;
    }
    .row-7 .col-sm-2 {
        width: 28.57142857%;
    }
    .row-7 .col-sm-1 {
        width: 14.285714285714285714285714285714% !important;flex:none !important;
    }
    .row-7 .col-sm-pull-7 {
        right: 100%;
    }
    .row-7 .col-sm-pull-6 {
        right: 85.71428571%;
    }
    .row-7 .col-sm-pull-5 {
        right: 71.42857143%;
    }
    .row-7 .col-sm-pull-4 {
        right: 57.14285714%;
    }
    .row-7 .col-sm-pull-3 {
        right: 42.85714286%;
    }
    .row-7 .col-sm-pull-2 {
        right: 28.57142857%;
    }
    .row-7 .col-sm-pull-1 {
        right: 14.28571429%;
    }
    .row-7 .col-sm-pull-0 {
        right: auto;
    }
    .row-7 .col-sm-push-7 {
        left: 100%;
    }
    .row-7 .col-sm-push-6 {
        left: 85.71428571%;
    }
    .row-7 .col-sm-push-5 {
        left: 71.42857143%;
    }
    .row-7 .col-sm-push-4 {
        left: 57.14285714%;
    }
    .row-7 .col-sm-push-3 {
        left: 42.85714286%;
    }
    .row-7 .col-sm-push-2 {
        left: 28.57142857%;
    }
    .row-7 .col-sm-push-1 {
        left: 14.28571429%;
    }
    .row-7 .col-sm-push-0 {
        left: auto;
    }
    .row-7 .col-sm-offset-7 {
        margin-left: 100%;
    }
    .row-7 .col-sm-offset-6 {
        margin-left: 85.71428571%;
    }
    .row-7 .col-sm-offset-5 {
        margin-left: 71.42857143%;
    }
    .row-7 .col-sm-offset-4 {
        margin-left: 57.14285714%;
    }
    .row-7 .col-sm-offset-3 {
        margin-left: 42.85714286%;
    }
    .row-7 .col-sm-offset-2 {
        margin-left: 28.57142857%;
    }
    .row-7 .col-sm-offset-1 {
        margin-left: 14.28571429%;
    }
    .row-7 .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .row-7 .col-md-1, .row-7 .col-md-2, .row-7 .col-md-3, .row-7 .col-md-4, .row-7 .col-md-5, .row-7 .col-md-6, .row-7 .col-md-7 {
        float: left;
    }
    .row-7 .col-md-7 {
        width: 100%;
    }
    .row-7 .col-md-6 {
        width: 85.71428571%;
    }
    .row-7 .col-md-5 {
        width: 71.42857143%;
    }
    .row-7 .col-md-4 {
        width: 57.14285714%;
    }
    .row-7 .col-md-3 {
        width: 42.85714286%;
    }
    .row-7 .col-md-2 {
        width: 28.57142857%;
    }
    .row-7 .col-md-1 {
        width: 14.285714285714285714285714285714% !important;flex:none !important;
    }
    .row-7 .col-md-pull-7 {
        right: 100%;
    }
    .row-7 .col-md-pull-6 {
        right: 85.71428571%;
    }
    .row-7 .col-md-pull-5 {
        right: 71.42857143%;
    }
    .row-7 .col-md-pull-4 {
        right: 57.14285714%;
    }
    .row-7 .col-md-pull-3 {
        right: 42.85714286%;
    }
    .row-7 .col-md-pull-2 {
        right: 28.57142857%;
    }
    .row-7 .col-md-pull-1 {
        right: 14.28571429%;
    }
    .row-7 .col-md-pull-0 {
        right: auto;
    }
    .row-7 .col-md-push-7 {
        left: 100%;
    }
    .row-7 .col-md-push-6 {
        left: 85.71428571%;
    }
    .row-7 .col-md-push-5 {
        left: 71.42857143%;
    }
    .row-7 .col-md-push-4 {
        left: 57.14285714%;
    }
    .row-7 .col-md-push-3 {
        left: 42.85714286%;
    }
    .row-7 .col-md-push-2 {
        left: 28.57142857%;
    }
    .row-7 .col-md-push-1 {
        left: 14.28571429%;
    }
    .row-7 .col-md-push-0 {
        left: auto;
    }
    .row-7 .col-md-offset-7 {
        margin-left: 100%;
    }
    .row-7 .col-md-offset-6 {
        margin-left: 85.71428571%;
    }
    .row-7 .col-md-offset-5 {
        margin-left: 71.42857143%;
    }
    .row-7 .col-md-offset-4 {
        margin-left: 57.14285714%;
    }
    .row-7 .col-md-offset-3 {
        margin-left: 42.85714286%;
    }
    .row-7 .col-md-offset-2 {
        margin-left: 28.57142857%;
    }
    .row-7 .col-md-offset-1 {
        margin-left: 14.28571429%;
    }
    .row-7 .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1200px) {
    .row-7 .col-lg-1, .row-7 .col-lg-2, .row-7 .col-lg-3, .row-7 .col-lg-4, .row-7 .col-lg-5, .row-7 .col-lg-6, .row-7 .col-lg-7 {
        float: left;
    }
    .row-7 .col-lg-7 {
        width: 100%;
    }
    .row-7 .col-lg-6 {
        width: 85.71428571%;
    }
    .row-7 .col-lg-5 {
        width: 71.42857143%;
    }
    .row-7 .col-lg-4 {
        width: 57.14285714%;
    }
    .row-7 .col-lg-3 {
        width: 42.85714286%;
    }
    .row-7 .col-lg-2 {
        width: 28.57142857%;
    }
    .row-7 .col-lg-1 {
        width: 14.285714285714285714285714285714% !important;flex:none !important;
    }
    .row-7 .col-lg-pull-7 {
        right: 100%;
    }
    .row-7 .col-lg-pull-6 {
        right: 85.71428571%;
    }
    .row-7 .col-lg-pull-5 {
        right: 71.42857143%;
    }
    .row-7 .col-lg-pull-4 {
        right: 57.14285714%;
    }
    .row-7 .col-lg-pull-3 {
        right: 42.85714286%;
    }
    .row-7 .col-lg-pull-2 {
        right: 28.57142857%;
    }
    .row-7 .col-lg-pull-1 {
        right: 14.28571429%;
    }
    .row-7 .col-lg-pull-0 {
        right: auto;
    }
    .row-7 .col-lg-push-7 {
        left: 100%;
    }
    .row-7 .col-lg-push-6 {
        left: 85.71428571%;
    }
    .row-7 .col-lg-push-5 {
        left: 71.42857143%;
    }
    .row-7 .col-lg-push-4 {
        left: 57.14285714%;
    }
    .row-7 .col-lg-push-3 {
        left: 42.85714286%;
    }
    .row-7 .col-lg-push-2 {
        left: 28.57142857%;
    }
    .row-7 .col-lg-push-1 {
        left: 14.28571429%;
    }
    .row-7 .col-lg-push-0 {
        left: auto;
    }
    .row-7 .col-lg-offset-7 {
        margin-left: 100%;
    }
    .row-7 .col-lg-offset-6 {
        margin-left: 85.71428571%;
    }
    .row-7 .col-lg-offset-5 {
        margin-left: 71.42857143%;
    }
    .row-7 .col-lg-offset-4 {
        margin-left: 57.14285714%;
    }
    .row-7 .col-lg-offset-3 {
        margin-left: 42.85714286%;
    }
    .row-7 .col-lg-offset-2 {
        margin-left: 28.57142857%;
    }
    .row-7 .col-lg-offset-1 {
        margin-left: 14.28571429%;
    }
    .row-7 .col-lg-offset-0 {
        margin-left: 0%;
    }
}
/*Grid Seven*/

.question{
    font-size: 24px;
    color:#4878ef;
}

.example{
    padding: 10px;
    border: 1px solid #e4eaec;
    font-size:12px;
    color:#e4eaec;
}

#metaGeneral{
    color:#7fcb93;
}

#metaFF{
    color:#52b0a3;
}

cartasFF{
    color:#cf90cc;
}

.footer a{
    text-decoration: none;
    color: #f9f9f7;
}

.footer a:hover{
    text-decoration: none;
    color: #4878ef;
}

.titulo-grande{
    overflow: hidden;
    color:#004ce1;
}
.titulo-grande:after{
    content:"";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: .04em solid #004ce1;
}

a.list-group-item:focus, a.list-group-item:hover{
    background-color: #fff;
    color: #004ce1;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
    background-color: #fff;
}

.btn-descargar {
    color: #fff !important;
    background-color: #004ce1;
    border-color: #004ce1;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 32px;
    padding: 17px 30px !important;
}
.btn-descargar:hover,.btn-descargar:active {
    color: #fff !important;
    background-color: #1b0f66;
    border-color: #1b0f66;
}

.redes-sociales-icon{
    color:#d9dada;
}

#maca-picture{
    background: #fff url('../../images/maca.jpg') no-repeat;background-size: contain;height:450px;padding:0;
}

@media (max-width: 768px){
    .logoOjocontainer{
        text-align:center;
        padding-top:10px;
    }
    #maca-picture{
        height:250px;
    }
}

/*Pearls*/
.pearls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 22px;
}

.pearl {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
}

.pearl:before, .pearl:after {
    position: absolute;
    top: 18px;
    z-index: 0;
    width: 50%;
    height: 4px;
    content: "";
    background-color: #f3f7f9;
}

.pearl:before {
    left: 0;
}

.pearl:after {
    right: 0;
}

.pearl:first-child:before, .pearl:last-child:after {
    display: none !important;
}

.pearl-number, .pearl-icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #ccd5db;
    border: 2px solid #ccd5db;
    border-radius: 50%;
}

.pearl-number {
    font-size: 18px;
}

.pearl-icon {
    font-size: 18px;
}

.pearl-title {
    display: block;
    margin-top: .5em;
    margin-bottom: 0;
    font-size: 16px;
    color: #526069;
}

.pearl.current:before, .pearl.current:after, .pearl.active:before, .pearl.active:after {
    background-color: #1b4fd9;
}

.pearl.current .pearl-number, .pearl.current .pearl-icon, .pearl.active .pearl-number, .pearl.active .pearl-icon {
    color: #1b4fd9;
    background-color: #fff;
    border-color: #1b4fd9;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.pearl.disabled {
    pointer-events: none;
    cursor: auto;
}

.pearl.disabled:before, .pearl.disabled:after {
    background-color: #f3f7f9;
}

.pearl.disabled .pearl-number, .pearl.disabled .pearl-icon {
    color: #fff;
    background-color: #ccd5db;
    border-color: #ccd5db;
}

.pearl.error:before {
    background-color: #1b4fd9;
}

.pearl.error:after {
    background-color: #f3f7f9;
}

.pearl.error .pearl-number, .pearl.error .pearl-icon {
    color: #ff4c52;
    background-color: #fff;
    border-color: #ff4c52;
}

.pearl.done:before, .pearl.done:after {
    background-color: #1b4fd9;
}

.pearl.done .pearl-number, .pearl.done .pearl-icon {
    color: #fff;
    background-color: #1b4fd9;
    border-color: #1b4fd9;
}
/*Pearls*/

@media(max-width: 480px) {
    .container-main .container,
    .container-white .container,
    .container-blue-dark .container,
    .container-blue .container,
    .container-gray .container{
        padding-top: 55px; padding-bottom: 55px;
    }
    
    .container-main{
        background: #fff url(../../images/hero-decoration-blue.png) no-repeat right center; background-size: 57px 115px;
    }

    .container-registerFitspin{
        background: #fff url(../../images/hero-decoration-blue.png) no-repeat right center; background-size: 57px 115px;
    }
    
    .mobile-smaller{
        font-size: 25px !important;
    }
    
    .menu-inversionista{
        margin-bottom: 10px;
    }
}
.alert-alt.alert-info {
    border-color: #004ce1;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.link-como-invertir{
    font-size: 24px !important;
}
.link-como-invertir a{
    color:#1b4fd9;
}
.link-como-invertir a:hover{
    color:#1b0f66;
    text-decoration: none;
}

.error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.error:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}

.social-facebook {
    color: #fff;
    background-color: #3b5998!important;
}
.social-facebook:focus, .social-facebook:hover {
    color: #fff;
    background-color: #4c70ba!important;
}

.social-twitter {
    color: #fff;
    background-color: #55acee!important;
}

.social-twitter:focus, .social-twitter:hover {
    color: #fff;
    background-color: #83c3f3!important;
}
.social-google-plus {
    color: #fff;
    background-color: #dd4b39!important;
}
.social-linkedin {
    color: #fff;
    background-color: #0976b4!important;
}
.social-linkedin:focus, .social-linkedin:hover {
    color: #fff;
}
.social-google-plus:focus, .social-google-plus:hover {
    color: #fff;
    background-color: #e47365!important;
}


#toast-container {
    margin-bottom: 100px;
}