:root {
	--baseFont: 0.75rem;
	--main-size: 100px;
	--mainWidth: 995px;
	
	--mainColor: #333333;
	--mainBGColor: rgb(232, 228, 220, 1); /* #e8e4dc */

	--mainTopNavColor: #6c5a49; /* was 978273 */
	
	--mainLnk: #F7F7F7; /* was bfc0bf; */
	--mainLnkVs: #F9F9F9; /* was #bfc0bf */
	--mainLnkHv: #FFF; /* was #F4B14C */
	--wBoxes: 860px;

	--text-shadow: 0 0 15px rgba(255,255,255,0.8), 0 0 30px rgba(255,255,255,0.6), 0 0 45px rgba(255,255,255,0.5);

	--sliderSpeed: 10s;

	
	--nav1Col: linear-gradient(#6e5a4c, var(--nav1HvCol));
	--nav1HvCol: #7a5840;

	--nav2Col: linear-gradient(#c5bdab, var(--nav2HvCol));
	--nav2HvCol: #c1b399;

/*
	--nav2Col: linear-gradient(#dcd1bf, var(--nav2HvCol));
	--nav2HvCol: #e6d3b4;
*/
	
	--nav3Col: linear-gradient(#a98877, var(--nav3HvCol));
	--nav3HvCol: #bb8265;

	--nav4Col: linear-gradient(#aca797, var(--nav4HvCol));
	--nav4HvCol: #a3a091;

/*
	--nav4Col: linear-gradient(#b2ac9c, var(--nav4HvCol));
	--nav4HvCol: #baaf94;
*/

	--nav5Col: linear-gradient(#737a80, var(--nav5HvCol));	
	--nav5HvCol: #6e7a84;

	--nav6Col: linear-gradient(#1a91dd, var(--nav6HvCol));	
	--nav6HvCol: #46b1e1;

	--nav7Col: linear-gradient(#bba593, var(--nav7HvCol));	
	--nav7HvCol: #9b836e;


	--subnav1Col: linear-gradient(#614b36, var(--subnav1HvCol));
	--subnav1HvCol: #716050;

	--subnav2Col: linear-gradient(#9d7958, var(--subnav2HvCol));
	--subnav2HvCol: #998471;

	--subnav3Col: linear-gradient(#b08254, var(--subnav3HvCol));
	--subnav3HvCol: #a0856a;

	
	--oddCl: #F4F3F4;
	--evenCl: #FAF7F4;
	}

*	{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ 
	}

html {
		scroll-behavior: smooth;
	}

body {
	font-family: "Roboto", sans-serif;
	/* font-family: 'Open Sans'; */
	font-size: var(--baseFont);
	color: var(--mainColor);

	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:"wdth" 300;

	background-color: var(--mainBGColor); /* Was: FFF; 808b92, #b3b9bd   */
	padding: 0px 0px 0px 2%;
	margin: 0 auto;
	background-image: url(../images/main_bg.jpg);/*	background-image: url(images/back.gif); */
		}

header {
	width: var(--mainWidth);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-align: center;
}

/* FONTS */
@font-face {
	font-family: "Roboto", sans-serif;
	/* font-family: 'Open Sans'; */
    font-weight: normal;
    font-style: normal;
}

img {
	border: none;
}

td {
	/* font-family: 'Open Sans'; */
	font-family: "Roboto", sans-serif;
	font-size: 0.85rem;
	color: #333333;
	line-height: 150%;
}

form {font-size: var(--baseFont); padding: 0;}

li img {
	border:solid 4px #FFF;
}

li a:hover img {
	border:solid 4px #8d1c22;
}


.brd1 {
	border:1px dotted #960;
}

a, a:link {
	color: var(--mainLnk);
	TEXT-DECORATION: none;
	transition: all 0.6s ease-in-out;
}

a:hover, a:active  {
	color: var(--mainLnkHv);
	TEXT-DECORATION: underline;
	transition: all 0.6s ease-in-out;
}

a:visited {color: var(--mainLnkVs); TEXT-DECORATION: none}

/* ΕΜΦΑΝΙΣΗ INFO ΠΑΝΩ ΑΠΟ LINK ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΟ ΠΑΡΑΘΥΡΟ */
:focus { outline: 0; }
a.info {
position:relative;
z-index:995;
}

a.info:hover, a.info:focus, a.info:active {
z-index:999;
}

a.info span {
position: absolute;
left: -9000px;
width: 0;
overflow: hidden;
}

a.info:hover span, a.info:focus span, a.info:active span {
display:block;
position:absolute;
top:-50px; left:20px; width:12em;
border:2px solid rgb(255, 255, 255);
background-color: rgba(255, 0, 0, 0.6);
border-radius: 7px;
color:#FFF;

text-align: center;
padding:5px 5px;
z-index: 1;
}


h1 { line-height: 150%; }

#astirlogo {
	text-align: center;	
	margin-bottom: 20px;
	padding:40px 0 10px 0;
	filter: drop-shadow(0 0mm 2mm rgba(34, 34, 34, 0.7));
}

#astirlogo img {
	width:875px;
}

#espaBanner, #banner {
	text-align: center;	
	margin-bottom: 20px;
	padding: 0 20px;
}

#topNavbar { 
	text-align: center;	
	display: flex;
	justify-content:space-between;	
	align-items:center;
/*	padding-bottom: 5px; */
/*	border-bottom: solid 5px #FFF; */
	margin-bottom: 3px;
	color: var(--mainTopNavColor);
}

#topNavbar A, #topNavbar A:link {
	font-weight:400;
	color: var(--mainTopNavColor);
	}

.white-bg { background-color: #FFFFFF;}

.orange1 {color:#E29816;} /* lang_gr - Καθορισμος ποσοτητας */
.orange3 {color:#FCF419;} /* /products/index, /products/products2, /products/products_search - subtitle  */
.neworange_withgreylines { color:#833913; } /* prod_dec, prod_wal, products, search - Title  */
.somon {color:#BE9192;} /* /assets/page_include  - Title  */
.yel-orng {color:#dfc246;} /* /pages/1_0, 1cc_0  - Title  */

.red { color:#8d1c22;}

.white, .white a, .white a:link, .white a:visited {
	color: #FFF;
	TEXT-DECORATION: none;
    transition: all 0.6s ease-in-out;
	}

.white a:hover, .white a:active {
	color: #FFF;
	TEXT-DECORATION: underline;
    transition: all 0.6s ease-in-out;
	}

.search, .pcateg { width:120px; font-size:0.75rem; padding: 4px; border-radius: 7px;}

.title {
	font-size: 2rem;
	line-height:130%;
	/*
		font-family: 'Open Sans';
	*/
}

.wall-subtitle, .maintenance-subtitle {
	font-size: 1.4rem;
	line-height:130%;
	/*
		font-family: 'Open Sans';
	*/
}


.subtitle {
	font-size: 1.17rem;
	/* 	font-family: 'Open Sans'; */
	font-family: "Roboto", sans-serif;
	line-height:130%;
}

.bodytext {
	font-size: var(--baseFont);
	line-height: 160%;
	/* font-family: 'Open Sans'; */
	font-family: "Roboto", sans-serif;
	}
	
.bodytext-extra {
	font-size: 0.95rem;
	line-height: 160%;
	font-family: "Roboto", sans-serif;
	/* font-family: 'Open Sans'; */
	}	

.breadcrumbs { 
	font-size: var(--baseFont);
	font-weight: bold;
	padding:3px 0px 10px 0px;
	}

.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {
	font-size: var(--baseFont);
	font-weight: normal;
	TEXT-DECORATION: none; color:
	var(--mainLnk);
	}

	.breadcrumbs a:hover, .breadcrumbs a:active {
	font-weight: bold;
	TEXT-DECORATION: underline;
	color: var(--mainLnkHv);
	}

.langs {
	font-size: var(--baseFont);
	font-weight: bold;
	background-color:#000;
	padding:5px 15px 5px 10px;
	}

.langs a, .langs a:link, .langs a:visited {
	font-size: var(--baseFont);
	font-weight: normal;
	TEXT-DECORATION: none;
	color: var(--mainLnk);
	}

.langs a:hover, .langs a:active {
	font-size: var(--baseFont);
	font-weight: normal;
	TEXT-DECORATION: underline;
	color: var(--mainLnkHv);
	}


.address, .footer, .copy { font-size: var(--baseFont);}

.odd {background-color: var(--oddCl); }
.even {background-color: var(--evenCl); }

.function {font-size: var(--baseFont); }

.left {
	padding-right:10px;
	padding-bottom:5px;
	float: left;
}
.right {
	padding-left:10px; 
	padding-bottom:5px;
	float: right;
}

.menu-bg { /* Εμφανιζεται στο Footer (Στοιχεια επικοινωνίας, Privacy Policy */
	/* background: linear-gradient(#d3d2d6, #FFF); */
	background: linear-gradient(180deg,rgba(211, 210, 214, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border-radius: 10px;
}

.menu {
	font-size: 0.75rem;
	font-weight:normal;
	color:#958C96; 
	}

.menu a, .menu a:link, .menu a:visited  {
	font-weight:bold;
    transition: all 0.6s ease-in-out;	
}
.menu a:hover, .menu a:active { 
    transition: all 0.6s ease-in-out;	
}

.tfield0 {width:30px; font-size:8pt; height:25px; text-align:right; padding-right:5px;}
.tfield1 {width:50px; font-size:8pt; height:25px;}
.tfield1b {width:65px; font-size:8pt; height:25px;}
.tfield2 {width:140px; font-size:8pt; height:25px;}
.tfield3 {width:250px; font-size:8pt; height:25px;}

.tfield5 {width:600px; height:120px; font-size:8pt;}

.sbitbut { font-size:130%; line-height:200%;}

.bot-border {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.bot-bord {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
}

.prod-bg-1, .prod-bg-2, .prod-bg-3, .prod-bg-4, .prod-bg-5, .prod-bg-6, .prod-bg-7, .prod-bg-8, .prod-bg-9, .prod-bg-10, .prod-bg-11, .prod-bg-12, .prod-bg-13, .prod-bg-14, .prod-bg-15, .prod-bg-16, .prod-bg-17, .prod-bg-18, .prod-bg-19,.prod-bg-20, .prod-bg-21, .prod-bg-22, .prod-bg-23, .prod-bg-24, .prod-bg-25, .prod-bg-26, .prod-bg-27,.prod-bg-28, .prod-bg-29 {background-color:#c7c9ce; padding:0;}

#prodblocks {
	padding:10px 0px;
}

#prodblocks .categoryblock {
	position:relative;
	float:left;
	margin-right:14px;
	display:block;
	width: 200px;
	height: 200px;
	border-bottom:solid 4px var(--mainLnk);
	padding-bottom:7px;
	margin-bottom:10px;
	overflow:hidden;
	z-index: 1;

	&:hover{
		border-bottom:solid 4px var(--nav1HvCol);
	}
}

#prodblocks .new { 
	position:absolute;
	}

#prodblocks .categ_name { 
	position:absolute;
	bottom:5px;
	width:200px;
	text-align:center;
	overflow:hidden;
	background-color: rgba(0, 0, 0, 0.4);
	padding:13px 0px;
	color:#FFF;
	font-family: "Roboto", sans-serif;
	/* font-family: 'Open Sans'; */
	font-size:1.20rem;
	text-shadow: 1px 2px 3px #333;
	line-height:90%;
}

#prodblocks .categ_name:hover { 
	transition: all 0.6s ease-in-out;
	background-color: rgba(0, 0, 0, 0.7);
	transform: scale(1.1); 
}


#catbar {
	font-size:1.60rem;
	color:#333; 
	padding:0px 0px 5px 0px;
	font-family: "Roboto", sans-serif;
	/* font-family: 'Open Sans'; */
	text-align:center;
	line-height:120%;
}

#catbar a, a:visited, a:link {
	color:#b39c7e;
}


#catbar a:hover {
	color:#FFF;
	text-decoration:none;
}

#catbar a.active, #catbar a:link.active {
	color:#826641;
}


.clr { clear:both; }

.thmblist img { 
	float:left;
	margin-right:12px;
	margin-bottom:10px;
	border:solid 4px #FFF;
	}

.thmblist img:hover{ 
	border:solid 4px #FF0;
	}

.outpic286 { margin-right:6px; margin-bottom:6px; float:left; }

.outpic286:nth-child(3n+0) {
    margin-right:0px;
}

.outpic286 img { width: 277px; height:277px; }

.outTitle {
	font-size: 1.5rem;
	font-family: "Roboto", sans-serif;
	/* font-family: 'Open Sans'; */
	line-height:130%;
	margin-bottom:5px;
	color:#d4c8b5; /* WAS: 833913 */
}

.cat_subtitle {
	font-size:120%;
	color:#FFF;
	padding-bottom:15px;
}

/* Image Hover Zoom */
.image2hover { 
    transition: all 0.3s ease-in-out; 
}

.image2hover:hover {
    transition: all 0.3s ease-in-out; 
    transform: scale(1.1); 
	border-radius: 25px;
}

.tcenter {
  margin-left: auto;
  margin-right: auto;
	}
	
.tdcenter {
  text-align: center;	
}

.tdright, .tdrgt {
  text-align: right;	
}

 .tdlft {
	text-align: left;
 }

.p30-0 {
	padding:30px 0px;
}

.p20 {
	padding:20px;
}

.p30 {
	padding:30px;
}

.pd-b4 {
	padding-bottom: 4px;
}

.t-b0 {
	border:none;
	padding: 0;
	border-spacing: 0;
}

.t-b5-c0 {
	border:none;
	padding: 5;
	border-spacing: 0;	
}

.nowrap, .wrap {
	white-space:nowrap;
}

.img-holder {
	margin-bottom:10px;
	position:relative;
	}

.pos-rel-flr {
	position:absolute;
	top: 15px;
	right: 15px;
	z-index:1;
}

.pos-abs {
	position:absolute;
	z-index: 1;
}

.pos-abs-code {
	background-color:rgba(255, 255, 255, 0.6);
	color: #000;
	font-weight: bold;
	position:absolute;
	left:10px;
	bottom: 15px;
	padding: 5px;
	border-radius: 5px;
	z-index: 1;

}

.pos-abs-dimensions {
	background-color:rgba(255, 255, 255, 0.6);
	color: #000;
	font-weight: normal;
	font-style:italic;
	position:absolute;
	right:10px;
	bottom: 15px;
	padding: 5px;
	border-radius: 5px;
	z-index: 1;

}


.pos-abs-5-10 {
	position:absolute;
	left:0px;
	bottom: 10px;
}

.w100 {
	width: 100%;
}

.w550 {
	width: 550px;
}

.w635 {
	width: 635px;
}

.w790 {
	width: 790px;
}

.w865 {
	width: 865px;
}

.w870 {
	width: 870px;
}

.w875 {
	width: 995px;
}

.wBox {
	width: var(--wBoxes);
}

.w995 {
	width:var(--mainWidth);
}

.va-md {
	vertical-align: middle;
}

.va-tp {
	vertical-align: top;
}

.b0 {
	border: none;
}

.pd-b10 {
	padding-bottom:10px;
}

.pd-b40 {
	padding-bottom:40px;
}

.td-pd3-0-3-0 {
	padding:3px 0px 3px 0px;
}

.d-alc-w844 {
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
	width:844px;
}

.pd15-25-30-25 {
	padding:15px 25px 30px 25px;
}

.pd10 {
	padding: 10px;
}

.pd10-0 {
	padding: 10px 0;
}

.pd20 {
	padding: 20px;
}

.pd-20-0 {
	padding:20px 0px;
}

.pd6-0-20-0 {
	padding:6px 0px 20px 0px;
}

.pd-20-0-10-0 {
	padding:20px 0px 10px 0px;
}

.pd15-25 {
	padding:15px 25px;
}

.pd4-0 {
	padding: 4px 0;
}

.d-w995-m5-0 {
	width:var(--mainWidth);
	margin:5px 0px;
}

.mt15 {
	margin-top:15px;
}

.mb10 {	
	margin-bottom:10px;
}

.mb35 {	
	margin-bottom:35px;
}

.pd15 {
	padding: 15px;
}

.pd-b15 {
	padding-bottom:15px;
}

.pd-tb15 {
	padding-top:15px;
	padding-bottom:15px;
}

.pd-b5 {
	padding-bottom:5px;
}

.bbt-w4 {
	border-bottom: solid 4px #FFF;
}

.t-p5-b0-sp0 {
	border:none;
	padding: 5;
	border-spacing: 0;
}

.pd-t10 {
	padding-top:10px;
}

.t100-p5 {
	width: 100%;
	border:none;
	padding: 5;
	border-spacing: 0;
}

.t100-p3 {
	width: 100%;
	border:none;
	padding: 3;
	border-spacing: 0;
}

.td-pg9 {
	border:solid 1px #333;
	padding:7px;
	background:#fff;
	width:150px;
	text-align:center;
	float:right; clear:left;
}

.pd0-20-20-20 {
	padding:0px 20px 20px 20px;
}

.ml20 { margin-left: 20px;}

.prioffers { 
	font-size:1.20rem;
	font-weight:bold;
	text-align:center;
	}

/* START FLEX PART */
.flxcontainer { 
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
 }
 
.flex-center { justify-content: center; }
.flex-between { justify-content: space-between; }
.flex-midcenter { align-self: center; }

.navone, .navtwo, .navthree, .navfour, .navfive {
  display: flex;
  flex-grow: 1;
  align-items:center; /* vertical align in flex box */
  text-align: center; /* text align */
  justify-content: center;  /* horizontal align in flex box */
  padding: 15px 20px;
  font-size: 1.2rem;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
  max-width: 199px;
  transition: all 0.3s ease 0s;	
  color: #FFF;
}

.navone {
/*
	border-radius: 0 0 0 20px;
*/
}

.navfive {
/*
	border-radius: 0 0 20px 0;
*/
}

.navone a, .navtwo a, .navthree a, .navfour a, .navfive a {
	color: #FFF;
}


.menu-but_2, .menu-but_3, .menu-but_4, .menu-but_5, .menu-but_6 {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease 0s;
	width: 200px;
	margin-bottom: 3px;
	padding: 20px;
}

.submenu-but_2, .submenu-but_3, .submenu-but_4, .submenu-but_5, .submenu-but_6, .submenu-but_7, .wall-submenu-but_1, .wall-submenu-but_2, .wall-submenu-but_3 {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease 0s;
	width: 160px;
	margin-bottom: 3px;
	padding: 15px;
}

.wall-submenu-but_1, .wall-submenu-but_2, .wall-submenu-but_3 {
	width: 320px;
	height: 90px;
}

.navone { 
	background: var(--nav1Col);

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--nav1HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}
}

.navtwo, .menu-but_2, .submenu-but_2 { 
	background: var(--nav2Col);

	&:hover{
		transition: all 0.3s ease 0s;
		background:var(--nav2HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}

}

.mainten-but{
	width: fit-content;
	padding: 20px 45px;
	border-radius: 20px;
	background: #f6821f;
	font-size:1.4rem;
}

.navthree, .menu-but_3, .submenu-but_3 {
	background: var(--nav3Col);

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--nav3HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}
}


.wall-submenu-but_1 { 
	background: var(--subnav1Col);

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--subnav1HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}
}

.wall-submenu-but_2 { 
	background: var(--subnav2Col);

	&:hover{
		transition: all 0.3s ease 0s;
		background:var(--subnav2HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}

}

.wall-submenu-but_3 {
	background: var(--subnav3Col);

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--subnav3HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}
}

.navfour, .menu-but_4, .submenu-but_4 { 
	background: var(--nav4Col);  

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--nav4HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}
}

.navfive, .menu-but_5, .submenu-but_5 { 
	background: var(--nav5Col);   

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--nav5HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}

}

.menu-but_6, .submenu-but_6 { 
	background: var(--nav6Col);   

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--nav6HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}

}

.menu-but_7, .submenu-but_7 { 
	background: var(--nav7Col);   

	&:hover{
		transition: all 0.3s ease 0s;
		background: var(--nav7HvCol);
		text-shadow: var(--text-shadow);
		cursor: pointer;
	}

}

.navfive {   
  padding: 0;
  margin:0;
  max-width: 199px;
  overflow:hidden;
}


.size3 { font-size:1.5rem; color:#2756b0; }
.size4 { font-size:1.17rem; }


.bignum, .bignum2 {
	color:#473026;
	font-size: 2.9rem;
	width: var(--main-size);
	height: var(--main-size);
	align-items: center;
	justify-content: center;
	scroll-snap-align: center;
  }
 

.bigarrow {
  margin-left:15px;
  color:#000;
  font-size: 1.7rem;
  font-weight:bold;
}

.formbigbut { font-size:1.17rem; padding:7px; }

.nostocktxt {
	margin-left:auto;
	margin-right:auto;
	background-color:#c4c4c4;
	font-weight:bold;
	font-size:1.17rem;
	text-align:center;
	width:60%;
	padding:10px;
	}
	
	.lmtstocktxt {
	margin-left:auto;
	margin-right:auto;
	background-color:#fbab11;
	font-weight:bold;
	font-size:1.17rem;
	text-align:center;
	width:60%;
	padding:10px;
	}

#btnScrolltoTop {
	position:fixed;
	right:20px;
	top:55%;
	width:50px;
	height:50px;
	border-radius:50%;
	border:none;
	background:#FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.50);
	color:#000;
	cursor:pointer;
}

#btnScrolltoTop:active {
	background:#F00;
	color:#FFF;
}

.boxlink {
	background-color: #FFF;
	padding:10px;
	border:solid 1px #F00;
	margin:20px 0px;
	}

.boxlink A:link, .boxlink A:visited {
	color:#F00;
	}

.wclrmttldiv {	width:100%; background-color:#fbe855; }
.wclrmttl {	padding: 20px; color:#15349a; text-align:center; font-size:200%; font-weight:bold; letter-spacing: 0.3em; }
.wclprcqnt {	padding:0px 5px 10px 0px; color:#F00 }

.grdContainer4 {
		display: grid;
		grid-template-columns: 50px 1fr  auto 75px;
		grid-gap: 5px;
		padding: 7px;
		background-color: #F9F9F9;
	  }

.grdContainer4 div {
	padding: 5px;
}

.grdContainer3 {
	display: grid;
	row-gap: 0.5rem;
	grid-template-columns: 100px 100px 1fr;	
}

.grdContainer3 div:first-child, .grdContainer3 div:first-child img {
	border-radius: 20px 0 0 0;
}


.grdContainer3 div:last-child{
	border-radius: 0 0 20px 0;
}


.flxcontainerBoxes {
	display: flex;
	flex-wrap: wrap;
 }

.grdContainer3 div {
	display: flex;
	background-color:#eaeaea;
}

.grdContainer3 img{
	width: var(--main-size);
	height: var(--main-size);
}

.grdContainer3 .listtext{
	align-items: center;
	text-align:left;
	color:#232323;
	font-size: 1.55rem;
	transition: all 0.3s ease-in-out;
}

.grdContainer3 .listtext a, .grdContainer3 .listtext a:hover {
	color:#232323;
	transition: all 0.3s ease-in-out;
	
	&:hover{
		color:#000;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
	}


}

@keyframes appear {
	from {
		opacity: 0;
		clip-path: inset(100% 100% 0 0);
/*
		scale: 0.9; 
*/
	}
	to {
		opacity: 1;
		clip-path: inset(0 0 0 0);
/*
		scale: 1;
*/
	}
}

.scroll-block {
	animation: appear 1.5s linear;
	animation-timeline: view();
	animation-range: entry 0% cover 20%;
}

#FsPR, #BigPR, #SmPR {
	margin:0;
	padding:0;
	margin-bottom:10rem;
	overflow:hidden;
	border-bottom:solid 1px #000;
}

#FsPR img, #BigPR img, #SmPR img {
	border-radius: 1rem;
}


.Projectblock, .FsProjectblock, .BigProjectblock, .SmProjectblock {
    position: relative;
	overflow:hidden;
	font-size: 0.8rem;
	border-radius: 15px;
	margin-bottom:0.6rem;
	}

.FsProjectblock .PrjCaption { 
	position:absolute;
    bottom: 0px;
    left: 0px;
	width:995px;
	padding:17px 10px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.6);
	word-wrap: break-word;
	transition: all 0.6s ease-in-out;

	&:hover{
		background-color:rgba(0, 0, 0, 0.8);
		text-shadow: var(--text-shadow);
		font-weight:bold;
		font-size: 0.87rem;
		cursor: pointer;
	}

}

.BigProjectblock .PrjCaption { 
	position:absolute;
    bottom: 0px;
    left: 0px;
	width:490px;
	padding:17px 10px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.6);
	word-wrap: break-word;
	transition: all 0.6s ease-in-out;

	&:hover{
		background-color:rgba(0, 0, 0, 0.8);
		text-shadow: var(--text-shadow);
		font-weight:bold;
		font-size: 0.87rem;
		cursor: pointer;
	}

}

