@charset "utf-8";
@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

* {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

input, select {
    vertical-align:middle;
}

:root {
  --brown:#AD7F66;
  --black:#000;
  --white:#FFF;
}

:root {
  font-size:100%; 
}

:root.size125 {
  font-size:125%; 
}

:root.size150 {
  font-size:150%; 
}

/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* FONTS  ++ */

@font-face {
  font-family:"Montserrat-Regular";
  src:url("/assets/vendor/fonts/Montserrat-Regular.ttf") format("truetype"); 
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Montserrat-Medium";
  src:url("/assets/vendor/fonts/Montserrat-Medium.ttf") format("truetype"); 
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Montserrat-Bold";
  src:url("/assets/vendor/fonts/Montserrat-Bold.ttf") format("truetype"); 
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Montserrat-SemiBold";
  src:url("/assets/vendor/fonts/Montserrat-SemiBold.ttf") format("truetype"); 
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Montserrat-Light";
  src:url("/assets/vendor/fonts/Montserrat-Light.ttf") format("truetype"); 
  font-weight:normal;
  font-style:normal;
}


/* FONTS  -- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* OVERAL STYLE ++ */

html {
	scroll-behavior: smooth;
	/* overflow: hidden; */
}

html, body {

	width: 100%;
	height: 100%;
	min-height:100%;
}

body {
	font-family:"Montserrat-Regular";
	color:#141C10;
	font-size:14px;
	position:relative;
}

h1 {
	font-size:46px;
	line-height:62px;
	font-weight:normal;
	letter-spacing:0.01em;
	color:#FDF7EE;
	font-family:"Montserrat-Medium";
}

h2 {
	font-size:20px;
	line-height:24px;
	font-family:"Montserrat-Medium";
	font-weight:normal;
	/* letter-spacing:0.03em; */
	color:#000;
	max-width:255px;
	margin-bottom:30px;
}



div.width-wrapper {
	width:100%;
	max-width:1400px;
	display:table;
	margin:0 auto;
	padding:0 60px;
	box-sizing:border-box;
}

div.table {
	display:table;
}

div.table-row {
	display:table-row;
}

div.table-cell {
	display:table-cell;
}

/* buttons ++ */

a.button.more {
	padding:15px 25px 13px 25px;
	background-color:var(--brown);
	border-radius:30px;
	color:#000;
	text-decoration:none;
	margin:20px 0;
	font-size:14px;
	line-height:14px;
	display:table;
	letter-spacing:0.04em;
	transition-duration:0.3s;
	/* font-family:"Montserrat-Semibold"; */
	 font-family:"Montserrat-Medium";
	 background-image:url('/assets/img/icon-bullet-next-black.svg');
	 background-position:right 28px top 15px;
	 background-repeat:no-repeat;
	 background-size:11px;
	 padding-right:50px;
	 
}

a.button.more:hover {
	opacity:0.9;
	 background-position:right 22px top 15px;
}



a.social {
	width:30px;
	height:30px;
	display:inline-table;
	border-radius:50%;
	background-color:var(--brown);
	background-repeat:no-repeat;
	background-position:center center;
	transition-duration:0.3s;
}


a.social.in {
	background-image:url('/assets/img/icon-in.svg');
	background-size:12px;
	background-position:center center;
}

a.social:hover {	
	opacity:0.8;
}

a.toggle-menu {
	width:28px;
	height:15px;
	display:table;
	z-index:1000;
	display:none;
	margin-top:-3px;
	position:absolute;
	right:30px;
	top:40px;
}

a.toggle-menu:hover {
	border:0 none;
}

header.opened a.toggle-menu {
}

	a.toggle-menu div.nav-icon {
		width:28px;
		height:15px;
		position:relative;
	}

		.nav-icon span.line {
			display:block;
			height:2px;
			background-color:white;
			transition:all .2s ease-in-out;
			-moz-transition:all .2s ease-in-out;
			-webkit-transition:all .2s ease-in-out;
		}
		
		.nav-icon span.line.middle { 
			width:40%;
			margin-left:auto;
		}
		
		.nav-icon span.line.middle, .nav-icon span.line.bottom {
			margin-top:5px;
		}
		
		.opened .nav-icon span.line.top {
			transform:translateY(10px) rotate(135deg);
		}

		.opened .nav-icon span.line.middle {
			-webkit-transform:scale(0);
			transform:scale(0);
		}
				
		.opened .nav-icon span.line.bottom {
			transform:translateY(-4px) rotate(-135deg);
		}
		
		header.opened .nav-icon span.line {
			background-color:#141C10;
		}
		header.opened {
			background-image:none !important;
			background-color:var(--brown);
		}
				
		header div.table div.table-row {
			transition-duration:0.3s;
		}
		
		header.opened div.table div.table-row:last-child  {
			display:none;
		}
		
		

/* buttons -- */

@media (max-width:820px) {
	a.toggle-menu {
		display:inline-table;
	}
	
	header.opened a.toggle-menu {
		/* float:right; */
	}
	
	h1 {
		font-size:45px;
		line-height:55px;
	}
	
	h2 {
		font-size:18px;
		line-height:28px;
		margin-bottom:0px;
	}
	
	div.width-wrapper { 
		padding:0 30px;
	}
	
	
	
}



@media (max-width:620px) {
	
	h1 {
		font-size:24px;
		line-height:34px;
	}
	
	h2 {
		font-size:18px;
		line-height:28px;
	}
	
	div.width-wrapper { 
		padding:0 20px;
	}
	
	a.toggle-menu {
		right:20px;
	}
	
	
}


/* OVERAL STYLE ++ */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* HEADER ++ */

header {
	width:100%;
	height:100%;
	min-height:100%;
	display:table;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1000;
	/* background-color:var(--brown); */
}
/*
header:before {
	content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
   background-image:linear-gradient(rgba(20, 28, 16, 0.7),rgba(20, 28, 16, 0.7)),url('https://rg85.lv/revidents/upload/temporary/intro-bg.jpg');
  background-repeat: no-repeat;
  background-position:center center;
  background-size: cover;	
	z-index:0;
}
*/

	header div.width-wrapper { 
		height:100%;
		position:relative;
	z-index:1000;
	}

	header div.table {
		height:100%;
		width:100%;
		/* height:100vh; */
	}
	
		header div.table div.table-cell {
		}
		
		header div.table div.table-cell.top {
			padding:50px 0;
		}
		
		header div.table div.table-cell.middle {
			height:100%;
			vertical-align:middle;
		}
		
		header div.table div.table-cell.bottom{
			padding-bottom:60px;
		}
			
			header div.inline {
				display:inline-table;
				width:30%;
				vertical-align:middle;
				box-sizing:border-box;
				/* border:1px solid yellow;s */
			}
			
				header div.inline:last-child {
					width:70%;
					text-align:right;
				}
				
					header div.inline nav {
						margin-right:-12px;
					}
					
						header div.inline a.logo {
							display:table;
							width:100%;
							max-width:160px;
						}
						
						header.opened div.inline a.logo {
							display:none;
						}
						
							header div.inline a.logo img {
								width:100%;
							}
						
						header div.inline nav a {
							color:#FDF7EE;
							margin:0 12px;
							display:inline-table;
							text-decoration:none;
							font-size:16px;
							transition-duration:0.3s;
							position:relative;
							font-family:"Montserrat-Medium";
							vertical-align:middle;
						}
						
							header div.inline nav a:after {
								position: absolute;
								bottom:-7px;
								left: 0;
								right: 0;
								margin: auto;
								width: 0%;
								content: '.';
								color: transparent;
								background:white;
								height: 1px;
							}

							header div.inline nav a:after {
								transition: all .3s;
							}

							header div.inline nav a:hover:after {
								width: 100%;
							}
						
						/* LANG SWITCHER ++ */
						header div.lang-switcher {
							display:inline-block;
							position:relative;
							margin-left:18px;
							padding-right:12px;
							vertical-align:middle;
							line-height:1;
						}
						
							header div.lang-switcher span.lang-current {
								color:#FDF7EE;
								font-size:14px;
								font-family:"Montserrat-Medium";
								letter-spacing:0.05em;
								display:inline-flex;
								align-items:center;
								cursor:pointer;
								user-select:none;
								position: relative;
							}
							
								header div.lang-switcher span.lang-arrow {
									display:inline-block;
									width:0;
									height:0;
									border-left:4px solid transparent;
									border-right:4px solid transparent;
									border-top:5px solid #FDF7EE;
									margin-left:5px;
									transition:transform 0.25s ease;
									position:relative;
									top:1px;
								}
							
							header div.lang-switcher div.lang-dropdown {
								position:absolute;
								right:0;
								left:auto;
								top:calc(100% + 8px);
								min-width:48px;
								overflow:hidden;
								max-height:0;
								transition:max-height 0.25s ease;
							}
							
								header div.lang-switcher div.lang-dropdown a {
									display:block;
									color:#FDF7EE;
									text-decoration:none;
									font-size:14px;
									font-family:"Montserrat-Medium";
									letter-spacing:0.05em;
									padding:8px 12px;
									background-color:rgba(20,28,16,0.85);
									text-align:center;
									white-space:nowrap;
									transition:background-color 0.2s;
								}
								
								header div.lang-switcher div.lang-dropdown a:hover {
									background-color:rgba(173,127,102,0.9);
								}
						
						header div.lang-switcher:hover div.lang-dropdown {
							max-height:120px;
						}
						
						header div.lang-switcher:hover span.lang-arrow {
							transform:rotate(180deg);
						}
						/* LANG SWITCHER -- */
						
						header h1 {
							max-width:800px;
							display:table;
							width:100%;
							margin-bottom:20px;
							margin-top:80px;
						}
						
						header a.button.more {
							/* margin-top:30px; */
							
						}
						
		header nav.m-only  {
			display:none;
			
		}
		
		header.opened nav.m-only  {
			display:table;
			width:100%;
			text-align:center;
			margin-top:-100px;
		}
		
			header.opened nav.m-only a {
				color:#141C10;
				display:table;
				margin:30px auto;
				text-decoration:none;
				font-size:24px;
				letter-spacing:0.02em;
				font-family:"Montserrat-Medium";
			}
						
@media (max-width:820px) {

	header h1 {
		max-width:600px;
		display:table;
		width:100%;
	}

	header div.inline nav {
		display:none;
	}
	
	header div.lang-switcher {
		display:none;
	}
	
	header div.inline {
		width:70%;
	}
	
	header div.inline:last-child {
		width:30%;
	}
			
	header div.table div.table-cell.top {
		padding:30px 0 50px 0
	}
	
	header div.table div.table-cell.bottom {
		padding-bottom:20px;
	}
					
	

}

@media (max-width:820px) {
	
}	

		

/* HEADER -- */

/* FADE-IN ++ */
.fade-in {
	opacity:0;
}
.fade-in.gsap-faded {
	opacity:1;
}
/* FADE-IN -- */

/* ABOUT ++ */

div.about.red h2s {
	/* color:#FDF7EE;	 */
}

div.about.red {
	background-color:#FDF7EE;
	position:relative;
	z-index:1000;
}




div.about {
	background-color:#FDF7EE;
	/* min-height:100vh; */
}

	div.about div.width-wrapper {
		box-sizing:border-box;
		padding-top:140px;
		padding-bottom:130px;
		width:100%;
		height:100%;
		min-height:100%;
		display:table;
		/* min-height:100vh; */
		vertical-align:midd
	}
	
		div.about div.width-wrapper div.inner {
			height:100%;
			display:table-cell;
			vertical-align:top;
		}
	
	div.about div.inline {
		vertical-align:top;
		width:33.33%;
		display:inline-table;
	}
	
	div.about div.inline.right {
		width:66.66%;
	}
	
	
		div.about div.grid {
			grid-template-columns: repeat(2, 1fr);
			display: grid;
			grid-row-gap: 20px;
			grid-column-gap: 30px;
		}
			
			div.about div.grid div.col {
			}
			
			div.about div.grid div.col.border {
				border-bottom:1px solid rgba(167, 129, 106, 0.7);
				padding-bottom:60px;
				display: flex;	
				flex-direction: column;
				margin-top: auto;
				margin-bottom:30px;
			}
			
				
	
		div.about p  {
			font-size:22px;
			
			font-weight:normal;
			/* letter-spacing:0.03em; */
		}
		
		div.about p.slogan  {
			font-size:35px;
			line-height:43px;
			margin-bottom:80px;
			margin-top:-5px;
			font-family:"Montserrat-Medium";
			/* display:none; */
		}
		
		div.about p.small {
			font-size: 20px;
			line-height: 27px;
			font-family: "Montserrat-Medium";
			width:100%;
			max-width:220px;
		}
		
		div.about p.middle {
			font-size:60px;
			line-height:28px;
			color:var(--brown);
			margin-bottom:40px;
			font-family:"Montserrat-Medium";
			
		}
		
		div.about p.large {
			/* font-size:300px; */
			color:var(--brown);
			font-family:"Montserrat-Medium";
			font-size: clamp(110px, 20vw, 300px);
			line-height: clamp(90px, 20vw, 220px);
		}
		
		
@media (max-width:980px) {	
	div.about div.inline,
	div.about div.inline.right {
		width:100%;
	}
	
	div.about div.inline.right {
		margin-top:20px;
	}
	
	div.about {
		min-height:auto;
	}

	div.about div.width-wrapper {
		min-height:auto;
	}
	
	div.about p.large {
		
	}
	
}
		
@media (max-width:820px) {	

	
	div.about div.width-wrapper {
		padding-top:50px;
		padding-bottom:50px;
	}

	
	div.about div.grid {
		grid-column-gap:20px;
	}
	

	
	div.about p.middle {
		font-size:10vw;
		margin-bottom:20px;
	}
	
	
}

@media (max-width:620px) {	
	div.about div.width-wrapper {
		padding-top:50px;
		padding-bottom:80px;
	}
	
	div.about p.small {
		font-size:16px;
		line-height:22px;
	}
	
	div.about p.middle {
		margin-bottom:10px;
	}
	
	div.about div.grid div.col.border {
		padding-bottom:20px;
	}
	
	div.about p.slogan {
		margin-bottom:60px;
		font-size:22px;
		line-height:34px;
	}
	
}

/* ABOUT -- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* ABOUT ++ */

div.service {
	/* min-height:100vh; */
	background-size:cover;
	/* background-image:none !important; */
	/* color:#FDF7EE; */
	/* background-color:#FDF7EE; */
	/* background-color:#efe5e0; */
	position:relative;
	z-index:2;
	opacity:1;
	
}

div.service.red {
	background-color:#FDF7EE;
	/* min-height:100vh; */
}

div.service.brown h2,
div.service.brown {
	color:#FDF7EE;
}

div.service.brown div.width-wrapper {
	/* padding-top:100px; */
	/* padding-bottom:40px; */
}

div.service.brown {
  /* mix-blend-mode: multiply; */
	
}
/*
div.service.brown:before {
	content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-repeat: no-repeat;
  background-image:linear-gradient(rgba(20, 28, 16, 0.7),rgba(20, 28, 16,0.7)),url('https://rg85.lv/revidents/upload/temporary/handsome-business-man-working-desk 1.jpg');
  background-position:center center;
  background-size: cover;	
	z-index:0;
}
*/

div.service h2 {
	/* color:#FDF7EE; */
	opacity:1;
}

div.service.brown {
	/* background-color: red; */]
	background-color:var(--brown);	
	
}

	div.service div.width-wrapper {
		box-sizing:border-box;
		padding-top:160px;
		padding-bottom:160px;
		width:100%;
		height:100%;
		min-height:100%;
		display:table;
		/* min-height:100vh; */
		vertical-align:middle;
		z-index:1000;
		position:relative;
	}
	
		div.service div.width-wrapper div.inner {
			height:100%;
			display:table-cell;
			vertical-align:top;
		}
	
	div.service div.inline {
		vertical-align:top;
		width:33.33%;
		display:inline-table;
	}
	
	div.service div.inline.right {
		width:66.66%;
	}
	
	
		div.service div.grid {
			grid-template-columns: repeat(2, 1fr);
			display: grid;
			grid-row-gap:80px;
			grid-column-gap: 30px;
			margin-top:120px;
		}
			
			div.service div.grid div.col {
			}
			
			div.service div.grid div.col {
				border-left:1px solid rgba(167, 129, 106, 0.7);
				/* padding-bottom:60px; */
				display: flex;	
				flex-direction: column;
				min-height:160px;
				/* margin-top: auto; */
				padding:0 20px;
				/* padding:20px; */
			}
			
				div.service div.grid div.col div.table {
					height:100%;
					position:relative;
				}
				
					div.service div.grid div.col div.table div.table-row.middle {
						height:100%;
					}
					
					div.service div.grid div.col div.table p.count {
						color:#AD7F66;
						font-size:32px;
						line-height: 30px;
						font-family: "Montserrat-Medium";
					}
					
					div.service div.grid div.col div.table img {
						max-height:45px;
						width:auto;
					}
			
				
	
		div.service p  {
			font-size:22px;
			
			font-weight:normal;
			/* letter-spacing:0.03em; */
		}
		
		div.service p.slogan  {
			font-size:35px;
			line-height:45px;
			margin-bottom:60px;
			margin-top:-5px;
			font-family:"Montserrat-Medium";
			
		}
		
		div.service p.small {
			font-family:"Montserrat-Medium";
			font-size: 20px;
			line-height: 27px;
			width:100%;
			max-width:240px;
		}
		
