@media (min-width: 576px){
  .container {
      max-width: 1300px !important;
  }
}
/*SLIDER*/
.slider .owl-nav{
  margin-top: 0px;
}
.slider{
    position: relative;
}
.sliders .owl-nav .owl-prev{
  position: absolute;
    left: 6%;
    bottom: 43%;
    background: #e281006b;
    z-index: 3;
    transition: all 200ms ease;
    color: #ffffff82;
}
.sliders .owl-nav .owl-next{
    position: absolute;
    right: 6%;
    bottom: 43%;
    background: #e281006b;
    z-index: 3;
    transition: all 200ms ease;
    color: #ffffff82;
}
.sliders .owl-nav i{
   padding: 4px;
    font-size: 30px;    
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: white!important;
    color: #e28100!important;
    transition: all 200ms ease;
}
.estructura{
    position: relative;
}

.sliClientT .owl-stage {
    display: flex;
    align-items: center;
}
/*.estructura:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity:0.3;
    right: 0;
    left: 0;
    top: 0;
    z-index: 2;
}*/
.texto{
   width: 100%;
    height: 100%;
    position: absolute;
    top: 3%;
    left: 14%;
    display: flex;
    align-items: center;
    z-index: 3;
}
.texto a{
  text-decoration: none;
}
.texto a h3{
    font-size: 43px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    border-left: 4px solid #e28100;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 4px solid #e28100;
}

/**/

/*Bienvenidos*/
 .backseccHPr{
    background-repeat: repeat;
    animation:sidedownscroll 30s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset -2px 3px 15px 0px rgb(0,0,0,0.5);
  }
  @keyframes sidedownscroll{
    0%{
      background-position:0 0
    }
    100%{
      background-position:-2000px 2000px
    }
  }
  .coteGeneSecPRo{
    display: grid;
    grid-template-columns: 3fr 1fr;
    padding: 80px 30px;
    grid-gap: 25px;
    max-width: 1300px;
  }

  .coteimgConte{
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 438px;
    border-radius: 3px;
  }
  .coteimgConte img{
    width: 100%;
    transition: 0.4s;
    /* padding: 0px 20px 0px 0px; */
    height: 100%;
    object-fit: cover;
  }
  .coteimgConte:hover .imgCotPRofll{
    transform: translateY(-25px);
  }
  .coteContenP{
    position: absolute;
    bottom: 0;
    background: #0a0a0abf;
    color: white;
    height: 0px;
    width: 100%;
    transition: 0.4s;
    display:grid;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    /*padding: 0px 20px 0px 0px;*/
    /*grid-template-columns: 7fr 3fr;*/
  }
  .coteimgConte:hover .coteContenP{
    height: 100%;
    width: 100%;
  }
  .coteContenP p{
    padding: 16px;
    font-size: 16px;
    text-align: center;
  }
  .agranoscuo{
    font-weight: 600;
    font-size: 1.5rem !important;
  }
  
  .cotesignomas{
    background: #f29b36e6;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0%;
    overflow: hidden;
    /*transform: rotate(180deg);*/
    position: absolute;
    z-index: 9;
    bottom: 0;

  }
      
  .coteimgConte:hover .cotesignomas{
    transition: 0.4s 0.2s;
    height: 18%;
    font-size: 18px;
    font-weight: 600;
    color: white;
  }

  .coteDiferenDemas{
    padding: 18px;
    border: 20px solid #d8dbde;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
    flex-wrap: wrap;
  }
  .titleDiferenDemas{
    font-size: 1.5rem;
    font-weight: 600;
  }
  .coteDiferenDemas span{
    font-size: 1.9rem;
    font-weight: 600;
  }
  .coteDiferenDemas p{
        margin: 0px 0px 15px 0px;
    font-size: 14px;
  }



  .btnLiE:before{
      border-color: #f29b36;
  }
  .btnLiE:after{
      border-color: #f29b36;
  }
  .btnLiE{
    background: #f29b36;
    color: white;
  }

  .btnLiE:hover:before,.btnLiE:hover:after{
    border-color: #444444;
    transition: 0.5s;
  }
  .btnLiE:hover{
    transition: 0.5s;
    background: #444444;
  }


  @media (max-width: 991px) {
    .coteGeneSecPRo{
      grid-template-columns: 1fr;
    }
  }
/**/

