@charset "utf-8";
/* CSS Document */

body{
	
	 overflow-x: hidden;
	
	
	
}

.bg-s {
	
	background-image: url("../images/fundoMobile.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
   	z-index: -1;
	
}

	.sidebar {
  position: absolute;     /* pode trocar para absolute se quiser */
  top: 95px;          /* 🔴 AJUSTE AQUI */
  left: -15px;          /* 🔴 AJUSTE AQUI */
  width: 70px;
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 8px;
  z-index: 1000;
}

/* TEXTO NA VERTICAL */
.sidebar .item {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 14px;
  transition: 0.3s;
}

/* HOVER */
.sidebar .item:hover {
  color: #ffbb00;
}

/* personalizar a barra em geral, aqui estou definindo 10px de largura para a barra vertical
e 10px de altura para a barra horizontal */
::-webkit-scrollbar {
width:10px;
height: 10px;
}
 
/* aqui é para personalizar o fundo da barra, neste caso estou colocando um fundo cinza escuro*/
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.5);
}
 
/* aqui é a alça da barra, que demonstra a altura que você está na página
estou colocando uma cor azul clara nela*/
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.3);
}


header{
	overflow-x: hidden;
}

html{
	overflow-x: hidden;
}
.ho1, span{
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-shadow: 0px 0px 1px #333;
color: #fff;	
left: 28px;
margin-top:15px; 	
	
	
}







.conta{
	background-image: url("../images/botoes/entraremcontato.png");
	position:fixed;
	background-repeat: no-repeat;
	bottom:80px;
	left:2px;
	height: 133px;
	width: 35px;
	z-index: 1000000;
}

.conta:hover{
	background-image: url("../images/botoes/contato2.png");
	position:fixed;
	bottom:20px;
	left:2px;
	height: 133px;
	width: 35px;
	z-index: 1000000;
}


.ho1, span:hover{
color: #FAA954;	
}

a:hover{
	text-decoration:none;
}


.tes:hover{
	color: #FAA954;	
	
}
.pub{
	
	margin-top: -5px;
margin-left: 30px;
}

.tex{
	margin-top: 50px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #FFFFFF;
	font-size: 15pt; 
	
}

.move1{
	position: relative;
	transform: translate(195px, 0px);
	height: 120px;
	margin-top: 15px;
	transition-duration: 1s;
}


.move1:hover, .move1.hashover{
	transform: translate(270px, 0px);
	
}

.move2{
	position: relative;
	transform: translate(195px, 0px);
	height: 120px;
	margin-top: -2px;
	transition-duration: 1s;
}

.move2:hover, .move2.hashover{
	
	transform: translate(270px, 0px);
	
}
.move3{
	position: relative;
	transform: translate(195px, 0px);
	height: 120px;
	margin-top: 0px;
	transition-duration: 1s;
}

.move3:hover, .move3.hashover{
	transform: translate(270px, 0px);
	
}
.move4{
	position: relative;
	transform: translate(205px, 0px);
	height: 120px;
	margin-top: -10px;
	transition-duration: 1s;
}

.move4:hover, .move4.hashover{
	transform: translate(270px, 0px);
	
}


#container-rodape{
    width: 100%;
    height: 100%;
    background-image: url("../images/bg.png");
	
}
.fot{
	background-color: #1D2331;
	color: #FFFFFF;
}
.footer-copyright{
	background-color: #161D27;
	color: #fff;
}

.fort{
	color: #FFFFFF;
	position: relative;
	left: 55px;
	width: 85%;
	text-align: justify;
	font-size: 16px;
}

	.logo{
		
	margin-left: 25px;	
	margin-top: 0px;	
	height: 90px;
    max-width: 77%;
}
	.faixa{
		position: fixed;
	background-image: url(../images/linha.png);
	/*background:  rgba(250,169,84,0.5);*/
	height: 575px;
	width: 25px;
	margin-left: 53px;
	margin-top: 57px;
    z-index: 1;

}



