﻿.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 95%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.label2 {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

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

	.filter-tour .filter-wrap .filter-box {
		background: #242525 none repeat scroll 0 0;
		border-radius: 0px;
		box-shadow: none;
		display: table;
		margin-left: auto;
		margin-right: auto;
		margin-top: -180px;
		padding: 20px;
		z-index: 10;
		border: 3px solid #243748;
	}

	.filter-box input,
	.filter-box select,
	.filter-box textarea,
	select,
	option {
		border: 0;
		border-radius: 0;
		font-size: 14px;
		padding-left: 15px;
		position: relative;
		/* width: 190px !important; */
		width: 100%;
		color: #000;
		font-family: Roboto, sans-serif;
	}

	.filter-tour .filter-wrap .filter-box .form-group {
		margin-right: 15px;
		/*width: 190px; */
		width: 100%;
	}

	.viajerossection {
		display: none;
	}

}

/* Index */

.filter-tour .filter-wrap .filter-box button, .boton_ver_viaje, .btn {
	border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	background-color: #5a9ad1;
}

.filter-tour {
	margin-top: 400px !important;
}

.fondo_titulo {
	background-color: rgba(0, 0, 0, 0.4);
	padding: 2px 15px;
	border-radius: 5px;
	width: 100%;
	padding: 5px 10px 5px 0;
	right: 30%;
}

.fondo_titulo_extra {
	background-color: rgba(83, 200, 249, 0.8);
	padding: 2px 15px;
	border-radius: 5px;
	width: 100%;
	right: 70%;
}

.viajerossection {
/*	padding: 0 0 0 0 !important; */
}

.thm-padding {
	padding: 0;
}

.viaje-detalle, .viaje-detalle .mask, .viaje-detalle .mask .vTitulo, .viaje-detalle .mask p, .viaje-detalle .viaje-info, .viaje-detalle .viaje-info i {
	-ms-transform: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transform: all 0.5s linear;
	-moz-transform: all 0.5s linear;
	transition: all 0.5s linear;
}

.viaje-detalle .mask .vTitulo {
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

.viaje-detalle .mask>.mask_in {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
}

.viaje-detalle {
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

.viaje-detalle:hover {
/*	box-shadow: none;*/
}

.viaje-detalle>a>img {
	display: block;
	position: relative;
	transform: scaleY(1);
	/*transition: all .7s ease-in-out; MBL */
}

.viaje-detalle:hover>a>img {
	/*-webkit-transform: scale(10);
	transform: scale(10);
	opacity: 0;*/
}

.viaje-detalle .mask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	position: absolute;
	overflow: hidden;
}

.viaje-detalle:hover .mask {
	/*background-color: rgba(0, 0, 0, 0.5);
	box-shadow: none;*/
}

.viaje-detalle .mask .vTitulo {
	display: inline-block;
	margin: 15px 0 !important;
	transform: scale(0);
	font-size: 25px;
	font-weight: 700;
}

.viaje-detalle .dest-name {
	position: absolute;
	top: 20px;
	color: #fff;
	text-align: right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s
}

.viaje-detalle .dest-name-extra0 {
	position: absolute;
	top: 80px;
	color: #fff;
	text-align: right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.viaje-detalle .dest-name-extra1 {
	position: absolute;
	top: 110px;
	color: #fff;
	text-align: right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.viaje-detalle .viaje-info {
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, .7) 100%);
	background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, .7) 100%);
	background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, .7) 100%);
	background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, .7) 100%);
	background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, .7) 100%);
}

/* grid de viajes actuales */

.viaje-detalle {
	box-shadow: none;
}

.viaje-detalle .mask {
	padding: 20px 35px;
}

.viaje-detalle:hover .mask {
	/*background-color: #243748 !important;*/
}

.viaje-detalle .mask, .viaje-detalle .mask .vTitulo, .viaje-detalle .mask p, .viaje-detalle .viaje-info, .viaje-detalle .viaje-info i {
	transition: none!important;
}

.viaje-detalle>a>img {
	transition: none!important;
	width: 100%;
	height: auto;
}

/* viaje y ruta*/
.fondo_titulo h3 {
	font-size: 20px;
    letter-spacing: 0px;
    line-height: 23px;
    font-weight: 500;
	font-family: 'Montserrat Alternates', sans-serif;
}

.fondo_titulo .vLugar {
	font-size: 14px !important;
	letter-spacing: 0px;
	line-height: 16px;
	font-weight: 300;
	font-family: 'Montserrat Alternates', sans-serif;
}

.viaje-detalle .mask .vTitulo {
	font-size: 20px;
    letter-spacing: 0px;
    line-height: 23px;
    font-weight: 500;
	font-family: 'Montserrat Alternates', sans-serif;
}

.viaje-detalle .dest-name {
	top: 23px;
	left: 0px;
	width: 65% !important;
	border-radius: 0 0 5px 0 !important;
}

/* etiqueta categoría*/

