/*

Theme Name: supervisor
Theme URI: http://fer.mx
Description: Theme modified by fer
Author URI: fer
Version: 1
*/

@media screen {

.titulo-header{

	background-image:url(../images/landing-lin-azul.png);
	background-repeat:no-repeat;
	color:#74acdd;
}
#principal{
	margin-top:197px;
	position:relative;
	overflow: hidden;
	transition:margin-top 1s;
}
#header{
	background-color:#233350;
	padding-top:15px;
	height:202px;
	transition:all 1s;
}
.social{
	display:block;
	width: 33px;
	float:right;
    margin-top: 32px;
    margin-bottom: 2px;
	transition:all 0.2s;
}
body,#contenido{
	width:100%;
}
.txt-titulo{
	font-size:20px;
	text-align: center;
	float:left;
	color:white;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
	width: 340px;
    margin-left: 0px;
	transition:all 0.5s;
}
.txt-titulo .social li{
	float:left;
	list-style: none;
    margin-right: 0px;
	margin-bottom: 9px;
}
.txt-titulo .social li img{
	height:24px;
}

.txt-titulo .social li:last-child{
	margin-right:0px;
}

.sectores{
	float:left;
	margin-top: 40px;
}
.txtlin{
	float:left;
	line-height: 37px;
	text-align:right;
	margin-left: 50px;
	margin-top: 32px;
	font-size: 21px;
	width: 234px;
	transition:all 0.2s;
}
.numlin{
	float:right;
}
telefono{
	display: none;
	float:left;
	margin-top: 14px;
	margin-left:470px;
}
.domo_5pasos{
	display:none;
}
.resp{
	display:none;
}
#linea2{
	background: none;
	background-color: #eaeceb;
}
.logo img {
    width: 90%;
}
.logo1{
	float:left;
	width: 300px;
    margin-top: 31px;
	transition:all 1s;
}
.logo-menu{
	margin-bottom: 0px;
	width:1000px;
	clear:none;
}
.titulo-header{
	margin-left: 105px;
}
.logo{
	margin-left:105px;
}
/******************* menu ****************/
.menu-micromod-container{
	float: left;
    width: 1000px;
	margin-top:15px;
}
ul.nav-menu,
div.nav-menu > ul {
	margin: auto;
    width: 925px;
}

#menu{
	margin-top:53px;
	margin-left:20px;
	float:left;
	width:1000px;
	z-index: 999;.
	transition:all 1s;
}
#menu li{
	cursor:pointer;
}

.nav-menu li {
	display:inline-block;
	list-style:none;
	margin-right:0px;
	color:#005c93;
	font-family: 'Roboto', sans-serif;
	float:left;
	height: 34px;
	padding-top:10px;
	padding-left: 22px;
    padding-right: 22px;
}
.nav-menu li:last-child {

}
.nav-menu li a {
	color: white;
	display: block;
	font-size: 21px;
	text-transform:capitalize;
	z-index: 999;
	text-align: center;
	letter-spacing: -1px;
	height:34px;
}
.nav-menu li a:hover{
	border-bottom:3px solid #d6a33d;
	color:white;
}
.nav-menu .sub-menu,
.nav-menu .children {
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
	margin: 0;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
}
	.menu-iconics-container{
		
    	float: left;
    	width: 770px;
	}
.tel_lan{
	width:243px;
	float:left;
	margin-right: 30px;
}
.tel_lan p{
	color:#CD7301;
	font-size:24px;
}
.tel_lan p span{
	display:block;
	color:#7A7C7C;
	display:block;
	float:left;
}
.micro-contacto{
	right: 251px;
	position: absolute;
	top: 154px;
	transition:all 1s;
}
.micro-contacto img{
	float:right;
	z-index: 9999;
	position: relative
}
	/********************** header anim ****************/
	#header.anima{
		height:100px;
		transition:all 1s;
	}
	#header.anima .logo1{
		width: 171px;
    	margin-top: 5px;
		transition:all 1s;
	}
	#header.anima + #principal{
		margin-top:100px;
		transition:margin-top 1s;
	}
	#header.anima #menu{
		margin-top: 17px;
		transition:all 1s;
	}
	#header.anima .txt-titulo{
		position: absolute;
    	top: 0px;
    	right: 100px;
		width: 686px;
		transition:all 0.5s;
	}
	#header.anima .txtlin{
		margin-top: 9px;
		width: 470px;
		transition:all 0.5s;
	}
	#header.anima .social{
		width: 137px;
		margin-top: 14px;
		transition:all 0.5s;
	}
	#header.anima .micro-contacto{
		top:53px;
		transition:all 1s;
	}
	#header.anima .txt-titulo .social li {
		margin-right: 5px;
		transition:all 0.5s;
	}