.fa-cit{
	position: absolute;
	height: 25px;
	width: 25px;
 	border-radius: 50%;	
 	padding:0px;
	top: 70px;
		
	}
	.fa-cit:hover{
	
	content: url("../images/botoes/NbotaoConfigApagado.png");
}
	.fa-hom{
	position: absolute;
	height: 25px;
	width: 25px;
 	border-radius: 50%;	
 	padding:0px;
	top: 180px;
		
	}
	.fa-hom:hover{
	
	content: url("../images/botoes/NhomeApagado.png");
 	
	}
	
	.fa-use{
	position: absolute;
	height: 25px;
	width: 25px;
 	border-radius: 50%;	
 	padding:0px;
	top: 300px;
	}
	.fa-use:hover{
	
	content: url("../images/botoes/NsocialApagado.png");
 	
	}
	.fa-micr{
	position: absolute;
	height: 25px;
	width: 25px;
 	border-radius: 50%;	
 	padding:0px;
	top: 410px;
	}

	.fa-micr:hover{
	
	content: url("../images/botoes/NdigitalApagado.png");
 	
	}

.fa-facebook-f{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding-top:20%;
	padding-left:35%;
	padding-right:35%;	
	padding-bottom: 20%; 	
	top: 380px;
	z-index: 12;	
	}
	
	.fa-facebook-f:hover{	
	color: #000;
	background-color: #FAA954; 	
	}
	
	.fa-instagram{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding-top:20%;
	padding-left:22%;
	padding-right:22%;	
	padding-bottom: 20%; 
	top: 450px;
	z-index: 12;	
	}
	
	.fa-instagram:hover{	
	color: #000;
	background-color: #FAA954; 	
	}
	
	.fa-whatsapp{
	position: absolute;
	background-color: #161D27;
	color: white;	
 	border-radius: 50%;	
 	padding-top:20%;
	padding-left:22%;
	padding-right:22%;	
	padding-bottom: 20%; 	
	top: 520px;
	z-index: 15;	
	}
	.fa-whatsapp:hover{	
	color: #000;
	background-color: #FAA954; 	
	}

	


.are{
	position: relative;
	text-align: center;
	color: #1605AF;
	background-color: #A2A2A2;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	width: 150px;
	right: -30px;
	
	 
}
.are:hover{
		color: #1605AF;
	background-color: #FAA954;
	}

.area{
	position: relative;
	margin-right: 0px;
	margin-top: 0px;	
	max-width: 100%;
	top: -25px;
	left: 200px;
	
	
	
}

.rot {
	position: fixed;
	margin-left: -40px;
	margin-top: 110px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 15111;
}

.rot, span:hover{
	color: #FAA954;	
}

.rot2 {
	position: fixed;
	margin-left: -10px;
	margin-top: 210px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11221;
}

.rot2, span:hover{
	color: #FAA954;	
}

.rot3 {
	position: fixed;
	margin-left: -19px;
	margin-top: 330px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11131;
}

.rot3, span:hover{
	color: #FAA954;	
}

.rot4 {
	position: fixed;
	margin-left: -10px;
	margin-top: 450px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11141;
}

.rot4, span:hover{
	color: #FAA954;	
}

.log{
	position: absolute;
	right: 20px !important;
	background-color: #008BF0;
	color: #161D27;
	font-size: 5pt;
	
}

@media (min-width: 1024px){
	.logo{
	margin-left: 30px;	
	margin-top: 0px;	
	height: 110px;
    max-width: 100%;
}
	.faixa{
	position: absolute;
    background-image: url(../images/linha.png);
	/*background:  rgba(250,169,84,0.5);*/
	height: 375px;
	width: 35px;
	left: 1px;
    margin-top: 75px;
    z-index: -1;

}
	.fa-home{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding:7px;
	top: 60px;
		
	}
	
	.fa-city{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding:8px;
	top: 160px;
		
	}
	
	.fa-users{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding:7px;
	top: 260px;
		
	}
	
	.fa-microchip{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
		
 	padding:10px;
	top: 360px;
		
	}
	
	.fa-whatsapp{
	position: absolute;
	background-color: #161D27;
color: white;
	color: #000;	
 	border-radius: 50%;	
 	padding:10px;
	top: 360px;
	}
	
	

.pub{
	
	margin-top: -5px;
margin-left: -50px;
}
  
	.area{
	position: absolute;
	margin-right: 0px;	
	max-width: 18%;
	top: 5px;
	margin-top: -10px;		
	left: 850px;
}
	.ho1, span{
position: relative;
font-size:24px;
left: -40px;
}
	
	.move1{
	position: relative;
	transform: translate(540px, 0px);
	height: 100px;
	margin-top: 0px;	
}

.move1:hover, .move1.hashover{
	transform: translate(390px, 0px);
	transition-duration: 1s;
}



.move2{
	position: relative;
	transform: translate(540px, 0px);
	height: 100px;
	margin-top: 0px;	
}

.move2:hover, .move2.hashover{
	transform: translate(420px, 0px);
	transition-duration: 1s;
}
.move3{
	position: relative;
	transform: translate(560px, 0px);
	height: 100px;
	margin-top: 0px;	
}

.move3:hover, .move3.hashover{
	transform: translate(480px, 0px);
	transition-duration: 1s;
}
.move4{
	position: relative;
	transform: translate(560px, 0px);
	height: 100px;
	margin-top: 0px;	
}

.move4:hover, .move4.hashover{
	transform: translate(470px, 0px);
	transition-duration: 1s;
}

#container-rodape{
    width: 100%;
    height: 100%;
    background-image: url("../images/bg.png");
	
}
.fot{
	background-color: #1D2331;
	color: #FFFFFF;
}
.footer-copyright{
	background-color: #161D27;
	color: #fff;
}
}

