/* Dev Presets */
:root {
	--black:#212121;
}
.header-logo {
	width: 192px;
	height: 65px;
}
img {
	max-width:100%;
	display: block;
}
ul {
	list-style:disc inside;
}
ol {
	list-style:decimal inside;
}
a,
[role="button"] {
	text-decoration:none;
	transition:all ease-in-out 250ms;
	cursor:pointer;
}
a:hover {
	color: inherit;
}
h1,h2,h3,h4,h5,h6,p {
	margin:0;
}
.hidden {
	display:none;
}
.overflow-hidden {
	overflow:hidden;
}
.transition-250ms,
.hover-opacity,
.hover-scale,
.hover-scale-child img {
	transition:all ease-in-out 250ms;
}
.hover-opacity:hover {
	opacity:.8;
}
.hover-scale:hover,
.hover-scale-child:hover img {
	transform:scale(1.05);
}
.grid {
	display: grid;
}
.grid-2-columns {
	grid-template-columns: repeat(2,1fr);
}
.grid-3-columns {
	grid-template-columns: repeat(3,1fr);
}
.grid-4-columns {
	grid-template-columns: repeat(4,1fr);
}
.flex {
	display:flex;
}
.align-center {
	align-items:center;
}
.align-start {
	align-items:flex-start;
}
.align-end {
	align-items:flex-end;
}
.justify-between {
	justify-content:space-between;
}
.justify-center {
	justify-content:center;
}
.justify-evenly {
	justify-content:space-evenly;
}
.justify-around {
	justify-content:space-around;
}
.justify-end {
	justify-content:flex-end;
}
.direction-column {
	flex-direction:column;
}
.relative {
	position:relative;
}
.object-cover {
	object-fit:cover;
}
.flex-1 {
	flex:1;
}
.spacer {
	opacity:0;
	visibility:hidden;
}
.icon {
	display:flex;
	line-height:1;
	pointer-events:none;
}
.icon svg {
	height:100%;
	width:100%;
}
.list-none {
	list-style:none;
}
.height-100 {
	height:100%;
}
.width-100 {
	width:100%;
}
.height-100v {
	height:100vh;
}
.width-100v {
	width:100vw;
}
.abs-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.abs-extend {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.z-1 {
	z-index:1;
}
.text-center {
	text-align:center;
}
@media(max-width:1150px) {
	.tablet-direction-column {
		flex-direction:column
	}
}
@media(max-width:680px) {
	.mobile-direction-column {
		flex-direction:column
	}
}
/* End Dev Presets */









* {
	outline:none !important;
}

.cta .icon {
	width:30px;
	height:30px;
	min-width:30px;
	min-height:30px;
}
body.home #main > section:not(#homepage--hero) {
	position: relative;
	z-index: 1;
	background-color:#fff;
}
#homepage--hero {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
}
.site {
	overflow:unset !important;
}
html, body {
	overflow-x:clip !important;
}

body {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--black);
}


.container--full {
	max-width:1920px;
	margin-inline:auto;
	padding-inline:35px;
}
/* #homepage--hero .content {
position:absolute;
bottom:220px;
left:50%;
transform:translateX(-50%);
z-index:1;
width:100%;
padding-inline:35px;
text-align:center;
} */
#homepage--hero .content {
	position:absolute;
	top:55%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:1;
	width:100%;
	max-width:1200px;
	overflow:hidden;
	padding-inline:35px;
	text-align:center;
} 
/*#homepage--hero .content h1.title {
font-weight: 300;
font-size: 26px;
line-height: 31px;
display:flex;
justify-content:space-between;
column-gap:5px;
max-width:400px;
opacity:0;
min-width:max-content;
color: #FFFFFF;
transition:max-width 1.4s linear 800ms, opacity 800ms linear;
margin-inline:auto;
}*/

#homepage--hero .content h1.title {
	font-weight: 400;
	font-size: 80px;
	line-height: 1.2;
	display:flex;
	justify-content:space-between;
	column-gap:15px;
	opacity:0;
	min-width:max-content;
	color: #FFFFFF;
	transition:opacity 800ms linear;
	margin-inline:auto;
}
#homepage--hero.loaded .content h1.title {
	max-width:100%;
	opacity:1;
}
.homepage--hero-overlay::before {
	content:'';
	z-index:1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
/* .homepage--hero-overlay {
transition:all linear 2s;
}
#homepage--hero:not(.loaded) .homepage--hero-overlay {
opacity:.4;
} */
.text.editor.big {
	/* 	font-weight: 600;
	font-size: 28px;
	line-height: 34px; */
	font-weight: 400;
	font-size: 22px;
	line-height: 32px;
}

#homepage--about .cols {
	column-gap:200px;
}
#homepage--about .cols .col--left .sticky {
	position:sticky;
	top:160px;
}
#header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10;
	transition:all linear 500ms;
}
.header-logo,
.header--content {
	transition:all linear 250ms;	
}
#header.scrolled .header--content {
	padding-block:10px;
}
#header.scrolled {
	background-color:var(--black);
}
.header--content {
	padding:20px 35px;
}
.header--content .col--right {
	column-gap:15px;
}
.burger {
	width:100px;
	display:flex;
	height:12px;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
}
.burger > span {
	display:block;
	max-width:100%;
	width:100%;
	height:1px;
	transition:all linear 300ms;
	background-color:#fff;
}
.burger > span.bottom {
	margin-left:auto;
}
.burger:hover > span {
	max-width:50%;
}
.burger > span.burger--close-text {
	display:none;
}
.next--lang {
	font-weight: 400;
	line-height: 1;
	color: #FFFFFF;
	text-transform:uppercase;
}
#full--navigation .burger > span:not(.burger--close-text) {
	display:none;
}
#full--navigation .burger > span.burger--close-text {
	display: block;
	max-width: 100%;
	color: var(--black);
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	text-align: center;
	height: auto;
	padding: 8px 16px;
	border: 1px solid var(--black);
	transition: all ease-in-out 250ms;
	min-width:max-content;
}
#full--navigation .burger > span.burger--close-text:hover {
	background-color: var(--black);
	color: #fff;
}
#homepage--about .cols .col--left {
	padding-top:120px;
	max-width:520px;
}
.section--title {
	display:flex;
	column-gap:20px;
	align-items:center;
	font-weight: 400;
	font-size:16px;
	line-height: 1;
	text-transform:uppercase;
}
.section--title::before {
	content:'(';
	display:block;
}
.section--title::after {
	content:')';
	display:block;
}

