/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



.contador-compra {
	font-weight: 500;
	font-size: 1.0rem;
	color: #555;
	padding: 5px;
	margin: 5px 0;
	width: 220px;
	float: right;
	background: #eee;
	text-align: center
	
}

.salon-title {font-weight: 400;
	font-size: 1.75rem;
	color: #000;
}


.salon-items {
	padding: 0 40px;
}

.salon-items h3 {
	font-size: 1.2rem;
	font-weight: 600;
	color:#927c29;
}


.salon-eventos {
}

.salon-eventos .slide {
	background-color: rgba(0,0,0,0.4);
	padding: 20px;
}

.salon-eventos h3 {
	font-size: 2.6rem;
	font-weight: 400;
	margin-top: 40px;
}

.salon-eventos ul {
	margin-top: 30px;
	font-size: 1.7rem!important;
	margin-left: 10px;
}



.detalle-event h2 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #000;
	margin-bottom: 20px;
	margin-top: 20px;
}



.detalle-content {
}

.detalle-content .lista {
	margin-bottom: 5px;
	font-size: 0.8rem;
}

.detalle-content .tickets-header {
	padding: 10px;
	background-color: #eee;
	font-weight: 600;
	margin-bottom: 10px;
} 


.detalle-content .tickets-content {
	padding: 10px;
} 

.agotado {
	background: #fff3cd;
} 

.detalle-content h2 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #000;
	margin-bottom: 20px;
	margin-top: 20px;
}

.detalle-content .tickets-content H3 {
	font-size: 1.1rem;

} 

.detalle-content .tickets-content H3 span {
	font-size: 0.9rem;
	color: #ccc;
} 

.detalle-content .tickets-buy {

text-align: right;
padding: 10px;
} 
} 



.detalle-content .flyer {
}



.detalle-top {
 background: #eee;
 padding: 14px;
 margin-top: 2rem;
}

.detalle-top h1 {
 font-size: 25px;
 color:#000;
 font-weight: 600;
}

.detalle-top h1 span {
 font-size: 18px;
 color:#a49409;
}

.detalle-top .right {
	margin-top: 10px;
}


.detalle-top .right .icono-right {
 font-size: 26px;
 color:#02aef0;
 font-weight: 500;
}


.detalle-top .right h2 {
 font-size: 16px;
 color:#02aef0;
 font-weight: 500;
}


.translatey-3,
.h-translatey-3:hover { transform: translateY(-20px) !important; }

.tf-ts {
  -webkit-transition: transform .3s ease;
  transition: transform .3s ease;
}


.home-title {
 background: #02aef0;
}

.home-title h1 {
 font-size: 1.2rem!important;
 color: #fff;
 font-weight: 600;
 padding-top: 8px;
}

.home-evento {
	border: 1px solid #9d9236;
	background: #dfddbd;

}


.home-data {
padding: 20px 5px;
height: 150px;
color:#000;
}

.home-data h3 {
	font-size: 1.3rem;
	color:#000;
	padding-bottom: 10px;

}


.home-fecha {
	width: 100px;
	float: left;
	margin-top: 10px;
	border-right: 1px solid #000;
	padding-right: 10px;
	margin-right: 10px;
}

.home-fecha .left {
	float: left;
	font-size: 2.2rem;
	font-weight: 700;
}


.home-fecha .right {
	float: left;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 0.9;
	padding-top: 14px;
	padding-left: 5px;
}

.home-hora {
	width:90px;
	float: left;
	margin-top: 10px;
}

.home-hora .left {
	float: left;
	font-size: 2.2rem;
	font-weight: 700;
}


.home-hora .right {
	float: left;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 0.9;
	padding-top: 14px;
	padding-left: 5px;
}



.contactenos  {
  position: fixed;
  bottom: 0px;
  left: 85%;
  z-index:200;
}

.contactenos-m  {
  position: fixed;
  bottom: 10px;
  left: 75%;
  z-index:200;
}




@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
   }

.detalle-top {
 margin-top: 0rem;
}
  
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }