@font-face {
 	font-family: 'Roboto';
 	font-style:  normal;
 	font-weight: 300;
 	font-display: swap;
 	src: url("../fonts/roboto-light.woff2") format("woff2");
 }

 @font-face {
 	font-family: 'Roboto';
 	font-style:  normal;
 	font-weight: 400;
 	font-display: swap;
 	src: url("../fonts/roboto-regular.woff2") format("woff2");
 }

 @font-face {
 	font-family: 'Lexend';
 	font-style:  normal;
 	font-weight: 400;
 	font-display: swap;
 	src: url("../fonts/lexend-regular.woff2") format("woff2");
 }   

 @font-face {
 	font-family: 'Lexend';
 	font-style:  normal;
 	font-weight: 700;
 	font-display: swap;
 	src: url("../fonts/lexend-bold.woff2") format("woff2");
 }   

/* locomotive scroll */

html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers
 */

/* audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
  } */

/*
 * Remove default fieldset styles.
 */

  fieldset {
  	border: 0;
  	margin: 0;
  	padding: 0;
  }

/*
 * Allow only vertical resizing of textareas.
 */

  textarea {
  	resize: vertical;
  }

/*
 * Hide visually and from screen readers
 */

  .hidden,
  [hidden] {
  	display: none !important;
  }

/*
 * Hide only visually, but have it available for screen readers
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line
 */

  .sr-only {
  	border: 0;
  	clip: rect(0, 0, 0, 0);
  	height: 1px;
  	margin: -1px;
  	overflow: hidden;
  	padding: 0;
  	position: absolute;
  	white-space: nowrap;
  	width: 1px;
  	/* 1 */
  }

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 */

  .sr-only.focusable:active,
  .sr-only.focusable:focus {
  	clip: auto;
  	height: auto;
  	margin: 0;
  	overflow: visible;
  	position: static;
  	white-space: inherit;
  	width: auto;
  }

/*
 * Hide visually and from screen readers, but maintain layout
 */

  .invisible {
  	visibility: hidden;
  }

  /* vars */

  :root {
  	--c-white: rgba(255, 255, 255, 1);
  	--c-awhite: rgba(255, 255, 255, 0.5);
  	--c-black: rgba(0, 0, 0, 1);
  	--c-ablack: rgba(0, 0, 0, 0.2);


  	--c-lightgreen-a: rgba(181, 217, 152, 0.11);
  	--c-lightgreen: rgba(181, 217, 152, 1);

  	--c-darkgreen: rgba(52, 117, 110, 1);
  	--c-darkgreen-a: rgba(52, 117, 110, 0.7);


  	--c-gray: rgba(231, 231, 231, 1);
  	--c-lightgray: rgba(252, 252, 252, 1);
  	--c-lightgray2: rgba(240, 240, 240, 1);
  	--c-violet: rgba(31, 24, 55, 0.7);

  	--f-base: 'Roboto', sans-serif;
  	--f-title: 'Lexend', sans-serif;
  }

  /* body */

  html:focus-within {
  	scroll-behavior: smooth;
  }

  * {
  	-webkit-tap-highlight-color: transparent;
  }

  body {
  	font-family: var(--f-base);
  	color: var(--c-black);
  	font-weight: 300;
  	font-style: normal;
  	font-size: 1rem;
  	line-height: 27px;
  	margin: 0;
  	padding: 0;
  	overflow-x: hidden;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	text-rendering: optimizeLegibility;
  }

  ::selection {
  	background: var(--c-black);
  	color: var(--c-white);
  }

  ::-moz-selection {
  	background: var(--c-black);
  	color: var(--c-white);
  }

  h1, h2, h3, h4, h5, h6, blockquote {
  	font-weight: 700;
  	margin: 0;
  	font-family: var(--f-title);
  }

  body * {
  	box-sizing: border-box;
  }

  a {
  	text-decoration: none;
  	color: var(--c-green);
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	transition: all 0.3s ease-in-out;
  }

  a:focus,
  a:hover {
  	color: var(--c-lightgreen);
  	transition: all 0.3s ease-in-out;
  }

  a:focus,
  button:focus {
  	outline: 0;
  }

  a:focus-visible,
  button:focus-visible {
  	outline: var(--c-lightgreen) groove 3px;
  	/* outline: -webkit-focus-ring-color auto 5px; */
  }

  @media only screen and (max-width: 40em) {
  	body {
  		font-size: 0.875rem;
  		line-height: 1.5rem;
  	}
  }

/*  */