@media (max-width:980px) {	
	div.service div.inline,
	div.service div.inline.right {
		width:100%;
	}
	
	div.service div.inline.right {
		margin-top:20px;
	}
	
	div.service {
		min-height:auto;
	}

	div.service div.width-wrapper {
		min-height:auto;
	}
	
}
		
		
@media (max-width:820px) {	

	
	div.service div.grid {
		margin-top:60px;
		grid-row-gap:40px;
	}
	
	
	
	div.service div.width-wrapper {
		padding-top:60px;
		padding-bottom:60px;
	}

	
	div.service div.grid {
		grid-column-gap:20px;
	}
	
	div.service p.large {
		font-size:33vw;
		line-height:25vw;
	}
	
	div.service p.middle {
		font-size:10vw;
		margin-bottom:20px;
	}
	
	
	
}

@media (max-width:620px) {	
	div.service div.width-wrapper {
		padding-top:40px;
	}
	
	div.service div.grid div.col {
		min-height:140px;
	}
	
	div.service p.small {
		font-size:14px;
		line-height:22px;
	}

	div.service div.grid div.col {
		padding:0 10px;
	}
	
	div.service div.grid {
		grid-row-gap: 40px;
		grid-column-gap: 20px;
		margin-top: 60px;
	}
	
	div.service p.slogan {
		margin-bottom:60px;
		font-size:22px;
		line-height:34px;
	}
}
		
		
		