/*BOTON HERE*/
 .btnLiE{
      letter-spacing: 4px;
      position: relative;
      text-transform: uppercase;
      padding: 10px 20px;
      font-size: 14px;
      border-width: 0;
      border-style: solid;
      border-color: transparent;
      cursor: pointer;

  }

  .btnLiE:before, .btnLiE:after {
      -webkit-transition: all 0.25s;
      transition: all 0.25s;
      border-style: solid;
      border-width: 0; 
      content: "";
      height: 26px;
      position: absolute;
      width: 26px;
  }
  .btnLiE:before{
    border-left-width: 2px;
      border-top-width: 2px;
    top: -6px;
      left: -6px;
      border-color: #222;

  }
  .btnLiE:after{
      border-right-width: 2px;
      border-bottom-width: 2px;
    bottom: -6px;
      right: -6px;
      border-color: #222;
  }
  .btnLiE:hover:before,.btnLiE:hover:after{
    height:100%;
    width:100%;
  }
  .cotebtnE{
    display: flex;
    justify-content: center;
  }
   @media (max-width: 991px){
    
  }

/**/

/*Nosotros*/
.backNosoUS{
    box-shadow: 0px -6px 16px rgb(0,0,0,0.5);
    padding-bottom: 100px;
    background-repeat: repeat;
    animation:sidedownscroll 30s linear infinite;
    background-color: #302e31;
    display: flex;
    justify-content: center;

  }
  .coteGeneNosoUS{
    width: 100%;
    margin:0px auto;
    padding: 0px 0px 70px 0px;
    position: relative;
    overflow: hidden;
    max-width: 1300px;
  }
  .cotesliImg{
    width: 70%;
    margin-left: 9%;
    z-index: 0;
    position: relative
  }
  .cotesliImg img{
    width: 100%;
    transition: 10s ease 1s;
    border-radius: 5px;
    height: 474px;
    object-fit: cover;
    object-position: 50% 80%;
  }

  .cotesliImg img:hover{
     transform: scale(1.2);
  }
  .coteCuaLadoTex{
    padding: 22px;
    width: 360px;
    background: white;
    border-radius: 4px;
    position: absolute;
    right: 50px;
    bottom: 19px;
    border: solid 5px #f29b36;
    box-shadow: 0px 0px 13px 18px rgb(0,0,0,0.5);
  }
  .coteCuaLadoTex span{
    font-weight: 100 ;
  }
  .coteCuaLadoTex strong{
    margin:15px 0px;
    display: block;
    font-size: 14px;
  }
  .coteCuaLadoTex h3{
    font-size: 23px;
    font-weight: 600;
  }
  .coteCuaLadoTex .btnnuevoCo{
    text-align: right;
    margin: 10px 20px 10px 0px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.4s;
  }
  .coteCuaLadoTex .btnnuevoCo:hover{
    color: #f29b36;
  }
  .coteCuaLadoTex .btnnuevoCo i{
    margin-left: 4px;
    animation:animIconN 0.5s infinite alternate;
  }
  .coteCuadroBorde,.coteCuadroBorde2{
    width: 60%;
      height: 397px;
    border:solid 30px #ffffff2e;
    position: absolute;
    z-index: 0;
  }
  .coteCuadroBorde{
    bottom: 35px;
    left: 42px;
  }
  .coteCuadroBorde2{
    top: -300px;
    bottom: 0;
    right: -400px;  
    transform: rotate(105deg);
    animation:moviCualado 10s linear infinite;
  }

  @keyframes moviCualado {
    0%{
      transform: rotate(105deg);
    }
    50%{
      transform: rotate(0deg);
    }
    100%{
      transform: rotate(105deg);
    }
  }

  .cotetitleGeneNosoUS{
    display: flex;
    color: white;
    margin: 0px auto;
    justify-content: center;
    
  }
  .coteLineTitleN{
    display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
  }
  .coteLineTitleN2{
    display: flex;
      flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .lineTitleN,.lineTitleN2{
    border-radius: 50px;
  }
  .lineTitleN{
    height: 2px;
    width:50px;
    background:#f29b36;
    transition: 0.8s ease;
  }
  .lineTitleN2{
    margin-top: 7px;
    height: 2px;
    width:35px;
    background:#f29b36;
    transition: 0.7s ease;
  }
  .coteConteTit{
    font-size: 2rem;
    margin: 45px 15px 41px 15px;
  }
  .coteTextoNosotrosFondo{
    position: absolute;
      bottom: 0;
      font-size: 5rem;
      font-weight: 600;
      line-height: 0.9;
      color: #ffffff61;

  }


  .coteGeneNosoUS:hover .animaLineT{
    animation:reducirWidtCo 1s ease;
  }
  .coteGeneNosoUS:hover .animaLineT2{
    animation:reducirWidtCo2 0.8s ease;
  }
  @keyframes reducirWidtCo{
    0%{
      width: 50px;
    }
    50%{
      width: 40px;
    }
    100%{
      width: 50px;
    }
  }
  @keyframes reducirWidtCo2{
    0%{
      width: 35px;
    }
    50%{
      width: 10px;
    }
    100%{
      width: 35px;
    }
  }
  @keyframes animIconN{
    100%{
      transform: translateX(10px);
    }
  }

  
  .cotesliImg .owl-dots .owl-dot.active span, .cotesliImg .owl-dots .owl-dot:hover span {
      background: #f29b36;
  } 
  .cotesliImg .owl-dots .owl-dot span{
    border-radius: 0px;
  }

  @media (max-width: 991px){
     .coteCuaLadoTex{
      margin: 50px auto;
      padding: 22px;
      width: 86%;
      position: relative; 
      right: 0; 
      bottom:0; 
    }

    .cotesliImg {
      width: 90%;
      margin: 0px auto;
      z-index: 0;
      position: relative;
    }

    .coteConteTit{
      font-size: 2rem;
      margin: 45px 7px 41px 7px;
    }
    .cotesliImg img{
      height: 360px;
      object-fit: cover;
    }


  }






  /*Beneficios*/
.SeccJuBEnefio{
  display: flex;
  justify-content: center;
}
.coteSeccionBEnefi{
  display: grid;
  grid-template-columns: 38fr 25fr 48fr;
  /*height: 500px;*/
  margin: 71px 60px 71px 60px;
  grid-gap: 25px;
  overflow: hidden;
  max-width: 1300px;
}
.cardItemTN{
  height: 51px;
  padding: 10px;
  background: #39393a;
  color: white;
  text-align: center;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  cursor: pointer;
}
.cardItemTN:hover{
  box-shadow: 2px 3px 8px rgb(0,0,0,0.5);
  background: white;
  color: #444444;
  transition: 0.8s!important;
}
.coteCardTExt .numberCard{
  font-size: 2rem;
  font-weight: 600;
  color: #f29b36;
  margin: 0px 0px 10px 0px;
}
.coteCardTExt h3 span{
  font-size: 2.2rem;
  text-align: center;
  display: block;
  margin-bottom: 21px;
}
.coteCardTExt .textCoteCard{
  font-size: 13PX;
  /* font-weight: 600;*/
}

.cotelineaScrTexr{
  margin-bottom: 25px;
}
.titleTScr{
  margin-bottom: 10px;
  font-size: 14px;
}
.lineaPorcent{
  background: none;
  height: 4px;
  width: 100%;
  display: flex;
}
.linerUnit{
  height: 3px;
  width: 100%;
  background: linear-gradient(45deg, #f29b36, #e1ec24);
  /*box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);*/
  
}
.linerUnit2{
  height: 3px;
  /*width: 0%;*/
  background: #f29b36;
  /*box-shadow: 0px 1px 0px rgb(0,0,0,0.5);*/
  
}
.coteSeccionBEnefi:hover .linerUnit{
  animation: lineaRecorCo 2s ease forwards;
}

.cotePorcenTRiangu{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  position: relative;
    top: -6px;
    left: -13px;
    line-height: 0.9;
}
@keyframes lineaRecorCo{
  100%{
    width: 100%;
  }
}
.coteCuad1{
 
}
.coteCuad1 .titleC{
    font-size: 27px;
    margin: 15px;
    font-weight: 600;
    text-align: center;
}
.coteCuad1 .conteniC{
    margin: 15px;
    font-size: 14px;
    text-align: justify;
}
.coteCuad3 h3{
  font-size: 2rem;
  margin-bottom: 54px;
}
.coteCuad3{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.coteCuad1 .videoC{
  /*background-image: url(https://7xtheme.com/shapen/images/video-bg.jpg);*/
    background-size: cover;
    letter-spacing: 4px;
    position: relative;
    text-transform: uppercase;
    padding: 6px 34px;
    font-size: 14px;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 180px;
    color: white;
    cursor: pointer;
}

.videoC:before,.videoC:after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-style: solid;
    border-width: 0; 
    content: "";
    height: 26px;
    position: absolute;
    width: 26px;
}
.videoC:before{
  border-left-width: 2px;
  border-top-width: 2px;
  top:20px;
    left: 20px;
  border-color: white;
  z-index: 1;
}
.videoC:after{
  border-right-width: 2px;
  border-bottom-width: 2px;
  bottom: 20px;
  right: 20px;
  border-color:white;
}
.videoC:hover:before,.videoC:hover:after{
  height:100%;
  width:100%;
}

.videoC .coteButonC{
  background:white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  width: 68px;
}
.videoC .coteBotConte{
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 0;
  width: 100%;
  flex-wrap: wrap;
}
.videoC .coteButonC i{
  font-size: 1.5rem;
  padding: 0px 0px 0px 10px;
  color: black;
}
.videoC .oscurito{
  background: rgb(0,0,0,0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
}



.coteBotConte .rintintinBlur,
.coteBotConte .rintintinBlur:before,
.coteBotConte .rintintinBlur:after {
    position: absolute;
    /*left: 0;*/
    height: 68px;
    width: 68px;
  /*transform: translateX(-50%) translateY(-50%);*/
  /*transform-origin: center center; */
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
    animation: rintintinBlur 3s infinite;
}

.coteBotConte .rintintinBlur:before {
    animation-delay: .9s;
    content: "";
    position: absolute;

}

.coteBotConte .rintintinBlur:after {
    animation-delay: .6s;
    content: "";
    position: absolute;

}
@keyframes rintintinBlur {
    70% {
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@media (max-width: 991px) {
  .coteSeccionBEnefi{
    grid-template-columns: 1fr 1fr;
  }
  .videoC .coteBotConte{
    flex-direction: column;
        
  }
  .videoC .coteBotConte p{
    margin-top: 20px;
    margin-bottom: 0;
  }
  .coteCuad3 h3{
    text-align: center;
    margin: 30px 0px;
  }
  .coteSeccionBEnefi {
    margin: 35px 10px 35px 10px;
  }
  .coteCuad3{
    grid-column: 1 / 3;
    grid-row: 2;
    margin: 10px 68px;
  }
}
@media (max-width: 620px){
    .coteSeccionBEnefi{
      grid-template-columns: 1fr;
    }
    .coteCuad3{
      grid-column: 1/-1;
      grid-row: 2;
      margin: 10px 14px;
    }
    .coteCuad1{
      text-align: center;
    }
    .coteCuad1 .conteniC{
      margin: 25px 15px;
      font-size: 14px;
    }
    
}
/**/

/*CONTACTO*/
.coteGeneContac{
    /*background-image: url(https://7xtheme.com/shapen/images/background/bg-1.jpg);*/
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0px;
    text-align: center;
    color: black;
    position: relative;
    height: 340px;
  }
  .coteGeneContac:before{
    content: "";
    background: rgba(242, 155, 54, 0.75);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; 
    box-shadow: inset 0px 1px 10px 2px rgb(0,0,0,0.5);  
  }
  .coteGeneContac .titleCo{
    font-size: 1.5rem;
    margin: 15px 0px;
  }
  .coteGeneContac .numeroCo{
    font-size: 2.5rem;
    margin: 11px 0px;
  }
  .coteConTac{
    z-index: 0;
    font-size: 1.2rem;
  }
  .coteGeneContac .btnLiE{
    background:#444444;
  }
  .btnLiE:before{
    border-color: #444444;
  }
  .btnLiE:after{
    border-color: #444444;
  }
  .coteGeneContac .btnLiE{
    margin-top: 16px;
  }
  @media (max-width: 991px){
    .coteGeneContac .numeroCo {
      font-size: 1.7rem;
    }
  }
/**/





  /*Clientes*/
  .coteGeneClient{
    /*background-image: url(https://7xtheme.com/shapen/images/background/bg6.jpg);*/
    background-size: cover;
    box-shadow: 0px -5px 7px 0px rgb(0,0,0,0.1);
    padding: 0px 0px 75px 0px;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  .coteGeneClient .coteTitle{
    display: flex;
    justify-content: center;
  }
  /*.coteSLiClientT{
    display: flex;
    justify-content: center;

  }*/
  .coteGeneClient .coteTitle .title{
    font-size: 1.9rem;
    padding: 50px 20px 50px 20px;
  }
  .sliClientT{
    width: 100%;
  }
  /*.coteimgClient {
    margin:10px 10px;
    /*border-radius: 50%;*/
    /*box-shadow: 0px 3px 10px 1px rgba(50,50,50,.16);*/
    /*padding: 19px 16px;
    display: flex;
    align-items: center;
  }*/
  .coteimgClient img{
      /*width: 113px !important;*/
      /*height: 113px;*/
      /*border-radius: 50%;
      object-fit: cover;*/
      margin: auto;
      width: 100%;
  }

  .coteGeneClient:hover .animaLineClien{
    animation:reducirWidtCo 1s ease;
  }
  .coteGeneClient:hover .animaLineClien2{
    animation:reducirWidtCo2 0.8s ease;
  }
  /**/

  .coteCuaLadoTex strong{
     
  }
   .coteCuaLadoTex p{
    font-size: 14px;
    text-align: justify;
  }




  /*project*/
    .coteGeneProjec{
    /*position: relative;*/
  }
  .coteGeneProjec .itemImgProj{
    position: relative;
    box-shadow: 6px 4px 10px 0px rgb(0,0,0,0.5);
  }
  .coteGeneProjec .itemImgProj .befoItemCOntePRo{
    background: rgb(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    transition: 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 25px 3px 25px;
    text-align: justify;
    flex-direction: column;
    opacity: 0;
  }
  .coteGeneProjec .itemImgProj:hover .befoItemCOntePRo{
    /*height: 100%;*/
    opacity: 1;
  }

  .itemImgProj:before,
  .itemImgProj:after {
    content: "";
    position: absolute;
    background-color: white;
    z-index: 1;
    opacity: 0;
    top: 20px;
    right: 20px;
  }

  .itemImgProj:before {
    width: 59px;
    height: 1px;
  }

  .itemImgProj:after {
    height: 0px;
    width: 1px;
  }
  .itemImgProj:hover:before,
  .itemImgProj:hover:after{
    opacity: 1;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
    transition: 0.5s ease;
  }

  .itemImgProj:hover:before{
    width: 40px;
  }
  .itemImgProj:hover:after{
    height: 40px;
  }
  /*PROYECTOS*/
 .SeccGEnePRoject{
    padding: 50px 0px 0px 0px;
    display: flex;
    justify-content: center;
  }
  .SeccGEnePRoject .maxWME{
    width: 1300px;
  }
  .SeccGEnePRoject .coteLineTEGEn{
    display: flex;
    align-items: center;
    justify-content: center;
    
  }
  .SeccGEnePRoject .title{
    font-size: 2rem;
    margin: 0px 15px 0px 15px;
  }
  .coteGeneProjec{
    display: grid;
    /*grid-template-columns: 1fr 3fr;*/
    grid-template-columns: 2fr;
    justify-content: center;
    
    grid-gap: 32px;
    
    margin-top: 34px;
  }
  .coteGeneProjec .divi3ColsNew{
    display: grid;
    /*grid-template-columns: repeat(3,1fr);*/
    grid-template-columns: repeat(2,2fr);
    justify-content: center;
    
    grid-gap: 32px;
    /*grid-auto-rows: 318px;*/
  }
  .coteGeneProjec > .itemImgProj {
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0px 0px 7px 3px rgb(0,0,0,0.3);
  }
  .coteGeneProjec .opciProjec{
    background: rgb(117, 117, 117, 0.1);
    padding: 15px 0px 15px 0px;
    display: flex;
    overflow: auto !important;
    /*font-weight: 600;*/
    height: 318px;
  }
 
  .coteGeneProjec .opciProjec ul{
    padding: 0;
    list-style: none;
  }
  .coteGeneProjec .opciProjec ul li{
    padding: 5px 0px;
    color: #444444;
    cursor: pointer;
    font-size: 18px;
    /*text-shadow: 1px 10px 9px rgba(0, 0, 0, 0.41);*/
    transition: 0.4s;
    text-transform: uppercase;
  }
  .coteGeneProjec .opciProjec ul li:hover{
    color: #444444;
  }
  .coteGeneProjec img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }


  .SeccGEnePRoject:hover .aniGenePro{
    animation:reducirWidtCo 1s ease;
  }
  .SeccGEnePRoject:hover .aniGenePro2{
    animation:reducirWidtCo2 0.8s ease;
  }
  .refeEspaPRoyeCu{
      margin:auto;
      text-align: center;
  }
  .refeEspaPRoyeCu span{
      font-size: 1.6rem;
      color: #f29b36;
      margin:10px 0px;
      font-weight: 600;
  }

  @media (max-width: 991px){
    .coteGeneProjec {
      grid-template-columns: 1fr 2fr;
    }
     .coteGeneProjec .opciProjec{
      padding: 0;
    }
    .titulo_proyect {
        font-size: 18px;
    }
    .coteGeneProjec .divi3ColsNew {
      grid-template-columns: repeat(2,1fr);
    }
    .SeccGEnePRoject .title {
        font-size: 25px;
    }
  }
  @media (max-width: 708px) {
    .coteGeneProjec {
      grid-template-columns: 1fr;
    }
    .coteGeneProjec .divi3ColsNew {
      grid-template-columns: repeat(1,1fr);
    }
  }
/*fin proyect*/


/*sucribir*/
  .flexiwelf{
    display: flex;
    justify-content: center;
  }
  .geneSuscribir{
    display: grid;
    grid-template-columns: 2fr 2fr;
    justify-content: center;
    align-items: center;
    background: #fbad0d;
    padding: 28px 28px;
    position: relative;
    bottom: -37px;
    z-index: 1;
    margin: 0px 50px;
    grid-gap: 15px;
    max-width: 1300px;

  }
  .geneSuscribir .titleS{
    font-size: 1.5rem;
    color: #fff4b3;
  }
  .geneSuscribir .textS{
    color: white;
  }
  .geneSuscribir .coteico{
    width: 50px;
    height: 50px;
    background: #1a1a1a;
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 0px;
    margin:0 auto;
  }
  .geneSuscribir .secci1S{
    padding: 2px 8px;
  }
  .geneSuscribir .secci2S{
    display: flex;

  }
  .geneSuscribir .secci2S input{
    border-radius: 0;
    background: #ffffff;
    border: 0;
    height: 50px;
    margin:0 10px 
  }
  @media (max-width: 991px){
    .geneSuscribir{
       grid-template-columns: 1fr;
        margin: 0px 30px
    }
    
  }
  @media (max-width: 500px){
    .geneSuscribir{
      grid-template-columns: 1fr;
      margin: 0px 15px
    }
    .geneSuscribir .secci2S{
      flex-wrap: wrap;
    }
    .geneSuscribir .coteico{
      margin-top: 15px;
    }
  }
  /*fin suscribir*/



  /*VIDEO*/
    #mostrarVIdeoMOd .modifipavideo{
    padding: 0;
    margin:0;
  }
  #mostrarVIdeoMOd .closeDenVideo{
    position: absolute;
    top: 3px;
    width: 100%;
    z-index: 1;
    right: 8px;
  }
  #mostrarVIdeoMOd .modal-content{
    position: relative;
    border: 0px solid rgba(0,0,0,.2);
    background: transparent;
  }
  #mostrarVIdeoMOd .close {
      float: right;
      font-size: 2.2rem;
      font-weight: 700;
      line-height: 1;
      color: white;
      text-shadow: 0 0px 0 #fff;
      opacity: 1;
    }
/***********/
.titulo_proyect{
  font-size: 25px;
  text-align: center;
}
.btn_masinfo{
    padding: 10px;
    background: #f29b36;
    margin-top: 10px;
}
.btn_masinfo:hover{
    background: #000;
}
/***************************************/
.section_obras{
  padding: 50px 0px 70px 0px;
}
.contenedor_obra {
    position: relative;
    box-shadow: 6px 4px 10px 0px rgb(0,0,0,0.5);
}
.contenedor_obra:before {
    width: 59px;
    height: 1px;
}
.contenedor_obra:before, .contenedor_obra:after {
    content: "";
    position: absolute;
    background-color: white;
    z-index: 1;
    opacity: 0;
    top: 20px;
    right: 20px;
}
.contenedor_obra:hover .obra_titulos {
    /* height: 100%; */
    opacity: 1;
}
.contenedor_obra .obra_titulos {
    background: rgb(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    transition: 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 25px 3px 25px;
    text-align: justify;
    flex-direction: column;
    opacity: 0;
}
.contenedor_obra img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
/**************/
.coteimgConte:hover .fotoscate .owl-prev{
  position: absolute;
  top: 50%;
  background: #f29b367a !important;
  transform: translate(0,-50%);
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  line-height: 15px;
  left: 0px;
}
.coteimgConte:hover .fotoscate .owl-next{
  position: absolute;
  top: 50%;
  background: #f29b367a !important;
  transform: translate(0,-50%);
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  line-height: 15px;
  right: 0px;
}
.coteimgConte:hover .fotoscate .owl-prev:hover{
  background: #f29b36;
}
.coteimgConte:hover .fotoscate .owl-next:hover{
  background: #f29b36;
}