/******************* formulario **********************/
.micro_formulario{
	background-image:url(../images/fondo-formulario.png);
	background-repeat: no-repeat;
	width:370px;
	height: 357px;
	padding: 35px 15px;
	color:black;
	float:right;
	position: absolute;
	right: 0px;
	top: 48px;
	display: none;
	z-index: 99;
}
.micro_formulario input[type=text],.micro_formulario input[type=email],.micro_formulario input[type=tel],.micro_formulario textarea{
	width: 100%;
	padding: 6px;
	border: none;
	margin-bottom: 13px;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}
.micro_formulario textarea{
	height: 70px;
}
.micro_formulario .acepto{
	color:black;
	float: right;
}
.micro_formulario .enviar input{
	color:white;
	background: none;
	border:none;
	background-color:#86a91a;
	float:right;
	clear:both;
	padding: 8px 15px;
	border-radius: 15px;
	font-size: 20px;
	margin-top: 10px;
}
.micro_formulario input[type="checkbox"]{
	width: 15px;
	height: 15px;
	border-color: #C13132;
}
/********************animacion******************************/
#animacion {
    padding-top: 0px;
}
.slider-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 500px;
    margin: 0px auto;
    background: #1b1b1b;
    background-image: url(images/fondo-anim-micromod.jpg);
    background-size: cover;
}
.flechas_mas {
    animation-name: flecha;
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    position: absolute;
    top: 168px;
    left: 500px;
    z-index: 99999;
    cursor: pointer;
}

@keyframes  flecha{
	from{top:480px;}
	to{top:520px;}
}


/***********************************************/

.columnas{
	width:1900px;
	margin:auto;
	margin-top: 24px;
	margin-bottom: 47px;
	float:left;
	padding-left:80px;
	padding-right:80px;
}

.fviol{
	background:transparent;
	padding-top: 15px;
    padding-bottom: 15px;
	color:#7A7B7B;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}


.columnas .col1-3{
	/*width:25%;*/
	float:left;
}
.columnas .col1-2{
	width:50%;
	float:left;
}
.columnas .col1-4{
	width:385px;
	float:left;
	margin-right:66px;
}
.columnas .col1-4:last-child{
	margin-right:0px;
}


/***************** finder *********************/
.iconics h1{
	font-size:35px;
	color:#4c7ab7;
	text-align:center;
	font-weight:700;
	margin-top:40px;
}
.fviol h2, h2{
	color:#233350;
	font-size:48px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-bottom:52px;
	text-align:left;
}
	.fviol h2{
		margin-top:75px;
	}

.fviol h3{
	font-size:25px;
	color:white;
	font-weight:300;
	margin-bottom:15px;
}

.fviol ul{
	column-count:3;
	column-gap: 60px;
	margin-left:25px;
	margin-top:15px;
	font-size:16px;
}
.fviol h4{
	font-size:29px;
	color:white;
	font-weight:300;
	margin-bottom:35px;
	text-align: center;
}
	.fviol{
    	padding-left: 70px;
    	padding-right: 70px;
	}
	.fviol .col2-2 p{
		font-size: 28px;
    	line-height: 38px;
    	margin-top: 15px;
		color:#7a7c7c;
		font-weight: 300;
	}
.fviol .col1-2 {
    width: 746px;
    float: left;
    padding: 0px 0px;
	opacity:0;
}
.fviol .col2-2 {
    width: 931px;
    float: right;
    padding: 0px 0px;
}

.fviol li{
	margin-bottom:15px;
}
.fviol .iconics-contact{
	margin-top:10px;
}
.fviol .mail{
	margin-top: 10px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 19px;
}
#datos{
	background-color:#eaeceb;
	float:left;
}
	#datos .columnas{
		margin-bottom:4px;
	}
