.inner {
    width: 100%;
    max-width: 70.5rem;
    margin: 0 auto;
}

.g100 {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.g60 {
    width: 62.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.g30 {
    width: 31.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.left { float: left; }
.right { float: right; }
.relative { position: relative; }

.clear{clear: both;}

.table {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.align_top { vertical-align: top; }
.align_bottom { vertical-align: bottom; }
.scroll_link { cursor: pointer; }

/* ===== Page container ===== */

#main div#contents {
    position: relative;
    width: 92%;
    max-width: 70.5rem; max-width: 60rem;
    margin: calc(var(--header-height) ) auto 2rem auto;
    min-height: 32rem;
    transition: margin-top 0.3s ease;
}

@media screen and (min-width: 941px) {
    body#main.with-promo div#contents { margin-top: 0; }
}

@media screen and (max-width: 940px) {
    body#main div#contents { margin-top: calc(var(--header-height) + 1rem); }
}

@media screen and (max-width: 800px) {
   body#main.panel-on div#contents { margin-top: calc(var(--header-height) + var(--panel-mob-h, 2.2rem) + 1rem); }
}

/* ===== 404 ===== */
.error404-wrap { padding: 60px 20px; }
.error404 { max-width: 560px; margin: 0 auto; text-align: center; }
.error404-code { font-size: 96px; line-height: 1; font-weight: 700; color: #d8d9db; }
.error404 h1 { font-size: 28px; margin: 12px 0 10px; }
.error404 p { color: #55565a; font-size: 15px; }

/* ===== locator ===== */
div#locator {
    font-size: 0.85rem;
    padding: 1rem 0 1.5rem 0;
    color: #8C8D90;
}

div#locator a {
    color: #8C8D90;
}

div#locator a:hover {
    color: var(--text-color);
}

 
/* ===== Share right300 ===== */

ul.share-right300 {
    float: right;
    list-style: none;
    margin: 0;
    padding: 2.6rem 0 0 0;
}

ul.share-right300 li {
    float: left;
    width: 5.1rem;
    padding: 0 0 0 .5em;
    text-align: center;
}

@media screen and (max-width: 800px) {
    ul.share-right300 {
        padding: 0;
        clear: both;
    }
}

/* ===== detail-row (main + side rail) ===== */

div.detail-row {
    display: flex;
    align-items: flex-start;
    gap: 0 3.125%;
    clear: both;
}

div.detail-row div.left600,
div.detail-row div.left670 {
    float: none;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
}

div.detail-row div.right300,
div.detail-row div.right250 {
    float: none;
    width: auto;
    flex: 0 0 19.2rem;
    min-width: 0;
}

div.detail-row div.right250 {
    flex-basis: 16rem;
}

div.detail-row div.left600:only-child {
    flex: 0 1 62.5%;
}

@media screen and (max-width: 900px) {
    div.detail-row.wide-row {
        flex-wrap: wrap;
        gap: 0;
    }
    div.detail-row.wide-row div.left670,
    div.detail-row.wide-row div.right250 {
        flex-basis: 100%;
    }
 div.detail-row.wide-row div.right250 .eg-list {
      display:flex;flex-flow:row wrap;gap:1rem;justify-content:space-evenly;
    }
	
    div.detail-row.wide-row div.right250 {
        margin-top: 1.3rem;
    }

 

}

@media screen and (max-width: 700px) {
    div.detail-row {
        flex-wrap: wrap;
        gap: 0;
    }
    div.detail-row div.left600,
    div.detail-row div.right300,
    div.detail-row div.left670,
    div.detail-row div.right250 {
        flex-basis: 100%;
    }
    div.detail-row div.left600:only-child {
        flex-basis: 100%;
    }
    div.detail-row div.right300,
    div.detail-row div.right250 {
        margin-top: 1.3rem;
    }
}

/* ===== left-right (generic .left/.right flex row) ===== */

.left-right {
    display: flex;
    align-items: flex-start;
    gap: 0 1.25rem;
    clear: both;
}

.left-right div.left {
    float: none;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
}

.left-right div.right {
    float: none;
    width: auto;
    flex: 0 0 16rem;
    min-width: 0;
}

@media screen and (max-width: 700px) {
    .left-right {
        flex-wrap: wrap;
        gap: 0;
    }
    .left-right div.left,
    .left-right div.right {
        flex-basis: 100%;
    }
    .left-right div.right {
        margin-top: 1.3rem;
    }
}

/* the clamped text excerpt shared by every box (type boxes keep their own clamp/margins) */

.short {
    position: relative;
    font-size: 0.85rem;
    line-height: 1.2em;
    height: 3.6em; /* 1.2 x 3 lines */
    overflow: hidden;
}

/* gradient tail fade for clamped excerpts (replaces legacy transparent png) */
span.fade {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 80%;
    min-width: 8rem;
    height: 1.2em;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

/* ===== eg-brick-deal (top deals / package side rail cards) ===== */

.eg-brick-deal {
	flex: 1 1 100%;
    position: relative;
    margin: 0 0 1.65rem 0;
    padding-top: 6.4rem;
    background: transparent;height:auto;
}



.eg-brick-deal a.image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 10.7rem;
    padding: 0;
}

.eg-brick-deal div.details {
    position: relative;
    width: 80%;
    padding: 0.65rem;
    background: white;
    padding-bottom: 1.9rem;
    height:100%;
}

.eg-brick-deal div.details div.days {
    font-family: var(--sec-font-family);
    font-weight: 500;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.eg-brick-deal div.details div.prices {
    font-family: var(--sec-font-family);
    font-weight: 500;
    color: #C5C5C5;
    font-size: 0.9rem;
    padding: 0.13rem 0;
}

.eg-brick-deal div.details .prices .price {
    font-family: var(--sec-font-family);
    font-weight: 500;
    color: var(--overlay-hover);
    font-size: 1.15rem;
}

.eg-brick-deal div.details .prices .price_old {
    text-decoration: line-through;
}

.eg-brick-deal div.details a.title {
    font-family: "Roboto", 'Arial', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-color);
}

.eg-brick-deal div.details div.short {
    font-family: var(--sec-font-family);
    font-weight: 300;
    line-height: 1.2em;
}

.eg-brick-deal a.more {
    position: absolute;
    bottom: 0.35rem;
    left: 0.65rem;
}

@media screen and (max-width: 900px) {
 

.eg-brick-deal {flex:1 1 49%;
  width: 49%;
	}

}


/* ===== eg-brick-rel (now only .pack) ===== */

div.eg-brick-rel {
    position: relative;
    background: white;
    margin: 0 0 1.65rem;
}

/* pack — manors top deals */

div.related.wide.three-cols {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3.12%;
    align-items: flex-start;
}

div.eg-brick-rel.pack {
    flex: 0 0 31.25%;
    min-height: 9.6rem;
}

div.eg-brick-rel.pack div.details {
    padding: 6%;
    padding-bottom: 1rem;
    min-height: 6.7rem;
}

div.eg-brick-rel.pack div.days {
    font-family: "Roboto","Arial",sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    text-transform: uppercase;
}

div.eg-brick-rel.pack div.prices {
    font-family: "Roboto","Arial",sans-serif;
    font-weight: 500;
    color: #C5C5C5;
    font-size: 0.9rem;
    padding: 0.13rem 0;
}

div.eg-brick-rel.pack .prices .price {
    font-family: "Roboto","Arial",sans-serif;
    font-weight: 500;
    color: var(--overlay-hover);
    font-size: 1.15rem;
}

div.eg-brick-rel.pack .prices .price_old {
    text-decoration: line-through;
}

div.eg-brick-rel.pack .title {
    font-family: "Roboto","Arial",sans-serif;
    font-weight: 500;
    line-height: 1.1em;
}

div.eg-brick-rel.pack a.more {
    display: inline-block;
    font-size: 1rem;
    padding-top: 0.65rem;
}


@media screen and (max-width: 750px) {
    div.eg-brick-rel {
        flex: 0 0 100%;
    }
}

/* ===== Teksts (Page/Home/Search/Sitemap/Report/Planner) ===== */



/**
*		
*		Teksts
*
*/


 /**	fp row 1	*/

div.fp-content {

	pointer-events:none;
}
div.fp-content >*{pointer-events:all;}

div.fp-row1 {
	margin-bottom: 3.8rem;
	margin-top: 0;
	width: 100%;
    float:left;
}



/* left - fluid (flex, see .left-right) */


div.fp-row1 div.video {
	position: relative;
	margin-top: -4.8rem;
	width: 100%;
	height: 0;
	line-height: 0;
	padding-bottom: 59.663865546%;
	padding-bottom: 56.25%; /* 9:16 */

	background-color: #456b7e;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;

	overflow: hidden;
}



div.fp-row1 div.video span.play {
	position: absolute;
	display: block;
	width: 100%;
	height: 0;
	line-height: 0;
	padding-bottom: 59.663865546%; /* 355px / 595px */
	padding-bottom: 56.25%; /* 9:16 */
	background: url(../images/fp/video-play.png) 50% 50% no-repeat;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
	opacity: 0.5;	
 transition: opacity 0.2s; 	
}

div.fp-row1 div.video:hover span {
	opacity: 1;	
}



/* right - constant 365px */
div.fp-row1 div.left-right {
	gap: 0;
}

div.fp-row1 div.right {
	flex: 0 0 23.4rem;
	margin-top: -10.1rem;
}

div.fp-row1 div.video-txt {
	float: right;
	/* position: absolute; */
	width: 19.2rem;
	top: 19.7rem;	
	right: 0;
	padding: 0 0 0 3.2rem;
	margin: 3.2rem 0 0;
	background: url(../images/fp/fp-video-arraw.png) 0 20px no-repeat;
}

div.fp-row1 div.video-txt div.title {
    font-size: 1.8rem;
    line-height: 1.1em;
    margin-bottom: 0.2em;
    text-transform: uppercase;
}

div.fp-row1 div.video-txt div.short {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.2em;
	height: 4.8em;
	overflow: hidden;
}

div.fp-row1 div.map {
	float: right;
	position: relative;
	margin-right: -1rem;
	width: 19.2rem;
	height: 16.7rem;
	padding: 1rem;
}

div.fp-row1 div.map span.bg {
	position: absolute;
	top: 0;
	left: 0;	
	display: block;
	width: 21.2rem;
	height: 18.6rem;

	background: black;
	opacity: 0.4;	
}

div.fp-row1 div.map span.chapter {
	position: absolute;
	top: 0.5rem;
	color: white;
	font-size: 1.4rem;
	text-transform: uppercase;
	text-decoration: none;
}

div.fp-row1 div.map a {
	position: absolute;
	top: 2.8rem;
	line-height: 0;
	display: block;
	width: 19.2rem;
	height: 14.7rem;

	margin: 0;
	padding: 0;

	overflow: hidden;

	background: url(../../images/fp/en/map.jpg) 50% 50% no-repeat;
	background-size: 100% auto;
}





div.fp-row1 div.right div.map a span.overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #4E394E;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;	

	transition: opacity 0.2s;

}

div.fp-row1 div.right div.map a:hover span.overlay {
	opacity: 0.2;	
}


div.fp-row1 div.right div.map a span.arrow {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../../images/bg-enter-arrow.png) 50% 50% no-repeat;
	transition: opacity 0.2s;
}

