/* 
::-webkit-scrollbar {
	width: 4px;
}
  
::-webkit-scrollbar-track {
	background: transparent;
}
  
::-webkit-scrollbar-thumb {
	background-color:#F79A56;   
	border-radius: 20px;   
	/* border: 3px solid orange; 
} */
.submenuborder a, .submenu a{
	text-decoration: none;
	color:#000000;
}
.submenuborder a:hover, .submenuborder a:active,
.submenu a:hover, .submenu a:active{
	text-decoration: none;
	color:#000000;
}
.filterBlock {
	max-height: 0px;
	font-family: "new-atten";
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}
.showFilter{
	max-height: 400px;
	overflow:visible;
	transition: all 0.2s ease-in-out;
}
.searchBorder{
	border:1px solid #f26e21 !important;
	color: #F26E21 !important;
}

.ribbon_3 {
	position: absolute;
	z-index: 1;
	top: 0px;
    left: -12px;
	width: 75px;
	height: 75px;
	text-align: right; 
	/* 
	overflow: hidden;
    */
}
.ribbon_3 span {
	/* font-size: 10px; */
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 14px/*15px*/;
	left: -14px/*-12px*/;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.ribbon_3 span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #638908;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #638908;
}

.ribbon_3 span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #638908;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #638908;
}
.soldOutTag{
	background: linear-gradient(#ea1111 0%, #c20505) !important;
}
.soldOutTag::after{
	border-top: 3px solid #9d0b0b !important;
	border-right: 3px solid #9d0b0b !important;
}
.soldOutTag::before{
	border-top: 3px solid #9d0b0b !important;
	border-left: 3px solid #9d0b0b !important;
}

.ribbon_3.popular span {
	background: linear-gradient(#f14f3f 0%, #cb4335 100%);
}

.ribbon_3.popular span::before {
	border-left: 3px solid #a3362a;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #a3362a;
}

.ribbon_3.popular span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #a3362a;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #a3362a;
}
.badge_sold {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -25px;
	right: 0px;
	width: 100px;
	height: 114px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: url(../../img/badge_save.png);
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 12.5px;
	line-height: 12px;
	padding-top: 28px;
}
.badge_save {
	position: absolute;
	top: 0;
	right: 5px;
	width: 65px;
	height: 77px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: url(../../img/badge_save.png);
	/* font-size: 11px; */
	line-height: 12px;
	padding-top: 32px;
}
.badge_save strong {
	display: block;
	/* font-size: 14px; */
	font-weight: bold;
}
.infoFooterItem span{
	display: block;
	/* margin: 0px; */
	font-size: 14px;

}
.artistListName{
	height: 20px;
	overflow: clip;
}
.eventDescription::-webkit-scrollbar {
    display: none;
}
.eventDescription{
	padding: 5px;
	height: 80px;
	overflow:overlay;
	display: flex;
	justify-content: center;
}
.img_container {
	position: relative;
	overflow: hidden;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	text-align: center;
	/* margin-left: auto;
	margin-right: auto; */
	max-width: 301px;
}
@media only screen and (min-device-width:1020px){
	.img_container a:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		text-decoration:none;
	}
}

.img_container img {
	height: 187px;
	width: auto;
	min-width: 83%;
	max-width: 100%;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
   
	/* -webkit-backface-visibility: hidden; */
}


.tooltip_flip {
	position: relative;
}

.tooltip_flip::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 100%;
	pointer-events: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip_flip:hover::after {
	pointer-events: auto;
}
.tooltip_flip:hover .tooltip-content-flip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.tooltip_flip:hover .tooltip-content-flip > span {
	-webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
	transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
}

.short_info div h5{
	z-index: 9;
}

