html {
    font-family: 'Libre Franklin', sans-serif;
}

body {
    background-color: #ffffff;
    color: #333333;
}

h1 {
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    color: #333333;
}

nav {
    background-color: #ffffff;
    box-shadow: none!important;
}

nav .brand-logo img {
    padding-top: 5px;
}

nav ul li a.active {
    color: #f58733;
}

nav ul a {
    color: #393f52;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s
}

nav ul a:hover {
    background: none;
    color: #f58733;
}

nav ul a.social {
    padding: 0 5px;
}

.side-nav {
    background-color: #333333;
}

.side-nav li>a {
    color: #ffffff;
    font-size: 16px;
}

.side-nav li a.active {
    background-color: #26a1c2;
    color: #ffffff!important;
}

#sidenav-overlay {
    z-index: 10;
}

.fa-2x {
    font-size: 1.6rem;
}

header {
    background: #ffffff url('../img/fronting.jpg ') top right no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 650px;
    position: relative;
}

.sub-title {
    font-size: 2rem;
    font-weight: lighter;
    line-height: 1;
    margin-bottom: 10px;
}

.section {
    padding-top: 20px;
    padding-bottom: 20px;
}


/******************************************************************************
 * 
 * SERVICIOS
 * 
 *******************************************************************************/

#servicios {
    background-color: #26a1c2;
}

#servicios h2 {
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.56rem;
}

h4.title-section {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 600;
}

#servicios p {
    color: #ffffff;
    font-size: 0.8rem;
}

.icono {
    max-width: 100%;
    height: auto;
}


/******************************************************************************
 * 
 * ESPECIALISTAS
 * 
 *******************************************************************************/

#especialistas {
    background: #eaeaea url('../img/back-esp.jpg') top center;
    background-size: cover;
}

#especialistas h3 {
    color: #333333;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.56rem;
}

#especialistas h4 {
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2rem;
}

#especialistas .col-left img,
#especialistas .col-right img {
    width: 70%;
    height: auto;
    border-radius: 5px;
    margin-top: 8%;
}

#especialistas .col-center img {
    border: 4px solid #ffffff;
    border-radius: 5px;
}


/******************************************************************************
 * 
 * ESTADÍSTICAS
 * 
 *******************************************************************************/

#estadisticas {
    background-color: orange;
    color: #ffffff;
    padding-top: 40px;
    padding-bottom: 20px;
}

.est {
    font-size: 2.2rem;
}

.sub-span {
    font-size: 1.2rem;
}


/******************************************************************************
 * 
 * TESTIMONIALES
 * 
 *******************************************************************************/

#testimoniales {
    background-color: #a8cf45;
    color: #ffffff;
}

#testimoniales p {
    color: #ffffff;
    font-size: 1.8rem;
}

#testimoniales h3 {
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.56rem;
}

.carousel {
    height: 320px!important;
}


/******************************************************************************
 * 
 * CONTACTO
 * 
 *******************************************************************************/

#contactanos {
    background-color: #eeeeee;
    color: #333333;
}

#contactanos h3 {
    color: #333333;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.56rem;
}


/*
#contactanos ul li {
    line-height: 2;
    font-size: 1.1rem;
}
*/

.collapsible {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.collapsible-header {
    background-color: transparent;
    border: none;
    font-weight: 600;
    padding: 0.8rem;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #9e9e9e;
    margin: 0 0 10px 0;
    padding: 0 10px;
}

input.invalid:not([type]),
input.invalid:not([type]):focus,
input[type=text].invalid:not(.browser-default),
input[type=text].invalid:not(.browser-default):focus,
input[type=password].invalid:not(.browser-default),
input[type=password].invalid:not(.browser-default):focus,
input[type=email].invalid:not(.browser-default),
input[type=email].invalid:not(.browser-default):focus,
input[type=url].invalid:not(.browser-default),
input[type=url].invalid:not(.browser-default):focus,
input[type=time].invalid:not(.browser-default),
input[type=time].invalid:not(.browser-default):focus,
input[type=date].invalid:not(.browser-default),
input[type=date].invalid:not(.browser-default):focus,
input[type=datetime].invalid:not(.browser-default),
input[type=datetime].invalid:not(.browser-default):focus,
input[type=datetime-local].invalid:not(.browser-default),
input[type=datetime-local].invalid:not(.browser-default):focus,
input[type=tel].invalid:not(.browser-default),
input[type=tel].invalid:not(.browser-default):focus,
input[type=number].invalid:not(.browser-default),
input[type=number].invalid:not(.browser-default):focus,
input[type=search].invalid:not(.browser-default),
input[type=search].invalid:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus,
.select-wrapper.invalid>input.select-dropdown {
    border: 1px solid #F44336;
    -webkit-box-shadow: 0 1px 0 0 #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

textarea.materialize-textarea {
    min-height: 6rem;
}


/* label focus color */

.input-field input[type=text]:focus+label,
textarea.materialize-textarea:focus+label,
.input-field input[type=email]:focus+label {
    color: #000 !important;
    border: none!important;
}


/* label underline focus color */

.input-field input[type=text]:focus,
textarea.materialize-textarea:focus,
.input-field input[type=email]:focus {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
}


/********************************************************************************
 * 
 * FOOTER
 * 
 ********************************************************************************/

.page-footer {
    background-color: #333333;
}

footer .social {
    padding: 0 5px;
    color: #959999;
}

footer .social:hover {
    color: #f58733;
}


/********************************************************************************
 * 
 * HELPERS
 * 
 ********************************************************************************/

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-0 {
    margin-bottom: 0px!important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.p-0 {
    padding: 0!important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-40 {
    padding-left: 40px;
}


/*************************************************
 * 
 * MEDIA QUERIES
 * 
*************************************************/

@media only screen and (max-width: 992px) {
    header {
        background: #ffffff url('../img/fronting.jpg ') top center no-repeat;
        background-size: cover;
    }
    h4.title-section {
        font-size: 1.3rem;
    }
    #servicios p {
        font-size: 1.2rem;
    }
    .est {
        font-size: 1.4rem;
    }
    .sub-span {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 600px) {
    .section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    header {
        background: #ffffff url('../img/fronting.jpg ') top left no-repeat;
        min-height: auto;
        padding-bottom: 40px;
    }
    #home .mt-60 {
        margin-top: 40px;
    }
    h1 {
        font-size: 2.4rem;
    }
    .sub-title {
        font-size: 1.8rem;
    }
    h3 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.3rem;
    }
    .foot-social {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .est {
        font-size: 2.4rem;
        margin-top: 20px;
    }
    .sub-span {
        font-size: 1.4rem;
    }
}