/*.bdvd { border: #0f0 1px solid; }
.bdaz { border: #00f 1px solid; }
.bdvm { border: #f00 1px solid; }
.bdam { border: #ff0 1px solid; }
.bdrx { border: #f0f 1px solid; }
.bdlr { border: #f57f00 1px solid; }*/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	overflow-x: hidden;

	padding-top: 100px;

	/*display: none;*/
}

img {
	border: none;
	max-width: 100%;
}

a {
	outline: none !important;
}

.relative {
	position: relative;
}

.open-nav {
  	display: none;
/*
  	position: absolute;
	top: 50%;
 	right: 22px;
  	z-index: 110;
  	cursor: pointer;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
*/
}

.close-nav {
	display: none;
/*
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 106;
	cursor: pointer;
	background: rgba(9,60,127,.5) url(../img/nav-close.png) center center no-repeat;
	height: 36px;
	width: 36px;
	border-radius: 100%
*/
}


header {
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;

	background: #fff;
	padding-top: 20px;
	height: 100px;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

	header .logo img {
		height: 61px;
		transition: all .3s;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
	}

nav {
	font-size: 0;
	position: relative;
	z-index: 999;
	border-top: #cfd1d2 1px solid;
    margin-top: 5px;
    padding-top: 15px;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: right;
	}

		nav ul li {
		    width: 100px;
		    display: inline-block;
	        color: #7b7c7e;
		    padding: 0px 10px;
		    font-family: seravek;
		    font-weight: 200;
		    text-align: center;
		    padding-bottom: 10px;

			transition: all .3s;
			-o-transition: all .3s;
			-moz-transition: all .3s;
			-webkit-transition: all .3s;
		}

			nav ul li a {
			    color: #7b7c7e;
				font-size: 16px;
				text-transform: uppercase;
				display: block;
			}

				nav ul li.drop:hover a.princ,
				nav ul li.drop:hover a.princ:hover,
				nav ul li a:hover,
				nav ul li a:focus,
				nav ul li a.active {
					cursor: pointer;
		    		color: #000;
					text-decoration: none;
					/*font-weight: bold;*/
				    outline: none;
				    border-bottom: 3px solid #000;
				}

				nav ul li a.princ.active {
		    		color: #000 !important;
				}

				/*nav ul li .nav-empr.active,
				nav ul li .nav-serv.active {
				    border-bottom: 3px solid #000;
				}*/

				nav ul li.drop .down .nav-gest:hover,
				nav ul li.drop .down .nav-moda:hover {
				    border-bottom: 0 !important;
				}

			nav ul li.drop {
				position: relative;
			}

				nav ul li.drop:hover .down {
					display: block;
					border: transparent 0px solid;
				}

				nav ul li.drop .down.emp {
					left: 0px;
				}

				nav ul li.drop .down.cont {
					right: 0px;
					width: 160px;
				}

				nav ul li.drop .down {
					position: absolute;
    				padding: 0;
					z-index: 999;
    				width: 108px;
    				display: none;
    				top: 35px;
    				left: -5px;
    				background-color: #FFF;
				}

					nav ul li.drop .down a {
						display: block;
						text-align: center;
						color: #fff;
						font-size: 15px;
					    margin: 2px 0;
					    padding: 5px;
					}

					/*nav ul li.drop .down a:hover,
					nav ul li.drop .down a:focus,
					nav ul li.drop .down a.active {
					    background: #fff;
						color: #57595a !important;
					}*/

					nav ul li.drop .down .nav-gest,
					nav ul li.drop .down .nav-moda {
						font-family: seravek;
						font-size: 12px;
						background-color: #000;
						color: #FFF;
					}

					nav ul li.drop .down .nav-gest:hover,
					nav ul li.drop .down .nav-moda:hover,
					nav ul li.drop .down .nav-gest:active,
					nav ul li.drop .down .nav-moda:active,
					nav ul li.drop .down .nav-gest:focus,
					nav ul li.drop .down .nav-moda:focus {
					    background-color: #cfd1d2;
					    color: #000;
					}


					nav ul li.drop .down .sep {
						height: 1px;
						background: url(../img/line-gray.jpg) center center no-repeat;
						background-size: 80% 1px;
					}

					nav ul li.drop:hover a.princ:after {
					    content: "";
					    width: 0;
					    height: 0;
					    position: absolute;
					    border-right: 7px solid transparent;
					    border-top: 7px solid #000;
					    border-bottom: 7px solid transparent;
					    border-left: 7px solid transparent;
					    top: 26px;
					    left: 50%;
					    transform: translateX(-50%);
					}

			nav ul li.redes {
				padding: 0;
			}

				nav ul li.redes a {
					display: inline-block;
					background-color: #0089cf;
				    padding: 3px;
				    margin: 0 2px;
				    border-radius: 8px;
				    width: 30px;
				    height: 30px;
				    color: #FFF;
				    font-size: 18px;
				    transition: .2s ease-in;
				}

					nav ul li.redes a:hover {
					    background-color: #0068b5;
					    border-bottom: 0px;
					}

/* Fixed */

header.small {
	height: 60px;
	padding-top: 7px;
	padding-bottom: 5px;
}

	header.small .logo img {
		height: 45px;
	}

	header.small nav {
		padding-top: 0;
		border-top: none;
	}

		header.small nav ul {
			text-align: right;
		}

			header.small nav ul li {
			    margin: 0 -8px;
			}

				header.small nav ul li a {
				    /*margin: 0 12px;*/
				}


footer {
	background-color: #002d4f;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
}

.page-name {
	background-position: center top;
	background-repeat: no-repeat;
}

	.page-name .content {
		text-transform: uppercase;
		padding: 45px 15px 45px 65px;
		color: #fff;
	    font-family: seravek;
    	font-weight: 200;
		font-size: 24px;
		position: relative;
		line-height: 26px;
	}

	.page-name .subtitle {
    	font-size: 18px;
	}

	.page-name .watermark {
		position: absolute;
		top: 50%;
		left: 0;
		color: rgba(255,255,255,.12);
		font-size: 90px;
		font-weight: bold;
		z-index: 0;
		transform: translateY(-50%);
	}



/* Home */

#banners {
	position: relative;
}

