/* ESTILOS GLOBALES */



.margin-top {margin-top:80px;}
.margin-bottom {margin-bottom:80px;}
.padding-top {padding-top:80px;}
.padding-bottom {padding-bottom:80px;}
p {color:#393939;font-size: 16px;font-weight: 400;text-align: justify;}
.centrar-btn{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 40px;}
.text-center {text-align: center;}
.margin-t-none {margin-top: 0px !important;}


/* ESTILOS GENERALES */

.forcefullwidth_wrapper_tp_banner {height: 848px !important;}
#slider {height: 848px !important;}
#slider .slotholder  {filter: brightness(0.8)  !important;}
#slider .typo-1 {font-size: 80px !important;font-weight: 500;letter-spacing: normal !important;font-family: 'Poppins', sans-serif !important;line-height: 100px !important;}
#slider .text-2 {font-size: 60px !important;line-height: normal !important;font-weight: 500 !important;margin-top: 110px !important;}
#slider .ot-btn {font-weight: 500;padding: 0px 35px !important;}



#bienvenidos .title-with-sub {margin-bottom: 60px;}

#proyecto .portfolio-home2-item:hover .overlay {display: flex;align-items: center;justify-content: center;}
#proyecto  .portfolio-home2-item2{margin-top: 30px !important; width: 97%;margin: 0 auto;}

#servicios .portfolio-h1-item .col-md-6 {display: flex;align-items: center;justify-content: flex-end;}
#servicios .container {width: 100%;display: flex;align-items: center;justify-content: center;}
#servicios .owl-page-h .owl-controls {left: 149px !important;right:auto !important;}
#servicios .owl-controls .owl-dot:before {right: auto !important;left: -60px;}
#servicios .subtitle {font-weight: 500;font-size: 15px;}
#servicios .line-top-right {top:auto !important;right: auto !important;bottom: -100px !important;left: 0px !important;}
#servicios .outter-btn{right: 90px;}
#servicios .container-img {position: relative;display: flex;align-items: center;justify-content: center;}
#servicios .logo-ofilineas {position: absolute;}
#servicios .title-servicios {margin-bottom: 90px;}

#formulario .bg-img{position: relative;}
#formulario .bg-img::before{content: "";background-color: hsla(197, 89%, 68%, 0.8);width: 100%;height: 100%;top:0px;bottom:0px;right:0px;left:0px;position: absolute;}
#formulario .content-form {position: relative;z-index: 3;}
#formulario .color-theme {color:#135A77;}
#formulario .contact-input {border-color:#135A77;}
#formulario textarea {border-color:#135A77;color: white;font-weight: 500;}
#formulario .contact-input::placeholder {color: white;font-weight: 500;}
#formulario textarea::placeholder {color: white;font-weight: 500;}
#formulario .c-checkbox {margin-top: 50px;color:white !important;font-weight: 400;}
#formulario .c-checkbox input {margin-right: 8px;}
#formulario .c-checkbox a {color:white !important;text-decoration: underline;font-size: 15px;font-weight: 400;}
#formulario .c-checkbox a:hover{color:#135A77;}

#formulario .btn-contact:hover{color:white;}
#formulario .btn-contact:before {border-color: #135A77;}
#formulario .btn-contact:after {border-color: #135A77;}


#destacados .container {display: flex;align-items: center;justify-content: center;}
#destacados .col-md-3 .portfolio-home2-item {width: 91% !important;}
#destacados .btn-detail-project{top:45% !important;color:black;}
#destacados h4 a {font-size: 19px !important;font-weight: 600;}
#destacados h4 a:hover{color:black;}
#destacados h4 {top: 40% !important;}
#destacados .cate-project{top: 43%;color:black;font-weight: 600;}
#destacados .cate-project:hover{color:white;}
#destacados .overlay {background-color: rgba(101, 205, 246, 0.7);}
#destacados .container-todos {width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 50px;}

#footer {padding-top: 50px;}
#footer .col-social {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
#footer .col-social ul {list-style-type: none;display: flex;flex-direction: row;gap: 15px;}
#footer .col-social ul li a i {font-size: 20px;color:#999494;}
#footer .col-social ul li a:hover i {color:#65CCF6;}
#footer .list-items {display: flex;flex-direction: column;}
#footer .list-items li {list-style-type: none;margin-bottom: 10px;}
#footer .list-items li a {color:white;font-size: 15px;}
#footer .list-items li a:hover {color:#65CCF6;}
#footer .c-copyright {width: 100%;display: flex;align-items: center;justify-content: center;color:white;}
#footer .c-copyright a {color:white;}
#footer .c-copyright a:hover {color:#65CCF6;}
#footer .logo {padding: 0px !important;margin-bottom: 25px;}


.banner-interno {height: 655px;}
.banner-interno::before{content:"";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);top:0px;bottom:0px;right:0px;left:0px;position: absolute;}

