*{
  padding: 0px;
  margin:0;
}
body{
/*	display:flex;  */
    margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;	
	overflow-x: hidden;
	background:linear-gradient(72deg, #3DE8B0 #8956F3 99%);
}
/* efeitos hover modificados */
@keyframes swing{
	15%
	{-webkit-transform: translateX(5px); transform: translateX(5px);}
	30%
	{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
	50%
	{-webkit-transform: translateX(3px);transform: translateX(3px);}
	65%
	{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
	80%
	{-webkit-transform: translateX(2px);transform: translateX(2px);}
	100%
	{-webkit-transform: translateX(0);transform: translateX(0);}
}
/* fim dos efeitos  */
/* responsiv  */

/*  */
header{
	padding: 15px 0px;
	position: fixed;
	width: 100%;
	background-color: #b52e2a;
	left: 0;
	top:0;
	z-index: 9999;
}
header nav ul{
	position: fixed;
	list-style: none;   /*Remove marcao do menu as bolinhas antes do nome*/
	width: 570px;       /* Largura do menu obs:position tem que estar em fixed; */
	left:770px;  
	position:relative;
   /* pading: padding-top, padding-right, padding-bottom, padding-left. */ 
	/*padding: 2px 0px;  /*formata o distanciamento entre os menus  p1, p2, p3, p4*/
   /* text-align:center;   /* Alinha os menus a direita da tela  */ 
}
header nav ul li{
	top: 15px;        /*posicao do menu*/
	display: inline;  /* faz os menus alinharem horzontal  */
	position:relative;
	float:left;
	border-right:28px solid #b52e2a;
	padding: 2px 0px;
}
header nav ul a{
	text-decoration: none;   /* Remove o sublinhado dos nomes do menu*/
	color:#888;            /* Cor principal dos nomes dos menus */
	/*font-family: Arial;*/
	font-size: 1.2em;
	position:relative;
 /*   padding: 2px 15px;       /*formata o distanciamento entre os menus */
  
}
header nav ul :hover{
   color:#b6dbf1;
}
.logo-Marca{
	position:fixed;	
	top:0px;
	left:2px;
	max-width: 100%;
	max-height: 100%;
	transition: 0.5s;   
}
.logo-Marca:hover{
	transform: scale(1.1); 
 }
.cesto-compras{
	position: fixed;
	left:1290px;
	top:28px;
	width: 3%;
	height: 30px;
	transition: all 1s;
	cursor: pointer;
}

.cesto-compras:hover{
	-webkit-animation: swing 1s ease;
	animation: swing 1s ease;
   -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Box de pesquisa  */
.box-buscar{
	position: fixed;
	left:154px;
	width: 318px;
	top: 27px;   
	padding: 12px 35px;  
	background-color:#E0EEEE;
	border:solid 2px #5F9EA0;
	border-radius: 20px;
	box-shadow: 0px 10px 40px #00000056;
}
/* edtpesquisa input de busca  */
.edt-pesquisar > input{
	position: fixed;
	left:179px;
	top:33px;
	background-color:transparent;
	font-size:12px;  
	border:none;       /* desativa a borda da caixa de texto */
	height:16px;       /* altura da caixa de texto */
	width:319px;       /* comprimento da caixa de texto 280*/   
	outline: none;     /* remove a caixa oa redor do edit */
} 

/* lupa no inicio do imput pesquisa */
.edt-pesquisar > img{
	position: fixed;
	width: 15px;
	height:15px;
	top:   35px;
	left: 158px;
	cursor: pointer;
}
.edt-pesquisar >button {
	position: fixed;
	top:29px;
	left: 485px;
	width:59px;
	height:24px;
	font-weight:bold;
	border-radius:0 20px 20px 0;
	background-color: #f4511e;
	border:none;
	color: white;
	text-align: center;
	font-size: 12px;
	cursor: pointer;   
}
.button > span {      
	position: relative;
	transition: 0.5s;
}
.button span:after {
	content: "\00bb";
	position: absolute;
	opacity: 0;
	top: 0;
	right: -10px;
	transition: 0.8s;
}
.button:hover span {
	padding-right: 10px;
}
.button:hover span:after {
	opacity: 1;
	right: 0;
}
.checkbtn{
	font-size: 15px;
	color:#fff;
	float: right;
	line-height: 20px;
	margin-right: 10px;
	cursor: pointer;
	/*display:none;*/
}
#check {
	display: none;
}
@media (max-width:952px){
	ul li a{
      font-size: 16px;
	  padding-left:50px;
	}

}
@media (max-width:952px){
  .checkbtn{
	display:block;
	
  }
  ul{
	position:fixed;

  }
}

/* fim imagem do botao pesquisar*/
/* inicio dos slider */
/* Slideshow container */
.content {
  height: 100%;
  width: 605%; 
  overflow: hidden;
  position: absolute;
  top:58px;
  left:0;  
} 
.slideshow input{
	 display: none;
}
.navigation {
	position: absolute;
	bottom:357px;   /*  posicao do radio na altura */
	left:20%;	/* 20px  */
	transform: translate(-530%);   /* posicao dos radios na latgura  */
	display: flex;
}
.bar {
	width:15px;
	height: 6px;
	border: 2px solid rgb(121, 113, 113);
	margin: 6px;
	border-radius: 5px;
	cursor: pointer;
	transition: .6s;	
}
.bar:hover {
	background-color: rgb(147, 19, 233);
}
.slideshow {
	display: flex;
	width: 605%;
	height:100%
}
.mySlides {
	width:16.6%;
	transition: .8s;
}
.mySlides img{
	width:16.6%;
}
#slide1:checked ~ .s1 {
  margin-left: 0;
}
#slide2:checked ~ .s1 {
	margin-left: -16.6%;
}
#slide3:checked ~ .s1 {
	margin-left: -33.2%;
}

#slide4:checked ~ .s1 {
	margin-left: -49.8%;
}

#slide5:checked ~ .s1 {
	margin-left: -66.4%;
}
#slide6:checked ~ .s1 {
	margin-left: -83%;
}
  /* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position:fixed;
	top:30%;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}  
  /* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  /* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {

	background-color: rgba(0,0,0,0.8);
  }
  /* Caption text 
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}
  /* Number text (1/3 etc) 
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}  */
  /* The dots/bullets/indicators 
.active, .dot:hover {
	background-color: #717171; 
}

/* Fading animation 
.fade {	
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@keyframes fade {
	from {opacity: .4}
    to {opacity: 1}
}
 
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
/*