/* ABOUT -- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* FOOTER ++ */

footer {
	
	color:#FDF7EE;
	font-size:14px;
	line-height:22px;

}

	

	footer div.contacts{
		background-color:#141C10;	
		padding:80px 0;
	}
	
	footer div.inner{
		box-sizing:border-box;
		grid-template-columns: repeat(3, 1fr);
		display: grid;
		grid-row-gap:0px;
		grid-column-gap:0px;
	}
	
	footer div.inline {
		vertical-align:top;
		width:100%;
		display:inline-table;
		box-sizing:border-box;
		height:100%;
		/* border:1px solid red; */
	}
	
	footer div.inline.middle {
		padding-left:30px;	
		border-left:1px solid rgba(253, 247, 238, 0.2);
	}
	
	footer div.inline.right {
		padding-left:30px;	
		/* grid-column: span 2; */
		text-align:right;
	}
	
		footer div.inline div.flex {
			display: flex;
			flex-direction: column;
			height:100%;
		}
		
			footer div.inline div.flex div.row.align-right a,
			footer div.inline div.flex div.row.align-right p {
				margin-left:auto;
				text-align:right;
				font-size:12px;
				display:inline-table;
				
			}
			
			footer div.inline div.flex div.row:first-child {
				height:100%;
			}
			
				footer div.inline div.flex div.row.align-right a {
					color:#FDF7EE;
					opacity:1;
					text-decoration:none;
					margin-top:5px;
					margin-bottom:0px;
					display:inline-table;
				}	
	
	
		footer h2 {
			color:#FDF7EE;
			margin-bottom:0px;
			/* color:var(--brown); */
		}
		
		footer a.button.more {
			margin-bottom:60px;
		}
		
		footer p.developer {
			white-space:nowrap;
			opacity:1;
		}
		
			footer p.developer span {
				opacity:0.5;
			}

		
		footer p.developer a {
			opacity:1;
		}
		footer p a {
			color:#FDF7EE;
		}
		
		footer p {
			margin:5px 0;
			max-width:280px;
			opacity:0.5;
			text-align:left;
			/* margin-left:auto; */
		}
		
	
		footer a.phone,
		footer a.email {
			font-size:30px;
			color:rgba(253, 247, 238, 0.87);
			display:table;
			margin-bottom:25px;
			text-decoration:none;
			font-size: clamp(16px, 2.8vw, 32px);
		}
		
		
		
		
		
		footer a.email {
			color:rgba(253, 247, 238, 0.5);
		}
		
		footer a.phone { 
			/* color:var(--brown); */
		}
		
		footer a.logo.mobile-only {
			margin-top:20px;
		}
		
		footer a.logo {
			display:table;
			width:100%;
			max-width:80px;
		}
		
			footer a.logo img {
				width:100%;
			}

		footer img.jpa-logo {
			display:block;
			max-width:210px;
			margin-bottom:20px;
			width:100%;
			opacity:0.6;
		}

		footer p.jpa-text {
			max-width:280px;
			width:100%;
			font-size:12px;
			line-height:16px;
			opacity:0.4;
		}


		footer a.email {
			margin-bottom:40px;
		}

		footer a.privacy-policy {
			color:#FDF7EE;
			text-decoration:none;
			font-size:12px;
			display:block;
			margin-bottom:6px;
			display:inline-table;
		}
		
		footer a.privacy-policy:hover {
			opacity:1;
		}
		
		footer p.copyright {
			display:inline-table;
			font-size:12px;
			opacity:0.5;
			color:#FDF7EE;
			margin-right:10px;
		}	

