/*
==========================================================================
	SERVICIOS / SERVICIOS :: PROTECTO ELITE by: KUBIK;
==========================================================================
*/

#slide-formulario-container{  display:block; width:100%; height:100%; position:relative; }
#slideshow{ width:100%; height:100%; display:block; position:relative; /*z-index:50;*/}
#slideshow .item{   width:100%;  height:600px;display: inline;}
#slideshow .item .slide{ width:100%; height:100%;  background-size:cover; background-position:top center; background-repeat:no-repeat;}
.owl-controls {display: none;}
#slideshow #slide1{background:url(../images/slideshow/banner-ervicios.png)top center no-repeat;height: 135%; width: 100%; position: absolute; top: 0%;    background-size: contain;    background-color: #000;}
/* #slideshow .item #slide4{background:url(../images/banners/contacto/banner4.png)top center no-repeat;height: 200%; width: 100%; position: absolute; top: 0%;    background-size: contain;} */
#slideshow .item .slide-sm, #slideshow .item .slide-xs{display:block;width:100%;height:auto;}
#slideshow .item .slide-sm img, #slideshow .item .slide-xs img{width:100%;height:auto;}
#slide-formulario-container #slideshow{position:relative;top:0;left:0;width:100%;z-index:1;}
.form-slider{position: absolute; right: 20%; width: 100%; max-width: 380px; display: inline-block;z-index:2;}
#slide-instalaciones{position:relative;}
.owl-dots{display: none !important;}


