@font-face {
    font-family: "Century Gothic";
    src: url("fonts/CenturyGothic.ttf");
}

html,
body {
    font-family: 'Century Gothic' !important;
}

.logo {
    width: 150px;
}

.banner {
    background-image: url('images/vista01-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: center;
    background-color: #fff;
}

.menu-principal .container {
    margin:0;
}


.nav-link {
    color: rgba(0,0,0,.5);
    padding: 0em 1.5em;
    font-weight: 700;
    line-height: 24px;
    font-size: 18px;
}

.navbar-nav {
    text-align: center;
    width: max-content;
}

.slider {
    width: 80%;
    margin: 20px auto;
}
    
.slick-slide {
  margin: 0px 15px;
}
    
.slick-slide img {
  width: 100%;
}
    
.slick-prev:before,
.slick-next:before {
  color: #2a3891;
}
    
    
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}
        
.slick-active {
  opacity: 1;
}
    
.slick-current {
  opacity: 1;
}

.logo-menu {
    height: 70px;
    padding: 0 10px;
    width: auto;
    border-right: #57595a6e 1px solid;
}

.banner h1 {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 20px;
}

.row {
    margin: 0 !important;
}

.btn-wha {
    background: #1BD741;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
    border: none;
    width: 100%;
}

.btn-wha:hover {
    cursor: pointer;
    opacity: 0.7;
}

.btn-face {
    background: #D44C3D;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
    border: none;
    width: 100%;
}

.btn-face:hover {
    cursor: pointer;
    opacity: 0.7;
}

.menu-secundario {
    display: none;
}

.menu-oculto {
    display: none;
}

.menu-visible {
    display: block;
    background: #14171a;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.logo-dark {
    width: 180px;
}

.menu-visible .nav-link {
    color: #ffffff !important;
}

#exampleModal i {
    font-size: 30px;
}

.banner p {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 20px;
}

.abs {
    position: absolute;
}


.img-logistic {
    width: 20%;
    padding: 3% 0 0 2%;
}

.img-fpy {
    top: 0;
    position: absolute;
    right: 0;
    width: 24%;
}

.map {
    width: 80%;
}

.map-py {
    position: absolute;
    width: 16%;
    bottom: 0;
    left: 5%;
}

.img-product {
    width: 30%;
    padding: 0 5%;
}

.img-descrip {
    width: 100%;
    padding-top: 15%;
}

.img-quality {
    position: absolute;
    bottom: 4px;
    width: 27%;
}

.img-statistics {
    top: 10%;
    left: 5%;
    width: 20%;
}

.img-tabla1 {
    top: 15%;
    right: 28%;
    width: 20%;
}

.img-tabla2 {
    top: 15%;
    right: 5%;
    width: 20%;
}

.img-document {
    width: 25%;
    position: absolute;
    left: 4%;
    top: 10%;
}

.img-info {
    bottom: 20%;
    left: 6%;
    width: 25%;
}

.img-icono {
    bottom: 2%;
    left: 0;
    width: 100%;
}

.cuadro {
    bottom: 12%;
    left: 6%;
    width: 10%; 
}

.sombra1 {
    top: 0;
    right: 0;
    width: 10%
}

.sombra2 {
    top: 0;
    right: 10%;
    width: 10%;
}

.idioma {
    top: 3%;
    right: 0;
    width: 9%;
    display: flex;
}


.idioma img {
    width: 80px;
}

.redes-sociales {
    position: absolute;
    top: 4%;
    right: 10.5%;
    width: 11%;
}

.redes-sociales ul {
    display: flex;
    list-style: none;
}

.redes-sociales i {
    color: white;
    font-size: xx-large;
    padding: 0 5px 0 0;
}

.why-text {
    color: #919295;
    font-size: 18px;
    margin-top: 5%;
}

.full {
    width:100%;
}

.btn-asesor {
    background: #DBAC00;
    color: #ffffff;
    padding: 15px;
    width: 250px;
}

.btn-asesor:hover {
    opacity: 0.7;
}

.col-md-3.abs {
    position: absolute !important;
    right: 0;
}

.servicios {
    padding: 15.2%;
}

.cuadro-product {
    width: 65%;
    padding: 0 5% 2%;
}

.section-products {
    position: absolute;
    display: inline-block;
    text-align: center;
    width: 100vh;
    padding-top: 10%;
}

.product-descrip {
    position: absolute;
    background: #d1d2d4;
    right: 5%;
    width: 40%;
    padding: 7% 3%;
}

.title-product {
    width: 100%;
    font-size: 25px;
    font-weight: 400;
}

.prod {
    top: 0;
    position: absolute;
    right: 0;
    width: 50% !important;
}
.text-product a {
    display: block;
    color: black;
}

