.slider-container{
    position: relative;
    height: 100%;
    width: 100%;
}
.slider-container .slide-item{
    position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat center bottom;
    background-size: cover;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    z-index: 0;
}
.slider-container .slide-item.current{
    opacity: 1;
    z-index: 1;
}
.slider-container .slide-item:nth-of-type(1){
    background-image: url(../img/home/banner1.png);
}
.slider-container .slide-item:nth-of-type(2){
    background-image: url(../img/home/banner2.png);
}
.slider-container .slide-item:nth-of-type(3){
    background-image: url(../img/home/banner3.png);
}
.slider-container .slide-item h1{
    padding: 0.5em 0;
}
.slider-container .slide-item:nth-of-type(1) h1{
    padding-left: 80px;
    padding-right: 150px;
    left: 53.5%;
    top: 33%;
    text-align: center;
}
.slider-container .slide-item:nth-of-type(2) h1{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.slider-container .slide-item:nth-of-type(2) h1 span:nth-of-type(2){
    font-weight: 300;
    margin-top: 20px;
    padding: 0.5em 0;
    padding-right: 100px;
}
.slider-container .slide-item:nth-of-type(2) h1 span{
    display: block;
    padding-left: 200px !important;
}
.slider-container .slide-item:nth-of-type(2) h1 span:nth-of-type(2) i{
    font-weight: 700;
}

.slider-container .slide-item:nth-of-type(3) h1{
    text-align: center;
    color: #011f5f;
    padding-left: 200px;
    padding-right: 130px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.slider-container .slide-item:nth-of-type(3) .img-container{
    position: absolute;
    top: 62%;
    left: 145px;
}

#prestamo .form-container{
    text-align: center;
    font-weight: 400;
    color: #404040;
    font-size: 1.3em;
}
#prestamo .dropdowns-container .dropdown{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 0px 5px 23px -5px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 5px 23px -5px rgba(0,0,0,0.44);
    box-shadow: 0px 5px 23px -5px rgba(0,0,0,0.44);
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
}
#prestamo .dropdowns-container .dropdown input{
    border: none;
    margin: 0;
    font-size: 1.6em;
    color: #011f5f;
    font-weight: 700;
    max-width: 162px !important;
    text-align: center;
    padding-right: 30px;
    cursor: pointer;
    background: none;
}
#prestamo .dropdowns-container .dropdown i{
    position: absolute;
    font-size: 0.3em;
    top: 50%;
    right: 5px;
    width: 20px;
    height: 20px;
    border: solid 1px #404040;
    color: #404040;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#prestamo .dropdowns-container .dropdown i:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
#prestamo .dropdowns-container .dropdown ul{
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    background: #fff;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    -webkit-box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.44);
    box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.44);
    top: 0;
    left: 0;
    display: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
    z-index: 1;
}
#prestamo .dropdowns-container .dropdown ul li{
    font-size: 0.8em;
    padding: 0.5em 0.75em;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    color: #011f5f;
}
#prestamo .dropdowns-container .dropdown ul li:hover{
    background: #ffda1c;
}
#date-dropdown input{
    width: 72px !important;
}
#date-dropdown ul{
    width: 130px !important;
}

#prestamo .options .option{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.form-button-container{
    text-align: center;
}
.form_button_money{
    position: relative;
    background: #ff4e00;
    color: #fff;
    display: inline-block;
    padding: 1em;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
    font-size: 0.9em;
    top: 0px;
    margin-bottom: 50px;
}

