@font-face {
	font-family: "Frutiger Roman"; 
	src: url("/hotels/alpenhotel-fall-in-love/fonts/Frutiger-Roman.eot"); 
	src: url("/hotels/alpenhotel-fall-in-love/fonts/Frutiger-Roman.otf") format("embedded-opentype"),
	url("/hotels/alpenhotel-fall-in-love/fonts/Frutiger-Roman.woff") format("woff"), 
	url("/hotels/alpenhotel-fall-in-love/fonts/Frutiger-Roman.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: 400; 
	}

@font-face {
	font-family: "Emmeline"; 
	src: url("/hotels/alpenhotel-fall-in-love/fonts/Emmeline-Regular.eot"); 
	src: url("/hotels/alpenhotel-fall-in-love/fonts/Emmeline-Regular.otf") format("embedded-opentype"),
	url("/hotels/alpenhotel-fall-in-love/fonts/Emmeline-Regular.woff") format("woff"), 
	url("/hotels/alpenhotel-fall-in-love/fonts/Emmeline-Regular.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: 400; 
	}


body{
	color: #222221;
	font-family: 'Frutiger Roman', sans-serif;
	font-size: 12px;
	letter-spacing: .5px;
}

header.header{
	background-color: #fff;
	color: #222221;
	padding-bottom: 0;
	-webkit-box-shadow: 0px 5px 16px 0px rgba(194,194,194,1);
	-moz-box-shadow: 0px 5px 16px 0px rgba(194,194,194,1);
	box-shadow: 0px 5px 16px 0px rgba(194,194,194,1);
}


header .brand h3, footer .brand h3{
	color: #fff;
	font-family: 'Frutiger Roman', sans-serif;
	font-size: 24px;
}

header div.d-flex{
	padding-top: 10px;
}

header div.d-flex:first-child, header div.d-flex.active{
	background-color: #c9c4c433;
}

.button-wrap, .months-wrapper{
	display: none;
}

.guest-div{
	background-color:#ffffffde;
}

.guest-div #guest-count, .adults p.label, .children p.label, 
.guest-div-inner p{
	color: #222221;
}


#header-nav-6{
	flex-direction: column-reverse;
	justify-content: center;
}

#header-nav-6 div.mt-4{
	margin-top: 0 !important;
}

#header-nav-6 #header_total_price{
	margin-bottom: 5px;
}

header a:hover, footer a:hover{
	color: #CC9991;
	text-decoration: underline;
}

#table-row .book-button{
    margin-right: 5px;
}

header img{
	width: 200px;
	height: auto;
	padding:0;
}

header::after{
	display: none;
}

.breadcrumb .col-lg-3:after{
	opacity: 0.4;
}

.guests-div-wrap{
	background-image: url('/hotels/alpenhotel-fall-in-love/img/first-screen-bg.jpg');
	min-height: 80vh;
}

#searchForm{
	padding-top: 0 !important;
}

.input-button, .form-button, .last-offer a.bookingBtn,
.price-and-details, .book-button, .basket-button, .reservation-button,
.show-button, .modal-close-button, .last-minute-offer a.standart_btn, .weiter-mobile, 
.to-lastminutes .standart_btn{
	background-color: #fff !important;
	border-color: #CC9991 !important;
	text-transform: inherit;
	color: #CC9991 !important;
	font-size: 16px;
	font-family: "Frutiger Roman", sans-serif;
	border: 0;
	text-decoration: none;
	border: 1px solid;
}

.input-button:hover, .form-button:hover, .last-offer a.bookingBtn:hover,
.price-and-details:hover, .book-button:hover, .basket-button:hover, .reservation-button:hover,
.show-button:hover, .modal-close-button:hover, .last-minute-offer a.standart_btn:hover {
	color: #fff !important;
	background-color: #222222 !important;
	border-color: #222222 !important;
}

td[data-handler="selectDay"]::after{
	display: none;
}

.header-info i{
	color: #CC9991;
}

footer{
	background-color: #222222;
	color: #fff;
	font-size: 14px;
	position: relative;
}

footer .gms-logo img{
	width: 105px;
}

footer .brand img{
	width: 150px;
}

footer a{
	color: #fff;
}

footer .adress p{
	text-align: center;
}

span.last-offer-total{
	color: #222221;
}

.up-button{
	position: fixed;
	z-index: 1000;
}

.main-section{
	margin: 3% 0 3% 0 !important;
}

.ui-datepicker td .ui-state-default:after, .ui-datepicker td .ui-state-active,
.room-state div div:first-child{
	background-color: #CC9991 !important;
}

.ui-datepicker-month, .ui-datepicker-year, .ui-datepicker th, .ui-widget{
	font-family: "Frutiger Roman", sans-serif;
	color: #222221;
}

.ui-datepicker td .ui-state-default{
	border: 1px solid #847272 !important;
}

