/*
Theme Name: qzr-theme
Theme URI: http://underscores.me/
Author: QZR Studio
Author URI: https://qzrstudio.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: qzrstudio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

qzrstudio is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lusitana&display=swap');

.corporate{
	font-family: 'LG Corporate', serif; 
}

/* FIX */

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}


/* DEFAULT */

body{
	overflow-x: hidden;
}
img {
	border: 0;
}
a{
	color: inherit;
	text-decoration: none;
}
.left { 
	float: left; 
}
.right { 
	float: right; 
}
.center {
	position: relative;
	margin: 0 auto;
}
.clear { 
	clear: both; 
}
.cover{
	background-size: cover;
	background-position: center;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
}
.cover.lower,
.single-product .cover,
.single-project .cover{
	background-position: center 90%;
	object-position: center 90%;
}
.full-height{
	height: 100vh;
}
.flex{
	display: flex;
}
.flex.space{
	justify-content: space-between;
}
.flex.wrap{
	flex-wrap: wrap;
}
.align-center{
	text-align: center;
}
blockquote {
	font-family: 'Lusitana', serif;
	font-style: italic;
}
[data-serif="1"] {
	font-family: 'Lusitana', serif;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p{
	font-size: 1.3rem;
	line-height: 1.3;
}
#content{
	padding-top: 85px;
	min-height: calc(100vh - 85px);
}
.button,
.wp-block-buttons .wp-block-button{
	margin: 0;
}
.button a,
.button input,
.wp-block-buttons .wp-block-button a,
span.wp-block-button__link,
.wp-block-file a.wp-block-file__button{
	background-color: none;
	border: 2px solid white;
	border-radius: 0;
	background-color: inherit;
	color: inherit;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: 0.8rem 3rem;
	cursor: pointer;
	text-decoration: none !important;
}
.gradient-2 .button a,
.gradient-3 .button a,
.gradient-2 .wp-block-buttons .wp-block-button a,
.gradient-3 .wp-block-buttons .wp-block-button a{
	border-color: white;
	color: white;
}
.button a:hover,
.button input:hover,
.wp-block-buttons .wp-block-button a:hover,
.wp-block-buttons .wp-block-button span.wp-block-button__link:hover,
.wp-block-file a.wp-block-file__button:hover{
	background-color: white;
	color: black;
}
.gradient-2 .button a:hover,
.gradient-3 .button a:hover,
.gradient-2 .wp-block-buttons .wp-block-button a:hover,
.gradient-2 .wp-block-buttons .wp-block-button a:hover,
.gradient-3 .wp-block-buttons .wp-block-button a:hover,
.gradient-3 .wp-block-file a.wp-block-file__button:hover,
.gradient-3 .wp-block-file a.wp-block-file__button:hover{
	background-color: white;
	color: black;
}
a .image,
.color .image{
	overflow: hidden;
}
a .image img,
a .image iframe,
a .image-box img,
.color .image img,
.wp-block-image a img{
	transition: all 0.2s;
}
a .image:hover img,
a .image:hover iframe,
a .image-box img:hover,
.color .image img:hover,
.wp-block-image a img:hover{
	transform: scale(1.1);
}
.touch a .image:hover img,
.touch a .image:hover iframe,
.touch a .image-box img:hover,
.touch .color .image img:hover,
.touch .wp-block-image a img:hover{
	transform: none;
}
.field-wrap input[type=text],
.input-wrapper input[type=text],
.field-wrap input[type=tel],
.input-wrapper input[type=tel],
.input-wrapper input[type=email],
.field-wrap input[type=email],
.input-wrapper input[type=date],
.field-wrap input[type=date],
.input-wrapper input[type=datetime-local],
.field-wrap input[type=datetime-local],
.field-wrap textarea {
	width: 100%;
	height: 2rem;
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	padding: 10px;
	background: none;
	border: none;
	border-bottom: 1px solid white;
	color: white;
}
.field-wrap textarea {
	line-height: 1;
}
.input-wrapper input[type=checkbox],
.field-wrap  input[type=checkbox]{
	width: 1rem;
	height: 1rem;
	transform: translateY(0.65rem);
	margin-right: 1rem;
}

/* PADDING */

