@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700;800;900&display=swap');


*{
    font-family: 'Heebo', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    color: #1B4F5D;
}

.moneySymbol{
    color: black;
    font-size: 18px;
}

.moneyClass{
    color: black;
    font-size: 18px;
}

.text-a-login-cash{
    color: #000;
    font-size: 14px;
}

.text-a-login-cash:hover{
    color: #9DC00C;
}

.card-body>.text-card-fd{
    margin-bottom: 8px;
}

.bk-asociados{
    background-image: url("../images/sofortaleza-asociados.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-solicitalo{
    background-image: url("../images/sofortaleza-solicitalo-ahora.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-asociados-cash{
    background-image: url("../images/fondo-asociados-cashflash.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-form-login-cash{
    background-image: url("../images/fondo-form-login-asociados-cashflash.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-solicitalo-cash{
    background-color: #88D99C;
}

.container-all-fd .container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-all-fd .container-cash{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0px;
}

#col-fd{
    max-width: 550px !important;
}

.card-fd{
    border-radius: 10px !important;
    box-shadow: 5px 10px 10px rgba(31, 31, 31, 0.301);
    border: 0px;
}

#productos .card-fd{
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
}

#productos .card-fd:hover{
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
}
.img-solicitalo-ahora-cash{
    max-width: 470px;
}

@media screen and (max-width: 768px){
    .img-solicitalo-ahora-cash{
        max-width: 350px;
    }
    .container-all-fd .container-cash{
        padding: 50px 10px 100px 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px){
    .img-solicitalo-ahora-cash{
        max-width: 360px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    .img-solicitalo-ahora-cash{
        max-width: 380px;
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    .img-solicitalo-ahora-cash{
        max-width: 420px;
    }
}

.title-form-cash{
    font-family: 'Fredoka One', cursive;
    font-size: calc(1rem + 1.1vw);
    text-align: center;
    text-transform:none;
    color: #000;
}

.title-cash-solicitalo-ahora{
    color: #fff;
    font-size: 60px;
    font-family: 'Asap', sans-serif;
    margin-bottom: 30px;
}

.title-cash-solicitalo-ahora-form{
    color: #00CAB1;
    font-family: 'Asap', sans-serif;
    margin-bottom: 30px;
}
.title-cash-solicitalo-ahora-form-sec{
    color: #00CAB1;
    font-family: 'Asap', sans-serif;
    margin-bottom: 30px;
    text-align: center;
}

.list-group-item-cash{
    color: #fff;
    font-family: 'Asap', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}

.title-cash{
    color: #000;
    text-transform:none;
}

.h5-fc{
    font-size: 20px;
}

.title-form-fd{
    font-size: calc(1rem + 1.3vw);
    text-align: center;
}

.form-label-fd,
.form-label-cash{
    font-weight: 500;
}

.form-label-cash-w{
    color: #ffffff;
    font-weight: 500;
}

.form-control-cash{
    border-radius: 4px;
    border: 2px solid #1AA4A4;
    padding: 8px 15px; 
}

.form-control-fd{
    border-radius: 0px;
    border: 2px solid #066B8E;
    padding: 8px 15px;
}

.button_box-fd{
    padding: 10px 0px;
}
.a-menu{
    text-transform: uppercase !important;
    color: #1B4F5D !important;
}
.a-menu:hover{
    text-transform: uppercase !important;
    color: #FDC34E !important;
}
.a-menu-cash{
    text-transform: uppercase !important;
    letter-spacing: 1px;
    color: #FFF !important;
    font-size: 16px;
    padding: 13px 15px !important;
}
.a-menu-cash-btn{
    color: #FFF !important;
    font-size: 16px;
}
.a-menu-cash:hover{
    color: #1AA4A4 !important;
}

.btn-cash{
    background-color: #9DC00C;
    border-radius: 30px;
    color: #FFF;
    padding: 8px 40px;
    font-weight: 500;
    min-width: 220px;
}
.btn-cash-header{
    background-color: #9DC00C;
    border-radius: 30px;
    color: #FFF;
    padding: 12px 24px !important;
    font-size: 15px;
    font-weight: 500;
}
.btn-fd{
    background-color: #FDC34E;
    border-radius: 10px;
    padding: 8px 40px;
    font-weight: 500;
    min-width: 220px;
}
.btn-sofo{
    border-radius: 15px;
    padding: 8px 30px;
    font-family: 'Asap', sans-serif;
    font-weight: 500;
    min-width: 220px;
    text-transform: uppercase;
}
.btn-sofo-primary{
    border: 2px solid #FF9900;
    color: #FF9900;
}
.btn-sofo-secundary{
    border: 2px solid #000000;
    color: #000000;
}
.btn-sec{
    background-color: #333333;
    border-radius: 10px;
    padding: 8px 40px;
    font-weight: 500;
    min-width: 220px;
    color:white;
}
.btn-new-client{
    background-color: #00879d;
    border-radius: 30px;
    padding: 8px 40px;
    font-weight: 500;
    min-width: 220px;
    color:white;
}
.btn-cash:hover,
.btn-cash-header:hover{
    background-color: #C6F30A;
    color: #000 !important;
}
.btn-fd:hover{
    background-color: #333333;
    color: white;
}
.btn-sofo-primary:hover{
    background-color: #FF9900;
    color: #fff;
}
.btn-sofo-secundary:hover{
    background-color: #000000;
    color: #fff;
}
.btn-sec:hover{
    background-color: #FDC34E;
    color: black;
}
.btn-new-client:hover{
    background-color: #333333;
    color: white;
}


.link-form-fd{
    font-size: 0.8em;
}

.pd-5-fd{
    padding: 2.6rem !important;
}

.pd-5-cash{
    padding: 2.4rem !important;
}

@media screen and (max-width: 768px){
    *{
        font-size: 16px;
    }
    .pd-5-fd{
        padding: 1.2rem !important;
    }
    .pd-5-cash{
        padding: 1.2rem !important;
    }
}

@media screen and (min-width: 1200px){
    h2{
        font-size: 2.2rem;
    }
    .title-form-fd{
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 1400px){
    .title-form-fd{
        font-size: 1.8rem;
    }
    .card-fd>img{
        max-height: 350px;
    }
}

/* estilos del home */

.bk-home1{
    background-image: url("../images/Banner-sofortaleza-3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.bk-col-home-producto-1{
    background-image: url("../images/sofortaleza-adelanto-de-sueldo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-col-home-producto-2{
    background-image: url("../images/sofortaleza-credito-a-plazo-fijo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-home-2{
    background: rgb(9,57,68);
    background: linear-gradient(120deg, rgba(9,57,68,1) 0%, rgba(29,90,106,1) 70%, rgba(35,103,121,1) 100%);
}

.bk-home-3{
    background-image: url("../images/fondo1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-card-1-img-fd{
    background-image: url("../images/1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-card-2-img-fd{
    background-image: url("../images/2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-col-home-4{
    background-image: url("../images/sofortaleza-acerca.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-col-empresas-5{
    background-image: url("../images/sofortaleza-para-empresas.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-col-home-5{
    background-image: url("../images/sofotaleza-home.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bk-home-4{
    background: rgb(51,51,51);
    background: linear-gradient(90deg, rgba(19,18,18,1) 0%, rgba(51,51,51,1) 50%, rgba(19,18,18,1) 100%);
}

.white-text{
    color: white !important;
}
.title-section-w-fd,
.font-color-w{
    color: white;
}

.title-section-g-fd,
.font-color-g{
    color: #1B4F5D;
}

.title-section-o-fd{
    color: #FDC34E;
}

.title-b-fd{
    color: rgb(43, 43, 43);
}

.title-thin{
    font-weight: normal;
}

.t-large{
    font-size: 3.5rem;
}

.t-large-2{
    font-size: 2.4rem;
}

.text-impact{
    font-size: 1.2rem;
}

.ol-bases{
    font-size: 1.2em;
    font-weight: 600;
}

.li-bases{
    margin-bottom: 15px;
}

.enlace-bases{
    color: #FDC34E;
}

.enlace-bases:hover{
    color: #333333;
}

.row-fd{
    height: 100%;
}
/*
.col-pleca-fd{
    height: 100%;
    background-image: url("../images/sofortaleza-diagonales-2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
*/

.col-son-fd{
    width: 70%;
}

.pd-fd,
.pd-r-fd,
.pd-r0-fd{
    padding: 50px;
}

.pd-md-fd{
    padding: 35px;
}

.pd-sm-fd{
    padding: 20px;
}

.pd-sm-fd-2{
    padding: 30px;
}

.img-fd,
.img-cash{
    width: 95%;
}

.img-bk-only-movil-fd{
    width: 100%;
    display: none;
}

.w50-fd{
    width: 50%;
}

.w60-fd{
    width: 60%;
}

.w70-fd{
    width: 70%;
}

.w100-fd{
    width: 100%;
}

.container-flex-row-responsive-col,
.container-flex-row-responsive-col-sm{
    display: flex;
    flex-direction: row;
}

.text-justify-fd{
    text-align: justify;
}

.space-content-fd{
    padding-left: 40px;
}

img.icon-svg {
    width: 70%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem;
    border: solid 3px #ffffff;
    padding: 1.5em;
}

img.icon-svg-2 {
    width: 45%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem;
    border: solid 3px #066B8E;
    padding: 1.5em;
}

img.icon-svg-3 {
    width: 55%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem;
    border: solid 3px #ffffff;
    padding: 1.5em;
}

@media screen and (max-width: 576px){
    .bk-home1{
        background-image: url("../images/Banner-sofortaleza-3-cel.jpg");
    }
    .bk-home-3{
        background-image: url("../images/fondo-7.jpg");
    }
    .bk-col-home-4{
        display: none;
    }
    .bk-col-empresas-5{
        display: none;
    }
    .bk-col-home-5{
        display: none;
    }
    .img-bk-only-movil-fd{
        display: block;
    }
    .col-pleca-fd{
        height: 70%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .t-large{
        font-size: 2.8rem;
    }
    .t-large-2{
        font-size: 1.7rem;
    }
    .col-son-fd{
        width: 90%;
    }
    .pd-fd{
        padding: 50px 15px;
    }
    .pd-r-fd{
        padding: 50px 0px;
    }
    .pd-r0-fd{
        padding: 50px 0px 0px 0px;
    }
    .pd-sm-fd{
        padding: 20px 5px;
    }
    .pd-md-fd{
        padding: 30px 18px;
    }
    .pd-content-responsive{
        padding: 0px 15px;
    }
    .w50-fd,
    .w60-fd,
    .w70-fd{
        width: 100%;
    }
    .container-flex-row-responsive-col,
    .container-flex-row-responsive-col-sm{
        display: flex;
        flex-direction: column;
    }
    .space-content-fd{
        padding-left: 25px;
        padding-bottom: 25px;
    }
}

@media screen and (min-width: 577px) and (max-width: 768px){
    .bk-home1{
        background-image: url("../images/Banner-sofortaleza-3-tab.jpg");
    }
    .bk-home-3{
        background-image: url("../images/fondo-6.jpg");
    }
    .col-pleca-fd{
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .col-son-fd{
        width: 90%;
    }
    .pd-fd{
        padding: 50px 25px;
    }
    .col-md-2-fd {
        flex: 0 0 auto;
        width: 31%;
    }
    .col-sm-6-fd{
        flex: 0 0 auto;
        width: 100%;
    }
    .space-content-fd{
        padding-left: 25px;
        padding-bottom: 25px;
    }
    .container-flex-row-responsive-col-sm{
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px){
    .bk-home1{
        background-image: url("../images/Banner-sofortaleza-3-tab.jpg");
    }
    .bk-home-3{
        background-image: url("../images/fondo-5.jpg");
    }
    .pd-sm-fd{
        padding: 20px 15px;
    }
    .col-md-2-fd {
        flex: 0 0 auto;
        width: 18%;
    }
    .col-sm-6-fd{
        flex: 0 0 auto;
        width: 50%;
    }
    .col-son-fd{
        width: 90%;
    }
    .space-content-fd{
        padding-left: 30px;
        padding-bottom: 30px;
    }
    .container-flex-row-responsive-col-sm{
        display: flex;
        flex-direction: column;
    }
    .t-large{
        font-size: 3.2rem;
    }
    .t-large-2{
        font-size: 2rem;
    }
}

@media screen and (min-width: 1024px){
    .col-md-2-fd {
        flex: 0 0 auto;
        width: 16%;
    }
    .col-sm-6-fd{
        flex: 0 0 auto;
        width: 50%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px){
    .bk-home-3{
        background-image: url("../images/fondo-5.jpg");
    }
}

@media screen and (min-width: 1400px){
    .col-pleca-fd{
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .img-fd,
    .img-cash{
        width: 80%;
    }
}

/* estilos de para empresas */ 
.container-all-head-fd{
    height: 34em;
}

.container-all-head-fd .bk-home-2{
    height: 100%;
}

.bk-empresas1{
    background-image: url("../images/sofotaleza-home.jpg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.pd-all-fd{
    padding: 25px;   
}

/* estilos legales */

.bk-header-legales{
    background-image: url("../images/sofortaleza-header-legal.jpg");
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 24em;
}

.bl-text-legal{
    background: rgb(195,195,195);
    background: linear-gradient(120deg, rgba(195,195,195,1) 0%, rgba(241,241,241,1) 25%, rgba(241,241,241,1) 75%, rgba(195,195,195,1) 100%);
}


.subtitle-politicas-fd{
    font-size: 1.4rem;
}

@media screen and (max-width: 576px){
    .only-desk-fd{
        display: none;
    }
}

/*AQUI EMPIEZA LO DEL HEADER*/

.header-fd{
    position: sticky;
    top: 0px;
    z-index: 100;
    padding: 0px 28px;
    background-color: rgba(255, 255, 255, 0.952);
    box-shadow: 0 5px 6px -6px #1B4F5D;
}

.header-cash{
    position: sticky;
    top: 0px;
    z-index: 100;
    padding: 0px 20px;
    background-color: #000;
}

.img-logo-fd{
    width: 300px;
}

.img-logo-cash{
    width: 250px;
}

.navbar-fd{
    width: 62%;
    justify-content: end;
}

.navbar-cash{
    width: 62%;
    justify-content: center;
}

.container-rs-fd{
    width: 8%;
    justify-content: end;
}

.link-rs-header-fd{
    margin: 0px 10px;
}

.icon-rs-header-fd{
    width: 24px;
    margin-bottom: 2px;
}
.btn-navbar-fd{
    color: #FFFFFF !important;
    background-color: #1b4f5db4;
    border: 0px;
}

.btn-navbar-fd>img{
    color: #FFFFFF !important;
    width: 22px;
}

.btn-navbar-cash{
    background-color: #c4f30a00;
    border: 0px;
    padding: 5px !important;
}
.btn-navbar-cash>img{
    color: #C6F30A !important;
    width: 28px;
}

@media screen and (max-width: 577px) {
    .header-fd,
    .header-cash{
        padding: 0px;
    }
    .img-logo-cash{
        width: 220px;
    }
    .container-nav-responsisve-fd{
        flex-direction: row;
    }
    .navbar-brand{
        width: 75%;
    }
    .navbar-toggler{
        width: 15%;
    }
}

@media screen and (min-width: 991px) and (max-width: 1220px){
    .img-logo-fd,
    .img-logo-cash{
        width: 250px;
    }
    .navbar-fd{
        width: 63%;
    }
    .container-rs-fd{
        width: 7%;

    }
}

/* aquí empieza lo de Cesar */

.header-section{
    background-image: url("../images/sofortaleza-asociados.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.head-title{
    margin-top: 2%;
}

.head-title h2{
    margin-bottom: 0;
}

.card-in{
    min-height: 250px;
    background: #EFEFEF;
    border-radius: 15px;
    margin: 0.5em;
    padding: 1em;
}

.card-in .green-type{
    color: #004456;
    font-weight: 600;
}

.card-in p{
    margin-bottom: .65rem;
}
/* Aquí empieza el footer */
footer.footer-general-fd{
    margin-top: 15px;
    padding-top: 30px;
}

footer.footer-general-cash{
    background-color: #ECF1F5;
}

footer.footer-general-cash .footer-area,
footer.footer-general-cash .copyright_area{
    padding: 30px 30px 0px 30px;
}

footer .footer-area .footer_menu ul li{
    list-style: none;
}

footer .footer-area .footer_menu ul li a{
        color: initial;
        text-decoration: none;
        line-height: 2em;
}

footer .footer-area .footer_menu ul{
    padding-left: 0;
}

footer .footer-area .footer_menu ul li a:hover{
    color: #9DC00C;
}

footer .footer-area .footer_contact a{
    color: initial;
    text-decoration: none;
}

footer .footer-area .footer_contact a:hover{
    color: #9DC00C;
}

footer .footer-area .footer_contact .single-info i.fa-2x{
    font-size: 1.15em;
    margin-right: 10px;
}

footer .footer-area .footer_contact .single-info{
    padding: 10px;
}

footer .footer-area img.img-fd,
footer .footer-area img.img-cash{
    width: 60%;
}

footer .footer-area .condusef{
    width: 50%;
    padding-top: 7px;
}

footer .footer-area .buro{
    width: 54%;
}

.footer-area .row-footer-cash{
    padding-top: 10px;
}

.copyright_area .row-footer-cash div{
    border-top: 1px solid #000;
    padding-top: 30px;
}

footer .copyright_text{
    background: #ECF1F5;
    padding: 10px;
    text-align: center;
    color: #000;
}

footer .copyright_text p{
    font-size: 14px;
    margin-bottom: 0px;
}

.link-rs-footer-fd{
    margin-bottom: 10px;
}

.icon-rs-footer-fd{
    width: 30px;
}

.menu-item-footer-cash{
    padding: 5px 0px;
}

@media screen and (max-width: 577px){
    footer.footer-general-cash .footer-area{
        padding: 25px 10px 0px 10px;
    }
    
    .row-footer-fd{
        justify-content: center;
        padding: 0px 10px;
    }
    .logos-footer{
        margin-bottom: 30px;
        padding: 0px 35px;
    }
    .logos-footer>div{
        text-align: center;
        justify-content: center;
    }
    footer .footer-area img.img-cash{
        width: 100%; 
    }
    .menu-item-footer-cash{
        text-align: left;
    }
}

/* Aquí termina el footer */

/* Aquí empieza contacto */

.contact_form{
    padding: 1em;
}
/* Aquí termina contacto */

/* aquí empieza el formulario */

.form-control-fd-diss{
    border-radius: 0px;
    border: 2px solid #e9ecef;
    padding: 8px 15px;
}

.contact_form .form_group {
    margin-bottom: 20px;
}

.form_group select {
    border-radius: 0;
    width: 100%;
    border-radius: 0px;
    border: 2px solid #066B8E;
    padding: 8px 15px;
}

hr:not([size]) {
    height: 2px;
}

hr {
    margin: 2rem 0 3rem 0;
    color: #066B8E;
    background-color: currentColor;
    border: 0;
    opacity: 1;
}

/* estilos img_documents */

.wrap-custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 180px;
    margin: 20px 0.5rem 1rem;
    text-align: center;
}

.wrap-custom-file h5{
    margin-bottom: .75rem;
}

.wrap-custom-file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px;
    overflow: hidden;
    opacity: 0;
}

.wrap-custom-file label {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0.5rem;
    cursor: pointer;
    background-color: #EFEFEF;
    border-radius: 10px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.wrap-custom-file label span {
    display: block;
    margin-top: 1.2rem;
    font-size: 1.4rem;
    color: #777;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

.wrap-custom-file label .fa {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    color: #FDC34E;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

.wrap-custom-file label:hover {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
}

.wrap-custom-file label:hover span {
    color: #333;
}

.wrap-custom-file label.file-ok {
    background-size: cover;
    background-position: center;
}

.wrap-custom-file label.file-ok span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.3rem;
    font-size: 1.1rem;
    color: #000;
    background-color: rgba(255, 255, 255, 0.7);
}

.wrap-custom-file label.file-ok .fa {
    display: none;
}

/* estilos download botón */

.wrap-custom-file-down {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 110px;
    margin: 20px 0.5rem 1rem;
    text-align: center;
}

.wrap-custom-file-down h5{
    margin-bottom: .75rem;
}

.wrap-custom-file-down input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px;
    overflow: hidden;
    opacity: 0;
}

.wrap-custom-file-down label {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0.5rem;
    cursor: pointer;
    background-color: #EFEFEF;
    border-radius: 10px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.wrap-custom-file-down label span {
    display: block;
    margin-top: 1.2rem;
    font-size: 1.4rem;
    color: #777;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

.wrap-custom-file-down label .fa {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    color: #FDC34E;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

.wrap-custom-file-down label:hover {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
}

.wrap-custom-file-down label:hover span {
    color: #333;
}

.wrap-custom-file-down label.file-ok {
    background-size: cover;
    background-position: center;
}

.wrap-custom-file-down label.file-ok span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.3rem;
    font-size: 1.1rem;
    color: #000;
    background-color: rgba(255, 255, 255, 0.7);
}

.wrap-custom-file-down label.file-ok .fa {
    display: none;
}

/*Whatsapp button*/
.whatsapp-buttom-fd {
    width: 60px !important;
    height: 60px !important;
    position: fixed !important;
    bottom: 50px !important;
    right: 15px !important;
    z-index: 100 !important;
}

.whatsapp-buttom-fd img{
    width: 100%;
}

.whatsapp-buttom-fd:hover {
    transition: 400ms all !important;
    width: 65px !important;
    height: 65px !important;
}

@media screen and (max-width: 700px){
	.whatsapp-buttom-fd {
		width: 55px !important;
		height: 55px !important;
		position: fixed !important;
		bottom: 20px !important;
		right: 5px !important;
		z-index: 100 !important;
	}
}