#banner-mobile {
	display: none;
}

#banner {


}

.ban {
	display: block;
	width: 100%;
	height: 490px;
	background-position: center;
	background-repeat: no-repeat;
}

	.ban a {
		display: block;
		width: 100%;
		height: 490px;
	}


.cycle-pager,
.cycle-pager-mobile {
	position: absolute;
    text-align: center;
	bottom: 7px;
	width: 100%;
	z-index: 110;
}

	.cycle-pager span,
	.cycle-pager-mobile span {
    	border: #fff 1px solid;
		border-radius: 100%;
    	cursor: pointer;
		display: inline-block;
		margin:0 3px;
    	width: 12px;
    	height: 12px;
    }

		.cycle-pager span.cycle-pager-active,
		.cycle-pager-mobile span.cycle-pager-active {
	    	background: #fff;
			cursor: default;
		}

#especialistas {
	background: #a0d7f0;
}

	#especialistas .titulo {
		font-weight: 500;
		padding-top: 20px;
		padding-bottom: 20px;
		cursor: pointer;
		color: #004f84;
		text-transform: uppercase;
		text-align: center;
		font-size: 20px;
	}

	#especialistas .form {

	}

		#especialistas .form input,
		#especialistas .form textarea {
			width: 100%;
			margin-top: 15px;
			font-size: 18px;
			padding: 7px 15px;
		}

		#especialistas .form button {
			width: 100%;
			margin-top: 15px;
			font-size: 18px;
			padding: 12px 15px;
			background: #002d4f;
			color: #fff;
			font-weight: 500;
			border: none;
			text-transform: uppercase;
			cursor: pointer;
		    transition: .2s ease-in;
		}

			#especialistas .form button:hover {
			    background: #0089cf;
			}

		#especialistas .form textarea {
			resize: none;
		    height: 285px;
		    margin-bottom: -5px;
		}

		#especialistas .form select {
			width: 100%;
			margin-top: 15px;
			font-size: 18px;
			padding: 7px 15px;
			height: 45px;
		}

		#especialistas .form label.error {
			font-size: 14px;
		    color: #c00;
		}

#bpo {
	height: 570px;
	background: url(../img/bg-bpo.jpg) center top no-repeat;
}

#bpo-xs {
	display: none;
}

	.eff {
    	-webkit-transition: .2s ease-in-out;
	       -moz-transition: .2s ease-in-out;
		     -o-transition: .2s ease-in-out;
		    -ms-transition: .2s ease-in-out;
		    	transition: .2s ease-in-out;

		-webkit-transform: scale(0.7);
	}

		.eff:hover {
		    -webkit-transform: scale(1);
		}

	#bpo .icon-call-center {
	    position: absolute;
        top: 245px;
    	left: 140px;
	}

	#bpo .icon-atendimento {
	    position: absolute;
        top: 400px;
    	left: 206px;
	}

	#bpo .icon-consultoria {
    	position: absolute;
	    top: 98px;
    	left: 208px;
	}

	#bpo .icon-manutencao {
    	position: absolute;
        top: 22px;
    	left: 408px;
	}

	#bpo .icon-vistorias {
    	position: absolute;
	    top: 98px;
    	right: 178px;
	}

	#bpo .icon-corte {
    	position: absolute;
	    top: 242px;
    	right: 118px;
	}

	#bpo .icon-gestao {
	    position: absolute;
        top: 402px;
    	right: 198px;
	}

	#bpo .icon-leitura {
	    position: absolute;
        top: 455px;
    	left: 410px;
	}



#home .noticias {
    padding-top: 50px;
}

	#home .noticias .title {
		background: url(../img/bg-noticias-title.png) left bottom no-repeat;
		padding-bottom: 5px;
		font-family: Roboto;
	    font-size: 20px;
	    font-weight: bold;
	    text-transform: uppercase;
	    color: #0062b0;
	    padding-left: 20px;
	}

	#home .noticias .noticia {
    	margin-top: 30px;
	}

		#home .noticias .noticia .desc a:hover {
		    text-decoration: none;
		}

			#home .noticias .noticia .titulo {
			    font-family: Roboto;
			    font-size: 18px;
			    font-weight: bold;
			    text-transform: uppercase;
			    color: #0062b0;
			}

			#home .noticias .noticia .text {
			    font-family: Roboto;
			    font-weight: 100;
			    font-size: 14px;
			    color: #7b7c7e;
			}

			#home .noticias .noticia .desc .mais {
				font-family: Roboto;
			    font-size: 12px;
			    font-weight: 500;
			    border: 1px solid #7b7c7e;
			    color: #7b7c7e;
			    padding: 10px;
			    display: inline-block;
			    margin-top: 15px;
		        transition: .2s ease-in;
			}

				#home .noticias .noticia .desc .mais:hover {
				    background-color: #7b7c7e;
				    color: #FFF;
				    border: 1px solid #FFF;
				}