.modal-prestamo-calc{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(1, 31, 95, 0.9);
    display: none;
    z-index: 10
}
.modal-prestamo-calc .modal-body{
    max-width: 1280px;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    padding: 2.5em 0;
    height: auto;
    max-height: 90%;
    overflow: auto;
    -webkit-box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.44);
    box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.44);
}
.modal-prestamo-calc .modal-body .close_modal{
    position: absolute;
    top: 20px;
    right: 20px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.modal-prestamo-calc .modal-body .close_modal:before{
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(45deg) ;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg) ;
    -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg) ;
    -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg) ;
    -o-transform: translateY(-50%) translateX(-50%) rotate(45deg) ;
    background: #011f5f;
    left: 50%;
}
.modal-prestamo-calc .modal-body .close_modal:after{
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    background: #011f5f;
}
#prestamo .options .option.selected:before{
    background: #011f5f;
}
#prestamo .options .option:last-child{
    margin-left: 10px;
}
#prestamo .options .option span{
    font-weight: 700;
    color: #011f5f;
    font-size: 1.4em;
    display: inline-block;
    vertical-align: middle;
}

#prestamo .prestamo-fondo{
    height: 523px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#prestamo #form-offer{
    margin-top: 10px;
}

#solicitud-form h3{
    font-weight: 400;
    color: #011f5f;
    font-size: 1.5em;
    margin-top: 0;
    text-align: center
}
#solicitud-form form{
    background: #fff;
    padding: 1em 1.8em;
    width: 95%;
    margin: auto;
}
#solicitud-form form input, #solicitud-form form textarea{
    display: block;
    width: 100%;
    padding: 0.5em 0;
    margin-bottom: 20px;
    font-size: 0.7em;
    color: #404040;
    border: none;
    border-bottom: solid 1px #404040;
    outline: none;
}

#solicitud-form form input[type="submit"]{
    background: #011f5f;
    color: #fff;
    border: none;
    font-size: 1em;
    border-radius: 5px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    cursor: pointer;
    font-weight: 600;
}
#solicitud-form form input[type="submit"]:hover{
    background: #ffda1c;
    color: #011f5f;
}
#solicitud-form form .aviso_check{
    margin-bottom: 30px;
    cursor: pointer;
    color: #404040;
}
#solicitud-form form .aviso_check a{
    color: #011f5f;
}
#solicitud-form form .aviso_check a:hover{
    text-decoration: underline;
}
#solicitud-form form .aviso_check label{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: solid 2px #011f5f;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
#solicitud-form form .aviso_check label.checked{
    border-color: #ffda1c;
    background: #ffda1c;
}
#solicitud-form form .aviso_check label:before{
    width: 4px;
    height: 10px;
    position: absolute;
    content: '';
    border-right: solid 2px rgba(1, 31, 95, 0);
    border-bottom: solid 2px rgba(1, 31, 95, 0);
    left: 50%;
    top: 45%;
    transform: translateX(-50%) translateY(-50%) rotate(35deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(35deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(35deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(35deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(35deg);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
#solicitud-form form .aviso_check label.checked:before{
    border-right: solid 2px rgba(1, 31, 95, 1);
    border-bottom: solid 2px rgba(1, 31, 95, 1);
}

#prestamo .restrictions{
    color: #011f5f;
    text-align: left;
    font-size: 0.6em;
    margin: 0;
}

#requisitos .cantidad{
    height: 1110px;
    background: url(../img/home/requisitos_1.png) no-repeat center;
    background-size: cover;
}
#requisitos .renglon{
    margin-top: -140px;
}
#requisitos .cantidad .content{
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-style: italic;
    color: #011f5f;
    text-align: center;
}
#requisitos .cantidad .content h3{
    font-weight: 400;
    font-size: 2em;
    margin: 0;
    margin-bottom: 20px;
}
#requisitos .cantidad .content .prestamo-cantidad{
    background: #fff;
    border-radius: 20px;
    font-weight: 700;
    padding: 0.2em;
    font-size: 3.2em;
    display: inline-block;
}
#requisitos .cantidad .content .prestamo-cantidad span{
    font-weight: 400;
    font-style: normal;
    font-size: 0.5em;
}
#requisitos .cantidad .content .expecificaciones{
    font-size: 0.7em;
    width: 400px;
    text-align: left;
    margin: 30px 0;
}
#requisitos .cantidad .content .button{
    background: #cc1414;
    border: solid 1px #cc1414;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 0.75em;
    border-radius: 5px;
    font-size: 1.4em;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