.short_info{
    width: 100%;
    color:#000000;
    position: relative;
    top: -33px;
	background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.738) 19%, rgba(255, 255, 255, 0.541) 34%, rgba(255, 255, 255, 0.382) 47%, rgba(255, 255, 255, 0.278) 56.5%, rgba(255, 255, 255, 0.194) 65%, rgba(255, 255, 255, 0.126) 73%, rgba(255, 255, 255, 0.075) 80.2%, rgba(255, 255, 255, 0.042) 86.1%, rgba(255, 255, 255, 0.021) 91%, rgba(255, 255, 255, 0.008) 95.2%, rgba(255, 255, 255, 0.002) 98.2%, transparent 100%);
	/* background-image:linear-gradient(transparent, rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
    /* background-image:linear-gradient(transparent, rgba(255, 255, 255, 0.9),rgba(255, 255, 255, 0.9)); */

}
.tour_title{
	height: max-content;
	/* box-shadow: 0px -40px 10px rgba(255, 255, 255, 0.8); */
	/* box-shadow: 0px -40px 20px #ffffff; */
    margin-top: -33px;
	/* margin-left: auto;
	margin-right: auto; */
	max-width:301px;
    position: relative;
    background-color: #ffffff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 0px 3px 6px #0000001A;
}
.cleanResult{
	text-decoration:none;
	color: #F26E21;
}
.cleanResult:hover{
	text-decoration:none;
	color: #FFB68B;	
}
/*.wishlist{
    /* display: flex;
    justify-content: center;
    align-items: center; 
}
*/
.itemBox{
	position: relative;
	max-width: 301px !important;
	margin:auto !important;
}
.likeIt{
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.likeIt img:hover{
    transform: scale(1.1);
    cursor: pointer;
}
.fadeOut{
	transform: scale(0);
	transition: all 0.2s ease-in-out;
}
.btnUpContent{
	visibility: hidden;
	opacity: 0;
	background: transparent linear-gradient(90deg, #F26E21 3%, #F79A56 100%) 0% 0% no-repeat padding-box;
	border-radius: 100%;
	border: 0px;
	cursor:pointer;
	position: fixed;
	bottom:2rem;
	left:2rem;
	width: 2.5rem;
	height: 2.5rem;
	z-index: 99;
	transition: all 0.5s ease-in-out;
}
.showMe{
	visibility: hidden;
	opacity:1;
	transition: all 0.5s ease-in-out;
}

.dropdown-toggle::after {
	content: none !important;
}
.arrowDown{
	background-image: url('./../../img/icons/arrowDown.svg');
	background-size: 1.5rem;
	/* background-position: 20px; */
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5) !important;
	background-position: 97% center;
}
.arrowRight{
	background-image: url('./../../img/icons/arrowRight.svg');
	background-size: 1.5rem;
	/* background-position: 20px; */
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5) !important;
	background-position: 97% center;
}
.inputFilter{
	
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 8px !important;
	/* testing below */
	box-shadow: 0px 0px 2px #00000029;
	border: 0px!important;

	/* position: relative;
	overflow: hidden; */


}
/* .inputFilter::before, .inputFilter::after{
	transform: rotate(45deg);
} */
.focusOn{
	background-image: url('./../../img/arrowSelect2.png');
}
.submenu{
	width:fit-content !important;
	left: 100% !important;
	top: auto !important;
	margin-top: -30px !important;
	margin-left: 0px !important;
	border-radius: 8px !important;
	/* testing below */
	box-shadow: -1px 1px 3px #00000029;
	border: 0px!important;
}
.submenuborder{
	border-radius: 8px !important;
	/* testing below */
	box-shadow: -1px 1px 3px #00000029;
	border: 0px!important;
}
@media only screen and (max-device-width:550px){
	.submenu{
		left: 30% !important;
		margin-top: 0px !important;
		/* top: 0px !important; */
	}
}
@media only screen and (max-device-width:991px){
	.container{
		padding-right: 12px;
    	padding-left: 12px;
		max-width: 100% !important;
	}
}
@media only screen and (max-device-width:767px){
	.container{
		padding-right: 15px;
    	padding-left: 15px;
		padding: auto !important;
		/* max-width: 100% !important; */
	}
}
.carousel-indicators{
	right:4% !important;
	top: 25px !important;
	margin: 0px !important;
	left: auto !important;
	border-radius: 3px !important;
}
.carousel-indicators li{
	display: block;
	border-radius: 12px !important;
	width: 30px !important;
	height: 7px !important;
	margin-right: 1rem !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}

.hero{
	border-radius: 15px;
	width: 95%;
	position: relative;
	overflow: hidden;
	max-height: 400px;
	overflow: hidden;
	margin: 0px auto 1rem auto;
}
.hero img{
	z-index: 1;
	width: 100%;
	height: auto;
}
.heroLayout{
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.heroFooter{
	width: 90%;
	z-index: 3;
	position:absolute;
	left: 30px;
	bottom: 25px;
}
.heroFooter a:hover{
	text-decoration: none;
	color:#f26e21;
}
.heroFooter a{
	text-decoration: underline;
	color:#f26e21;
}
.heroFooter p{
	font-size: 16px;
}
.heroFooter p, .heroFooter h5{
	padding: 0px;
	color: #ffffff;
}
@media only screen and (min-device-width:600px){
	.hero img{
		transform: translateY(-15%);
	}
}
@media only screen and (max-device-width:600px){
	.heroFooter>h5{
		font-size: 14px;
	}
	.heroFooter>p, .heroFooter>a{
		font-size: 12px;
	}
	.heroFooter{
		left: 12px;
		bottom: 12px;
	}
}

.btnPaginator{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
    border: 0px;
	background: transparent;
    border:2px solid #f26e21;
    width: 3rem;
    height: 1.4rem;
    color: #f26e21;
    margin: 0.5rem;
}
.pageSelected{
	color:#ffffff;
	background-color: #f26e21;
}


/* select {
	background-image: url('./../../img/arrowSelect1.png'); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
/*	background-size: 1.5rem;
	background-position: 20px;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5) !important;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 5px;
}
select:focus{
	background-image: url('./../../img/arrowSelect2.png');
}
select::-ms-expand {
	display: none; /*Evita que se muestre la flecha por defecto en versiones de IE
} */


/* .hero{
	border-radius: 10px;
	flex: 0 0 95%;
	margin: 0px 2.5% 1rem 2.5%;
	position: relative;
	height: 350px;
	overflow: hidden;
} */
/* .heroLayout{
	z-index: 2;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	box-shadow: 10px 10px 10px 10px;
	background-color: rgba(0, 0, 0, 0.5);
} */
/* .hero img{
	z-index: 1;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -40%);
} */

/* .marker{
	z-index: 3;
	position: absolute;
	right: 0px;
	top: 10px;
	display: flex;
}
.markerShape{
	background-color: rgba(255, 255, 255, 0.5);
	margin-right: 1rem;
	border-radius: 10px;
	width: 30px;
	height: 7px;
} */

/* @media only screen and (max-device-width:490px){
	.hero img{
		width: auto;
		height: 100%;
		transform: translate(-50%, -50%);
	}
} */


/* .carrusel {
	margin: auto;
	overflow: hidden;
	width: 95%;
} */
/* .slides {
	display: flex;
	transition: transform 1s ease-in-out;
} */
/* @keyframes carruselAnimation {
	0%, 100% {
	  opacity: 0;
	}
	20%, 80% {
	  opacity: 1;
	}
} */
/* @keyframes carruselAnimation {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(-100%);
	}
  }
.carrusel .slides {
	animation: carruselAnimation 3s infinite;
} */