.columnas .col1,.columnas .col2{
	width:1140px;
	float:left;
}
.columnas .col2{
	width:599px;
	float:left;
}


ul.col{
	column-count:2;
	list-style:none;
	margin-left:25px;
	color:#7A7C7C;
	font-weight: 300;
}
ul.col p{
	width: 450px;
	margin-top:18px;
	margin-bottom:15px;
}
ul.col {
	margin-left:25px;
	list-style-image:url(../images/iiot-supervisor_40.png);
}
ul.col li{
	font-size:18px;
	color:#7A7C7C;
	font-weight:300;
	margin-bottom:20px;
}

#una-solucion {
	padding-left:70px;
	margin-top:80px;
	margin-bottom:90px;
	float:left;
	width:100%;
}

#una-solucion .soluciontxt{
	width:1066px;
	float:left;
}
#una-solucion .solucionimg{
	width:638px;
	float:right;
}
#una-solucion .soluciontxt img{
	margin-right:22px;
}
#una-solucion .soluciontxt img:last-child{
	margin-right:0px;
}
#una-solucion h2{
	margin-bottom:30px;
}
#una-solucion p{
	font-size:28px;
	color:#7A7C7C;
	font-weight:300;
	line-height:36px;
	margin-bottom:45px;
}

.prx1{
	width:100%;
	height:395px;
	background-image:url(../images/fondo-parallax.jpg);
	background-attachment: fixed;
	color:white;
}
.prx1 h3{
	font-size:49px;
	font-weight:900;
	line-height:56px;
	text-align:center;
	width:100%;
	margin-top: 110px;
    margin-bottom: 20px;
}
.prx1 p{
	font-size:45px;
	font-weight:200;
	line-height:56px;
	text-align:center;
	width:100%;
}


.contenido-centrado{
	width:1760px;
	margin:auto;
	overflow: hidden;
}
#header	.contenido-centrado{
	overflow:visible;		
}

#soluciones{
	width:100%;
	float:left;
	margin-top:40px;
}
#soluciones h2{
	text-align:center;
	margin-bottom:30px;
}
#soluciones p{
	color:#7A7C7C;
	font-size:29px;
	text-align:center;
	font-weight:300;
	margin-bottom: 50px;
}
#monitoreo{
	width:100%;
	float:left;
	margin-top:110px;
	margin-bottom:85px;
}
#monitoreo h2{
	text-align:center;
}
#monitoreo p{
	font-size:28px;
	color:#7A7C7C;
	text-align:center;
	font-weight:300;
	line-height:36px;
	margin-bottom:90px;
}
#monitoreo img{
	margin-right:39px;
}
#monitoreo img:last-child{
	margin-right:0px;
}
	.bx-wrapper{
		max-width: 1900px!important;
	}
	
	.solucion-monitoreo{
		width:100%;
		float:left;
	}
	
	
.solucion-monitoreo .bx-viewport {
    height: 260px!important;
}
	
	
	.clientes-seccion{
		width:100%;
		float:left;
		
	}
	.clientes-seccion .contenido-centrado{
	    display: flex;
    	justify-content: space-between;
	}
	.logos-clientes img{
		float:left;
		margin-top:60px;
		margin-bottom:60px;
	}
	
	
.logos-clientes{
	float:left;
	background-color:white;
	padding-top:54px;
	padding-bottom:45px;
	height:auto;
}

.logos-clientes .rect{
	width:100%;
	background-color:#657185;
	color:white;
	text-align:center;
	font-size:30px;
	font-weight:300;
	padding:39px 0px;
}


#casosexito{
	width:100%;
	float:left;
	background-color:#E8EBE9;
}

#casosexito .casoimg{
	width:950px;
	height:699px;
	float:left;
}
#casosexito .casoimg img{
	float:left;
}
	#casosexito .casose{
		width: 100%;
    	float: right;
		margin-top:0px;
		margin-right:0px;
	}