footer div.form {
	background-color:black;
	/* padding:80px 0; */
	display:none;
	background-color:#0A0E08;
}

	footer div.form div.inline {
		padding:80px 0 0 0;
	}
	
		footer div.form div.inline.right {
			grid-column: span 2;
			text-align:left;
			padding-left:30px;
			border-left:1px solid rgba(253, 247, 238, 0.2);
		}
		
			footer div.form div.inline div.grid {
				grid-template-columns: repeat(2, 1fr);
				display: grid;
				grid-row-gap:50px;
				grid-column-gap: 30px;
				/* border:1px solid green; */
			}
			
				footer div.form div.inline div.grid div.col.skip2 {
					grid-column: span 2; 
				}
				
					footer div.form div.inline form{
					}
					
						footer div.form div.inline form label {
							display:table;
							font-size:15px;
						}
						
						footer div.form div.inline form input[type="text"]{
							border:0 none;
							width:100%;
							border-bottom:1px solid rgba(253, 247, 238, 0.2);
							background-color:transparent;
							outline:none;
							color:#FDF7EE;
							font-family:"Montserrat-Regular";
							font-size:14px;
							padding:10px 0;
						}
						
						footer div.form div.inline form input[type="text"]::placeholder{
							color:#FDF7EE;
						}
						
						footer div.form div.inline form textarea {
							padding:20px 0;
							color:#FDF7EE;
							border:0 none;
							width:100%;
							border-bottom:1px solid rgba(253, 247, 238, 0.2);
							background-color:transparent;
							resize:none;
							min-height:80px;
							outline:none;
							font-family:"Montserrat-Regular";
							font-size:14px;
						}


