nav{
	width:auto;
	height:auto;
	background: #2b2b29;
	display: flex;
  justify-content: center;
  padding-right:auto;
}

.navalgn{
	margin-right:450px;
	width:auto;

}


.menu {
  list-style: none;
  padding-left: 0px;
  margin: 0;
}



.menu .lihome{
	   border:0px solid gray;
	
}



.menu li {
  display: inline-block;
  margin-right: 20px; /* Adapte a margem conforme necessário */
  margin-bottom:3px;
  margin-top:3px;
  position: relative;
  border:2px solid blue;
  bottom:10px;
  z-index:2;
}

.lihome{
	position:relative;
	top:0px;
}

.limenu img{
	margin-top:2px;
}

.menu a {
  text-decoration: none;
  color: #fff;
  padding: 10px;
  display: block;
}
.menu a:hover {
  text-decoration: none;
  color: gray;
  padding: 10px;
  display: block;
}

/* Estilizando os submenus */
.submenu {
	width:auto;
	height:auto;
  display: none;
  text-align:center;
  position: absolute;
  top: 45px;
  background-color: #444;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index:3;
}

.menu li:hover .submenu {
  display: block;
}

.submenu li {
  display: block;
  margin-top:26px;
  margin-left:-15px;
}

nav a{
	color:#fff;
	font-size:19px;
	text-decoration:none;
}

.menu ul li a{
    z-index:10;
    
}


.open-button{
	  font-size:0px;
	  width:0px;
	  height:0px;
	  display:none;
}


/*/menu rainbow/*/

.menu li {
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
}

.menu li:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.menu li:active {
    color: #000
}

.menu li:active:after {
    background: transparent;
}

.menu li:hover:before {
    opacity: 1;
}

.menu li:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/*/menu rainbow/*/



/*/vitrine/*/


.marca{
	  width:100%;
	  background: red;
	  margin-bottom:20px;
	  display:inline-block;
	  position:relative; bottom:10px;
	
}

.marca div{
	   width:10%;
		 height:50px;
	   background: blue;
     margin-right:5px;
	   display:inline-block;
	
}

.shoppreview{
	    width:11%;
	    height:18em;
	    border:2px solid #000;
	    background-color: rgb(255, 255, 255)
	    margin-right:20px;
	    float:center;
	    display:inline-block;
	
}




/*//*/




.boximg{
width:100%;
height:600px;
background-color: rgba(100, 100, 100, 0.1);
padding-top:6px;

}



.home{
     width:35px;
     margin:auto;
     padding:auto;
     position:relative;
}


.logo{
     width:300px;
     height:300px;
     margin:auto;
     padding:auto;
     position:relative;
     bottom:42px;

}

.logo-rs{
	   width:50px;
     height:50px;
     margin:auto;
     padding-left:5px;
     position:relative;
     padding-top:14px;
     filter: grayscale(100%) blur(0.9px);

}




.logo-rs:hover{
	   width:50px;
     height:50px;
     transition: all 0.69s ease-in-out;
     filter: grayscale(0%) blur(0.1px);
}



body{
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background:#141414;
	
}

header{
	background:#fff;
	height: 230px;
  width: 100%;
  margin-bottom:16px;
	text-align:center;
  --angle: 0deg;
	border-bottom: 15px solid;
	border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
	animation: 10s rotate linear infinite;
}





/*/anima��o borda rgb/*/

@keyframes rotate {
	to {
		--angle: 360deg;
	}
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/*/anima��o borda rgb/*/


footer{
	width:100%;
	height:100%;
	background: #262626;
	margin-top:20px;
	padding-bottom:0px;
	text-align:center;
	border-top:3px solid #d4d4d4;
}


a{
	color:red;
	font-size:5px;
	font-family:arial;

}

main{
}

section{
	width:100%;
	height:100%;
	background:#2b2b29;
  text-align:center;
  margin-bottom:-10px;
  position:relative; bottom:23px;
}


article{
	width:100%; 
	height:auto;
	background:#111111;
	text-align:center;
	padding-bottom:13px;
	padding-top:13px;
	
}

article p{
	color:#fff;
	font-family:agency fb;
	font-size:24px;
}


.boxinf{
	 width:100%;
	 height:200px;	 
	 font-family:agency fb;
	 background:#121211;
	 text-align:center;
	 padding-top:2px;
	 color:#fff;
	 
}


#txt1{
	width:110px;
	padding-top:2px;
}

#txt2{
	font-size:20px;
	margin-top:0px;
	padding-bottom:9px;
	border-bottom: solid 3px #A5A7AD;
	
}



.groupinf{
	 width:330px;
	 height:330px;
	 float:center;
	 text-align:center;
	 display: inline-block;
	 margin-right:400px;
	 margin-top:20px;

}



.mapa{
	 position:relative;
   float:center;
	 display: inline-block;
   margin-right:80px;
   margin-top:50px;
}


.boxpink{
	width:100%;
	height:74px;
	background:#090909;
	margin-top:15px;
}



.rs{
	color:#fff;
	font-family:agency fb;
	font-size:40px;
	margin-bottom:5px;
	position:relative; top:7px;
}

.txtgps{
	 color:#fff;
	 font-family:agency fb;
	 font-size:20px;
	 margin-bottom:8px;
}


@font-face {
  font-family: 'agency fb';
  src: url('agency_fb.ttf') format('truetype');
}