.col-padding {
	padding-left: 1rem;
	padding-right: 1rem;
}
.double-col-padding {
	padding-left: 2rem;
	padding-right: 2rem;
}
.row-padding {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.double-row-padding {
	padding-top: 2rem;
	padding-bottom: 2rem;
}


/* COLUMNS  */

.main-column {
	clear: both;
	position: relative;
	margin: 0 auto;
	height: auto;
	width: 95%;
}

.column-of-1 { width: 100% }
.column-of-2 { width: 50% }
.column-of-3 { width: 33.33% }
.double-column-of-3 { width: 66.66% }
.column-of-4 { width: 25% }
.column-of-5 { width: 20% }

.columns-1 { width: 8.33% }
.columns-2 { width: 16.66%; }
.columns-3 { width: 25%; }
.columns-4 { width: 33.33%; }
.columns-5 { width: 41.66%; }
.columns-6 { width: 50%; }
.columns-7 { width: 58.3%; }
.columns-8 { width: 66.66%; }
.columns-9 { width: 75%; }
.columns-10{ width: 83.33%; }
.columns-11{ width: 91.66%; }
.columns-12{ width: 100%; }

.column-of-1,
.column-of-2,
.column-of-3,
.double-column-of-3,
.column-of-4,
.column-of-5,
.columns-1,
.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6,
.columns-7,
.columns-8,
.columns-9,
.columns-10,
.columns-11,
.columns-12{
		position: relative;
}

/* TYPOGRAPHY */

html{
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	line-height: 1.42;
	color: white;
}
.has-normal-font-size{
	font-size: 24px;
	line-height: 1.42;
}
.tiny-font{
	font-size: 0.65rem; /* 15px */
}
.breadcrumb-font,
.very-small-font{
	font-size: 0.75rem; /* 18px */
}
.small-font,
.has-small-font-size,
.wp-block-image figcaption{
	font-size: 0.83rem; /* 20px */
}
h6, .normal-medium-font, .has-medium-font-size{
	font-size: 1.25rem; /* 30px */
	line-height: 1.35;
}
h5, .medium-font{
	font-size: 1.66rem; /* 40px */
	line-height: 1.30;
}
.menu-font{
	font-size: 1.5rem; /* 40px */
	line-height: 1.30;
}
h4, .medium-large-font, .has-large-font-size{
	font-size: 2.1rem;  /* 50px */
	line-height: 1.2;
}
h3, .large-font{
	font-size: 2.5rem;  /* 60px */
	line-height: 1.17;
}
h2, .very-large-font, .has-huge-font-size{
	font-size: 3.33rem;  /* 80px */
	line-height: 1.1;
}
h1, .title-font{
	font-size: 4.2rem;  /* 100px */
	line-height: 1.1;
}
h3.corporate{
	font-size: 2.08rem;  /* 50px */
	line-height: 1.17;
}
h2.corporate{
	font-size: 4.6rem;  /* 110px */
	line-height: 1.1;
}
h1.corporate{
	font-size: 5rem;  /* 120px */
	line-height: 1;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 400;
}
.bold{
	font-weight: 700;
}
.uppercase{
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase;
}


/* COLORS */


.white-bkg{
	background-color: white;
}
.white{
	color: white;
}
.black-bkg{
	background-color: black;
}
.black{
	color: black;
}

.gradient-1,
.gradient-1 header .menu .cover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9f9c9c+0,e8e6e6+14,d0cfcf+41,e6e4e4+74,f0f0f0+100 */
	background: #303c3f; /* Old browsers */
	background: linear-gradient(to right, #303c3f 0%, #3b4a4e 14%,#303c3f 41%,#3b4a4e 74%,#303c3f 100%);
}
.gradient-2,
.gradient-2 header .menu .cover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#212121+0,2e2e2e+17,2e2e2e+47,4c4c4c+72,212121+100 */
	background: #212121; /* Old browsers */
	background: linear-gradient(to right,  #212121 0%,#2e2e2e 17%,#2e2e2e 47%,#4c4c4c 72%,#212121 100%);
	color: white;
}
.gradient-3,
.gradient-3 header .menu .cover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#293a3e+0,3f484b+17,293a3e+47,495155+72,293a3e+100 */
	background: #293a3e; /* Old browsers */
	background: -moz-linear-gradient(left,  #293a3e 0%, #3f484b 17%, #293a3e 47%, #495155 72%, #293a3e 100%);
	background: -webkit-linear-gradient(left,  #293a3e 0%,#3f484b 17%,#293a3e 47%,#495155 72%,#293a3e 100%);
	background: linear-gradient(to right,  #293a3e 0%,#3f484b 17%,#293a3e 47%,#495155 72%,#293a3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293a3e', endColorstr='#293a3e',GradientType=1 ); 
	color: white;
}

.wp-block-button{
	color: white;
}
.mobile_collapse .button{
	display: none;
}

/* IFRAME */

#background[data-option="iframe"] header,
#background[data-option="iframe"] footer,
#background[data-option="iframe"] .slider-wrapper,
#background[data-option="iframe"] .related-projects,
#background[data-option="iframe"] .side-menu {
	display: none;
}
#background[data-option="iframe"] .fixed-content{
	top: 50px;
}

/* IMAGE & GALLERY */


.has-cover:before,
.has-cover:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.25;
	z-index: 1;
}
.has-cover.black-bkg:before,
.has-cover.black-bkg:before{
	background-color: black;
}
.has-cover.white-bkg:before,
.has-cover.white-bkg:before{
	background-color: white;
}