@media (min-width: 1280px){
	.logo{
	margin-left: 30px;	
	margin-top: 0px;	
	height: 110px;
    max-width: 100%;
}
	.faixa{
	position: absolute;
    background-image: url(../images/linha.png);
	/*background:  rgba(250,169,84,0.5);*/
	height: 440px;
	width: 35px;
	left: 1px;
    margin-top: 75px;
    z-index: -1;

}
	.fa-home{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:8px;
	top: 60px;
		
	}
	
	.fa-city{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:7px;
	top: 180px;
		
	}
	
	.fa-users{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:7px;
	top: 300px;
		
	}
	
	.fa-microchip{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 420px;
		
	}
	
	

.pub{
	
	margin-top: -5px;
margin-left: -65px;
}
  
	.area{
	position: absolute;
	margin-right: 0px;	
	max-width: 18%;
	top: 5px;
	margin-top: -10px;		
	left: 1000px;
}
	.ho1, span{
position: relative;
font-size:24px;
left: -65px;
}
	
	.move1{
	position: relative;
	transform: translate(650px, 0px);
	height: 120px;
	margin-top: 0px;	
}

.move1:hover, .move1.hashover{
	transform: translate(450px, 0px);
	transition-duration: 1s;
}



.move2{
	position: relative;
	transform: translate(650px, 0px);
	height: 120px;
	margin-top: 0px;	
}

.move2:hover, .move2.hashover{
	transform: translate(545px, 0px);
	transition-duration: 1s;
}
.move3{
	position: relative;
	transform: translate(670px, 0px);
	height: 120px;
	margin-top: 0px;	
}

.move3:hover, .move3.hashover{
	transform: translate(600px, 0px);
	transition-duration: 1s;
}
.move4{
	position: relative;
	transform: translate(670px, 0px);
	height: 120px;
	margin-top: 0px;	
}

.move4:hover, .move4.hashover{
	transform: translate(560px, 0px);
	transition-duration: 1s;
}

#container-rodape{
    width: 100%;
    height: 100%;
    background-image: url("../images/bg.png");
	
}
.fot{
	background-color: #1D2331;
	color: #FFFFFF;
}
.footer-copyright{
	background-color: #161D27;
	color: #fff;
}
}