.SmProjectblock .PrjCaption { 
	position:absolute;
    bottom: 0px;
    left: 0px;
	width:330px;
	padding:17px 10px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.6);
	word-wrap: break-word;
	transition: all 0.6s ease-in-out;

	&:hover{
		background-color:rgba(0, 0, 0, 0.8);
		text-shadow: var(--text-shadow);
		font-weight:bold;
		font-size: 0.87rem;
		cursor: pointer;
	}

}

.Projectblock .PrjCaption { 
	position:absolute;
    bottom: 0px;
    left: 0px;
	width:100%;
	padding:17px 10px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.6);
	word-wrap: break-word;
	transition: all 0.6s ease-in-out;

	&:hover{
		background-color:rgba(0, 0, 0, 0.8);
		text-shadow: var(--text-shadow);
		font-weight:bold;
		font-size: 0.87rem;
		cursor: pointer;
	}

}

#contract .imageholder {
	/*	background-color:#FFF;
	*/
		padding:2rem;
		max-width:inherit;
		display: flex;
		flex-wrap: wrap;
		gap: 1.5rem;
		}
	

#contract img { 
	max-width:800px;
	max-height:600px;	
	border-radius: 1.5em;
	}


/* TEMP TESTING STAFF */
	/*

div:nth-child(odd) { background-color:#F3D3D3; border:solid 2px #222; }
div:nth-child(even) { background-color:#A69292; border:solid 2px #939393; }

		table { background-color:#F7ACED; border:dotted 5px #4930E7; padding:7px;}

		tr:nth-child(odd) { background-color:#27A719; border:dotted 4px #00570C;  padding:7px;}
		tr:nth-child(even) { background-color:#43A33F; border:dotted 4px #00570C;  padding:7px;}

		td:nth-child(odd) { background-color:#48CCC2; border:dotted 4px #107BA2;  padding:7px;}
		td:nth-child(even) { background-color:#5AD5CC; border:dotted 4px #107BA2;  padding:7px;}
	*/

	.goTop
	{
		border: solid 3px black;
		position: fixed;
		right: 1rem;
		bottom: 3rem;
		background-color: rgba(255, 255, 255, 0.7);
		z-index: 1;
		padding: 5px 10px;
		border-radius: 50px;
		font-size: 2.2rem;
		color: #000;
		text-decoration: none;
		box-shadow: 5px 5px 8px 2px #888888;
	
		&:hover{
			border: solid 3px #fff;
			background-color: var(--nav1HvCol);
			cursor: pointer;
			color: #FFF;
		}
	}
	
	.goTop a, .goTop a:link
	{
		color: #000;
		text-decoration: none;	
	}

	.goTop a:active, .goTop a:hover
	{
		color: #FFF;
	}