.wp-block-image,
.wp-block-gallery{
	position: relative;
	margin-bottom: 0;
	height: 100%;
}
.wp-block-image img{
	display: block;
	width: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
}
.wp-block-image figcaption,
.image figcaption{
	position: absolute;
	top: 100%;
}
.color-gallery .image figcaption{
	top: unset;
	bottom: 10px;
	left: 10px;
	max-width: 50vw;
}
.blocks-gallery-grid,
.wp-block-gallery{
	display: block;
}
.blocks-gallery-grid .blocks-gallery-image, 
.blocks-gallery-grid .blocks-gallery-item, 
.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item{
	width: 100% !important;
}
.wp-block-gallery.columns-1,
.wp-block-gallery.columns-2,
.wp-block-gallery.columns-3{
	width: 100%;
}
.blocks-gallery-grid, 
.wp-block-gallery,
.blocks-gallery-grid .owl-stage-outer, 
.wp-block-gallery .owl-stage-outer,
.blocks-gallery-grid .owl-stage-outer .owl-stage, 
.wp-block-gallery .owl-stage-outer .owl-stage,
.blocks-gallery-grid .owl-stage-outer .owl-stage .owl-item, 
.wp-block-gallery .owl-stage-outer .owl-stage .owl-item,
.blocks-gallery-grid .blocks-gallery-image, 
.blocks-gallery-grid .blocks-gallery-item, 
.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item{
	height: 100% !important;
}
.blocks-gallery-grid img,
.wp-block-gallery img{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* VIDEO */


.wp-block-embed .wp-block-embed__wrapper{
	position: relative;
	padding-top: 56.25%;
}
.wp-block-embed iframe{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	width: 100%;
}
.video-background-wrapper{
	pointer-events: none;
}
.video-background-wrapper .youtube-background,
.video-background-wrapper.vimeo{
	position: relative !important;
	padding-top: 56.25%;
}
.video-background-wrapper .youtube-background iframe,
.video-background-wrapper.vimeo iframe{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.video-background-wrapper .bkg-cover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.group-content .video-background-wrapper{
	padding-top: 0;
	height: 100%;
	overflow: hidden;
}
.group-content .video-background-wrapper > div{
	position: absolute;
	top: 0;
	height: 100%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
}


/* HOME GALLERY */


.home-gallery,
.home-gallery .item{
	position: relative;
}
.home-gallery .item .image{    
	position: relative;
	padding-top: 56.25%;
}
.home-gallery .item .image img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.home-gallery .info{
	position: absolute;
	top: 50%;
	bottom: 0;
	z-index: 1;
}
.home-gallery-navigation,
.home-gallery .owl-dots{
    position: absolute;
    bottom: 4rem;
    z-index: 2;
	padding-left: 2rem;
    padding-right: 2rem;
	counter-reset: section;   
}
.overview .owl-dots{
	margin-top: 1rem;
	text-align: center;  
	counter-reset: section;   
}
/*
.overview .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
}*/

.overview .logo{
	position: absolute;
	top: 0;
	right: 8.33%;
}
.overview .image{
	position: relative;
	padding-top: 56.25%;
	margin-top:  5%;
}
.overview .image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overview-navigation{
	display: none;
	margin-top: 1rem;
	text-align: center;
}
.home-gallery-navigation{
	display: none;
}
.home-gallery-navigation a,
.overview-navigation a{
	font-weight: 700;
	padding: 5px 20px !important;
	cursor: pointer;
	color: white;
}
.home-gallery  .owl-carousel .owl-dot,
.overview  .owl-carousel .owl-dot{
	font-weight: 700;
	padding: 5px 20px !important;
	cursor: pointer;
	color: white;
	font-size: 0.65rem;
}
.home-gallery  .owl-carousel .owl-dot.active,
.overview  .owl-carousel .owl-dot.active{
	border-bottom: 3px solid white;
}
.home-gallery  .owl-carousel .owl-dot span:before,
.overview  .owl-carousel .owl-dot span:before{
	counter-increment: section;  
	content: counter(section);
}
.overview-navigation a{
	color: white;
}
.gradient-2 .overview-navigation a,
.gradient-3 .overview-navigation a{
	color: white;
}
.home-gallery-navigation a.current{
	border-bottom: 3px solid white;
}
.overview-navigation a.current{
	border-bottom: 3px solid white;
}
.gradient-2 .overview-navigation a.current,
.gradient-3 .overview-navigation a.current{
	border-bottom: 3px solid black;
}
.overview .button{
	padding-top: 1rem
}


/* MAIN GALLERY */


.custom-gallery {
	position: relative;
	padding-bottom: 2rem;
}
.custom-gallery .item .image{
	position: relative;
	padding-top: 56.25%;
}
.custom-gallery .item .image img{
	position: absolute;
	top: 0;
	left: 1px;
	width: calc(100% - 2px);
	height: 100%;
}
.custom-gallery .item .image img.lazy-hidden {
	width: 1rem;
	height: 1rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.custom-gallery .owl-nav{
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 100%;
	right: 0;
	width: 10%;
	font-size: 40px;
	line-height: 1;
	min-width: 80px;
}
.custom-gallery .owl-dots{
	position: absolute;
	top: 100%;
	left: -10px;
}
.custom-gallery .owl-dots .owl-dot{
	padding: 10px !important;
}
.custom-gallery .owl-dots .owl-dot span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: white;
}
.custom-gallery .owl-dots .owl-dot.active span{
	background-color: white;
}
.custom-gallery .owl-nav{
	right: 10.41%;
	width: 7.92%;
}
.custom-gallery .owl-dots{
	left: 10.41%;
}
.main-column .custom-gallery .owl-nav,
.wp-block-column .custom-gallery .owl-nav{
	right: 0;
	width: 10%;
}
.custom-gallery .owl-nav .owl-prev{
	background-image: url('img/freccia-sx-black.svg') !important;
	height: 40px;
	width: 40px;
}
.custom-gallery .owl-nav .owl-next{
	background-image: url('img/freccia-dx-black.svg') !important;
	height: 40px;
	width: 40px;
	
}
.custom-gallery button:focus{
	outline: none !important;
    border:none !important;
	box-shadow: none !important;
}
.color-gallery .custom-gallery .owl-nav .owl-prev,
.gradient-2 .custom-gallery .owl-nav .owl-prev,
.gradient-3 .custom-gallery .owl-nav .owl-prev{
	background-image: url('img/freccia-sx-white.svg') !important;
}
.color-gallery .custom-gallery .owl-nav .owl-next,
.gradient-2 .custom-gallery .owl-nav .owl-next,
.gradient-3 .custom-gallery .owl-nav .owl-next{
	background-image: url('img/freccia-dx-white.svg') !important;
}
.main-column .custom-gallery .owl-dots,
.wp-block-column .custom-gallery .owl-dots{
	left: -10px;
}
.custom-gallery .text{
	padding-left: 10.41%;
	padding-right: 10.41%;
	text-align: right;
}
.custom-gallery .text .inner{
	margin-right: max(10%, 80px);
	line-height: 45px;
	min-height: 45px;
}
.main-column .custom-gallery .text,
.wp-block-column .custom-gallery .text{
	padding: 0;
}
.group-content .custom-gallery{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 0;
}
.group-content .custom-gallery .item,
.group-content .custom-gallery .item .image,
.group-content .custom-gallery .owl-carousel,
.group-content .custom-gallery .owl-stage-outer,
.group-content .custom-gallery .owl-stage-outer .owl-stage, 
.group-content .custom-gallery .owl-stage-outer .owl-stage .owl-item{
	height: 100%;
}
.custom-gallery .close-button{
	position: absolute;
	top: 1rem;
	right: 2rem;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 2;
}
.custom-gallery .close-button:after,
.custom-gallery .close-button:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: white;
	top: 50%;
	margin-top: -1px;
}
.custom-gallery .close-button:after{
	transform: rotate(135deg);
}
.custom-gallery .close-button:before{
	transform: rotate(45deg);
}


/* ICONS */


.plus-icon{
	position: relative;
	width: 2rem;
	height: 2rem;
}
.plus-icon:before,
.plus-icon:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
}
.gradient-1 .plus-icon:before,
.gradient-1 .plus-icon:after{
	background-color: white;
}
.plus-icon:before{
	width: 2rem;
	height: 2px;
}
.plus-icon:after{
	width: 2px;
	height: 2rem;
	transition: height 0.3s;
}
.toggled .plus-icon:after,
.toggled .plus-icon.small:after{
	height: 2px;
}
.plus-icon.small{
	width: 1rem;
	height: 1rem;
}
.plus-icon.small:before{
	width: 1rem;
}
.plus-icon.small:after{
	height: 1rem;
}


/* SLIDER */


