/*!
Theme Name: Promet
Theme URI: https://limadot.com/
Author: Promet
Author URI: https://limadot.com/
Description: Theme de Promet
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: limadot
Tags: web
*/
@charset "utf-8";
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}

::-webkit-scrollbar{width: 8px;height: 8px;background-color: #F5F5F5;}

::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #929E9D;}

/*************************
*******Documento******
**************************/

/***
font-family: 'Noto Serif', serif;
font-family: 'Noto Sans JP', sans-serif;
***/

body {
    padding-right: 0;
    padding-left: 0;
    font-family: 'Open Sans', sans-serif;
}
ul li {
  list-style: none;
}
a:hover {
    outline: none;
    text-decoration:none;
}

.nav-mobile{
    display: none;
}
.btn-header-trabaja{
    border: 3px solid #1C3487;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 700;
    color: #1C3487;
    transition: all 0.25s ease-in-out;
}
.btn-header-trabaja:hover{
    border: 3px solid #EB8D11;
    background-color: #EB8D11;
    color: #fff;
}
.navbar-content-menu-redes{
    display: flex;
}
.navbar-content-menu-redes a{
    color: #FFF;    
    padding: 8px 10px;
    border-radius: 50%;
    margin: 0 10px;
}
.navbar-content-menu-red i{
    width: 20px;
    height: 20px;
    text-align: center
    
}
.navbar-content-menu-redes a{
    background-color: #1C3487;
}
.navbar-content-menu-redes a:hover{
    background-color: #EB8D11;
}

#menu-menu-prinicpal-1 {
	z-index: 999;
}

.menu {
	z-index: 999;
}

.navbar-open-icon{
    display: none;
}
.navbar-content-menu{
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 90px;    
}
.nav-logo{
    width: 50%;
}
.custom-logo{
    width: 250px !important;
    height: auto!important;
}

@media screen and (max-width: 1024px){
   .custom-logo{
        width: 180px !important;
    } 
}

.navbar-banderas{
    padding: 10px;
}
.navbar-banderas img{    
   margin-right: 20px;
    -webkit-box-shadow: 0px 0px 13px 3px rgba(220, 220, 220, 0.67);
    -moz-box-shadow: 0px 0px 13px 3px rgba(220, 220, 220, 0.67);
    box-shadow: 0px 0px 13px 3px rgba(220, 220, 220, 0.67);
    width: 55px;
}
.navbar{
    background-color: #FFF;
}
.navbar-content-menu-primary{
    position: absolute;
    top: 130px;
    padding: 0;
    height: auto !important;
    z-index: 9;
}
.navbar-content-menu-primary > .nav-primary{
    background-color: #002244;
    max-width: 1100px;
    width: 100%;
    padding: 0;
}
.navbar-content-menu-primary > .nav-primary > .menu{
    display: flex;
    height: 65px;
    padding: 0;
}
.navbar-content-menu-primary > .nav-primary > .menu > .menu-item{    
    text-align: center;
    color: #FFF;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-content-menu-primary > .nav-primary > .menu > .menu-item:nth-child(2){    
    text-align: center;
    color: #FFF;
    width: 25%;    
}
.navbar-content-menu-primary > .nav-primary > .menu > .menu-item a{
    color: #FFF;
    font-style: italic;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.15s ease-in-out;    
}
.navbar-content-menu-primary > .nav-primary > .menu > .menu-item > a:hover{
    color: #FFF;
    font-style: italic;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 2px solid #EB8D11;
}
.navbar-content-menu-primary > .nav-primary > .menu > .active > a{
    color: #FFF;
    font-style: italic;
    font-weight: bold !important;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 2px solid #EB8D11;
}
.navbar-content-menu-primary ul li{
    position: relative;
}
.navbar-content-menu-primary ul ul li a{
	font-size:15px !important;
}
.navbar-content-menu-primary ul ul{
    position: absolute;
    margin: 0;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    margin-top: 65px;
    display: none;
}

.navbar-content-menu-primary ul ul li{
    background-color: #FFF;
    padding:  10px 7px;
    position: relative;
	    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all 0.25s ease-in-out;
}
.navbar-content-menu-primary ul ul li a{
	color:#000 !important;
}

.navbar-content-menu-primary ul li:hover ul{
    display: block;
}
.navbar-content-menu-primary ul li ul li:hover > ul{
    display: block!important;
}
.navbar-content-menu-primary ul ul li:hover{
    background-color: #E2E2E2;
}
.navbar-content-menu-primary ul ul li:hover ul li{
    background-color: #FFF;
}
.navbar-content-menu-primary ul ul li:hover ul li:hover{
    background-color: #E2E2E2;
}
.navbar-content-menu-primary ul ul ul{
    left: 160px;
    margin: 0;    
    transform: none;
    top: 0;
    display: none !important;
}

.navbar-content-menu-primary ul ul li a:hover,
.navbar-content-menu-primary ul ul ul li a:hover{
    color:#000 !important;   
    font-weight: inherit !important;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 0px solid transparent;
}
.pre-footer-general{
    background-color: #001052;
    padding: 40px 0;
}
.pre-footer-general-contacto-content{
    display: flex;
    color: #FFF;
}
.pre-foot-contacto-icon{
    padding: 12px;
}
.pre-foot-contacto-icon i{
    color: #EB8D11;
    font-size: 19px;
}
.pre-foot-contacto-text{
    padding: 10px;
    font-style: italic;
}
.pre-foot-contacto-text a{
    color: #FFF;
}
.pre-footer-general-contacto-redes{
    text-align: center;
    color: #FFF;
    padding-top: 15px;
    font-style: italic;  
}
.pre-footer-general-contacto-redes > .title-redes{
    font-weight: bold;
}
.pre-footer-general-contacto-redes > .redes-icons{
    padding-top: 10px;
}
.pre-footer-general-contacto-redes > .redes-icons a{
    color: #FFF;
    padding: 0 20px;
}
.pre-footer-general-acercade{
    padding-top: 10px;
}
.pre-footer-general-acercade-title{
    color: #EB8D11;
    font-size: 30px;
    font-style: italic;
    padding-bottom: 15px;
}
.pre-footer-general-acercade-body{
    color: #ffff;
    font-size: 17px;
    font-style: italic;
        line-height: 20px;
    
}
.pie-footer-general{
    text-align: center;
    background-color: #EDEDED;
    padding: 10px;
}
.pre-footer-general-mapa,
.pre-footer-general-acercade,
.pre-footer-general-contacto{
    margin: 0 auto;
}
.banner-home{    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    max-height: 700px;
    padding: 0;
}
@media screen and (max-width: 1024px){
    .banner-home{    
        max-height: 400px;
    }
    .banner-home .banner-gradient {
        background: none;
        display: flex;
        justify-content: center;
    }
}
.section_home{
    padding: 0;
}
.section-proyectos-container{
    max-width: 1024px;
}
.page-template-template-home .owl-proyectos-top2 .item img{
    min-height: 300px;
}
.banner-gradient{    
    background: rgba(19,19,19,1);
    background: -moz-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,19,19,1)), color-stop(0%, rgba(19,19,19,1)), color-stop(39%, rgba(255,255,255,0)), color-stop(71%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#ffffff', GradientType=1 );
    height: 100%;
    transition: all 0.25s ease-in-out;
    z-index: 9999;
    position: relative;
}

.section_home .banner-video:before, .section_home .banner-image:before{
    content: '';
    background: rgba(19,19,19,1);
    background: -moz-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,19,19,1)), color-stop(0%, rgba(19,19,19,1)), color-stop(39%, rgba(255,255,255,0)), color-stop(71%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 71%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#ffffff', GradientType=1 );
    height: 100%;
    transition: all 0.25s ease-in-out;
    z-index: 9998;
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
}

.banner-video, .banner-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.banner-image{
    display: none;
}

@media screen and (max-width: 1024px){
    .banner-video{
        display: none;
    }

    .banner-image{
        display: block;
    }
}

.banner-image img{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}

.banner--video__video{
    position: absolute;
    top: 50%; 
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto;
    overflow: hidden;
  z-index: 1;
}

.banner-home img{
    width: 100%;
}
.owl_dots_content_top{
    position: absolute;
    bottom: 5%;
    width: 100%;
    z-index: 99;
}
.owl-theme .owl_home_dots .owl-dot.active span, .owl-theme .owl_home_dots .owl-dot:hover span{
    background-color: #EB8D11 !important;
}
.banner-text{
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    font-style: italic;
    width: 100%;
}

/*.banner-home .banner-text{
    color: #EB8D11;
}*/