/* form -- */
/* form -- */

@media (max-width:820px) {	
	footer div.inner {
		grid-template-columns: repeat(2, 1fr);
	}
	
	footer a.phone,
	footer a.email {
		font-size:32px;
	}
	
	footer div.inline  {
		padding-bottom:20px;
	}
	
	footer div.inline div.flex div.row {
		padding-bottom:20px;	
	}
	
	footer div.inline.middle {
		border-left:0 none;
		padding:0;
	}
	
	footer div.inline.right {
		text-align:left;
		padding-left:0;
	}
	
	footer div.form div.inline.right {
		border-left:0 none;
		padding-left:0
	}
	
	footer div.inline.right div.flex div.row.align-right {
		margin-top:25px;
	}
	
	footer div.contacts{
		padding-bottom:10px;
	}
	
}

@media (max-width:620px) {	
		
	footer {
		/* display:none; */
		font-size: 10px;
		line-height: 16px;
		/* padding-bottom:40px; */
	}
	
	footer div.inline div.flex div.row.align-right a,
	footer div.inline div.flex div.row.align-right p {
		font-size:10px;
	}
	
	footer a.phone,
	footer a.email {
		font-size: 22px;
        line-height: 34px;
		margin-bottom:0px;
	}
	
	footer a.email {
		margin-bottom:10px;
	}
	
	footer div.inner {
		grid-template-columns: repeat(1, 1fr);
	}
	
	footer div.inline.middle {
		padding-left:0;
	}
	
	footer div.contacts{
		padding:60px 0 30px 0;
	}
	
	footer div.form div.inline div.grid {
		grid-template-columns: repeat(1, 1fr);
		display:table;
		width:100%;
	}
	
		footer div.form div.inline div.grid div.col {
			width:100%;
			margin-bottom:20px;
		}
		
			footer div.form div.inline form label {
				margin-bottom:0;
			}
			
	footer div.form div.inline {
		padding:40px 0 0 0 ;
	}
	
	footer div.inline div.flex div.row {
		padding-bottom:0;
	}

	footer a.button.more {
		margin-bottom:30px;
	}
	
	footer div.inline.middle a.email {
		float:left;
	}
	
	
	footer div.inline.middle a.social {
		float:right;
		margin-top:-25px;
	}

}