div.fp-row1 div.right div.map a:hover span.arrow {
	display: block;
	opacity: 1;	
}










 /**	fp row 3	*/

div.fp-row3 {
	position: relative;
	width: 100%;
	clear: both;	
}

/* left */


div.eg-list-news.fp {
	margin: 0 0 1.65rem 0;
	height: auto;
	min-height: 0;
}

div.eg-list-news.fp a.image {
	flex: 0 0 15rem;
	height: auto;
	aspect-ratio: 3 / 2;
	align-self: flex-start;
}


div.eg-list-news.fp div.details-wrap {
	padding: 0.9rem 1.8rem 0.9rem;
}


div.eg-list-news.fp div.details {
	padding: 0;
}

div.eg-list-news.fp div.details a.title {
	display: block;
	font-size: 1.3rem;
	color: var(--text-color);
	line-height: 1.2em;
}

div.eg-list-news.fp div.details div.intro {
	position: relative;
	margin: 0.65rem 0 0;
	line-height: 1.2em;
	height: 3.6em; /* 1.2 x 3 lines */
	overflow: hidden;
}

div.eg-list-news.fp a.more {
	position: static;
	margin-top: 0;
}

/* right */




div.text { }


div.text div.left div.intro {
	display: inline-block;
	float: left;
	width: 55%; /* 330px / 600px */
}