.viaje-detalle .dest-name-extra0, .viaje-detalle .dest-name-extra1, .viaje-detalle .dest-name-extra2, .hotel-image .dest-name-extra0, .hotel-image .dest-name-extra1, .hotel-image .dest-name-extra2 {
	border-radius: 5px 0 0 5px !important;
	right: 0;
	left: 70%;
	text-align: right;
	width: 30%;
	font-family: 'Montserrat Alternates', sans-serif;
}

.viaje-detalle .dest-name-extra0, .hotel-image .dest-name-extra0 {
	top: 3px;
}

.viaje-detalle .dest-name-extra1, .hotel-image .dest-name-extra1 {
	top: 28px;
}

.viaje-detalle .dest-name-extra2, .hotel-image .dest-name-extra2 {
	top: 53px;
}

.fondo_titulo_extra .label2 {
	padding: 0.2em 0 0.3em;
}

/* plazas */

.viaje-detalle .etiqueta, .hotel-image .etiqueta {
	position: absolute;
	opacity: 0.8;
	top: 3px;
	width: 65%;
	left: 0;
}

.viaje-detalle .etiqueta .etiqueta_in, .hotel-image .etiqueta .etiqueta_in {
	border-radius: 0 5px 0 0;
}

.viaje-detalle .etiqueta .label, .hotel-image .etiqueta .label {
	font-size: 15px;
	font-weight: 300;
}

/* fecha y precio*/

.viaje-detalle .viaje-info {
	text-align: left;
	bottom: 0px;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.viaje-detalle .viaje-info .viaje-datos {
	padding: 12px 10px 0px 10px;
	text-align: center;
	color: #FFF;
}
.viaje-detalle .viaje-info .viaje-buttons {
	padding: 0px 3px;
	margin: 10px 10px;
}

/* botones index*/
/* general | ruta */
.viaje-detalle .viaje-info .btnIndex {
	background-color: #5A9AD1;
	border: 2px solid #5A9AD1;
	border-radius: 0;
	color: #fff;
	text-align:center;
	font-size: 15px;
	display: inline-block;
	width: 98%;
	padding: 5px 10px;
}

/* Botones Acciones Compra */
.viaje-detalle .viaje-info .btnIndex:hover {
	background-color: #243748;
	border: 2px solid #5A9AD1;
}
/* reserva */
.viaje-detalle .viaje-info .btnReserva {
	background-color: #A64941;
	border: 2px solid #A64941;
}
.viaje-detalle .viaje-info .btnReserva:hover {
	background-color: #243748;
	border: 2px solid #A64941;
}
/* deseo */
.viaje-detalle .viaje-info .btnDeseo {
	background-color: #F69F24;
	border: 2px solid #F69F24;
}
.viaje-detalle .viaje-info .btnDeseo:hover {
	background-color: #243748;
	border: 2px solid #F69F24;
}
/* pais */
.viaje-detalle .viaje-info .btnPais {
	background-color: #F69F24;
	border: 2px solid #F69F24;
}
.viaje-detalle .viaje-info .btnPais:hover {
	background-color: #243748;
	border: 2px solid #F69F24;
}

/* 20200528 Promociones */
.bBottom10 {
	margin: 0 0 10px 0!important;
}
.image_wrapper {
  position: relative;
  list-style-type: none;
}

.image_wrapper img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute; 
  background: rgba(57, 57, 57, 0.5);

  /* center overlay text */
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay_1 {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.promo2Div {
	padding: 10px 5px;
	border: 1px solid #f69f24;
}

.promo2 {
	margin: 0px;
	position: relative;
	text-align: center;
	color: white;
	max-height: 260px;
}

.promo2a {
	text-align: center;
	text-decoration: underline;
	margin: 5px 5px;
	border: 2px solid #FFF !important;
	color: #000;
}

.promo2b {
	text-align: center;
	margin: 5px 5px;
}

.promo2Container {
	padding: 10px 5px;
}

.promo2ContainerLink {
	text-decoration: underline!important;
	text-align: center!important;
	border: 2px solid #FFF !important;
	color: #000;
}
.promo2a a:hover, .promo2ContainerLink a:hover {
	color: #000!important;
}
	
.promo2Container hr {
	margin: 0 !important;
}

.promo2 .promo2Img {
	max-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.promo2 .promo2Txt {
	position: absolute;
	top: 16%;
	left: 14%;
	/*transform: translate(-50%, -50%);*/
	padding: 0px;
	margin: 0px;
	color: #FFF;
}

.promo2 .promo2Txt h3 {
	font-size: 22px;
	width: 500px;
}

.promo2 .promo2Txt .promo2Btn {
	font-size: 16px;
	padding: 8px;
	border: 2px solid #f69f24;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

@media(max-width: 991px) {
	.promo2 {
		margin-bottom: 10px;
		border-width: 3px !important;
		max-height: none;
	}
	.promo2 .promo2Txt {
		position: absolute;
		top: 23%;
		left: 26%;
		font-size: 16px;
	}
	.promo2 .promo2Img {
		max-height: 100%;
		max-width: 100%;
	}
}

@media (min-width:992px) {
	.promo2 {
		width: 98%;
		padding: 10px;
	}
	.promo2Container {
		margin: 5px 5px;
		padding: 0 10px 0 0;
	}
	.promo2Container h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}
}
/* Fin Promociones */