.mobile-only { display:none !important; }
 
@media (max-width:820px) {

}
@media (max-width:620px) {
	.mobile-only { display:table !important; } 
	.desktop-only { display:none !important; } 
}
/* FOOTER -- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */

.fade-in {
    opacity: 0;
}
/* COOKIES OVERLAY ++ */
div.cookies-overlay {
position:fixed;
inset:0;
background:rgba(20,28,16,0.4);
z-index:99999;
}

div.cookies-overlay .cookies-wrapper {
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 60px 60px 60px;
box-sizing:border-box;
display:flex;
align-items:flex-end;
justify-content:flex-start;
min-height:100vh;
}

div.cookies-popup {
background:#FDF7EE;
max-width:520px;
width:min(520px, calc(100vw - 120px));
padding:36px 36px 30px 36px;
box-sizing:border-box;
position:relative;
border-radius:0;
box-shadow:0 16px 45px rgba(20,28,16,0.16);
}

div.cookies-popup-lang {
position:absolute;
top:20px;
right:24px;
display:flex;
gap:10px;
}

div.cookies-popup-lang a.cookies-lang {
font-size:13px;
font-family:"Montserrat-Medium";
color:#141C10;
text-decoration:none;
letter-spacing:0.05em;
opacity:0.3;
transition:opacity 0.2s;
}