#homepage--about .cols .col--left .sticky .section--title {
	margin-bottom:25px;
}
#homepage--about .cols .col--right {
	transform:translateX(35px);
}
#homepage--about .cols .col--left .sticky .cta {
	margin-top:250px;
}

h1, h2, h3, h4, h5, h6, p, a {
	color:inherit;
}
.cta {
	display: flex;
	max-width:max-content;
	line-height: 1;
	align-items: center;
	column-gap:10px;
	text-transform:uppercase;
	position:relative;
}
.cta .icon,
.cta .cta--text {
	transition:all linear 400ms;
}
.cta:not(:hover) .cta--text {
	opacity:0;
	transform:translateX(-30px) translateY(-50%);
}
.cta:not(:hover) .icon {
	transform:scale(1.4);
}
.cta .cta--text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	min-width: max-content;
}
.homepage--about-gallery .image {
	/* 	height: 780px; */
	height: 820px;
	width:100%;
	max-width:50vw;
	min-width:50vw;
}
.homepage--about-gallery {
	row-gap:45px;
}
#homepage--about {
	padding-bottom:130px;
}
.brands--section-wrapper {
	padding-block:75px;
}
.brands--section-wrapper.dark {
	background-color:var(--black) !important;
}
.brands--section-wrapper .section--title {
	margin-bottom:100px;
}
.section--title.middle {
	text-align:center;
	justify-content:center;
}
.brands--section-wrapper.dark .title--smaller,
.brands--section-wrapper.dark .section--title,
.brands--section-wrapper.dark .text.editor,
.brands--section-wrapper.dark .cta {
	color:#fff;
}
.brands--section-wrapper .title--smaller {
	position:absolute;
	top:0;
	left:0;
	transition:var(--transition);
	font-weight: 700;
	font-size: 25px;
	text-transform:uppercase;
}
.brands--section-wrapper .loop .single {
	--transition:all linear 300ms;
	position:relative;
	column-gap:75px;
	padding-block:30px;
	cursor:pointer;
}
.brands--section-wrapper .loop .single::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#fff;
	opacity:.15;
}
.brands--section-wrapper .loop {
	border-top:1px solid rgba(255, 255, 255, .15);
}
.brands--section-wrapper .loop .single .title {
	font-weight: 700;
	font-size: 45px;
	text-transform:uppercase;
	transition:var(--transition);
	line-height: 55px;
	color: rgba(255, 255, 255, 0.18);
}
.brands--section-wrapper.dark .loop .single:hover .title {
	color:#fff;
}
.brands--section-wrapper .loop .single.active .title {
	opacity:0;
}
.brands--section-wrapper .loop .single .image {
	height: 320px;
	transition:var(--transition);
}
.brands--section-wrapper .loop .single .col--right	{
	transition:var(--transition);
	row-gap:15px;
}
img {
	border-radius:unset;
}
.brands--section-wrapper .loop .single:not(.active) {
	height:115px;
	overflow:hidden;
}
.brands--section-wrapper .loop .single:not(.active) .col--right,
.brands--section-wrapper .loop .single:not(.active) .image {
	opacity:0;
	pointer-events:none;
}
.brands--section-wrapper .single:not(.active) .title--smaller {
	opacity:0;
	transform:translateY(20px);
}
.brands--section-wrapper .single.active .title {
	transform:translateY(20px);
}
.cta.middle {
	margin-inline:auto;
}
.brands--section-wrapper .cta.middle {
	margin-top:60px;
}
.homepage--categories-wrapper .col--right .image img {
	position:absolute;
	top:0;
	left:0;
	transition:all linear 300ms;
}
.homepage--categories-wrapper .col--right .image {
	height: 780px;
	width: 50vw;
	min-width: 50vw;
	overflow:hidden;
}
.homepage--categories-wrapper .col--right {
	transform: translateX(35px);
}
.homepage--categories-wrapper .col--right .image img:not(.active) {
	opacity:0;
	transform:scale(1.1);
}
.homepage--categories-wrapper .cols .col--left {
	padding-top:75px;
}
.homepage--categories-wrapper .cols .col--left .section--title {
	margin-bottom:180px;
}
.homepage--categories-wrapper .cols .col--left .loop {
	row-gap:15px;
}
.homepage--categories-wrapper .cols .col--left .loop .single a {
	display:flex;
	align-items:center;
	column-gap:10px;
	font-weight: 600;
	font-size: 30px;
	line-height: 1;
	color: #9D9D9D;
	transition:all linear 300ms;
}
.homepage--categories-wrapper .cols .col--left .loop .single.active a {
	color:var(--black);
}
.homepage--categories-wrapper .single a .icon {
	width:25px;
	height:25px;
	min-width:25px;
	min-height:25px;
	transition:all linear 300ms;
}
.homepage--categories-wrapper .cols .col--left .loop .single:not(.active) a .icon {
	opacity:0;
} 
.homepage--projects-wrapper {
	padding-block:70px;
}
.homepage--projects-wrapper .section--title {
	margin-bottom:100px;
}
.projects--card .title {
	font-weight: 400;
	line-height: 1;
	font-size:16px;
	text-transform: uppercase;
	margin-top:15px;
}

.projects--card .image {
	height:650px;
}
.homepage--projects-wrapper .single--wrapper:nth-child(4n+2) .projects--card,
.homepage--projects-wrapper .single--wrapper:nth-child(4n+3) .projects--card {
	max-width:500px;
	margin-inline:auto;
}
.homepage--projects-wrapper .single--wrapper:nth-child(4n+2) {
	margin-top:280px;
}
.homepage--projects-wrapper .single--wrapper:nth-child(4n+3) {
	margin-top: -280px;
}
.homepage--projects-wrapper .grid {
	row-gap:200px;
}
.homepage--projects-wrapper .cta.middle {
	margin-top:90px;
}
.blog--grid-wrapper {
	padding-block: 70px;
	background-color: #F8F8F8 !important;
}