/************************* slider *********************/
	.persephone .tp-bullet {
	    transform: rotate(45deg);
	}
/**************** footer ***********************/

#footeriiot{
	width:1900px;
	height:518px;
	background-image:url(../images/fondo-footer.png);
	clear:both;
	overflow:hidden;
	padding-top:45px;
	padding-left:70px;
	padding-right:70px;
	padding-bottom:60px;
	position:relative;
	margin-top: -115px;
    float: left;
	color:white;
	z-index:9999;
}
	#footeriiot a{
		color:white;
	}
#footeriiot .fcol1{
	width:310px;
	padding-top: 155px;
	float:left;
}

#footeriiot .fcol2{
	width:215px;
	float:left;
	padding-top: 155px;
}

#footeriiot .fcol3{
	width:168px;
	float:left;
	padding-top: 155px;
}
#footeriiot .fcol4{
	width:277px;
	float:left;
	padding-top:155px;
}
#footeriiot .fcol5{
	width:650px;
	float:left;
	padding-top:45px;
}

#footeriiot h3{
	font-size:25px;
	margin-bottom:22px;
	font-weight:900;
}
#footeriiot p{
	font-size:16px;
	line-height: 22px;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:25px;
}
#footeriiot .fcol5 h3{
	font-size:42px;
	margin-bottom:22px;
	font-weight:400;
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif;
}
#footeriiot .social{
	width:100%;
	margin-top:30px;
}
#footeriiot .social ul{
	list-style:none;
	margin-left:0px;
}
#footeriiot .social li{
	float:left;
	margin-right:15px;
}
#footeriiot .social li img{
	width:36px;
}
@keyframes  flechav{
	from{top:10px;}
	to{top:20px;}
}
	
	
	
	.formulario-footer{
		background-color: lightgray;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
 		grid-gap: 10px;
  		grid-auto-rows: minmax(55px, auto);
		padding:20px;
	}
	.formulario-footer input{
		width:100%;
		float:left;
		padding: 7px 15px;
		font-size: 18px;
	}
	.formulario-footer p{
		float:left;
		color:black;
		margin-bottom:0px!important;
		font-size: 18px;
	}
	
	.formulario-footer textarea{
		width:100%;
		float:left;
		padding: 7px 15px;
		height: 110px;
		font-size: 18px;
	}
	.camp1 {
  		grid-column: 1;
  		grid-row: 1;
	}
	.camp2 {
  		grid-column: 2 ;
  		grid-row: 1;
	}
	.camp3 {
  		grid-column: 1 / 1;
  		grid-row: 2;
	}
	.camp4 {
  		grid-column: 2 ;
  		grid-row: 2/4;
	}
	.camp5 {
  		grid-column: 1;
  		grid-row: 3;
	}
	.camp6 {
  		grid-column: 2 ;
  		grid-row: 4;
	}
	.water .txt-titulo {
		width:361px;
	}
	.water .txtlin{
		width:256px;
	}
	#water-series .imgmonitoreo{
		width:100%;	
	}
	#water-series h2{
		margin-bottom: 40px;
	}
	#water-series h3{
		font-size:40px;
		margin-top:40px;
		margin-bottom:40px;
	}
	#water-series p{
		margin-bottom:20px;
	}
	#water-series .pos{
		display:flex;
		align-content:center;
	}
	#water-series .col1 {
		width:48%;
		float:left;
	}
	#water-series .col2{
		width:48%;
		float:right;
	}
	
	#water-series ul{
		list-style:none;
	}
	#water-series li{
		list-style:none;
		padding-left:60px;
		background-repeat:no-repeat;
		margin-bottom:20px;
	}
	#water-series .li1{
		background-image:url(../images/opli1.jpg);
	}
	#water-series .li2{
		background-image:url(../images/opli2.jpg);
	}
	#water-series .li3{
		background-image:url(../images/opli3.jpg);
	}
	#water-series .li4{
		background-image:url(../images/opli4.jpg);
	}
	#water-series .li5{
		background-image:url(../images/opli5.jpg);
	}
	#water-series .li6{
		background-image:url(../images/opli6.jpg);
	}
	
	.infof2 {
    	background-color: #333;
	}
	.infof2 .em {
    	float: left;
    	margin-left: 203px;
	}
	.water-contacto{
		background-color:#e7e8e8;
		width:370px;
		height: 415px;
		padding: 35px 15px;
		color:black;
		float:right;
		position: absolute;
		right: 180px;
		top: 48px;
		z-index: 99;
		border-radius: 30px;
	}
	.water_formulario h3{
		text-align:center;
		color:#142f4d;
		font-size:32px;
		margin-bottom: 20px;
	}