div.cookies-popup-lang a.cookies-lang.active {
opacity:1;
}

div.cookies-popup-lang a.cookies-lang:hover {
opacity:0.7;
}

div.cookies-popup h2 {
color:#141C10;
font-size:18px;
line-height:26px;
margin-bottom:16px;
max-width:none;
}

div.cookies-popup p {
font-size:13px;
line-height:21px;
color:#141C10;
opacity:0.65;
margin-bottom:8px;
max-width:none;
}

div.cookies-popup p a {
color:#141C10;
}

div.cookies-popup-buttons {
display:flex;
gap:12px;
margin-top:24px;
flex-wrap:wrap;
}

a.cookies-accept-all,
a.cookies-accept-mandatory {
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 24px 13px 24px;
font-size:14px;
font-family:"Montserrat-Medium";
text-decoration:none;
letter-spacing:0.04em;
cursor:pointer;
transition:all 0.2s ease;
line-height:1;
border-radius:16px;
background-color:var(--brown);
color:#000;
background-image:none;
padding-right:24px;
box-shadow:0 10px 24px rgba(20,28,16,0.12);
}

a.cookies-accept-mandatory {
background-color:#D9A96A;
}

a.cookies-accept-all:hover,
a.cookies-accept-mandatory:hover {
opacity:0.9;
transform:translateY(-1px);
}