.ui-datepicker-group.ui-datepicker-group-first, .ui-datepicker-group.ui-datepicker-group-last{
	background-color: transparent;
}


form.hbForm .form-block{
	padding: 20px;
	color: #3d322e; 
}

.agb label{
	padding-left: 10px;
}

.slider-default-color-block{
	background-color:#CC9991 ;
	color: #fff;
}

.sl-services .slick-prev:before, .slick-next:before{
	color: #CC9991 !important; 
}

.card-header h4, .card-header small, .breadcrumb a{
	font-size: 12px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: #3d322e !important;
}

.calendar-container .row.main-row .col-1{
	display: none;
}

.add-service{
	border: none;
}

.last-minute-offer{
	padding: 15px !important;
	color: #3d322e;
}

#searchFormBtn{
	right: 0 !important;
}

.last-minute-offer .standart_btn{
	text-decoration: none;
}

.ui-datepicker td .ui-state-highlight {
	background-color: #CC9991;
	color: #222221 !important;
}

.ui-datepicker td.selected.selected-start .ui-state-highlight{
	color: #CC9991 !important;
}

.ui-datepicker td .ui-state-highlight:after{
	color: #222221 !important;
}

.ui-datepicker td.selected.selected-start .ui-state-highlight:after{
	color: #fff !important;
}

.ui-datepicker td a.ui-state-default.ui-state-active:after{
	border-bottom: none;
}

td[data-handler="selectDay"]::before{
	display: none;
}

.info-table-title-mobile{
	border-color: #222221;
}

.dates_info{
	margin-top: 20px;
}

.room-state div:first-child{
	color: #CC9991;
}

.room-state div:nth-child(2) div{
	background-color: #FCC500;
}

.room-state div:nth-child(3) div{
	background-color: #bab8b8;
}

.button-wrapper{
	display: flex;
}


.childAge p.label{
	margin-top: 8px;
	margin-bottom: 0;
}



/*			rooms  	form  and extras	*/

.rooms-wrapper h1, .room-cell h4, .services h1, .basket-wrapper h4, form h2, .thank-section h2, .info:first-child h4,
.info h3, section.alternative h1, .recommended-room h2, .recommended-room h3, .recommended-room .clickable-price span.h2,
 .recommended-room .clickable-price span.h3{
	font-family: "Emmeline", sans-serif;
	color: #CC9991;
	font-size: 42px;
	text-transform: capitalize;
}

.recommended-room h2, .recommended-room h3{
	font-size: 32px;
}


.rooms-wrapper h1, .basket-wrapper h4, .services h1, .card-header h3, .add-service div, .details-and-image a,
form h2, .info:first-child h4, .thank-section h2, .info h3, .modal-header h5, a.modal-info, form label a{
	color: #CC9991;
}


.recommended-room .package_wrap{
	display: flex;
	align-items: center;
}



#show-hide-basket-wrapper{
	background-color: #fff;
	left: 0;
	transform: translateX(-100%);
}

.basket_container #basket h3{
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.en-input-wrapper{
	margin-left: 0.8rem;
	margin-bottom: 15px;
}

.en-input-wrapper__confirm{
	padding: 10px;
	background-color: #CC9991 !important;
	color: #fff;
}

.basket-wrapper{
	padding-bottom: 20px;
}

.add-service{
	text-decoration: none;
}

a.clickable-price{
	text-decoration: none;
}

.basket_container p, .basket p, .basket h5{
	font-size: 12px;
}

.number-input label{
	max-width: 100px;
	font-size: 12px;
}

.basket_room_price{
	margin-top: 10px;
	margin-bottom: 10px;
}

#basket_extras{
	margin-top: 10px;
}

.en-griditem{
	padding: 12px 0;
}

.room-features{
	font-family: "Frutiger Roman", sans-serif;
}

.clickable-price span.h3, .clickable-price span.h2{
	color: #CC9991;
	font-family: "Emmeline", sans-serif;
	font-size: 42px;
}

.size-and-price{
	padding: 0.5rem 0 0.5rem 0 !important;
}

.room-features-clickable{
	padding: 1rem 0 1rem 0 !important;
}

.booking-info, .basket_header, #basket_rooms .room, .total-price, .cart-full, section.alternative h1,
.preloader-content div{
	border-color: #CC9991;
}

.breadcrumb .col-lg-3:after{
	background-color: #CC9991;
}

.breadcrumb a, .total-price p{
	color: #222221;
	background-color: transparent;
}


.modal-body ul{
	padding: 15px;
}

.breadcrumb a.active, .room-features a{
	color: #222221;
}


.card-header{
	flex-direction: column;
	justify-content: center !important;
	background-color: transparent;
}

.card-header h4, .card-header h3, .card-header small, .add-service div{
	text-align: center;
	color: #222221;
}

.add-service{
	margin: 10px auto !important;
}

.thank-section h4{
	color: #222221;
}

.info-table tr:nth-child(2n){
	background-color: #b3b3b3;
}