div.text div.intro-left {
	float: left;
	width: 36.458333333%; /* 350px / 1100px */
}

div.text div.text-right {
	float: right;
	width: 59.375%; /* 570px / 1100px */
	margin-bottom: 1.9rem;
}








/**
*		newsletter
*/

div.newsletter input.subscribe {
	border: 1px solid #b7b7b7;
	padding: .5em;
	width: 27.6rem;
	margin: 0 0.35rem 0 0;
}








/**
*		sitemap
*/

div.sitemap {
	width: 100%;
	clear: left;
	padding-top: 1.9rem;
}

div.sitemap div.col {
	position: relative;
	width: 12.3rem;
	min-height: 15.7rem;
	float: left;
}

div.sitemap div.col a.chapter {
	font-size: 1.15rem;
	text-transform: uppercase;
	line-height: 1em;
	color: #4e394e;
}

div.sitemap div.col ul.level1 {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0.65rem 0;
}

div.sitemap div.col ul.level1 li {
	background: url(../../images/sitemap/tree-middle.png) 0 -232px no-repeat;	
}

div.sitemap div.col ul.level1 li:last-child {
	background: url(../../images/sitemap/tree-last.png) 0 -232px no-repeat;	
}

div.sitemap div.col ul.level1 li a {
	display: block;
	padding: 0.65rem 0 0.65rem 1.6rem;
	font-size: 1rem;
	line-height: 1em;
	color: #4e394e;
}