.blog--grid-wrapper .section--title {
	margin-bottom:100px;
}
.blog--grid-wrapper .grid {
	column-gap:20px;
	row-gap:100px;
}
.blog--grid-wrapper.template--blog-wrapper {
	padding-block: 100px 150px;
	background-color:transparent !important;
}
.post--card .image {
	height:400px;
}
.post--card .title {
	/* 	position:absolute;
	z-index:1;
	top:60px;
	left:0;
	background-color:#fff;
	padding:15px 15px 15px 20px; */
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: var(--black);
	width:100%;
	column-gap:25px;
}
.post--card .title .icon {
	max-width:15px;
	min-width:15px;
	max-height:15px;
	min-height:15px;
}
.post--card .text.editor {
	font-weight: 600;
	font-size: 17px;
	color: var(--black);
	margin-top:15px;
	padding-right:70px;
}
.blog--grid-wrapper .cta.middle {
	margin-top:65px;
}
#footer .cols .col--left {
	transform:translateX(-35px);
}
#footer .cols .col--left .image {
	min-width:50vw;
	max-width:50vw;
	height:780px;
}
#footer .cols .col--right {
	padding-block:115px 25px;
	position:relative;
}
#footer .cols {
	column-gap:120px;
}
#footer .cols .col--left .content {
	position:absolute;
	top:100px;
	left:35px;
	max-width:480px;
	z-index:1;
}
#footer .cols .col--left .copyright {
	position:absolute;
	bottom:25px;
	left:35px;
	z-index:1;
	font-weight: 400;
	font-size: 12px;
	line-height: 1;
	color:#fff;
}

#footer .cols .col--left .content .footer--title {
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	color: #FFFFFF;
	margin-bottom:25px;
}
#footer .cols .col--right .back--top {
	position:absolute;
	bottom:25px;
	right:0;
	z-index:1;
}
#footer .cols .col--right .col--right-inner {
	max-width:350px;
	row-gap:40px;
}
.created--by {
	column-gap:4px;
}
.created--by img {
	width:42px;
	object-fit:contain;
	height:auto;
}

ul,
ol {
	margin-inline:0 !important;
	padding-inline:0 !important;
}
.footer--menu,
.socials--list,
.contact--list {
	row-gap:10px;
}
.socials--list li a,
.contact--list li a {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	max-width:max-content;
	color: var(--black);
}
.footer--menu li a::after,
.socials--list li a::after,
.contact--list li a::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:1px;
	transition:all linear 250ms;
	background-color:var(--black);
}
.footer--menu li a:hover::after,
.socials--list li a:hover::after,
.contact--list li a:hover::after {
	width:100%;
}
.footer--menu li a {
	font-weight: 400;
	font-size:16px;
	line-height: 24px;
	position:relative;
	display:flex;
	align-items:center;
	color: var(--black);
	max-width:max-content;
}
.full--navigation-body .image img:not(.active) {
	opacity: 0;
	transform: scale(1.1);
}
.full--navigation-body .image img {
	position: absolute;
	top: 0;
	left: 0;
	transition: all linear 300ms;
}
.full--navigation-body .image {
	max-width: 465px;
	min-width: 465px;
	height: 545px;
	overflow:hidden;
}
#full--navigation {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 800ms cubic-bezier(.46,.03,.52,.96);
	z-index: 11;
	background-color: #fff;
}
.full--navigation-body {
	margin:60px auto 0;
	max-width:1000px;
}
.full--navigation-body .cols {
	column-gap:160px;
}
.full--navigation-body .cols .col--right {
	align-self: flex-end;
}
.main--menu li a {
	font-weight: 600;
	font-size: 28px;
	line-height: 1;
	display:flex;
	align-items:center;
	column-gap:8px;
	color: var(--black);
}
.main--menu li a .icon {
	min-width:15px;
	max-width:15px;
	min-height:15px;
	max-height:15px;
	transition:all linear 350ms;
}
.main--menu li a:not(:hover) .icon {
	opacity:0;
	transform:translateX(-10px);
}
.main--menu {
	margin:0 !important;
	padding:0 !important;
	row-gap:12px;
}
.dark .header--content .next--lang {
	color:var(--black);
}
.dark .header--content .burger > span {
	background-color:var(--black);
}
html.menu--visible,
html.menu--visible body {
	overflow:hidden !important;
}
html:not(.menu--visible) #full--navigation {
	transform:translateX(100%);
}
#page {
	transition: all 800ms cubic-bezier(.46,.03,.52,.96);
}
html.menu--visible #page {
	/* 	filter: blur(2px); */
	margin-left: -250px;
}
@media(min-width:1151px) {
	.animate-height,
	.animate-width {
		position:relative;
	}
	.animate-height::before,
	.animate-width::before {
		transition:all ease-in-out 850ms;
		content:'';
		position:absolute;
		height:100%;
		width:100%;
		background-color:var(--black);
		bottom:0;
		right:0;
		z-index:1;
	}
	.animate-height.animate::before {
		height:0;
	}
	.animate-width.animate::before {
		width:0;
	}
}
.brands--section-wrapper.light .loop {
	border-color:rgba(0, 0, 0, 0.15);
}
.brands--section-wrapper.light .loop .single::after {
	background-color:var(--black);
}
.brands--section-wrapper.light .loop .single .title {
	color: rgba(0, 0, 0, 0.18);
}

.brands--section-wrapper.light .loop .single:hover .title {
	color:var(--black);
}

#hero {
	padding-top:250px;
}
#hero .hero--cols .col--right {
	/* 	max-width:620px; */
	max-width:880px;
}

body.page-template-template-brands .brands--section-wrapper {
	padding-block:150px;
}

#hero .image {
	margin-top:120px;
	clip-path:inset(0);
}

#hero .image img {
	position:fixed;
}
#header.scrolled.dark {
	background-color: #fff;
}

.hero--title {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--black);
}
#archive--page {
	background-color: #F7F7F7;
	padding-block: 60px 100px;
}
.main--filters {
	column-gap:50px;
	margin:0;
	flex-wrap: wrap;
	row-gap: 30px;
}
.main--filters li {
	font-weight: 600;
	font-size: 22px;
	line-height: 1;
	color: #9D9D9D;
	column-gap:8px;
	cursor:pointer;
	user-select:none;
	transition:all ease-in-out 250ms;
}
.main--filters li .icon {
	min-width:20px;
	max-width:20px;
	min-height:20px;
	max-height:20px;
	overflow: hidden;
}
.main--filters li .icon svg {
	transform:unset;
	transition:all ease-in-out 250ms;
}
.main--filters li:not(.has--children) .icon {
	display:none !important;
}
.main--filters li.active .icon svg {
	opacity:1;
	transform: scale(1.4);
}
.main--filters li:hover,
.main--filters li.active {
	color:var(--black);
}
.product--grid-wrapper {
	margin-top:60px;
	min-height:65px;
}
#archive--page .product--grid {
	row-gap:60px;
	column-gap:20px;
} 
.product--card .title {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
	color: var(--black);
	transition:all ease-in-out 250ms;
	text-transform: uppercase;
}
.product--card .image {
	height: 660px;
	margin-bottom:15px;
}
.sub--filters {
	border-top: 1px solid #E0E0E0;
	padding-top: 30px;
	margin-top: 30px;
	margin-bottom: 0;
	column-gap:50px;
}
.sub--filters li {
	font-weight: 500;
	font-size: 19px;
	user-select:none;
	line-height: 1.3;
	cursor:pointer;
	color: #9D9D9D;
	position:relative;
	padding-bottom:5px;
	transition: all ease-in-out 250ms;
}
.sub--filters li::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:1px;
	background-color:var(--black);
	transition:all ease-in-out 250ms;
}
.sub--filters li.active::after {
	width:100%;
}
.sub--filters li:hover,
.sub--filters li.active {
	color:var(--black);
}
.archive--page-loading {
	background-color: #F7F7F7;
	transition: all ease-in-out 250ms;
}
.archive--page-loading img {
	width: 190px;
	height: 64px;
}
#archive--page:not(.loading) .archive--page-loading {
	opacity:0;
	pointer-events:none;
}
.archive--page-loading > span::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F7F7F7;
	transform: translateX(-100%);
	animation: slide-across 1.5s cubic-bezier(.46,.03,.52,.96) infinite;
}