#servicioso .title-block-number {margin-bottom: 40px;}
#servicioso .title-block-number .big-number {top: -20px;}
#servicioso .center-content {display: flex;align-items: center;}
#servicioso .center-content img {max-width: none !important;}
#servicioso .center-content .img-left{position: relative; right: 307px;}


#obras-civiles {position: relative;overflow: visible;}
#obras-civiles .retangulo-azul {width: 290px;height: 500px;background-color: #65CCF6;position: absolute;right: 0px;z-index:-1;top:0px;}
#obras-civiles .col-img {position: absolute;right: 0px;top:60px;display: flex;align-items: center;justify-content: center;}
#obras-civiles .line-top-left {top: 23px;}


.destacados-interna .container {display: block !important;width: 100%;}
.destacados-interna .cards-proyectos .col-md-3  {margin-bottom: 50px;}

#whatsappflotante {position: fixed;bottom: 15px;left: 10px;z-index: 99999;filter: drop-shadow(-2px 2px 15px rgba(0, 0, 0, 0.7));}
#whatsappflotante:hover {opacity: .8;filter: drop-shadow(0px 2px 2px #000);}


#acerca-nosotros-int .col-text {padding-top: 50px;}
#acerca-nosotros-int .widget-title {margin-top: 30px !important;margin-bottom: 10px !important;}
.clientes #partner-h1,  .clientes #partner-h2 {margin-bottom: 40px;margin-top: 40px;}

.proyectos-destacados .container{display: flex !important;}
.gallery-destacados {margin-top: 30px !important;}

#info-contacto .texto-form {width: 57%;margin: 0 auto;}
#info-contacto .icon-box-center h5 {font-weight: 600;font-size: 18px;}

#form-contacto {background-color:#F9F9F9;padding-top: 100px;padding-bottom: 100px;}
#form-contacto .line-top-right {top:80px !important;}
#form-contacto .c-checkbox  {margin-top: 20px;margin-bottom: 20px;}
#form-contacto .c-checkbox input {margin-right: 7px !important;}
#form-contacto .c-checkbox a {font-size: 15px;font-weight: 500;color:#999494;text-decoration: underline;}
#form-contacto .c-checkbox a:hover{color:black;}
#form-contacto .title-contactenos {letter-spacing: 2px;}


#map-contacto iframe {position: relative;bottom:-10px;}
#map-contacto {background-color: #F9F9F9;}

.portfolio-home2-item .text2 a:hover{color:white !important;}

.mensaje-enviado{width: 100%;}