/* SCROLL WATCHER START */

	.scrollwatcher {
		height: 5px;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background: var(--nav1Col);
		width: 100%;
		scale: 0 1;
		transform-origin: left;
		animation: scrollwatcher linear;
		animation-timeline: scroll();
	}
	
	@keyframes scrollwatcher{
		to {scale: 1 1;}
	}

/* SCROLL WATCHER END */

/* NO RESULTS POPUP START */

	.popupoverlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(103, 59, 1, 0.6);
		transition: opacity 500ms;
		opacity: 1;
		z-index: 9999;
	  }
	  
	  .popup {
		position: relative;
		margin: auto;
		top: 20%;
		padding: 20px;
		background: #fff;
		border-radius: 5px;
		width: 30%;
		transition: all 5s ease-in-out;
		z-index: 9999;
	  }
	  
	  .popup .close {
		position: absolute;
		top: 20px;
		right: 30px;
		transition: all 200ms;
		font-size: 30px;
		font-weight: bold;
		text-decoration: none;
		color: #333;
	  }
	  .popup .close:hover {
		color: #06D85F;
	  }
	  .popup .content {
		max-height: 30%;
		overflow: auto;
	  }
	  
	  @media screen and (max-width: 700px){
		.popup{
		  width: 70%;
		}
	  }