#agende {
	padding-top: 75px;
	padding-bottom: 75px;
	margin-top: -1px;
	background: url(../img/bg-agenda.jpg)	center top no-repeat;
	color: #fff;
}

	#agende .agende-content {
	    text-transform: uppercase;
	    font-size: 16px;
	    font-family: Roboto;
	}

		#agende .agende-title {
		    font-family: Roboto;
		    font-size: 22px;
		    font-weight: 100;
		    text-transform: uppercase;
		}

		#agende span {
		    font-family: Roboto;
		    font-size: 22px;
		    font-weight: bold;
		    text-transform: uppercase;
		}

		#agende .agende-aqui {
		    display: inline-block;
		    font-family: Roboto;
		    font-size: 16px;
		    font-weight: 500;
		    text-transform: uppercase;
		    color: #5fbbe5;
		    border: 1px solid #5fbbe5;
		    padding: 10px 50px;
		    transition: .2s ease-in;
		}

			#agende .agende-aqui:hover {
			    background-color: #5fbbe5;
			    color: #002647;
			    text-decoration: none;
			}

		#agende .agende-gratis {
		    font-family: Roboto;
		    font-size: 14px;
		    font-weight: 100;
		    text-transform: uppercase;
		    margin-top: 10px;
		}


#home #mapa iframe,
#home #map {
	width: 100%;
	height: 360px;
}

/* Empresa */

#empresa {
	padding-bottom: 80px;
	min-height: 800px;
}

	#empresa .page-name {
		background-image: url(../img/page-empresa.jpg)
	}

	#empresa .text {
		color: #7b7c7e;
		font-family: seravek;
		font-size: 18px;
		font-weight: 200;
		line-height: 24px;
		text-align: justify;
		padding-top: 35px;
	}

		#empresa .text strong {
			font-weight: bold;
		}

	#empresa .fotos img {
		max-height: 340px;
	}


/* Notícias */

#noticias {
	padding-bottom: 80px;
	background:#e3e4e4;
}

	#noticias .page-name {
		background-image: url(../img/page-noticias.jpg)
	}

	#noticias .page-text {
		color: #7b7c7e;
		font-size: 18px;
		line-height: 24px;
		text-align: justify;
		padding: 30px 0;
	}

	#noticias .busca {
		background: #fff;
		padding: 20px 0;
	}

		#noticias .busca span {
		    font-family: seravek;
		    text-transform: uppercase;
		    color: #7b7c7e;
		}

		#noticias .busca input[type="text"] {
		    background: #e9e9e9;
		    border: 0;
		    font-family: seravek;
    		font-weight: 200;
    		color: #7b7c7e;
    		padding-left: 5px;
		}

	#noticias .noticia {
	    border-top: 1px solid #d5d5d5;
	    margin-top: 30px;
	    padding-top: 20px;
	}

		#noticias .noticia .titulo {
		    font-family: Roboto;
		    font-size: 20px;
		    font-weight: bold;
		    text-transform: uppercase;
		    color: #305484;
		}

		#noticias .noticia .data,
		#noticias .noticia .autor {
		    font-family: Roboto;
		    font-size: 12px;
		    font-weight: bold;
		    text-transform: uppercase;
		    color: #305484;
		}

		#noticias .noticia a:hover {
			text-decoration: none;
		}

		#noticias .noticia .texto {
		    font-family: Roboto;
		    color: #7b7c7e;
		    margin-top: 15px;
		    margin-bottom: 15px;
		}

		#noticias .noticia .mais {
		    color: #305484;
		    border: 1px solid #305484;
		    display: inline-block;
		    padding: 5px 25px;
		    font-family: Roboto;
		    font-size: 12px;
		    transition: .1s ease-in;
		}

		#noticias .noticia .mais:hover {
			background-color: #305484;
			color: #e3e4e4;
		}


		#noticias .lista-noticias {
			min-height: 300px;
		}

			#noticias .lista-noticias h4 {
				color: #7b7c7e;
				padding-top: 50px;
			}


#noticias .detalhe {

}

	#noticias .detalhe .title {
		background: #fff;
	    padding: 40px 0;
	}

		#noticias .detalhe .titulo {
		    font-family: Roboto;
		    font-size: 20px;
		    font-weight: bold;
		    text-transform: uppercase;
		    color: #305484;
		}

		#noticias .detalhe .autor,
		#noticias .detalhe .data {
		    font-family: Roboto;
		    font-size: 12px;
		    font-weight: bold;
		    color: #305484;
		    text-transform: uppercase;
		}

	#noticias .detalhe .texto {
	    font-family: seravek;
	    font-size: 18px;
	    font-weight: 200;
	    color: #7b7c7e;
	    padding-top: 50px;
	}

		#noticias .detalhe .texto strong {
    		font-weight: bold;
		}

		#noticias .detalhe .img {
		    padding-top: 50px;
		}

		#noticias .detalhe .fonte {
		    font-family: Roboto;
		    font-size: 18px;
		    font-weight: bold;
		    text-transform: uppercase;
		}

		#noticias .detalhe .fonte a {
			color: #305484;
		}

			#noticias .detalhe .fonte a:hover {
				text-decoration: none;
			}


/* Contato */