.name-product {
    top: 0;
    left: 0;
    width: 40%;
    position: absolute;
}

.text-product {
    text-align: left;
    font-size: 17px;
    position: absolute;
    top: 36%;
    left: 10%
}

.titulo-seccion {
    font-weight: bold;
    color: #222;
    font-size: 34px;
    text-decoration: underline #DBAC00;
}

.title-empresa {
    color: black;
    text-align: left;
    padding: 20px 25px;
    font-weight: 700;
}

.big-title {
    color: #fff;
}

.spe1 {
    width: 43% !important;
}

.spe2 {
    padding: 18% 0;
}

.empresas {
    padding: 2%;
    text-align: center;
}

.empresas ul{
    display: flex;
    list-style: none;
}

.ten img {
    width: 80%;
    margin: 5%;
}

.text-section {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 25px;
    color: #ffffff;
}

.section1 {
    background: #939598;
    padding: 80px 20px 30px 20px;
}

.section2 {
    background: #808285;
    padding: 30px 20px;
}

.section3 {
    background: #6c6d70;
    padding: 30px 20px;
}

.text.right {
    text-align: right;
}

.img-person {
    width: 100%;
    height: 100%;
}


.about {
    text-align: left;
    position: absolute;
    right: 5%;
}

.img-about {
    width: 45%;
    padding: 5% 5% 0;
}

.blue {
    background: rgb(42, 56, 145);
}

.col-md-10.product-img {
    text-align: right;
}

.line-green {
    border-left: #a2bd3d 3px solid;
    padding-left: 20px;
}

.iconos img {
    width: 60px;
    margin-top: 40px;
}

.iconos p {
    margin-top: 20px;
}

.seccion-uno {
    height: 100vh;
}

.secciones {
    display: flex;
    align-content: center;
    align-items: center;
}

.secciones .titulo-secciones {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 20px;
}

.secciones .texto-secciones {
    color: #ffffff;
    margin-bottom: 20px;
}

.messenger {
    width: 45px;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    width: auto;
}

.whatsapp {
    bottom: 100px !important;
}

.whatsapp img {
    width: 50px;
}

.tipo-obras {
    padding: 0px;
}

.card-obras b {
    color: #DBAC00;
    font-size: 42px;
    font-weight: bold;
}

.card-obras p {
    color: #222;
    font-size: 18px;
    margin-top: 15px;
}

.card-obras img {
    width: 50px;
    margin-top: 30px;
}

.text-statistics {
    color: black !important;
    left: 6%;
    top: 28%;
    position: absolute;
    width: 45%;
    text-align: left;
    font-size: 22px;
}

.mision {
    background-position: 0 0, 50% 50%;
    height: 100vh;
}

.vision {
    background: rgb(188, 189, 192);
    background-position: 0 0, 50% 50%;
}

.proyectos {
    padding: 15px;
}

.abel {
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .65) 36%, transparent 66%), url('../img/abel.png');
}

.aranda {
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .65) 36%, transparent 66%), url('../img/aranda.png');
}

.bruna {
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .65) 36%, transparent 66%), url('../img/bruna.png');
}

.cesar {
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .65) 36%, transparent 66%), url('../img/cesar.png');
}

.marta {
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .65) 36%, transparent 66%), url('../img/marta.png');
}

.oscar {
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .65) 36%, transparent 66%), url('../img/oscar.png');
}

.card-proyecto {
    margin-top: 40px !important;
    background-size: auto, cover;
    background-position: center;
    height: 400px;
    margin: 0 auto;
}

.card-proyecto p {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    margin-top: 250px;
}

.ver-mas {
    border: 1px solid #ffffff;
    background: transparent;
    padding: 10px;
    color: #ffffff;
    width: 200px;
}

.ver-mas:hover {
    color: #DBAC00;
    text-decoration: none;
    border: 1px solid #DBAC00;
}

.boton-proyectos {
    margin-top: 40px;
}

.ebooks {
    padding: 0px;
}

.imagen-ebook img {
    width: 320px
}

.imagen-ebook {
    margin-top: 40px;
}

.texto-ebook {
    margin-top: 40px;
}

.titulo-ebook {
    font-weight: bold;
    font-size: 26px;
    margin-top: 40px;
}

.parrafo-ebook {
    margin-bottom: 40px;
}

.sec-title {
    font-weight: 400;
    color: #e1ea0d !important;
}
.container.zero {
    max-width: inherit !important;
}

.zero {
    padding: 0 !important;
    margin: 0 !important;
}

.our {
    float: right !important;
    background: #002e82;
    padding: 4%;
    text-align: left;
}

.fonts {
    font-size: 18px;
    margin-top: 5%;
    margin-bottom: 20px;
    line-height: 25px;
    color: #919295;
}

