body{
    color: #1A1A1A !important;
}


/* ### INICIO ### */

/* NAVBAR */

.navbar {
    min-height: 75px !important;
}

.navbar-default {
    border-radius: 0px !important;
    border-color: #f8f8f8 !important;
}

.navbar-brand {
    height: 0px;
    padding: 10px 10px;
}

.navbar-right{
    margin-top: 1% !important;
}

/* NAVBAR END*/

/* LIBÉRATE */
.btn-ver-mas{
    margin: auto;
    display: block;
    width: 16%;
}
/* LIBÉRATE END*/

/* CONTACTO SECTION */

.logotipo-contacto{
    display: block;
    margin: auto;
}

.lo-que-es-importante{
    color: #fff;
}

/* CONTACTO END SECTION*/

/* ### INICIO ### */

.link-accordion{
    color: #fff;
}
.link-accordion:hover, .link-accordion:focus, .link-accordion:active{
    color: #fff;
}

/* ### SERVICIOS ### */

.service-img-1{
    margin-top: 35%;
}

.service-img-2{
    margin-top: 20%;
}

.service-img-3{
    margin-top: 35%;
}

/* ### CONTACTO ### */

.contact-clients{
    padding-top: 5% !important;
    background: #F3F5F7;
}

section.contact-form {
    padding-top: 5% !important;
    padding-bottom: 10% !important;
}

.loaderIcon{
    width: 3%;
}



/* RESPONSIVE */

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

    .topbar{
        display: none;
    }

    .navbar{
        position: fixed;
        width: 100%;
    }
    .navbar-header{
        height: 80px !important;
    }

    .navbar-toggle{
        margin-top: 20px;
    }

    .service-index{
        margin-bottom: 5%;
    }
    
    .btn-ver-mas {
        width: 48%;
    }

    .service-img-1{
        margin-top: 0%;
    }
    
    .service-img-3{
        margin-top: 0%;
    }

    section.contact-form {
        padding-top: 5% !important;
        padding-bottom: 30% !important;
    }
}

@media screen and (max-width: 320px) {
    .navbar-brand {
        padding: 18px 4px !important;
    }

    .navbar-brand>img {
        width: 30% !important;
    }
}