.loader {
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    display: block;
    position: absolute;
    text-align: center;
}

body {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 2.142;
    font-family: Montserrat, sans-serif;
    letter-spacing: 0;
    text-align: left;
    color: #3b3d42;
}

.animation_t {
    display: block;
}

#top_info {
    /* height: 60px;*/
    padding: 0px 0;
    background: #000;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
}

#top_info a {
    color: #fff;
}

#main_menu_container {
    z-index: 2;
    display: block;
    position: relative;
    background: #0000009c;
    top: -5px;
    padding: 5px 0 10px 0
}

#slider_container {
    margin-top: -125px;
}

.inner_menu_container {
    background: #2b3238 !important;
}

#main_menu {
    font-family: 'Oswald', sans-serif;
}

#main_menu a {
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 15px;
    letter-spacing: 1.2px;
}

#main_menu a:hover {
    color: #f8c939;
}

#main_menu .active a {
    color: #f8c939;
}

#logo_40 {
    height: 110px;
}

/*Carrusel*/
.carousel-caption {
    bottom: 40%;
}

.carousel-caption h5 {
    text-align: center;
    color: #ffffff;
    font-family: "Oswald", Sans-serif;
    font-size: 80px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 90px;
    letter-spacing: 4px;
    padding: 55px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    text-shadow: 0px 5px 7px #0000006b;
}

.carousel-caption :hover {
    color: #fff;
    text-decoration: underline;
}

.seccion_titulo {
    font-family: "Oswald", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.285em;
    letter-spacing: 1.4px;
}

div#nosotros_container, div#proyectos_container, div#contacto_container, div#servicioos_container, div#ligthbox_container {
    padding: 73px 0px 49px 0px;
}

div#nosotros_container {
    background-color: #fff;
    background-image: url(/ui/public/images/parllax_nosotros.png);
    background-attachment: fixed;
    background-size: cover;

}

#titulo_nosotros {
    font-family: "Oswald", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.125em;
    letter-spacing: 2.4px;
}

p.nosotros {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8em;
}

.linea {
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #f8c939;
    width: 70px;
    display: inline-block;
}

div.servicio_card {
    width: 100%;
    height: 504px;
    display: block;
    padding: 0px;
    overflow: hidden;
    margin: 10px 0;
}

div.servicio_card img {
    width: 100%;
}

div.servicio_card img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.servicio_card_texto_container {
    background: #0000009c;
    height: 60px;
    position: relative;
    bottom: 128px;
}

.elementor-social-icons-wrapper {
    font-size: 40px;
}

.servicio_card_texto {
    font-family: "Oswald", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.55em;
    letter-spacing: 1.2px;
    text-align: center;
    color: #ffffff;
}

.servicio_card_texto a {
    color: #ffffff;
}

#bloques_container {
    position: relative;
    margin-top: -323px;
    z-index: -1;
    min-height: 1272px;

}

#bloque_negro {
    height: 761px;
    background: black;
    background-image: url(/ui/public/images/transparencia_negro.png);
    width: 70%;
    float: left;
    position: relative;
    margin-top: -576px;
    background-size: cover;
}

#bloque_transparencia {
    height: 1094px;
    background-color: #f8c939;
    background-image: url(/ui/public/images/transparencia_img.png);
    /*background-attachment:fixed ;*/
    width: 50%;
    float: right;
    position: relative;
    z-index: 2;
    background-size: cover;
}

#contenido_transparencia {
    font-family: "Oswald", Sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 600;
    color: #000;
    width: 40%;
    top: 30%;
    display: block;
    margin: 0 auto;
    position: relative;
}

#contenido_transparencia ul {
    list-style: none;
}

#contenido_transparencia .titulo_lista {
    font-size: 45px;
}

div#contenido_bloque_negro {
    font-family: "Oswald", Sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    width: 50%;
    /* margin: 0 AUTO; */
    position: relative;
    top: 39%;
    left: 10%;
}

div#proyecto_cards_container {
    background-image: url(/ui/public/images/proyectos_pallax.png);
    background-attachment: fixed;
    background-size: cover;
    padding: 20px 0;

}

#titulo_proyectos {
    font-family: "Oswald", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.125em;
    letter-spacing: 2.4px;
}

p.proyectos {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8em;
}

hr.proyectos_hr{}

.clear_fix {
    float: none;
}

.proyecto_row {
    margin: 30px auto;
}

#contacto_wraper p {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 2.2em;
}

#contacto_wraper p a {
    color: #f8c939;
}

span.iconos_contacto {
    font-size: 50px;
}

span.iconos_ubicacion {
    font-size: 60px;
}

.boton {
    background: white;
    border: #f8c939 1px solid;
    color: #f8c939;
}

.boton_zoom {
    background: white;
    border: #000000 1px solid;
    color: #f8c939;
}

.boton_mas_info {
    background: white;
    border: #000000 1px solid;
    color: #f8c939;
    font-size: 32px;
}

.boton:hover {
    color: #fff;
    background-color: #f8c939;
    border-color: #f8c939;
}

.boton:not(:disabled):not(.disabled).active, .boton:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #b78738;
    border-color: #b78738;
}

img.logo_proyecto {
    max-height: 174px;
    display: block;
    width: auto;
    margin: 15px auto;
}

iframe.youtube_v {
    width: 100%;
    min-height: 625px;
    margin-bottom: 20px;
}

iframe.fb_video {
    width: 100%;
    min-height: 350px;
}

footer {
    background: black;
    color: white;
    padding: 20px;
    text-align: center;
}

footer a {
    color: white;

}