#requisitos .cantidad .content .button:hover{
    background: none;
    color: #cc1414;
}
#requisitos .requisitos{
    height: 1110px;
    background: url(../img/home/requisitos_2.png) no-repeat center;
    background-size: cover;
}
#requisitos .requisitos .content{
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#requisitos .requisitos .content .requisito{
    margin-bottom: 35px;
}
#requisitos .requisitos .content .requisito .icono, #requisitos .requisitos .content .requisito .info{
    display: inline-block;
    vertical-align: top;
}
#requisitos .requisitos .content .requisito .icono{
    width: 60px;
    margin-right: 20px;
}
#requisitos .requisitos .content .requisito .info h4{
    margin: 0;
    font-weight: 400;
    font-size: 1.2em
}
#requisitos .requisitos .content .requisito .info p{
    color: #fff;
    margin: 5px 0;
    max-width: 200px;
    text-align: left !important;
}

#testimonial{
    margin-top: -100px
}
#testimonial .testimonio{
    margin-top: 100px
}
#testimonial .dialogo{
    position: relative;
    color: #011f5f;
    font-style: italic;
    border: solid 1px #011f5f;
    border-radius: 5px;
    padding: 1.5em 1em;
    line-height: 1.5;
    font-size: 0.85em;
}
#testimonial .dialogo:after{
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-bottom: solid 1px #011f5f;
    border-right: solid 1px #011f5f;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(50%) rotate(45deg);
}
#testimonial img{
    display: block;
    margin: 50px auto 30px auto;
    border-radius: 300px;
}
#testimonial .nombre{
    font-weight: bolder;
    text-align: center;
    margin: 0;
    font-style: italic;
    color: #011f5f;
}
#testimonial .nombre{
    font-weight: bolder;
    text-align: center;
    margin: 0;
    font-style: italic;
    color: #011f5f;
}
#testimonial .edad{
    font-weight: 600;
    text-align: center;
    margin: 5px auto;
    font-style: italic;
    color: #011f5f;
}
#testimonial .prestamo{
    font-weight: 400;
    text-align: center;
    margin: 0;
    font-style: italic;
    color: #011f5f;
}



@media only screen and (max-width: 1230px){
    #requisitos .renglon{
        margin-top: 0;
    }
}
@media only screen and (max-width: 1188px){
    .slider-container .slide-item:nth-of-type(1) h1{
        left: 45%;
    }
}
@media only screen and (max-width: 1080px){
    #prestamo #solicitud-form form input[type="submit"]{
        font-size: 0.8em
    }
}