#contato {
	padding-bottom: 80px;
	background:#e3e4e4;
}

	#contato .page-name {
		background-image: url(../img/page-contato.jpg)
	}

	#contato .page-text {
	    background-color: #FFF;
	    padding: 40px 0;
	    font-family: seravek;
	    font-size: 18px;
	    font-weight: 200;
	    color: #7b7c7e;
	}

	#contato .contato-content {
	    padding: 50px 0;
	}

		#contato .address,
		#contato .telefone,
		#contato .redes,
		#contato .contato-content .redes a {
		    font-family: seravek;
		    font-weight: 200;
		    color: #7b7c7e;
		    padding-bottom: 30px;
		}

			#contato .address strong,
			#contato .telefone strong,
			#contato .redes strong {
			    font-family: Roboto;
			    font-weight: bold;
			}


	#contato .form {

	}

		#contato input,
		#contato textarea {
		    padding: 5px 10px;
		    font-family: seravek;
		    font-size: 18px;
		    font-weight: 200;
	        margin-bottom: 10px;
		}

		#contato .form input,
		#contato .form textarea {
			width: 100%;
		}

		#contato textarea {
    		height: 200px;
		}

		#contato button {
			display: block;
		    background: transparent;
		    border: 1px solid #002d4f;
		    color: #002d4f;
		    font-family: Roboto;
		    font-size: 12px;
		    text-transform: uppercase;
		    padding: 5px 20px;
		    transition: .2s ease-in;
		}

			#contato button:hover,
			#contato button:active,
			#contato button:focus {
				background-color: #002d4f;
				color: #e4e4e4;
				cursor: pointer;
			}

	#contato label.error {
	    font-family: Roboto;
	    font-size: 12px;
	    color: red;
	    margin-top: -6px;
	    display: block;
	    margin-bottom: 10px;
	}

/* Serviços */

#servicos {
	padding-bottom: 80px;
}

	#servicos .page-name {
		background-image: url(../img/page-servicos.jpg)
	}

	#servicos .page-text {
	    font-family: seravek;
	    font-size: 20px;
	    font-weight: 200;
	    color: #7b7c7e;
	    padding: 50px 0;
	}

		#servicos .page-text strong {
		    font-weight: bold;
		}

	#servicos .slogan {
	    text-align: center;
	    padding: 0 0 40px;
	    font-family: seravek;
	    font-size: 24px;
	    color: #3d5d8a;
	    text-transform: uppercase;
	}

	#servicos .sidebar {
		border-right: #004f85 3px solid;
	}

		#servicos .sidebar ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}

			#servicos .sidebar ul li {
				display: block;
				margin-bottom: 2px;
				padding-right: 25px;
				position: relative;
			}

				#servicos .sidebar ul li.active:after,
				#servicos .sidebar ul li:hover:after{
					content: "";
					width: 0;
					height: 0;
					position: absolute;
					border-right: 10px solid #004f85;
					border-top: 10px solid transparent;
					border-bottom: 10px solid transparent;
					top: 50%;
					right: 0;
					transform: translateY(-50%);
				}

				#servicos .sidebar ul li a {
					display: block;
					background: #e1e1e1;
					padding-top: 12px;
					padding-bottom: 12px;
					text-align: center;
					cursor: pointer;
					font-family: seravek;
					font-size: 18px;
				    font-weight: bold;
				    color: #004f85;
				    text-transform: uppercase;
				}

					#servicos .sidebar ul li.active a,
					#servicos .sidebar ul li a:hover {
						background: #004f85;
						color: #fff;
					}

	#servicos .lista {
	    font-family: seravek;
	    font-size: 18px;
	    font-weight: 200;
	    color: #7b7c7e;
	}

	#servicos .lista .title {
	    font-weight: bold;
	    text-transform: uppercase;
	    margin-bottom: 10px;
	}

		#servicos .lista .servico {
			display: none;
		}


/* Serviços */