div.sitemap div.col ul.level1 li ul.level2 {
	list-style: none;
	margin: 0 0 0 1.6rem;
	padding: 0.65rem 0;	
}

div.sitemap div.col ul.level1 li ul.level2 li {
	background: url(../../images/sitemap/tree-middle.png) 0 -240px no-repeat;	
}

div.sitemap div.col ul.level1 li ul.level2 li:last-child {
	background: url(../../images/sitemap/tree-last.png) 0 -240px no-repeat;	
}

div.sitemap div.col ul.level1 li ul.level2 li a {
	display: block;
	padding: 0.25rem 0 0.25rem 1.6rem;
	font-size: 0.85rem;
	color: #4e394e;
}







/**
 * 		search
 */



div.search div.search-box {	
	position: relative;
	background: #bab900;
	padding: 1rem 1rem;
}

/* bottom-pointing arrow: 3rem wide x 1rem tall, same color as the block */
div.search div.search-box::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -0.95rem;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-top: 1rem solid #bab900;
}

div.search div.search-box form {	
	display:block;width: 100%;margin:0;padding:0;
	border-top: 1px solid #8a8a8a;
	border-left: 1px solid #8a8a8a;	
}

/* wrap for browsers not supporting box-sizing (IE) */
div.search div.search-box div.input-wrap {
	position: relative;
	border: 0;
	height: 2.6rem;
	padding: 0 1.3rem 0 2.9rem;
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	background: white url('../images/search/zoom.svg') 5px -79px no-repeat;

}
div.search div.search-box div.input-wrap:focus-within {
	outline: 2px solid #bedd00;
	outline-offset: 0;
}
div.search div.search-box input.search {
	position: absolute;
	inset: 0;
	border: 0;
	background: transparent;
	line-height: 2.6rem;
	font-size: 1.15rem;
	font-weight: 300;
	padding: 0 1.3rem 0 2.9rem;
	margin: 0;
}
div.search div.search-box input.search:focus-visible {
	outline: none;
}