*::after, *::before {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

button {
	border: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}

ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

blockquote {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

html.noscroll {
	overflow: hidden;
}

body.noscroll {
	overflow: hidden;
	height: 100vh;
	width: 100vw;
}

.wrap {
	max-width: 100%;
	width: 90rem;
	/* margin: 0 auto 4rem auto; */
	margin: 4rem auto;
	padding: 0 2rem;
}

.full {
	max-width: 100%;
	margin: 0 auto 4rem auto;
	padding: 0 2rem;
	width: auto;
}

.icon-arrow-backwards {
	transform: rotate(180deg);
}

@media only screen and (max-width: 64em) {
	.wrap {
		padding: 0 1rem;
		margin: 2rem auto;
	}
}

@media only screen and (max-width: 40em) {
	.full {
		padding: 0 1rem;
	}

	.wrap {
		padding: 0 1rem;
/* 		margin-bottom: 3rem; */
margin-bottom: 2rem;
}

.wrap:not(.wrap-sm) + .wrap {
	margin-top: -3rem;
}
}

/* common styles */

.logo img {
	width: 59px;
}

h3 {
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-family: var(--f-title);
}

.section-title h3 {
	margin-bottom: 2rem;
	text-align: center;
}

.section-title + section > .wrap > .text-content {
	margin-top:	-1rem;

}

.wrap + .section-title {
	border-top: var(--c-lightgreen) 1px solid;
	padding-top: 1rem;
	margin-top: 2rem;
}

.text-content h3 {
	margin-bottom: 2rem;
}

h3 span {
	display: block;
	color: var(--c-lightgreen);
	font-size: 1rem;
}

h3 span.span-lg {
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
}

h4 {
	font-size: 2rem;
	text-align: center;
	margin: 4rem 0;
}

.product-subtitle span {
	font-size: 1rem;
	font-weight: 400;
}

.title-more-link {
	padding-right: 2.5rem;
	font-size: 1.125rem;
	font-family: var(--f-title);
	font-weight: 400;

	background: url('../img/icon-arrow.svg') right center no-repeat;
}

.title-more-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.bg-lightblue {
	background: var(--c-lightgreen-a);
	padding: 3rem 0;
}

.bg-lightblue .wrap {
	margin: 0 auto;
}

.button {
	padding: 0.5rem 2rem;
	display: inline-block;
}

.button-darkblue {
	background: var(--c-darkgreen);
	color: var(--c-white);
}

.button-darkblue:hover {
	color: var(--c-white);
}

.button-bordered {
	border: 1px solid var(--c-black);
}

.button + .button {
	margin-left: 1rem;
} 

.grecaptcha-badge {
	visibility: hidden;
}

.product-info-wrap ul,
.text-content ul {
	list-style: initial;
}

.product-info-wrap ul li,
.text-content ul li {
	margin-left: 1.5rem;
}

/* .text-content h4 {
	font-size: 1.5rem;
	font-family: var(--f-base);
	font-weight: 500;
} */

@media only screen and (max-width: 40em) {
	h3 {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	h4 {
		font-size: 1.75rem;
		line-height: 2.25rem;
	}

	.logo img {
		width: auto;
		height: 50px;
	}

	.text-content h4 {
		margin: 2rem 0;
	}
}

/* main nav */

.main-nav-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.main-nav {
	display: flex;
	align-items: center;
}

.main-nav > li {
	display: inline-block;
}

.main-nav > li + li {
	margin-left: 2rem;
}

.main-nav > li > a {
	font-size: 1.125rem;
	position: relative;
}

.main-nav > li > a:not(.lang-nav):after {
	content: "";
	position: absolute;
	width: 0;
	bottom: -0.75rem;
	height: 1px;
	background: var(--c-black);
	right: 0;
	transition: width .5s cubic-bezier(.37,0,.21,1.02);
}

.main-nav > li.active > a:after,
.main-nav > li > a:hover:after {
	left: 0;
	right: auto;
	width: 100%;
}

.main-nav > li.active > a,
.main-nav > li > a:hover {
	color: var(--c-black);
}

.lang-nav {
	margin-left: 1rem;
	display: flex;
	align-items: center;
}

.lang-nav img {
	vertical-align: text-bottom;
	height: 21px;
	margin-right: 0.5rem;
}

.lang-nav-mob {
	display: none;
}

@media only screen and (max-width: 40em) {
	.main-nav-wrap {
		display: none;
	}

	.lang-nav-mob {
		display: flex;
		align-items: center;
		font-size: 0.75rem;
		position: absolute;
		top: 2rem;
		right: 1rem;
	}

	.lang-nav-mob li + li {
		margin-left: 1rem;
	}

	.lang-nav-mob a {
		display: block;
		line-height: 1.25rem;
	}

	.lang-nav-mob img {
		vertical-align: bottom;
		height: 21px;
		margin-right: 0.5rem;
	}
}

/* products nav */

.see-all {
	position: fixed;
	z-index: 10;
	width: 240px;
	height: 40px;
	left: -100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	background: var(--c-darkgreen);
	color: var(--c-white);
	font-family: var(--f-title);
	font-weight: 700;
	padding: 0.75rem 1.25rem;
}

.see-all:hover {
	color: var(--c-white);
}

@media only screen and (max-width: 1470px) {
	.see-all {
		height: 2rem;
		left: -88px;
		font-size: 0.75rem;
		width: 200px;
	}
}

@media only screen and (max-width: 64em) {
	.see-all {
		display: none;
	}
}

.close-products-nav {
	position: absolute;
	right: 2rem;
	top: 2rem;
	border-radius: 50%;
	background: var(--c-darkgreen);
	color: var(--c-white);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.products-icon-line {
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 18px;
	height: 2px;
	background: var(--c-white);
}

.products-icon-line:first-child {
	transform: rotate(-45deg);
}

.products-nav-wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 14;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; /* for ios safari */
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.products-nav-wrap .wrap100 {
	justify-content: flex-start;
	height: initial;
	min-height: 100%;
}

.products-nav-wrap > .grid-container,
.products-nav-wrap.products-nav-active {
	width: 40vw;
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.products-nav-wrap.products-nav-active .wrap100 {
	background: var(--c-white);
	transition: background 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.products-nav-wrap.products-nav-active .wrap100-overlay {
	opacity: 1;
	visibility: visible;
	background: rgba(0,0,0,0.5);
	transition: all 0.8s cubic-bezier(0.6, 0, 0, 1);
}

.cat-img img:not(:first-child) {
	display: none;
}

.products-nav {
	margin-top: 2rem;
}

.products-subnav,
.products-last-wrap {
	display: none;
}

.nav-open {
	display: block;
}

.products-subnav a:hover {
	color: var(--c-lightgreen);
}

.products-subnav,
.products-last-wrap {
	padding-left: 1rem;
}

.products-last li.active a {
	color: var(--c-lightgreen);
}

.products-nav a,
.products-nav button {
	font-family: var(--f-base);
	border-bottom: 1px solid var(--c-gray);
	padding: 1.5rem 0;
	width: 100%;
	display: block;
	text-align: left;
}

.products-nav-button {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--c-black);
}

.products-subnav-button {
	font-size: 1rem;
	font-weight: 700;
	color: var(--c-black);
}

.last-nav-title {
	font-size: 1rem;
	border-bottom: 1px solid var(--c-gray);
	padding: 0.75rem 0;
	font-weight: 700;
}

.last-nav-title span {
	font-size: 0.875rem;
	display: block;
	font-weight: normal;
}

.products-last li + li {
	border-top: 1px solid var(--c-gray);

}

.products-last li a {
	display: block;
	position: relative;
	padding: 0.625rem 0 0.625rem 2rem;
}

.products-last li a:before {
	content: "";
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: var(--c-lightgreen);
}

@media only screen and (max-width: 40em) {
	.products-nav-wrap > .grid-container,
	.products-nav-wrap.products-nav-active {
		width: 100vw;
	}
}

/* burger */

.burger {
	position: fixed;
	z-index: 10;
	top: 2rem;
	left: 2rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 27px;
	font-size: 10px;
	display: flex;
	opacity: 0;
	border-radius: 30px;
	justify-content: space-between;
	align-items: center;
	transition: background-color .3s ease-in-out, color, opacity 0.3s ease-in-out;
}

.burger-sticky {
	opacity: 1;
	z-index: 12;
}

.burger.burger-open {
	background: var(--c-white);
	transition: background-color .3s ease-in-out;
}

.burger-scroll {
	width: 50px;
	height: 50px;
	background-color: var(--c-darkgreen);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color .3s ease-in-out, transform .4s ease-in-out, opacity .4s ease .1s;
}

.burger-open .burger-scroll {
	background-color: var(--c-white);
	transition: background-color .3s ease-in-out, transform .3s ease-in-out, opacity .4s ease .1s;
}

.burger-icon {
	height: 2px;
	width: 18px;
	position: relative;
	display: inline-block;
	transition: transform .2s ease;
}

.burger-scroll .burger-icon {
	margin-left: 0;
}

.burger:hover .burger-icon {
	transform: rotate(90deg);
}

.burger:hover .burger-icon,
.burger-icon-line {
	transition: transform .2s ease .2s;
}

.burger-icon-line {
	background: var(--c-white);
	display: block;
	width: 18px;
	height: 2px;
	position: absolute;
	top: 0;
	transform: translate3d(0, 0, 0);
	transition: transform .2s ease .2s, background 0.2s ease 0.2s;
}

.burger-open .burger-icon-line {
	background: var(--c-black);
}

.burger-icon-line:first-child {
	transform: translate3d(0, -8px, 0)
}

.burger-icon-line:nth-child(2) {
	transform: translate3d(0, -3px, 0);
	width: 14px;
	right: 0;
}

.burger-icon-line:nth-child(3) {
	transform: translate3d(0, 3px, 0)
}

.burger-icon-line:last-child {
	transform: translate3d(0, 8px, 0);
	width: 14px;
	right: 0;
}

.burger:hover .burger-icon-line {
	transform: translateZ(0);
	transition: transform .2s ease;
}

.burger-open .burger-icon-line:first-child {
	transform: rotate(-45deg);
}

.burger-open .burger-icon-line:nth-child(2),
.burger-open .burger-icon-line:nth-child(3) {
	display: none;
}

.burger-open .burger-icon-line:last-child {
	transform: rotate(45deg);
	width: 18px;
}

.burger-open:hover .burger-scroll {
	background: var(--c-black)
}

.burger-open:hover .burger-icon-line {
	background: var(--c-white)
}

@media only screen and (max-width: 40em) {
	.burger {
		opacity: 1;
		z-index: 12;
		top: 1rem;
		left: 1rem;
	}
}

/* burger nav wrap */

.mobile-nav-wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 11;
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; /* for ios safari */
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.mobile-nav-wrap > .grid-container,
.mobile-nav-wrap.mobile-nav-active {
	width: 40vw;
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.wrap100 {
	position: absolute;
	left: 0;
	height: 100vh;
	padding: 8rem 6rem 4rem 6rem;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 40vw;
	background: var(--c-white);
	transition: background 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.mobile-nav-wrap.mobile-nav-active .wrap100 {
	background: var(--c-white);
	transition: background 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.wrap100-overlay {
	width: 100vw;
	height: 100vh;
	background: transparent;
	position: fixed;
	top: 0;
	right: 0;
	height: 180vh;
	opacity: 0;
	left: 0;
	visibility: hidden;
	transition: all 0.8s cubic-bezier(0.6, 0, 0, 1) 0.5s;
}

.mobile-nav-wrap.mobile-nav-active .wrap100-overlay {
	opacity: 1;
	visibility: visible;
	background: rgba(0,0,0,0.5);
	transition: all 0.8s cubic-bezier(0.6, 0, 0, 1);
}

.burger-nav li a {
	font-size: 2.25rem;
	line-height: 3rem;
	display: block;
}

.burger-nav li {
	border-top: 1px solid var(--c-gray);
	padding: 1rem 0;
}

.burger-nav li:last-child {
	border-bottom: 1px solid var(--c-gray);
}

.burger-links li a {
	padding: 0.25rem 0 0.4rem 0;
	display: inline-block;
}

.burger-links li {
	border-top: 1px solid var(--c-gray);
/* 	padding: 1rem 0; */
}

.burger-links li:last-child {
	border-bottom: 1px solid var(--c-gray);
}

.burger-links img {
	margin-right: 0.25rem;
}

@media only screen and (max-width: 40em) {
	.wrap100 {
		width: 100vw;
		padding: 6rem 2rem 2rem 2rem; 
	}

	.mobile-nav-wrap > .grid-container, 
	.mobile-nav-wrap.mobile-nav-active {
		width: 100vw;
	}

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

	.burger-nav li a {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.burger-links li {
		border-top: 0;
		border-bottom: 1px solid var(--c-lightgray);
		font-size: 0.75rem;
	}

	.burger-links li:last-child {
		border: 0;
	}
}

/* language nav wrap */

.lang-nav-wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	z-index: 11;
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; /* for ios safari */
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.lang-nav-active {
	width: 100vw;
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.wrap100-lang {
	position: absolute;
	right: 0;
	height: 100vh;
/* 	padding: 8rem 6rem 4rem 6rem; */
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100vw;
overflow-y: auto;
background: var(--c-white);
transition: background 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.lang-nav-active .wrap100-lang {
	background: var(--c-white);
	transition: background 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.wrap100-lang r-grid,
.wrap100-lang .wrap {
	height: 100%;
}

.choose-country-wrap {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

.choose-country-title {
	font-size: 1.5rem;
	font-family: var(--f-base);
	font-weight: 300;
	margin: 6rem 0 2rem 0;
}

.country-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
}

.country-list li {
	display: inline-block;
}

.country-list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.country-list img {
	display: block;
	margin-bottom: 0.5rem;
}

.lang-blue:after {
	width: 55vw;
	height: 100vh;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	right: 0;
	content: "";
	background-color: var(--c-lightgray);
}

.lang-blue-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 3rem;
	position: relative;
}

.lang-blue-content svg {
	max-width: 100%;
}

.lang-blue-content h5 {
	font-size: 2.25rem;
	font-family: var(--f-title);
	margin-bottom: 3rem;
}

.close-lang-nav {
	position: absolute;
	right: 2rem;
	top: 2rem;
	border-radius: 50%;
	background: var(--c-darkgreen);
	color: var(--c-white);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-icon-line {
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 18px;
	height: 2px;
	background: var(--c-white);
}

.close-icon-line:first-child {
	transform: rotate(-45deg);
}

/* header */

header .wrap {
	margin: 1rem auto;
}

@media only screen and (max-width: 40em) {
	.logo-wrap {
		text-align: right;
	}
}

/* main banner */

.reveal-slide {
	position: relative;
	width: 60vw;
	/* 	height: 100%; */
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center; /* video centrēt vajag */
}

.main-banner-wrap {
	margin-bottom: 5rem;
}

.mb-info-wrap {
	display: flex;
	flex-direction: column;
	margin-right: 2rem;
	justify-content: center;
}

.mb-info-wrap h3 {
	margin-bottom: 2rem;
}

.mb-slider-wrap {
	display: flex;
	position: relative;
}

.mb-button {
	margin-top: 2rem;
}

.mb-slider-wrap {
	display: flex;
	height: 100%;
	max-height: 100vh;
	flex-direction: column;
	justify-content: space-between;
}

.mb-slider-controls {
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.slider-mb-counter {
	font-family: var(--f-title);
	color: var(--c-white);
	font-size: 2.25rem;
	font-weight: 700;
	width: 4rem;
}

.mb-line {
	width: 100%;
	height: 1px;
	margin-right: 1rem;
	background: var(--c-white);
}

.slider-mb-next,
.slider-mb-prev {
	background: var(--c-white);
	width: 2.25rem;
	height: 2.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-mb-next {
	margin-left: 1rem;
}

.slider-mb-next svg {
	transform: rotate(180deg);
}

.slider-mb-arrows {
	display: flex;

}

.mb-slider-wrap {
	position: relative;
}

.mb-slider-wrap video,
.mb-slider-wrap img {
/* 	width: 60vw; */
/* height: 800px; */
object-fit: cover;
max-width: none;
height: 100%;
}

.mb-slider-wrap video {
	max-height: 800px;
}


@media only screen and (max-width: 1470px) and (min-width: 60rem) {
	.main-banner-wrap {
		margin-top: -2rem;
	}
	.mb-slider-wrap video,
	.mb-slider-wrap img {
		max-height: 85vh;
	}
}

@media only screen and (min-width: 60rem) {
	.mb-slider-wrap .swiper-slide {
		/* 		justify-content: center; */
		display: flex;
		flex-direction: column;
		/* 		width: 60vw !important; */
	}
}

@media only screen and (max-width: 40em) {
	.mb-info-wrap h3 span {
		margin-bottom: 0.25rem;
	}

	.mb-info-wrap h3 {
		font-size: 1.5rem;
		line-height: 1.75rem;
		margin-bottom: 0.5rem;
	}

	.mb-info-wrap {
		margin-right: 0;
	}

	.main-banner-wrap {
		margin-bottom: 2rem;
	}

	.main-banner-wrap p {
		font-size: 0.875rem;
		line-height: 1.5rem;
	}

	.mb-slider-controls {
		bottom: 2rem;
		padding: 1rem;
	}

	.slider-mb-counter {
		font-size: 1.5rem;
	}

	.mb-button {
		display: flex;
		font-size: 0.875rem;
		margin-top: 0.75rem;
	}

	.mb-button a {
		flex: 1;
		text-align: center;
	}

	.mb-wrap r-cell:first-child {
		order: 2;
	}

	.mb-wrap r-cell:last-child {
		order: 1;
	}

	.reveal-slide {
		width: initial;
	}

	.mb-slider-wrap {
		margin-bottom: 2rem;
	}

	.mb-slider-wrap img {
		width: 100%;
		height: auto;
		min-height: auto;
	}
}

/* contact banner */

.contact-banner {
	background: var(--c-lightgreen);
	color: var(--c-white);
}

.contact-banner .wrap {
	margin: 0 auto;
}

.cb-info-wrap {
	padding: 4rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cb-title {
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 2.5rem;
	text-align: left;
	margin: 0 0 2rem 0;
}

.cb-button {
	background: var(--c-white);
	padding: 0.75rem 2.5rem;
	color: var(--c-black);
	margin-top: 1rem;
	text-align: center;
	display: block;
	margin-top: 2rem;
}

.cb-button:hover {
	color: var(--c-white);
	background: var(--c-black);
}

.cb-img-wrap {
	display: flex;
	min-height: 350px;
	height: 100%;
}

.cb-img-wrap img {
	width: 70vw;
	object-fit: cover;
	max-width: initial;
}

@media only screen and (max-width: 40em) {
	.cb-info-wrap {
		padding: 2rem 0;
	}

	.cb-title {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 0;
	}

	.cb-button {
		margin-top: 0.5rem;
	}

	.cb-img-wrap img {
		width: 100vw;
		margin: 0 -1rem;
	}
}

/* about us */

.header-img-wrap {
	height: 350px;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	margin: 4rem 0;
}

.header-img-wrap img {
	object-fit: cover;
	width: 100%;
	min-height: 100%;
}
/* 
.scroll-down {
	text-transform: uppercase;
	color: var(--c-white);
	font-weight: 400;
	position: absolute;
	left: 50%;
	bottom: 1rem;
	transform: translateX(-50%);
	cursor: pointer;
}

.scroll-down:after {
	content: "";
	position: absolute;
	right: -1rem;
	top: 50%;
	transform: translateY(-50%);
	height: 6px;
	width: 10px;
	background: url(../img/icon-scroll-down.svg);
}

.about-tiles-wrap .wrap {
	margin-top: 0;
}

.about-text-wrap {
	padding: 4rem 6rem;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
} */

.header-blue-wrap {
	background: var(--c-lightgreen) url('../img/logo-pmh.svg') left -15rem bottom -8rem no-repeat;
	background-blend-mode: color-dodge;
	background-size: 30rem;
	padding: 4rem 2rem;
	color: var(--c-white);
/* 	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column; */
	min-height: 350px;
	text-align: center;
	margin: 4rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-title {
	font-size: 2rem;
}

.page-description {
	margin-top: 2rem;
	max-width: 70%;
	display: inline-block;
	font-size: 1.25rem;
}

@media only screen and (max-width: 40em) {
	.header-blue-wrap {
		margin: 2rem 0;
		padding: 2rem;
		min-height: 150px;
		background-image: none;
	}

	.page-title {
		font-size: 1.5rem;
	}

	.header-img-wrap {
		max-height: 150px;
		margin: 2rem 0;
	}

	.page-description {
		max-width: 100%;
	}
}

/* team */

.team-wrap {
	margin-top: 2rem;
}

.team-img-wrap {
	display: flex;
}

.team-img-wrap img {
	max-width: initial;
}

.cont-wrap + .cont-wrap {
	padding-top: 2.5rem;
	border-top: 1px solid var(--c-gray);
}

.cont-card {
	margin-bottom: 2rem;
}

.cont-name {
	font-size: 1.5rem;
}

.cont-title {
	font-size: 0.875rem;
	display: block;
	font-weight: 500;
	margin-bottom: 1rem;
}

.cont-wrap a {
	display: inline-block;
	font-size: 0.875rem;
}

.team-title {
	font-size: 2.25rem;
	font-weight: 400;
	margin: 0 0 2.5rem 0;
}

.team-title-first {
	margin-top: 2.5rem;
}

@media only screen and (max-width: 40em) {
	.team-wrap r-cell + r-cell {
		margin-top: 3rem;
	}
}

/* products timeline */

.section-how {
	border-top: 1px solid var(--c-lightgreen);
	border-bottom: 1px solid var(--c-lightgreen);
	/* padding-top: 1rem; */
	/* margin-top: 2rem; */
	padding-bottom: 1rem;
}

.section-advantages {
	background: linear-gradient(0, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url('../files/DDZ_I.jpg') center center no-repeat;
	background-size: cover;
	padding: 3rem 0;
/* 	min-height: 100vh; */
}

.adv-slider-wrap {
	display: flex;
	min-width: max-content;
	justify-content: flex-start;
	/* margin-top: 6rem; */
	max-height: 60vh;
}

.adv-slide {
	width: 30rem;
	/* border-radius: 1rem; */
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: var(--c-white);
	padding: 2rem;
	display: flex;
	flex-shrink: 0;
	background: var(--c-darkgreen-a);
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.adv-slide + .adv-slide {
	margin-left: 1.5rem;
}

.adv-time {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.2);
	font-family: var(--f-title);
	font-size: 2rem;
	font-weight: 700;
}

.adv-time-m {
	font-family: var(--f-title);
	font-size: 1rem;
	font-weight: 700;
	margin-top: 0.5rem
}

.adv-title {
	font-size: 1.875rem;
	margin: 2rem 0 2rem 0;
	position: relative;
	line-height: 2.75rem;
	width: 100%;
	text-align: center;
}

.adv-title:after {
	content: "";
	height: 1px;
	width: 100%;
	background: rgba(255, 255, 255, 0.2);
	bottom: -1.25rem;
	left: 0;
	position: absolute;
}

.adv-txt {

	text-align: center;

}

.line-clamp-none {
	-webkit-line-clamp: none;
}

@media only screen and (max-width: 1280px) {
	.adv-slider-wrap {
		margin-top: 4rem;
	}

	.adv-title {
		margin-top: 0.5rem;
		height: 2rem;
	}

	.adv-txt {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
}

@media only screen and (max-width: 40em) {
	.section-advantages {
		padding: 2rem 0 2rem 0;
		max-height: 100vh;
		height: 60vh
	}

	.section-advantages .wrap,
	.section-advantages r-grid {
		height: 90%;
	}

	.title-white {
		font-size: 3rem;
		line-height: 3rem;
	}

	.adv-slider-wrap {
		margin-top: 2rem;
		max-height: 100%;
		height: 100%;
	}

	.adv-slide {
		max-width: calc(100vw - 2rem);
		padding: 1.5rem;
	}

	.adv-slide svg {
		width: 55px;
		height: auto;
	}

	.adv-title {
		font-size: 1.125rem;
		line-height: 1.125rem;
		margin: 1rem 0 1.75rem 0;
	}

	.adv-title:after {
		bottom: -1rem;
	}

	.adv-txt {
		font-size: 0.75rem;
		line-height: 1.125rem;
		line-clamp: unset;
		-webkit-line-clamp: unset; /* Has no effect */
		box-orient: unset;
		-webkit-box-orient: unset;
	}

	.adv-read-more {
		font-size: 0.75rem;
		line-height: 1.125rem;
		display: none;
	}
}

/* products */

/* .accordions {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 20vh;
}

.accordion {
	background: var(--c-darkgreen);
	width: max(50vw, 280px);
	padding: 25px 30px 10px;
	font-family: var(--f-title);
	margin-bottom: 40px;
	box-shadow: 0 30px 30px -10px rgba(0, 0, 0, 0.3);
	color: var(--c-white)
} */

.section-result {
	border-bottom: 1px solid var(--c-lightgreen);
}

.works-wrap {
	margin-top: 3rem;
}

.works-panel:after {
	content: "";
	position: absolute;
	width: 20%;
	height: 75%;
	right: 230px;
	top: 100%;
	border-style: dashed;
	border-width: 2px 2px 2px 2px;
	border-color: transparent var(--c-darkgreen) var(--c-darkgreen) transparent;
	opacity: 0.25;
}

.w-even .works-panel:after {
	border-color: transparent transparent var(--c-darkgreen) var(--c-darkgreen);
	right: 0;
}

.last .works-panel:after {
	display: none;
}

.works-number {
	position: absolute;
	left: 0;
	font-weight: 700;
	top: 50%;
	transform: translateY(-50%);
	font-family: var(--f-title);
	opacity: 0.1;
	font-size: 10rem;
	color: black
}	

.works-txt {
	position: absolute;
	left: 10%;
	width: 40%;
	line-height: 2rem;
	font-size: 1.5rem;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
}

.works-panel {
	position: relative;
	align-items: center;
	justify-content: flex-end;
	display: flex;
}

.works-graphic {
	width: 65%;
	height: 220px;
	/* background: var(--c-darkgreen); */
	display: flex;
	justify-content: center;
	align-items: center;
}

r-grid r-cell:nth-child(even) .works-graphic {
	justify-content: flex-end;
}

.works-graphic img {
	width: 30%;
}

r-grid r-cell:nth-child(odd) .works-graphic img {
	margin-left: 30%;
}

r-grid r-cell:nth-child(even) .works-graphic img {
	margin-right: 15%;
}

.section-lets {
	border-bottom: 1px solid var(--c-lightgreen);
	/* padding-top: 1rem; */
	/* margin-top: 2rem; */
	padding-bottom: 1rem;
}

.smarter-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align: center;
}

.smarter-wrap h4 {
	margin: 1rem 0 2rem 0;
}

.parallax {
	position: relative;

	overflow: hidden;
}

.parallax video,
.parallax img {
	width: 100%;
	height: 120%;
	object-fit: cover;
	transform: translateY(-10%);
	will-change: transform;
}

.product-img-flex-50 {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	/* width: 50%; */
	height: 30vh;
	/* padding: 1rem; */
	/* border: 1px solid var(--c-lightgreen); */
}

.product-img-flex-50 img {
	object-fit: cover;
	height: 100%;
	vertical-align: bottom;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.grid-full {
	grid-column: 1 / -1;
}

.order-product-button {
	background: var(--c-darkgreen);
	color: var(--c-white);
	font-size: 1rem;
	font-family: var(--f-base);
	font-weight: 300;
	padding: 0.75rem 1.75rem;
	margin-top: 1rem;
	display: block;
	/*width: 50%;*/
	float:right;
	margin-bottom: 1rem
}

.close-order-products {
	position: absolute;
	right: 2rem;
	top: 2rem;
	border-radius: 50%;
	background: var(--c-darkgreen);
	color: var(--c-white);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.order-products-line {
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 18px;
	height: 2px;
	background: var(--c-white);
}

.order-products-line:first-child {
	transform: rotate(-45deg);
}

.order-products-wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 14;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; /* for ios safari */
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.order-products-wrap .wrap100 {
	justify-content: flex-start;
	height: initial;
	min-height: 100%;
}

.order-products-wrap > .grid-container,
.order-products-wrap.order-products-active {
	width: 40vw;
	transition: width 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.order-products-wrap.order-products-active .wrap100 {
	background: var(--c-white);
	transition: background 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.order-products-wrap.order-products-active .wrap100-overlay {
	opacity: 1;
	visibility: visible;
	background: rgba(0,0,0,0.5);
	transition: all 0.8s cubic-bezier(0.6, 0, 0, 1);
}

.window-top-wrap .wrap {
	margin-top: 2rem;
}

.docs-list li {
	margin-bottom: 0.5rem;
}

.docs-list li a {
	display: inline-flex;
	align-items: center;
}

.docs-list img {
	margin-right: 0.5rem;
	width: 31px;
}

.product-img-wrap {
	display: flex;
	height: 100%;
	align-items: center;
}

.product-sub-wrap {
	background: var(--c-lightgray2);
}

.product-title {
	color: var(--c-lightgreen);
	text-transform: uppercase;
	font-size: 1rem;
}

.product-subtitle {
	width: 70%;
	max-width: 100%;
	margin: 4rem auto;
	font-size: 2.125rem;
	line-height: 2.75rem;
}

#product-description .product-subtitle {
	margin: 2rem auto;
}

.product-sub {
	text-align: left;
	margin: 0;

}


.product-sub2 {
	margin-top: 2.5rem;
	font-size: 1.5rem;
}

.building-price {
	margin-top: 1rem;
	font-size: 2.5rem;
}

.product-sub2 span {
	font-size: 1rem;
	font-weight: 400;
	clear: both;
}

.uvalue {
	display: block;
	margin: 0.5rem 0 1rem 0;
}

.product-sub span,
.product-subtitle span {
	font-size: 1rem;
	font-weight: 400;
	clear: both;
}

.product-desc-title {
	font-size: 1rem;
	font-weight: 400;
}

.product-specs table {
	border-spacing: 0;
	min-width: 100%;
	margin-top: 2rem;
}

.product-specs table th,
.product-specs table td {
	padding: 0.5rem 1.5rem;
	text-align: left;
	border: 1px solid var(--c-lightgray2);
}

.product-specs table td:first-child,
.product-specs table th {
	/* font-family: var(--f-title); */
}

.product-specs table td:not(:first-child) {
	border-left: 0;
}

.product-specs table tr:nth-child(odd) td,
.product-specs table tr:nth-child(odd) th {
	border: 1px solid var(--c-lightgray2);
	border-right: 1px solid var(--c-gray);
	background: var(--c-lightgray2);
}

.product-specs table tr:nth-child(even) td,
.product-specs table tr:nth-child(even) th {
	border-right: 1px solid var(--c-gray);
	background: var(--c-white);
}

.product-nav {
	padding: 1rem 0;
}

.product-nav button + button {
	margin-left: 3rem;
}

.product-nav button {
	font-size: 1rem;
	padding: 1rem 0;
	color: var(--c-black);
	position: relative;
	font-family: var(--f-title);
}

.product-nav button:after {
	content: "";
	position: absolute;
	width: 0;
	bottom: 0.25rem;
	height: 1px;
	background: var(--c-black);
	right: 0;
	transition: width .5s cubic-bezier(.37,0,.21,1.02);
}

.product-nav button.active:after,
.product-nav button:hover:after {
	left: 0;
	right: auto;
	width: 100%;
}

.tabcontent {
	display: none;
}

.tabcontent {
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

#product-gallery {
	margin-top: 2rem;
}

#product-gallery a {
	cursor: pointer;
}

.lg-download {
	display: none;
}

.product-section {
	text-transform: uppercase;
	text-align: center;
	background: var(--c-lightgreen);
	padding: 1rem 0;
}

.ps-dark {
	background: var(--c-darkgreen);
	color: var(--c-white);
}

.product-grid {
	margin: 3rem 0;
}

.product-grid a p,
.product-grid a:hover p {
	color: var(--c-black);
}

.tab-subtitle {
	margin: 0 0 1rem 0;
	font-size: 1.5rem;
}

.video-wrap {
	margin-bottom: -2rem;
}

.video-wrap r-cell {
	margin-bottom: 2rem;
}

.product-video {
	width: 25%;
	display: inline-block;
	position: relative;
}

.product-video:hover {
	color: var(--c-black);
}

.product-video span {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	font-weight: bold;
	font-family: var(--f-title);
	font-size: 2rem;
	transform: translate(-50%, -50%);
}

.info-txt {
	position: relative;
	/* 	padding-left: 2.5rem; */
	border-bottom: 1px solid var(--c-gray);
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}

.product-subtitle + .info-txt {
	margin-top: 2rem;
}

.acc-img {
	margin-top: 2rem;
}

/* .info-txt:before {
	position: absolute;
	content: "i";
	text-align: center;
	width: 1.5rem;
	height: 1.5rem;
	left: 0;
	border-radius: 50%;
	background: var(--c-black);
	color: var(--c-white);
} */

.color-grid {
	margin: 2rem 0;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--c-gray);
}

.color-grid:last-child {
	border: none;
}

.color-grid r-cell {
	margin-bottom: 2rem;
}

.color-title {
	line-height: 1.5rem;
	font-weight: 400;
	display: block;
	margin-top: 1rem;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

.mobcat-button {
	display: none;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	background: var(--c-darkgreen);
	color: var(--c-white);
	padding: 1rem 1.5rem;
	font-family: var(--f-base);
	font-size: 0.875rem;
}

.mobcat-button img {
	margin-left: 0.75rem;
}

@media only screen and (max-width: 40em) {
	.mobcat-button {
		display: flex;
	}

	.product-img-flex-50 {
		height: initial;
	}

	.works-txt {
		font-size: 1rem;
		line-height: 1.25rem;
		width: 50%;
	}

	.works-wrap {
		margin-top: 0;
	}

	.works-panel:after {
		display: none;
	}

	.parallax {
		/* margin-bottom: -2rem; */
	}

	.grid-full {
		margin-bottom: 2rem;
	}

	.product-img-flex-50 img {
		max-width: 100%;
	}

	.product-subtitle {
		margin: 2rem auto;
		font-size: 1.5rem;
		line-height: 2rem;
		width: initial;
	}

	.product-nav button {
		display: block;
		padding: 0.5rem 0;
		font-size: 0.875rem;
	}

	.product-nav button + button {
		margin-left: 0;
	}

	.info-txt {
		margin-bottom: 0;
	}

	.product-sub span, 
	.product-subtitle span {
		display: block;
		font-size: 0.875rem;
	}

	.product-img-wrap {
		height: initial;
	}

	.uvalue {
		font-size: 0.875rem;
	}

	.product-specs table th, 
	.product-specs table td {
		padding: 0.25rem 0.75rem;
	}

	.product-specs table {
		font-size: 0.75rem;
	}

	.color-grid {
		padding-bottom: 0;
	}
}

/* icon grid */

.icon-grid {
	margin: 3rem 0 3rem 0;
	text-align: center;
}

.icon-grid-map {
	height: 100%;
}

.icon-grid-map .icon-wrap {
	justify-content: center;
}

.icon-grid > r-cell {
	margin-bottom: 3rem;
}

.icon-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.icon-wrap img {
	height: 84px;
	max-width: 60%;
	margin: 0 auto;
}

h5.ig-title {
	font-family: var(--f-base);
	font-size: 1.5rem;
	margin-top: 1rem;
}

.hp-map-wrap {
	padding: 0.001rem 0;
	background: var(--c-lightgray);
}

.icon-wrap sup {
	vertical-align: baseline;
	top: -0.5em;
	position: relative;
	line-height: 0;
}

.map-experience {
/* 	position: absolute; */
}

@media only screen and (max-width: 40em) {
	h5.ig-title {
		font-size: 1.25rem;
	}

	.icon-map-wrap svg {
		margin-top: 4rem;
		max-width: 100%;
		height: auto;
	}

	.icon-wrap p {
		font-size: 0.875rem;
		line-height: 1.5rem;
	}

	.icon-grid {
		margin: 2rem 0 0 0;
	}

	.icon-grid > r-cell {
		margin-bottom: 1rem;
	}

	.icon-grid > r-cell + r-cell {
		padding-top: 2rem;
		border-top: 1px solid var(--c-gray);
	}

	.icon-grid r-cell:last-child {
		margin-bottom: 0;
	}
}

/* projects slider */

.projects-slider {
	margin-top: 3.5rem;
	overflow: visible;
}

.projects-slider-link {
	margin-bottom: 2rem;
	color: var(--c-black);
	width: 100%;
	display: block;
}

.sl-img-wrap {
	height: 120px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.sl-img-wrap img {
	object-fit: cover;
}

.ps-title {
	font-size: 0.875rem;
	font-family: var(--f-base);
	font-weight: 400;
	margin: 1.5rem 0 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.swiper-horizontal>.swiper-scrollbar, 
.swiper-scrollbar.swiper-scrollbar-horizontal {
	height: 1px !important;
	width: 100%;
	left: 0;
	background: var(--c-lightgreen);
}

.projects-scrollbar .swiper-scrollbar-drag {
	height: 10px;
	border-radius: 0;
	background: var(--c-black);
	top: -5px;
}

@media only screen and (max-width: 40em) {
	.sl-img-wrap img {
		width: 100%;
	}
}

/* vacancies */

.vac-wrap {
	margin-top: 2rem;
}

.vac-wrap-open {
	position: relative;
}

.vac-wrap-open:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	background: var(--c-lightgreen);
}

.vac-wrap r-cell {
	margin-bottom: 1.25rem;
}

.vac-tile {
	background: var(--c-lightgreen-a);
	padding: 2.5rem 2rem;
	border: 1px solid var(--c-gray);
	height: 100%;
}

.vac-tile h5 {
	font-family: var(--f-base);
	font-size: 1.5rem;
	font-weight: 500;
}

.vac-tile a {
	background: var(--c-darkgreen);
	color: var(--c-white);
	font-size: 1rem;
	font-family: var(--f-base);
	font-weight: 300;
	padding: 0.75rem 1.75rem;
	margin-top: 1rem;
	display: inline-block;
}

.breadcrumbs {
	position: relative;
	font-size: 0.875rem;
	display: block;
	padding: 1rem 0;
	margin: 0 0 4rem 0;
}

.product-breadcrumbs {
	margin-bottom: -1.5rem;
}

.breadcrumbs:after,
.breadcrumbs:before {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 100vw;
	height: 1px;
	background: var(--c-lightgreen);
	top: 0;
}

.breadcrumbs:after {
	bottom: 0;
	top: initial;
}

.breadcrumbs li {
	display: inline-block;
	align-items: center;
}

.breadcrumbs li a {
	display: inline-flex;
	align-items: center;
}

.breadcrumbs img {
	margin-right: 0.5rem;
}

.vac-wrap {
	margin-bottom: 6rem;
}

.vac-form-wrap {
	position: relative;
	height: 100%;
}

.form-thankyou {
	display: none;
	margin-top: 1rem;
}

.vac-form-wrap:before {
	content: "";
	background-color: var(--c-lightgray);
	position: absolute;
	top: -4rem;
	left: -4rem;
	bottom: 0;
	width: 50vw;
	z-index: -1;
}

.custom-file::-webkit-file-upload-button {
	visibility: hidden;
}

.custom-file::before {
	display: inline-block;
	background: var(--c-white);
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	width: 100%;
}

.file-cv::before {
	content: "Pievienot CV";
}

.file-mot::before {
	content: "Pievienot motivācijas vēstuli";
}

.custom-file:hover::before {
	border-color: black;
}

.custom-file:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.vac-form legend {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.vac-form input,
.vac-form textarea,
.vac-form select {
	background: var(--c-white);
	border: 1px solid var(--c-gray);
	padding: 0.75rem 1.5rem;
	font-family: var(--f-base);
	font-weight: 300;
	font-size: 1rem;
	display: block;
	color: var(--c-black);
	width: 100%;
	margin: 0 0 1.5rem 0;
	outline: none;
	transition: all 0.3s ease-in-out;
}

.vac-form input:focus,
.vac-form textarea:focus,
.vac-form select:focus {
	border-color: var(--c-lightgreen);
}

.vac-form button {
	background: var(--c-darkgreen);
	color: var(--c-white);
	padding: 0.75rem 2.5rem;
	font-size: 1rem;
	font-weight: 300;
	outline: none;
	font-family: var(--f-base);
	margin-top: 1rem;
}

.checkmark-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkmark-container a {
	text-decoration: underline;
}

/* Hide the browser's default checkbox */
.checkmark-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--c-white);
	height: 25px;
	width: 25px;
	border: 1px solid var(--c-gray);
}

/* On mouse-over, add a grey background color */
.checkmark-container:hover input ~ .checkmark {
	background-color: var(--c-gray);
}

/* When the checkbox is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
	background-color: var(--c-lightgreen);
	border-color: var(--c-lightgreen);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkmark-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkmark-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 1px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media only screen and (max-width: 40em) {
	.vac-tile h5 {
		font-size: 1.25rem;
	}

	.breadcrumbs {
		font-size: 0.75rem
	}

	.vac-tile p {
		font-size: 0.875rem;
		line-height: 1.5rem;
	}

	.vac-tile a {
		font-size: 0.875rem;
		padding: 0.5rem 1.5rem;
	}

	.vac-wrap {
		margin-bottom: 0;
	}

	.vac-form-wrap:before {
		display: none;
	}
}

/* portfolio */

.gallery-link {
	display: flex;
	height: 100%;
	flex-direction: column;
	margin-bottom: 2rem;
	color: var(--c-black);
}

.gallery-link-overlay {
	margin: 1rem 0;
	text-align: left;
	font-size: 0.875rem;
}

.gallery-link-overlay h5 {
	font-size: 1.5rem;
	text-align: left;
}

.gl-open-sm + .gl-open-sm {
	margin-top: 1.5rem;
}

.gl-open-lg {
	width: 100%;
	margin: 1.5rem 0;
}

.gallery-open-info {
	margin-bottom: 2rem;
}

.gl-open-vert {
	display: flex;
	height: 100%;
	overflow: hidden;
	justify-content: center;
	align-items: center;
}

.gl-open-vert img {
	object-fit: cover;
	height: 100%;
}

@media only screen and (max-width: 40em) {
	.gallery-link {
		margin-bottom: 1rem;
	}

	.gallery-open-info {
		margin-top: 1rem;
	}

	.gl-open-vert {
		display: initial;
		height: initial;
	}

	.gl-open-vert img {
		object-fit: initial;
		height: auto;
	}

	.gallery-open-wrap img {
		margin-bottom: 1rem !important;
		height: auto;
	}

	.gl-open-sm + .gl-open-sm,
	.gl-open-lg {
		margin-top: 0;
	}
}

/* contacts */

.contacts-img-wrap {
	height: 260px;
}

.contacts-title {
	margin-bottom: 1rem;
	font-weight: bold;
}

#map {
	width: 100%;
	height: 350px;
	margin: 4rem 0;
	background: var(--c-lightgreen);
}

.contacts-form {
	margin-top: 3rem;
}

.contacts-form fieldset + fieldset {
	margin-top: 1rem;
}

.contacts-form legend {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.contacts-form input,
.contacts-form textarea,
.contacts-form select {
	border: 1px solid var(--c-gray);
	padding: 0.75rem 1.5rem;
	font-family: var(--f-base);
	font-weight: 300;
	font-size: 1rem;
	display: block;
	color: var(--c-black);
	width: 100%;
	margin: 0 0 1.5rem 0;
	background: transparent;
	outline: none;
	transition: all 0.3s ease-in-out;
}

.contacts-form input[type=file] {
	margin-top: 1rem;
}

.contacts-form input:focus,
.contacts-form textarea:focus,
.contacts-form select:focus {
	border-color: var(--c-lightgreen);
}

.contacts-form select {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 1em;
}

.contacts-form .select-wrap {
	position: relative;
}

.contacts-form .select-wrap:after {
	content: "";
	position: absolute;
	z-index: -1;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: var(--c-lightgreen);
	width: 3rem;
}

.contacts-form button {
	background: var(--c-darkgreen);
	color: var(--c-white);
	padding: 0.75rem 2.5rem;
	font-size: 1rem;
	font-weight: 300;
	outline: none;
	font-family: var(--f-base);
}

.map-section {
	padding: 1.75rem 0;
}

.map-section + .map-section {
	border-top: 1px solid var(--c-gray);
}

.map-driving {
	display: inline-block;
}

.map-driving + .map-driving {
	margin-left: 1rem;
}

.map-driving img {
	margin-right: 0.5rem;
	display: inline-block;
}

.map-title {
	font-size: 1.5rem;
	font-weight: 500;
	font-family: var(--f-base);
	margin: 0 0 1rem 0;
}

.soc-nav li {
	display: inline-block;
	margin-right: 0.5rem;
}

@media only screen and (max-width: 40em) {
	.soc-nav {
		text-align: center;
	}

	.map-driving-wrap {
		text-align: center;
	}

	#map {
		margin: 2rem 0;
	}

	.contacts-wrap r-cell:first-child {
		order: 2;
		margin-top: 0.75rem;
		border-top: 1px solid var(--c-gray);
		padding-top: 2rem;
	}

	.contacts-wrap r-cell:last-child {
		order: 1;
	}

	.map-section:first-child {
		padding-top: 0;
	}

	.contacts-form {
		margin-top: 1.5rem;
	}
}

/* footer */

footer {
	font-size: 0.875rem;
	line-height: 1.5rem;
	position: relative;
}

footer .wrap {
	padding-top: 4rem;
}

.footer-title {
	font-size: 1.5rem;
	font-family: var(--f-title);
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.footer-subtitle {
	font-weight: bold;
	display: block;
}

footer address {
	font-style: normal;
}

footer address a[href^="tel:"],
footer address a[href^="mailto:"] {
	display: inline-block;
	margin-bottom: 0.75rem;
}

footer li {
	font-style: normal;
	line-height: 2.25rem;
}

.footer-bot {
	margin-top: 3rem;
	position: relative;
	font-weight: 400;
}

footer:before,
.footer-bot:after {
	height: 1px;
	width: 100vw;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: var(--c-lightgreen);
}

.footer-bot .wrap {
	margin: 1rem auto 2rem auto;
	padding-top: 2rem;
}

@media only screen and (max-width: 40em) {
	footer .wrap {
		padding-top: 2rem;
	}

	.footer-bot {
		margin-top: 2rem;
	}

	.footer-bot .wrap {
		margin: 1rem auto;
		padding-top: 1rem;
	}

	footer r-cell + r-cell {
		margin-top: 2rem;
	}
}