/*
font-family: 'Ubuntu', sans-serif;
*/
@charset "utf-8";
*{margin: 0em;padding: 0em;}a{text-decoration: none;}body{ font-family: "Arial",Sans-serif; margin: 0em auto;font-size: 1em;}img{border: 0em;vertical-align: middle;}iframe{border: 0em;}.clear{clear: both;}

@font-face {
  font-family: 'mc';
  src:  url('../fonts/mc.eot?cd5dnq');
  src:  url('../fonts/mc.eot?cd5dnq#iefix') format('embedded-opentype'),
    url('../fonts/mc.ttf?cd5dnq') format('truetype'),
    url('../fonts/mc.woff?cd5dnq') format('woff'),
    url('../fonts/mc.svg?cd5dnq#mc') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mc' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-location-pin:before {
  content: "\e902";
}
.icon-mail:before {
  content: "\e904";
}
.icon-twitter-with-circle:before {
  content: "\e905";
}
.icon-instagram-with-circle:before {
  content: "\e906";
}
.icon-facebook-with-circle:before {
  content: "\e907";
}
.icon-phone:before {
  content: "\e942";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-question:before {
  content: "\ea09";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-blocked:before {
  content: "\ea0e";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-circle-left1:before {
  content: "\ea45";
}
.icon-whatsapp:before {
  content: "\ea93";
}

@media all and (min-width: 300px){
	.redes{
		background-color: #0D455F;
		color: #fff;
		padding: 0.3em 0em;
		text-align: center;
	}
	.redes a{
		color: #fff;
		font-size: 1.25em;
		padding: 0em .3em;
	}
	header{
		background-image: url(../images/bg-monitoreo01.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 0em 0em 2em 0em;
	}
	header .logo{
		background-color: rgba(0,0,0,.4);
		padding: .5em 0em;
		text-align: center;
		width: 100%;
	}
	header .logo img.img_logo{
		max-width: 34em;
		height: auto;
		width: 100%;
	}
	header .izq{
		color: #fff;
		padding: 2em 1em;
		text-align: center;
	}
	header .izq h2{
		font-size: 1.2em;
		font-weight: normal;
		padding: 0em 0em 3em 0em;
	}
	header .izq h2 span{
		border-bottom: 0.25em solid #f00;
		display: block;
		margin: 0em auto;
		padding: .5em 0em 0em 0em;
		width: 5em;
	}
	header .izq h1{
		font-size: 3.2em;
		padding: 0em 0em 1em 0em;
	}
	header .izq .btn{
		background-color: #f00;
		border-radius: .3em;
		color: #fff;
		display: block;
		font-size: 1.2em;
		margin: 0em auto;
		padding: .5em;
		width: 9em;
	}
	header .der{
		background-color: rgba(255,255,255,.7);
		box-sizing: border-box;
		padding: 1.5em ;
		margin: 0em 1.2em;
	}
	header .der .tit{
		color: #f00;
		font-size: 1.35em;
		font-weight: 700;
		padding: 0em 0em 1em 0em;
	}
	header .der p{
		color: #333;
		font-size: 1.12em;
		padding: 0em 0em 1em 0em;
	}
	header .der input[type="text"],header .der select,header .der textarea{
		border: 0em;
		box-sizing: border-box;	
		background-color: #fff;
		color: #333;
		display: block;
		font-size: 1.12em;
		font-family: "Arial",Sans-serif;
		margin: 0em 0em 1em 0em;
		padding: .5em;
		width: 100%;
	}
	header .der textarea{
		height: 10em;
	}
	header .der input.btn{
		background-color: #000;
		border: 0em;
		box-sizing: border-box;
		color: #fff;
		font-size: 1.25em;
		font-family: "Arial",Sans-serif;
		padding: .5em;
		width: 100%;
	}
	.franja{
		background-color: #DF1016;
		color: #fff;
		padding: 2em 1em;
		text-align: center;
	}
	.franja .izq{
		font-size: 2em;
	}
	.franja .izq p{
		padding: 0em 0em 1.5em 0em;
	}
	.franja .der{
		padding: 1em 0em;
	}
	.franja .der a.btn{
		background-color: #000;
		border-radius: .3em;
		color: #fff;
		display: block;
		font-size: 1em;
		margin: 0em auto;
		padding: .9em 1EM;
		width: 13em;
		transition: .3s;
	}
	.franja .der a.btn:hover{
		background-color: #fff;
		color: #000;
	}
	.calugas{
		background-image: url(../images/bg-monitoreo02.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 2em 1em;
		text-align: center;
	}
	.calugas .cal{
		box-sizing: border-box;
		color: #fff;
		max-width: 21em;
		margin: 0em auto;
		padding: 1em 1.5em 2em 1.5em;
		text-align: center;
		width: 100%;
	}
	.calugas .cal img{
		border-radius: 100%;
		border:0.6em solid rgba(0,0,0,.6);
		box-sizing: border-box;
		height: auto;
		width: 100%;
	}
	.calugas .cal .tit{
		font-size: 1.35em;
		font-weight: 700;
		padding: 1em 0em;
	}
	.calugas .cal p{
		font-size: 1.12em;
		line-height: 1.5em;
	}
	.calugas .agenda{
		color: #fff;
		font-size: 1.25em;
		font-weight: 700;
		text-align: center;
	}
	.calugas .agenda .btn{
		background-color: #f00;
		border-radius: .3em;
		color: #fff;
		display: block;
		margin: 1em auto;
		padding: .5em;
		width: 9em;
	}
	.wp{
		color: #2DCEFF;
		padding: 1em 0em;
		text-align: center;
	}
	.wp img{
		display: block;
		height: auto;
		margin: 0em auto;
		max-width: 18.12em;
		width: 100%;
	}
	.clientes_h{
		border-bottom: 0.12em solid #ccc;
		border-top: 0.12em solid #ccc;
		margin: 1em 0em;
		padding: .5em 0em;
	}
	.clientes_h img{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		transition: .3s;
	}
	.clientes_h img:hover{
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}
	footer{
    background-image: url(../images/bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.5em 0.5em;
  }
  footer .bg{
    background-color: rgba(0,0,0,.5);
    padding: 1.5em 0.5em;
  }
  footer .bg .izq{
    color: #fff;
    padding: 0em 0em 1em 0em;
  }
  footer .bg .izq figure{
    text-align: center;
  }
  footer .bg .izq figure img{
    height: auto;
    max-width: 18.75em;
    width: 100%;
  }
  footer .bg .izq p{
    font-size: 0.87em;
    padding: 1em 0em;
    text-align: center;
  }
  footer .bg .tit{
    color: #26C9FF;
    padding: 0em 0em 1em 0em;
  }
  footer .bg .tit span{
    border-bottom: 0.06em solid #26C9FF;
    display: inline-block;
    padding: 0em 1em 0.4em 0em;
  }
  footer  .bg .foo1,footer  .bg .foo2,footer  .bg .foo3{
    padding: 1.5em 0em;
    color: #fff;
  }
  footer  .bg .foo1 a,footer  .bg .foo2 a,footer  .bg .foo3 a{
    color: #fff;
    display: block;
    line-height: 2em;
  }
  footer  .bg .foo3 iframe{
    height: 13em;
    width: 100%;
  }
  footer .bg .foo3{
  	text-align: center;
  }
  footer .bg .foo3 img{
    height: auto;
    max-width: 18.5em; 
    width: 100%;
  }
  footer .flown{
    border-top:0.06em solid #fff;
    padding: 1em 0em;
    margin: 1.5em 0em 1em 0em;
    text-align: right;
  }
  .product{
  	background-image: url(../images/fondo-prod.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  	padding: 2em 1em;
  }
  .product h3{
  	color: #0D455F;
  	font-size: 2em;
	font-weight: normal;
	padding: 0em 0em 1em 0em;
  }
  .product .izq h4{
  	color: #0D455F;
  	font-size: 1.5em;
  	padding: 0em 0em 1em 0em;
  }
  .product .izq h4 span{
  	background-color: #0D455F;
  	display: block;
  	height: 0.2em;
  	width: 5em;
  }
  .product .izq .desc{
  	font-size: 1.18em;
  	text-align: justify;
  	color: #333;
  }
  .product .izq .desc p{
  	padding: 1em 0em;
  }
  .product .izq .esp{
  	padding: 1em 0em 2em 0em;
  	color: #333;
  }
  .product .izq .esp .tit{
  	font-size: 1.3em;
  	font-weight: 700;
  	padding: 0em 0em 1em 0em;
  }
  .product .der img{
  	border: 0.06em solid #ccc;
  	border-radius: 100%;
  	
  	height: auto;
  	max-width: 50em;
  	width: 100%;
  }
}