@font-face{

	font-family: 'Aptly';
	
	src: url('/hotels/solaria/fonts/AptlyMedium.eot');
	
	src: url('/hotels/solaria/fonts/AptlyMedium.eot?iefix') format('eot'),
	
	url('/hotels/solaria/fonts/AptlyMedium.woff') format('woff'),
	
	url('/hotels/solaria/fonts/AptlyMedium.ttf') format('truetype'),
	
	url('/hotels/solaria/fonts/AptlyMedium.svg#webfont') format('svg');
	
	font-weight: 500;
	
	font-style: normal;
	
	}

@font-face{

	font-family: 'Figtree';
	
	src: url('/hotels/solaria/fonts/Figtree-Regular.eot');
	
	src: url('/hotels/solaria/fonts/Figtree-Regular.eot?iefix') format('eot'),
	
	url('/hotels/solaria/fonts/Figtree-Regular.woff') format('woff'),
	
	url('/hotels/solaria/fonts/Figtree-Regular.ttf') format('truetype'),
	
	url('/hotels/solaria/fonts/Figtree-Regular.svg#webfont') format('svg');
	
	font-weight: 400;
	
	font-style: normal;
	
	}
	
	
	body{
		color: #4c4f4e;
		font-family:'Figtree', sans-serif;
		font-size: 1rem;
	}

	
	.ui-datepicker-month, .ui-datepicker-year, .ui-datepicker td .ui-state-default{
		font-family: 'Figtree', sans-serif;
		color:#4c4f4e;
	}
	
	.ui-datepicker td a.ui-state-default:after{
		color: #fff;
		background-color: #7a9b48  !important;
	}
	
	.ui-datepicker td .ui-state-highlight:after, .ui-datepicker td .ui-state-highlight{
		background-color: #dbbb73 !important;
	}
	
	.preloader-content div{
		border-color: #4c4f4e;
	}
	
	.ui-datepicker .ui-datepicker-next{
		border-left-color: #4c4f4e;
	}
	
	.ui-datepicker .ui-datepicker-prev{
		border-right-color: #4c4f4e ;
	}
	
	header{
		background-color: #fff;
		color: #4c4f4e;
		padding: 0rem;
		-webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
		font-family: 'Figtree', sans-serif;
		font-weight: 300;
	}
	
	header div.d-flex:first-child, header div.d-flex.active{
		background-color: #f0ebe3;
		color: #4c4f4e;
	}
	
	
	#header-nav-1{
		background-color: #fff;
	}

	.guest-div{
		background-color: #ffffffe8;
	}
	
	p#guest_count{
		font-family: "Aptly", sans-serif;
		margin-left: 0;
	}
	
	header img{
		width: 100px;
		height: 100%;
		padding: 5px;
	}
	
	
	header .brand h3, footer .brand h3{
		color: #fff;
		text-align: left;
	}
	
	header a:hover, footer a:hover{
		color: #dbbb73;
		text-decoration: none;
	}
	
	header .gms-logo{
		bottom: 15px;
	}
	
	
	header .gms-logo img{
		width: 255px;
	}
	
	
	
	footer a{
		color: #fff;
		text-decoration: none;
	}
	
	
	header::after{
		display: none;
	}
	
	.modal-body h2{
		color: #432A12;
		font-size: 1.5rem;
	}
	
	.my-container{
		margin: 0 auto;
	}
	
	.main-row{
		display: flex;
		justify-content: center;
	}
	
	.ui-datepicker{
		width: 100% !important;
	}
	
	.button-wrapper{
		display: flex;
	}
	
	.childAge p.label{
		margin-bottom: 0 !important;
		margin-top: 8px;
	}
	
	button.disabled, button.disabled:hover{
		background-color: #dbbb737d !important;
		color: #fff;
	}
	
	.input-button, .input-button:hover{
		color: #4c4f4e;
		background-color: #fff;
	}

	.table-info-row-mobile .info-text{
		background-color: transparent;
	}
	
	
	.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, .en-input-wrapper__confirm, 
	.to-lastminutes .standart_btn, .package-upgrade-btn{
		background-color: #dbbb73;
		color: #fff !important;
		font-family: 'Figtree', sans-serif;
		font-size: 18px !important;
		padding: 12px 30px;
		letter-spacing: 0.05rem;
		text-transform: uppercase;
		font-weight: 700;
		box-shadow: 0;
		position: relative;
		text-decoration: none;
		border: 1px solid #dbbb73 !important;
		border-radius: 25px;
	}	
	
	.book-button{
		border: 0;
		width: auto;
	}
	
	
	.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, 
	.en-input-wrapper__confirm:hover, .to-lastminutes .standart_btn:hover, #searchFormBtn:hover, 
	.package-upgrade-btn.disabled, .package-upgrade-btn.disabled:hover{
		color: #dbbb73 !important;
		background-color: #fff ;
		border-color: #dbbb73 !important;
	}
	
	#searchFormBtn{
		white-space: nowrap;
		width: 200px;
		background-color: #dbbb73;
		border-color: #dbbb73;
		font-weight: 400;
		letter-spacing: 0.05rem;
		font-family: 'Figtree', sans-serif;
		color: #fff !important;
		border-radius: 25px;
	}
	
	.basket{
		padding: 10px 0;
	}
	
	#continue-button{
		background-color: #dbbb73;
		border-color: #dbbb73;
	}

	.ui-state-disabled span{
		color: #838383 !important;
	}

	.ui-datepicker td .ui-state-active{
		color: #000;
	}

	
	.en-input-wrapper__confirm{
		padding: 10px;
		border-radius: 0;
	}
	
	
	.slider-default-color-block {
		background: #4c4f4e;
	}
	.slider-default-color-block + h3 {
		color: #fff !important;
	}
	
	.header-info i{
		color: #c95b76;
	}
	
	footer{
		background-color: #f0f0f0;
		color: #0f181f;
		font-size: 16px;
	}
	
	span.last-offer-total, .basket h5{
		color: #4c4f4e;
	}
	
	.up-button{
		position: absolute;
		z-index: 1000;
	}
	
	.main-section{
		margin: 0% 0 0% 0 !important;
	}
	
	.ui-datepicker td a.ui-state-default:after, .ui-datepicker td .ui-state-active,
	.room-state div div:first-child{
		background-color: #7a9b48 ;
	}
	
	.room-state div:first-child{
		color: #4c4f4e ;
	}
	
	#header-nav-6{
		display: flex;
		flex-direction: column;
	}
	
	#header-nav-6 div{
		margin-top: 0 !important;
	}
	
	header p{
		margin-bottom: 0;
	}

	.room-state div div:first-child{
		width: 20px;
		height: 20px;
	}

	
	.room-state div:nth-child(2) div{
		background-color: #dbbb73 !important;
	}
	
	.room-state div:nth-child(2), .room-state div:nth-child(3){
		color: #4c4f4e !important;
	}
	
	.room-state div:nth-child(3) div{
		background-color: #bab8b8;
	}
	
	.last-minute-offer{
		max-height: 510px;
		margin-top: 20px;
	}
	
	#date_range{
		margin-top: 2rem !important;
	}
	
	#show-hide-basket-wrapper{
		 background-color: #fff;
	}
	
	
	/*			rooms  	form	and extras	*/
	
	.rooms-wrapper h1, .services h1, form h2,
	section.alternative h1, #calendar_heading{
		font-family: "Aptly", sans-serif;
		color: #4c4f4e;
		font-weight: 500;
		font-size: 42px;
		text-transform: inherit;
	}


	.recommended-room h2, .recommended-room h3, .recommended-room .clickable-price span.h2,
	.recommended-room .clickable-price span.h3, .room-cell h4, .clickable-price span.h3, .clickable-price span.h2{
		font-size: 28px;
	}

	
	.basket-wrapper h4, .add-service div, .details-and-image a,
	.info:first-child h4, .thank-section h2, .info h3, .modal-header h5, .last-minute-offer h3{
		color: #4c4f4e;
		font-weight: 400;
	}
	
	.add-service{
		border: 0;
	}
	
	.last-minute-offer h3, .last-minute-offer p.m-0{
		font-family:"Aptly", sans-serif;
		padding: 0 10px;
	}
	
	.basket h5{
		font-size: 14px;
	}
	
	.room-features{
		font-family: 'Figtree';
	}
	
	.clickable-price span.h3, .clickable-price span.h2{
		color: #4c4f4e;
		font-family: 'Figtree';
	}
	
	.size-and-price{
		padding: 0.5rem 0 0.5rem 0 !important;
	}
	
	.room-features-clickable{
		padding: 1rem 0 1rem 0 !important;
	}
	
	a.modal-info, form label a, .card-header h3, .breadcrumb a{
		color: #4c4f4e;
	}
	
	.booking-info, .basket_header, #basket_rooms .room, .total-price, section.alternative h1,
	.room-cell, .info-table thead.title-thead, .room-table, .basket-arrow{
		border-color: #4c4f4e;
	}
	
	
	
	.breadcrumb .col-lg-3:after{
		background-color: #4c4f4e;
	}
	
	
	.modal-body ul{
		padding: 10px;
	}
	
	.sl-services .slick-prev:before, .slick-next:before{
		color: #4c4f4e !important;
	}
	
	.card-header{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.add-service{
		margin: 10px auto !important;
	}
	
	.card-header h4, .service-card .card-header h3, .card-header small{
		text-align: center;
	}
	
	.thank-section{
		margin-top: 0;
	}
	
	.my-header-container, .my-footer-container{
		width: 95%;
		margin: 0 auto;
	}
	
	
	.thank-section .info:nth-child(1){
		display: block !important;
	}
	
	.thankyou_page_btns_container a{
		display: none;
	}
	
	.up-button{
		display: none;
	}
	
	.form-select{
		border-radius: 0;
		border: 1px solid #4c4f4e;
	}
	
	.form-select:hover{
		border: 2px solid #4c4f4e;
	}
	
	.language-switcher{
		display: flex;
		align-items: center;
	}
	
	.en-format-navigation{
		margin-right: 5px;
	}
	
	.recommended-room .package_wrap{
		display: flex;
		align-items: center;
	}
	
	.recommended-room .modal-info:before{
		top: 50%;
	}
	
	.recommended-room .modal-info{
		margin-bottom: 0.5rem;
	}
	
	.basket .number-input{
		margin-right: 10px;
	}
	
	.number-input label, .basket h5, .basket p, input.en-input, .basket span.clip{
		font-size: 16px;
	}
	
	.number-input label{
		font-size: 14px;
		padding: 0;
		max-width: 100px;
	}
	
	.peopleSelectsContainer .number-input .form-select{
		padding: 5px 10px;
	}
	
	.card-header h3{
		font-size: 15px;
	}
	
	.add-service{
		padding: 4px 8px 4px 8px;
	}
	
	.form-block{
		border: none;
	}
	
	.checkbox_border{
		margin-right: 10px;
	}
	
	.room{
		padding-top: 10px;
	}
	
	
	
	select#title, select#country{
		background-color: #f8f8f8;
	}
	
	
	.guests-div-wrap{
		background-image: url('/hotels/solaria/img/bg.jpg');
		background-position: 40%;
	}
	
	.guest-div-inner img{
		display: none;
	}
	
	.table-info-row .price{
		font-size: 15px;
	}
	
	.basket-wrapper {
		-webkit-box-shadow: -7px 7px 5px 1px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -7px 7px 5px 1px rgba(0, 0, 0, 0.2);
		box-shadow: -7px 7px 5px 1px rgba(0, 0, 0, 0.2);
		background-color: #fff;
	}
	
	input.error, select.error{
		border-color: #dbbb73;
	}
	
	select#title, select#country{
		background-color: #fff;
		color: #4c4f4e;
	}
	
	.modal-header{
		padding: 10px 20px;
	}
	
	.modal-header h5{
		font-size: 24px;;
	}
	
	.modal-header button.close span{
		font-size: 36px;
		line-height: 1;
	}
	
	.recommended-room h2{
		font-size: 30px;
		font-family: "Megatoya Extended";
		text-transform: inherit;
		font-weight: 400;
	}
	
	.basket_container .basket_header{
		padding: 0 !important;
	}
	
	.reservation-button{
		white-space: nowrap;
		width: auto;
	}
	
	.services h1{
	padding-bottom: 1rem !important;
	}
	
	.dates_info{
		padding: 0 1rem;
	}
		
	.basket_delete_room_btn button img, .service-delete img, .close-upgrade img{
		display: none;
	}
	
	.basket_delete_room_btn button, .service-delete, .close-upgrade{
		background-image: url(img/close.png);
		width: 15px;
		height: 15px;
		background-size: contain;
	}
	
	.basket_delete_room_btn{
		height: 15px;
	}
	
	.extra-modal .modal-header button span{
		display: none;
	}
	
	.extra-modal .modal-header button{
		background-image: url(img/close.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 15px;
		height: 15px;;
	}
	
	.en-input-wrapper__confirm{
		padding: 4px;
	}
	
	.en-is-invalid+.en-input-wrapper__confirm:hover{
		background-color: #c31721;
		color: transparent;
	}
	
	.en-is-invalid+.en-input-wrapper__confirm:before{
		transform: translateY(30%);
	}

	
	.footer-title {
		font-family: 'Figtree', sans-serif;
		text-transform: uppercase;
		padding-bottom: 15px;
		font-size: 18px;
		font-weight: 700;
	}
	
	.footer-list {
		display: ruby;
		padding-left: 0;
	}
	
	.footer-list li:first-child {
		list-style: none;
	}
	
	footer{
		background-color: #4c4f4e;
		background-image: url(img/footer-img.svg);
		background-repeat: no-repeat;
		padding: 80px 0;
		background-size: contain;
		color: #fff;
		background-size: 35%;
    	color: #fff;
    	background-position: left center;
	}

	.links-block-footer .social {
		width: 58px;
		height: 58px;
		border-radius: 50%;
		background-color: #FFF;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10px;
		transition: all .3s ease;
	}

	.links-block-footer .social:hover{
		background-color: #dbbb73;
	}

	.logo-col img{
		width: 150px;
		margin: 0 10px;
	}
	
	footer .container-fluid{
		max-width: 1280px;
	}
	
	.footer-below {
		margin-top: 80px;
		font-family: 'Figtree', sans-serif;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.social.link-facebook img {
		max-width: 15px;
	}
	
	.footer-below a {
		font-family: 'Figtree', sans-serif;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.links-block-footer{
		margin-top: 10px;
	}

	.text-small{
		font-size: 12px;
	}
	
	
	/*		media  queries  		*/
	
	
	@media(max-width: 992px){
		header:after{
			height: 8px !important;
			bottom: 0;
		}

		footer .logo-col{
			justify-content: center;
			margin-top: 30px !important;
		}
	
	
		footer .adress, footer .contacts{
			align-items: center !important;
			text-align: center;
		}
	
		.services-container, .form-container{
			margin: 0 auto;
		}
	
		footer .col-xs-12 {
			margin-bottom: 40px;
		}
	
		header img{
			width: 80px;
		}
	
		.services h1{
			margin-left: 0 !important;
		}
	
		footer .brand h3, footer .margin-row p{
			text-align: center;
		}
	
		footer .margin-row p{
			margin-bottom: 15px;
		}
	}
	
	@media (max-width: 768px){
		#header-nav-1, #header-nav-2, .cart-block, #header-nav-3 {
		position: absolute;
		height: 65px;
		top: 0;
		padding: 5px;
		padding-bottom: 20px;
		}

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

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

		.rooms-wrapper h1, .services h1, form h2, section.alternative h1, #calendar_heading{
			font-size: 36px;
		}
	
		header{
			padding-top: 65px;
			margin-top: 0;
		}
	
		header p{
			font-size: 22px;
		}
	
		#header-nav-1 img {
			width: 50px !important;
			margin-left: 0px;
			padding: 0;
		}
	
		.ui-datepicker td .ui-state-default{
			height: 65px;;
		}
	
		.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, .en-input-wrapper__confirm, .to-lastminutes .standart_btn{
			font-size: 14px;
		}
	
	}
	
	@media(max-width: 480px){
		.payment-container{
			height: inherit !important;
			margin-top: 80px;
			padding: 0 10px;
		}
	}
	
	@media(max-height: 660px){
		.payment{
			margin-top: 80px;
		}
	
		.payment-container{
			height: inherit !important;
		}
	
	}
	
	@media(max-width: 380px){
		#header-nav-1, #header-nav-2, #header-nav-3{
			width: 33.33333%;
		}
	
		#header-nav-2{
			left: 33.33333%;
		}
	
		#header-nav-3{
			left: 66.6666%;
		}
	
		#header-nav-1, #header-nav-2, .cart-block, #header-nav-3{
			padding-bottom: inherit;
		}
	}