body {padding:0; margin:0; color:#515549; font-size:17px; overflow-x:hidden}
body.chopped {height:100vh; overflow:hidden;}
body.chopped .burger-menu {z-index:5}
body * {box-sizing:border-box; font-family: 'EB Garamond', serif;}
body li { list-style-type: none }

a {color:#2e3127; text-decoration:none}
a.w {color:#fff;}
b, strong, .bold {font-weight:bold;}
h1, h2, h3, h4 {font-weight:normal}
u, .underline {text-decoration:underline;}


h2.title {font-size:2.2em; margin:0.3em 0; color:#00327f;}

.big {font-size:1.3em}
.bigger {font-size:1.8em; color:#00327f}
.main-menu .bigger {color:#2b2b2b}
.biggest {font-size:2em; color:#00327f}
.smaller {font-size:.8em}

.pad-container {max-width:1400px; margin:0 auto; padding:0 2em}
.pad-h {padding:.6em 0 .8em 0;}
.spacer {height:30px;}
.spacer-small {height:15px;}

.align-center {text-align: center;}

.btn {width:100%; max-width:200px; border:3px solid #07ab95; display:inline-block; padding:10px; margin:5px 0 15px 0}
.btn.filled {background:#00327f; border-color:#00327f; color:#fff;}

.roundbtn {outline:none; width:65px; height:65px; border:none; padding:0; margin:0; position:absolute; border-radius:50%; background:#fff; z-index:2; padding:10px; text-align:center; display:inline-block}
.roundbtn span {width:28px; height:28px; display:inline-block; border-left:3px solid #999; border-top:3px solid #999; transform:translate(4px, 4px)}

.fullsceenimage {width:100vw; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:60px;}
.fullsceenimage img {opacity:0; width:100%}
.horizontal-separator {width:80px; margin:0 auto; font-size:0; height:3px; background:#07ab95}

/* video player */
	#top-cover {position:absolute; top:0; left:0; right:0; bottom:0;}
	#tv-replay {display:none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: url(/img/site/news/prowein2018.jpg) no-repeat center center; background-size:cover}
	#video-container {position:relative; overflow: hidden; width:100vw; height:100vh}
	#video-container iframe, .embed-container object, .embed-container embed {
		width: 100vw;
		height: 56.25vw;
		min-height: 100vh;
		min-width: 177.77vh;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top:-2px;
	}

/* home */
	.promos {padding:20px 40px; text-align:center; }
	.promo .separator {width:30%; margin:0 auto; font-size:0; height:3px; background:#07ab95}
	.promo .image img {width:100%; display:block; margin:15px 0;}
	.promo .title {margin:10px 0}
	.promo .intro {margin:10px 0}
	.relais {background:url(/img/000/img/relais_chateaux.png) center center no-repeat; height:100px}



/* accomodation */
	.details-amenities {margin-top:20px;}
/* accomodation */


/* news page */
	.main-new {max-width:960px; margin:0 auto;}
	.main-new img {max-width:550px; width:100%; max-height:500px; display:block; margin:0 auto;}
	/*.main-new .bigger {padding-bottom:10px;}*/

.separator {display:block; width:3px; margin:0 auto;  background:#07ab95; font-size:0; height:50px;}











footer {background:#0071b4; padding-top:25px; color:#cfd1c7; text-align:center;}
footer menu  {margin:0 auto; padding:0; border-bottom:3px solid #cfd1c7; max-width:94vw;}
footer menu div {text-align: center; padding:2px 0}
footer menu a {color:#cfd1c7;}
footer .line2 {padding:15px;}
footer .group {background:#fff}
footer .group img {max-width:130px; display:block; margin:0 auto;}
footer .langs {padding:25px 0}
footer .sete {background:#fff}
footer .sete img {display:inline; max-width:180px}
footer .copyright {color:#4d5146; background:#fff}
footer .mite {color:#8b8e86; padding:30px 0}
.contact_phone {display:inline-block; width:61px; height:61px; background-image:url('/img/000/img/icons_phone.png'); margin:20px 5px 0 5px;}
.contact_at {display:inline-block; width:61px; height:61px; background-image:url('/img/000/img/icons_phone.png'); margin:20px 5px 0 5px; background-position:-61px 0}
footer .contact.social a {display:inline-block; width:37px; height:37px; background-image:url('/img/000/img/icons.png'); margin:15px 3px 0 3px;}
footer .contact.social .in {background-position:-37px 0}
footer .contact.social .tw {background-position:-74px 0}
footer .contact.social .yt {background-position:-111px 0}



@media (min-width:769px) {
	.desktop-pad {padding:0 2em; max-width:1400px; margin:0 auto;}
	.hide-desktop {display:none;}
	.fullsceenimage {height:100vh; margin-top:0!important;overflow: hidden}

	/* home */
		.home-contents {background:url('/img/home/bg-home-gray.png') top center no-repeat; background-size:cover!important; background-position:top left}
		.promos {padding:20px 130px 80px 20px; margin-top:20px}
		.promo {padding-bottom:100px; display:grid; grid-column-gap:9%; grid-template-rows:auto max-content max-content max-content max-content auto; align-items:center; grid-template-columns:1fr 1fr; grid-template-areas:
				"img ."
				"img sep"
				"img title"
				"img intro"
				"img more"
				"img .";
		}
		.promo:nth-child(2n) {grid-template-areas:
			"..... img"
			"sep   img"
			"title img"
			"intro img"
			"more img"
			"..... img";
		}
		.promo:nth-child(2n) .image img {width:70%;}


		.relais {background:url(/img/000/img/relais_chateaux.png) right top no-repeat; background-size:95px; position:absolute; right:90px; min-width:200px; margin-top:20px}
		.promo .separator {grid-area:sep; margin-bottom:30px}
		.promo .image {grid-area:img;}
		.promo .image img {margin:0 auto;}
		.promo .title {grid-area:title; padding:0 15%;font-size:2em}
		.promo .intro {grid-area:intro; padding:0 15%;}
		.promo .btn {grid-area:more; margin:25px auto;}
	/* home */

	/* accomodation */
		.details-amenities {display:grid; grid-template-columns:1fr 1fr; column-gap:3em}
	/* accomodation */


	footer menu {position:relative; display: grid; column-gap:1em; grid-template-columns: repeat(12, max-content); justify-content:center; max-width:1400px; padding:30px 0;}
	footer .langs {position:absolute; right:10px;  color:#cfd1c7; padding:30px 0; text-align:right;}
	footer .group {display: grid; column-gap:1em; grid-template-columns: repeat(3, max-content); justify-content:center; align-items:baseline;}
	footer .sete {max-width:1400px; position:absolute; left:50%; width:100%; transform:translate(-50%, 25px); background:#00000000; text-align:right;}
	footer .mite .part {display:inline-block; padding:0 10px;}
}

@media (max-width:768px) {
	.hide-mobile {display:none;}
	.align-center-mobile {text-align:center;}
}


	.btn-book {position:relative; padding:0px 10px 22px 10px}
	.btn-book span {display: block; font-size: 17px; position: absolute; top:36px; font-weight: normal; left:0; right:0}