.position-title{position: absolute; bottom: 0; color: #fff; padding-left: 17%; margin-bottom: 0px; left: 0; letter-spacing: -3px; font-weight: 600; }



/*ETIQUETA TITULOS*/
.title-content-services{background-color:#e5e8ee; width: 100%; display: inline-block;}
.title-content-services h2{background: #000000; color: #fff; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px;font-family: 'Nunito Sans', sans-serif;font-weight: 300;}
.arrowRight{position: relative; background: #001a5a; border: solid 0px #001a5a; float: left;}
.arrowRight:before, .arrowRight:after {top: -1px; content: " "; position: absolute; display: block; width: 30%; height: 0; right: 0px; border-top: 80px solid #fff; border-left: 90px solid transparent;}
.title-services{color: #000;font-size: 16px;font-weight: 500;font-family: 'Nunito Sans', sans-serif;}

.title-content-tabla{background-color:#e5e8ee; width: 100%; display: inline-block;}
.title-content-tabla h2{background: #be0613; color: #fff; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px;font-family: 'Nunito Sans', sans-serif;font-weight: 300;}
.arrowRight3{position: relative; background: #001a5a; border: solid 0px #001a5a; float: left;}
.arrowRight3:before, .arrowRight3:after {top: -1px; content: " "; position: absolute; display: block; width: 30%; height: 0; right: 0px; border-top: 80px solid #fff; border-left: 90px solid transparent;}


/* ==|====================
   Layout/COMO FUNCIONA
   ======================= */
.funciona{width: 100%; display: inline-block; position: relative;}
.content .puntos .data { list-style: none; color: #fff; font-size: 18px; font-weight: 300; line-height: 25px; float: left; padding: 0; margin: 10px 0 0; }
.content .pasos .data h2{font-weight: 400;font-size: 28px;font-family: 'Nunito Sans', sans-serif;}
.content .pasos .data h3{font-weight: 700; font-size: 60px; font-family: 'Montserrat', sans-serif; color: #000;margin-top: -9px;}
.content .pasos .data p{font-size: 18px; font-weight: 300; margin-bottom: 40px;font-family: 'Nunito Sans', sans-serif;}


.elemento-list{list-style: none; width: 85%; display: inline-block; padding-right: 0%;font-family: 'Nunito Sans', sans-serif;color: #fff;}
.back-blue{background-color: #132059;height: 200px;}
.arrowRight2:before, .arrowRight2:after {top: -1px; content: " "; position: absolute; display: block; width: 35%; height: 0; right: 0px; border-top: 202px solid #be0613; border-left: 0px solid transparent; z-index: 0; }
.monitoreo-image{width: 100%; display: inline-block; position: absolute; top: -20px; max-width: 400px; z-index: 9;}
.text-service{list-style: none; width: 100%; display: inline-block; padding-right: 0%; font-family: 'Nunito Sans', sans-serif; color: #000; max-width: 900px; text-align: justify; margin-bottom: 8%; margin-top: 8%;font-size: 26px; }

.content-descrip{top: 0px; width: 95%;padding: 30px 0px;}
.title-monitoreo{color: #fff; font-size: 28px; height: 90px;}
.descrip-mon{color: #fff; font-size: 18px}


/* CUSTOM TABLE */
.clearfix.whitespace{height:60px;display:block;width:100%;}
.tbl {color:#3a3a3a;font-size:21px;margin-bottom: 5%;}
.row.row-non{background:#e9eaeb;}
.row.row-par{background:#fff;}
.bloque-stroke{border-left:3px solid #fff;}
.add-padding{padding:15px 0;font-size: 18px;} 
.desc{font-size: 24px;font-weight: 400;}
.blue-txt{color:#be0613;}
h4.title{color:#16afca;font-size:21px;font-weight:600;}
.xs-labels{display:none;}

.text-title-table{font-size: 20px;}
.data{padding-left: 17%;}



.seccion-objetivo {
  background-image: url("../img/layout/objetivo.jpg");
  background-attachment: initial;
  background-position: center center;
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; }

#eco-1{
    z-index: 0;
  }
#eco-2{
    z-index: 0;
  }
#eco-3{
    z-index: 0;
  }
.blue-block:hover #eco-1{opacity: 0.1;}
.blue-block:hover #eco-2{opacity: 0.1;}
.blue-block:hover #eco-3{opacity: 0.1;}


.reto-bienvenida { padding: 20px 10px 0px; }
.reto-bienvenida .titulo-bienvenida {  float: left; }
.reto-bienvenida .titulo-bienvenida h1 {
        color: #000000;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        margin: 0; }
.reto-bienvenida .titulo-bienvenida .line {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1663cc+0,5f1ba2+100 */
        background: #1663cc;
        /* Old browsers */
        background: -moz-linear-gradient(left, #1663cc 0%, #5f1ba2 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #1663cc 0%, #5f1ba2 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #1663cc 0%, #5f1ba2 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1663cc', endColorstr='#5f1ba2',GradientType=1 );
        /* IE6-9 */
        width: 100px;
        display: inline-block;
        position: relative;
        height: 5px;
        float: left;
        margin-top: 5px; }
.reto-bienvenida .texto-bienvenida {
      display: inline-block;
      position: relative;
      width: 100%;
      padding-top: 20px;
      padding-bottom: 30px; }
.reto-bienvenida .texto-bienvenida .info {
        float: left;
        display: inline-block;
        font-weight: 500;
        color: #5f6264;
        text-align: justify;
        font-family: "Roboto", sans-serif;
        padding-top: 10px; }
.contenido-objetivos {
   /* background: rgba(105, 105, 105, 0.8);
    height: 300px;*/
    display: inline-block;
    position: relative;
    width: 100%; }
.objetivo {
    margin-bottom: 0px;
    padding: 0px; }
.blue-block {
    overflow: hidden;
    position: relative;
    /*min-height: 300px;*/ }
.blue-block .conttext-hover {
      width: 100%;
      position: absolute;
      top: -1px; left: 0;}
.blue-block:hover .conttext-hover {
  width: 94%;
  position: absolute;
  top: -1px; 
  left: 17px;
  background-color: #132059; 
  height: 100%; 
  display: inline-block;}
.blue-block .conttext-hover .gasper {
        -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;
        opacity: 0;
        color: transparent;
        max-width: 100%;
        font-weight: 100;
        margin: 0 auto;
        line-height: 1.5;
        font-size: 16px; }
.blue-block .conttext-hover .gasper .titulo {
          height: 80px;
          color: #ffffff; }
.blue-block .conttext-hover .gasper .titulo h3 {
            font-family: "Roboto", sans-serif;
            font-weight: 600;
            font-size: 24px;
            padding: 0px;
            margin:  90px 0px 0px; }
.blue-block .conttext-hover .gasper .dsc-gasper {
          font-weight: 400;
          padding-right: 25px;
          padding-left: 25px;
          text-align: center;
          z-index: 9;
          font-size: 14px; }
.blue-block .conttext-hover .gasper .dsc-gasper li {
            text-align: left;
            font-size: 12px; }
.blue-block:hover {  /*background-color: #132059;*/ }
.blue-block:hover > .hvr-float {
      -webkit-transform: translateY(-950px);
      transform: translateY(-950px);
      background-color: transparent; }
.blue-block:hover > .conttext-hover .gasper {
      opacity: 1;
      color: #ffffff; }
.hvr-float {
    background-color: transparent;
    width: 100%;
    min-height: 300px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;     position: absolute;
    top: 10%;
    left: 0%;}
.hvr-float .postimg-serv {
  display: inline-block;
  position: relative;
  min-height: 300px;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 35px; }
.hvr-float .postimg-serv .titulo { height: 80px; color: #ffffff; }
.hvr-float .postimg-serv .titulo h3 {
  padding: 0px;
  margin: 0px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 24px; }
.hvr-float .postimg-serv img { max-width: 260px; }


/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (max-width: 1600px){
  .title-monitoreo { font-size: 20px; height: 80px; }
  .descrip-mon{font-size: 16px;}

  .blue-block .conttext-hover .gasper .titulo h3{margin: 80px 0px 0px;}
}

@media screen and (max-width: 1440px){
  /*.position-title{ font-size: 70px;height: 65px; }*/
  /*.title-content-services h2{font-size: 38px;}
  .title-content-tabla h2{font-size: 38px;}*/
  .icon-images{max-width: 80px;}
  .icon-images3{max-width: 50px;}
  .icon-images2{max-width: 50px;}
  .content-descrip{padding: 30px 0px;}
  .title-monitoreo { font-size: 20px; height: 70px; }
  .descrip-mon { font-size: 14px; }
  .arrowRight2:before, .arrowRight2:after{width: 37%;}
  /*.position-title { font-size: 70px; height: 65px; }*/
  .text-service{margin-bottom: 6%;}

  .hvr-float .postimg-serv .titulo h3{font-size: 22px;}
  .hvr-float .postimg-serv .icon-images { max-width: 230px; }
  .hvr-float .postimg-serv  .icon-images2{ max-width: 90px; }
  .hvr-float .postimg-serv  .icon-images3{ max-width: 90px; }
  .hvr-float .postimg-serv{padding-top: 30px;}
  .blue-block .conttext-hover .gasper .titulo h3 { margin: 60px 0px 0px; }
}
@media screen and (max-width: 1360px){
 /* .title-content-services h2 { font-size: 28px; }
  .title-content-tabla h2{ font-size: 28px; }*/
  /*.position-title { font-size: 60px; height: 57px; }*/
  /*.desc{font-size: 20px;}*/
  /*.text-service{font-size: 24px;}*/
  .text-title-table { font-size: 18px; }
  /*.text-service{margin-bottom: 5%;max-width: 740px;    font-size: 20px;}*/
}

@media screen and (max-width: 1280px){
  .icon-images3 { max-width: 40px; }
  .icon-images { max-width: 70px; }
  .icon-images2 { max-width: 40px; }
  /*.elemento-list{font-size: 26px;}*/
  .arrowRight2:before, .arrowRight2:after { width: 36%; border-top: 193px solid #be0613; }
  #topNav{padding: 0px;}
  .back-blue{height: 190px;}
  /*.position-title { font-size: 60px; height: 55px; }
  .position-title { font-size: 60px; height: 55px; }*/

  .blue-block .conttext-hover .gasper .titulo h3 { margin: 40px 0px 0px; font-size: 20px;}
  .hvr-float .postimg-serv{padding-top:10px;}

}
@media screen and (max-width: 1199px){
  .title-monitoreo { font-size: 18px;}
  .descrip-mon{font-size: 12px;}
  .content-descrip { padding: 20px 0px; }
  /*.text-service { font-size: 20px; max-width: 750px; }*/
  .data{padding-left: 0px;}
}


@media screen and (max-width: 1080px){
  .icon-images { max-width: 60px; }
  .icon-images2 { max-width: 30px; }
  .icon-images3 { max-width: 30px; }
  .title-monitoreo { font-size: 14px; }
  .monitoreo-image{max-width: 360px;}
  .arrowRight2:before, .arrowRight2:after { width: 29%; border-top: 191px solid #be0613; }
}

@media screen and (max-width: 991px){
  .text-title-table { font-size: 12px; }
  .tbl .container{ max-width: 750px; }
  .content-responsive-monitoreo{margin-bottom: 7%;}
  .icon-images2 { max-width: 50px; }
  .icon-images3 { max-width: 50px; }
  .icon-images { max-width: 80px; }
  .title-monitoreo { font-size: 18px; padding-top: 20px; height: 80px; }
  .descrip-mon { font-size: 14px; }
  .elemento-list{width: 100%;font-size: 26px;padding-left: 5px;}
  .data{padding-left: 0px;padding-top: 20px; padding-bottom: 20px;}
  .monitoreo-image { max-width: 280px; }
  .arrowRight2:before, .arrowRight2:after { width: 33%; border-top: 131px solid #be0613; border-left: 0px solid transparent; }
  /*.text-service { max-width: 620px; font-size: 17px; }*/
  .arrowRight:before, .arrowRight:after{width: 25%;}
  /*.title-content-services h2{font-size: 32px;}
  .title-content-tabla h2{font-size: 32px;}*/
  .desc { font-size: 16px; }
  .back-blue { height: 130px; }
  .text-service{font-size: 23.8px;margin-bottom: 8%;}


  .blue-block .conttext-hover .gasper .titulo h3 { margin: 60px 0px 0px;}
  .hvr-float .postimg-serv { padding-top: 30px; }
  .blue-block{margin-bottom: 5%;}
}

@media screen and (max-width: 880px){ 
  .icon-images2 { max-width: 200px; }
  .icon-images3 { max-width: 80px; }
  .icon-images { max-width: 70px; }
  .descrip-mon { font-size: 12px; }
  .blue-block .conttext-hover .gasper .titulo { height: 60px;}
  .blue-block .conttext-hover .gasper .titulo h3 { margin: 40px 0px 0px; }
  .hvr-float .postimg-serv { padding-top: 10px; }
}

@media screen and (max-width: 767px){ 
  .support{text-align:center;}
  .row-head{display:none;}
  .row.row-non{border-bottom:3px solid #999;}
  .row.row-par{border-bottom:3px solid #999;}
  .add-padding{padding:20px;}
  .row.row-non .add-padding{border-bottom:3px solid #fff;}
  .row.row-par .add-padding{border-bottom:3px solid #eaf4ff;}
  .row.row-par .bloque-stroke{border-left-color:#fff;}
  .row.row-par .bloque-stroke{border-left-color:#eaf4ff;}
  .xs-labels{display:inline-block; font-size: 16px;}
  .desc { font-size: 16px; }
  .bloque-stroke{width:50%;padding:20px;display:contents;}
  .bloque-stroke i.fa-check.blue-txt{margin-left:10px;display:inline-block; }
  .tbl .container{ max-width: 100%; }

  .icon-images2 { max-width: 60px; margin-top: 30px; }
  .icon-images { max-width: 80px; margin-top: 30px;}
  .icon-images3 { max-width: 50px;  margin-top: 30px;}
  .title-monitoreo { font-size: 30px; padding-top: 35px; height: 140px; }
  .descrip-mon { font-size: 22px; }
  .arrowRight2:before, .arrowRight2:after { display: none;}
  .elemento-list { padding-right: 13%; text-align: center; padding-left: 13%; }
  .monitoreo-image{position: relative;}
  #backoffice-bg {text-align: center;}
  .text-service { max-width: 100%; font-size: 20px;line-height: 24px; margin-top: 15%; margin-bottom: 15%;}
  .arrowRight:before, .arrowRight:after{width: 27%;}
  /*.title-content-services h2{font-size: 26px;}
  .title-content-tabla h2{font-size: 26px;}*/
  .arrowRight3:before, .arrowRight3:after{width: 25%;}
  .back-blue { height: 360px; }
  .monitoreo-image { max-width: 340px;top: 0px;position: relative; }
  #backoffice-bg{padding: 0px;}


  .hvr-float .postimg-serv { padding-top: 60px; }
  .blue-block .conttext-hover .gasper .titulo h3 { margin: 120px 0px 0px; }
  .hvr-float .postimg-serv .titulo h3 { font-size: 30px; }
  .hvr-float .postimg-serv .icon-images { max-width: 260px; }
  .hvr-float .postimg-serv .icon-images2 { max-width: 130px; }
  .hvr-float .postimg-serv .icon-images3 { max-width: 130px; }
}
@media screen and (max-width: 700px){
  .title-monitoreo { font-size: 24px; padding-top: 30px; height: 100px; }
  .descrip-mon { font-size: 18px; }
  /*.position-title { font-size: 40px; height: 37px; }*/
  .arrowRight:before, .arrowRight:after{display: none;}
  .arrowRight3:before, .arrowRight3:after{display: none;}

}
@media screen and (max-width: 640px){
  .xs-labels{font-size: 14px;}
  .bloque-stroke i.fa-check.blue-txt { margin-left: 5px;font-size: 16px; }
  .desc { font-size: 16px; }
  .desc br{display: none;}
  .add-padding { padding: 20px 10px; }
}

@media screen and (max-width: 600px){
  /*.title-content-services h2{font-size: 20px;}
  .title-content-tabla h2{font-size: 20px;}*/
}
@media screen and (max-width: 575px){
  .icon-images{margin-top: 0px;}
  .icon-images2{margin-top: 0px;}
  .icon-images3{margin-top: 0px;}
  .title-monitoreo { font-size: 18px; }
  .descrip-mon { font-size: 14px; }
  .header-secciones img{height: 160px;}
  /*.text-service { font-size: 15px; line-height: 24px; }*/


   .hvr-float .postimg-serv { padding-top: 50px; }
  .blue-block .conttext-hover .gasper .titulo h3 { margin: 80px 0px 0px; }
  .hvr-float .postimg-serv .titulo h3 { font-size: 24px; }
  .hvr-float .postimg-serv .icon-images { max-width: 260px; }
  .hvr-float .postimg-serv .icon-images2 { max-width: 130px; }
  .hvr-float .postimg-serv .icon-images3 { max-width: 130px; }

}
@media screen and (max-width: 500px){
  .icon-images2 { max-width: 50px; }
  .icon-images { max-width: 70px; }
  .title-monitoreo { font-size: 16px; }
  .descrip-mon { font-size: 14px; }
  .icon-images3 { max-width: 40px; }
  .position-title { padding-left: 5%; }
  .monitoreo-image { max-width: 260px;}
}
@media screen and (max-width: 480px){
  .elemento-list { padding-right: 10%; padding-left: 10%; }


  .hvr-float .postimg-serv .titulo h3 { font-size: 18px; }
  .hvr-float .postimg-serv { padding-top: 20px; }
  .blue-block .conttext-hover .gasper .titulo h3 { margin: 50px 0px 0px; }
  .hvr-float .postimg-serv .icon-images { max-width: 240px; }
  .hvr-float .postimg-serv .icon-images2 { max-width: 100px; }
  .hvr-float .postimg-serv .icon-images3 { max-width: 100px; }
}
@media screen and (max-width: 448px){
  .title-monitoreo{height: 80px;padding-top: 10px;}
  .title-monitoreo { height: 60px; }
  .elemento-list { padding-right: 4%; padding-left: 4%; }
  .back-blue { height: 300px; }

  .descrip-mon br{display: none;}
}

@media screen and (max-width: 360px){
  .elemento-list { padding-right: 4%; padding-left: 4%; font-size: 20px; }
  .title-monitoreo { height: 45px; font-size: 14px; }
  .descrip-mon { font-size: 11px; }



  .blue-block .conttext-hover .gasper .titulo h3 { margin: 30px 0px 0px; }
  .descrip-mon { font-size: 13px; }
  .hvr-float .postimg-serv .icon-images { max-width: 200px; }
  .hvr-float .postimg-serv .icon-images2 { max-width: 70px; }
  .hvr-float .postimg-serv .icon-images3 { max-width: 70px; }
  .blue-block:hover .conttext-hover { width: 91%; }
}


@media screen and (max-width: 320px){
    .blue-block:hover .conttext-hover { width: 90%; }
}