#solucoes {

}

	#solucoes .page-name {
		background-image: url(../img/page-gestao.jpg)
	}

	#solucoes.modalidade .page-name {
		background-image: url(../img/page-mobilidade.jpg)
	}

		#solucoes .page-name .content {
			padding-top: 34px;
			padding-bottom: 30px;
		}

	#solucoes .page-text {
	    font-family: seravek;
	    font-size: 20px;
	    font-weight: 200;
	    color: #7b7c7e;
	    padding: 40px 30px;
	    text-align: center;
	}

	#solucoes.modalidade .page-text {
		padding: 40px 30px 0;
	}

		#solucoes .page-text strong {
			font-weight: bold;
		}

	#solucoes .software {
		/*height: 570px;*/
    	background: url(../img/bg-software.jpg) center top no-repeat;
    	padding-top: 40px;
    	padding-bottom: 40px;
	}

		#solucoes .software .path {
		    position: relative;
		    height: 376px;
		    background: url(../img/og-software.png) center center no-repeat;
		}

			#solucoes .software .path .icon {
				position: absolute;
				display: block;
				background-color: #e9eaeb;
				background-size: 70% auto;
				background-position: center center;
				background-repeat: no-repeat;
				width: 65px;
				height: 65px;
				border-radius: 15px;
				cursor: pointer;
			}

			#solucoes .software .path .icon.active,
			#solucoes .software .path .icon:hover {
				background-color: #0a7ab5;
			}

			#solucoes .software .path .icon.small {
			    width: 48px;
			    height: 48px;
			    border-radius: 12px;
			}

	        #solucoes .software .path .icon.icon-planejamento {
			    background-image: url(../img/icon_planejamento.png);
			    top: 138px;
			    left: 322px;
	        }

	        #solucoes .software .path .icon.icon-cadastro {
				background-image: url(../img/icon_cadastro.png);
			    top: 315px;
			    left: 375px;
	        }

	        #solucoes .software .path .icon.icon-medicao {
				background-image: url(../img/icon_medicao.png);
			    top: 220px;
			    left: 450px;
	        }

	        #solucoes .software .path .icon.icon-atendimento {
				background-image: url(../img/icon_atendimento.png);
			    top: 70px;
			    left: 425px;
	        }

	        #solucoes .software .path .icon.icon-auto {
				background-image: url(../img/icon_auto.png);
			    top: 180px;
			    left: 545px;
	        }

	        #solucoes .software .path .icon.icon-cobranca {
				background-image: url(../img/icon_cobranca.png);
			    top: 310px;
			    left: 535px;
	        }

	        #solucoes .software .path .icon.icon-divida {
				background-image: url(../img/icon_divida.png);
			    top: 278px;
			    left: 645px
	        }

	        #solucoes .software .path .icon.icon-arrecadacao {
			    background-image: url(../img/icon_arrecadacao.png);
			    top: 80px;
			    left: 614px;
	        }

	        #solucoes .software .path .icon.icon-laboratorio {
				background-image: url(../img/icon_laboratorio.png);
			    top: 0;
			    left: 738px;
	        }

	        #solucoes .software .path .icon.icon-tecnico {
				background-image: url(../img/icon_tecnico.png);
			    top: 162px;
			    left: 710px;
	        }

	        #solucoes .software .path .icon.icon-gerencial {
				background-image: url(../img/icon_gerencial.png);
			    top: 268px;
			    left: 790px;
	        }

	        #solucoes .software .path .icon.icon-bi {
				background-image: url(../img/icon_bi.png);
			    top: 100px;
			    left: 815px
	        }

	        #solucoes .software .path .icon.icon-gis {
				background-image: url(../img/icon_gis.png);
			    top: 20px;
			    left: 900px;
	        }

	        #solucoes .software .path .icon.icon-rastreamento {
				background-image: url(../img/icon_rastreamento.png);
			    top: 170px;
			    left: 925px;
	        }

	        #solucoes .software .path .icon.icon-integracao {
				background-image: url(../img/icon_integracao.png);
			    top: 312px;
			    left: 935px;
	        }








	#solucoes .sidebar {
		border-right: #004f85 3px solid;
	}

		#solucoes .sidebar ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}

			#solucoes .sidebar ul li {
				display: block;
				margin-bottom: 2px;
				padding-right: 25px;
				position: relative;
			}

				#solucoes .sidebar ul li.active:after,
				#solucoes .sidebar ul li:hover:after{
					content: "";
					width: 0;
					height: 0;
					position: absolute;
					border-right: 10px solid #004f85;
					border-top: 10px solid transparent;
					border-bottom: 10px solid transparent;
					top: 50%;
					right: 0;
					transform: translateY(-50%);
				}

				#solucoes .sidebar ul li a {
					display: block;
					background: #e1e1e1;
					padding-top: 12px;
					padding-bottom: 12px;
					text-align: center;
					cursor: pointer;
				    font-family: seravek;
				    font-size: 18px;
    				text-transform: uppercase;
    				font-weight: bold;
    				color: #004f85;
				}

					#solucoes .sidebar ul li.active a,
					#solucoes .sidebar ul li a:hover {
						background: #004f85;
						color: #fff;
					}

	#solucoes .lista {

	}

		#solucoes .lista .solucao {
			display: none;
			background-repeat: no-repeat;
			background-position: center top;
			min-height: 400px;
			font-family: seravek;
    		font-size: 18px;
    		color: #7b7c7e;
		}

		#solucoes .solu-acc {
			background-repeat: no-repeat;
			background-position: center 30px;
			background-size: 80% auto;
		}

			#solucoes .solucao .title {
				text-transform: uppercase;
    			font-weight: bold;
			    margin-bottom: 15px;
			}

			#solucoes .lista .text {
			    font-weight: 200;
			}


		#solucoes .lista .title-modalidade {
			height: 300px;
			padding-top: 270px;
		    padding-left: 10px;
		    text-transform: uppercase;
		    font-weight: bold;
		    color: #FFF;
		}

		#solucoes .lista .title-modalidade-single {
		    text-transform: uppercase;
		    font-weight: bold;
		    margin-bottom: 15px;
		}

	.modalidade #accordion .title {
		color: #FFF;
	}


/* Agende */

#agenda {
	padding-bottom: 50px;
	background:#e3e4e4;
	min-height: 750px;
}

	#agenda .page-name {
		background-image: url(../img/page-agende.jpg)
	}

		#agenda .page-name .watermark {
		    font-size: 75px;
		}

	#agenda .page-text {
		background: #fff;
		color: #7b7c7e;
		font-size: 18px;
		line-height: 24px;
		text-align: justify;
		padding: 30px 0;
	}

	#agenda .form {
		padding-top: 50px;
		padding-bottom: 50px;
	}

		#agenda .form h5 {
			text-transform: uppercase;
			color: #002d4f;
			text-align: center;
			margin-bottom: 25px;
		}

		#agenda input,
		#agenda select {
		    padding: 5px 10px;
		    font-family: seravek;
		    font-size: 18px;
		    font-weight: 200;
	        margin-bottom: 10px;
			width: 100%;
		}

		#agenda button {
			display: block;
		    background: transparent;
		    border: 1px solid #002d4f;
		    color: #002d4f;
		    font-family: Roboto;
		    font-size: 16px;
		    text-transform: uppercase;
		    padding: 12px 20px;
		    transition: .2s ease-in;
		    width: 100%;
		    margin-top: 20px;
		}

			#agenda button:hover,
			#agenda button:active,
			#agenda button:focus {
				background-color: #002d4f;
				color: #e4e4e4;
				cursor: pointer;
			}

	#agenda label.error {
	    font-family: Roboto;
	    font-size: 12px;
	    color: red;
	    margin-top: -6px;
	    display: block;
	    margin-bottom: 10px;
	}