.banner-btn{
    padding-top: 20px;
}
.banner-text-content{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    width: 70%;
}
.btn-banner-nosotros{
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 0;
    font-weight: 600;
    font-style: italic;
    font-size: 19px;
}
.btn-banner-nosotros:hover{
    background-color: #1C3487;
    border: 1px solid #1C3487;
    color: #FFF;
}
.section-proyectos{
    padding: 30px 0;
}
.section-proyectos-content{
    margin:auto;
    text-align: center;
}
.section-proyectos-content-texto{
    font-size: 30px;
    font-style: italic;
    width: 280px;
    margin: 0 auto;
    color: #001052;
    font-weight: 600;
}
.section-proyectos-content-texto b{
    color: #EB8D11;
}
.section-proyectos-content-btn{
    padding: 20px 0;
}
.btn-proyectos-section{
    border-radius: 0;
    background-color: #EB8D11;
    color: #FFF;
    font-weight: 600;
    font-style: italic;
    font-size: 20px;
}
.modal-content-general{
    border: none !important;
    border-radius: 0px;
    padding: 30px;
    background-color: #000D42;
    height: 100%;
}
.modal-content-general h3{
    color: #FFF;
}
.close i{
    font-size: 20px;
}
.close{
    color: #fff;
    font-weight: 200;
}
.close:hover{
    color: #fff;
}
.modal-content-general-fondo{
    padding: 0;
    margin: 0;
    max-width: inherit;
    margin-left: 0px;
    margin-top: 0px;
    height: 100%;
}
.btn-proyectos-section:hover{
    color: #FFF;
}

.mapa-peru svg{
    width:100%;
    height:550px;
    
}
.mapa-peru path,polygon{
    fill:#b7b7b7;
    stroke:#081543;
    stroke-width:2px;
}
.depa-activo{
    fill:#fff !important;
    stroke:#081543;
    stroke-width:2px;
    cursor: pointer;
}
.depa-activo:hover{
    fill:#EB8D11 !important;
}
.b-cuzco{    
    top: 278px;
}
.b-piura{    
    top: 108px;
}
.b-la-libertad{    
    top: 120px;
}
.b-lima{    
    top: 258px;
}
.b-junin{    
    top: 263px;
}
.b-apurimac{    
    top: 326px;
}
.b-ica{    
    top: 323px;
}
.b-arequipa{    
    top: 363px;
}
.b-moquegua{    
    top: 390px;
}
.b-puno{    
    top: 323px;
}
.section-mapa-proyectos{
    overflow: hidden;
    height: 600px;
}
.section-mapa-proyectos > .row{
    padding: 0;
    height: 600px;
}
.section-mapa{
    padding: 20px 0;
    background-color: #000D42;   
    background-image: url('img/trama-blanca-left.png');
    background-repeat: no-repeat;
    background-position: cover;
}
.section-experiencia{
    background-color: #000836;   
    background-image: url('img/trama-blanca-right.png');
    background-repeat: no-repeat;
    background-position: right;
    padding: 20px 0;
}
.section-mapa::after {
    position: relative;
    width: 0;
    height: 0;
    border-right: 20px solid #000836;
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    content: '';
    display: block;
    top: calc(50% - 20px);
    left: calc(100% - 40px);
}
.section-mapa-descubre{
    color: #EB8D11;
    line-height: 30px;
    font-size: 20px;
    position: absolute;
    bottom: 30px;
    font-style: italic;
}
.section-mapa-descubre h4{
    float: left;
    height: 22px;
    padding-right: 10px;
    font-weight: bold;
}
.section-mapa-descubre b{
    color: #FFF;
}
.section-mapa-container{
    width: 70%;
    padding: 0 0 0 50px;
    float: right;
}
.bubble {
  background: #fff; 
  color: #EB8D11;
  font-family: 'Open Sans', Sans-serif;
  font-size: 12px;
  padding: 20px 10px 10px 10px;
  text-align: center;
  width: 200px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
    display: none;
    z-index: 9;
}
.bubble:after {
  border: solid 10px transparent;
  border-top-color: #fff;
  border-bottom: 0;
  bottom: -20px;
  right: 50px;
  content: "";
  display: block;
  height: 0;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 0;
}
.bubble-title{
    font-weight: 800;
    color: #1C3487;
}
.section-experiencia-container{    
    width: 75%;
    padding-left: 10px;    
    padding-top: 0;
}
.title-experiencia{
    text-align: center;
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    font-style: italic;
    padding-bottom: 20px;
}
.text-experiencia{
   text-align: center;
    color: #FFF;
    font-size: 16px;
    width: 80%;
    margin: auto;
    padding-bottom: 30px;
}

.item-experiencia{    
    width: 100%;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}
.content-lima{
    height: auto;
}