.modal iframe{width: 100% !important;}
.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); }
.modal-content {background-color: #fff;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 100%;max-width: 700px;}
.close-btn {color: #65CCF6;float: right;font-size: 28px;font-weight: bold;margin-bottom:15px;}
.close-btn:hover,.close-btn:focus {color: #000; cursor: pointer;}

#openModalBtn {position: absolute;background-color:transparent;border:none !important;}
#openModalBtn:hover {transform: scale(1.1);transition: transform 0.3s;}


.proyecto-b .portfolio-home2-item .cate-project:hover{color:white !important;}

.portfolio-home2-item .btn-detail-project:hover{background-color:white; border-radius:50%;}

.menu-movil {display: none;}

.mensaje-movil {display: none;}



.img-cuadrada-g{width:100%;height:840px !important;object-fit:cover;}

.img-rectangular{width:100%;height:400px !important;object-fit:cover;}

.img-rectangular-y{width:100%;height:840px !important;object-fit:cover;}

.img-cuadrada{width:100%;height:400px !important;object-fit:cover;}

.owl-carousel .owl-stage{display:flex !important;align-items:center !important;justify-content:center !important;gap:50px;}



@media (min-width: 1350px) and (max-width: 1600px) {
    #slider {height: 650px !important;}
    .forcefullwidth_wrapper_tp_banner {height: 650px !important;}
    #slider .text-2 {font-size: 50px !important;margin-top: 60px !important;}
    #slider .typo-1 {font-size: 70px !important;}
    #slider .typo-1 {line-height: 80px !important;}
    .banner-interno {height: 450px;}
    .depen-on-img {height: 450px;}
    #destacados .btn-detail-project {top: 38% !important;}
    #destacados h4 {top: 33% !important;}
    h2 {font-size: 35px !important;}
    .margin-top {margin-top:70px;}
    .margin-bottom {margin-bottom:70px;}
    .padding-top {padding-top:70px;}
    .padding-bottom {padding-bottom:70px;}
}

@media (min-width: 1000px) and (max-width: 1350px) {
    .header-home .logo img {padding-right: 0px;}
    .logo a img {width: 80%;}
    .main-nav > ul > li > a {font-size: 15px;}
    #slider {height: 560px !important;}
    .forcefullwidth_wrapper_tp_banner {height: 560px !important;}
    #slider .typo-1 {font-size: 45px !important;line-height: 50px !important;}
    #slider .text-2 {font-size: 40px !important;margin-top: 80px !important;}
    .custom.vertical .tp-bullet:before {font-size: 50px;}
    .custom .tp-bullet {width: 10px;height: 10px;}
    h2 {font-size: 30px;margin-bottom: 15px;}
    .margin-top {margin-top:70px;}
    .margin-bottom {margin-bottom:70px;}
    .padding-top {padding-top:70px;}
    .padding-bottom {padding-bottom:70px;}
    .container {width: 1050px;}
    .portfolio-home2-item h4 {top: 28%;}
    .proyecto-b h4 {top: 38% !important;}
    .portfolio-home2-item h4 a {font-size: 28px;}
    .portfolio-home2-item .text2 a {color:black;}
    #servicios .logo-ofilineas {position: absolute;width: 45%;}
    .portfolio-des {padding-right: 0px;}
    .portfolio-des {max-width: 400px;}
    #servicios .owl-page-h .owl-controls {left: 120px !important;}
    .img-bienvenida {width: 80%;margin: 0 auto;}
    .ot-btn {padding: 0 28px !important;}
    .portfolio-des h3 {font-size: 27px;}
    p {font-size: 15.5px !important;}
    .one-half.last {padding: 50px 50px;}
    .banner-interno {height: 350px;}
    .sub-header h2 {font-size: 38px;line-height: 50px;}
    .depen-on-img {height: 400px;}
    .title-block-number .title-with-sub {font-size: 27px;}
    .title-block-number .big-number {font-size: 60px;}
    .services-post .desc {padding: 60px 0;}
    #servicioso .title-block-number {margin-bottom: 15px;display: flex;align-items: center;}
    #servicioso .title-block-number .big-number {top: -1px;}
    .services-post .text-left {margin-left: 20px;}
    .title-block-number {padding-left: 90px;}
    #footer .col-social .logo img {width: 80%;}
    #servicioso .title-block-number .big-number{top: auto;}
    .footer-home-1 .footer-inner {padding: 20px 80px;}
    #footer {padding-top: 35px;}
    .destacados-include .col-md-3 {width: 34%;}
    .img-obras{width: 415px;}
    #obras-civiles .retangulo-azul { height: 365px;}
    #openModalBtn {right: 141px;}
    .list-portfolio-warp {margin-top: 0px !important;}
    #formulario .bg-img {display: flex;align-items: center;}
    .widget-title {font-size: 18px;}
    #form-contacto {padding-top: 80px;padding-bottom: 80px;}
    #info-contacto .texto-form {width: 60%;margin: 0 auto;}
    #map-contacto iframe { height: 400px;}
}


@media (min-width: 1000px) and (max-width: 1100px) {
    .main-nav > ul > li > a {font-size: 14px;}
    .main-nav > ul{margin-right: 30px;}
    .container {width: 960px !important;}
    #servicios .owl-page-h .owl-controls {left: 90px !important;}
    .services-post .text-left {margin-left: 55px;}
    .proyecto-b .cate-project {top: 42% !important;color: black !important;}
    #info-contacto .texto-form {width: 80%;}
    #info-contacto .icon-box-center h5 {margin-bottom: 10px;}
    #destacados .container {width: 1050px !important;}
    #destacados .btn-detail-project {top: 38% !important;}
    #destacados h4 {top: 33% !important;}
}


@media (min-width: 800px) and (max-width: 900px) {  
    .btn-menu-mobile {color: #ffffff;font-size: 32px;}
    #slider {height: 650px !important;}
    .forcefullwidth_wrapper_tp_banner {height: 650px !important;}
    #slider .typo-1 {font-size: 60px !important;line-height: 50px !important;}
    #slider .text-2 {font-size: 40px !important;}
    html.mm-front .mm-menu.mm-offcanvas {z-index: 10;}
    .logo-movil {width: 200px;margin: 0 auto;height: 60px !important;margin-top: 30px;}
    .mm-title {display: none !important;}
    h2 {font-size: 35px !important;}
    #bienvenidos .row {display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .img-bienvenida {width: 80%;margin: 0 auto;margin-bottom: 40px;}
    #proyecto .col-sm-6 {width: 100%;}
    .margin-top {margin-top:70px;}
    .margin-bottom {margin-bottom:70px;}
    .padding-top {padding-top:70px;}
    .padding-bottom {padding-bottom:70px;}
    .portfolio-home2-item .btn-detail-project {top: 32%;}
    .portfolio-home2-item h4 {top: 17%;}
    .portfolio-home2-item .text2 {top: 39%;color:black !important;}
    .portfolio-home2-item .text2 a {color:black !important;}
    .portfolio-home2-item .cate-project {top: 48%;}
    #servicios .title-servicios { margin-bottom: 0px;}
    #servicios .logo-ofilineas {position: absolute;width: 40%;}
    owl-page-h .owl-controls {margin-bottom: 20px;}
    #footer .list-items {padding-top: 25px;}
    #footer .copyright {margin-top: 20px;}
    .mm-listview li a {font-size: 16px;padding-top: 8px;padding-bottom: 8px;}
    .banner-interno {height: 400px;}
    .depen-on-img {height: 400px;}
    #servicioso .row {flex-direction: column;}
    .services-post .desc { padding: 50px 0;}
    #servicioso .center-content .img-left {right: auto !important;}
    .tablet-reverse{flex-direction: column-reverse !important;}
    .title-block-number .big-number {font-size: 85px;}
    #servicioso .title-block-number .big-number {top: -20px;}
    #servicioso .center-content {display: flex;align-items: center;}
    #servicioso .title-block-number .big-number {top: auto !important;}
    .img-obras{width: 415px;}
    #obras-civiles .retangulo-azul { height: 365px;}
    #obras-civiles .col-img {position: relative;margin-top: 0px;}
    #obras-civiles .retangulo-azul {display: none;}
    .destacados-interna .cards-proyectos .col-md-3{width: 33%;justify-content: center;}
    .footer-home-1 .footer-inner {padding: 20px 60px;}
    #destacados .btn-detail-project {top: 33% !important;color: black;}
    #destacados h4 {top: 27% !important;}
    #acerca-nosotros-int .col-text {padding-top: 0px;}
    h2 {margin-bottom: 25px !important;}
    #acerca-nosotros-int .col-md-5 {width: 70%;margin:0 auto;margin-top: 70px;}
    article.post img {margin: 20px 0;}
    #info-contacto .texto-form {width: 80%;}
    .icon-box-center .box-icon {height: 100%;}
    .menu-movil {display: inline-block;}
}


@media (min-width: 100px) and (max-width: 800px) {
    .btn-menu-mobile {font-size: 32px;color: white;}
    #slider .typo-1 {font-size: 40px !important;line-height: normal !important;}
    #slider .text-2 {font-size: 35px !important;line-height: normal !important;margin-top: 0px !important;}
    #slider {height: 500px !important;}
    .forcefullwidth_wrapper_tp_banner {height: 500px !important;}
    html.mm-front .mm-menu.mm-offcanvas {z-index: 10;}
    .logo-movil {width: 150px;margin: 0 auto;height: 48px !important;margin-top: 30px;}
    .mm-title {display: none !important;}
    h2 {font-size: 30px !important;}
    .img-bienvenida {width: 70%;margin: 0 auto;margin-bottom: 25px;margin-top: 25px;}
    #bienvenidos .title-with-sub {margin-bottom: 0px;}
    .proyecto1 h4 {display: none;}
    .proyecto-b h4 {display: none;}
    .portfolio-home2-item .cate-project {display: none;}
    .proyecto-b .btn-detail-project {top: 60% !important;}
    .portfolio-home2-item .btn-detail-project {top: 75%;}
    #servicios .title-servicios {margin-bottom: 0px;}
    .portfolio-des h3 {font-size: 23px;}
    #servicios .logo-ofilineas {width: 55% !important;}
    .portfolio-des p {margin-bottom: 20px;}
    .owl-page-h .owl-controls {margin-bottom: 0px;}
    #formulario .title-on-dark {margin-bottom: 10px !important;text-align: center;}
    #destacados .title-servicios {text-align: center;}
    #destacados .container .col-md-3 {width: 100%;display: flex;align-items: center;justify-content: center;}
    #destacados .container {flex-direction: column;gap:20px;justify-content: center;}
    .footer-home-1 .footer-inner {padding: 25px 30px;}
   #footer .list-items {margin-top: 20px;} 
   .copyright {margin-top: 20px;}
   .banner-interno {height: 300px;}
   .depen-on-img{height: 300px;}
   .sub-header-inner.center-center {-webkit-transform: translate(-50%, -19%);-ms-transform: translate(-50%, -19%);transform: translate(-50%, -19%);}
   #servicioso .container .row {flex-direction: column;}
   .margin-top {margin-top:70px;}
    .margin-bottom {margin-bottom:70px;}
    .padding-top {padding-top:70px;}
    .padding-bottom {padding-bottom:70px;}
    #servicioso .title-block-number .big-number {top: -3px;}
    #servicioso .title-block-number { margin-bottom: 20px;}
    h2 {font-size: 27px !important;}
    #servicioso .center-content .img-left {right: auto !important;}
    .cel-reverse{flex-direction: column-reverse !important;gap:20px;}
    #servicioso .title-block-number {display: flex;align-items: center;}
    #servicioso .title-block-number .big-number {top: auto !important;}
    .title-block-number {padding-left: 60px;}
    #obras-civiles .col-img{position: relative;top:15px;}
    #obras-civiles .retangulo-azul{display: none;}
    .img-obras {width: 100%;}
    #acerca-nosotros-int .col-text{padding-top: 0px !important;}
    h2 {margin-bottom: 20px;}
    .widget-title {font-size: 18px;}
    #acerca-nosotros-int .col-md-5 {margin-top: 70px;}
    #info-contacto .texto-form {width: 80%;margin: 0 auto;}
    .icon-box-center .box-icon {height: auto;}
    .icon-box-center p {text-align: center;}
    .icon-box-center img, .icon-box-center span { margin: 20px auto;}
    .terminos-condiciones p {width: 90%;margin:0 auto;}
    .mensaje-pc{display: none;}
    .mensaje-movil {display: inline-block !important;}
    .menu-movil {display: inline-block;}
    .portfolio-home2-item img { object-position: right;}
    .owl-carousel .owl-stage{gap:0px;}

}

html {
  scroll-behavior: smooth;
}