@font-face {
    font-family: 'Avenir-light-o';
    src: url('../fonts/AvenirLTStd-LightOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
.avenir-light-o {
    font-family: 'Avenir-light-o';
}
@font-face {
    font-family: 'Avenir-light';
    src: url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
.avenir-light {
    font-family: 'Avenir-light';
}
@font-face {
    font-family: 'Avenir-medium-o';
    src: url('../fonts/AvenirLTStd-MediumOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
.avenir-medium-o {
    font-family: 'Avenir-medium-o';
}
@font-face {
    font-family: 'Avenir-medium';
    src: url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
.avenir-medium {
    font-family: 'Avenir-medium';
}
@font-face {
    font-family: 'Avenir-heavy-o';
    src: url('../fonts/AvenirLTStd-HeavyOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}
.avenir-heavy-o {
    font-family: 'Avenir-heavy-o';
}
@font-face {
    font-family: 'Avenir-heavy';
    src: url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
.avenir-heavy {
    font-family: 'Avenir-heavy';
}
@font-face {
    font-family: 'Avenir-roman';
    src: url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.avenir-roman {
    font-family: 'Avenir-roman';
}
@font-face {
    font-family: 'Avenir-book-o';
    src: url('../fonts/AvenirLTStd-BookOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-BookOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
.avenir-book-o {
    font-family: 'Avenir-book-o';
}
@font-face {
    font-family: 'Avenir-book';
    src: url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.avenir-book {
    font-family: 'Avenir-book';
}
@font-face {
    font-family: 'Avenir-o';
    src: url('../fonts/AvenirLTStd-Oblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
.avenir-o {
    font-family: 'Avenir-o';
}
@font-face {
    font-family: 'Avenir-black';
    src: url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
.avenir-black {
    font-family: 'Avenir-black';
}
@font-face {
    font-family: 'Avenir-black-o';
    src: url('../fonts/AvenirLTStd-BlackOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-BlackOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}
.whatsapp {
    right: 15px;
    top: 45%;
    z-index: 999;
    position: fixed;
    transition: transform .5s;
}
.whatsapp:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.avenir-black-o {
    font-family: 'Avenir-black-o';
}

body {
    font-family: 'Avenir-medium';
}
footer {
    background-color: #000;
}
footer a {
    text-decoration: none;
    color: #FFF;
}
footer a:hover {
    text-decoration: none;
    color: #666;
}
.bold {
    font-weight: bold;
}
.navbar {
    background-color: #0056b3;
}
.nav-link {
    color: #FFF !important;
    font-weight: bold !important;
}
.nav-link:hover {
    color: #000 !important;
}
.color-azul {
    color: #00649A;
}
.color-blanco {
    color: #FFF;
}
.color-gris {
    color: #666;
}
.color-rojo {
	color: #f00 !important;
}
.btn-color-negro {
    color: #000;
}
.btn-color-negro:hover {
    color: #666;
    text-decoration: none;
}
.fondo-azul {
    background-color: #00649A;
}
.btn-celeste {
    color: #FFF;
    background-color: #38B3E9;
    border-radius: 0px;
}
/* INDEX */
.container-box {
    margin-top: 2em;
}
.box {
    border: 5px solid #E6E6E6;
    text-align: center;
}
.box img {
    margin-top: -15% !important;
}
.box p {
    color: #4D4D4D;
}
/* .testimonios {
    border: 5px solid #00649A;
}
.testimonios img {
    margin-top: -25%;
    position: absolute;
} */
@media (max-width: 1200px) {
    /* .testimonios img {
        margin-top: -8%;
        position: absolute;
    } */
}
@media (max-width: 991px) {
    .box img {
        margin-top: -25% !important;
    }
}
@media (max-width: 767px) {
    .col-footer {
        text-align: center;
        margin-top: 15px;
    }
}
@media (max-width: 575px) {
    .box img {
        margin-top: -10% !important;
    }
}
@media (max-width: 380px) {
    .box img {
        margin-top: -15% !important;
    }
}
/* TRABAJOS */
.video-container {
    position:relative;
    height: 525px;
}
@media (max-width: 540px) {
    .video-container {
        height: 425px;
    }
}
@media (max-width: 440px) {
    .video-container {
        height: 325px;
    }
}
@media (max-width: 350px) {
    .video-container {
        height: 225px;
    }
}
.item {
    background-color: #FFF !important;
    padding: 3px !important;
}
.btn-trabajos {
    text-align: center;
}
.btn-trabajos li {
    color: #666;
    font-size: 0.9em;
    text-decoration: none;
}
.btn-trabajos li:hover {
    cursor: pointer;
}
.btn-trabajos img {
    max-height: 50px;
    margin-bottom: 5px;
}
.btn-trabajos ul li {
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    vertical-align: top;
}
.tipo-trabajo {
    color: #808080;
}
/* TAMAÑOS DE FUENTES */
.f-0-5 {
    font-size: 0.5em !important;
}
.f-0-6 {
    font-size: 0.6em !important;
}
.f-0-7 {
    font-size: 0.7em !important;
}
.f-0-8 {
    font-size: 0.8em !important;
}
.f-0-9 {
    font-size: 0.9em !important;
}
.f-1-0 {
    font-size: 1.0em !important;
}
.f-1-1 {
    font-size: 1.1em !important;
}
.f-1-2 {
    font-size: 1.2em !important;
}
.f-1-3 {
    font-size: 1.3em !important;
}
.f-1-4 {
    font-size: 1.4em !important;
}
.f-1-5 {
    font-size: 1.5em !important;
}
.f-1-6 {
    font-size: 1.6em !important;
}
.f-1-7 {
    font-size: 1.7em !important;
}
.f-1-8 {
    font-size: 1.8em !important;
}
.f-1-9 {
    font-size: 1.9em !important;
}
.f-2-0 {
    font-size: 2.0em !important;
}