.form-block{
	border-color: #CC9991;
}

.last-offer{
	width: 31%;
	margin: 0 5px;
	border-radius: 3px;
}

.last-minute-wrapper.container-fluid{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.my-footer-container{
	margin: 0 auto;
}


.bg-footer{
	position: absolute;
	background-image: url(/hotels/alpenhotel-fall-in-love/img/bg-foot.svg);
	width: 100%;
	height: 100%;
	transform: translateX(60%);
	top: 0;
}



/*		media  queries  		*/

@media (max-width: 7200px) {
    .ui-datepicker td .ui-state-default::after {
        font-size: 12px;
		color: #fff;
    }
}


@media(max-width: 992px){
	header:after{
		height: 8px !important;
		bottom: 0;
	}

	footer .gms-logo img{
		width: 150px;
	}

	footer .adress, footer .contacts{
		align-items: center !important;
		text-align: center;
	}

	.sl-service{
		margin: 0 auto;
	}

	.services-container .col-lg-12{
		padding: 0 !important;
	}

	.services h1{
		margin-left: 0 !important;
	}
}


.cart-full{
	color: #cbaa5c;
}

.modal-body ul{
	padding: 15px;
}

.breadcrumb a.active, .room-features a{
	color: #CC9991;
}

/*.sl-service, .sl-services .slick-track, .sl-services .slick-list{
	width: 100% !important
}*/

.card-header{
	flex-direction: column;
	justify-content: center !important;
}

.card-header h4, .card-header h3, .card-header small{
	text-align: center;
}

.add-service{
	margin: 10px auto !important;
}

.thank-section h4{
	color: #cbaa5c;
}

.thank-section h2{
	font-size: 20px;
}

.up-button img{
	display: none;
}

.up-button:after{
	content: url(img/up.png);
	width: 45px;
	height: 45px;
	display: block;
}

.col-lg-3.last-minute-offer{
	width: 100% !important;
	border-radius: 3px;
}





/*		media  queries  		*/


@media(max-width: 992px){
	header:after{
		height: 8px !important;
		bottom: 0;
	}

	footer .gms-logo img{
		width: 150px;
	}

	footer .adress, footer .contacts{
		align-items: center !important;
		text-align: center;
	}


	.services-container .col-lg-12{
		padding: 0 !important;
	}

	.services h1{
		margin-left: 0 !important;
	}

	.info-table tr:nth-child(2n){
		background-color: transparent;
	}
}

@media(max-width: 768px){
	.content:before {
    height: calc(100% - 60px) ;
    transform: translateY(60px);
}
	#header-nav-1 img{
		width: 80px !important;
	}

	.basket-wrapper{
		top: 120px !important;
	}

	.rooms-wrapper, .services-container, .form-container, .alternative, .thank-section, .inquiry_container{
		padding: 80px 0;
	}
}

@media(max-width: 564px){
		.content:before {
		height: calc(100% - 50px) ;
		transform: translateY(50px);
	}

	.rooms-wrapper, .services-container, .form-container, .alternative, .thank-section, .inquiry_container{
		padding: 20px 0;
	}

	header p{
		font-size: 18px;
	}

	header{
		padding: 0 !important;
	}

	header div.d-flex{
		padding-left: 10px;
	}

	header div.d-flex div.mt-2{
		margin-top: 0 !important;
	}

	#header-nav-1{
		padding-top: 15px;
		height: 60px;
	}

	.ui-datepicker td .ui-state-default{
		height: 70px;
	}


	#header-nav-2, .cart-block, #header-nav-3 {
		position: absolute;
		height: 60px;
		padding-bottom: 10px;
	}

	#header-nav-2, #header-nav-3{
		width: 40%;
	}

	#header-nav-3{
		position: absolute;
		left: 60%;
	}

	#header-nav-4, #header-nav-5, #header-nav-6 {
		width: 33.3333%;
		align-items: center;
		justify-content: center;
		border-top: 1px solid rgba(174,174,174,.26);
		margin-top: 60px;
	}

	.rooms-wrapper h1, .services h1{
		margin-top: 0 !important;
	}
}

@media(max-height: 400px){
	header p{
		font-size: 18px;
	}

	header{
		padding: 0 !important;
	}

	header div.d-flex{
		padding-left: 10px;
	}

	header div.d-flex div.mt-2{
		margin-top: 0 !important;
	}

	#header-nav-1{
		display: none !important;
	}

	#header-nav-2, .cart-block, #header-nav-3 {
		position: absolute;
		height: 60px;
		padding-bottom: 10px;
	}

	#header-nav-2, #header-nav-3{
		width: 50%;
	}

	#header-nav-3{
		position: absolute;
		left: 50%;
	}

	#header-nav-4, #header-nav-5, #header-nav-6 {
		width: 33.3333%;
		align-items: center;
		justify-content: center;
		border-top: 1px solid rgba(174,174,174,.26);
		margin-top: 60px;
	}
}