.iti-srv-hotel {
	.icon-monochrome-hotel {
		vertical-align: top;
	}
	.icon-monochrome-hotel:before {
		display: inline-block;
		content: "\41";
		color: $brand-secondary;
		width: 20px;
		height: 20px;
		font-size: 20px;
	}

	.name {
		color: $brand-grey-dark;
		font-weight: $roboto-regular;
		font-size: 18px;
	}

	.address {
		color: $brand-copy-light;
		font-weight: $roboto-regular;
		font-size: 12px;
	}

	.distance {
		color: $brand-copy-light;
		font-weight: $roboto-regular;
		font-size: 12px;
		margin-left: 10px;
		display: inline-block;
	}
	.hotel-service-board {
		color: $brand-copy-light;
		font-weight: $roboto-regular;
		font-size: 12px;
		display: inline-block;
		width: 100%;
	}
	.hotel-service-room {
		display: inline-block;
		width: 100%;
		height: 26px;

		.hotel-service-room-name {
			color: $brand-grey-dark;
			font-weight: $roboto-regular;
			font-size: 14px;
			text-transform: uppercase;
			line-height: 22px;
			vertical-align: middle;
			display: inline-block;
		}
	}
	.hotel-service-checkin {
		color: $brand-copy-light;
		font-weight: $roboto-regular;
		font-size: 12px;
		display: inline-block;
		width: 100%;
	}
	.hotel-service-thumbnail {
		width: 126px;
		height: 96px;
		background-size: cover;
		background-repeat: no-repeat;
		border: 1px solid #ccc;
		padding-left: 10px;
		cursor: pointer;
	}

	.hotel-service-occ {
		display:inline-flex;
		white-space: nowrap;
		line-height: 22px;
		vertical-align: middle;
		padding-left: 4px;
		padding-right: 12px;

		strong{
			line-height:20px;
			padding:0 5px 0 3px;
		}
		span {
			background-image: url('/headers/ilusion/img/sprite_ilusion.png?v=1458666605');
			background-repeat: no-repeat;
			background-position: -6000px 0;
			display: block;
			float: left;
			width: 11px;
			height: 22px;
			margin-left: 4px;
		}
		.adulto {
			background-position:-122px -742px;
		}
		.ninio {
			background-position:-141px -740px;
		}
		.bebe {
			background-position:-162px -740px;
		}
	}

	.hotel-service-occ:after {
		content:",";
		display:inline-flex;
		white-space: nowrap;
		line-height: 22px;
		vertical-align: middle;
		padding-left: 4px;
		font-size: 18px;
	}

	.hotel-service-occ:last-of-type:after {
		content:"";
		display:none;
	}
	.hotel-photo-gallery {
		display:none;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(#FFF, .8);
		z-index: 100;

		.hotel-photo-gallery-container {
			position: absolute;
			top: 50px;
			left: 20px;
			bottom: 50px;
			right: 20px;
			overflow: hidden;
		}
		.col-md-9, .col-xs-9 {
			width: 100%;
			padding: 0;
		}
		.carousel-control {
			width: 55px;
			.glyphicons {
				top: 100px;
			}
		}
		.carousel_photos .item 	{
			cursor: pointer;
		}
		.close {
			font-size: 16px;
			color: $brand-grey-dark;
			cursor: pointer;
			float: none;
			position: absolute;
			top: 10px;
			left: 20px;
			opacity: 0.7;
		}
	}
	.carousel_thumbs_column {
		display: none;
	}
}


@media (min-width: 860px) {
.iti-srv-hotel {
	.hotel-photo-gallery {
		.hotel-photo-gallery-container {
			width: 820px;
			height: 560px;
			top: 50%;
			left: 50%;
			right: auto;
			bottom: auto;
			margin-left: -410px; // Negative half of height.
			margin-top: -270px; // Negative half of width.
		}
		.carousel-control {
			.glyphicons {
				top: 270px;
			}
		}
		.close {
			top: 50%;
			left: 50%;
			margin-top: -293px;
			margin-left: -410px;
		}
	}
	.carousel_thumbs_column {
		display: none;
	}

}
}