/* NO RESULTS POPUP END */

/* CAROUSEL START */

.carousel-container{
    width: 512px;
    height:328px;
    overflow: hidden;
    border: 5px solid #ffffff;
    border-radius: 8px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	margin: auto;
	margin-bottom: 25px;
}
.carousel-wrapper{
    width: 100%;
    display: flex;
    animation: carouselslide 10s infinite;
  }

@keyframes carouselslide{
/*
    0%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(0);
    }
    30%{
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(-100%);
    }
    55%{
        transform: translateX(-200%);
    }
    75%{
        transform: translateX(-200%);
    }
    80%{
        transform: translateX(-300%);
    }
    95%{
        transform: translateX(-300%);
    }
    100%{
        transform: translateX(0);
*/


    0%{
        transform: translateX(0);
    }
    15%{
        transform: translateX(0);
    }
    20%{
        transform: translateX(-100%);
    }
    35%{
        transform: translateX(-100%);
    }
    40%{
        transform: translateX(-200%);
    }
    55%{
        transform: translateX(-200%);
    }
    60%{
        transform: translateX(-300%);
    }
    75%{
        transform: translateX(-300%);
    }
    80%{
        transform: translateX(-400%);
    }
    95%{
        transform: translateX(-400%);
    }
    100%{
        transform: translateX(0);
    }

}
.carousel-container img{
    width: 100%;
}