.slider{
	position: relative;
	padding: 4rem 0;
}
.slider .slide{
	position: relative;
}
.slider .slide .title{
	transition: all 0.5s;
	margin-left: 0;
}
.slider .slide .title{
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.slider .slide .image-box{
	position: relative;
	padding-top: 56.25%;
}
.slider .slide .image-box img{
	position: absolute;
}
.slider .slide .image-box .image{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slider .slide .image-box .image-1{
	position: absolute !important;
	max-width: 80%;
	max-height: 80%;
	top: 0;
	right: 0;
}
.slider .slide .image-box .image-2{
	position: absolute !important;
	max-width: 40%;
	max-height: 40%;
	bottom: 0;
	left: 0;
}
.slider .slide .image-box .image-1.video-background-wrapper{
	width: 80%;
}
.slider .slide .image-box .image-2.video-background-wrapper{
	width: 40%;
}
.slider .slide .image-box .image-1.video-background-wrapper.vimeo{
	padding-top: 45%;
}
.slider .slide .image-box .image-2.video-background-wrapper.vimeo{
	
	padding-top: 22.5%;
}
.slider .slide .button{
	position: absolute;
	bottom: calc(1rem + 2px);
	left: 0;
}
.slider .owl-dots{
	position: absolute;
	bottom: 0;
	left: -10px;
}
.slider .owl-dots .owl-dot{
	padding: 10px !important;
}
.slider .owl-dots .owl-dot span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: white;
}
.slider .owl-dots .owl-dot.active span{
	background-color: white;
}
.slider-navigation{
	text-align: center;
	padding-bottom: 4rem;
}
.slider-navigation a{
	font-weight: 700;
	padding: 5px 20px;
	cursor: pointer;
}
.slider-navigation a.current{
	border-bottom: 3px solid white;
}
.slider.category-slider{
	padding: 0;
}
.slider.category-slider .slide{
	margin-top: 2rem;
	padding: 4rem 0;
}
.category-slider .breadcrumbs{
	margin-bottom: 1rem;
}
.category-slider .fixed-content{
	position: absolute;
	top: 4rem;
	width: 100%;
	z-index: 2;
}
.category-slider .slide .content{
	position: absolute;
	bottom: 6rem;
	width: 100%;
}
.category-slider .slide .content .button{
	position: relative;
	margin-top: 4rem;
}
.category-slider .slide .logo{
	position: absolute;
	top: 0;
	right: 16.66%;
}


/* HEADER */


header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
header .bar{
	height: 85px;
}
header .menu{
	position: absolute;
	width: 100%;
    height: 0;
	overflow: hidden;
	transition: 0.5s height;
}
header .menu .cover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.95;
}
header .menu #site-navigation{
	padding-top: 85px;
}
header.expanded .menu{
    height: 100vh;
}
header .logo-lg {
	font-family: 'LG Corporate', serif; 
	position: relative;
	font-size: 15px;
}
header .site-branding {
	line-height: 20px;
	font-family: 'LG Corporate', serif; 
	position: relative;
	top: -30px;
	font-size: 87px;
}
header .site-branding:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 220px;
	width: calc(95vw - 220px - 70px);
	border-bottom: 1px solid white;
}
header .site-branding .trademark{
	font-size: 5px;
	position: relative;
	top: -2px;
	margin-left: -4px;
}
header .menu ul{
    list-style: none;
}
header .menu ul li{
    list-style: none;
	margin-bottom: 0.5rem;
}
header .menu a{
	display: block;
	position: relative;
	color: inherit;
	text-decoration: none;
	width: 10rem;
}
header .sub-menu a{
	width: 100%;
}
header .menu a:hover{
	color: #8E8E8E;
}
header .menu .sub-menu{
	margin-left: 2rem;
	display: none;
}
/*
header .menu .menu-item-has-children > a:after{
	content: '';
	position: absolute;
	top: 50%;
	right: calc(1rem - 1px);
	height: 2rem;
	width: 1px;
	background-color: white;
	transform: translateY(-50%);
	transition: height 0.3s;
}
header .menu .menu-item-has-children > a:before{
	content: '';
	position: absolute;
	top: 50%;
	left: calc(100% - 2rem);
	right: 0;
	height: 1px;
	width: 2rem;
	transform: translateY(-50%);
	background-color: white;
}
header .menu .menu-item-has-children.toggled > a:after{
	top: 50%;
	height: 0;
}
.gradient-2 header,
.gradient-3 header{
	color: white;
}
.gradient-2 header .menu .menu-item-has-children > a:after,
.gradient-3 header .menu .menu-item-has-children > a:after,
.gradient-2 header .menu .menu-item-has-children > a:before,
.gradient-3 header .menu .menu-item-has-children > a:before{
	background-color: white;
}
*/

header .menu .menu-item-has-children {
	position: relative;
}
header .menu .menu-item-has-children > .plus-btn {
	position: absolute;
	left: 8rem;
	top: 0;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
}
header .menu .menu-item-has-children > .plus-btn:hover {
	opacity: 0.33;
}
header .menu .menu-item-has-children > .plus-btn:after{
	content: '';
	position: absolute;
	top: 50%;
	right: calc(1rem - 1px);
	height: 2rem;
	width: 1px;
	background-color: white;
	transform: translateY(-50%);
	transition: height 0.3s;
}
header .menu .menu-item-has-children > .plus-btn:before{
	content: '';
	position: absolute;
	top: 50%;
	left: calc(100% - 2rem);
	right: 0;
	height: 1px;
	width: 2rem;
	transform: translateY(-50%);
	background-color: white;
}
header .menu .menu-item-has-children.toggled > .plus-btn:after{
	top: 50%;
	height: 0;
}
.gradient-2 header,
.gradient-3 header{
	color: white;
}
.gradient-2 header .menu .menu-item-has-children > .plus-btn:after,
.gradient-3 header .menu .menu-item-has-children > .plus-btn:after,
.gradient-2 header .menu .menu-item-has-children > .plus-btn:before,
.gradient-3 header .menu .menu-item-has-children > .plus-btn:before{
	background-color: white;
}
header .side-menu{
	position: absolute;
	right: 0;
	top: 50vh;
	transform: translateY(-50%);
	font-size: 12px;
}
header .side-menu .section{
	position: relative;
	height: 40px;
	width: 40px;
	transition: width 0.2s linear;
	margin-bottom: 1px;
}
header .side-menu.mobile-hover .section,
header .side-menu:hover .section{
	width: 160px;
}
header .side-menu.mobile-nohover .section{
	width: 40px !important;
}
header .side-menu .section .label{
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	background-color: #CBCBCB;
	cursor: pointer;
}
header .side-menu .section.social .label {
	cursor: default;
}
header .side-menu .section .content{
	position: absolute;
	left: 0;
	width: 120px;
	height: 40px;
	text-transform: uppercase;
}
header .side-menu .section:not(.social) .content {
	width: 121px;
}
header .side-menu .section .content a{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 1px;
	padding: 15px 10px;
	color: black;
	background-color: #CBCBCB;
}
header .side-menu .section .content a.social{
	position: relative;
	width: 39px;
	margin-right: 1px;
	float: left;
	height: 100%;
}
header .side-menu img{
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
}
.scroll-down img.white{
	display: block;
}
header .side-menu img.white,
.scroll-down img.black {
	display: none;
}
.gradient-2 .scroll-down img.white,
.gradient-3 .scroll-down img.white{
	display: none;
}
.gradient-2 .scroll-down img.black,
.gradient-3 .scroll-down img.black{
	display: block;
}
body:not(.touch) header .side-menu .section:not(.social):hover .label,
body:not(.touch) header .side-menu .section:not(.social):hover .content a,
body:not(.touch) header .side-menu .section a:hover{
	background-color: black;
	color: white;
}
header .side-menu .section:not(.social):hover .label img.white,
header .side-menu .section .content a.social:hover .white{
	display: block;
}
header .side-menu .section:not(.social):hover .label img.black,
header .side-menu .section .content a.social:hover .black{
	display: none;
}
header #secondary-menu{
	margin-top: 100px;
	margin-top: 25px;
	text-transform: uppercase;
	font-weight: 700;
}
header #secondary-menu li{
    flex-grow: 1;
    flex-basis: 0;
}
header #secondary-menu li a{
	width: 100%;
}
header #secondary-menu br{
	display: none;
}
header .languages{
	font-size: 1rem;
	padding-bottom: 3rem;
}
header .languages a{
	padding-bottom: 1rem;
	text-transform: uppercase;
}
header .languages a.active{
	text-decoration: underline;
}
header .search-box{
	position: relative;
}
header .search-box input[type=search]{
	display: block;
    font-family: 'Source Sans Pro', sans-serif;
	width: 100%;
	height : 40px;
	padding: 0.5rem;
	background-color: transparent;
	border: 1px solid white;
}
header .search-box input[type=submit]{
	position: absolute;
	top: 1px;
	right: 1px;
	height: 100%;
	height : 38px;
	width : 38px;
	border: none;
	background-color: transparent;
	background-image: url('img/search-black.svg');
	cursor: pointer;
}
header .search-box .auto-results{
	display: none;
    background-color: white;
    border: 1px solid white;
    padding: 5px;
}
header .search-box .auto-results a{
	width: 100%;
	color: white;
}
.gradient-2 header .search-box input[type=search],
.gradient-3 header .search-box input[type=search]{
	border: 1px solid white;
	color: white;
}
.gradient-2 header .search-box input[type=submit],
.gradient-3 header .search-box input[type=submit]{
	background-image: url('img/search-white.svg');
}
header .hamburger{
	padding: 5px;
	margin-right: -5px;
	transform: translate3d(0, 0, 0); 
	-ms-transform: translate3d(0, 0, 0); 
	-webkit-transform: translate3d(0, 0, 0); 
	z-index: 99;
    border: 0;
	background-color: transparent;
	cursor: pointer;
}
header .hamburger:focus{
	outline: none;
	-moz-outline: none;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}