@media (max-width:620px) {
div.cookies-overlay .cookies-wrapper {
padding:20px 20px 20px 20px;
}

div.cookies-popup {
padding:40px 20px 30px 20px;
width:calc(100vw - 40px);
}

div.cookies-popup-buttons {
flex-direction:column;
}

div.cookies-popup-buttons a {
text-align:center;
}
}
/* COOKIES OVERLAY -- */

/* PRIVACY MODAL ++ */
div.privacy-modal-overlay {
	display:none;
	position:fixed;
	inset:0;
	background:rgba(20,28,16,0.7);
	z-index:100000;
	align-items:flex-start;
	justify-content:center;
	padding:40px 20px;
	overflow-y:auto;
	box-sizing:border-box;
}
div.privacy-modal-overlay.active {
	display:flex;
}
div.privacy-modal-popup {
	background:#FDF7EE;
	max-width:660px;
	width:100%;
	padding:56px 56px 48px 56px;
	box-sizing:border-box;
	position:relative;
	margin:auto;
}
button.privacy-modal-close {
	position:absolute;
	top:18px;
	right:20px;
	background:none;
	border:none;
	font-size:20px;
	color:#141C10;
	cursor:pointer;
	opacity:0.35;
	transition:opacity 0.2s;
	padding:4px 8px;
	line-height:1;
}
button.privacy-modal-close:hover {
	opacity:1;
}
div.privacy-modal-body h2 {
	color:#141C10;
	font-size:20px;
	line-height:28px;
	margin-bottom:22px;
	max-width:none;
}
div.privacy-modal-body h3 {
	color:#141C10;
	font-size:13px;
	font-family:"Montserrat-Medium";
	margin-top:18px;
	margin-bottom:5px;
}
div.privacy-modal-body p {
	font-size:13px;
	line-height:21px;
	color:#141C10;
	opacity:0.65;
	margin-bottom:6px;
	max-width:none;
}
div.privacy-modal-body p a {
	color:#141C10;
}
body.modal-open {
	overflow:hidden;
}
@media (max-width:720px) {
	div.privacy-modal-popup {
		padding:40px 20px 30px 20px;
	}
}
/* PRIVACY MODAL -- */