span {
    text-decoration: underline;
    font-weight: 600;
}

.font {
    font-size: 18px;
    margin-top: 5%;
    margin-bottom: 20px;
    line-height: 25px;
    color: #fff;
}

.img-wwa {
    width: 50%;
}

.img-about img {
    width: 25%;
    height: 224px;
    margin: 0 -0.2%;
}

.img-where img {
    width: 20%;
    height: 222px;
    margin: 22px -0.2% 0;
}

.col-md-12.row.zero .col-md-6 {
    padding: 0;
}

.img-map {
    float: left;
    width: 100%;
    padding-right: 5%;
}

.img-packing {
    width: 18%;
    padding: 3% 0 0 4%;
}

.plastic1 {
    width: 40%;
    padding: 0 10%;
    border-right: #57595a6e 6px solid;
}

.plastic2 {
    width: 40%;
    padding: 0 5% 0 5%;
}

.product-img {
    position: relative;
    padding: 2% 0;
    text-align: left;
}

.section-packing {
    background: #3b2b74;
    padding: 0% 0% 1%;
    text-align: left;
    width: 100%;
}

.section-packing p {
    padding-left: 6%;
    padding-top: 2%;
}

.section-packing p i {
    font-size: 39px;
    font-weight: 700;
}

.document {
    background:#bcbdc0;
}

.surveyor {
    background:white;
}

.presu {
    background: rgb(108, 109, 112);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-content: center;
    align-items: center;
}


.sec-descrip {
    text-align: left;
    padding: 5% 2%;
}

.p5 {
    padding: 10% 0 5%;
}

.presu a {
    margin: 0 auto;
}

.formulario-asesoria {
    background: #ececec;
    padding: 40px;
    border-radius: 16px;
}

.formulario-asesoria input {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 10px;
}

.formulario-asesoria select {
    width: 100%;
    height: 50px;
    border: none;
    background: white;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.formulario-asesoria textarea {
    width: 100%;
    border: none;
    padding: 10px;
    border-radius: 10px;
    height: 80px;
    margin-bottom: 30px;
}

.contacto {
    padding: 0px;
}

#mapa {
    height: 400px;
}

.contenedor-mapa {
    position: relative;
}

.datos {
    position: absolute;
    z-index: 99;
    background: #ffffff;
    height: auto;
    top: 30px;
    right: 200px;
    padding: 40px;
    width: 300px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}

.datos ul {
    padding: 0;
    list-style: none;
    text-align: center;
}

.datos ul li p {
    margin-bottom: 15px;
}

.datos i {
    font-size: 28px;
    color: #DBAC00;
}

.form-group-bt {
    text-align: right;
}

.clapat-button:hover {
    color: #ffffff;
    text-decoration: none;
    background: #929496;
}

.clapat-button {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 20px 40px;
    line-height: 12px;
    cursor: pointer;
    border: none;
    text-align: center;
    background-color: #283890;
    display: inline-block;
    margin-bottom: 20px;
}

.encuadro {
    width: auto !important;
    border: #dbdcdd 3px solid;
    margin: 0 1%;
    padding: 1%;
}

.info {
    text-align: right;
    height: 100%;
    padding-right: 3% !important;
}

.info a {
    color: black;
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .6rem;
        padding-left: .6rem;
    }
}
.dow {
    padding: 2% 0;
    box-shadow: 0em -1em 6em 1px rgba(156, 156, 156, 0.97) !important;
    margin-top: 8%;
    text-align: center;
}


.footer-logo img {
    width: 80%;
}

footer {
    background: #c9c9c9;
    padding: 2px;
}

footer p {
    color: #ffffff;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #ffffff;
}

.videos {
    padding: 60px;
}

iframe {
    width: 100% !important;
    margin-bottom: 40px;
}

.banner-interno {
    background: #DBAC00;
    display: flex;
    align-content: center;
    align-items: center;
    height: 200px;
}

.banner-interno h1 {
    color: #000;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
}

.plano-maquetas img {
    width: 100%;
    margin-bottom: 20px;
    height: 250px;
    object-fit: cover;
}

.plano-maquetas:hover .img-galeria {
    background-color: rgba(0, 0, 0, 0.8);
    filter: brightness(0.4);
}

.img-open {
    object-fit: cover;
    height: 400px;
    width: 600px;
}

.plano-maquetas:hover div {
    display: inline;
}

.plano-maquetas div {
    position: absolute;
    display: none;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    font-size: 24px;
    color: #ffffff;
}

.lightbox-opened {
    background-color: rgba(34, 48, 50, 0.7);
    cursor: pointer;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    padding: 40px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}

