@font-face {
    font-family: open_sans_semibold;
    src: url("../assets/fonts/open_sans_semibold/open-sans-semibold.ttf") format("truetype");
}

body {
    font-size: 16px;
    font-family: 'open_sans_semibold';
}

.font-open-sans-semibold {
    font-family: 'open_sans_semibold'!important;
}

.font-light {
    font-family: 'ssp_light'!important;
}

.font-regular {
    font-family: 'ssp_regular'!important;
}

.font-bold {
    font-family: 'ssp_bold'!important;
}

.font-light-italic {
    font-family: 'ssp_light_italic'!important;
}

.font-regular-italic {
    font-family: 'ssp_regular_italic'!important;
}

.font-bold-italic {
    font-family: 'ssp_bold_italic'!important;
}

.font-regular-serif {
    font-family: 'ssp_regular_serif'!important;
}

.hidden {
    visibility: hidden;
}

.cursor-pointer:hover {
    cursor: pointer;
}

.langs-container a img, .langs-container-mobile a img {
    width: 30px;
}

.links-menu {
    font-family: 'open_sans_semibold'!important;
    text-decoration: none;
    font-size: 20px;
    margin: 0px 30px 0px 30px;
}
.links-menu-mobile {
    font-family: 'open_sans_semibold'!important;
    text-decoration: none;
    font-size: 20px;
    margin: 0px 0px 0px 30px;
}

.links-menu:hover, .links-menu-mobile:hover {
    color: #8BC9E0;
}
.links-active {
    color: #8BC9E0;
}

.titulos {
    font-size: 48px;
    font-family: 'open_sans_semibold'!important;
}

#menu-bar {
    background-image: linear-gradient(to right, #164f92, #0065a4, #007cb4, #0092c1, #1aa8cc);
    color: #FFFFFF;
}
#menu-bar-mobile {
    background-image: linear-gradient(to right, #164f92, #0065a4, #007cb4, #0092c1, #1aa8cc);
    color: #FFFFFF;
}

/*Inicio*/
#logo-container {
    width: 280px;
    position: absolute;
    top: 20px;
    left: 60px;
    padding: 20px 30px;
}
#inicio {
    margin-top: 50px;
    height: calc(100vw * 0.3);
}

.text-inicio-container {
    padding: 60px 60px;
}

.text-inicio-container p {
    color: #2B689C;
    font-family: 'open_sans_semibold'!important;
    line-height: 1.7em;
    text-align: center;
    font-size: 22px;
}

/*Servicios*/
#servicios {
    background-position: content;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/servicios2.jpg');
    height: calc(100vh - 50px);
    display: table;
}
#servicios .bloque2 {
    display: table-cell;vertical-align: middle;
    width: 100vw;
}

#servicios .bloque2>div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 100px 80px;
    text-align: center;
}

#servicios .bloque2 h5 {
    font-size: 20px;
    font-weight: 1000;
    color: #000000;
    font-family: 'open_sans_semibold'!important;
}

#servicios .bloque2 p {
    font-size: 16px;
    color: #000000;
    font-family: 'open_sans_semibold'!important;
}

.servicios-col {
    padding: 30px 40px;
}

.servicios-col img {
    width: 100%;
    max-width: 180px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.servicios-box {
    margin: 20px auto;
    width: 100%;
    max-width: 280px;
    background-color: #F2F2F2;
    padding: 30px;
    border-right: solid #BADA55 6px;
    border-bottom: solid #BADA55 8px;
}

.servicios-box h5 {
    font-size: 28px;
    color: #1A2B6D;
    font-family: 'open_sans_semibold'!important;
}

/*enfoque*/

.parallax1 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/enfoque.jpg');
    padding-top: 40px;
    padding-bottom: 40px;
}

/*contacto*/

#contacto {
    background-color: #333A56;
}

#contacto>div {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding: 40px 60px;
}

#contacto h1 {
    text-align: center;
}

#contacto input, #contacto textarea {
    border-width: 4px;
    border: solid #FFFFFF 2px;
    color: #FFFFFF;
}

#contacto textarea {
    resize: vertical;
}

#contacto input::placeholder {
    color: #FFFFFF;
    font-size: 1.2em;
    font-family: 'open_sans_semibold'!important;
}
#contacto textarea::placeholder {
    color: #FFFFFF;
    font-size: 1.2em;
    font-family: 'open_sans_semibold'!important;
}

#contacto button {
    border: solid #FFFFFF 2px;
    padding: 8px 16px;
    font-family: 'open_sans_semibold'!important;
}
footer {
    padding-top: 40px;
    padding-bottom: 40px;
}



@media only screen and (max-width: 1024px) {
    .parallax1 {
        background-attachment: scroll;
    }
    #logo-container {
        width: 220px;
        position: absolute;
        top: 30px;
        left: 20px;
    }
}
@media only screen and (max-width: 601px) {
    #logo-container {
        width: 220px;
        position: absolute;
        top: 76px;
        left: 20px;
    }
}

@media only screen and (max-width: 719px) {
    .servicios-col img {
        max-width: 180px;
    }
}

@media only screen and (max-width: 991px) {
    #inicio {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 360px) {
    .links-menu-mobile {
        font-size: 18px;
        margin: 0px 0px 0px 20px;
    }
    .servicios-col img {
        max-width: 180px;
    }
    #inicio {
        margin-top: 77px;
    }
}