.esteregg{
	margin-top:1700px;
	color:#181818;
}

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

 
  
  .logo{
    width:175px;
    height:175px;
     margin:auto;
     padding:auto;
     position:relative;
     bottom:27px;
  }
  
 
  
  header{
	background:#fff;
	height: 130px;
  width: 100%;
  margin-bottom:10px;
	text-align:center;
  --angle: 0deg;
	border-bottom: 10px solid;
	border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
	animation: 10s rotate linear infinite;
}
  
  
  .main{
  	width:100%;
  	height:100%;
  }
  

  }





.content {
  height: 100%;
  width: 100%;
  border-radius: 0rem;
  overflow: hidden;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

input {
  display: none;
}

.slides {
  display: flex;
  width: 500%;
  height: 100%;
}

.slide {
  width: 20%;
  transition: 0.6s;
}

.slide img {
  width: 100%;
  height: 100%;
}

#slide1:checked ~ .s1 {
  margin-left: 0;
}
#slide2:checked ~ .s1 {
  margin-left: -20%;
}
#slide3:checked ~ .s1 {
  margin-left: -40%;
}
#slide4:checked ~ .s1 {
  margin-left: -60%;
}
#slide5:checked ~ .s1 {
  margin-left: -80%;
}

.navigation {
  position: absolute;
  bottom: 3rem;
  left: 9%;
  float:left;
  transform: translate(-50%);
  display: flex;
}

.bar {
  width: 1rem;
  height: 1rem;
  border: 3px solid black;
  opacity:0.3;
  border-radius: 50%;
  margin: 0.4rem;
  cursor: pointer;
}

.bar:hover {
  background-color: rgba(10, 10, 10, 0.5);
  transition: 0.2s;
}


@media screen and (max-width: 1200px) {
  .content {
  height: 100%;
  width: 100%;
  border-radius: 0rem;
  overflow: hidden;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
  
  img {
    max-width: 100%;
  }
 .navigation {
  position: absolute;
  bottom: 0.8rem;
  left: 23%;
  float:left;
  transform: translate(-50%);
  display: flex;
}
  .bar {
    width: 1rem;
    height: 1rem;
  }
  
  .slide img {
  width: 100%;
  height: 100%;
}
  
 
.boximg{
width:100%;
height:100%;
background-color: rgba(100, 100, 100, 0.1);
margin-top:13px;
}  
  
  
section{
	width:100%;
	height:100%;
	
}
  
  .boximg{
width:100%;
height:280px;
background-color: rgba(100, 100, 100, 0.1);
margin-top:0.1px;
}
  
 
 
 .groupinf{
	 width:330px;
	 height:330px;
	 float:center;
	 text-align:center;
	 display: inline-block;
	 margin-right:0px;
	 margin-top:0px;

}



.mapa{
	 position:relative;
   float:center;
	 display: inline-block;
   margin-right:0px;
   margin-top:19px;
}
 

.rs{
	margin-top:20px;
}
  
  
  
  
 /*/vitrine/*/
 
.marca{
	  width:100%;
	  background: red;
	  margin-bottom:20px;
	  display:inline-block;
	  position:relative; bottom:10px;
	
}

.marca div{
	width:30%;
	height:50px;
	background: blue;
    margin-right:5px;
    margin-top:5px;
	  display:inline-block;
}



.shoppreview{
	    width:46%;
	    height:20em;
	    border:2px solid #000;
	    background-color: rgb(255, 255, 255)
	    margin-right:20px;
	    float:center;
	    display:inline-block;
	
}


/*//*/ 
  
 
/*/ menu /*/  
  
nav{
	width:50px;
	height:50px;
	background: none;
	position:absolute; top:20px;
	display:block;
	margin-left:9px;
	margin-top:9px;
	padding-right:0em;
	padding-left:1em;
	justify-content: none;
  align-items: none;
}


.menu {
	width:150px;
	height:auto;
	background: #080808;
  list-style: inline-block;
  margin-top:13px;
  margin-left:-16px;
  display:none;
  position: relative;
  z-index:1000;
}


 .menu.active {
    display: block;
  }

.menu .lihome{
	   border:0px solid gray;
	
}


  
.menuimg{
	 width:50px;
	 height:50px;
}
  

.open-button{
	  font-size:10px;
	  width:50px;
	  height:50px;
	  display:block;
}


.menu li {
	width:130px;
	height:auto;
  display: inline-block;
  margin-right: 20px; /* Adapte a margem conforme necessário */
  margin-bottom:8px;
  position: relative;
  bottom:10px; left:5px;
  z-index:2;
  text-align:center;
}

.lihome{
	width:25px;
	height:25px;
	position:relative;
	top:0px;
	margin-bottom:20px;
}

.limenu img{
	margin-bottom:20px;
}

.home{
	width:26px;
	height:26px
}

.menu a {
  text-decoration: none;
  color: #fff;
  padding: 10px;
  display: block;
}
.menu a:hover {
  text-decoration: none;
  color: gray;
  padding: 10px;
  display: block;
}

/* Estilizando os submenus */
.submenu {
	width:120px;
	height:auto;
  display: none;
  text-align:center;
  position: absolute;
  top: -13px; left:133px;
  background-color: #080808;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index:1000;
  padding-bottom:6px;
}

.menu li:hover .submenu {
  display: block;
}

.submenu li {
  width:140px;
	height:auto;
  display: inline-block;
  margin-right: 20px; /* Adapte a margem conforme necessário */
  margin-bottom:-8px;
  position: relative;
  bottom:10px; left:-20px;
  z-index:2;
  text-align:center;
}

nav a{
	color:#fff;
	font-size:13px;
	text-decoration:none;
}

.menu ul li a{
    z-index:10;
    
}
  

  
  
  
  
}