body { margin-top: 85px; }

.img-shadow , .apartments-slide-image img:hover { box-shadow: 0 0 5px rgba(1, 1, 1, 0.2); }

.back-to-list:hover , .more-photos:hover { text-decoration: underline; }

.btn:hover { text-decoration: underline; }

.home-desc .right .subtitle { margin-bottom: 30px; line-height: normal; }
 
.testmonials-content figure img { width: 130px; height: 130px; border-radius: 50%; object-fit: cover;  }
.testmonials-content::before { background: none; font-family: "Font Awesome 5 Free"; content: "\f10e"; font-weight: 900; color: #869c49; font-size: 35px; }

.latest-articles-cols { grid-template-columns: 1fr 1fr; row-gap: 30px; }
 
.apartment-options-list li i { color: #c2b28a; font-size: 20px; }

.skip-register { box-shadow: 0 10px 5px -2px #888; display: grid; grid-template-columns: 40px 1fr; align-items: center; justify-content: center; column-gap: 20px; color: #000; text-decoration: none; position: fixed; bottom: 100px; right: 0; background-color: white; z-index: 1003; padding: 25px 60px 25px 20px; }
	.skip-register span { background-color: #869c49; color: white; font-size: 20px; text-align: center; padding: 10px 10px; }
	.skip-register p { margin: 0; padding: 0; }
		
.home .subpage-intro , .subpage-intro { border-top: 0px; }
.subpage-intro .container { justify-content: start; }
	.subpage-intro .container .logo { margin-right: 50px; }
		.subpage-intro .container .logo img { height: 60px; width: auto; }

	.subpage-intro.logo-square .main-menu { margin-left: 300px; }		
	.subpage-intro.logo-square .container .logo { position: absolute; top: 0px; background-color: white; padding: 20px; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); /* box-shadow: 2px 2px 2px rgba(0,0,0,0.5); */ }		
		.subpage-intro.logo-square .container .logo img { width: 200px; height: auto; }
		
.main-menu { margin-right: 0px; }
	.main-menu li.act a { border-color: #c2b28a; background-color: #c2b28a; color: white; }

.breadcrumbs { margin-bottom: 70px; }
	.breadcrumbs ul li { font-size: 15px; }

.subpage .XXsubpage-intro { margin-bottom: 100px; }
.subpage .articles { background-color: #eae9e7; padding-bottom: 70px; }

.subpage-intro { position: fixed; width: 100%; top: 0; left: 0; background-color: white; z-index: 9999; box-shadow: 0 2px 10px rgba(0,0,0,0.5); }

.call-now .call-now-ico { font-size: 30px; display: flex; align-items: center; background-color: #869c49; color: white;  text-align: center; height: 55px; width: 55px; }
	.call-now .call-now-ico i { margin: 0 auto; }
	.call-now .call-text { margin: 0; color: #000; font-size: 22px; line-height: 1; font-family: 'Maven Pro', sans-serif; font-weight: 500; }	
	
.related-apartment { grid-template-columns: 400px 1fr; }
	.related-apartment-price-wrapper .btn { font-size: 13px; height: 40px; }

.func-icons li a { color: white; text-decoration: none; font-size: 25px; }
	.func-icons li a:hover , .func-icons li.act a { color: #E8E0DD; }

.reservation-calendar { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 30px; row-gap: 30px; }
	.reservation-calendar table { border: 1px solid gray; border-collapse: collapse; }
		.reservation-calendar table tbody tr td { border-top: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; height: 25px; width: 25px !important; text-align: center; font-size: 12px; }
			.reservation-calendar table tbody tr td.busy { background-color: #869c49; color: white; }
	
.reservation-stats-owner { margin: 70px 0; }

.apartments-slide-title { margin-top: 20px; }
	.apartments-slide-title a { color: inherit; text-decoration: none; }
		.apartments-slide-title a:hover { text-decoration: underline; }
		
.aparments-slide-breadcrumb { font-size: 12px; }
.apartments-slide-desc { min-height: 90px; }
.aparments-slide-details li .ico { color: #c2b28a; font-size: 16px; }
	.xxaparments-slide-details li:hover .ico { background-color: #c2b28a; color: white; }

.video-link .video-play-ico { border-radius: 50%; color: black; }
	.video-link .video-play-ico i { color: black; }
		.video-link:hover .video-play-ico i { color: #869c49; }
			
.offer-navi li a i { font-size: 50px; }

.footer-navi { grid-template-columns: 350px 1fr 1fr 1fr; margin-top: 100px; }
	.footer-navi div img { max-width: 70%; }

.social-icons a { color: inherit; text-decoration: none; }
	.social-icons a:hover { color: #869c49; }	 
	
.modal1 { display:grid; grid-template-columns: 1fr 1fr; column-gap: 30px; width:850px; font-size: 14px; }
	.modal1 .modal-section-text { margin-bottom: 20px; }
		.modal1 .modal-section-text a { color: inherit; }
		.modal1 .modal-section-text h2 { margin: 0 0 10px 0; padding: 0; font-size: 19px; }
			.modal1 .modal-section-text h2 i { color: #c2b28a; font-size: 20px; margin-right: 5px; } 
			.modal1 .modal-section-text h2 img { margin-right: 5px; }

#cookies-container { width: 100%; position: fixed; bottom: 0; left: 0;	background-color: #F1F4F8; color: #596574; z-index: 100000; padding: 30px 0; }
	#cookies-container .container { display: grid; 	grid-template-columns: 1fr 50px; column-gap: 20px; }
		#cookies-container .container #accept-cookies-checkbox { text-align: center; color: #596574; font-size: 30px; }
		
.nav-bar { justify-content: center; }		

.home-intro-reserve { background: rgba(234,233,232, 0.8); padding: 20px 50px 30px 50px; }
	.home-intro-reserve .form-filters { margin-top: 15px; }
		.XXhome-intro-reserve .form-filters	input { border: 1px solid #CECECE; }

.make-order .XXcontainer { display: grid; grid-template-columns: 1fr 1fr; column-gap: 60px; }
.make-order-js .form-filters li:last-child { margin-right: 0px; }
	.make-order-js .form-filters li label { display: flex; cursor: pointer; }
		.make-order-js .form-filters li label input { display: inline-block; }
.make-order-js .form-dates input { width: 200px; cursor: pointer !important; }
	.make-order.make-order-js .form-dates input { width: 250px; }
.make-order-js .form-dates , .make-order-js .form-persons { padding-left: 20px; background-image: none; }
	.make-order-js .form-dates::before { padding-top: 13px; padding-right: 13px; content: "\f073"; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #c2b28a; }
	.make-order-js .form-persons::before { padding-top: 13px; padding-right: 13px; content: "\f007"; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #c2b28a; font-weight: 900; }	
.make-order-js form button { font-size: 20px; height: 53px; }
	.make-order-js form button.reset { background-color: #F0F0F0; border: 1px solid #869c49; color: black; }
	.make-order-js form button:hover { text-decoration: none; }
	
.make-order .apartments { padding: 0; margin: 15px 0 0 0; }	
	.make-order .apartments-slider {  }
		.make-order .apartments-slider .apartments-slide { display: inline-block; width: 200px; }	
			.make-order .apartments-slider .apartments-slide .aparments-slide-details li { margin: 0; }
			.make-order .apartments-slider .apartments-slide .apartments-slide-title { display: none; }
			
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #869c49; }			

.shopping-order-area .shop_form.order_data .fieldset { display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; }

.reservation-sumup { background-color: #EEEEEE; border-radius: 10px; padding: 22px; }
	.reservation-sumup h2 { margin-top: 0px; }
	
.reservation-sumup-list .two-cols-arrow .arrow { margin-top: 0px; font-size: 20px; }	
.reservation-sumup-list li { min-height: 50px; height: auto;  }
	.reservation-sumup-list .reservation-sumup-selected-offer { padding-bottom: 50px; padding-top: 20px; }
		.reservation-sumup-list .reservation-sumup-selected-offer	a { color: inherit; text-decoration: none; }
			.reservation-sumup-list .reservation-sumup-selected-offer	a:hover { text-decoration: underline; }
		.reservation-sumup-list .reservation-sumup-selected-offer div { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; margin-bottom: 20px; }
			.reservation-sumup-list .reservation-sumup-selected-offer div .aparments-slide-details { margin: 0; }
				.reservation-sumup-list .reservation-sumup-selected-offer div .aparments-slide-details li { min-height: 0; border-bottom: 0px; margin: 0; }

.register-other-dates { margin-bottom: 30px; text-align: center; }
	.register-other-dates a { cursor: pointer; border: 1px dotted black; padding: 3px 6px !important; margin-right: 15px; text-decoration: none; color: black; font-size: 17px !important; height: auto !important; }
	.register-other-dates a:last-child { margin-right: 0px; }
				
.desktop-page .menu-btn { display: none; }				

.apartment-page .right .reservation-sumup { margin-top: 40px; }
.apartment-page .reservation-sumup-buttons { grid-template-columns: 1fr }
.apartment-page .reservation-sumup-content .register-closed { text-align: center; color: #e01616; margin-bottom: 30px; font-weight: bold; }
.apartment-page .reservation-sumup-content .form-dates { margin-bottom: 20px; }
	.apartment-page .reservation-sumup-content .form-dates input { width: 220px; }
.apartment-page .form-row-offer { display: grid; grid-template-columns: 280px 1fr; }
	.apartment-page .form-row-offer input ,  .apartment-page .form-row-offer input::placeholder { font-size: 14px; }
	.apartment-page .form-row-offer .form-persons label { width: 100px; text-align: center; }
		.apartment-page .form-row-offer .form-persons label:last-child { width: 70px; margin-right: 0px; }	

.apartment-page .apartment-main-gallery a.video { position: relative; }
	.apartment-main-photo a.video .video-play-ico , .apartment-page .apartment-main-gallery a.video .video-play-ico { border-radius: 50%; color: black; }
		.apartment-main-photo a.video:hover .video-play-ico , .apartment-page .apartment-main-gallery a.video:hover .video-play-ico { color: #869c49; }
	.apartment-main-photo .video-play-ico { width: 100px; height: 100px; font-size: 40px; }
	
	.reservation-sumup .reservation-sumup-list li.apartment-addon { grid-template-columns: 1fr 140px; column-gap: 30px; }
	.reservation-sumup .reservation-sumup-list li.apartment-addon.apartment-addon-checkbox { color: #bdbebe; cursor: pointer; grid-template-columns: 40px 1fr 80px; column-gap: 15px; }
		.reservation-sumup .reservation-sumup-list li.apartment-addon.apartment-addon-checkbox input { border: 1px solid #bdbebe; }
		.reservation-sumup .reservation-sumup-list li.apartment-addon.apartment-addon-checkbox.active { color: #414040; }
	
	.order_data .reservation-sumup .reservation-sumup-list li.apartment-addon.apartment-addon-checkbox label { cursor: pointer; }
			 
	.reservation-sumup .reservation-sumup-list li.apartment-addon.apartment-addon-checkbox:hover span , .reservation-sumup .reservation-sumup-list li.apartment-addon.apartment-addon-checkbox.active span { background-color: #869C49; }	
	.reservation-sumup .reservation-sumup-list li.apartment-addon.big span { background-color: #1BACC2 !important; }
		.reservation-sumup .reservation-sumup-list li.apartment-addon .apartment-addon-lead { margin-bottom: 15px; }
			.reservation-sumup .reservation-sumup-list li.apartment-addon div h4 { padding-bottom: 0; margin-bottom: 5px; }
			.reservation-sumup .reservation-sumup-list li.apartment-addon span { text-align: center; background-color: #C2B28A; border-radius: 5px; color: white; padding: 5px 9px; font-weight: bold; }
			
.reservation-sumup-white { background: none; padding: 0; }			
.reservation-sumup-white .reservation-sumup-list { margin: 0 15px; }

.reservation-sumup-buttons { margin-top: 20px; }

.daterangepicker .drp-buttons .btn { height: auto !important; }
	.daterangepicker .drp-buttons .btn:hover { background-color: #869c49; text-decoration: none; color: white; }

.text-insert a { color: inherit; }

.shopping-account {  }
	.shopping-account .row-account { border-bottom: 3px dotted #EEEEEE; padding-bottom: 50px; margin-bottom: 100px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; }
		.shopping-account .row-account:last-child { border-bottom: 0px; padding-bottom: 0px; }
			.shopping-account .row-account .field.check { margin-top: 30px; }
		.shopping-account .row-account .row-account-col-text ul { margin: 0 0 0 50px; padding: 0; }	
			.shopping-account .row-account .row-account-col-text ul li { margin-bottom: 15px; }
				.shopping-account .row-account .row-account-col-text ul li:last-child { margin-bottom: 0px; }
		.shopping-account .row-account .submit-order { text-align: center; margin-top: 20px;}

.header-2 { font-size: 25px; margin: 0 0 40px 0; padding: 0 0 10px 0; border-bottom: 1px solid gray; }
	.header-2 span { display: block; font-size: 15px; color: gray; font-weight: normal; }

.reservation-account { width: 100%; border-collapse: collapse;  }
	.reservation-account tr td { border-bottom: 1px solid #EAE9E8; padding: 10px; }
		.reservation-account tr td a { color: inherit; }	
			.reservation-account tr td a:hover { color: #879c49; }
			.reservation-account tr td i { color: inherit; margin-right: 10px; font-size: 24px; }	

.only-for-mobile { display: none; }

@media only screen and (max-width: 800px) {
	
	.skip-register { display: none; }
	
	.subpage-intro.logo-square .main-menu { margin-left: 0; }
	.subpage-intro.logo-square .container .logo { position: static; background-color: white; box-shadow: none; padding: 0; }
	
	.header-2 { font-size: 18px; }
	
	.register-other-dates { margin-bottom: 40px; }
		.register-other-dates a { display: block; margin-bottom: 10px; width: 100%; }
	
	.only-for-mobile { display: block; }	
	.only-for-desktop { display: none; }
	 
	.fancybox-content { padding: 10px; top: 75px; }	 
	.modal1 { grid-template-columns: 1fr; column-gap: 0; width: auto; }
	
	.apartment-page-intro h1 { font-size: 25px; margin: 20px 0 30px 0; }
	.apartment-page { grid-template-columns: 1fr; gap: 0 0; }
		.apartment-page .apartment-options-list { grid-template-columns: 1fr; margin-bottom: 30px; }	
		.apartment-page .apartment-main-gallery { gap: 25px 25px; }
		.apartment-page .apartment-main-photo { margin-bottom: 25px; }
		.apartment-page .aparments-slide-details	{ margin-top: 50px; }
			.apartment-page .aparments-slide-details li { margin: 0 10px 10px 0; }
		.apartment-page .form-row-offer { grid-template-columns: 1fr; }
		
	.reservation-sumup-content { padding: 0; }
	.reservation-sumup-list { margin: 0; }
	.reservation-sumup .reservation-sumup-list li.apartment-addon { grid-template-columns: 1fr; column-gap: 0; }
	.reservation-sumup-buttons .btn.grey { font-size: 14px; }
	
	.apartment-page .reservation-sumup-list { margin-top: 20px; }
		.reservation-sumup-list .two-cols-arrow { padding-bottom: 20px; }
	
	.shopping-order-area .shop_form.order_data .fieldset { grid-template-columns: 1fr; margin-bottom: 30px; }
		.shopping-order-area .shop_form.order_data .fieldset .reservation-sumup h2 { font-size: 20px; margin-bottom: 20px; }
			.shopping-order-area .shop_form.order_data .fieldset .reservation-sumup .reservation-sumup-buttons { grid-template-columns: 1fr; row-gap: 15px; }
			.shopping-order-area .shop_form.order_data .fieldset .reservation-sumup .reservation-sumup-list .reservation-sumup-selected-offer { padding: 20px 0 20px 0; }			
			.shopping-order-area .shop_form.order_data .fieldset .reservation-sumup .reservation-sumup-list li.apartment-addon.apartment-addon-checkbox { grid-template-columns: 70px 1fr; min-height: 100px; }
				.shopping-order-area .shop_form.order_data .fieldset .reservation-sumup .reservation-sumup-list li.apartment-addon .apartment-addon-checkbox-price { text-align: center; }
					.shopping-order-area .shop_form.order_data .fieldset .reservation-sumup .reservation-sumup-list li.apartment-addon .apartment-addon-checkbox-price input { margin: 0 auto 15px auto; }
					
	.related-apartments h6 { font-size: 25px; }
	.related-apartments { margin-bottom: 40px; padding-top: 20px; }
	.related-apartment { margin-bottom: 30px; }
		.related-apartment .txt { padding: 0 15px 15px 15px; }
			.related-apartment .related-apartment-price strong { font-size: 16px; }
			.related-apartment .apartments-slide-desc { margin-bottom: 20px; }
	
	.btn { font-size: 17px; padding: 10px 10px; height: auto; }
	
	.testmonials-content-nophoto { padding: 60px 50px 60px 50px; }
		.testmonials-content figure { left: calc(50% - 65px); }
	
	.make-order { padding: 30px 0; margin-bottom: 30px; }
		.make-order-js .form-dates::before  , .make-order-js .form-persons::before { padding-top: 5px;  }
		.make-order h2 { margin-bottom: 20px; }
		.make-order form .btn-text { padding-right: 20px; padding-left: 20px; font-size: 16px; }
			.make-order form .btn-text i { margin-right: 10px; }
		.form-group { padding-left: 10px; padding-bottom: 5px; margin-right: 0px; margin-bottom: 10px; border: 1px solid #1d222a; }		
	
	.shopping-account .row-account { grid-template-columns: 1fr; column-gap: 0px; margin-bottom: 50px; }
		.shopping-account .row-account .row-account-col-text { margin-top: 30px; }
		
	.breadcrumbs { margin-bottom: 20px; padding: 40px 0; }
		.breadcrumbs .breadcrumbs-subtitle { margin-top: 5px; font-size: 25px; }
	
	.latest-articles { padding-top: 40px; }
		.latest-articles .subtitle { margin-bottom: 35px; }
	
	.title-desc span { padding-left: 0px; }
		.title-desc span::before { display: none; }
	
	.title-desc.center span { padding-right: 0px; }
	
	.testmonials { padding-top: 20px; padding-bottom: 40px; }
		.testmonials .testmonials-content { margin: 50px 0 60px 0; }
			.testmonials .testmonials-content .testmonials-text { font-size: 16px;  }
		.testmonials .title-desc.center span { padding-right: 0px; }
		.testmonials .title-desc.center span::after , .title-desc.center span::after { display: none; }
	
	.offer-content-left .subtitle { margin-top: 0px; font-size: 30px; }
	.offer-content-left .txt { margin-bottom: 15px; }
	.offer-content-right img { border: 0px; }
	 
	.offer { padding: 50px 20px; }
	 
	.apartments-slide-desc { min-height: 0; }
	
	.page-FK { padding-top: 5px !important; }
	
	.home-desc { margin-top: 50px; margin-bottom: 70px; }
	
	.XXsubpage-intro .container { display: grid; grid-template-columns: 1fr 1fr; }
		.subpage-intro .container .logo { margin-right: 0px; }
			.subpage-intro .container .logo img { height: 40px !important; }
			
		.subpage-intro .container .main-menu .menu-btn { margin: 0; width: 40px; height: 40px;  }
		
	.func-icons li a { font-size: 16px; }
		.func-icons li .ico { width: 45px; height: 45px; }
	
	.form-filters { display: block; }
	
	.footer-navi { padding-bottom: 20px; padding-top: 40px; }
		.footer-navi .footer-navi-address { margin-bottom: 30px; }
		.footer-navi h6 { text-align: center; margin: 0 0 10px 0; padding: 0; font-size: 20px; }
			.footer-navi h6::after { margin: 20px auto 20px auto; position: static;  }
		.footer-navi ul { margin-bottom: 30px; }
			.footer-navi ul li { font-size: 14px; text-align: center; margin-bottom: 10px; }
			 
	.offer-navi { grid-template-columns: 1fr 1fr !important; margin-bottom: 30px; }
		.offer-navi a { height: 150px; }
		.offer-navi a.active::after, .offer-navi a:hover::after { display: none; }
	
	footer .container	{ display: block; }
		footer .container p { text-align: center; }
			footer .container .social-icons { margin-top: 20px; }
		
}

@media only screen and (max-width: 1670px) {
	
	.subpage-intro .call-now { display: none; }	
	
}