@keyframes slide-across {
	0%   { transform: translateX(-100%); }
	100% { transform: translateX(100%);  }
}

.filters--wrapper.sub--filters-wrapper {
	display:none;
}
.hero--cols {
	gap: 160px;
}
#single--product-main {
	background-color: #F7F7F7;
	padding-block: 80px 100px;
}
.single--product-data__wrapper > .title {
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--black);
	margin-bottom:75px;
	text-align: center;
}
.single--product-data {
	column-gap:100px;
}

.single--product-data__single--header .title {
	background-color:#EAEAEA;
	border-radius:18px;
	overflow:hidden;
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	text-transform: uppercase;
	padding:12px 24px;
	color: var(--black);
}
.single--product-data__single--header .icon {
	min-width:30px;
	max-width:30px;
	min-height:30px;
	max-height:30px;
}
.single--product-data__single--header {
	column-gap:12px;
	margin-bottom:12px;
	transform:translateX(-20px);
}
.single--product-data__single--body .value {
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	color: var(--black);
	display:block;
	margin:auto;
	text-align:center;
}
.single--product-data__wrapper {
	max-width: 1000px;
	margin: auto;
}
.download--pdf {
	display: flex;
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: var(--black);
	border:1px solid var(--black);
	border-radius: 18px;
	overflow: hidden;
	padding: 12px 24px;
	align-items: center;
	column-gap: 12px;
}

.download--pdf:hover {
	color:var(--black);
	background-color:transparent;
}
.single--product-gallery {
	margin-top: 100px;
}

.single--product-gallery .owl-carousel a {
	display:flex;
	position:relative;
	height:660px;
}
.single--product-gallery .owl-carousel a::before, 
.single--product-gallery .owl-carousel a::after {
	content: '';
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.single--product-gallery .owl-carousel a::before {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	background-image: url('../images/open-image.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	z-index: 1;
	transition: all ease-in-out 650ms;
}
.single--product-gallery .owl-carousel a::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--black);
	transition: all ease-in-out 350ms;
}
.single--product-gallery .owl-carousel a:hover::before {
	opacity: 1;
	visibility: visible;
}
.single--product-gallery .owl-carousel a:hover::after {
	opacity: .25;
	visibility: visible;
}


.group--filters-wrapper > .section--title {
	margin-bottom:20px;
}
.group--filters-wrapper:not(:last-child) {
	margin-bottom: 50px;
}
.single--product-gallery .owl-nav {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 100px;
}
.single--product-gallery .owl-nav div {
	width: 24px;
	min-width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.single--product-gallery .owl-nav div svg {
	width:100%;
	height:100%;
	transition:all ease-in-out 250ms;
}
.single--product-gallery .owl-nav .owl-prev:hover svg {
	transform:translateX(-5px);
}
.single--product-gallery .owl-nav .owl-next:hover svg {
	transform:translateX(5px);
}
#hero .image .content .title {
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	color: #FFFFFF;
}
#hero .image .content {
	position: absolute;
	top: 50%;
	left: 35px;
	transform: translateY(-50%);
	z-index: 2;
	width: 100%;
	max-width: 560px;
}
#hero .image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--black);
	opacity: .2;
}
#hero.dark {
	background-color: var(--black);
}
#hero.dark .text.editor.big,
#hero.dark .hero--title {
	color:#fff;
}

.template--about-contents .items .single .image {
	height: 820px;
	width: 100%;
	max-width: 50vw;
	min-width: 50vw;
}
.template--about-contents .items .single .title {
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
	color: var(--black);
	margin-bottom:60px;
}
.template--about-contents .items .single .text {
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: var(--black);
}
.template--about-contents .items .single .col--right {
	margin-left:auto;
	transform: translateX(35px);
}
.template--about-contents .items .single .cols {
	column-gap:100px;
}
.template--about-contents .items .single .col--left {
	max-width: 550px;
	width:100%;
	padding-top:80px;
	margin-right:auto;
}
.template--about-contents .items .single:nth-child(even) {
	background-color:var(--black);
	min-width: calc(100% + 35px);
}
.template--about-contents .items .single:nth-child(even) .cols {
	flex-direction:row-reverse;
}
.template--about-contents .items .single:nth-child(even) .text,
.template--about-contents .items .single:nth-child(even) .title {
	color:#fff;
}
.template--about-contents .items .single:nth-child(even) .col--right {
	margin-left:0;
	transform: translateX(-35px);
}

