@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #000;
}

.capa-evento-desk-principal{
	background: no-repeat center center;
	background-size: cover;
	min-height: 460px;
}

@media(min-width: 800px) {
	
.capa-evento-mobi-principal{ 
    display: none !important; 
	color: white;
        } 
}

/*Ingresso Digital - Responsivo*/
@media(max-width: 800px) {
.capa-evento-desk-principal{ 
       display: none !important; 
        } 
		
}
	
/*Layout Eventos Desktop - Titulo Categoria*/
.titulo-categoria {
	position: absolute;
	margin-top: 80px;
	margin-left: 20px;
    font-family: 'Anton', arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 20px;
    color: #FFF;
  }	

  
#items-wrapper .button {
  position: fixed;
  margin-top: 50px;
  left: 10px
}
  
/*Layout Eventos Desktop - Box Eventos*/
.box-eventos {
    height: 370px;
	width: 350px;
	margin:0px 0px 50px 25px;
	position: relative;
	margin-top: 180px;
	background-color:#212026;
	border-radius: 20px 20px 0px 0px;
	display: inline-block;
  }
 
.box-comprar {
    height: 60px;
	width: 350px;
	position: absolute;
	margin-top: 160px;
	background-color: #5873ff;
	display: inline-block;
  }
  
 P.box-titulo-comprar {
	width: 280px;
    margin-left: 35%;
	margin-top: 18px;
	font-size: 20px;
	font-weight: bold;
    font-family: arial, sans-serif;
	letter-spacing: 2px;
    color: #FFF;
}

.box-img {
    max-height: 320px;
	max-width: 300px;
	overflow: hidden;
	margin-top:-50px;
	margin-left: auto;
    margin-right: auto;
	border-radius: 15px;
	display: block;
	position: relative;
  }

.box-titulo {
  justify-content: space-around;
  margin-left: 5px;
  margin-right: 5px;
  margin-top:15px;
  }
  
P.box-titulo-texto {
    margin-left: 5px;
	margin-right: 5px;
    font-weight: bold;
    font-size: 14px;
	line-height: 1.5;
    font-family: Arial;
    color: #FFF;
    overflow-wrap: break-word;
    position: absolute;
}
  
.box-cidade {
	width: 100%;
	justify-content: space-around;
	margin-left: 40px;
	margin-top:132px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #fff;
	overflow-wrap: break-word;
	position: absolute;

  }
  
.box-cidade-img {
    height: 22px;
	width: 22px;
	margin-top:130px;
	margin-left: 10px;
	position: absolute;
	display: inline-block;

  }
  
.box-cidade-txt {
    height: 30px;
	width: 22px;
	margin-left: 0px;
	position: absolute;
	display: inline-block;

  }
  
.box-data {
  justify-content: space-around;
  margin-left: 40px;
  margin-top:68px;
  font-family: Arial;
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
  font-family: arial, sans-serif;
  color: #fff;
  overflow-wrap: break-word;
  position: absolute;
  }
  
.box-data-img {
    height: 22px;
	width: 22px;
	margin-top:65px;
	margin-left: 10px;
	position: absolute;
	display: inline-block;

  }
 
.box-local {
	width: 100%;
	justify-content: space-around;
	margin-left: 40px;
	margin-top:100px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #fff;
	overflow-wrap: break-word;
	position: absolute;

  }
  
.box-local-img {
    height: 22px;
	width: 22px;
	margin-top:98px;
	margin-left: 10px;
	position: absolute;
	display: inline-block;

  }
  
.box-local-txt {
    height: 30px;
	width: 22px;
	margin-left: 0px;
	position: absolute;
	display: inline-block;

  }

/*Layout Desktop - Box Exclusivos*/
.box-exclusivos {
    height: 440px;
	width: 250px;
	margin:0px 0px 50px 20px;
	position: relative;
	margin-top: 140px;
	display: inline-block;
  }