header .hamburger .hamburger-segment{
	height: 0;
	width: 35px;
	border-bottom: 2px solid white;
	display: block;
	opacity: 1;
	margin-top: 5px;
	-webkit-transition: -webkit-transform 0.15s linear;
	-moz-transition: -moz-transform 0.15s linear;
	-ms-transition: -ms-transform 0.15s linear;
	transition: transform 0.15s linear;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.gradient-2 header .hamburger .hamburger-segment,
.gradient-3 header .hamburger .hamburger-segment{
	border-color: white;
}
header .hamburger .hamburger-segment:nth-child(2) {
	-webkit-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
header.expanded .hamburger .hamburger-segment:nth-child(1) {
	-webkit-transform: rotate(45deg) translate3d(5px, 5px, 0);
	-o-transform: rotate(45deg) translate3d(5px, 5px, 0);
	-ms-transform: rotate(45deg) translate3d(5px, 5px, 0);
	-moz-transform: rotate(45deg) translate3d(5px, 5px, 0);
	transform: rotate(45deg) translate3d(5px, 5px, 0);
}
header.expanded .hamburger .hamburger-segment:nth-child(2) {
	opacity: 0;
}
header.expanded .hamburger .hamburger-segment:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	-o-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	-ms-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	-moz-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	transform: rotate(-45deg) translate3d(5px, -5px, 0);
}
.scroll-down,
.scroll-up{
	position: absolute;
	top: calc(100vh - 80px);
	right: 0;
	z-index: 6;
}
.scroll-down .inner,
.scroll-up .inner{
	position: relative;
	transform: rotate(90deg);
	transform-origin: top right;
	cursor: pointer;
	padding: 5px;
	line-height: 1;
}
.scroll-down .text,
.scroll-up .text{
	font-size: 14px;
	text-transform: uppercase;
}
.scroll-down img{
	position: absolute;
	left: 68px;
	bottom: -12px;
    height: 50px;
    transform: rotate(90deg);
}
.scroll-up img{
	position: absolute;
	left: -34px;
	bottom: -12px;
    height: 50px;
    transform: rotate(-90deg);
}
.gradient-2 .scroll-down,
.gradient-2 .scroll-up,
.gradient-3 .scroll-down,
.gradient-3 .scroll-up{
	color: white;
}
.patent-wrapper .scroll-up{
	right: -2.5%;
}
body .scroll-up .text{
	position: relative;
}


/* FOOTER */


footer{
	padding-top: 100px;
}
footer a{
	color: inherit;
	text-decoration: none;
}
footer .partner-logos {
	justify-content: space-between;
}
footer .partner-logo {
	display: inline-block;
	max-width: 14vw;
    overflow: hidden;
}
footer .partner-logo img {
	width: 122%;
	margin-left: -11%;

}
footer a.main-site-link{
	font-family: 'LG Corporate', serif;
    display: block;
    width: 80px;
    height: 80px;
    background: white;
	color: #323D40;
    text-align: center;
    line-height: 16px;
    padding-top: 22px;
    padding-right: 0;
    border-radius: 5px;
    font-size: 16px;
}
footer .arena {
	font-family: 'LG Corporate', serif;
	font-size: calc(24px* 1.4);
	line-height: 0.75;
}
footer a.main-site-link .trademark{
    font-size: 0.33em;
    position: relative;
    top: -8px;
    margin-left: -4px;
}
footer .social{
	position: relative;
	width: 3rem;
	height: 3rem;
	transform: translateX(-1rem);
}
footer .social:first-child{
	border-left: none;
}
footer .social img.black{
	display: none;
}
footer .socials .border{
	border-right: 1px solid white;
	transform: translate(-1rem, 0.5rem);
	height: 2rem;
}
footer .tablet-spacer{
	display: none;
}
.gradient-2 footer a.main-site-link,
.gradient-3 footer a.main-site-link{
    background: white;
	color: black;
}
.gradient-2 footer .socials .border,
.gradient-3 footer .socials .border{
	border-color: white;
}
.gradient-2 footer .social img.white,
.gradient-3 footer .social img.white{
	display: block;
}
.gradient-2 footer .social img.black,
.gradient-3 footer .social img.black{
	display: none;
}


/* LAYOUTS */


.qzr-layout{
	padding-top: 4rem;
	padding-bottom: 2rem;
}
.grid-wrapper{
	position: relative;
	width: 100%; 
	margin: 0 auto;
}
.grid-wrapper > .inner{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.grid-wrapper .grid{
    position: relative;
    height: 100%;
    width: 100%;
}
.grid-wrapper .grid .group{
	position: relative;
}
.grid-wrapper .grid .group .group-content{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.grid-wrapper .grid .group .group-content figure a,
.wp-block-column figure a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.grid-wrapper .group-content p{
	margin-bottom: 1rem;
}
.grid-wrapper .group-content img{
	height: 100%;
}
.qzr-layout .wp-block-image figcaption{
	position: absolute;
	top: 100%;
}
.group-content .wp-block-image{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}


/* COLONNE */


.wp-block-column:not(:first-child){
	margin-left: 2rem;
}
.wp-block-columns{
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.wp-block-column .wp-block-buttons,
.wp-block-column .wp-block-button,
.wp-block-column .wp-block-button a{
	width: 100%;
}
.wp-block-column .wp-block-image{
	height: 0;
}


/* TIMELINE */


.timeline{
	padding-top: 4rem;
}
.timeline .century,
.timeline .decade{
	font-size: 12.4rem;
	line-height: 1;
	z-index: 1;
}
.timeline .century-wrapper{
	position: absolute;
	display: none;
	z-index: 1;
}
.timeline .century{
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
}
.timeline .info{
	padding-bottom: 4rem;
}
.timeline .info .title{
	margin-bottom: 1rem;
}
.timeline .info .hidden{
	visibility: hidden;
}
.timeline .content{
	position: relative;
}


/* PAGINE VARIE */

.error-404{
	padding-top: 4rem;
}
.error-404 h2{
	margin-bottom: 2rem;
}
.fixed-content{
	position: fixed;
	width: 100%;
	z-index: 11; 
}
.site-header.expanded + #page-wrapper .fixed-content {
	z-index: 5;
}


/* PRODUCTS CATEGORY ARCHIVE */


.products-categories-archive h2{
	font-family: 'LG Corporate', serif; 
	font-size: 4.6rem;
    line-height: 1.1;
}
.products-categories-archive .entry-content{
	padding-top: 4.5rem;
}


/* PRODUCTS ARCHIVE */


.products-archive{
	display: block;
	padding-top: 1rem;
}
.products-archive h2{
	padding-top: 1rem;
}
.products-archive .index{
	position: -webkit-sticky;
	position: sticky;
	top: 6rem;
	padding-top: 2rem;
}
.products-archive .index .entry,
.products-archive .index li{
	display: block;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
	cursor: pointer;
}
.products-archive .index .entry.highlighted{
	text-decoration: underline;
	font-weight: bold;
}
.products-archive .index.gridview .entry.highlighted{
	text-decoration: none;
	font-weight: 300;
}
.products-archive .index .filter{
	margin-top: 1rem;
	cursor: pointer;
}
.products-archive .index .filter .header .plus-icon{
	margin-left: 1rem;
}
.products-archive .index .filter ul{
	display: none;
}
.products-archive .index .filter ul li{
	padding-left: 2rem;
}
.products-archive .index .entry .designer-name{
	text-transform: none;
}
.products-archive .product,
.products-categories-archive .category,
.products-archive .category{
	display: block;
	position: relative;
	margin-bottom: 4rem;
}
.products-archive.natural-genius .product{
	margin-top: 4rem;
}
.products-archive.natural-genius .list .inner{
	width: 90%;
    margin-left: auto;
}
.products-archive .product .image-box,
.products-archive .category .image-box{
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.tax-qzr_products_categories .listview .product .image-box{
	padding-top: 45%;
}
.products-archive .product .image-box .image-1,
.products-archive .product .image-box .image-2{
	position: absolute !important;
	max-width: 66%;
	max-height: 80%;
}
.products-archive .category .image-box .image{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.products-archive .image-box .video-background-wrapper{
	width: 66%;
}
.products-archive .image-box .video-background-wrapper.vimeo{
	padding-top: 37.125%;
}
.products-archive .list{
	margin-top: 2rem;
}
.products-archive .product:nth-child(odd) .image-box .image-1{
	left: 0;
	bottom: 0;
}
.products-archive .product:nth-child(odd) .image-box .image-2{
	right: 0;
	top: 0;
}
.products-archive .product:nth-child(even) .image-box .image-1{
	left: 0;
	top: 0;
}
.products-archive .product:nth-child(even) .image-box .image-2{
	right: 0;
	bottom: 0;
}
.products-archive .product .schema{
	position: absolute;
	top: -4rem;
	left: -11.11%;
	width: 33%;
	z-index: 1;
	pointer-events: none;
}
.products-archive .product .designer{
	margin-top: 0.3rem;
}
.products-archive .product .image-box .image-product,
.products-archive .product .image-box .image-project,
.products-archive .product .image-box .image-designer{
	position: absolute !important;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.products-archive .product .image-box .image-designer{
	left: 100%;
}
.products-archive .product .image-box .image-product{
	right: 0;
}
.products-archive .product .image-box:hover .image-product{
	right: 100%;
}
.products-archive .product .image-box:hover .image-designer{
	left: 0;
}
.products-archive .product .name,
.products-archive .category .name{
	margin-top: 1rem;
	text-transform: lowercase;
}
.products-archive .product .description,
.products-archive .category .description{
	margin-top: 1rem;
	width: 80%;
	padding-left: 10%;
}
.toggle .gridview,
.toggle .listview{
	display: block;
	position: relative;
	width: 35px;
	height: 20px;
	margin-bottom: 5px;
	cursor: pointer;
}
.list.gridview > a,
.list.gridview .inner > a{
	width: 50%;
	float: left;
	padding-left: 1rem;
	margin-bottom: 2rem;
}
.list.gridview > a:nth-child(odd),
.list.gridview .inner > a:nth-child(odd){
	clear: both;
}
.list.gridview .image-box .image-1{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}
.list.gridview .image-box .image-2{
	display: none;
}
.products-archive.natural-genius .list.gridview .product{
	margin-top: 2rem;
}
.products-archive.natural-genius .list.gridview .product{
	margin-top: 2rem;
}
.products-archive .list.gridview .schema{
	top: -2rem;
}
.categories.list.gridview .description{
	width: 130%;
}
.toggle .gridview span,
.toggle .listview span{
	position: absolute;
	background-color: #848484;
}
.toggle .gridview.current span,
.toggle .listview.current span{
	background-color: white;
}
.toggle .gridview span{
	width: 16px;
	height: 9px;
}
.toggle .gridview span:nth-child(1){
	top: 0;
	left: 0;
}
.toggle .gridview span:nth-child(2){
	top: 0;
	right: 0;
}
.toggle .gridview span:nth-child(3){
	bottom: 0;
	left: 0;
}
.toggle .gridview span:nth-child(4){
	bottom: 0;
	right: 0;
}
.toggle .listview span{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


/* DESIGNERS ARCHIVE */


.designer-archive{
	padding-top: 2rem;
	padding-bottom: 8rem;
}
.designer-archive .info{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.designer-archive .info .image{
	position: absolute;
	left: 100%;
	top: 0px;
	width: 120%;
	padding-top: 100%;
	opacity: 0;
	transition: opacity 0.2s;
}
.designer-archive .info:hover .image{
	opacity: 1;
}
.designer-archive .info .image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.designer-archive .products a{
	border-left: 1px solid white;
	margin-left: 0.5rem;
	padding-left: 0.5rem;
}
.designer-archive .products a:first-child{
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}


/* SINGLES */


.single-project  .entry-content > .content,
.single-product  .entry-content > .content,
.single-designer .entry-content > .content{
	padding-top: 2rem;
}
.single-project  .entry-content > .content p,	
.single-product  .entry-content > .content p,
.single-designer .entry-content > .content p{
	margin-bottom: 1rem;
}
.entry-content p a{
	text-decoration: underline;
}
.breadcrumbs{
	text-transform: uppercase;
	font-weight: 400;
}
.breadcrumbs a{
	color: white;
	text-decoration: none;
}
.breadcrumbs a:after{
	content: '/';
	padding: 0 10px;
}
.breadcrumbs a:last-child:after{
	display: none;
}
.breadcrumbs span{
	display: none;
}
.product-title{
    position: absolute;
    top: 50vh;
    z-index: 5;
    color: white;
    width: 100%;
	pointer-events: none;
}
.product-title .designer{
	margin-top: 0.5rem;
}
.product-title .sub{
	font-size: 3rem;
}
.page-title{
    position: absolute;
    top: calc(85px + 1.5rem);
    z-index: 5;
    color: white;
    width: 100%;
	pointer-events: none;
}
.imageless-page-title{
	padding-top: 2rem;
}
.gradient-1 .page-title{
    color: white;
}
.share{
	position: absolute;
    top: calc(44.5vw + 3rem + 140px);
    width: 100%;
	z-index: 1;
}
.share .social{
    width: 50px;
    height: 50px;
    border: 1px solid black;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 10px;
}
.share .social.whatsapp{
	border: none;
}
.no-image .page-title{
	position: relative;
	top: 0;
	padding-top: 3rem;
}
.main-image{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.designer-image,
.project-image,
.page-image{
	position: relative;
	padding-top: 56.25%;
}
.designer-image{
	padding-top: 100%;
}
.designer-image img,
.project-image img,
.page-image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.related-projects{
	margin: 0 -1rem;
}
.related-projects .image{
	position: relative;
	padding-top: 56.25%;
	margin-bottom: 1rem;
}
.related-projects .image > *{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* COLOR GALLERY */


.color-gallery .color {
	padding-left: 1rem;
	padding-bottom: 1rem;
	cursor: pointer;
}
.color-gallery .color .image{
	position: relative;
	padding-top: 100%;
}
.color-gallery .color .image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.color-gallery .color .text{
	margin-top: 10px;
	height: 2.5rem;
}
.color-gallery .gallery{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #2E2E2E;
	color: white;
	z-index: 20;
}
.color-gallery .gallery .custom-gallery .item .image{
	padding-top: calc(100vh - 100px);
	cursor: pointer;
}


/* LINK BLOCK */

.link-block,
.toggle-list{
	display: block;
	border: 2px solid black;
	margin-bottom: 1rem;
	padding: 1rem 2rem;
}
.toggle-list{
	padding: 1rem 1rem;
}
.link-block:hover{
	background-color: black;
	color: white;
}
.link-block .flex,
.toggle-list .flex{
	justify-content: space-between;
}
.toggle-list .header{
	cursor: pointer;
}
.toggle-list .header .icon{
	position: relative;
	width: 2rem;
	height: 2rem;
}
.toggle-list .header .text{
	padding: 0 1rem;
	transition: color 0.3s ease 0s;
}
.toggle-list .header.toggled .text{
	color: white;
}
.toggle-list .list{
	display: none;
	list-style: none;
}
.toggle-list .list li{
	margin-top: 1rem;
	cursor: pointer;
}
.toggle-list .list li:hover{
	background-color: black;
	color: white;
}
.toggle-list .list li a{
    width: 100%;
    display: block;
	padding: 0 1rem;
}
.toggle-list.small{
	padding: 0.5rem;
	border-left: none;
	border-right: none;
	margin-bottom: -2px;
	
}
.toggle-list.small .list{
	margin-top: 0.5rem;
}
.toggle-list.small .list li{
	margin-top: 0;
}
.toggle-list.small .header .icon{
	position: relative;
	width: 1rem;
	height: 1rem;
}
.toggle-list.small .header .icon span:first-child{
	width: 1rem;
	height: 2px;
}
.toggle-list.small .header .icon span:last-child{
	width: 2px;
	height: 1rem;
	transition: height 0.3s;
}


/* MAPS */


.main-shop{
	margin-bottom: 2rem;
}
.shop-list .columns-4{
	padding-right: 1rem;
}
.shop-list .columns-8{
	position: -webkit-sticky;
    position: sticky;
    top: 100px;
}
.shop-list .map-container{
	position: relative;
	height: 400px;
	margin-bottom: 1rem;
}
.shop-list .map-container #map{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.shop-list .map-container #map .gm-style .gm-style-iw-c{
	color: black;
}
.shop-list .filters{
	margin-bottom: 	;
}
.shop-list .filter-title{
	padding: 0 0.5rem;
}
.shop-list .filters li.selected{
	font-weight: 700;
}
.shop-list .filters .header{
	text-transform: uppercase;
}
.shop-list .location-bar{
	margin-bottom: 0.5rem;
}
.shop-list .location-bar .location-filter{
	position: relative;
	margin-top: 0.5rem;
}
.shop-list .location-bar .location-filter .header{
	cursor: pointer;
	min-width: 10.5rem;
}
.shop-list .location-bar .location-filter .plus-icon{
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0.3rem;
}
.shop-list .location-bar .list{
	display: none;
	list-style: none;
	position: absolute;
	right: 0;
	z-index: 1;
}
.shop-list .location-bar .list li{
	padding: 0.5rem 2rem;
	margin-bottom: 1px;
	background-color: white;
	cursor: pointer;
}
.shop-list .location-bar .list li:hover{
	background-color: black;
	color: white;
}
.shop-list .location-bar .list li.sub{
	padding-left: 4rem;
}
.shop-list .search{
	display: block;
	width: 100%;
	background-color: unset;
	padding: 1rem;
	margin-bottom: 2rem;
	border: 2px solid black;
}
.shop-list .shop{
	margin-bottom: 1rem;
}
.shop-list .shop div{
	white-space: nowrap;
}
.shop-list .shop.hidden{
	display: none;
}

.shop-list.alt-mode .search,
.shop-list.alt-mode .columns-8,
.shop-list.alt-mode .filter-title,
.shop-list.alt-mode .filters{
	display: none;
}
.shop-list.alt-mode .columns-4{
	border-top: 2px solid black;
	width: 100%;
}
.shop-list.alt-mode .shop{
	margin-top: 2rem;
	width: 25%;
	float: left;
}


/* ONE */

.one-posts h2{
	margin-bottom: 2rem;
}
.one-posts .text{
	margin-bottom: 2rem;
}
.one-posts .container{
	margin: 0 -1rem;
}
.one-posts .one .image{
	position: relative;
	padding-top: 100%;
}
.one-posts .one .image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.one-posts .one .title{
	padding-top: 0.5rem;
	padding-bottom: 0.25rem;
}
.one-posts .button{
	margin-top: 2rem;
}

/* SEARCH */

.search-result{
	padding-top: 2rem;
}
.search-result .container{
	margin: 0 -1rem;
	padding-top: 1rem;
}
.search-result .product{
	margin-bottom: 1rem;
}
.search-result .product .image{
	position: relative;
	padding-top: 56.25%;
}
.search-result .product .image > *{
	position: absolute !important;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.search-result .product .name{
	margin-top: 0.5rem;
}

/* LOGIN FORM */

.login-form form,
.qzr-advanced-form form{
	margin: 0 -1rem;
}
.login-form .input-wrapper,
.qzr-advanced-form .field-wrap{
	margin-bottom: 1rem;
}
.login-form .submit-area,
.qzr-advanced-form .submit-area{
	margin-top: 2rem;
}
.login-form .button{
	margin-top: 2rem;
}
.login-form .button input,
.qzr-advanced-form .button input{
	width: 100%;
}
.login-form .switch{
    text-decoration: underline;
    padding-top: 2rem;
	cursor: pointer;
}
.login-form #loginform{
	display: none;
}
.field-wrap {
	width: 50%;
	float: left;
}
label[for="privacy-00"],
label[for="privacy-01"],
label[for="privacy-02"],
label[for="privacy-1"],
label[for="privacy-2"],
label[for="profiling"],
label[for="marketing"],
label.container {
	font-size: 0.8rem;
}
label.container {
	margin-top: 1rem;
	padding-left: 2.5rem;
	padding-top: 0.75rem;
	position: relative;
}
label.checkbox-container {
	font-size: 0.65rem;
}
label.container input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
} 
label a {
	text-decoration: underline;
}


/* RANDOM */

.landing-page{
	padding-bottom: 8rem;
}

/* ANIMAZIONI */

body .lazy-hidden, body .entry img.lazy-hidden, body img.thumbnail.lazy-hidden{
	background-color: transparent;
}
.lazy-loaded {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
.clip-animation{
	transition: clip-path 0.8s linear;
	clip-path: polygon(50% 50%,50% 50%,50% 50%,50% 50%);
}
.clip-animation.start{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#page-wrapper{
	transition: all 0.5s;
}
#page-wrapper.out{
	transform: translateX(-100%);
}
#page-wrapper.in{
	transform: translateX(100%);
}
#page-wrapper.stop{
	transition: none;
}

.patent-wrapper{
	position: relative;
	height: 10000px;
}
.verde-wrapper {
	position: relative;
	height: 7000px;
}
.patent-wrapper .container,
.verde-wrapper .container {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 100vh;
}
.patent-wrapper #canvas-container,
.patent-wrapper .cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.patent-wrapper #canvas-container canvas{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%,-50%);
	pointer-events: none;
}
.patent-wrapper .texts{
	position: absolute;
	top: 0;
	left: 8.33%;
	height: 100%;
}
.verde-wrapper .texts{
	position: absolute;
	top: 0;
	left: 2.5%;
	height: 100%;
}
.patent-wrapper .title,
.verde-wrapper .title,
.patent-wrapper .text,
.verde-wrapper .text{
	position: absolute;
}
.patent-wrapper .title .inner,
.verde-wrapper .title .inner,
.patent-wrapper .text .inner,
.verde-wrapper .text .inner{
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
}
.patent-wrapper .text.bottom .inner,
.verde-wrapper .text.bottom .inner{
	top: 100vh;
	transform: translateY(-100%) translateY(-100px);
}
.patent-wrapper .text.left,
.verde-wrapper .text.left{
	width: 40%;
}
.patent-wrapper .text.center,
.verde-wrapper .text.center{
	width: 60%;
	left: 20%;
	text-align: center;
}
.patent-wrapper .text.right,
.verde-wrapper .text.right{
	width: 40%;
	right: 0;
	left: unset;
}
.patent-wrapper .text.left,
.verde-wrapper .text.left{
	width: 40%;
	left: 0;
}
.wp-block-image{
	padding-top: 56.25%;
}
.group-content .wp-block-image{
	padding-top: 0;
}
.wp-block-image img{
    position: absolute;
    top: 0;
	left: 0;
    height: 100%;
    width: 100%;
    min-height: 100%;
}
.shop-list .search-wrapper{
    position: relative;
}
.shop-list .search-wrapper .loader{
	display: none;
    position: absolute;
    right: 1rem;
    top: 50%;
}
.shop-list .searchmap-results{
    position: absolute;
    width: 100%;
	top: calc(100% - 2px);
	background-color: white;
    z-index: 1;
    border: 1px solid black;
}
.shop-list .searchmap-results .search-result{
    padding: 0.5rem 1rem;
    cursor: pointer;
}
.shop-list .loader{
	border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
@keyframes spin {
  0% { transform: translateY(-50%) rotate(0deg); }
  100% { transform: translateY(-50%) rotate(360deg); }
}