.text.editor > *:not(:last-child) {
	margin-bottom:20px;
}
.text.editor a {
	text-decoration:underline;
}
.text.editor a:hover {
	opacity:.8;
}
.wpcf7-response-output {
	display: none !important;
}
.message__sent-actions > .flex {
	column-gap: 20px;
}
.template--contact-wrapper {
	padding-block:100px;
}
.contact--form {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
.contact--form .single input,
.contact--form .single textarea {
	display:block;
	width:100%;
	height:40px;
	padding-bottom:15px;
	font-weight: 600;
	font-size: 14px;
	line-height: 29px;
	background-color:transparent !important;
	border:none !important;
	outline:none !important;
	border-bottom:1px solid #E3E3E3 !important;
	box-shadow:none !important;
	color: var(--black);
	font-family:inherit;
}
.contact--form .single textarea {
	resize:none;
	height:170px;
}
.contact--form .single button {
	font-weight: 600;
	font-size: 17px;
	line-height: 1;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: var(--black);
	border: 1px solid var(--black);
	border-radius: 18px;
	overflow: hidden;
	padding: 20px;
	font-family: inherit;
	display:block;
	margin-inline:auto;
	outline:none;
	min-width:280px;
	margin-top:45px;
	transition:all ease-in-out 250ms;
}
.contact--form .single button:hover {
	background-color:#fff;
	color:var(--black);
}

.filters--wrapper {
	width:100%;
}
.filters--main-title {
	font-weight: 700;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block;
}
.filters--wrapper.main--filters-wrapper:not(:nth-of-type(1)):not(:only-child) {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #E0E0E0;
}
.single--product-related {
	margin-top: 100px;
}
.single--product-related .section--title {
	margin-bottom: 40px;
}
.single--product-related .grid {
	gap:20px;
}
/* .single--product-related .grid:has(> :nth-child(2):last-child) {
grid-template-columns: repeat(2, 1fr);
justify-content: center;
}
.single--product-related .grid:has(> :only-child) {
grid-template-columns: 1fr;
justify-content: center;
} */
#product-enquire {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border-radius: 50%;
	animation: pulse 2s infinite;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
	border:1px solid rgba(0, 0, 0, .5);
	min-width: 100px;
	min-height: 100px;
	max-width: 100px;
	max-height: 100px;
	background-color:var(--black);
	color:#fff;
	z-index: 2;
	text-transform: uppercase;
	transition:all ease-in-out 250ms;
	font-size: 15px;
	line-height:1;
}
#product-enquire:hover {
	background-color: #EAEAEA;
	color: var(--black);
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}


#single--product-enquire {
	position: fixed;
	z-index: 13;
	display:none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
	background-color: #fff;
	padding: 40px;
	border-radius: 20px;
}
#single--product-enquire__overlay {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	display:none;
	background-color:var(--black);
	opacity:.4;
	cursor:pointer;
}
.contact--form.enquire--form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0;
	column-gap:25px;
}
.contact--form .full {
	grid-column:span 2;
}
#single--product-enquire form {
	margin:0;
}
html.enquire--visible, html.enquire--visible body {
	overflow: hidden !important;
}
#close-enquire {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 1;
	color: var(--black);
	width: 25px;
	height: 25px;
}
#close-enquire svg {
	height: 100%;
	width: 100%;
	transition:all ease-in-out 250ms;
}
#close-enquire:hover svg {
	transform:rotate(90deg);
}
.marquee--animation {
	text-transform: uppercase;
	display: flex;
	flex-wrap: nowrap;
	min-width: max-content;
	white-space: nowrap;
	animation: marquee linear infinite running;
	animation-delay: 500ms;
	column-gap: 10px;
	align-items: center;
}
@-moz-keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}
@-webkit-keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}
@-o-keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}
@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}

body.single-post #hero .single--post-image__wrapper {
	margin-top:100px;
	column-gap: 130px;
}
body.single-post #hero .single--post-image__wrapper .image {
	margin-top:30px;
	min-width:900px;
	max-width:900px;
	height:730px;
}
body.single-post #hero .single--post-image__wrapper .image img {
	position:static;
}
body.single-post #hero .single--post-image__wrapper .col--right {
	max-width: 550px;
	width:100%;
	margin-top: 530px;
}
body.single-post #hero .single--post-image__wrapper .col--right .text.editor {
	font-weight: 500;
	font-size: 17px;
	line-height: 24px;
}
body.single-post .single--product-gallery {
	margin-block: 150px;
}
.go--back-blog {
	font-weight: 600;
	font-size: 16px;
	max-width:max-content;
	padding-bottom:5px;
	line-height: 1;
	color: var(--black);
	column-gap: 10px;
	border-bottom:1px solid transparent;
}
.go--back-blog:hover {
	border-color:var(--black);
}
body.single-post #hero {
	margin-bottom: 100px;
}
.single--post-video {
	max-width: 1550px;
	width: 100%;
	margin: auto;
	margin-bottom: 100px;
}
.single--post-video .video {
	height: 800px;
}
#youtube-video {
	overflow: hidden;
}
#youtube-video iframe {
	transform: scale(1.25);
	object-fit: cover !important;
}
.vjs-loading-spinner,
.vjs-big-play-button {
	display: none !important;
}
.single--product-data__single--body {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}

