.page-servicios .box.br-red{
    display: block;
  position: relative;
  padding: 10%;
  overflow: hidden;
  min-height: 420px;
  background-size: cover !important;
  text-decoration: none;
}

.page-servicios .item-1 .box.br-red {
   background: url('../img/servicio-seguridad.jpg') no-repeat;
}
.page-servicios .item-2 .box.br-red {
   background: url('../img/servicio-software.jpg') no-repeat;
}

.page-servicios .item-3 .box.br-red {
   background: url('../img/servicio-design22.png') no-repeat;
}


.page-servicios .boxin{
     width: 50%;
     margin:10%  auto;
     color: #fff;
     top:-130%;
     transition: all 1s ease-in-out;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     -ms-transition: all 1s ease-in-out;
}
.page-servicios .boxin .text{
   padding: 5%;
}

.page-servicios .prueba .boxin{
    top: 0px;
    transform: translate(0px,0);
    -webkit-transform: translate(0px,0);
    -moz-transform: translate(0px,0);
    -o-transform: translate(0px,0);
    -ms-transform: translate(0px,0);
}

.page-servicios .bg-service{
    display: block;
    overflow: hidden;
    background:url('../img/bg-servicios2.png') no-repeat;
    margin: 25px auto;
}

.page-servicios .item-1 .bg-service{
    background-position: -4px -353px; width: 124px; height: 166px;
}

.page-servicios .item-2 .bg-service{
    background-position: -4px -183px; width: 154px; height: 166px;
}

.page-servicios .item-3 .bg-service{
    background-position: -4px -0px; width: 192px; height: 179px;
}
.page-servicios .wrapper-gral{
    margin-bottom: 100px;
    clear: both;
}

.page-servicios .img-clone {
    transition: background-color 1000ms linear;
    background-blend-mode: color-burn;
    background-size: cover !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: -100%;
    width: 100%;
    z-index: 1;
}
.page-servicios .box.br-red:hover .img-clone {
   background:rgba(0,0,0,0.8);
}

.page-servicios .col-md-6:hover .img-clone{
    top: 0;
}

.page-servicios.all .wrapper-gral .col-md-6{
    opacity: 0;
}

.page-sw .item10.mt-5.container.item{
  margin-top: 170px;
}

.item10.mt-5.container.item .logotop{
  margin-top: 80px;
}

.page-servicios.all .h480{
  display: none!important;
  color: #000;
  padding-bottom: 5px;
}

.page-servicios.all .box.br-red:hover h3{
    color: #c50424;
  }

.page-servicios.all .wr1, .page-servicios.all .wr2 {
      display: inline-block;
      vertical-align: middle;
  }

  .page-servicios.all .wr1{
    margin-right: 20px;
  }

.page-servicios.all .portfolio-mb{
  display: none;
  margin-bottom: 56px;
}