@media only screen and (max-width: 1021px){
    .slider-container .slide-item:nth-of-type(1) h1{
        left: 35%;
    }
}
@media only screen and (max-width: 991px){
    #prestamo .prestamo-fondo{
        height: 500px
    }
    #requisitos .cantidad, #requisitos .requisitos{
        background-size: contain;
    }
    #requisitos .cantidad .content{
        right: 50%;
        transform: translateY(-50%) translateX(50%);
        -webkit-transform: translateY(-50%) translateX(50%);
        -moz-transform: translateY(-50%) translateX(50%);
        -o-transform: translateY(-50%) translateX(50%);
        -ms-transform: translateY(-50%) translateX(50%);
    }
    #requisitos .requisitos .content{
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
    }
    #testimonial{
        margin-top: 0;
    }
}
@media only screen and (max-width: 970px){
    #prestamo #solicitud-form form{
        padding: 1em 
    }
}
@media only screen and (max-width: 924px){
    #prestamo #solicitud-form h3{
        font-size: 1.3em
    }
}
@media only screen and (max-width: 867px){
    .slider-container .slide-item:nth-of-type(1) h1{
        left: 20%;
    }
}
@media only screen and (max-width: 828px){
    #prestamo .form-container .dropdowns-container, #prestamo .form-container .options{
        font-size: 0.8em
    }
}
@media only screen and (max-width: 819px){
    .slider-container .slide-item:nth-of-type(3) h1{
        padding-left: 0;
        width: 100%;
        padding-right: 0
    }
    .slider-container .slide-item:nth-of-type(3) .img-container{
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        white-space: nowrap;
    }
}
@media only screen and (max-width: 819px){
    .slider-container .slide-item:nth-of-type(3) .img-container img{
        width: 150px;
    }
}
@media only screen and (max-width: 800px){
    .slider-container .slide-item:nth-of-type(1) h1{
        left: 0%;
        width: 100%;
        padding-right: 35%;
        padding-left: 0
    }
    .slider-container .slide-item:nth-of-type(2) h1{
        width: 100%;
    }
    .slider-container .slide-item:nth-of-type(2) h1 span{
        padding-left: 10% !important;
    }
    .slider-container .slide-item:nth-of-type(2) h1 span:nth-of-type(2){
        padding-right: 0;
    }
}
@media only screen and (max-width: 767px){
    #prestamo #solicitud-form{
        margin-top: 30px
    }
    section#testimonial h2 + p{
        margin-bottom: 100px;
    }
    #testimonial .testimonio{
        margin-top: 30px;
    }
}
@media only screen and (max-width: 735px){
    #requisitos .cantidad, #requisitos .requisitos{
        background-size: cover;
    }
}
@media only screen and (max-width: 640px){
    #prestamo .form-container .dropdowns-container, #prestamo .form-container .options{
        font-size: 1.1em
    }
    #prestamo .dropdowns-container .dropdown input{
        max-width: 175px !important;
    }
}
@media only screen and (max-width: 580px){
    #prestamo .form-container .dropdowns-container, #prestamo .form-container .options{
        font-size: 1em
    }
    #prestamo .dropdowns-container .dropdown input{
        max-width: 162px !important;
    }
}
@media only screen and (max-width: 569px){
    #requisitos .requisitos .content{
        width: 285px;
    }
}
@media only screen and (max-width: 540px){
    .slider-container .slide-item:nth-of-type(1) h1{
        padding-right: 30%;
        font-size: 1.5em
    }
    .slider-container .slide-item:nth-of-type(2) h1{
        font-size: 1.5em
    }
    .slider-container .slide-item:nth-of-type(3) h1{
        font-size: 1.5em
    }
}
@media only screen and (max-width: 480px){
    section h2{
        font-size: 1.8em
    }
    #prestamo .form-container .dropdowns-container, #prestamo .form-container .options{
        font-size: 0.8em
    }
    #prestamo .dropdowns-container .dropdown input{
        max-width: 145px !important;
        padding-right: 20px;
    }
    #date-dropdown input{
        width: 62px !important
    }
}
@media only screen and (max-width: 476px){
    .slider-container .slide-item:nth-of-type(3) .img-container img{
        width: 100px;
    }
}

@media only screen and (max-width: 440px){
    #requisitos .cantidad .content .expecificaciones{
        width: auto;
        max-width: 400px;
    }
    #requisitos .cantidad .content{
        width: 100%;
        padding: 1em;
    }
}
@media only screen and (max-width: 420px){
    .slider-container .slide-item:nth-of-type(1) h1{
        padding-right: 0%;
    }
    .slider-container .slide-item:nth-of-type(2) h1 span{
        padding-left: 3% !important;
        padding-right: 3%
    }.slider-container .slide-item:nth-of-type(2) h1 span:nth-of-type(2){
        font-size: 0.9em
    }
}
@media only screen and (max-width: 420px){
    .slider-container .slide-item:nth-of-type(2) h1 span:nth-of-type(2){
        font-size: 0.8em
    }
}

@media only screen and (max-width: 385px){
    .slider-container .slide-item:nth-of-type(3) h1{
        font-size: 1.1em
    }
}
@media only screen and (max-width: 340px){
    #requisitos .cantidad .content .prestamo-cantidad{
        font-size: 2.7em
    }
}
@media only screen and (max-width: 420px){
    .slider-container .slide-item:nth-of-type(3) .img-container img{
        width: 80px;
    }
}