footer address {
    font-family: Roboto;
    font-size: 12px;
}

	footer .logo-footer {
	    border-right: 1px solid #FFF;
	    padding: 0 50px;
	}

	footer .endereco-footer {
	    border-right: 1px solid #FFF;
	    padding: 0 50px;
	}

	footer .telefone-footer {
	    border-right: 1px solid #FFF;
	    padding: 0 50px;
	}

	footer .redes {
	    padding: 0 50px;
	}

	footer .footer-title {
	    font-weight: bold;
	    text-transform: uppercase;
        margin-bottom: 4px;
	}

	footer .telefone-footer {
	    font-family: Roboto;
	    font-size: 12px;
	}

	footer .redes {
	    font-family: Roboto;
	    font-size: 12px;
	}

		footer .redes a {
		    color: #FFF;
	        display: inline-block;
    		margin-bottom: 4px;
		}

			footer .redes a:hover {
				text-decoration: none;
			}

			.redes a span {
			    background-color: #FFF;
			    border-radius: 4px;
		        width: 17px;
    			height: 17px;
			    display: inline-block;
			    text-align: center;
			}

				.redes a span i {
				    color: #002d4f;
				    font-size: 11px;
				}

.s-content {
	padding-top: 50px;
}



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

	.ban {
		background-size: cover;
	}

	#bpo .icon-call-center {
        left: 50px;
	}

	#bpo .icon-atendimento {
	    left: 116px;
	}

	#bpo .icon-consultoria {
	    left: 118px;
	}

	#bpo .icon-manutencao {
		left: 320px;
	}

	#bpo .icon-vistorias {
	    right: 90px;
	}

	#bpo .icon-corte {
        right: 28px;
	}

	#bpo .icon-gestao {
        right: 108px;
        top: 405px;
	}

	#bpo .icon-leitura {
        left: 320px;
	}

	#empresa .fotos img {
		max-height: 283px;
	}

	nav ul li {
	    width: 80px;
        padding: 0px;
	}

	nav ul li.drop .down {
	    left: -12px;
	}

	header.small nav ul li {
	    margin: 0;
	}

    #solucoes .software .path .icon.icon-planejamento {
		left: 232px;
    }

    #solucoes .software .path .icon.icon-cadastro {
	    left: 285px;
    }

    #solucoes .software .path .icon.icon-medicao {
	    left: 360px;
    }

    #solucoes .software .path .icon.icon-atendimento {
	    left: 335px;
    }

    #solucoes .software .path .icon.icon-auto {
	    left: 455px;
    }

    #solucoes .software .path .icon.icon-cobranca {
	    left: 445px;
    }

    #solucoes .software .path .icon.icon-divida {
	    left: 555px
    }

    #solucoes .software .path .icon.icon-arrecadacao {
	    left: 524px;
    }

    #solucoes .software .path .icon.icon-laboratorio {
	    left: 648px;
    }

    #solucoes .software .path .icon.icon-tecnico {
	    left: 620px;
    }

    #solucoes .software .path .icon.icon-gerencial {
	    left: 700px;
    }

    #solucoes .software .path .icon.icon-bi {
	    left: 725px
    }

    #solucoes .software .path .icon.icon-gis {
	    left: 810px;
    }

    #solucoes .software .path .icon.icon-rastreamento {
	    left: 835px;
    }

    #solucoes .software .path .icon.icon-integracao {
	    left: 845px;
    }


}

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

	.open-nav {
		display: block;
	    cursor: pointer;
	    position: absolute;
	    right: 25px;
	    top: 50%;
	    transform: translateY(-50%);
	    z-index: 999;
	}

	.close-nav {
		display: block;
    	padding: 20px;
    	cursor: pointer;
	}

	nav {
		position: fixed;
		z-index: 9999;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		margin-top: 0;
		display: none;
		padding: 0;
		background: rgba(255, 255, 255, .90);
	}

		nav ul {
			height: 100%;
			overflow-y: auto;
			overflow-x: hidden;
			padding-top: 0;
			padding-right: 0;
		}

			nav ul li {
				display:block;
				border: none;
				text-align: right;
				padding: 0 0 0 0;
			    width: 100%;
				height: auto;
				background: none;
			}

				nav ul li a {
				    white-space: nowrap;
				    font-size: 24px;
				    margin: 0 0 5px 0;
				    color: #7b7c7e;
				    background: none;
				    padding-top: 0;
				    text-align: center;
				}

				nav ul li a:hover,
				nav ul li a:focus,
				nav ul li a.active {
					color: #000;
				    background: none;
				    text-align: center;
			        border-bottom: 0;
				}

				/*nav ul li a.princ {
					display: none;
				}*/

				nav ul li.drop .down {
					position: unset;
					background: none;
					top: 0;
					padding: 0;
    				display: block;
    				width: auto !important;
				}

					nav ul li.drop .down .sep {
						display: none;
					}

					nav ul li.drop .down a {
					    display: block;
					    text-align: right;
					    color: #fff;
					    font-size: 24px;
					    margin: 0 0 5px 0;
					    padding: 0;
					}

					nav ul li.drop .down a:hover,
					nav ul li.drop .down a:focus,
					nav ul li.drop .down a.active {
					    background: none;
						color: #000 !important;
					}

					nav ul li .redes a {
						display: inline-block;
						margin: 25px 0 0 25px;
					}

					nav ul li.drop:hover a.princ::after,
					nav ul li.drop a.princ::after {
				        content: "";
					    width: 0;
					    height: 0;
					    position: absolute;
					    border-right: 0px solid transparent;
					    border-top: 0px solid #000;
					    border-bottom: 0px solid transparent;
					    border-left: 0px solid transparent;
					    top: 40%;
					    left: 49%;
					    transform: translateY(-50%);
					}

					nav ul li.drop .down .nav-gest,
					nav ul li.drop .down .nav-moda {
						font-size: 16px;
						background-color: transparent;
					    color: #000;
					    padding: 5px 0;
					    text-align: center;
					}

					nav ul li.drop:hover a.princ,
					nav ul li.drop a.princ {
						border-bottom: 0px solid #000;
						cursor: default;
					}

					nav ul li.redes {
						text-align: center;
					}

					nav ul li.redes a:hover,
					nav ul li.redes a:active,
					nav ul li.redes a:focus {
						color: #FFF;
					}

					nav ul li.drop:hover a.princ,
					nav ul li.drop:hover a.princ:hover,
					nav ul li a:hover, nav ul li a:focus,
					nav ul li a.active {
						border-bottom: 0px solid #000;
					}

					nav ul li.drop .down .nav-gest:hover,
					nav ul li.drop .down .nav-moda:hover,
					nav ul li.drop .down .nav-gest:active,
					nav ul li.drop .down .nav-moda:active,
					nav ul li.drop .down .nav-gest:focus,
					nav ul li.drop .down .nav-moda:focus {
						background-color: transparent;
					}

	header .logo {
	    text-align: center;
	}