.item-experiencia h4{
    color: #EB8D11;
    text-align: center;
    padding-bottom: 30px;
    font-style: italic;
    font-weight: 600;
}
.item-experiencia-carousel-left{
    background-color: #081543;
    position: absolute;
    top: calc(50% - 44px);
    right:0%;
    z-index: 9;
    padding: 10px 14px;
    cursor: pointer;
}
.item-experiencia-carousel-right{
    background-color: #001052;
    position: absolute;
    bottom: calc(50% - 44px);
    right:0%;
    z-index: 9;
    padding: 10px 14px;
    cursor: pointer;
}
.item-experiencia-carousel-left i,
.item-experiencia-carousel-right i{
    color: #606B8F;
    font-size: 13px;
}
.item-experiencia-carousel-left:hover i,
.item-experiencia-carousel-right:hover i{
    color: #fff;
}
.item-region-title{
    color: #fff;
    text-align: center;
    height: 50px;
    font-style: italic;    
}
.item:hover > .item-region-title{
    color: #EB8D11;
}
.item:hover > .item-region-img-general .item-region-sombra{
    display: block;
}
.item-region-img-general{
    overflow: hidden;
}
.item-region-img{
    width: 100%;
    margin: 0 auto;
}
.item:hover > .item-region-img-general .item-region-img{
    opacity: 0.4;
}
.item-region-sombra{
    display: none;
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;    
    color: #FFF;
    font-style: italic;
    font-weight: bold;
    top: 55%;
    font-size: 21px;
}
.content-lima{
    display: block;
}
.section-banner-middle{
    min-height: 388.38px;
    background-image: url(img/banner-home-middle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 90px 0;
}
.section-banner-middle-title{
    font-size: 35px;
    margin: auto;
    color: #092290;
    font-style: italic;
}
.section-banner-middle-count{
    font-style: italic;
     display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 37px;
    
}

@media screen and (max-width: 1024px){
    .section-banner-middle-count{
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
    }
}

.item-count-middle{
    text-align: center;
    margin: auto;
    color: #092290;
    position: relative;
}
.item-count-middle::before{
    content: '';
    width: 40px;
    height: 2px;
    background-color: #092290;
    position: absolute;
    top: 25%;
    right: -40px;
}
.item-count-middle:last-child::before{
    content: none!important;
}
.item-count-middle-img{
    width: 100%;
    text-align: center;
}
.item-count-middle-img img{
    width: 100px;
    text-align: center;
}
.item-count-middle-number{
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #092290;
}
.item-count-middle-texto{
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    font-style: italic;
    min-height: 51px;
}
.section-servicios{
    padding-top: 40px;
    padding-bottom: 40px;
}
.section-servicios-title{
    text-align: center;
    font-size: 35px;
    font-style: italic;
    font-weight: 600;
    color: #092290;
    padding-bottom: 30px;
}
.section-servicios-grid{
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.servicios-grid-item{
    width: 33%;
    padding: 0 10px;
}
.servicios-grid-item-img{
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}
.servicios-grid-item-img:hover img{
    transform: scale(1.2);
}
.servicios-grid-item-img img{
    transition: all 0.25s ease-in-out;
    -webkit-box-shadow: 0px 0px 13px -1px rgba(213,213,213,1);
    -moz-box-shadow: 0px 0px 13px -1px rgba(213,213,213,1);
    box-shadow: 0px 0px 13px -1px rgba(213,213,213,1);
}
.servicios-grid-item-texto{
        font-size: 16px;
    background-color: #001052;
    padding: 13px;
    position: relative;
    font-style: italic;
}
.servicios-grid-item-texto a{
    color: #FFF;
}
.servicios-grid-item:hover a .servicios-grid-item-texto{
    background-color: #EB8D11;
}

.direccion_icon{
    position: relative;
  -webkit-animation-name:banner-btn1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  -webkit-animation-direction: alternate-reverse; /* Safari 4.0 - 8.0 */
  animation-name: banner-btn1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
    font-weight: 600;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes banner-btn1 {
 0%   {left:0px; }
  25%  {left:10px; }
  50%  {left:0px; } 
  75%  {left:10px; } 
  100% {left:0px; }
}

/* Standard syntax */
@keyframes banner-btn1 {
  0%   {left:0px; }
  25%  {left:10px; }
  50%  {left:0px; } 
  75%  {left:10px; } 
  100% {left:0px; }
}
.section-servicios-btn{ 
    text-align: center;
    margin-top: 50px;
}
.section-servicios-btn a{ 
    -webkit-box-shadow: 0px 0px 13px -1px rgba(213,213,213,1);
    -moz-box-shadow: 0px 0px 13px -1px rgba(213,213,213,1);
    box-shadow: 0px 0px 13px -1px rgba(213,213,213,1);
    border-radius: 0;
    background-color: #EB8D11;
    color: #FFF;
    font-style: italic;
    margin-top: -40px;
    font-weight: 600;
}
.section-servicios-btn a:hover,
.section-servicios-btn a:focus{ 
    color: #FFF;
    box-shadow: none;
}
.section-clientes{
   
}
.section-clientes-general{
     background-image: url(img/slider-home-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 500px;
    padding: 40px 20px;
}
.section-clientes h2{
    color: #FFF;
    font-style: italic;
    font-weight: 600;
    text-align: center;
    line-height: 48px;
    padding-bottom: 30px;
}
.clientes-carousel-left{
     position: absolute;
    top: calc(50% - 44px);
}
.clientes-carousel-right{    
     position: absolute;
    bottom: calc(50% - 44px);
}
.clientes-carousel-right,
.clientes-carousel-left{
    right: 0px;
    width:40px; 
    padding: 10px;
    background-color: #001052;
    position: absolute; 
    z-index: 99 !important;
    text-align: center;
    -webkit-box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    cursor:pointer;
}
.clientes-carousel-left i,
.clientes-carousel-right i{
    color: #606B8F;
    font-size: 13px;
}
.clientes-carousel-left:hover i,
.clientes-carousel-right:hover i{
    color: #fff;
}
.carousel-clientes{
    position: relative;
    
}
.carousel-clientes-container{
    max-width: 50%;
    width: 50%;
    margin: auto;
}
.item-clientes{
    width: 100%;
    margin: auto;
    padding: 20px 10px 0px 20px;
}
.item-clientes-img{
    width: 230px;
    position: absolute;
    top: 0px;
    margin-left: -20px;
    -webkit-box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    overflow: hidden;
}
.item-clientes-img{
    width: 230px;
    height: 230px;
}
.item-clientes-img img{
    min-height: 230px;
    object-fit: cover;
    object-position: center;
}
.item-clientes-texto{
    background-color: #FFF !important;
    width: 100% !important;
    padding: 30px;
    height: 240px;
}
@media(max-width:1100px){
    .item-clientes-texto{
        height: 280px ;
    }
}
@media(max-width:767px){
    .item-clientes-texto-body{
        width: 80%;
        transform: none !important;
    }
}
.item-clientes-texto-body{
    width: 60%;
    transform: translate(60%, 0%);
}
.item-clientes-texto-body-icon{
    width: 80px;  
    float: right;
}
.item-clientes-texto-body h3{
    text-align: center;
    font-weight: 700;
    color: #EB8D11;
    font-style: italic;
}
.item-clientes-texto-body-t{
    line-height: 20px;
    color: #EB8D11;
    font-size: 14px;
}
.item-clientes-texto-body-t::after{
    content: '“';
    font-size: 36px;
    position: absolute;
    color: #EB8D11;
    margin-left: 10px;
}
.item-clientes-texto-body-t::before{
    content: '”';
    font-size: 36px;
    position: absolute;
    color: #EB8D11;
    margin-left: -20px;
}
.owl-dots-home2-c{
    padding-top: 20px;
}
.owl-dots-home2{
    
}
.owl-dots-home2 > .owl-dot span{
    background-color: transparent!important;
    border: 1px solid #FFF !important;
    cursor: pointer;
}
.owl-dots-home2 > .active span{
    background-color: #FFF!important;
}
.section-b-contacto-img{
    background-image: url(img/img-contact-home.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 450px;
    background-color: #EB8D11;
}
.section-contactenos-img{
    background-image: url(img/img-contact-home.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 530px;
    background-color: rgba(235, 141, 17, 0.83);
}
.section-b-contacto-triangulo{
   width: 0; 
     height: 0; 
     border-right: 30px solid #fff;
     border-top: 30px solid transparent;
     border-bottom: 40px solid transparent; 
    position: absolute;
    top: 45%;
    right: 0;
}
.section-contacto{
    position: absolute;
}
.section-contacto-img{
    padding: 40px;
}
.__contact{
    position: relative;
    top: 50%;
    transform: translate(0%, -50%); 
}
.section-contacto-img h3{
    width: 80%;
    margin: auto;
    color: #FFF;
    font-style: italic;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 20px;
}
.section-contacto-img-texto{
    color:#FFF;
    font-size: 25px;
    width: 80%;
    margin: 0 auto;
    font-style: italic;
    line-height: 25px;
}

.label-nombres,
.label-apellidos,
.label-email,
.label-telefono,
.label-mensaje{
    color: #495057;
    font-size: 16px;
    position: relative;
    top: 25px;
    left: 11px;
    margin: 0;
    z-index: -1 !important;
    font-style: italic;
    transition: all 0.25s ease-in-out;
    
}
.form-group textarea{
    resize: none;
    border-radius: 0;
    border: none;
    border: 1px solid #EB8D11;
    font-style: normal;
    background-color: transparent;
}
.form-group textarea::placeholder{
    font-style: italic;
    color: #495057;
}
.form-group textarea:focus{
    box-shadow: none;
    color: #001052 !important;
    border: 1px solid #EB8D11;
}
.section-contacto-formulario{
    padding: 40px;
}
.form-group input{
    z-index: 99 !important;
    background-color: transparent;
    font-style: normal;   
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #EB8D11;
}
.form-group input:focus,
.form-group input:hover{
    box-shadow: none;
    color: #001052 !important;
    border-bottom: 1px solid #EB8D11;
}
.form-group input::placeholder{
    font-style: italic;
}
.form-group button{
    background-color: #EB8D11;
    color:#FFF;
    font-size: 17px;
    font-style: italic;
    font-weight: 600;
    border-radius: 0;
    margin-top: 20px;
}
.form-group button:hover{
    background-color: #EB8D11;
     color:#FFF;
    font-size: 17px;
    font-style: italic;
    font-weight: 600;
    border-radius: 0;
}
.combo-experiencia{
    display: none;
}
.combo-experiencia-img{
    margin: auto;
    text-align: center;
    padding-bottom: 30px;
}
.combo-experiencia-img img{
    width: 30px;
    position: relative;
  -webkit-animation-name:banner-btn1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  -webkit-animation-direction: alternate-reverse; /* Safari 4.0 - 8.0 */
  animation-name: combo_flecha ;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes combo_flecha {
 0%   {top:0px;  }
  25%  {top:10px;  }
  50%  {top:0px;  } 
  75%  {top:10px;  } 
  100% {top:0px;  }
}

/* Standard syntax */
@keyframes combo_flecha {
  0%   {top:0px;  }
  25%  {top:10px;  }
  50%  {top:0px;  } 
  75%  {top:10px;  } 
  100% {top:0px;  }
}
.sidebar-experiencia {
    border:1px solid #EB8D11;
    overflow: hidden;
    width: 100%;
    background-color: #EB8D11;
    position: relative;
    
}

.sidebar-experiencia::after{
    content:"⇣";
    display:table-cell;
    text-align:center;
    width:50px;
    height:50px;
    background-color:#EB8D11;
    position:absolute;
    top:5px;
    right:5px;  
    pointer-events: none;
    font-size: 30px;
    padding: 0 10px;
    color: #FFF;
}
select {
   background: transparent;
   border: none;
   font-size: 25px;
   padding: 10px 20px;
   width: 100%;
    font-style: italic;
    color: #fff;
    -webkit-box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 14px -2px rgba(0,0,0,0.75);
    
}
select:focus{
    box-shadow: none;
    border-radius: 0;
    
}
select option{
    color: #061751;
    padding: 10px 0;
}
.banner-proyectos{
    min-height: 240px;
    padding: 0;
}
.banner-text-proyectos{
    color: #1C3487;
    position: absolute;
    font-size: 45px;
    font-weight: 700;
    bottom: 40px;  
    font-style: italic;
    width: 100%;
    margin: auto;
    text-align: center;
}
.cronologia-fondo{
    background-color: #FFF;
    height: 350px;
    z-index:0;
    padding: 0;
}
.cronologia{
    position: absolute;
    z-index: 99;
    padding: 0;
}

.cronologia-tiempo{
    display: flex;
    width: 100%;
    padding-top: 30px;  
    height: 200px!important;
}
@media screen and(max-width: 1600px){
    .cronologia-tiempo{
        width: 90%;
        margin: 0 auto;
    }
}
.cronologia-container{
    width: 100%;
    max-width: 1300px;
}
.cronologia-container-b{
    width: 100%;
    max-width: 1550px;
    margin: auto;
}
.cronologia-tiempo img{
    width: 100%;
    height: 100%;
    transition: all 0.25s ease-in-out;
}
.cronologia-tiempo img:hover{
    transform: scale(1.4);
}
.proyectos-carousel{
    z-index: 1 !important;
}
.proyectos-middle{
    background-color: #EDEDED;
    background-image: url('img/pre-fondo-color-total.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 160px;
    padding-bottom: 50px;
}
.proyectos-middle h2{
    color: #EB8D11;
    text-align: center;
    padding-bottom: 10px;
    font-style: italic;
    font-weight: 600;
    
}
.proyectos-middle h3{
    color: #1C3487;
    text-align: center;
    padding-bottom: 30px;
    font-style: italic;
    font-weight: 600;
    
}
.owl-proyectos-top2{
    width: 100%;
    padding-bottom: 30px;
}
.proyectos-mini-imgs{
    width: 100%;
    padding: 0 11px;
    transition: all 0.25s ease-in-out;
}
.owl-proyectos-top2_ba{
    padding: 0;
    transition: all 0.25s ease-in-out;
}
.proyectos-mini-imgs:hover .owl-proyectos-top2_ba{
    padding: 0 25px;
}
.nosotros-top-2b-left:focus,
.nosotros-top-2b-left:hover,
.nosotros-top-2b-right:focus,
.nosotros-top-2b-right:hover{
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    -moz-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    outline: 0px;
}
.proyectos-mini-imgs:hover .nosotros-top-2b-left,
.proyectos-mini-imgs:hover .nosotros-top-2b-right{
    display: block!important;
}
.nosotros-top-2b-left,
.nosotros-top-2b-right{
    transition: all 0.25s ease-in-out;
    display: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25%;
    z-index: 999;
}
.nosotros-top-2b-left{
    left: 0%;
}
.nosotros-top-2b-right{
    right: 0%;
}
.proyectos-mini-imgs a img{
    width: 100%;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(219,215,219,1);
-moz-box-shadow: 0px 2px 10px 0px rgba(219,215,219,1);
box-shadow: 0px 2px 10px 0px rgba(219,215,219,1);
    min-height: 68px;
    height: 68px;
    object-position: center;
    object-fit: cover;
}
.modal-content-general2 .owl-proyectos-top2_b{
    width: 50%;
    margin: auto;
}
.modal-content-general2 .owl-proyectos-top2_b .item{
    padding: 5px;
    width: 100%;
}
.modal-content-general2 .owl-proyectos-top2_b .item img{
    min-height: 700px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
@media(max-width:1400px){
    .modal-content-general2 .owl-proyectos-top2_b .item img{
        min-height: 400px;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }
}
.mf_{
    padding: 10px 0;
}
.modal-content-general2{
    border: none !important;
    border-radius: 0px;
    padding: 30px;
    background-color:transparent;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.modal-content-general-fondo2{
    padding: 0;
    margin: auto;
    max-width: inherit;
    margin-left: 0px;
    margin-top: 0px;
    height: 100%;
}
.owl-proyectos-top2 .item{
    padding: 10px;
}
.owl-proyectos-top2 .item img{
   -webkit-box-shadow: 0px 0px 11px -2px rgba(171,171,171,1);
    -moz-box-shadow: 0px 0px 11px -2px rgba(171,171,171,1);
    box-shadow: 0px 0px 11px -2px rgba(171,171,171,1);
    min-height: 400px;
    object-position: center;
    object-fit: cover;    
}

.direccion_icon{
    position: relative;
  -webkit-animation-name:banner-btn1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  -webkit-animation-direction: alternate-reverse; /* Safari 4.0 - 8.0 */
  animation-name: banner-btn1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
    font-weight: 600;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes banner-btn1 {
 0%   {left:0px; }
  25%  {left:10px; }
  50%  {left:0px; } 
  75%  {left:10px; } 
  100% {left:0px; }
}

/* Standard syntax */
@keyframes banner-btn1 {
  0%   {left:0px; }
  25%  {left:10px; }
  50%  {left:0px; } 
  75%  {left:10px; } 
  100% {left:0px; }
}
.proyectos-videos{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    
}
.proyectos-videos a{
    margin: 10px; 
    width: calc(50% - 20px);
}
.proyectos-videos a img{
    width: 100%;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(219,215,219,1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(219,215,219,1);
    box-shadow: 0px 2px 10px 0px rgba(219,215,219,1);
}
.proyectos-body{
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
.proyectos-body__item{
    width: 100%;
}
@media screen and (min-width: 1024px){
    .proyectos-body__item:nth-child(1), .proyectos-body__item:nth-child(2){
        width: calc(50% - 10px);
    }
}
.proyectos-top-1-left,
.proyectos-top-1-right{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 75px;
}
.proyectos-top-1-left{
    left: 0;
}
.proyectos-top-1-right{
    right: 0;
}
.proyectos-top-2-left,
.proyectos-top-2-right{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    text-align: center;
    width: 30px;
    position: absolute;
    font-size: 30px;
    color: #FFF;
    top: calc(50% - 47px);
}
.proyectos-top-2-left{
    left: 0;
}
.proyectos-top-2-right{
    right: 0;
}

.item-sombra-proyectos{
    height: 100%;
    width: 100%;
    margin-top: 71px;
    z-index: 10 !important;
    background-color: rgba(0, 0, 0, 0.4);
}
.owl-proyectos-top1{
    padding: 0 20px;
}
.owl-proyectos-top1 .item{
    height: 170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    z-index: 10 !important;
}
.owl-proyectos-top1 .item:hover .item-sombra-proyectos{
    background-color: rgba(28, 52, 135, 0.83);

}
@media (max-width:992px){
    .banner-proyectos {
        min-height: 171px;
        padding: 0;
    }
}
.owl-proyectos-top1 .item h5{
    font-size: 15px;
    text-align: center;
    z-index: 9;
    color: #FFF;
    padding: 0 10px;
    position: relative;
    transform: translate(0% , -50%);
    top: 50%;
}
.banner-nosotros{
   background-image: url(img/banner-nosotros.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 440px;
    padding: 0; 
}
.banner-gradient-2{
    background: linear-gradient(to right,  rgba(14, 21, 43, 0.6) 7%, transparent 50%, transparent 100%);
    height: 440px;
    transition: all 0.25s ease-in-out;
    position: relative;
    z-index: 2;
}
.banner-text-nosotros{
    color: #fff;
    position: absolute;
    font-size: 50px;
    font-weight: 700;
    bottom: 20%;  
    font-style: italic;
    width: 100%;
    margin: auto;
    text-align: center;
}
.section-nosotros{
    padding: 50px 40px;
    background-color: #081543;
    color: #FFF;
}
.section-nosotros h3{
    text-align: center;
    padding-bottom: 30px;
    font-style: italic;
    font-weight: 600;
}
.section-nosotros p{
    font-style: italic;
}
.section-nosotros-container{
    width: 80%;
}
.section-compromiso{
    padding: 50px 40px;
}
.section-compromiso-container{
     width: 80%;
}
.section-compromiso h3{
    text-align: center;
    color: #EB8D11;
    font-style: italic;
    font-weight: 600;
}
.section-compromiso-items{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}
.section-compromiso-item{
    width: 50%;
    padding: 20px;
    display: flex;
}
.section-compromiso-item-icon{
    width: 90px;
    margin: 0 auto;
}
.section-compromiso-item-descripcion{
    width: 80%;
    color: #001052;
}
.section-compromiso-item-descripcion h4{
    font-style: italic;
    font-weight: 600;
}
.section-compromiso-item-descripcion p{
    font-weight: 600;
    font-size: 15px;
}
.section_nosotros_iconos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0;
    margin: auto;
}
.section_nosotros_iconos .item{
    width: calc(250px - 20px);
    margin: 10px;
}
.section_nosotros_iconos .item_img{
    text-align: center;
    margin: auto;
    height: auto;
}
.section_nosotros_iconos .item_img img{
    height: 100px;
}
.section_nosotros_iconos .item_texto{
    font-size: 15px;
    text-align: center;
    line-height: 2em;
    height: 2em;
}
.section-calidad h3{
    text-align: center;
    color: #EB8D11;
    font-style: italic;
    font-weight: 600;
    padding-bottom: 20px;
}
.section-calidad p{
    color: #001052;
    font-size: 15px;
}
.section-calidad-container{
    width: 80%;
}
.section-calidad{
  padding-bottom: 40px;  
}
.nosotros-top-1-left:focus,
.nosotros-top-1-left:hover,
.nosotros-top-1-right:focus,
.nosotros-top-1-right:hover{
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    -moz-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    outline: 0px;
}
.nosotros-top-1-left,
.nosotros-top-1-right{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25%;
}
.nosotros-top-1-left{
    left: 0;
}
.nosotros-top-1-right{
    right: 0;
}

.nosotros-top-2-left:focus,
.nosotros-top-2-left:hover,
.nosotros-top-2-right:focus,
.nosotros-top-2-right:hover{
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    -moz-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    outline: 0px;
}
.nosotros-top-2-left,
.nosotros-top-2-right{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(40% - 20px);
    z-index: 999;
}
.nosotros-top-2-left{
    left: 0%;
}
.nosotros-top-2-right{
    right: 0%;
}
.section-carousel-calidad{
    background-color: #EDEDED;
}
.section-carousel-calidad h3{
    text-align: center;
    padding: 30px;
    color: #1C3487;
    font-style: italic;
    font-weight: 700;
    
}
.section-carousel-calidad-container{
    width: 78%;
}
.owl-nosotros-top2{
    padding-bottom: 40px;
    padding: 0 20px 40px 20px;
}
.owl-nosotros-top2 a .item{
    margin: auto;
    max-height: 200px;
    height: 100%;
}
.owl-nosotros-top2 a .item img{
    width: 70%;
    margin: auto;
}
.section-carousel-1-container{
    width: 85%;
}
.owl-nosotros-top1{
    padding: 0 20px 40px 20px;
    transition: all 0.25s ease-in-out;
}
.owl-nosotros-top1 .item{
    padding: 25px;
}
.owl-nosotros-top1 .center{
    transform: scale(1.6) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.owl-nosotros-top1 .center img{
    -webkit-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    -moz-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
}
.section-responsabilidad-descripcion{
    background-color: #081543;
    padding: 40px;
    font-style: italic;
    color: #FFF;
    padding-right: 120px;
    
}
.section-responsabilidad-descripcion h4{
    padding-bottom: 20px;
    padding-left: 20px;
    
}
.section-responsabilidad-descripcion p{
    font-size: 14px;
}
.section-responsabilidad-img{
    padding: 0;
    height: 100%;
    margin: auto;
    margin-left: -90px;
}
.section-responsabilidad-img img{
    width: 100%;
    -webkit-box-shadow: -1px 1px 9px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 9px -1px rgba(0,0,0,0.75);
box-shadow: -1px 1px 9px -1px rgba(0,0,0,0.75);
}
.section-responsabilidad{
    padding: 40px 20px;
}
.section-responsabilidad-interno{
    display: flex;
}
.banner-productos{
   background-image: url(img/banner-productos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 440px;
    padding: 0; 
}
.banner-text-general h3{
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    font-style: italic;
    width: 100%;
    margin: auto;
    text-align: center;
    height: auto;
    padding-bottom: 10px;
}
.banner-text-general p{
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
}
.banner-text-general{
    position: absolute;
    top: 40%;
    width: 100%;
}
.productos-middle{
    background-color: #FFF;
    padding: 40px 20px;
    background-image: url('img/pre-fondo-color-total.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.productos-middle h2{
    color: #EB8D11;
    text-align: center;
    padding-bottom: 30px;
    font-style: italic;
    font-weight: 600;
    
}
.nuestros-productos{
    width: 100%;
    text-align: right;
}
.btn-nuestros-productos,
.btn-nuestros-productos:hover{
    border-radius: 0;
    background-color: #081543;
    color: #FFF;
}
.productos-body{
    display: flex;
}
.productos-body-principal{
    width: 50%;
    padding:20px;
}
.productos-body-principal h4, .proyectos-videos h4{
    color: #EB8D11;
    font-style: italic;
    font-weight: 600;
    font-size: 20px;
}
.productos-body-principal p{
    font-size: 14px;
}
.section-menu{
    background-image: url(img/banner-productos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
    color: #FFF;
    text-align: center;
    font-style: italic;
    z-index: 28;
}
.opacity-menu{
    background: #081543;
    opacity: 0.9;
    transition: all 0.25s ease-in-out;
    height: 100%;
    padding: 20px;
}
.section-menu h3{
    font-weight: 700;
    padding-bottom: 10px;
}
.section-menu:after{
    opacity: 0.9;
    border: solid 35px transparent;
    border-top-color: #081543;
    border-bottom: 0;
    bottom: -35px;    
    content: "";
    display: block;
    margin: auto;
    overflow: hidden;
    position: absolute;
    width: 0;
    left: calc(50% - 35px);
}
.category-products{
    margin-top: -65px;
    display: flex;
    padding: 0px 40px 0px 40px;
}
.category-product{
    background-color: #FFF;
    color: #081543;
    text-align: center;
    margin: 20px;
    width: 100%;
    height: 50px;
    font-weight: 600;
    font-style: italic;
    padding-top: 15px;
}
.category-product:hover, .category-product.active{
    background-color: #EB8D11;
    color: #FFF;
}
.category-product:hover:after, .category-product.active:after{
    border: solid 20px transparent;
    border-top-color: #EB8D11;
    border-bottom: 0;
    bottom: 0px;
    content: "";
    display: block;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 0;
}
.category-product.active:after{
    border: solid 20px transparent;
    border-top-color: #EB8D11;
    border-bottom: 0;
    bottom: 0px;
    content: "";
    display: block;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 0;
}
.banner-servicios{
    background-image: url(img/banner-servicios.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 440px;
    padding: 0;   
}
.category-servicio{
    background-color: #081543;
    color: #fff;
    text-align: center;
    margin: 0 20px;
    width: 100%;
    height: 50px;
    font-weight: 600;
    font-style: italic;
    padding-top: 15px;
}
.category-servicio:hover, .category-servicio.active{
    background-color: #EB8D11;
    color: #FFF;
}
.category-servicio:hover:after, .category-servicio.active:after{
    border: solid 20px transparent;
    border-top-color: #EB8D11;
    border-bottom: 0;
    bottom: 0px;
    content: "";
    display: block;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 0;
}
.category-servicios{
    display: flex;
    padding: 0;
    margin-top: -30px;
    position: relative;
    z-index: 9;
}
.section-servicios-middle{
    padding: 90px 0 40px 0;
}
.section-servicios-middle-descripcion h4{
    color: #EB8D11;
    font-style: italic;
    font-weight: 600;
    padding-bottom: 20px;
    text-align: center;
}
.section-servicios-middle-descripcion .content_{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 68px));  
}
.section-servicios-middle-descripcion p{
    color: #081543;
    font-size: 15px;
}
.img-principal img{
    width: 100%;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(213,213,213,1);
-moz-box-shadow: 0px 1px 15px 0px rgba(213,213,213,1);
box-shadow: 0px 1px 15px 0px rgba(213,213,213,1);
}
.img-principal{
    padding: 70px 40px 30px 0;
}
.img-secundaria{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 300px;
}
.img-secundaria img{
    width: 100%
}
.texto-principal{
   position: absolute;
    top: 0;
    left: 25%;
    background-color: #081543;
    color: #FFF;
    width: 300px;
    padding: 20px;
}
.texto-principal h5{
    font-style: italic;
    font-weight: 600;
    
}
.texto-principal p{
    font-size: 14px;
    font-weight: 300;
}
.section-options{
    padding: 0;
}
.servicios-top-left:focus,
.servicios-top-left:hover,
.servicios-top-right:focus,
.servicios-top-right:hover{
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    -moz-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    outline: 0px;
}
.servicios-top-left,
.servicios-top-right{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 40%;
    z-index: 99;
    display: none;
}
.servicios-top-left{
    left: 0;
}
.servicios-top-right{
    right: 0;
}
.section-servicios-general{
    padding-bottom: 30px;
}
.servicios-item-texto b{
    font-style: italic;
}
.servicios-item-texto{
    color: #081543;
    text-align: center;
    font-size: 14px;
}
.servicios-item-img{
    width: 100px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.servicios-item-img img{
    width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: center;
}
.banner-contactanos{
    background-image: url(img/banner-contactanos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 440px;
    padding: 0;   
}
.section-contacto-i-content{
    display: flex;
    color: #081543;
}
.section-contacto-i-redes{
    text-align: center;
    color: #081543;
    padding-top: 15px;
    font-style: italic;  
}
.section-contacto-i-redes > .redes-icons i{
    color:#fff;
}

.redes-icons i{
    color:#EB8D11;
}
.section-contacto-i-redes > .title-redes{
    font-size:20px;
    font-weight:600;
}
.section-contacto-i-redes > .redes-icons{
    padding-top: 10px;
}
.section-contacto-i-redes > .redes-icons a{
    color: #081543;
    font-size:18px;
    font-weight:600;
    padding: 0 20px;
}
.section-contacto-i-content-icon{
     padding: 12px;
}
.section-contacto-i-content-icon i{
     color: #fff;
    font-size: 19px;
}
.section-contacto-i-content-text{
    padding: 10px;
    font-style: italic;
    font-size:18px;
    font-weight:600;
}
.section-contacto-i-content-text a{
    color: #081543;
    font-size:18px;
    font-weight:600;
}
.section-contacto-i-title{
    color: #081543;
    font-size: 30px;
    font-style: italic;
    padding-bottom: 15px;
    padding-top: 25px;
    text-align: center;
    font-weight: 600;
}
.section-contacto-i-body{
    color: #ffff;
    font-size: 17px;
    font-style: italic;
}
.banner-trabaja{
    background-image: url(img/banner-trabaja.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 440px;
    padding: 0; 
    position: relative;  
}
.section_map_google{
    height: 340px;
    padding: 0;
}
.section-trabaja{
    padding: 40px 20px;
}
.llenar{
    color: #EB8D11;
    font-style: italic;
    font-size: 15px;
    padding-bottom: 15px;
}
.trabaja{
    border: 2px solid #EB8D11;
    border-radius: 0;
    padding: 21px 15px;
    color: #EB8D11;
    font-style: normal;
}
.trabaja:hover,
.trabaja:focus{
    border: 2px solid #EB8D11;
    border-radius: 0;
    padding: 21px 15px;
    color: #EB8D11;
    font-style: normal;
    box-shadow: none;
}
@media (max-width:992px){
    .section-experiencia{
        background-image: none;    
    }
    .proyectos-middle{
        padding-top: 50px;
    }
    .proyectos-mini-imgs{
        padding-bottom: 20px;
    }
    .item-sombra-proyectos{
        margin-top: auto!important;
    }
    
}
@media (max-width:767px){
    .proyectos-videos a{
        margin: 10px; 
        width: calc(100% - 20px);
    }
}
@media (max-width:700px){
    .servicios-grid-item-texto{
        width: 173px;
        width: 100%;
    }
    .mf_ {
        padding: 10px 15px 10px 0;
    }
    .post-block iframe{
        width: 100%;
    }
}
@media (max-width:580px){
    .servicios-grid-item-texto{
        width: 253px;
        width: 100%;
    }
    .owl-proyectos-top2 .item img{
        min-height: 200px;
    }
}
@media (max-width:500px){
    .servicios-grid-item-texto{
        width: 200px;
        width: 100%;
    }
}
@media (max-width:400px){
    .servicios-grid-item-texto{
        width: 173px;
        width: 100%;
    }
    .section-experiencia{
        background-image: none;    
    }
    .section-banner-middle-count {
        background: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .section-banner-middle-count .item-count-middle{
        width: calc(50% - 10px);
    }
    
    .section-contacto-img-texto{
        font-size: 20px;
    }
}
@media (max-width:1200px){
    .section-contacto-img-texto{
        font-size: 25px;
        width: 100%;
    }
}

@media (max-width:1024px){
    .item-count-middle::before{
        content: none;
        right: -18px;
    }
}

.trabaja::placeholder{
    color: #6C757D;
    font-style: italic;
}
.combo{
    box-shadow: none;
    background-color: #EB8D11;
    padding: 12px 15px;
    font-size: 16px;
}
.combo:focus{
    box-shadow: none;
    outline: none;
}
.subir{
    border-radius: 0px;
    border: 2px solid #EB8D11;
    color: #EB8D11;
    width: 100%;    
}
.adjuntar{
    color: #6C757D;
    padding: 10px 15px;
    font-style: italic;
}
.adjuntar i{
    float: right;
    font-size: 19px;
    padding-top: 2px;
}
#info{
    text-align: center;
    font-style: italic;
    color: #EB8D11;
}
.form-group-b button{
    border: 1px solid #EB8D11;
    border-radius: 0;
    background-color: #EB8D11;
    color: #FFF;
    font-weight: 700;
}
.form-group-b button:hover,
.form-group-b button:focus{
    border: 1px solid #EB8D11;
    border-radius: 0;
    background-color: #EB8D11;
    color: #FFF;
    font-weight: 700;
    box-shadow: none;
}
.form-group-b{
    padding: 12px 20px;
}
.section-trabaja-text,
.section-trabaja-formulario{
    padding: 20px;
}
.section-trabaja-text h3{
    padding-bottom: 20px;
    color: #EB8D11;
    font-weight: 600;
    text-align: center;
}
.section-trabaja-text p{
    padding-bottom: 20px;
    color: #081543;
    font-weight: 600;
    text-align: justify;
}
.section-trabaja-text img{
    width: 100%;
}
.section-proyectos-img{
    width: 100%;
}

/*BLOG*/
.container_section_blog_principal{
    max-width: 1300px;
    width: 100%;
    margin: auto;
}
.section-blog-principal-container{
    padding: 0px 30px;
}
.content_entradas{
    padding: 0;
}
.content_entradas_{
    background-color: #ededed;
    padding: 20px;
}
.content_entradas ul{
    margin: 0;
    padding: 20px;
}
.content_entradas ul li{
    padding: 10px 0;
}
.content_entradas ul li a{
    font-style: italic;
    font-weight: 600;
    color: #0C3A8B;
    font-size: 17px;
}
.content_entradas ul li a::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    padding: 1px;
    color: #0C3A8B;
    font-size:13px;
    padding-left: 7px;
}
.content_entradas ul li:hover a{
    font-style: italic;
    font-weight: 600;
    color: #EB8D11;
}
.content_entradas ul li:hover a::after{
    color: #EB8D11;
}
.content_entradas h3{
    font-style: italic;
    font-weight: 600;
    color: #1C3487;
    padding: 20px;
}
@media (max-width:767px){
    .content_entradas{
        display: none;
    }
}
.section-blog .blog-horizontal{
    background-color: #FFF;
}
.blog-header{
    margin-top: -100px;
    display: flex;
}
.blog-header > .blog_v{
    max-width: 387.6px;
}
.blog-header > .blog_h{
    max-width: 752.4px;
    display: flex;
}
.blog-horizontal{
    display: flex;
    background-color: #EDEDED;
    margin-bottom: 20px;
    width: 100%;
}
.blog-horizontal:hover {
    background-color: #081543;
}
.blog-horizontal:hover .blog-body .blog-body-title{
    color: #FFF;
}
.blog-horizontal:hover .blog-body .blog-body-fecha{
    color: #FFF;
}
.blog-horizontal > .blog-foto{
    width: 50%;
    min-height: 200px;
    object-fit: cover;
    overflow: hidden;
}
.blog-horizontal > .blog-foto img{
    height: 200px;
    min-height: 200px;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
}
@media (max-width:500px){
    .blog-horizontal > .blog-foto img{
        height: auto;
        min-height: 300px;
        object-fit: cover;
        object-position: center;
        width: auto;
    }
}
.blog-horizontal > .blog-body{
    width: 50%;
    padding: 15px;
}
.blog-body-title{
    font-style: italic;
    font-size: 15px;
    padding-bottom: 10px;
    color: #081543;
    font-weight: 700;
}
.blog-body-fecha{
    font-size: 13px;
    padding-bottom: 10px;
    color: #081543;
    font-weight: 600;
}
.blog-body-btn a{
    background-color: #EB8D11;
    border-radius: 0;
    color: #FFF;
    font-size: 15px;
    
}
.blog-body-btn a:hover,
.blog-body-btn a:focus{
    background-color: #EB8D11;
    border-radius: 0;
    color: #FFF;
    font-size: 15px;
    
}
.blog-vertical{
    background-color: #EDEDED;
    width: calc(33% - 28px);
    margin-left: 20px;
    margin-bottom: 20px;
}
.blog-vertical > .blog-foto{
    width: 100%;
    max-height: 200px;
    object-fit: cover;
    overflow: hidden;
}
.blog-vertical > .blog-body{
    width: 100%;
    padding: 15px;
}
.section-blog{
    background-color: #EDEDED;
    padding: 40px 20px;
}
.section-blog h3{
    color: #1C3487;
    font-style: italic;
    text-align: center;
    font-weight: 600;
    padding-bottom: 20px;
}
.blog-middle{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
       
}
.blog-middle > .blog-horizontal{
    margin-bottom: 0px;
    
}
/*FIN BLOG*/

/*BLOG INTERNA*/
.section-blog-principal{
    padding: 40px 20px;
}
.section-blog-principal h2{
    font-style: italic;
    font-weight: 600;
    color: #1C3487;
    padding-bottom: 10px;
}
.blog-p-fecha{
    color: #1C3487;
    padding-bottom: 10px;
    font-weight: 600;
}
.blog-p-img{
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
}
.blog-p-img img{
    width: 100%;
}
.blog-p-texto{
    padding: 20px 0;
    color: #1C3487;
}
.blog-p-redes{
    color: #1C3487;
    font-weight: 700;
}
.blog-p-redes a{
   color: #1C3487; 
}
.blog-p-redes a i{
    margin: 0 10px;
}
/*FIN BLOG INTERNA*/
.paginacion{
    padding: 20px 10px;
    text-align: center;
}
.nav-links a, .nav-links span{
    color: #1C3487;
    font-size: 15px;
}
.page-numbers{
    padding: 0 5px;
}
.current{
    font-weight: bold;
}
.section-recomendados{
    background-color: #EDEDED;
    padding: 40px;
}
.section-recomendados h3{
    padding-bottom: 20px;
    color: #1C3487;
    font-weight: 600;
    text-align: center;
    font-style: italic;
}
.carousel-recomendados-left:focus,
.carousel-recomendados-left:hover,
.carousel-recomendados-right:focus,
.carousel-recomendados-right:hover{
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    -moz-box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    box-shadow: 0px 1px 8px -1px rgba(199,193,199,1);
    outline: 0px;
}
.carousel-recomendados-left,
.carousel-recomendados-right{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 40%;
}
.carousel-recomendados-left{
    left: 0%;
}
.carousel-recomendados-right{
    right: 0%;
}
.owl-noticias-recomendados{
    margin: 0 auto;
    max-width: 95%;
}
.owl-noticias-recomendados > .blog-horizontal{
    margin: 0 !important;
}
.section-recomendados-container{
    padding: 0;
    max-width: 80%;
}
.banner-gracias{
    height: 100px;
    padding: 0;   
}
.error h3,
.error h2{
    font-style: italic;
    text-align: center;
    font-weight: 600;
}
.error h2{
    color: #1C3487;
}
.error h3{
    color: #081543;
    padding-bottom: 20px;
}
.error{
    text-align: center;
    margin: 0 auto;
    padding: 40px 10px;
}
.error img{
    padding-bottom: 40px;
}
.btns{
    padding-bottom: 20px;
}
.btns a{
    background-color: #EB8D11;
    border-radius: 0;
    color: #FFF;
    font-style: italic;
    font-size: 18px;
}
.btns a:hover{
    background-color: #EB8D11;
    border-radius: 0;
    color: #FFF;
}
.btn-home{
    padding-bottom: 20px;
    font-size: 20px;
    color: #EB8D11;
    font-style: italic;
    font-weight: 400
}
.btn-home b{
    text-decoration: underline;
}
.btn-home:hover{
    color: #EB8D11;
}
@media (max-width:1920px){
    .section-experiencia-container{
        width: 630px;
        position: relative;
        top: 50%;
        transform: translate(0%, -50%);
    }
    .section-mapa-descubre{
        padding-bottom: 30px;
    }
}
@media (min-width:1746px){

    .section-experiencia{
        padding: 40px 0 !important;
    }
    .section-mapa-descubre{
        bottom: 40px !important;
    }
    
}
@media (max-width:1562px){
    .carousel-clientes-container{
        max-width: 65%!important;
        width: 65%!important;
        margin: auto;
    }
}
@media (max-width:1446px){
    .section-experiencia{
        padding: 40px 0 !important;
    }
    .section-mapa-descubre{
        bottom: 40px !important;
    }
    .section-mapa-container{
        width: 80% !important;
        padding: 0 90px 0 30px !important;
        float: right;
    }
}
@media (max-width:1300px){
    .section-experiencia{
        padding: 40px 20px !important
    }
    .section-mapa-descubre{
        bottom: 40px !important;
    }
    .section-mapa-container{
        width: 85% !important;
        padding: 0 90px 0 0px !important;
        float: right;
    }
}
@media (max-width:1200px){
    .section-recomendados-container{
        padding: 0;
        max-width: 95%;
    }
    .blog-header > .blog_h{
        width: calc(66% - 30px);
        display: flex;
    }
    .section-b-contactenos-img{
       padding: 40px 10px; 
    }

    .owl-servicios-top{
        padding: 0 45px;
    }
    .servicios-top-left,
    .servicios-top-right{
        display: block;
    }
    
    .section-mapa-descubre{
        padding-bottom: 0px;
    }
    .carousel-clientes-container{
        max-width: 75%!important;
        width: 75%!important;
        margin: auto;
    }
    .section-servicios-grid{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .servicios-grid-item{
        width: 33% !important;
        padding: 0 30px;
        margin: 0;
    }
    .servicios-grid-item-img img{
        width: 100%;
    }
    .servicios-grid-item-texto{
        font-size: 15px;
    }
    .section-experiencia-container{
        width: 100%;
    }
    .nav-logo{
        width: 40%;
    }    
    .navbar-content-menu-primary > .nav-primary > .menu > .menu-item:nth-child(2){
        width: 20%;        
    }   
}
@media (max-width:992px){
        .section-contactenos-img{
        min-height: 700px;
    }
    .section-mapa-proyectos > .row{
        height: auto!important;
    }
    .cronologia-tiempo{
        display: none;
    }
    .blog-header > .blog_h{
        display: none;
    }
    .blog-header > .blog_v{
        margin: auto;
        width: 100%;
        max-width: 100% !important;
    }
    .blog-middle{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
        margin: auto;    
    }
    .category-products{
        margin-top: -65px;
        padding: 0px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5px;
        padding-bottom: 20px;
    }
    .category-product{
        background-color: #FFF;
        color: #081543;
        text-align: center;
        margin: 0px;
        width: 100%;
        height: 50px;
        font-weight: 600;
        font-style: italic;
    }    
    .category-product:after{
        border: 0;
    }
    .section-responsabilidad-descripcion{
        padding: 30px;
    }
    .section-responsabilidad-interno{
        display: inline;
    }
    .section-responsabilidad-img{
        padding: 0;
        text-align: center;
        margin: auto;
        margin-left: 0px;
        margin-top: -20px;
    }
    .section-responsabilidad-img img{
        text-align: center;
        width: 90%;
    }
    .section-compromiso-item{
        width: 100%;
    }
    .section-contactenos-img{
       padding: 40px 10px; 
    }
    .section-contacto-formulario > .section-contacto-i-title{
        padding-top: 0px;
    }
    .section-servicios-middle{
        padding: 40px 15px 30px 15px;
    }
    .category-servicios{
         display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }    
    .category-servicio{
        width: 100%;
        margin: 0;
    }
    .section-carousel-calidad-container{
        max-width: 100%;
        width: 90%;
    }
    .nuestros-productos{
        text-align: center;
        padding-bottom: 20px;
    }
    .combo-experiencia{
        padding-bottom: 40px;
    }
    .item-experiencia{
        padding: 0 !important;
    }
    .section-mapa-proyectos{
        max-height: inherit!important;
        height: auto!important;
    }
    .section-banner-middle{
        z-index:1 !important;
    }
    .section-experiencia{
        z-index:25;        
    }
    .item-experiencia{
        padding-top: 40px;
        z-index: 99 !important;
        transition: all 0.25s ease-in-out;
    }
    .item-experiencia h4{
        display: none !important;
    }
    .combo-experiencia{
        display: block !important;
    }
    .item-experiencia-carousel-left{
        left: 0;
        right: inherit;
        top: inherit;
            bottom: calc(50% - 44px);
    }
    .item-experiencia-carousel-right{
        right:0;
        top: inherit;
            bottom: calc(50% - 44px);
    }
    .section-experiencia-container{
        width: 100%;
        padding: 0;
        padding: 0 20px;
    }
    .section-mapa{
        display: none;
    }
    .carousel-clientes-container{
        max-width: 85%!important;
        width: 85%!important;
        margin: auto;
    }
    .servicios-grid-item{
        width: 50% !important;
        padding: 0 30px;
        margin: 0;
    }
    .servicios-grid-item-texto{
        font-size: 18px;
    }
    .section-banner-middle-title{
        padding-bottom: 40px;
        text-align: center;
    }
    .section-proyectos-content{
        padding-bottom: 20px;
    }
    .section-proyectos-container > .row{
        display: flex;
        flex-direction: column-reverse;
        margin: 0 auto;
        padding-bottom: 90px;
    }
    .banner-text-content{  
        padding: 0;
        text-align: center;
        top: 70%;
        width: 100%;
    }
    .banner-text{
        text-align: center;
        padding: 0 20px;
    }
    .banner-gradient{
        background: linear-gradient(to top,  rgba(14, 21, 43, 0.6) 32%, transparent 73%, transparent 100%);
        height: 100%;
        text-align: center;
    }
    .banner-gradient-2{
        background: linear-gradient(to top,  rgba(14, 21, 43, 0.6) 7%, transparent 68%, transparent 100%);
        height: 100%;
        transition: all 0.25s ease-in-out;
    }
    .pre-footer-general-mapa,
    .pre-footer-general-acercade{
        padding-bottom: 20px;
    }
    .nav-mobile-close-icon{
        font-size: 50px;
        color: #1C3487;
    }
    .nav-mobile{
        padding: 15px 0px 15px 0px;
        position: absolute;
        margin: 0 auto;
        background-color: #FFF;
        width: 100%; 
        z-index: 999;
    }
    .nav-mobile-header{
        display: flex;
    }
    .nav-mobile-logo{        
        width: 90%;
        margin:  auto;
        margin-left: 0;
    }
    .nav-mobile-container > .menu {
        padding: 0;
    }
    .nav-mobile-container > .menu > .menu-item{
        width: 100%;
        padding: 5px 0;
        font-size: 20px;        
    }
    .nav-mobile-container > .menu > .active{
        font-weight: 600;
    }
    .nav-mobile-container > .menu > .menu-item a{
        color: #1C3487;
    }
    .nav-mobile-container > .menu > .menu-item a:hover{
        color: #1C3487;
        font-weight: 600;
    }
    .nav-mobile-container ul ul{
        padding-left: 20px;
    }
    .nav-mobile-container ul ul li{
        padding: 7px 0;
    }
    .nav-mobile-btn{
        text-align: center;
        padding-bottom: 30px;
    }
    .nav-mobile-redes{
        font-size: 28px;
           color: #1C3487;
        text-align: center;
    }
    .nav-mobile-redes a{
           color: #1C3487;
        padding: 20px;
    }
    .navbar-content-btn,
    .navbar-content-menu-redes{
        display: none;
    }
    .navbar-open-icon{
        display: block !important;
        
    }
    .navbar-open-icon i{
        font-size: 50px;
        color: #1C3487;
    }
    .nav-logo{
        width: 60%;
    }
    .navbar-banderas{
        display: flex;
    }
    .navbar-banderas img{
        margin: 0 10px;        
    }
    .navbar-content-menu-primary{
        display: none;
    }
}
@media (max-width:880px){
    .carousel-clientes-container{
        max-width: 95%!important;
        width: 95%!important;
        margin: auto;
    }
    .carousel-clientes{
        padding: 0;
    }
}
@media (max-width:767px){
    .productos-middle > .container{
        padding-right: 0;
        padding-top: 30px;
    }
    .productos-middle{
        padding: 15px;
    }
    .productos-body{
        flex-wrap: wrap;
    }
    .productos-body-principal{
        width: 100% !important;
    }
    .section-nosotros-container,
    .section-compromiso-container,
    .section-calidad-container{
        width: 100%;
    }
    .section-carousel-1-container{
        width: 100%;
        padding: 0;
        max-width: 100%;
    }
    .img-secundaria{
        width: 40%
    }
    .item-clientes-texto-body{
        text-align: center;
    }
    .item-clientes-texto-body-icon{
        float: none !important; 
        margin: 0 auto !important;
        
    }
    .section-contacto-img{
        height:  450px;
    }
    .section-b-contacto-formulario{
        height: 550px;
    }
    .section-contacto-formulario{
        padding: 20px 20px;
    }
     .section-b-contactenos-img{
       padding: 40px 10px; 
    }
    .section-contactenos-img{
        min-height: 400px;
    }
    .section-b-contactenos-formulario{
        height: 700px;
        padding-top: 20px;
    }
    .section-contactenos-formulario{
        height: 700px;
    }
    .carousel-clientes{
        margin-top: -127px;
    }
    .section-clientes h2{
        padding-top: 20px;
    }
    .section-clientes{
        background-image: url(img/slider-home-background.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 300px;        
    }
    .section-clientes-general{
        background-image: url();
        padding: 0;
    }
    .item-clientes-img{
        position: inherit;
        margin: auto;
    }
    .item-clientes-texto-body{
        width: 100%;
        height: auto;
    }
    .item-clientes{
       padding: 20px 0px; 
    }
    .clientes-carousel-left{
        top: 20%;
        left: 27%;
    }
    .clientes-carousel-right{    
        top: 20%;
        bottom: auto;
        right: 27%;
    }
    .servicios-grid-item{
        width: 50% !important;
        padding: 0 10px;
        margin: 0;
    }
    .servicios-grid-item-texto{
        font-size: 14px;
    }
    .section-proyectos-container > .row{
        padding-bottom: 90px;
    }    
    .nav-mobile{
        padding: 20px 20px !important;
    }
    .nav-mobile-container > .menu > .menu-item{
        text-align: center;
    }
    .nav-logo{
        width: 50% !important;
    }
}
@media (max-width:572px){
    .banner-text{
        font-size: 30px;
    }
    .section-recomendados{
        padding: 40px 10px;
    }
    .carousel-recomendados-left{
        left: -8px;
    }
    .carousel-recomendados-right{
        right: -8px;
    }
    .section-recomendados-container{
        padding: 0;
        max-width: 100%;
        width: 100%;
    }
    .section-carousel-calidad-container{
        width: 100%;
        padding: 0;
    }
    .nosotros-top-1-left,
    .nosotros-top-1-right{
        top: 40%;
    }
    .section-servicios-middle{
        padding: 0px 15px 30px 15px;
    }
    .img-secundaria{
        top: 23%;
        right: 10px;
        max-width: 300px;
    }
    .section-servicios-middle-img{
        padding-bottom: 30px;
    }
    .texto-principal{
       position: static;
        margin: auto;
        background-color: #081543;
        color: #FFF;
        width: 300px;
        padding: 20px;
    }
     .servicios-grid-item{
        width: 80% !important;
        padding: 0;
        margin: 0;
    }
    .servicios-grid-item-texto{
        font-size: 14px;
        width: 100%;
    }
    .clientes-carousel-left{
        top: 20%;
        left: 20%;
    }
    .clientes-carousel-right{    
        top: 20%;
        right: 20%;
    }
}
@media (max-width:510px){
    .blog-middle{
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-gap: 20px;
        margin: auto;    
    }
     .section-b-contactenos-img{
       padding: 40px 10px; 
    }
    .section-b-contactenos-formulario{
        height: 770px;
        padding-top: 50px;
    }
    .section-contactenos-formulario{
        height: 750px;
    }
    .clientes-carousel-left{
        top: 20%;
        left: 16%;
    }
    .clientes-carousel-right{    
        top: 20%;
        right: 16%;
    }
    .section-proyectos-container > .row{
        padding-bottom: 30px !important;
    }
    .nav-mobile{
        padding: 20px 20px !important;
    }
    .nav-mobile-close-icon{
        font-size: 40px;
        color: #1C3487;
    }
    .nav-mobile-logo img{        
        width: 130px !important;
    }
    .navbar-open-icon i{
        font-size: 40px;
        color: #1C3487;
    }
    .nav-logo{
        width: 130px !important;
    }
    .custom-logo{
        width: 100% !important;
        height: auto!important;
    }
    .navbar-banderas img{
        height: 30px;
        width: 45px;
    }
    
}
@media (max-width:480px){
    .error img{
        width: 60%;
    }
    .btns{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }
    .owl-nosotros-top1 .center{
        transform: scale(1) !important;
        padding: 0 !important;
    }
    .clientes-carousel-left{
        top: 20%;
        left: 12%;
    }
    .clientes-carousel-right{    
        top: 20%;
        right: 12%;
    }
    .item-count-middle-img img{
        width: 70px;
        margin: auto;
    }
    .item-count-middle-number{
        font-size: 25px !important;
    }
    .pre-footer-general-mapa{
        padding: 0;
    }
    .pre-footer-general-acercade{
        text-align: center;
        padding-bottom: 40px !important;
    }
    .pre-footer-general-contacto{
        padding-top: 40px;
    }
}
@media (max-width:380px){
     .section-b-contactenos-img{
       padding: 40px 10px; 
    }
    .section-b-contactenos-formulario{
        height: 770px;
        padding-top: 40px;
    }
    .section-contactenos-formulario{
        height: 770px;
    }
    .navbar-banderas{
       display: none !important;
    }
}

.main-content-menu-b{
    padding-bottom: 20px;
}
.btn-content-menu-b{
    width: 100%;
    justify-content: space-between;
    background-color: #1C3487;
    color: #FFF;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-content-menu-b:hover{
    width: 100%;
    justify-content: space-between;
    background-color: #EB8D11;
    color: #FFF;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-content-menu-b.active{
   width: 100%;
    justify-content: space-between;
    background-color: #EB8D11;
    color: #FFF;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;  
}
.btn-content-menu-b:focus{
    box-shadow: none;
}
.marca_header_btn:before, .marca_header_btn:after{
	content: '';
	position: absolute;
	transform: translate(-50%, -50%);
	width: 13px;
	height: 2px;
	background: #fff;
	transition: all 0.25s ease-in-out;
    margin-top: 13px;
}
.marca_header_btn:after{
	width: 2px;
	height: 13px;
}

.marca_header_btn.active:after{
	width: 13px;
	height: 2px;
}
.content-item-option{
    padding: 10px 20px;
    display: block;
    line-height: 30px;
}
.content-item-option a{
    width: 100%;
    color: #16253F;
    font-style: italic;
}
.section-blog-container{
    max-width: 1400px;
    width: 100%;
    margin: auto;
    padding: 0 10px;
}


.owl-stage{
    margin: auto;
}




.banner-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.banner--video__video{
    position: absolute;
    top: 50%; 
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto;
    overflow: hidden;
  z-index: 1;
}

.item-region-img img{
    height: 126px;
    object-fit: cover;
}

.modal-body img{
    object-fit: contain;
}

.banner-home .banner-gradient{
    background: none;
}

.img-360-mobile{
    height: 350px;margin: 0 auto;
}

@media screen and (max-width: 1024px){
    .img-360-mobile{
        height: 200px;margin: 0 auto;
    }
}

.owl-home-top1 .item:hover{
    transform: scale(1.2);
transition: all 0.25s;
}

.owl-home-top1 .item:hover .item-region-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 13px;
    /*padding-bottom: 15px;*/
}

.modal-footer{
    justify-content: center;
}
.owl-proyectos-top2 .item img {
    object-fit: cover;
    height: 400px;
    object-position: center;
}