.water_formulario input[type=text],.water_formulario input[type=email],.water_formulario input[type=tel],.water_formulario textarea{
	width: 100%;
	height:35px!important;
	padding: 9px;
	border: none!important;
	margin-bottom: 0px;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	border-radius: 12px!important;
}
	.water_formulario .nf-field-container{
    margin-bottom: 7px!important;
}
	.water_formulario .nf-form-content .ninja-forms-field{
    	font-size: 16px!important;
	}
.water_formulario textarea, .microformulario textarea{
	height: 70px!important;
	border-radius: 12px;
}
.water_formulario .acepto{
	color:black;
	float: right;
}
	.water_formulario .nf-form-content label {
    	font-size: 14px!important;
	}
.water_formulario .enviar input{
	color:black;
	background: none;
	border:none;
	background-color:#ffdf04;
	float:right;
	clear:both;
	padding: 8px 15px;
	border-radius: 15px;
	font-size: 20px;
	margin-top: 10px;
	font-weight:bold;
}
.water_formulario input[type="checkbox"]{
	width: 15px;
	height: 15px;
	border-color: #C13132;
}
	#water-series .nmxlista{
		
		margin-left: 37px;
	}
	#water-series .nmxlista li{
		list-style-image:url(../images/flecha_bullet.png)!important;
		padding-left:12px;
		font-size:21px;
	}
	.nmx p{
		font-size: 21px;
	}
	.nmx .indicador{
		width: 55%;
		display: block;
		margin: auto;
		padding: 20px 40px;
		background-color: yellow;
		border-radius: 20px;
		font-size: 22px;
		font-weight: bold;
		font-style: italic;
		text-align: center;
	}
	#nmxpdf .nf-field-container {
		margin-bottom: 20px;
	}
	#nmxpdf input{
		height:35px!important;
		margin-bottom:0px!important;
		font-size: 14px;
	}
	#nmxpdf input[type="submit"]{
		margin-top: 0px;
    	margin-bottom: 0px;
	}
	#popup{
		z-index:999999;
		box-shadow:2px 2px 25px black; 
	}
	
	.animacionp{
		background-image:url(https://iiotsupervisor.com/wp-content/uploads/2025/02/image1.png);
		width:100%;
		height:517px;
		background-size:cover;
		display: flex;
    	align-items: center;
	}
	.animacionp h2{
		font-weight:400;
		color:#233350;
	}
	.texto1{
		font-size:100px;
		font-weight:bolder;
		color:white;
		line-height: 75px;
		padding-left:100px;
	}
	.texto1 span{
		font-size:38px;
		color:white;
	}
	.imgprod{
		width: 50%;
    	float: right;
    	margin-top: 540px;
    	margin-left: 120px;
	}
	.imgprod img{
		height: 875px;
		margin-left: 264px;
	}
	#produtr53{
		font-size:28px;
    	line-height: 38px;
		color:#233350;
		margin-bottom: 201px;
    	display: inline-block;
	}
	#produtr53 h2{
		font-weight:400;
	}
	.precio{
		background-image:url(https://iiotsupervisor.com/wp-content/uploads/2025/02/fondo_precio.png);
		width:400px;
		height:400px;
		position: absolute;
    	bottom: -7px;
    	right: 300px;
		color:#233350;
		font-size: 70px;
    	text-align: center;
    	padding-top: 80px;
    	font-weight: 300;
	}
	
} 
/******* media screen *****************/