@media (min-width: 1366px) {

	.sidebar {
  position: absolute;     /* pode trocar para absolute se quiser */
  top: 120px;          /* 🔴 AJUSTE AQUI */
  left: 0px;          /* 🔴 AJUSTE AQUI */
  width: 70px;
  height: 720px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 8px;
  z-index: 1000;
}

/* TEXTO NA VERTICAL */
.sidebar .item {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 14px;
  transition: 0.3s;
}

/* HOVER */
.sidebar .item:hover {
  color: #ffbb00;
}
	
	.bg-s {
	
	background-image: url("../images/fundopc.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
    background-attachment: fixed !important;	
   	z-index: -1;
	
}
	
.logo{
	margin-left: 30px;	
	margin-top: 20px;	
	height: 120px;
    max-width: 100%;
}
	.faixa{
	position: absolute;
    background-image: url(../images/linha.png);
	/*background:  rgba(250,169,84,0.5);*/
	height: 775px;
	width: 38px;
	left: 5px;
    margin-top: 105px;
    z-index: 1;

}
	.fa-cit{
	position: absolute;
	height: 40px;
	width: 40px;	
 	border-radius: 50%;	
 	padding:0px;
	top: 90px;
		
	}
	.fa-cit:hover{
	
	content: url("../images/botoes/NbotaoConfigApagado.png");
 	
	}
	
	.fa-hom{
	position: absolute;
	height: 40px;
	width: 40px;	
 	border-radius: 50%;	
 	padding:0px;
	top: 250px;
		
	}
	
	.fa-hom:hover{
	
	content: url("../images/botoes/NhomeApagado.png");
 	
	}
	
	.fa-use{
	position: absolute;
	height: 40px;
	width: 40px;	
 	border-radius: 50%;	
 	padding:0px;
	top: 460px;
		
	}
	.fa-use:hover{
	
	content: url("../images/botoes/NsocialApagado.png");
 	
	}
	
	.fa-micr{
	position: absolute;
	height: 40px;
	width: 40px;
 	border-radius: 50%;	
 	padding:0px;
	top: 640px;
		
	}
	.fa-micr:hover{
	
	content: url("../images/botoes/NdigitalApagado.png");
 	
	}
	
	

.pub{
	
margin-top: -1px;
margin-left: -80px;
height: 80px;
width: 300%;	
}
  
	.area{
	position: absolute;
	margin-right: 0px;	
	max-width: 18%;
	top: 5px;
	margin-top: 8px;		
	left: 1100px;
}
	.are{
	position: absolute;
	text-align: center;
	color: #1605AF;
	background-color: #A2A2A2;
	margin-top: 870px;
	margin-left: 5px;
	width: 80%;
	top: 15px;
	right: 0px;
	
	 
}
.are:hover{
		color: #1605AF;
	background-color: #FAA954;
	}

	.ho1, span{
position: relative;
font-size:24px;
left: -100px;
}
	
	.move1{
	position: relative;
	transform: translate(650px, 0px);
	height: 180px;
	margin-top: 10px;	
}

.move1:hover, .move1.hashover{
	transform: translate(830px, 0px);
	transition-duration: 1s;
}



.move2{
	position: relative;
	transform: translate(650px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move2:hover, .move2.hashover{
	transform: translate(830px, 0px);
	transition-duration: 1s;
}
.move3{
	position: relative;
	transform: translate(650px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move3:hover, .move3.hashover{
	transform: translate(830px, 0px);
	transition-duration: 1s;
}
.move4{
	position: relative;
	transform: translate(680px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move4:hover, .move4.hashover{
	transform: translate(830px, 0px);
	transition-duration: 1s;
}

#container-rodape{
    width: 100%;
    height: 100%;
    background-image: url("../images/bg.png");
	
}
.fot{
	background-color: #1D2331;
	color: #FFFFFF;
}
.footer-copyright{
	background-color: #161D27;
	color: #fff;
}
	.rot {
	position: absolute;
	margin-left: -50px;
	margin-top: -30px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 15111;
}

.rot, span:hover{
	color: #FAA954;	
}

.rot2 {
	position: absolute;
	margin-left: -10px;
	margin-top: 130px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11221;
}

.rot2, span:hover{
	color: #FAA954;	
}

.rot3 {
	position: absolute;
	margin-left: -21px;
	margin-top: 290px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11131;
}

.rot3, span:hover{
	color: #FAA954;	
}

.rot4 {
	position: absolute;
	margin-left: -8px;
	margin-top: 480px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11141;
}

.rot4, span:hover{
	color: #FAA954;	
}

}



@media (min-width: 1600px){
.logo{
	margin-left: 30px;	
	margin-top: 0px;	
	height: 120px;
    max-width: 100%;
}
	.faixa{
	position: absolute;
    background-image: url(../images/linha.png);
	/*background:  rgba(250,169,84,0.5);*/
	height: 775px;
	width: 38px;
	left: 5px;
    margin-top: 75px;
    z-index: 1;

}
	.fa-city{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 73px;
		
	}
	.fa-city:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-home{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 260px;
		
	}
	
	.fa-home:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-users{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 440px;
		
	}
	.fa-users:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-microchip{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:12px;
	top: 620px;
		
	}
	.fa-microchip:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-facebook-f{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:15px;
	padding-right:15px;	
	padding-bottom: 10px; 	
	top: 675px;
	z-index: 12;	
	}
	
	.fa-facebook-f:hover{	
	background-color: #FAA954; 	
	}
	
	.fa-instagram{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:12px;
	padding-right:12px;	
	padding-bottom: 10px; 	
	top: 715px;
	z-index: 12;	
	}
	
	.fa-instagram:hover{	
	background-color: #FAA954; 	
	}
	
	.fa-whatsapp{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:11px;
	padding-right:11px;	
	padding-bottom: 10px; 	
	top: 755px;
	z-index: 15;	
	}
	.fa-whatsapp:hover{	
	background-color: #FAA954; 	
	}

.pub{
	
margin-top: -5px;
margin-left: -25px;
height: 200%;	
}
  
	.area{
	position: absolute;
	margin-right: 0px;	
	max-width: 18%;
	top: 5px;
	margin-top: -10px;		
	left: 1200px;
}
	.are{
	text-align: center;
	margin-top: 13px;
	margin-left: -80px;
	width: 111%;
	 background: -moz-linear-gradient(transparent 100%);
    background: -webkit-linear-gradient(transparent 100%);
    background: linear-gradient(transparent 100%); 
}


	.ho1, span{
position: relative;
font-size:24px;
left: -100px;
}
	
	.move1{
	position: relative;
	transform: translate(990px, 0px);
	height: 180px;
	margin-top: 10px;	
}

.move1:hover, .move1.hashover{
	transform: translate(820px, 0px);
	transition-duration: 1s;
}



.move2{
	position: relative;
	transform: translate(990px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move2:hover, .move2.hashover{
	transform: translate(820px, 0px);
	transition-duration: 1s;
}
.move3{
	position: relative;
	transform: translate(990px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move3:hover, .move3.hashover{
	transform: translate(820px, 0px);
	transition-duration: 1s;
}
.move4{
	position: relative;
	transform: translate(990px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move4:hover, .move4.hashover{
	transform: translate(850px, 0px);
	transition-duration: 1s;
}

#container-rodape{
    width: 100%;
    height: 100%;
    background-image: url("../images/bg.png");
	
}
.fot{
	background-color: #1D2331;
	color: #FFFFFF;
}
.footer-copyright{
	background-color: #161D27;
	color: #fff;
}
	.rot {
	position: absolute;
	margin-left: -50px;
	margin-top: -30px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 15111;
}

.rot, span:hover{
	color: #FAA954;	
}

.rot2 {
	position: absolute;
	margin-left: -10px;
	margin-top: 130px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11221;
}

.rot2, span:hover{
	color: #FAA954;	
}

.rot3 {
	position: absolute;
	margin-left: -21px;
	margin-top: 290px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11131;
}

.rot3, span:hover{
	color: #FAA954;	
}

.rot4 {
	position: absolute;
	margin-left: -8px;
	margin-top: 480px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11141;
}

.rot4, span:hover{
	color: #FAA954;	
}

}

@media (min-width: 1900px) 
{
	.logo{
	margin-left: 30px;	
	margin-top: 0px;	
	height: 120px;
    max-width: 100%;
}
	.faixa{
	position: absolute;
    background-image: url(../images/linha.png);
	/*background:  rgba(250,169,84,0.5);*/
	height: 775px;
	width: 38px;
	left: 5px;
    margin-top: 75px;
    z-index: 1;

}
	.fa-city{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 73px;
		
	}
	.fa-city:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-home{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 260px;
		
	}
	
	.fa-home:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-users{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 440px;
		
	}
	.fa-users:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-microchip{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding:12px;
	top: 620px;
		
	}
	.fa-microchip:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-facebook-f{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:15px;
	padding-right:15px;	
	padding-bottom: 10px; 	
	top: 675px;
	z-index: 12;	
	}
	
	.fa-facebook-f:hover{	
	background-color: #FAA954; 	
	}
	
	.fa-instagram{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:12px;
	padding-right:12px;	
	padding-bottom: 10px; 	
	top: 715px;
	z-index: 12;	
	}
	
	.fa-instagram:hover{	
	background-color: #FAA954; 	
	}
	
	.fa-whatsapp{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:11px;
	padding-right:11px;	
	padding-bottom: 10px; 	
	top: 755px;
	z-index: 15;	
	}
	.fa-whatsapp:hover{	
	background-color: #FAA954; 	
	}

.pub{
	
margin-top: -5px;
margin-left: -25px;
height: 200%;	
}
  
	.area{
	position: absolute;
	margin-right: 0px;	
	max-width: 18%;
	top: 5px;
	margin-top: -10px;		
	left: 1500px;
}
	.ho1, span{
position: relative;
font-size:24px;
left: -100px;
}
	
	.move1{
	position: relative;
	transform: translate(1250px, 0px);
	height: 180px;
	margin-top: 10px;	
}

.move1:hover, .move1.hashover{
	transform: translate(1080px, 0px);
	transition-duration: 1s;
}



.move2{
	position: relative;
	transform: translate(1250px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move2:hover, .move2.hashover{
	transform: translate(1000px, 0px);
	transition-duration: 1s;
}
.move3{
	position: relative;
	transform: translate(1250px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move3:hover, .move3.hashover{
	transform: translate(1050px, 0px);
	transition-duration: 1s;
}
.move4{
	position: relative;
	transform: translate(1250px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move4:hover, .move4.hashover{
	transform: translate(1100px, 0px);
	transition-duration: 1s;
}

#container-rodape{
    width: 100%;
    height: 100%;
    background-image: url("../images/bg.png");
	
}
.fot{
	background-color: #1D2331;
	color: #FFFFFF;
}
.footer-copyright{
	background-color: #161D27;
	color: #fff;
}
	.rot {
	position: absolute;
	margin-left: -50px;
	margin-top: -30px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 15111;
}

.rot, span:hover{
	color: #FAA954;	
}

.rot2 {
	position: absolute;
	margin-left: -10px;
	margin-top: 130px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11221;
}

.rot2, span:hover{
	color: #FAA954;	
}

.rot3 {
	position: absolute;
	margin-left: -21px;
	margin-top: 290px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11131;
}

.rot3, span:hover{
	color: #FAA954;	
}

.rot4 {
	position: absolute;
	margin-left: -8px;
	margin-top: 480px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11141;
}

.rot4, span:hover{
	color: #FAA954;	
}



}



@media (min-width: 2560px) 
{
	.logo{
	margin-left: 30px;	
	margin-top: 0px;	
	height: 120px;
    max-width: 100%;
}
	.faixa{
	position: absolute;
    background-image: url(../images/linha.png);
	/*background:  rgba(250,169,84,0.5);*/
	height: 775px;
	width: 38px;
	left: 5px;
    margin-top: 75px;
    z-index: 1;

}
	.fa-city{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 73px;
	z-index: 12;	
		
	}
	
	.fa-city:hover{
	
	background-color: #FAA954;
 	
	}
	
	
	.fa-home{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 260px;
	z-index: 12;	
		
	}
	
	.fa-home:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-users{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding:10px;
	top: 440px;
	z-index: 12;	
	}
	
	.fa-users:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-microchip{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding:12px;
	top: 620px;
	z-index: 12;	
	}
	
	.fa-microchip:hover{
	
	background-color: #FAA954;
 	
	}
	
	.fa-facebook-f{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:15px;
	padding-right:15px;	
	padding-bottom: 10px; 	
	top: 675px;
	z-index: 12;	
	}
	
	.fa-facebook-f:hover{	
	background-color: #FAA954; 	
	}
	
	.fa-instagram{
	position: absolute;
	background-color: #161D27;
	color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:12px;
	padding-right:12px;	
	padding-bottom: 10px; 	
	top: 715px;
	z-index: 12;	
	}
	
	.fa-instagram:hover{	
	background-color: #FAA954; 	
	}
	
	.fa-whatsapp{
	position: absolute;
	background-color: #161D27;
color: white;
 	border-radius: 50%;	
 	padding-top:10px;
	padding-left:11px;
	padding-right:11px;	
	padding-bottom: 10px; 	
	top: 755px;
	z-index: 12;	
	}
	
	.fa-whatsapp:hover{	
	background-color: #FAA954; 	
	}
	
	

	.pub{
	margin-top: 5px;
	margin-left: -25px;
	height: 300%;
	width: 65%;	
	z-index: 1;	
	}
	
	.are{	
	text-align: center;
	margin-top: -5px;
	margin-left: -80px;		
	width: 69%;
    background: -moz-linear-gradient(transparent 100%);
    background: -webkit-linear-gradient(transparent 100%);
    background: linear-gradient(transparent 100%);
}

	
	.area{
	position: absolute;
	margin-right: 0px;	
	max-width: 18%;
	top: 5px;
	margin-top: 10px;		
	left: 2000px;
}
	.ho1, span{
position: relative;
font-size:24px;
left: -150px;
}
	
	.move1{
	position: relative;
	transform: translate(1700px, 0px);
	height: 180px;
	margin-top: 10px;	
}

.move1:hover, .move1.hashover{
	transform: translate(1550px, 0px);
	transition-duration: 1s;
}



.move2{
	position: relative;
	transform: translate(1700px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move2:hover, .move2.hashover{
	transform: translate(1500px, 0px);
	transition-duration: 1s;
}
.move3{
	position: relative;
	transform: translate(1700px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move3:hover, .move3.hashover{
	transform: translate(1550px, 0px);
	transition-duration: 1s;
}
.move4{
	position: relative;
	transform: translate(1700px, 0px);
	height: 180px;
	margin-top: 0px;	
}

.move4:hover, .move4.hashover{
	transform: translate(1570px, 0px);
	transition-duration: 1s;
}

#container-rodape{
    width: 100%;
    height: 100%;
    background-image: url("../images/bg.png");
	
}
.fot{
	background-color: #1D2331;
	color: #FFFFFF;
}
.footer-copyright{
	background-color: #161D27;
	color: #fff;
}


.rot {
	position: absolute;
	margin-left: -50px;
	margin-top: -80px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 15111;
}

.rot, span:hover{
	color: #FAA954;	
}

.rot2 {
	position: absolute;
	margin-left: -10px;
	margin-top: 80px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11221;
}

.rot2, span:hover{
	color: #FAA954;	
}

.rot3 {
	position: absolute;
	margin-left: -21px;
	margin-top: 240px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11131;
}

.rot3, span:hover{
	color: #FAA954;	
}

.rot4 {
	position: absolute;
	margin-left: -8px;
	margin-top: 430px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
	z-index: 11141;
}

.rot4, span:hover{
	color: #FAA954;	
}

}

    /* --- COMEÇO DO CSS DO SLIDER --- */
        
        .slider-container {
            position: relative;
            /* Largura solicitada */
            width: 380px; 
            
            /* ALINHAMENTO À DIREITA: */
            /* Isso empurra o slider para a direita sem afetar o body */
            margin-left: auto; 
            margin-right: 15px;
            
            overflow: hidden; 
            border-radius: 10px; 
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            background-color: #000;
        }

        .slides-wrapper {
            display: flex;
            transition: transform 0.5s ease-in-out;
            width: 100%;
        }

        .slide {
            min-width: 100%;
            box-sizing: border-box;
            position: relative;
        }

        .slide a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            cursor: pointer;
        }

        .slide img {
            width: 100%;
            /* Altura solicitada */
            height: 150px; 
            object-fit: cover; 
            display: block;
        }

        /* Botões de Navegação (Anterior / Próximo) */
        .prev, .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 10px; /* Reduzi um pouco o padding para o slider menor */
            margin-top: -18px;
            color: white;
            font-weight: bold;
            font-size: 16px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            background-color: rgba(0,0,0,0.3);
            border: none;
            z-index: 2;
        }

        .next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .prev:hover, .next:hover {
            background-color: rgba(0,0,0,0.8);
        }

        /* Indicadores (Bolinhas) */
        .dots-container {
            text-align: center;
            position: absolute;
            bottom: 10px;
            width: 100%;
            z-index: 2;
        }

        .dot {
            cursor: pointer;
            height: 10px;
            width: 10px;
            margin: 0 4px;
            background-color: rgba(255,255,255,0.5);
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
        }

        .active, .dot:hover {
            background-color: #fff;
        }

        /* Responsividade básica para não quebrar em telas muito pequenas */
        @media only screen and (max-width: 520px) {
            .slider-container {
                width: 50%; /* Em telas menores que 520px, ocupa 100% */
				
            }
			.slide img {
            width: 100%;
            /* Altura solicitada */
            height: 120px; 
        }
		
		 /* Botões de Navegação (Anterior / Próximo) */
        .prev, .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 5px; /* Reduzi um pouco o padding para o slider menor */
            margin-top: -18px;
            color: white;
            font-weight: bold;
            font-size: 16px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            background-color: rgba(0,0,0,0.3);
            border: none;
            z-index: 2;
        }

        .next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .prev:hover, .next:hover {
            background-color: rgba(0,0,0,0.8);
        }
		
		  /* Indicadores (Bolinhas) */
        .dots-container {
            text-align: center;
            position: absolute;
			left:-25px;
            bottom: 10px;
            width: 100%;
            z-index: 2;
        }

        .dot {
            cursor: pointer;
            height: 10px;
            width: 10px;
            margin: 0 4px;
            background-color: rgba(255,255,255,0.5);
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
        }