
@font-face {
    font-family: 'exobold';
    src: url('../fonts/exo-bold-webfont.woff2') format('woff2'),
         url('../fonts/exo-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'exolight';
    src: url('../fonts/exo-light-webfont.woff2') format('woff2'),
         url('../fonts/exo-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'exoregular';
    src: url('../fonts/exo-regular-webfont.woff2') format('woff2'),
         url('../fonts/exo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



.navbar {
    transition: all 0.4s;
	background-color:rgba(255,255,255,0.9);
}

.navbar .nav-link {
    color: #4c5a52;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #4c5a52;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #fe3b1f;
}

.icono_titulo{width:100px; height:auto; display:inline-block;}

/* Change navbar styling on scroll */
.navbar.active {
    background: #fe3b1f;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: #555;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #555;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #555;
}



/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: #fff;
		box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: #555;
    }
}

#whatsapp{float:right; position:fixed; bottom:30px; right:30px; height:50px; width: 50px; cursor: pointer; z-index:100;}
#whatsapp a img{width:100%; height: auto; display:block;}
#whatsapp img{width:100%; height: auto; display:block;}
.hide{opacity: 0;}
.show{opacity: 1;}

body{font-family:'exolight';}
.blanco{color:#FFF;}
.rojo{color:#fe3b1f;}
.fondo-rojo{background-color:#fe3b1f;}
.gris-clarito{background-color:rgba(76,90,82,0.05)}
.gris-oscuro{background-color:rgba(76,90,82,0.15);}
.gris-oscuro2{background-color:rgba(76,90,82,0.85);}
.gris-oscuro3{background-color:rgba(76,90,82,0.50);}
.gris-oscuro4{background-color:rgba(76,90,82,0.30);}
button{border:none; background-color:transparent; font-size:14px;}
h1{ font-family: 'exobold'; font-size:32px; color:#4c5a52; margin:5px 0px;}
h2{ font-family: 'exobold'; font-size:20px; color:#4c5a52; margin:5px 0px;}
h3{font-family:'exolight'; font-size:18px; line-height: 1.2; color:#fe3b1f; margin:0px; margin-bottom:20px; width:100%; max-width:300px;}
.imagen-mitad{width: 100%; height:auto; display:block; margin:0px;}
.imagen-mitad2{width: 100%; height:auto; display:none; margin:0px;}
.full-container{max-width:100%; margin:0px; padding:0px;}
.casi-container{max-width:90%; margin:0px auto; padding:0px;}
.seccion{margin:35px auto; display:block; }
.titulo_seccion{margin-top:35px;}
.iconos{width:50%; max-width:100px; height:auto; display:block; margin:15px 0px;}
.iconos-productos{width:40px; height:auto; display:inline-block; margin:0px 5px;}
.logo_soporte{display:block; position:fixed; top:0px; left:0px; width:100%; z-index: 2; background-color:rgba(255,255,255,0.9); padding: 15px;}
.logo-floating{display:block; width:90%; height: auto; max-width:250px; position:relative; float:right; right:0px;}
/*****HEADER*******/
.header{background-image: url("../img/image_home.jpg"); background-size:cover; background-position: -100px 0%; background-repeat:no-repeat;}
.header2{background-image: url("../img/image_home3.jpg"); background-size:cover; background-position: -100px 50%; background-repeat:no-repeat;}
.soporte-header{background-color:#fe3b1f; margin-top:0px; margin-bottom:150px; padding:20px 30px; color:#FFF; text-align: right;}
.soporte-header2{background-color:rgba(254,59,31,0.5); padding:10px 0px; margin-top:150px;}
/*****FIN HEADER*******/
/*****OFRECEMOS*******/
.ofrecemoes_ul{list-style: none; padding:0px; margin:0px; width:100%; background-color:#FFF;}
.ofrecemoes_ul li{padding:30px 0px 30px 20px;}
.ofrecemos_primer_li{background-color:#fe3b1f; margin-left:-100px;}
.separador{padding-left:120px !important;}
.titulo_ofrecemos_li{color:#FFF; font-size:32px; font-family:'exobold'; margin-bottom:0px;}
.titulo_ofrecemos_li2{color:#FFF; font-size:20px; font-family:'exobold'; margin-bottom:0px;}
.bajada_ofrecemos_li{color:#FFF; font-size:18px; font-family:'exolight'; line-height: 1;}
.ofrecemos_li{ padding:20px 0px 20px 20px !important;}
.seguridad_li{padding:20px 200px 20px 20px !important;}
.main-color{color:#fe3b1f!important;}
.par{background-color:rgba(76,90,82,0.15); padding:15px 0px 15px 20px !important; }
/*****FIN OFRECEMOS*******/

/*****PRODUCTOS*******/
.row_productos{min-height: 550px;}
.producto1{background-image: url("../img/portico-lectores-patente1.jpeg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto2{background-image: url("../img/totem_delito_1a.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto2b{background-image: url("../img/totem_delito_1b.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto3{background-image: url("../img/portico-bandera.jpeg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto4{background-image: url("../img/totem_vial_1.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto5{background-image: url("../img/parada-segura_1.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto6{background-image: url("../img/centro-monitoreo_2.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto7{background-image: url("../img/geolocalizacion_personas.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto8{background-image: url("../img/control_vehiculos.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.producto1_ul{padding-bottom:160px !important;}
.producto-bullets1{margin-top:-165px;}
.producto-bullets2{margin-top:-276px;}
.producto-bullets3{margin-top:-270px;}
.imagenes-logo{display: flex; align-items: center;justify-content: flex-end; padding-right:20px;}
.tira-imagenes{display: flex; padding: 0px 20px !important;}
.tira-imagenes img{padding-right:20px;}
.tira-imagenes_texto{display:flex;padding:0px 20px !important;}
.tira-imagenes_texto img{width:100%;}
.tira-imagenes_texto p{padding:20px;}
.tira-imagenes_texto .primero{width:30%;}
.tira-imagenes_texto .segundo{width:70%;}
.resaltado{margin-right:-25%;}
.dificil{height: 200px;}
.dificil img{height:100%; width:auto;}
.productos-iconos-main{list-style: none; width:100%; color:#FFF; font-size:20px; padding:5px 10px;}
.productos-iconos-main li{width:50%; display:inline-block; margin:0px; padding:5px 0px;}
.productos-iconos{background-color:rgba(254,59,31,0.7); list-style: none; width:100%; color:#FFF; font-size:20px; padding:5px 10px;}
.productos-iconos2{background-color:rgba(254,59,31,0.7); list-style: none; width:100%; color:#FFF; font-size:20px; padding:5px 10px;}
.productos-iconos3{background-color:none; list-style: none; width:100%; color:#000; font-size:16px; padding:5px 0px;}
.productos-iconos2b{background-color:#FFF; list-style: none; width:100%; color:#FFF; font-size:20px; padding:0px;}
.productos-iconos li{width:50%; display:inline-block; margin:0px; padding:5px 0px;}
.productos-iconos2 li{width:100%; display:inline-block; margin:0px; padding:5px 0px;}
.productos-iconos3 li{width:100%; display:inline-block; margin:0px; padding:5px 0px;}
.productos-iconos2b li{width:90%; display:inline-block; margin:0px; padding: 6.7px 10px; color:#000;}
.icono-fondo-rojo{background-color:#fe3b1f !important; width:10% !important;     padding-left: 20px !important;}
.logo-producto{width:100%; max-width:350px; float:right;}
.descatadito{max-width:80%;}
.logo_1{display:block;}
.logo_2{display:none;}
.parrafo-destacado{color:#FFF; background-color:#a9ada9; padding:7px 7px; width:450px;}
.totem-delito{display:block;}
.ajuste-alto{margin-top:0px;}
/*****FIN PRODUCTOS*******/


/*****VIGILANCIA*******/
.vigilia-fondo{background-size:cover; background-position:center; background-repeat: no-repeat;}
.vigilia1{background-image: url("../img/como-funciona1.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; }
.vigilia2{background-image: url("../img/como-funciona2.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; }
.vigilia3{background-image: url("../img/componentes.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.vigilia4{background-image: url("../img/cuales-compo_2.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.vigilia5{background-image: url("../img/cuales-compo_3.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.vigilia6{background-image: url("../img/beneficios.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
ol li {color:#fe3b1f; font-size:800; padding:5px !important;}
ol li p{color:#000;}
ol{padding:0px 20px;}
.linea-bullets{display: flex; flex-direction: row;}
.linea-bullets-icono{width: 60px; display: flex; align-items: center;}
.linea-bullets-texto{display:flex; align-items:center;}
.totem-flotante{position: absolute; width: 220px; left: 47%; margin-top: 129px;}
.totem-flotante img{width:100%; display:block;}
.imagen-del-slider{width:100%;}
.carrosuel-titulo{padding:40px 24px 50px; text-align: center;}
.pasos-slider{magin-bottom:100px;}
.pasos-slider div p{text-align: center; padding:20px 40px;}
.pasos-slider div p ul{text-align: center; padding:20px 40px;}
.vigilia-bullets1{margin-top:-112px;}
.vigilia_lista{padding:0px 20px;}
.vigilia-subtitulo{color:#fe3b1f; font-size:20px; padding-top:60px;}
.vigilia_lista li{padding:5px 0px;}
.vigilia_lista li::marker {color:#fe3b1f;}
/*****FIN VIGLIA*******/

/*****COMO LO HACEMOS?*******/
.detalle_productos{padding:50px 5% 50px 18%;}
.como-hacemos{background-image: url("../img/image_soluciones.jpg"); background-size:cover; background-position:center;}
.como_lo_hacemos_UL{list-style: none; width:90%; margin:0px; padding:0px;}
.como_lo_hacemos_UL li{display:inline-block; width:50%; padding:0px; margin:0px; vertical-align: top;}
.como_lo_hacemos_UL li p{color:#FFF; text-align: center;}

/*****FIN COMO LO HACEMOS?*******/


/*****COMO ABARCAMOS*******/
.abarcamos_img{width:100%; height:auto; display:block; margin:0px auto; }
.funcionalides_UL{list-style: none; width:100%; margin:0px auto; padding:0px; display:block;}
.funcionalides_UL li{display:inline-block; width:14%; padding:0px; margin:0px; vertical-align: top;}
.funcionalides_UL li p{color:#000; text-align: center; font-size:14px;}
.detalle_productos2{padding:50px 2% 50px 2%;}
.pisada{margin-top:-49px;}
.rojo1{background-color:rgba(254,59,31,0.6); padding:10px 5%; margin-bottom:0px; }
.rojo2{background-color:rgba(254,59,31,0.9); padding:10px 5%; margin-bottom:0px;}
.sub_abarcamos{text-align: center; border-left:1px solid #FFF;}
.sub_abarcamos img{background-color:#FFF; width:100%; height: auto; margin:0px; display:block; margin-left:-5px; }
/*****FIN COMO ABARCAMOS*******/

/****SOLUCIONES*******/
.detalle_productos3 img{width:100%; height: auto; margin:0px auto; display:block;}
.detalle_productos3 h3{font-family: 'exobold'; font-size:18px; padding:30px 7% 10px; width:100%; max-width: 100%;}
.detalle_productos3 p{padding:0px 7% 0px; font-size:15px;}
/****FIN SOLUCIONES*******/

/****ACOMPAÑAMOS*******/
.acompanamos_img{width:100%; height:auto; display:block; margin:0px auto;}
.soporte-acompanamos{display:block; background-color:#fe3b1f; margin-top:-430px; margin-bottom:150px; padding:20px 10px  20px 22%; color:#FFF; text-align: left;}
.soporte-acompanamos2{display:block; background-color:rgba(254,59,31,0.5); padding:10px 0px; margin-top:-450px;}
.acompanamos_footer{ margin-top:-200px; }
.blanquito{background-color:rgba(255,255,255,0.80);}
.acompanamos_UL{padding:0px 30px 20px; margin:20px 0px;  list-style: none;  border-right:1px solid #fe3b1f; border-bottom: none; }
.acompanamos_UL li{width:100%; display:block; vertical-align: top; font-size:15px;}
.acompanamos_UL li:before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
	  width: 1em;
  margin-left: -1em;
	
}
.rojito_tablet{display:none;}
/****FIN ACOMPAÑAMOS*******/

.logo-footer{width:90%; max-width:300px; display:block; margin:50px auto;}
.footer-text{ color:#4c5a52; margin:10px auto; display:block; font-size:13px;}
.footer-text a{color:#4c5a52; text-decoration: none;}
.footer-text a:hover{color:#fe3b1f;}
@media only screen and (max-width: 980px) {
	.pisada{margin-top:-5px;}
	.funcionalides_UL li {width:25%;}
	.soporte-acompanamos{display:none;}
	.soporte-acompanamos2{display:none;}
	.acompanamos_footer{margin-top:0px; }
	.rojito_tablet{display:block; background-color:#fe3b1f; padding:20px; margin:0px; margin-top:-75px; color:#FFF;}
}
@media only screen and (max-width: 600px) {
	.casi-container{max-width:100%;}
	.titulo_seccion{margin-top:35px;}
  .imagen-mitad{width:100%; height:auto; display:block; margin:0px;}
	.imagen-mitad2{width:100%; height:auto; display:block; margin:0px;}
	.ofrecemos_primer_li{ margin-left:0px;}
	.como_lo_hacemos_UL{margin:0px auto; display:block;}
	.ofrecemoes_ul{width:100%;}
	.detalle_productos{padding:20px 5% 20px 5%;}
	.funcionalides_UL li{width:50%;}
	.soporte-header2{background-color:rgba(0,0,0,0);}
	.pisada{margin-top:0px;}
	.acompanamos_footer{margin-top:0px; }
	.acompanamos_UL{border-right:none; border-bottom:1px solid #fe3b1f;}
	.footer-text{ color:#4c5a52; margin:30px auto; padding:0px 10px; display:block; font-size:13px;}
	.soporte-header2{margin-top:300px;}
	.soporte-header{margin-bottom:0px;}
	.seguridad_li {padding: 20px 20px 20px 20px !important;}
	.separador{padding-left:20px !important;}
	.row_productos{min-height: 350px;}
	.producto1_ul{padding-bottom:00px !important;}
	.producto-bullets3{margin-top:20px;}
	.producto-bullets2{margin-top:20px;}
	.producto-bullets1{margin-top:20px;}
	.vigilia-bullets1{margin-top:20px;}
	.icono_titulo {width:70px;}
	.titulo_ofrecemos_li{font-size: 24px;}
	.tira-imagenes img{width:50%;}
	.productos-iconos li{width:100%;}
	.logo_2{display:block;}
    .logo_1{display:none;}
	.tira-imagenes_texto .primero{width:100%;}
	.tira-imagenes_texto .segundo{width:100%;}
	.parrafo-destacado{color:#FFF; background-color:#a9ada9; padding:7px 7px; width:100%;}
	.icono-fondo-rojo{width:16% !important; padding-left:10px !important;}
	.productos-iconos2b li{width:80%; padding: 6.7px 10px 2px; margin-top: -15px;}
	.productos-iconos{font-size:16px; margin-bottom:0px;}
	.productos-iconos2b{font-size:16px;}
	.productos-iconos2{font-size:16px;margin-bottom:0px;}
	.productos-iconos3{font-size:16px;}
	.totem-delito{display:none;}
	.titulo_ofrecemos_li2{font-size:18px;}
	.tira-imagenes_texto p{padding:0px;}
	.totem-flotante img{display:none;}
	.linea-bullets-icono{width: 40px;}
	.linea-bullets-icono img{width: 40px!important;}
	.header2{background-position: 75% 50%;}
	.ajuste-alto{margin-top:-17px;}
}