.lightbox-opened::before {
    background-color: #333;
    background-color: rgba(#333, 0.9);
    color: #eee;
    content: "x";
    font-family: sans-serif;
    padding: 6px 12px;
    position: fixed;
    text-transform: uppercase;
}

.no-scroll {
    overflow: hidden;
}

.fotos-proyectos {
    padding: 60px;
}

.presu-interno {
    margin-bottom: 80px;
}

.btn-interno {
    margin-top: 40px;
}

@media(min-width:319px) and (max-width:767px) {
   
    
    .logo-menu {
        width: 150px;
        height:auto;
        border: none;
    }
    
    .navbar-nav {
        text-align: center !important;
    }
    .banner {
        padding: 30px;
        background-size: initial;
        background-position: center;
        background-repeat: no-repeat;
        height: 78vh;
    }
    .servicios {
        padding: 20px;
    }
    .titulo-seccion {
        font-size: 24px;
    }
    .seccion-uno {
        padding: 40px;
        height: auto;
    }
    .secciones .titulo-secciones {
        font-size: 24px;
    }
    .tipo-obras {
        padding: 20px;
    }
    .iconos p {
        font-size: 12px;
    }
    .card-obras p {
        font-size: 12px;
    }
    .mision {
        padding: 40px;
        height: auto;
    }
    .proyectos {
        padding: 30px;
    }
    .vision {
        height: auto;
    }
    .ebooks {
        padding: 0px;
    }
    .imagen-ebook img {
        width: 200px;
    }
    .texto-ebook {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .videos {
        padding: 20px;
    }
    .contacto {
        padding: 0px;
    }
    .formulario-asesoria {
        padding: 15px;
    }
    .footer-logo img {
        padding: 5% 0;
    }
    
    .col-md-3.abs {
        position: initial !important;
    }
    .datos {
        position: relative;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        top: 0;
        right: 0;
        z-index: -999;
    }
    
    .col-md-6.zero {
        display:none;
    }
    
    .col-md-6.about div {
        text-align: left !important;
    }
    
    .col-md-6.about {
        padding: 5%;
        position: static;
    }
    
    .text-statistics.abs {
        position: initial;
        width: 100%;
        font-size: 16px;
        margin: 1rem 0;
    }
    
    .img-info {
        position: initial;
        width: 45%;
        padding: 0 2%;
    }
    
    .img-tabla1 , .img-tabla2 {
        position: initial;
    }
    
    .cuadro-product {
        width: 100%;
        padding: 0;
    }
    
    .text-product {
        font-size: 8px;
        
    }
    .img-product {
        width: 40%;
    }
    
    .img-person {
        display: none;
    }
    
    .img-packing {
        width: 75%;
    }
    
    .col-md-2.product-img {
        width: 70%;
    }
    
    .col-md-2.product-img img {
        width: 100%;
        padding: 0 10%;
    }
    
    .col-md-10.product-img {
        text-align: left;
    }
    
    .plastic1 {
        width: 40%;
        padding: 1%;
    }
    
    .plastic2 {
        width: 50%;
        padding: 1%;
    }
    
    .img-document {
        width: 100%;
        position: initial;
    }
    
    .section-packing p i {
        font-size: 30px;
    }
    
    .title-empresa {
        padding: 1% 5%;
        font-size: 22px;
    }
    
    .img-statistics {
        width: 80%;
        position: initial;
    }
    
    .img-about {
        width: 80%;
    }
    
    .line-green {
        padding-left: 16px;
    }
    
    p.line-green {
        margin: 0 2% 5%;
    }
    .cuadro {
        bottom: 10%;
        left: 24%;
        width: 60%;
    }
    
    .sombra1 {
        top: 10%;
        right: 10%;
        width: 38%;
    }
    
    .sombra2 {
        top: 10%;
        left: 10%;
        width: 38%;
    }
    
    .idioma {
        top: 13%;
        right: 12%;
        width: 30%;
    }
    
    .idioma img {
        width:70px;
    }
    
    .redes-sociales {
        position: absolute;
        top: 14%;
        left: 4%;
        width: 40%;
    }
    
    .redes-sociales i {
        font-size: 26px;
    }
    
    .product-descrip {
        position: initial;
        width: 100%;
    }
    
    .section-products {
        position: initial;
        width: 100%;
        height: auto;
    }
    
    .our {
        margin: 0 0 2% 3%;
    }
    
    .p15 {
        padding: 0 !important;
    }
    
    .name-product {
        width: 60%;
    }
    
    .img-descrip {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    
    .img-quality {
        bottom: -30px;
    }
    
    .info {
        text-align: center;
    }
    
    .section-products img {
        padding: 5%;
    }
    
    .none {
        display: none;
    }
    
    .img-where img, .img-about img {
        width: 50%;
        margin: -0.6%;
        height: 190px;
    }
    .slick-slide {
        width: 320px;
    }
}