/*Rooms*/
.room {
	margin-bottom: 100px;
}

.room-image {
	border-radius: 4px;
	margin-bottom: 10px;
	position: relative;
}

.room-image img {
	border-radius: 4px;
	width: 100%;
	opacity: 1;
	transition: all ease 0.3s;
	cursor: pointer;
}

.room-image:hover img {
	opacity: 0.7;
}

.room-image .room-title {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
	bottom: 0px;
	color: #fff;
	font-weight: 600;
	padding: 10px 10px 30px;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 18px;
	border-radius: 0 0 4px 4px;
	float: left;
}

.room-badge {
	background: #e01a33 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	font-size: 0.8333em;
	font-weight: bold;
	height: 42px;
	line-height: 1.0833em;
	margin: 0;
	padding: 10px 0 0;
	position: absolute;
	right: 10px;
	text-align: center;
	text-transform: uppercase;
	top: 10px;
	width: 42px;
	z-index: 1;
}

.room-details>p {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 12px;
	padding-bottom: 10px;
}


.reservation-form-over {
    top: -80px;
    z-index: 10;
    margin-bottom: -80px;
    overflow: hidden;
    background-color: transparent
}

.reservation-form-over .card{
	border-radius: 0 !important;
	border: 0;
	min-height: 160px;
	box-shadow: none;
}

.reservation-form-over .icon-boxes{
	background-color: #fff;
	box-shadow: none;
	border: 0;
}

.reservation-form-over .icon-boxx{
	background-color: #fff;
	box-shadow: none;
	border: 0;
}

.reservation-form-over .custom-container{
	border-radius: 0 !important;
}

.inspiro-slider{
	height: 80vh;
}

.plan-header{
	padding: 0px !important;
	min-height: 450px;
}

.planificacion:hover 
{
	 
	background-image: url(../public/Media/Vertical_Casa_Media_04.jpg) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 289px;
}

.planificacion:hover >h4{
	color: white;
}

.servicios-card{
	padding-top: 20px;
    padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
    background-color: white;
    left: 0%;
    bottom: 0%;
    max-width: 90%;
    min-width: 60%;
	text-align: left !important;
}

.casa-card{
	top: 50%;
    left: 80%;
	background-color: #fff;
	padding: 30px;
	transform: translate(0, -50%);
	min-width: 70%;

}


.casa-card-left{
	top: 50%;
    right: 80%;
	background-color: #fff;
	padding: 30px;
	transform: translate(0, -50%);
	min-width: 70%;

}

@media (min-width:992px) {
	.reservation-form-over .custom-container{
		border-radius: 0 !important;
		margin-right: 0 !important;
		padding-right: 0;
	}
}

@media (max-width: 991px ) {

	.icon-boxx .icon-box-content{
		padding-left: 15px;
	}

	.icon-boxx i {
		font-size: 25px;
	}

	.icon-boxx .icon-box-content h3{
		font-size: 16px;
	}

	.logo-slide{
		height: 150px;
	}
	
	.reservation-form-over {
		top: -80px;
		z-index: 10;
		margin-bottom: -80px;
		overflow: inherit;
		background-color: transparent
	}
	
}

@media (max-width: 676px ) {
	.logo-slide{
		height: 100px;
	}

	.casa-wrapper{
		position: relative !important;
		width: 100% !important;
	}

	.casa-card{
		position: relative !important;
		top: 40%;
		left: 50%;
		background-color: #fff;
		padding: 20px;
		transform: translate(-50%, -40%);
		max-width: 90%;
	}

	.casa-card-left{
		position: relative !important;
		top: 50%;
		left: 50%;
		background-color: #fff;
		padding: 20px;
		transform: translate(-50%, -40%);
		max-width: 90%;
	
	}

	.m-b-100{
		margin-bottom: 0 !important;
	}
}