/* CAROUSEL END */

/* WALL SECTION */

section {
/*
	background: #b38f73 url("../images/wall_section/bg.png") center; 
*/
	background: #b38f73; 
	padding: 50px 25px;
	margin-bottom: 0px;
	border-bottom: solid 3px #FFF;
	color: #FFF;
	font-size: 1rem;
}

section img {
	max-width: 100%;
}

.about .fullimg img { width:995px; }

.aboutflex {
	display:flex;
	flex-wrap:no-wrap;
}

.aboutbg { 
	padding: 60px 140px;
	background: url("../images/about/aboutbg.jpg");
	background-repeat: no-repeat;
	background-position: top;
	margin:10px 0px;
	}

.aboutbg .fullimg img { width:100%; }

.about-l1-logo { background-color:#c7bab1; padding:10px 0px;}
.about-l1-content { color: #6a5544; align-self: center; font-size:1.8rem; font-family: "Syncopate", sans-serif;
  font-weight: 400; font-style: normal; margin:15px 0px;}
.about-l1-url{ background-color:#c7bab1; color: #6a5544; align-self: center; font-size:2.1rem;
  font-weight: 400; font-style: normal; padding:25px 0px;}

.about-r1 { text-align:left; z-index:999; position:relative; top: 10px; }
.about-r2 { }
.about-r3 { }

.about-c1 { background-color:#c0a48f; width:100px; display:flex; justify-content: center;}
.about-c1-content { align-self: center; color: #FFF; font-size:2.2rem; font-family: "Syncopate", sans-serif;
  font-weight: 400; font-style: normal; writing-mode: sideways-lr;
text-orientation: mixed;} 
.about-r3-content { align-self: center; color:#FFF; font-size:2rem; font-family: "Syncopate", sans-serif;
  font-weight: 400; font-style: normal; }


.about-c2 { padding:20px; font-size:1.1rem; width:100%; font-weight:300; text-align:left; background-color:#FFF;}
.about-c3 { background-color:#ded9d5; width:60px;}
.about-bot { background-color:#c7bab1; width:100%; display:flex; justify-content: center;}


.about-bot {}

.wall-special-title {
	background-color: #71604f;
	border: solid 5px #FFF;
	border-radius: 35px 0 25px 0;
	box-shadow: 0px 0px 10px #333;
	padding: 20px 70px;
	font-weight:bold;
	font-size:1.2rem;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.wall-special-link {
	background-color: #71604f;
	font-size: 1.4rem;
	border: solid 5px #FFF;
	border-radius: 25px;
	box-shadow: 0px 0px 10px #333;
	padding: 20px 70px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

.wall-title {
	font-size: 2.5rem;
	font-weight: bold;
}

/*
.wall-subtitle {
	font-size: 2rem;
	font-weight: bold;
}
*/

.wall-subtitle2 {
	font-size: 1.6rem;
	color: #833913;
}

.wall-orange, .wall-orange A, .wall-orange:link {
	color: #ffc000;
}

.wall-orange A:hover {
	color: #ffF;
}


.wal-address {
	font-size: 0.9rem;
}

.wal-bigtext {
	padding: 20px;
	text-align: left;
/*
	text-align: justify;
	columns: 2;
	column-gap: 40px;
*/
}

.wal-tiles {
	padding: 25px;
}

.wal-tiles img {
	width: 250px;
	border: solid 0px #e1dad0;
}

.wal-tile {
	width: fit-content;
	display: grid;
	gap: 25px;
	grid-template-columns: 250px 370px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.wal-inner {
	align-self: center;
	
}

.no-border-img {
	border: solid 15px #e1dad0;
	box-shadow: 0px 0px 20px #333;
	border-radius: 100px 0;
}


/* Slider */
/* Slideshow container */


	
#slide-container {
 position: relative;
 max-width: var(--mainWidth); /* responsiveness */
}
/* First element to be in block mode for responsiveness */
#slide-first-element {
 display: block; /* to get the dimensions set */
 width: 100%;
 height: auto;
}
/* Other element to be in absolute position */
#slide-element-2,
#slide-element-3 {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
/* Style images */
.slide-image {
 width: 100%;
}
/* Style text */
.slide-text {
 position: absolute;
 bottom: 10px;
 width: 100%;
}
/* Animation settings for individual elements */
/* For more images the animations have to be adjusted */
#slide-first-element {
 animation: fade-1 var(--sliderSpeed) infinite;
 -webkit-animation: fade-1 var(--sliderSpeed) infinite;
}
#slide-element-2 {
 animation: fade-2 var(--sliderSpeed) infinite;
 -webkit-animation: fade-2 var(--sliderSpeed) infinite;
}
#slide-element-3 {
 animation: fade-3 var(--sliderSpeed) infinite;
 -webkit-animation: fade-3 var(--sliderSpeed) infinite;
}
/* and more if there are more slides to show */
@keyframes fade-1 {
 0% { opacity: 1; }
 33% { opacity: 0; }
 66% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fade-2 {
 0% { opacity: 0; }
 33% { opacity: 1; }
 66% { opacity: 0; }
 100% { opacity: 0; }
}
@keyframes fade-3 {
 0% { opacity: 0; }
 33% { opacity: 0; }
 66% { opacity: 1; }
 100% { opacity: 0; }
}
/* example for a 4th slide */
@keyframes fade-4 {
 0% { opacity: 0; }
 25% { opacity: 0; }
 50% { opacity: 0; }
 75% { opacity: 1; }
 100% { opacity: 0; }
}


.manage {

/*
	font-family: 'Open Sans';
	color: #FFF;

*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
		}


/* CONTRACT */

.contract {
	font-family: "Roboto", sans-serif;
 /*  font-family: "Noto Serif", serif; */
/*
  text-shadow: 1px 1px 3px #333;
*/
  font-weight: 700;
  font-style:normal;
}

.contractcolor, .contractcolor A, .contractcolor A:link  {
/*  color: var(--mainTopNavColor); */
  color: #601018;
}

.contracttitle {
	font-size: 5rem;
	font-family: "Roboto", sans-serif;
 /*  font-family: "Noto Serif", serif; */
	line-height:130%;
}

.contractsubtitle {
	font-size: 1.17rem;
	font-family: "Roboto", sans-serif;
 /*  font-family: "Noto Serif", serif; */
	line-height:130%;
}

.emphasisText { color:#D0383A;}



#cookie-info-banner {
  position: fixed;
  padding:15px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(31, 41, 51, 0.8);
  color: #ffffff;
  z-index: 9999;
  font-size: 14px;
  display: none;
}

#cookie-info-banner.show { display: block; }

.cookie-info-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.cookie-info-content a {
  color: #9fd3ff;
  text-decoration: underline;
}

.cookie-info-content button {
  background: #ffffff;
  color: #1f2933;
  border: none;
  padding: 8px 14px;
  cursor: pointer;
  font-weight: bold;
}



/* BURGER START */
.burger-menu-container,
.burger-menu {
    overflow: visible !important;
	width: max-content;
    white-space: nowrap;
}

.burger-menu-container {
    position: relative;
	z-index: 99999;
    display: inline-block;
    margin-right: 20px;
}

.burger-icon {
    width: 30px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 22px;
}

.burger-icon span {
    display: block;
    height: 4px;
    background: rgba(110, 90, 76, 1);
    border-radius: 2px;
}

.burger-menu {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 35px;
    left: 0;
    background: rgb(232, 228, 220, 0.9);
    border: 1px solid #ddd;
	border-bottom-right-radius: 20px;
    padding: 15px;
    z-index: 9999;
	text-align: left;
}

.burger-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
	text-align: left; /* Ensure UL is left-aligned */
}

.burger-menu li {
    margin-bottom: 10px;
	text-align: left; /* Ensure UL is left-aligned */
}

.burger-menu a {
    text-decoration: none;
    color: #000;
	font-size:0.8rem;
	display: block; /* Makes alignment consistent */
    text-align: left;
	padding:5px;
}

.burger-menu li:hover > a {
/*    
	font-weight: bold !important; 
*/
    background: rgba(110, 90, 76, 0.8);
    color: #FFF !important;
}

.has-sub {
    position: relative;
}

/* SUBMENU INDICATOR */
.burger-menu .has-sub > a {
    position: relative;
    padding-right: 30px;
    font-weight: 600;
}

.burger-menu .has-sub > a::after {
    content: "›";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.7;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
/* Hover / focus */
.burger-menu .has-sub > a:hover::after,
.burger-menu .has-sub > a:focus::after {
    color: #FFF;
}

/* Level 2 menu */
.has-sub > .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: rgba(232, 228, 220, 0.95);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    min-width: 180px;
    z-index: 10000;
}

/* Show on hover */
.has-sub:hover > .sub-menu {
    display: block;
}


@media (max-width: 768px) {
    .burger-menu {
        width: 80vw;
    }
}

/* Desktop hover animation */
@media (hover: hover) {
    .burger-menu .has-sub:hover > a::after {
        transform: translateY(-50%) translateX(4px);
        opacity: 1;
    }
}