/*
==========================================================================
  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: 25%; 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: 21%; 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; font-size: 30px; padding-right: 10%;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: 50%; height: 0; right: 0px; border-top: 201px solid #be0613; border-left: 0px solid transparent; z-index: 0;}
.monitoreo-image{width: 100%; display: inline-block; position: absolute; top: -20px; max-width: 240px; 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: 25px; }

.content-descrip{top: 0px; width: 95%;padding: 30px 0px;}
.title-monitoreo{color: #fff; font-size: 28px; height: 110px;}
.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%;margin-top: 5%;}
.row.row-non{background:#e9eaeb;}
.row.row-par{background:#fff;}
.bloque-stroke{/*border-left:3px solid #fff;*/}
.add-padding{padding:12px 0;font-size: 20px;} 
.desc{ font-weight: 400; margin-bottom: 20px;}
.title-res{font-size: 40px; font-weight: 400; margin-bottom: 25px; padding-left: 12px; color: #000; margin-top: 30px; }
.blue-txt{color: #be0613; top: 15px; position: absolute; font-size: 26px;}
h4.title{color:#16afca;font-size:21px;font-weight:600;}
.xs-labels{display:none;}
.inner{padding-left: 30px;}
.text-title-table{font-size: 20px;}
.back-gray-tabla{background: #e9eaeb;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

@media screen and (max-width: 1700px){

}

@media screen and (max-width: 1600px){
  .title-monitoreo { font-size: 20px; height: 80px; }
  .descrip-mon{font-size: 16px;}
  .blue-txt{font-size: 24px;}
  .desc { font-size: 26px; margin-bottom: 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: 20px 0px;}
  .title-monitoreo { font-size: 18px; height: 70px; }
  .descrip-mon { font-size: 14px; }
  /*.arrowRight2:before, .arrowRight2:after{width: 37%;}*/
  /*.position-title { font-size: 70px; height: 65px; }*/
  .desc { font-size: 24px;  margin-bottom: 10px; }
  /*.desc { font-size: 22px; margin-bottom: 5px; }*/
  .title-res {margin-bottom: 0px; font-size: 36px;}
}
@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; }*/
  .text-service { font-size: 24px; }
  .arrowRight:before, .arrowRight:after{width: 23%;}
}

@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: 24px;}
  /*.arrowRight2:before, .arrowRight2:after { width: 36%;    border-top: 187px solid #be0613; }*/
  /*.position-title { font-size: 60px; height: 55px; }
  .position-title { font-size: 60px; height: 55px; }*/
  #topNav{padding: 0px;}
  .desc { font-size: 18px;margin-bottom: 0px;}
  .text-service{margin-bottom: 5%;}
}


@media screen and (max-width: 1199px){
  .title-monitoreo { font-size: 16px;}
  .descrip-mon{font-size: 12px;}
  .text-service { font-size: 20px; max-width: 750px; }
  .arrowRight:before, .arrowRight:after { width: 26%; }
}

@media screen and (max-width: 1180px){
  .mainMenuBtn { font-size: 14px; }
  .tbl{padding-bottom: 5%; margin-bottom: 0%}
  .title-res{font-size: 30px;margin-top: 10px;}

}

@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;}
  .back-blue{height: 180px;}
  .arrowRight2:before, .arrowRight2:after{ border-top: 181px solid #be0613;}
  .inner { padding-left: 20px; }
  .arrowRight3:before, .arrowRight3:after{width: 15%;}
}

@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%;}
  .data{padding-left: 0px;padding-top: 20px; padding-bottom: 20px;}
  .monitoreo-image { max-width: 200px; }
  .back-blue { height: 150px; }
  .arrowRight2:before, .arrowRight2:after { border-top: 151px solid #be0613; }
  .text-service { max-width: 620px; font-size: 17px; }
  .image-smart{max-width: 660px;}
  .desc { font-size: 16px; }
  .blue-txt { font-size: 20px; }
  .inner{justify-content: center;}
 /* .title-content-services h2{font-size: 30px;}
  .title-content-tabla h2{font-size: 32px;}
 */
  .arrowRight:before, .arrowRight:after{width: 23%;}
  .text-service br{display: none;}
}

@media screen and (max-width: 880px){ 
  .icon-images2 { max-width: 40px; }
  .icon-images3 { max-width: 35px; }
  .icon-images { max-width: 70px; }
  .image-phone{width: 100%;}
}

@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:12px ​10px;}
  .blue-txt{top: 12px; font-size: 22px;}
  /*.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;}
  .bloque-stroke{width:50%;padding:20px;display:contents;}
  .bloque-stroke i.fa-check.blue-txt{margin-left:0px;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: 0px; text-align: center}
  .monitoreo-image{position: relative;}
  #backoffice-bg {text-align: center;}
  .text-service { max-width: 100%; font-size: 17px; line-height: 24px; }
  .image-smart{max-width: 100%;}
  /*.title-content-services h2{font-size: 26px;}
  .title-content-tabla h2{font-size: 26px;}*/
  .inner{padding-left: 0px;}
  .arrowRight:before, .arrowRight:after{display: none;}
  .arrowRight3:before, .arrowRight3:after{display: none;}
  .title-res { font-size: 20px; margin-top: 10px; padding-left: 0; }

}
@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;}
  .desc { font-size: 18px;}

}
@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;}*/
  .tbl{margin-top: 12%;margin-bottom: 12%;padding-bottom: 12%;}
  .text-service { font-size: 16px; line-height: 24px; padding-bottom: 12%; padding-top: 12%; }
  .title-content-services h2 {   font-size: 18px;}
}
@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;}

}
@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: 12px; }
  .icon-images3 { max-width: 40px; }
  .position-title{padding-left: 5%;}
}
@media screen and (max-width: 480px){
  .desc { font-size: 16px; }
  .blue-txt{ font-size: 18px; }
  .back-blue { height: 130px; }
  .monitoreo-image { max-width: 180px; }
}
@media screen and (max-width: 448px){
  .title-monitoreo{height: 80px;padding-top: 10px;}
  .title-monitoreo { height: 60px; }
}

@media screen and (max-width: 360px){
  .title-monitoreo { height: 45px; font-size: 14px; }
  .descrip-mon { font-size: 11px; }
}