@media(max-width:1680px) {
	.blog--grid-wrapper {
		padding-block: 50px;
	}
	.blog--grid-wrapper .section--title {
		margin-bottom: 40px;
	}
	.post--card .image {
		height: 300px;
	}
	.post--card .title {
		font-size:17px;
	}
	.contact--form .single input {
		height:35px;
	}
	.contact--form .single textarea {
		height: 150px;
	}
	.contact--form .single button {
		margin-top:25px;
	}
	#single--product-enquire {
		padding:30px;
		width:920px;
	}
	#youtube-video iframe {
		transform: scale(1.35);
	}
	.single--product-data__wrapper {
		max-width: 900px;
	}
	.single--product-data {
		column-gap: 25px;
	}
	.single--product-gallery .owl-carousel a {
		height:520px;
	}
	.main--filters {
		column-gap: 30px;
	}
	.main--filters li {
		font-size: 18px;
	}
	.filters--main-title {
		font-size: 20px;
	}
	.product--card .image {
		height: 460px;
	}
	.product--card .title {
		font-size:16px;
	}
	.template--contact-wrapper {
		padding-block:80px 60px;
	}
	body.page-template-template-brands .brands--section-wrapper {
		padding-block: 80px;
	}
	#homepage--hero .content h1.title {
		font-size:50px;
	}
	.text.editor.big {
		font-size: 20px;
		line-height: 28px;
	}
	.homepage--about-gallery .image {
		height: 85svh;
	}
	.header-logo {
		width: 160px;
		height:auto;
	}
	.homepage--about-gallery {
		row-gap: 25px;
	}
	#homepage--about .cols {
		column-gap: 70px;
	}
	.section--title {
		column-gap: 12px;
		font-size: 15px;
	}
	.brands--section-wrapper {
		padding-block: 50px;
	}
	.brands--section-wrapper .section--title {
		margin-bottom: 50px;
	}
	.brands--section-wrapper .title--smaller {
		font-size:22px;
	}
	.brands--section-wrapper .loop .single .title {
		font-size:35px;
		line-height:1.3;
	}
	.brands--section-wrapper .loop .single .image {
		height: 265px;
	}
	body {
		font-size:15px;
	}
	.homepage--categories-wrapper .col--right .image {
		height: 80svh;
	}
	.homepage--categories-wrapper .cols .col--left {
		padding-top: 60px;
	}
	.homepage--categories-wrapper .cols .col--left .section--title {
		margin-bottom: 80px;
	}
	.homepage--categories-wrapper .cols .col--left .loop .single a {
		font-size: 24px;
	}
	.homepage--categories-wrapper .single a .icon {
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
	}
	.homepage--projects-wrapper .section--title {
		margin-bottom: 80px;
	}
	.projects--card .image {
		height: 400px;
	}
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+2) .projects--card, 
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+3) .projects--card {
		max-width:350px;
	}
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+2) {
		margin-top: 100px;
	}
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+3) {
		margin-top: -100px;
	}
	.projects--card .title {
		font-size:15px;
	}
	.homepage--projects-wrapper {
		padding-bottom: 50px;
	}
	.homepage--projects-wrapper .cta.middle {
		margin-top: 70px;
	}
	#footer .cols .col--left .image {
		height:90svh;
	}
	#footer .cols .col--right {
		padding-top:75px;
	}
	.footer--menu, .socials--list, .contact--list {
		row-gap: 3px;
		margin: 0;
	}
	#footer .cols .col--left .content .footer--title {
		font-size: 24px;
		line-height: 30px;
	}
	#footer .cols .col--left .content {
		max-width:380px;
	}
	#footer .cols .col--right .back--top img {
		max-width: 28px;
	}
	#homepage--hero .content {
		max-width:850px;
	}
	.full--navigation-body {
		margin-top:40px;
	}	
	.main--menu li a {
		font-size: 22px;
	}
	.full--navigation-body .image {
		max-width: 360px;
		min-width: 360px;
		height: 430px;
	}
	.full--navigation-body {
		max-width:880px;
	}
	.full--navigation-body .cols {
		column-gap: 20px;
	}
	#hero .hero--cols .col--right {
		max-width:660px;
	}
	.hero--title {
		font-size:22px;
	}
	#hero .image {
		height:85svh;
	}
	#hero .image .content .title {
		font-size: 25px;
		line-height: 30px;
	}
	#hero .image .content {
		max-width:480px;
	}
	.template--about-contents .items .single .title {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 40px;
	}
	.template--about-contents .items .single .text {
		font-size: 18px;
		line-height: 24px;
	}
	.template--about-contents .items .single .cols {
		column-gap: 40px;
	}
	.template--about-contents .items .single .col--left {
		max-width: 460px;
		padding-top:50px;
	}
	.template--about-contents .items .single .image {
		height: 85svh;
	}
	#hero {
		padding-top: 180px;
	}
}
@media(max-width:1150px) {
	.single--product-data {
		row-gap:25px;
		flex-wrap:wrap;
	}
	.single--product-data__single.single--product-files {
		flex-basis: 100%;
	}
	#hero .hero--cols .col--right {
		max-width: 580px;
	}
	.single--product-data__wrapper > .title {
		margin-bottom:55px;
	}
	#single--product-main {
		padding-block: 60px 80px;
	}
	.download--pdf {
		font-size: 13px;
	}

	.single--product-data__single.single--product-files .single--product-data__single--body {
		flex-direction: row;
		justify-content: space-between;
		column-gap: 10px;
	}
	.product--card .image {
		height:400px;
	}
	#archive--page .product--grid {
		row-gap: 40px;
		column-gap: 15px;
	}
	#archive--page {
		padding-block:50px 70px;
	}
	body.page-template-template-brands .brands--section-wrapper {
		padding-block: 50px;
	}
	.template--about-contents .items .single .title {
		font-size: 26px;
		line-height: 1.2;
		margin-bottom: 30px;
	}
	.template--about-contents .items .single:nth-child(2n) .cols, .template--about-contents .items .single .cols {
		flex-direction: column;
	}
	.template--about-contents .items .single .col--right,
	.template--about-contents .items .single:nth-child(2n) .col--right {
		transform:unset;
	}
	.template--about-contents .items .single:nth-child(2n) {
		min-width:unset;
	}
	.template--about-contents .items .single .image {
		height: 440px;
		max-width: 100%;
		min-width: unset;
	}
	.template--about-contents .items .single .col--right {
		width: 100%;
	}
	.template--about-contents .items .single .cols {
		row-gap:40px;
	}
	.template--about-contents .items .single .col--left {
		max-width: 100%;
		padding: 40px 40px 0 40px;
	}

	#hero {
		padding-top: 160px;
	}
	#hero .image {
		height: 440px;
		margin-top: 60px;
	}

	html.menu--visible #page {
		margin-left:0;
	}
	#homepage--hero .content h1.title {
		font-size: 36px;
	}
	#homepage--hero .content {
		max-width: 800px;
	}
	#homepage--about .cols {
		flex-direction:column;
		justify-content:center;
		align-items:center;
		text-align:center;
	}	
	#homepage--about .cols .col--left .sticky .section--title {
		justify-content:center;
	}
	#homepage--about .cols .col--left {
		padding-top: 40px;
		max-width: 860px;
		width:100%;
	}
	#homepage--about .cols .col--right {
		transform:unset;
	}
	#homepage--about .cols .col--left .sticky .cta {
		margin: 40px auto 60px;
	}
	.homepage--about-gallery .image {
		height: 400px;
		max-width: 100%;
		min-width: unset;
	}
	.homepage--about-gallery .image:nth-child(2) {
		transform:translateY(-60px);
	}
	.homepage--about-gallery {
		flex-direction: row;
		column-gap: 20px;
		padding-top:60px;
	}
	#homepage--about {
		padding-bottom:70px;
	}
	.brands--section-wrapper .loop .single .title {
		font-size: 28px;
	}
	.brands--section-wrapper .title--smaller {
		font-size: 18px;
	}
	.brands--section-wrapper .loop .single .image {
		height: 220px;
	}
	.cta .icon {
		width: 25px;
		height: 25px;
		min-width: 25px;
		min-height: 25px;
	}
	.homepage--categories-wrapper .cols .col--left .loop .single a {
		font-size: 22px;
	}
	#homepage--about .cols .col--left .sticky {
		position:static;
	}
	.template--about-contents .items .single:not(:last-child) {
		margin-bottom: 30px;
	}
}
@media(max-width:991px) {
	#full--navigation {
		overflow-x: hidden;
		overflow-y: auto;
		padding-bottom: 40px;
	}
	#single--product-enquire {
		padding: 20px;
		width: 90vw;
	}
	.filters--main-title {
		font-size: 16px;
	}
	.main--filters li {
		font-size: 16px;
	}
	.main--filters {
		column-gap: 20px;
	}
	.filters--wrapper.main--filters-wrapper:not(:nth-of-type(1)):not(:only-child) {
		margin-top: 20px;
		padding-top: 20px;
	}
	#archive--page .product--grid {
		grid-template-columns: repeat(2,1fr);
	}
	.product--grid-wrapper {
		margin-top: 40px;
	}

	#hero .image {
		height: 400px;
		margin-top: 40px;
	}
	.template--about-contents .items .single .title {
		font-size: 24px;
	}
	.hero--cols {
		flex-direction: column;
		gap: 40px;
	}
	#hero {
		padding-top: 120px;
	}
	#homepage--hero .content {
		max-width:90vw;
		width:100%;
	}
	.container--full,
	.header--content {
		padding-inline:25px;
	}
	#homepage--hero .content h1.title {
		font-size: 28px;
	}
	.text.editor.big {
		font-size: 18px;
		line-height: 24px;
	}
	.header-logo {
		width: 130px;
	}
	#header .header--content {
		padding-block:15px;
	}
	.burger {
		width: 80px;
	}
	.homepage--about-gallery .image {
		height: 300px; 
	}
	.brands--section-wrapper .loop .single {
		grid-template-columns:1fr;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		row-gap: 30px;
	}
	.brands--section-wrapper .title--smaller {
		display:none;
	}
	.brands--section-wrapper .loop .single.active .title,
	.brands--section-wrapper .loop .single .title  {
		opacity:1;
		transform:unset;
		color:#fff;
		font-size:23px;
	}
	.brands--section-wrapper .loop .single .col--right .cta {
		margin: 20px auto 0;
	}
	.brands--section-wrapper .loop .single .image {
		height: 320px;
	}
	.brands--section-wrapper .loop .single:not(.active) {
		height: 88px;
	}
	.homepage--categories-wrapper .cols {
		flex-direction: column;
		row-gap: 40px;
		justify-content: center;
		align-items: center;
	}
	.homepage--categories-wrapper .cols .col--left .section--title {
		justify-content:center;
		margin-bottom: 40px;
	}
	.homepage--categories-wrapper .col--right {
		transform:unset;
	}
	.homepage--categories-wrapper .cols .col--left {
		padding-top: 60px;
	}
	.homepage--categories-wrapper .cols .col--left .loop .single a {
		font-size: 18px;
		column-gap: 5px;
	}
	.homepage--categories-wrapper .col--right .image {
		height: 400px;
		min-width: unset;
		width:100%;
		max-width: 100%;
	}
	.homepage--categories-wrapper .col--right {
		width:100%;
	}
	.homepage--categories-wrapper .cols .col--left .loop {
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.homepage--projects-wrapper {
		padding-block:70px 50px;
	}
	.homepage--projects-wrapper .section--title {
		margin-bottom: 50px;
	}
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+3),
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+2) {
		margin-top: 0;
	}
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+2) .projects--card, 
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+3) .projects--card {
		height:100%;
	}
	.homepage--projects-wrapper .grid {
		column-gap:12px;
		row-gap:25px;
	} 
	.projects--card .title {
		font-size: 14px;
	}
	.homepage--projects-wrapper .single--wrapper:nth-child(4n+2) .projects--card, .homepage--projects-wrapper .single--wrapper:nth-child(4n+3) .projects--card {
		max-width:100%;
		width:100%;
	}
	/* 	.brands--section-wrapper .loop .single:not(.active) {
	height: auto;
}
	.brands--section-wrapper .loop .single:not(.active) .col--right, .brands--section-wrapper .loop .single:not(.active) .image {
	opacity:1;
	pointer-events:auto;
} */
	#footer .cols {
		grid-template-columns: 1fr;
		position:relative;
	}
	#footer .cols .col--left {
		transform: unset;
		position:static;
	}
	#footer .cols .col--left .image {
		min-width: unset;
		max-width: 100%;
		width: 100%;
		height: 160px;
		display:none;
	}
	#footer .cols .col--left .content {
		left:0;
		top:0;
		padding:25px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		max-width: 100%;
		width: 100%;
		display:none;
	}
	#footer .cols .col--right {
		padding-block: 35px 50px;
	}
	#footer .cols .col--right .col--right-inner {
		row-gap: 20px;
		margin-inline: auto;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.footer--menu li a,
	.contact--list li a {
		margin-inline: auto;
	}
	#footer .cols .col--left .copyright {
		color: var(--black);
		left: 50%;
		transform: translateX(-50%);
		bottom: 20px;
	}
	#footer {
		border-top: 1px solid;
	}
	.full--navigation-body {
		padding-inline:25px;
	}
	.full--navigation-body .image {
		max-width: 320px;
		min-width: 320px;
		height: 380px;
	}
	.main--menu li a {
		font-size: 20px;
	}
	body.page-template-template-brands .brands--section-wrapper .loop .single.active .title, .brands--section-wrapper .loop .single .title {
		color:var(--black);
	}
	.single--product-gallery .owl-carousel a {
		height: 420px;
	}
	.single--product-related,
	.single--product-gallery {
		margin-top: 80px;
	}
	.single--product-related .grid {
		grid-template-columns:repeat(2, 1fr);
	}
	body.home .brands--section-wrapper .loop .single .title {
		color: #fff;
	}
	#homepage--hero {
		height: 440px;
	}
	.blog--grid-wrapper .grid {
		grid-template-columns: 1fr;
		row-gap: 50px;
	}
	.post--card .text.editor {
		padding-right:0;
	}
	.homepage--categories-wrapper .col--right {
		display:none;
	}
}
@media(max-width:767px) {
	.post--card .title {
		font-size: 16px;
	}

	.post--card .image {
		height: 220px;
	}
	.contact--form.enquire--form {
		grid-template-columns:1fr;
	}
	.contact--form .full {
		grid-column: unset;
	}
/* 	.contact--form {
		row-gap:25px;
	} */
	.single--product-data {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.single--product-data__single.single--product-files .single--product-data__single--body {
		flex-direction: column;
	}
	.burger {
		width: 70px;
	}
	.brands--section-wrapper .loop .single.active .title, .brands--section-wrapper .loop .single .title {
		font-size:20px;
	}
	.brands--section-wrapper .loop .single:not(.active) {
		height: 65px;
	}
	.brands--section-wrapper .loop .single {
		padding-block: 20px;
	}
	.brands--section-wrapper .loop .single .image {
		height: 220px;
	}
	.cta:hover .cta--text,
	.cta:not(:hover) .cta--text {
		opacity: 1;
		transform: unset;
		position: static;
	}
	.homepage--about-gallery {
		padding-top: 0;
	}
	.homepage--about-gallery .image:nth-child(3) {
		display:none;
	}
	.homepage--about-gallery .image:nth-child(2) {
		transform: unset;
	}
	.homepage--about-gallery {
		column-gap:5px;
	}
	.homepage--about-gallery .image {
		height: 200px;
	}
	#homepage--hero .content h1.title {
		font-size: 22px;
	}
	.text.editor.big {
		font-size: 16px;
		line-height: 22px;
	}
	.cta {
		font-size: 13px;
	}
	.cta .icon {
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
	}
	#homepage--about {
		padding-bottom: 50px;
	}
	.brands--section-wrapper {
		padding-block: 40px;
	}
	.brands--section-wrapper .section--title {
		margin-bottom: 20px;
	}
	.brands--section-wrapper .loop .single.active .title, .brands--section-wrapper .loop .single .title {
		font-size: 18px;
	}
	.homepage--categories-wrapper .cols .col--left .loop .single:not(.active) a .icon {
		opacity: 1;
	}
	.homepage--categories-wrapper .col--right .image {
		height: 280px;
	}
	.homepage--projects-wrapper .grid {
		grid-template-columns: 1fr;
		row-gap:35px;
	}
	.projects--card .image {
		height: 250px;
	}
	#homepage--about .cols .col--left .sticky .cta {
		margin-bottom:40px;
	}
	.homepage--projects-wrapper .cta.middle {
		margin-top: 50px;
	}
	.homepage--projects-wrapper {
		padding-bottom:40px;
	}
	#footer .cols .col--left .copyright {
		text-align:center;
	}
	.full--navigation-body .cols  {
		flex-direction:column;
		row-gap:12px;
	}
	.full--navigation-body .cols .col--middle {
		display:none;
	}
	.full--navigation-body .cols .col--right {
		align-self: flex-start;
	}
	.hero--cols {
		row-gap:20px;
	}
	#hero .image .content {
		max-width: 100%;
		left: 25px;
		right: 25px;
		width: auto;
	}
	#hero .image .content .title {
		font-size: 23px;
	}
	.template--about-contents .items .single .col--left {
		padding: 25px 25px 0 25px;
	}
	.template--about-contents .items .single .image {
		height: 320px;
	}
	.socials--list li a, .contact--list li a {
		font-size: 14px;
		line-height: 1.4;
	}
	.template--contact-wrapper {
		padding-block:50px;
	}
	.contact--form .single button {
		margin-top: 0;
		min-width: unset;
		font-size: 13px;
		padding: 15px 30px;
	}
	#archive--page .product--grid {
		grid-template-columns: 1fr;
	}
	.product--card .image {
		height: 340px;
	}
	#archive--page {
		padding-block: 40px 50px;
	}
	.main--filters {
		flex-wrap: wrap;
		row-gap: 12px;
		/* 		flex-direction: column; */
		align-items: flex-start;
		column-gap: 12px;
	}
	#single--product-main {
		padding-block: 50px 40px;
	}
	.single--product-data__wrapper > .title {
		margin-bottom: 35px;
	}
	.single--product-gallery .owl-carousel a {
		height: 220px;
	}
	.single--product-related, .single--product-gallery {
		margin-top: 50px;
	}
	.single--product-related .grid {
		grid-template-columns: 1fr;
	}
	.single--product-gallery .owl-nav {
		margin-top: 30px;
		column-gap: 50px;
	}
	#homepage--hero {
		height: 240px;
	}
	#homepage--hero .content {
		transform: translateX(-50%);
		top: unset;
		bottom: 20px;
	}

	.full--navigation-body .cols > div {
		position:relative;
		padding-top:40px;
		width:100%;
	}
	.full--navigation-body .cols > div::before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		font-size: 20px;
		font-weight: 700;
		width: 100%;
		border-bottom: 1px solid var(--black);
		padding-bottom: 5px;
		line-height: 1;
	}
	.full--navigation-body {
		margin-top:40px;
	}
	.full--navigation-body .cols > div.col--left::before {
		content:'Menu';
	}
	.full--navigation-body .cols > div.col--right::before {
		content:'Categories';
	}
	html[lang="el"] .full--navigation-body .cols > div.col--left::before {
		content:'Μενού';
	}
	html[lang="el"] .full--navigation-body .cols > div.col--right::before {
		content:'Κατηγορίες';
	}
	.full--navigation-body .cols {
		row-gap:40px;
	}
	.main--menu li a {
		font-size: 18px;
	}
	.archive--page-loading img {
		width: 150px;
		height: 50px;
	}
}
.template--contact-wrapper .cols .section--title {
	margin-bottom: 35px;
}
.template--contact-wrapper .container--full > .cols {
	column-gap: 160px;
	max-width: 1120px;
	margin-inline:auto;
}
.template--contact-map {
	margin-top: 100px;
}
#map {
	position: relative;
	z-index: 0;
	border-radius:20px;
	overflow:hidden;
	height: 600px;
	margin-top: 40px;
}
.template--contact-wrapper .container--full > .cols .contact--list {
	margin-bottom:25px;
}
.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
	object-fit: contain;
}
@media(max-width:1550px) {
	.template--contact-wrapper .container--full > .cols {
		column-gap: 100px;
	}
	#map {
		height:500px;
	}
}
@media(max-width:991px) {
	.template--contact-wrapper {
		padding-block: 50px;
	}
	.template--contact-wrapper .container--full > .cols {
		flex-direction: column;
		row-gap: 60px;
	}
	.template--contact-wrapper .container--full > .cols .contact--list li a {
		margin-inline:unset;
	}
	.template--contact-wrapper .cols .section--title {
		margin-bottom: 25px;
	}
	.template--contact-map {
		margin-top: 60px;
	}
}
.template--contact-map #post--back-blog {
	margin: 0 !important;
	flex-direction: row-reverse;
}
.template--contact-map #post--back-blog .icon {
	transform: rotate(180deg);
}
@media(max-width:767px) {
	.template--contact-wrapper .container--full > .cols .contact--list {
		margin-bottom: 15px;
	}
	.template--contact-wrapper .container--full > .cols {
		row-gap:50px;
	}
	.template--contact-map {
		margin-top: 50px;
	}
	.template--contact-map__header {
		flex-direction: column;
		align-items:flex-start;
		row-gap: 15px;
	}
	#map {
		height: 360px;
	}
	.template--contact-map #post--back-blog {
		font-size: 14px;
	}
}