/**		nothing found	*/

/**		search items objects	*/

div.search div.list-items {
	position: static;
	clear: both;
}







/**
*		Teksts > planner
*/


div.planner p.add-to-planner-text {
	max-width: 38.5rem;
}











@media screen and (max-width: 900px) {

	/**
	*		fp
	*/

	div.fp-row1 div.left {
		width: 100%;
		margin-right: 0;
	}

	/* right - don't display */
	div.fp-row1 div.right {
		display: none;
	}



	h2.eg-heading.spaced {
		margin-top: 1.65rem;
	}



/* KREFA */
	div.text div.left div.intro {
		display: block;
		float: none;
		width: 100%;
	}


}







@media screen and (max-width: 750px) {


	/**
	*		fp
	*/

	/**		row 1	*/

	div.fp-row1 {
		display: none;
	}

	h2.eg-heading.spaced {
		font-size: 2rem;
	}


}




@media screen and (max-width: 515px) {


	/**
	*		fp
	*/

	/**		row 1	*/

	div.fp-row1 div.video span.play {	
		background-size: 30%;
	}





}












@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

	div.fp-row1 div.right div.map a { background-image: url(../../images/fp/en/map-2x.jpg); }
	div.search div.search-box div.input-wrap { background-image: url('../images/search/zoom.svg'); }

}




/* manors theme overrides*/

.manors_wrap {
--brand-primary: #ae8067; 
--overlay-hover: #986f59;
--logo-url: url('../images/header/enter-gauja-manors.svg');
--planner-badge-bg: #986f59;
--header-bg-url: url('../images/header/bg-header-manors.png');
--header-bg-color: #7E5E4C;
--nav-active-color: #fff;
--border-color-accent: #D9AD96;
--footer-border: #8b624c;
--footer-bg-color:#8b624c;
}

.manors_wrap div.top ul.top li div.login a.user { color: #986f59; }

.manors_wrap h1 { color: var(--brand-primary); }
.manors_wrap .main_heading { color: var(--brand-primary); }
.manors_wrap .features h2 { color: var(--brand-primary); }

.manors_wrap #footer .bg {position:absolute;  }
.manors_wrap #footer .bg::before {content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%; background:  url('../../images/footer/bg-footer_manors.png') 50% 0 no-repeat; }
.manors_wrap #footer .bg::after {content:'';position:absolute;z-index:0;bottom:0;left:0;width:100%;height:50%; background: var(--footer-bg-color);}
.manors_wrap #footer .row1 .caption { color: #39383a; }
.manors_wrap #footer-wrap ul.menu li a { color: #39383a; }

.manors_wrap div#contents div.left div.gallery a.thumb-prev:hover,
.manors_wrap div#contents div.left div.gallery a.thumb-next:hover { background-color: var(--brand-primary); }

.manors_wrap div#contents div.left div.gallery a.thumb-prev { background-color: var(--brand-primary); }
.manors_wrap div#contents div.left div.gallery a.thumb-next { background-color: var(--brand-primary); }

.manors_wrap div#contents ul.tabs li.active { background-color: var(--brand-primary); }
.manors_wrap div#contents ul.tabs li.active:after { border-color: var(--brand-primary) transparent transparent transparent; }

.manors_wrap div#contents div.eg-list div.eg-list-object div.details a.title { color: var(--brand-primary); }

.manors_wrap div.related.wide h2.eg-heading,
.manors_wrap div.eg-row-rel-wrap h2.eg-heading { color: var(--brand-primary); }

@media screen and (max-width: 600px) {
    .manors_wrap .features h2 { font-size: 2rem; }
    .manors_wrap #footer { background-color: var(--brand-primary); }
}