/*	header {
		height: auto;
		padding-bottom: 20px;
	}


	nav ul li.drop .down {
	    left: -6px;
	}

	nav ul li {
	    width: 98px;
	}

	nav ul li.redes {
    	padding: 15px 0 0 0;
    	width: 100%;
	}*/

	#empresa .fotos img {
		max-height: 207px;
	}

	#bpo .icon-call-center {
    	left: -70px;
	}

	#bpo .icon-atendimento {
	    left: -4px;
	}

	#bpo .icon-consultoria {
	    left: -2px;
	}

	#bpo .icon-manutencao {
        left: 200px;
	}

	#bpo .icon-vistorias {
        right: -29px;
	}

	#bpo .icon-corte {
	    right: -91px;
	}

	#bpo .icon-gestao {
	    right: -12px;
	}

	#bpo .icon-leitura {
        left: 200px;
	}

	#solucoes .lista .title-modalidade {
	    height: auto;
    	padding-top: 105px;
	}

	#solu1 .title-modalidade, #solu-1 .title,
	#solu2 .title-modalidade, #solu-2 .title,
	#solu3 .title-modalidade, #solu-3 .title {
		background-size: 100% auto;
    	background-repeat: no-repeat;
	}

	#noticias .noticia .img {
		margin-bottom: 10px;
	}

	footer .logo-footer {
	    border-right: 0;
	    border-bottom: 1px solid #FFF;
	    padding: 20px 0;
	    text-align: center;
	}

	footer .endereco-footer {
	    border-right: 0;
	    padding: 20px 0 0;
	    text-align: center;
	}

	footer .telefone-footer {
	    border-right: 0;
	    padding: 20px 0;
	    text-align: center;
	}

	footer .redes {
	    text-align: center;
	}

	footer .redes-footer {
	    padding: 0;
	}

	#solucoes .software .path {
	    background-size: 100% auto;
	}

		#solucoes .software .path .icon {
		    width: 55px;
		    height: 55px;
		    border-radius: 12px;
		}

		#solucoes .software .path .icon.small {
		    width: 40px;
		    height: 40px;
		    border-radius: 10px;
		}

	    #solucoes .software .path .icon.icon-planejamento {
			left: 145px;
			top: 145px;
	    }

	    #solucoes .software .path .icon.icon-cadastro {
		    left: 194px;
		    top: 300px;
	    }

	    #solucoes .software .path .icon.icon-medicao {
		    left: 256px;
		    top: 217px;
	    }

	    #solucoes .software .path .icon.icon-atendimento {
		    left: 235px;
		    top: 85px;
	    }

	    #solucoes .software .path .icon.icon-auto {
			left: 336px;
		    top: 180px
	    }

	    #solucoes .software .path .icon.icon-cobranca {
		    left: 328px;
		    top: 295px;
	    }

	    #solucoes .software .path .icon.icon-divida {
		    left: 425px;
		    top: 265px;
	    }

	    #solucoes .software .path .icon.icon-arrecadacao {
			left: 398px;
		    top: 95px;
	    }

	    #solucoes .software .path .icon.icon-laboratorio {
		    left: 505px;
		    top: 25px;
	    }

	    #solucoes .software .path .icon.icon-tecnico {
		    left: 480px;
		    top: 168px;
	    }

	    #solucoes .software .path .icon.icon-gerencial {
			left: 550px;
		    top: 260px;
	    }

	    #solucoes .software .path .icon.icon-bi {
		    left: 570px;
		    top: 115px;
	    }

	    #solucoes .software .path .icon.icon-gis {
			left: 645px;
		    top: 45px;
	    }

	    #solucoes .software .path .icon.icon-rastreamento {
			left: 665px;
		    top: 172px;
	    }

	    #solucoes .software .path .icon.icon-integracao {
			left: 674px;
		    top: 295px;
	    }

}

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

	header .container.relative {
    	margin: 0;
    	width: 100%;
    	max-width: 100%;
	}

	#banner-mobile {
		display: block;
	}

	#banner {
		display: none;
	}

	#bpo {
		display: none;
	}

	#bpo-xs {
		display: block;
		background: url(../img/bg-bpo-xs.jpg) center center no-repeat;
		background-size: cover;
		padding: 40px 0;
	}

		#bpo-xs .eff {
		    text-align: center;
		    padding: 15px;
		    -webkit-transform: scale(1);
		}

	#home .noticia .img {
    	margin-bottom: 10px;
	}

	#contato .contato-content {
	    padding: 30px;
	}

	#empresa .empresa-content {
    	padding: 30px;
	}

	#empresa .fotos img {
		max-height: 141px;
	}

	#solu1 .title-modalidade, #solu-1 .title,
	#solu2 .title-modalidade, #solu-2 .title,
	#solu3 .title-modalidade, #solu-3 .title {
		/*height: 150px;*/
	}

	#servicos .page-text {
	    padding: 50px 30px;
    	text-align: center;
	}

	#contato .page-text {
		padding: 40px 30px;
		text-align: center;
	}

	#accordion {
		padding-top: 50px;
	}

		#accordion .ac-sol {
		    background-color: #2a5082;
		    padding: 10px;
		    text-align: center;
		    text-transform: uppercase;
		    font-family: seravek;
		    font-size: 20px;
		    font-weight: bold;
		    color: #e1e1e1;
	        margin-bottom: 2px;
	        cursor: pointer;
		}

		#accordion .ndaz {
    		margin-top: 5px;
		}

		#accordion .ac-sol.collapsed {
    		background-color: #e1e1e1;
    		color: #2a5082;
		}

		#accordion .title {
			font-family: seravek;
		    font-weight: bold;
		    font-size: 18px;
		    padding: 20px;
		    color: #7b7c7e;
		    text-transform: uppercase;
		}

		#accordion .text {
		    font-family: seravek;
		    font-weight: 200;
		    font-size: 18px;
		    padding: 20px;
		    color: #7b7c7e;
		    text-align: justify;
		}

	.modalidade #accordion {
    	padding-top: 0;
	}

	#noticias .noticia .img {
		margin-bottom: 10px;
	}

	footer .redes {
    	padding: 20px 0;
	}

	#solucoes .software {
		background-color: #e1e1e1;
	}

		#solucoes .software .path {
		    position: relative;
		    height: 885px;
		    background: url(../img/bg-gestao-mobile.png) center top no-repeat;
		}

		#solucoes .software .path .icon {
		    width: 55px;
		    height: 55px;
		    border-radius: 15px;
		}

		#solucoes .software .path .icon.small {
		    width: 48px;
		    height: 48px;
		    border-radius: 12px;
		}

	    #solucoes .software .path .icon.icon-planejamento {
			left: 140px;
			top: 222px;
	    }

	    #solucoes .software .path .icon.icon-cadastro {
			left: 85px;
		    top: 308px
	    }

	    #solucoes .software .path .icon.icon-medicao {
		    left: 185px;
		    top: 345px;
	    }

	    #solucoes .software .path .icon.icon-atendimento {
			left: 330px;
		    top: 322px;
	    }

	    #solucoes .software .path .icon.icon-auto {
		    left: 275px;
		    top: 435px;
	    }

	    #solucoes .software .path .icon.icon-cobranca {
			left: 140px;
		    top: 437px;
	    }

	    #solucoes .software .path .icon.icon-divida {
		    left: 80px;
		    top: 538px;
	    }

	    #solucoes .software .path .icon.icon-arrecadacao {
			left: 215px;
		    top: 528px;
	    }

	    #solucoes .software .path .icon.icon-laboratorio {
			left: 400px;
		    top: 515px;
	    }

	    #solucoes .software .path .icon.icon-tecnico {
			left: 355px;
		    top: 628px;
	    }

	    #solucoes .software .path .icon.icon-gerencial {
		    left: 175px;
		    top: 605px;
	    }

	    #solucoes .software .path .icon.icon-bi {
		    left: 175px;
		    top: 697px;
	    }

	    #solucoes .software .path .icon.icon-gis {
			left: 377px;
		    top: 752px;
	    }

	    #solucoes .software .path .icon.icon-rastreamento {
			left: 240px;
		    top: 828px;
	    }

	    #solucoes .software .path .icon.icon-integracao {
			left: 80px;
		    top: 828px;
	    }


}

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

		.page-name .watermark {
		    font-size: 12vw;
		}

		#solucoes .software .path {
			width: 320px;
			margin: auto;
		    height: 710px;
		    background-size: 90% auto;
		}

		#solucoes .software .path .icon {
		    width: 48px;
		    height: 48px;
		    border-radius: 12px;
		}

		#solucoes .software .path .icon.small {
		    width: 48px;
		    height: 48px;
		    border-radius: 12px;
		}

	    #solucoes .software .path .icon.icon-planejamento {
		    left: 65px;
		    top: 175px;
	    }

	    #solucoes .software .path .icon.icon-cadastro {
			left: 18px;
		    top: 242px;
	    }

	    #solucoes .software .path .icon.icon-medicao {
		    left: 100px;
		    top: 268px;
	    }

	    #solucoes .software .path .icon.icon-atendimento {
			left: 208px;
		    top: 255px;
	    }

	    #solucoes .software .path .icon.icon-auto {
			left: 165px;
    		top: 345px;
	    }

	    #solucoes .software .path .icon.icon-cobranca {
		    left: 55px;
		    top: 345px;
	    }

	    #solucoes .software .path .icon.icon-divida {
			left: 12px;
		    top: 420px;
	    }

	    #solucoes .software .path .icon.icon-arrecadacao {
			left: 128px;
		    top: 415px;
	    }

	    #solucoes .software .path .icon.icon-laboratorio {
			left: 255px;
		    top: 408px;
	    }

	    #solucoes .software .path .icon.icon-tecnico {
		    left: 230px;
		    top: 498px;
	    }

	    #solucoes .software .path .icon.icon-gerencial {
			left: 90px;
		    top: 478px;
	    }

	    #solucoes .software .path .icon.icon-bi {
			left: 85px;
		    top: 550px;
	    }

	    #solucoes .software .path .icon.icon-gis {
			left: 245px;
    		top: 595px;
	    }

	    #solucoes .software .path .icon.icon-rastreamento {
		    left: 130px;
		    top: 655px;
	    }

	    #solucoes .software .path .icon.icon-integracao {
		    left: 20px;
		    top: 655px;
	    }






}