/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Elicus Technologies
 Author URI:   https://elicus.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
:root {
    --global--color-background: #fff;
    --global-oro: #d19f32;
    --global-h2-size: 2.4vw;
	--global-h2-size-mobile: 5.4vw;
	--global-h2-size-mobile: clamp(35px,6.5vw,100px);
	--global-h2-size-mobile-identita: 9.6vw;
    --global-h3-size: 1.774vw;
	--global-h3-size-mobile: 3vw;
	--global-p-size-mobile: 3vw;
	--global-p-size-mobile: 5vw;
    --global-color-grigiochiarotrans: rgba(204, 204, 204, 0.59);
    --global-color-grigiochiaro: #cccccc;
    --global-color-grigiomedio2: #a0a0a0;
    --global-color-grigiocosafacciamo: #787878;
    --global-color-grigiomenu: #787878;
	--global-color-grigiomedio: #464646;
    --global-color-grigioscuro: #333333;
    --global-color-grigioscuro2: #222222;
	--global-color-grigioede: #ededed;
    --global-color-nero: #000000;
    --global-color-bianco: #ffffff;
	--global-module-1: 50vw;
	--global-module-15: 75vw;
	--global-module-2: 100vw;
	--global-module-3: 150vw;
	--global-module-4: 200vw;
	--global-color-grigio1: rgb(37, 37, 37);
	--global-color-grigio2: rgb(87, 87, 87);
	--global-color-grigio3: rgb(132, 132, 132);
	--global-color-grigiomedioidentikit: rgba(70,70,70,0.9);


	--global-font-size-h1-100: clamp(50px, 5.6vw, 100px);
	--global-font-size-h2-100: clamp(45px, 5.6vw, 100px);
	--global-font-size-p-45: clamp(24px, 2.6vw, 45px);
	--global-font-size-h2-scopri: clamp(35px, 2.6vw, 50px);
}
a {
	text-underline-offset: 0 !important;
	text-decoration-style: none;
	text-decoration-skip-ink: none;
	text-decoration: none !important;
}
#g_overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: 100vh;
  background-color: #222222;
  z-index: 100000000;
  border-radius: 24px;
}

.g_internal {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	flex-flow: column;
}

.containervideo {
	position: relative;
	max-height: 90vw;
	width: auto;
	/* max-width: 900px;	 */
	margin: 0 auto;
	overflow: hidden;
	margin-top: 50px;
}

.overlay {
	z-index: 10000000000 !important;
	background-color: rgba(0,0,0,0.9);
	width: 100% !important;
	position: absolute;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	left: -110%;
	top: 0;
	display: flex;
	align-items: center;
	position: fixed;
}

.video-container {
	width: 80% !important;
	height: 80% !important;
	display: flex;
	align-items: center;
}
.video-container {
  width: 90%;
  margin: 0 auto;
}
.videoclose {
	width: 24px;
	height: 24px;
	float: right;
	margin-right: 0;
	color: #fff;
	fill: #fff;
	margin-top: 0;
	z-index: 10000;
	display: block;
	position: absolute;
	cursor: pointer;
	right: 30px;
	top: 20px;
}





@media only screen and (max-width: 800px) {
	.playbutton img.aligncenter {
		max-width: 100px !important;
	}
}



body {
	font-size: 1.042vw !important;
	font-size: 1.018vw !important;
	font-weight: 400;
	color: var(--global--color-primary);
	text-align: left;
	background-color: var(--global--color-background);
    font-family: 'Barlow Condensed' !important;
}

h2 {
	line-height: 1em;
}

p {
	font-weight: 400 !important;
}

.site-header, .site-main, .widget-area, .site-footer {
    padding-top: 0 !important;
    padding-bottom: var(--global--spacing-vertical);
    margin-left: auto;
    margin-right: auto;
}

.site-footer {
	background-image: url(/wp-content/uploads/2021/11/identitas-lamina-oro-footer.jpg);
	background-size: cover;
}

.entry-footer.default-max-width {
    display: none;
}

.alignwide {
    margin: 0;
    padding: 0;
}

.entry-content>img.alignwide {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.primary-navigation {
    position: relative;
    top: var(--global--admin-bar--height);
    /* right: 0; */
    color: var(--primary-nav--color-text);
    font-size: var(--primary-nav--font-size);
    line-height: 1.15;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0 auto auto !important;
    padding: 0 !important;
    right: auto;
    left: auto;
    width: 100%;
    text-align: center;
}

.primary-navigation>div>.menu-wrapper {
    justify-content: center !important;
    margin: 0 auto !important;
}

.primary-navigation .primary-menu-container>ul>.menu-item {
    display: flex;
    width: auto;
    text-align: center !important;
    height: 71px;
}

.primary-navigation .primary-menu-container>ul>.menu-item a {
    text-align: center !important;
    padding-left: var(--primary-nav--padding);
    padding-right: var(--primary-nav--padding);
    width: 100%;
    line-height: 61px !important;
    font-size: 22px;
    color: var(--global-color-grigiomenu);
}

.site-header {
    max-width: inherit;
    margin: 0;
    width: 100% !important;
    margin-top: 20px;
}

.primary-navigation .primary-menu-container>ul>.menu-item.menulogo {
    width: 165px !important;
}

li.menulogo a {
    height: 71px !important;
    width: 165px !important;
    display: block;
    /* background-color: #000; */
    background-image: url(/wp-content/uploads/2021/11/identitas-logo-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent !important;
}

.primary-navigation .primary-menu-container > ul > .menu-item a {
	outline: none !important;
}
.primary-navigation .primary-menu-container > ul > .menu-item.menulogo a,
.primary-navigation .primary-menu-container > ul > .menu-item.menulogo a:active,
.primary-navigation .primary-menu-container > ul > .menu-item.menulogo a:hover,
.primary-navigation .primary-menu-container > ul > .menu-item.menulogo a:focus
 {
	color: transparent !important;
	background-image: url(/wp-content/uploads/2022/03/log-identitas-hi.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
	background-size: contain !important;
}
.site-header {
    padding-bottom: 0 !important;
}

aside.widget-area {
    display: none !important;
}

.site-footer {
    padding-top: 0 !important;
    padding-bottom: 660px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: inherit !important;
}

.site-info {
    width: var(--responsive--alignwide-width) !important;
    margin: 0 auto !important;
    padding-top: 100px;
}

h1, h2, h3, h4, h5, h6, p, a {
	font-family: 'Barlow Condensed' !important;
	font-weight: 300;
	line-height: 1.2em !important;
}

/* ****************************************** */


.stripe {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both;
}

.stripe > img {
    width: 100% !important;
    max-width: 100% !important;
}

.boxbrand {
	width: 28vw;
	height: 18vw;
	background-color: rgba(0, 0, 0, 0.80);
	padding: 2vw 3vw;
	position: absolute;
	left: 21.2vw;
	top: 6vw;
	z-index: 10;
}

.boxbrand h2 {
	color: var(--global-oro);
	font-size: var(--global-h2-size);
	line-height: 1em !important;
	margin-bottom: 0.5vw;
}

.boxbrand h2 span {
    color: #fff;
    font-weight: 700;
}

.boxbrand p {
    color: #fff;
}

.boxbrand .bottone {
	width: 15vw;
	height: 2.3vw;
	line-height: 2.3vw !important;
	display: block;
	text-align: center;
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	margin: 1vw auto 0 auto;
	background-size: cover;
	background: rgba(0,0,0,1);
	z-index: 0;
	position: relative;
}

.boxbrand .bottone::after {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: " ";
	display: block;
	z-index: -1;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	/* transition-timing-function: ease-in-out; */
	background-repeat: no-repeat;
	background-size: cover;
}

.boxbrand .bottone:hover:after {
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	opacity: 0;
}

.boxbrand .bottone:hover,
.boxbrand .bottone:active
 {
	background-color: rgba(0,0,0,1);
}
lottie-player {
	transition: 0.3s all;
}
.bottonevai a {
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.stripe.perchi a:hover lottie-player {
	transform: scale(1.2) rotate(180deg);
}
.has-background-white .site a.bottone:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	/* background-color: #000 !important; */
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	color: inherit !important;
}
.boxbrand a.bottone {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}






.stripe.cosafacciamointerna3 .bottone {
	width: 15vw;
	height: 2.3vw;
	line-height: 2.1vw !important;
	display: block;
	text-align: center;
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	margin: 1vw 0 0 0;
	background-size: cover;
	background: rgba(0,0,0,1);
	z-index: 0;
	position: relative;
	font-size: 1.018vw;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	border: 1px solid #000;
}

.stripe.cosafacciamointerna3 .bottone::after {
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: " ";
	display: block;
	z-index: -1;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	background-repeat: no-repeat;
	background-size: cover;

}
.stripe.cosafacciamointerna3 a.bottone:hover {
	border: 1px solid #000;
	color: #000 !important;
	background-color: #fff !important;
}

.stripe.cosafacciamointerna3 .bottone:hover:after {
	opacity: 0;
}
.stripe.cosafacciamointerna3  .bottone:hover,
.stripe.cosafacciamointerna3 .bottone:active
{
	background-color: rgba(0,0,0,1);
}

.has-background-white .site .stripe.cosafacciamointerna3  a.bottone:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000 !important;
}
.stripe.cosafacciamointerna3  a.bottone {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}








.boxidentitas {
	width: 28.3vw;
	height: 15.8vw;
	background-color: rgba(0, 0, 0, 0.73);
	padding: 2vw 2.5vw;
	position: absolute;
	left: 51vw;
	top: 9.2vw;
	z-index: 10;
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-boxidentitas.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.boxidentitas h2 {
	color: var(--global-color-grigioscuro);
	font-size: var(--global-h2-size);
	line-height: 1em !important;
	font-weight: 700;
	margin-bottom: 0.5vw;
}

.boxidentitas h2 span {
    color: #fff;
    font-weight: 700;
}

.boxidentitas p {
    color: #fff;
}

.boxidentitas .bottone span {
	font-weight: 700;
}
.boxidentitas .bottone {
	width: 100%;
	height: 2.4vw;
	line-height: 2.3vw !important;
	display: block;
	text-align: center;
	background-color: var(--global-color-grigioscuro);
	margin: 1vw auto 0 auto;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.5s;
	border: 1px solid transparent;
}

.boxidentitas a.bottone:hover {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #000;
}



#dopovideo .boxidentitas a.bottone:hover {
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid transparent;
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

#dopovideo .boxidentitas a.bottone:focus {
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff !important;
	color: #000 !important;
	text-decoration: none;
}

.boxbrand a.bottone {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}




.playbutton {
   position: absolute;
   left: 50%;
   top: 50%;
   cursor: pointer;
   pointer-events: all;
   transform: translate(-50%,-50%);
   -webkit-transition: background-image 0.5s ease-in-out;
   transition: background-image 0.5s ease-in-out;
}

.playbutton img {
	transition: opacity 0.3s ease-in-out;
	display: block !important;
}
.playbutton img.bianco {
	opacity: 1;
}
.playbutton img.playoro {
   z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   pointer-events: none;

}

.playbutton:hover .bianco {
	 z-index:3;
	 opacity: 0;

}

.playbutton:hover .playoro {
	display: block !important;
	opacity: 1;
}





.stripe.video .playbutton {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
	pointer-events: all;
	transform: translate(-50%,-50%);
	-webkit-transition: background-image 0.5s ease-in-out;
	transition: background-image 0.5s ease-in-out;
}

.stripe.video .playbutton img {
	margin-left: 0;
	margin-top: 0;
	max-width: 100px;
}

.stripe.cosafacciamo .col1 {
    max-width: 55.1%;
    height: 33.1vw;
    clear: none;
    position: relative;
    background-color: var(--global-color-grigiocosafacciamo);
    width: 60%;
    float: left;
}

.stripe.cosafacciamo .col1 .percorsotrivio {
	padding: 0;
	max-width: 30vw !important;
	height: auto;
	margin: 3.5vw 6vw 3.5vw 0;
	float: right;
	width: 100%;
	position: relative;
	color: white;
	font-family: "Barlow Condensed";
}
.stripe.cosafacciamo .col1 .percorsotrivio  img {
	position: absolute;
}
.stripe.cosafacciamo .col1 .percorsotrivio .gruppotrivio {
	opacity: 1;
	transform: scale(1);
}
.stripe.cosafacciamo .col1 .percorsotrivio .trivioidentita {
	position: absolute;
	left: 14.1vw;
	top: 15.2vw;
	font-weight: 600 !important;
}
.stripe.cosafacciamo .col1 .percorsotrivio * {
	opacity: 0;
}
.stripe.cosafacciamo .col1 .percorsotrivio .trivioidentitaconcettuale {
	position: absolute;
	left: 3.2vw;
	top: 22.9vw;
	text-align: center;
	line-height: 1em;
}
.stripe.cosafacciamo .col1 .percorsotrivio .trivioidentitaverbale {
	position: absolute;
	left: 13.7vw;
	top: 6.4vw;
	text-align: center;
	line-height: 1em;
}
.stripe.cosafacciamo .col1 .percorsotrivio .trivioidentitavisiva {
	position: absolute;
	left: 23.2vw;
	top: 22.7vw;
	text-align: center;
	line-height: 1em;
}


.stripe.cosafacciamo .col2 {
    max-width: 44.9%;
    height: 33.1vw;
    float: left;
    width: 44.9%;
	overflow: hidden;
}

.stripe.cosafacciamo .col2 img {
    width: 100%;
    height: auto;
}

.stripe.colonne3 {
    display: flex;
    flex-flow: row;
	width: 92vw;
	justify-content: center;
}

.stripe.colonne3 .col1, .stripe.colonne3 .col2, .stripe.colonne3 .col3 {
    width: 33.3333%;
    text-align: center;
    height: 30vw;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.stripe.colonne3 .col1 img, .stripe.colonne3 .col2 img, .stripe.colonne3 .col3 img {
	max-width: 9vw;
	height: auto;
	margin-bottom: 2vw;
}

.stripe.colonne3 .col3 img {
	padding-top: 0.9vw;
	padding-bottom: 2vw;
}

.stripe.colonne3 .col1 h2, .stripe.colonne3 .col2 h2, .stripe.colonne3 .col3 h2 {
	color: var(--global-oro);
	font-weight: 700;
	margin-bottom: 1.4vw;
	font-size: var(--global-h2-size);
}
.stripe.colonne3 {
	padding-right: 0vw !important;
	max-width: 92vw !important;
	left: 4vw !important;
}
.stripe.colonne3 .col1 h2 span, .stripe.colonne3 .col2 h2 span, .stripe.colonne3 .col3 h2 span {
    color: #fff;
    font-weight: 300;
}


.stripe.colonne3 .col2 {
    background-color: var(--global-color-grigiomenu);
    color: white;
}
.home .stripe.colonne3 .col2 {
	background-color: #585858;
	color: white;
}
.stripe.colonne3 .col1, .stripe.colonne3 .col3 {
    background-color: var(--global-color-grigioscuro2);
    color: #fff; /* var(--global-color-grigiomenu); */
    ;
}

.stripe.colonne3 a.bottone {
	width: 15vw;
	height: 2.3vw;
	line-height: 2.3vw !important;
	display: block;
	text-align: center;
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 1vw auto 0 auto;
	background-size: cover;
	background: rgba(0,0,0,1);
	z-index: 0;
	position: relative;
}

.stripe.colonne3 a.bottone {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
}
.stripe.colonne3 a.bottone:hover {
	background-color: #000;
}
.stripe.colonne3 a.bottone::after {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: " ";
	display: block;
	z-index: -1;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	background-repeat: no-repeat;
	background-size: cover;
}
.stripe.colonne3 a.bottone:hover:after {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	opacity: 0;
}

.stripe.perchi .boxbrand {
	left: 19vw;
}
.stripe.perchi .boxbrand p:first-of-type {
  	padding: 0.6vw 0;
}
.boxperchi {
	width: 80vw;
	height: 21.8vw;
	background-color: transparent;
	padding: 0;
	position: absolute;
	left: 12vw;
	top: 4vw;
	z-index: 8;
	right: 0;
}

.boxperchi .freccia {
	background-image: url(/wp-content/uploads/2022/02/identitas-perchi-freccia1-a.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 79%;
	height: 6.7vw;
	margin-bottom: 0.4vw;
	background-size: contain;
	display: flex;
	align-items: center;
	/* background-size: contain; */
}


.boxperchi .freccia.f2 {
    background-image: url(/wp-content/uploads/2022/02/identitas-perchi-freccia2-a-1.png);
	width: 85.5%;
}

.boxperchi .freccia.f3 {
    background-image: url(/wp-content/uploads/2022/02/identitas-perchi-freccia3-a.png);
	width: 90%;
}

.boxperchi .freccia:nth-of-type(2) {
    padding-left: 100px;
}

.boxperchi .freccia:nth-of-type(3) {
    padding-left: 200px;
}

.freccia h3 {
	left: 37vw;
	display: block;
	position: absolute;
	color: white;
	font-size: var(--global-h3-size);
}

.freccia h3 span {
    font-weight: 700;
    line-height: 1.2em;
}


.home .simbolo {
	margin-bottom: 1.2vw;
}
.stripe.perche {
    background-color: var(--global-color-grigiomedio);
}

.stripe.perche .interno {
    display: flex;
    flex-flow: row;
    max-width: var(--responsive--alignwide-width) !important;
    color: white;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}

.stripe.perche .col1, .stripe.perche .col2, .stripe.perche .col3, .stripe.perche .col4 {
	width: 25%;
	text-align: left;
	height: 22vw;
	display: flex;
	flex-flow: column;
	justify-content: end;
	padding: 14px;
}

.stripe.perche .col1 h2, .stripe.perche .col2 h2, .stripe.perche .col3 h2, .stripe.perche .col4 h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
}

.stripe.perche .col1 p, .stripe.perche .col2 p, .stripe.perche .col3 p, .stripe.perche .col4 p {
	color: var(--global-color-grigiochiaro);
	font-size: 1.2vw;
}

.stripe.perche .col1 h2 {
    color: white;
}

.stripe.perche .col1 h2 span {
    color: var(--global-oro);
    font-weight: 700;
}

.stripe.perche .col2 h2, .stripe.perche .col3 h2, .stripe.perche .col4 h2 {
    color: var(--global-oro);
}

.stripe.perche .col2 h2 span, .stripe.perche .col3 h2 span, .stripe.perche .col4 h2 span {
    color: white !important;
    font-weight: 700 !important;
}

.stripe.giango {
    background-color: var(--global-color-grigioscuro);
    height: 20vw;
}
.stripe.giango p {
	font-size: 1.2vw;
	line-height: 1.2em !important;
}
.stripe.giango .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	color: var(--global-color-grigiomenu);
	width: 100%;
	margin: 0 auto;
	padding: 6vw 0;
}

.stripe.giango .interno .testo h2 {
	color: var(--global-oro);
	margin-bottom: 1.1vw;
	font-size: var(--global-h2-size);
}
.stripe.giango .interno .testo h2 span {
    color: white;
    font-weight: 700;
}

.stripe.giango .interno .testo {
	max-width: 54%;
}

.stripe.giango .interno .pennellata {
	position: absolute;
    top: -40px;
    right: 19vw;
}

.stripe.giango .interno .pennellata img {
	width: 18vw;
}

.stripe.giango .interno .logogiango {
	position: absolute;
	top: 9.3vw;
	right: 20.2vw;
	width: 19vw;
}

.site-info .row1 .col1 {
    padding-right: 5vw;
    width: 33% !important;
}

.site-info .row1 .col2 {
    padding-right: 5vw;
    width: 33% !important;
}

.site-info .row1 .col3 {
    width: 33% !important;
}

.entry-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#main {
    margin: 0 !important;
    padding: 0 !important;
}

p.aaa {
    display: none;
}

/*  footer  */

.site-footer>.site-info {
    border-top: 0px solid var(--global--color-border) !important;
    color: white !important;
    font-family: 'Barlow Condensed' !important;
}

.site-footer>.site-info {
    display: flex;
    align-items: center;
    flex-flow: column;
}

.site-footer>.site-info .row1 {
    width: 100%;
    clear: both;
    display: flex;
    flex-flow: row;
    align-items: flex-end;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.site-footer>.site-info .row2 {
    width: 100%;
    clear: both;
    display: flex;
    flex-flow: row;
    align-items: flex-end;
}

.site-footer>.site-info .row2 .col1 {
    width: 50% !important;
}

.site-info .row2 ul {
    display: inline;
    margin: 0;
    clear: none;
    /* float: left; */
    padding: 0;
}

.site-footer>.site-info .row2 .col1 ul li {
    display: inline;
}

.site-footer>.site-info .row2 .col1 ul li a {
    color: white;
    font-size: 20px;
}

.site-footer>.site-info .row2 .col2 {
    width: 50% !important;
    text-align: right;
}

.site-info h4 {
    font-size: 32px;
    font-weight: 700;
}






/* pagine interne */




.stripe h1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: -35px;
    font-weight: 700;
    font-size: 9.4vw;
    color: rgba(0, 0, 0, 0.15);
}

.stripe.cosafacciamointerna {
    background-color: var(--global-color-grigioscuro);
    min-height: 23vw;
}

.stripe.cosafacciamointerna .interno {
    display: flex;
    flex-flow: row;
    max-width: var(--responsive--alignwide-width) !important;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 100px 0;
}

.stripe.cosafacciamointerna .testo {
    color: var(--global-color-grigiochiaro);
    width: 100%;
    text-align: center;
    font-size: 1.2vw;
}
.stripe.cosafacciamointerna3 .testo p {
	font-size: 1.2vw;
	line-height: 1.2em;
}

.stripe.cosafacciamointerna .testo h2 {
    font-size: var(--global-h2-size); /* changed */
    line-height: 1em !important;
    margin-bottom: 20px !important;
}

.stripe.cosafacciamointerna .testo h2 span {
    color: var(--global-oro);
    font-weight: 700;
}

.stripe.cosafacciamointerna .testo p {
	max-width: 980px;
	margin: 0 auto;
}

.stripe.cosafacciamointerna2 {
    background-color: var(--global-color-grigiomedio);
    min-height: 21vw;
    z-index: 10;
}

.stripe.cosafacciamointerna2 .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	max-width: 1000px !important;
	width: 100%;
	margin: 0 auto;
	padding: 90px 0 50px 0;
}

.stripe.cosafacciamointerna2 .testo h2 {
    font-size: var(--global-h2-size); /* changed */
    line-height: 1em !important;
    margin-bottom: 20px !important;
    color: #fff;
}

.stripe.cosafacciamointerna2 .testo h2 span {
    color: var(--global-oro);
    font-weight: 700;
}

.stripe.cosafacciamointerna2 .pennellatatondo {
	/* background-color: #ff0000; */
	width: 33vw;
	height: 31vw;
	background-image: url(/wp-content/uploads/2021/11/identitas-cosa-facciamo-pennellataoro-cerchiob.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50vw;
	top: -6vw;
	background-size: contain;
}

.stripe.cosafacciamointerna2 .pennellatatondo p {
	margin: 0 auto;
	max-width: 19.7vw;
	text-align: center;
	color: #fff;
	margin-top: 4vw;
	padding: 0vw;
	font-size: 1.2vw;
}
.stripe.cosafacciamointerna3 {
    background-color: #fff;
    min-height: 52vw;
    z-index: 1;
}

.stripe.cosafacciamointerna3 .sfondopolvere {
	background-color: #fff;
	background-image: url(/wp-content/uploads/2021/11/identitas-cosa-facciamo-onda-polvere-unito.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 96vw;
	height: 36vw;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 18.7vw;
	background-blend-mode: hard-light;
}
.stripe.cosafacciamointerna3 .sfondopolvereinterno img {
	mix-blend-mode: hard-light;
}
.stripe.cosafacciamointerna3 .interno {
    display: flex;
    flex-flow: row;
    max-width: var(--responsive--alignwide-width) !important;
    max-width: 1000px !important;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 0px 0;
}

.stripe.cosafacciamointerna3 .interno .testo {
    display: flex;
    flex-flow: row;
    margin-top: 50px;
    color: var(--global-color-grigiomedio);
}

.stripe.cosafacciamointerna3 .interno .testo .col1, .stripe.cosafacciamointerna3 .interno .testo .col2 {
	width: 50%;
	display: flex;
	align-items: center;
}

.stripe.cosafacciamointerna3 .interno .testo .col1 {
    padding-left: 40px;
}

.stripe.cosafacciamointerna3 .testo h2 {
    font-size: var(--global-h2-size); /* changed */
    line-height: 1em !important;
    margin-bottom: 0px !important;
}

.stripe.cosafacciamointerna3 .testo h2 span {
    color: var(--global-oro);
    font-weight: 700;
}
.stripe.cosafacciamointerna3 {
	font-size: 1.2vw;
}

.stripe.cosafacciamointerna3 .interno .sfondopolvere {
    display: flex;
    flex-flow: row;
    color: var(--global-color-grigiomedio);
    align-items: flex-end;
}

.stripe.cosafacciamointerna3 .sfondopolvere h2 span {
    color: var(--global-oro);
    font-weight: 700;
}

.stripe.cosafacciamointerna3 .sfondopolvere .sfondopolvereinterno {
	max-width: 1000px;
	display: flex;
	margin: 0 auto;
	/* padding-left: 3.6vw; */
	margin-bottom: 5.7vw;
}

.stripe.cosafacciamointerna3 .sfondopolvere .sfondopolvereinterno>div {
    width: 50%;
    padding-right: 3vw;
}

.stripe.cosafacciamointerna3 .sfondopolvere .sfondopolvereinterno>div {
    padding-right: 0vw;
}

.stripe.seiinteressato {
	background-color: var(--global-color-grigioscuro);
	min-height: 10vw;
	z-index: 1;
	align-items: center;
	display: flex;
}

.stripe.seiinteressato .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	max-width: 1050px !important;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0 0px 0;
	color: #fff;
}
.stripe.seiinteressato .interno .col2 {
	display: flex;
	align-items: center;
}
.stripe.seiinteressato .bottone {
	width: 15vw;
	height: 2.3vw;
	line-height: 2.3vw !important;
	display: block;
	text-align: center;
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0.4vw auto 0 5vw;
	background-size: cover;
	background: rgba(0,0,0,1);
	z-index: 0;
	position: relative;
	font-size: 1.1vw;
}
.stripe.seiinteressato  .bottone::after {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: " ";
	display: block;
	z-index: -1;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	/* transition-timing-function: ease-in-out; */
	background-repeat: no-repeat;
	background-size: cover;
}
.stripe.seiinteressato .bottone:hover:after {
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	opacity: 0;
}
.stripe.seiinteressato .bottone:hover,
.stripe.seiinteressato .bottone:active
 {
	/* background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000; */
	background-color: rgba(0,0,0,1);
}
.has-background-white .site .stripe.seiinteressato  a.bottone:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000 !important;
}
.stripe.seiinteressato  a.bottone {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.stripe.seiinteressato h2 span {
    color: var(--global-oro);
    font-weight: 700;
}
.stripe.seiinteressato h2  {
    font-size: var(--global-h2-size);
}
/* per chi */
.stripe.perchiinterna {
	min-height: 22vw;
	background-color: var(--global-color-grigiomedio2);
	text-align: center;
	display: flex;
	align-items: center;
}

.stripe.perchiinterna h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
    color: var(--global-color-grigioscuro);
}

.stripe.perchiinterna h2 span {
    color: #fff;
    font-size: var(--global-h2-size);
    line-height: 1em !important;
    font-weight: 700;
}

.stripe.perchiinterna .testo p {
    color: var(--global-color-grigioscuro);
	font-size: 1.2vw;
	max-width: 980px;

}
.stripe.perchiinterna .testo {
    margin: 0 auto;
}

.stripe.perchiinterna .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	color: white;
	width: 100%;
	margin: 0 auto;
	padding: 0vw 0 0 0;
}

.stripe.perchiinterna2 {
	background-color: var(--global-color-grigioscuro);
	min-height: 31vw;
	z-index: 10;
	display: flex;
	align-items: center;
}

.stripe.perchiinterna2 .interno {
    display: flex;
    flex-flow: row;
    max-width: var(--responsive--alignwide-width) !important;
    max-width: 900px !important;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px 0;
}

.stripe.perchiinterna2 .testo h2 {
    font-size: var(--global-h2-size); /* changed */
    line-height: 1em !important;
    margin-bottom: 20px !important;
    color: #fff;
}

.stripe.perchiinterna2 .testo h2 span {
    color: var(--global-oro);
    font-weight: 700;
}

.stripe.perchiinterna2 .pennellatatondo {
	/* background-color: #ff0000; */
	width: 32vw;
	height: 30vw;
	background-image: url(/wp-content/uploads/2021/11/identitas-per-chi-cornice-dorata.png);
	background-position: 67% center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50vw;
	top: -4.4vw;
	background-size: cover;
}

.stripe.perchiinterna2 .pennellatatondo p {
	margin: 0 auto;
	max-width: 15.8vw;
	text-align: center;
	color: #fff;
	margin-top: 0vw;
}

.stripe.perchiinterna3 {
    min-height: 16vw;
    background-color: var(--global-color-grigiomedio2);
    text-align: center;
}
.stripe.perchiinterna3 .interno {
	max-width: 1030px;
	margin: 50px auto;
}
.stripe.perchiinterna3 .testo {
    display: flex;
}

.stripe.perchiinterna3 .testo > div {
	width: 50%;
	align-items: center;
	display: flex;
	text-align: left;
}

.stripe.perchiinterna3 .testo>div.col1 {
    text-align: right;
    padding-left: 30px;
    color: #fff !important;
}

.stripe.perchiinterna3 .testo>div.col2 {
    text-align: left;
    padding-left: 100px;
    color: #fff !important;
}

.stripe.perchiinterna3 h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 0px;
    color: var(--global-color-grigioscuro);
    color: #fff !important;
}

.stripe.perchiinterna3 h2 span {
    color: #fff;
    font-size: var(--global-h2-size);
    line-height: 1em !important;
    font-weight: 700;
}

.stripe.perchiinterna3 p {
    color: #fff;
	font-size: 1.2vw;
}
.stripe.perchiinterna4 p {
    font-size: 1.2vw;
}

.stripe.perchiinterna2 .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	max-width: 900px !important;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	align-content: center;
}

.stripe.perchiinterna4 {
    min-height: 35vw;
    background-color: #fff;
    text-align: center;
    background-image: url(/wp-content/uploads/2021/11/identitas-per-chi-sfondo-righe.jpg);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}

.stripe.perchiinterna4 .macchia {
    position: relative;
    margin-left: 10vw;
}

.stripe.perchiinterna4 .macchiasotto {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 66vw;
}

.stripe.perchiinterna4 .titolosopra {
	position: absolute;
	left: 13.2vw;
	top: 13.4vw;
	z-index: 1;
}

.stripe.perchiinterna4 .titolosopra h2 {
	color: #fff;
	line-height: 1em !important;
	font-size: var(--global-h2-size);
}

.stripe.perchiinterna4 .interno .testo {
	display: flex;
	flex-flow: column;
	max-width: 30%;
	/* color: white; */
	width: 100%;
	margin: 0 auto;
	padding: 0;
	left: 56%;
	position: absolute;
	text-align: left;
	color: var(--global-color-grigiomedio);
	align-content: center;
	top: 6vw;
}

.stripe.perchiinterna4 .interno .testo h2 {
	line-height: 1em !important;
	font-size: var(--global-h2-size);
	z-index: 10;
	line-height: 1em !important;
	margin-bottom: 1vw;
}

.stripe.perchiinterna4 .interno .testo h2 span {
    color: var(--global-oro) !important;
    font-weight: 700;
}

/* lo studio */
.stripe.lostudiointerna {
	min-height: 22vw !important;
	background-color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
}

.stripe.lostudiointerna h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
    color: var(--global-color-grigioscuro);
}

.stripe.lostudiointerna h2 span {
    color: var(--global-oro);
    font-size: var(--global-h2-size);
    line-height: 1em !important;
    font-weight: 700;
}

.stripe.lostudiointerna p {
	color: var(--global-color-grigioscuro);
	margin: 0 auto;
	max-width: 60%;
	font-size: 1.2vw;
}

.stripe.lostudiointerna .interno {
	margin: 0 auto;
}
.stripe.lostudiointerna2 .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	max-width: 61.6vw !important;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.stripe.lostudiointerna2 {
    background-color: var(--global-color-grigiomenu);
    min-height: 21vw;
    z-index: 10;
	display: flex;
	align-items: center;
}
.stripe.lostudiointerna2 .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	max-width: 60vw !important;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.stripe.lostudiointerna2 .testo h2 {
    font-size: var(--global-h2-size); /* changed */
    line-height: 1em !important;
    margin-bottom: 20px !important;
    color: #fff;
}

.stripe.lostudiointerna2 .testo h2 span {
    color: var(--global-oro);
    font-weight: 700;
}

.stripe.lostudiointerna2 .pennellatatondo {
	/* background-color: #ff0000; */
	width: 35vw;
	height: 30vw;
	background-image: url(/wp-content/uploads/2021/12/identitas-lo-studio-triangolo-oro2.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50vw;
	top: -6vw;
	text-align: center;
	background-size: 105%;
	/* transform: rotate(-5.3deg); */
}
.stripe.lostudiointerna2 .pennellatatondo p {
	margin: 0 auto;
	max-width: 69%;
	text-align: center;
	color: #fff;
	margin-top: 1.4vw;
	font-size: 1.045vw !important;
	/* transform: rotate(5.3deg) !important; */
	left: 1vw;
}

.stripe.lostudiointerna3 {
	min-height: 24vw;
	background-color: var(--global-color-grigiochiarotrans);
	text-align: center;
}
.stripe.lostudiointerna3 .testo .col1 {
	text-align: left !important;
}
.stripe.lostudiointerna3 .testo {
    display: flex;
}

.stripe.lostudiointerna3 .testo > div {
	width: 50%;
	align-items: center;
	display: flex;
	text-align: left;
}

.stripe.lostudiointerna3 .testo>div.col1 {
    text-align: right;
    padding-left: 30px;
    color: var(--global-color-grigioscuro) !important;
}

.stripe.lostudiointerna3 .testo>div.col2 {
    text-align: left;
    padding-left: 100px;
    color: var(--global-color-grigioscuro) !important;
}

.stripe.lostudiointerna3 h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 0px;
    color: var(--global-color-grigiomenu);
}

.stripe.lostudiointerna3 h2 span {
    color: var(--global-oro);
    font-size: var(--global-h2-size);
    line-height: 1em !important;
    font-weight: 700;
}

.stripe.lostudiointerna3 p {
	color: #fff;
	color: var(--global-color-grigioscuro);
	font-size: 1.2vw;
}
.stripe.lostudiointerna4 p {
	font-size: 1.2vw;
}

.stripe.lostudiointerna3 .interno {
    display: flex;
    flex-flow: row;
    max-width: var(--responsive--alignwide-width) !important;
    color: white;
    width: 100%;
    margin: 0 auto;
    padding: 120px 0 0 0;
}

.stripe.lostudiointerna4 {
    min-height: 35vw;
    background-color: #fff;
    text-align: center;
    background-image: url(/wp-content/uploads/2021/11/identitas-lo-studio-sfondo-cubi.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

.stripe.lostudiointerna4 .macchia {
    position: relative;
    margin-left: 0;
}

.stripe.lostudiointerna4 .macchiasotto {
	position: absolute;
	left: 0;
	top: -4vw;
	z-index: 1;
	max-width: 50vw;
}

.stripe.lostudiointerna4 .titolosopra {
    position: absolute;
    left: 15vw;
    top: 12vw;
    z-index: 1;
}

.stripe.lostudiointerna4 .titolosopra h2 {
    color: #fff;
    line-height: 1em !important;
}

.stripe.lostudiointerna4 .interno .testo {
	display: flex;
	flex-flow: column;
	max-width: 33%;
	/* color: white; */
	width: 100%;
	margin: 0 auto;
	padding: 12vw 0 0 0;
	left: 51%;
	position: absolute;
	text-align: left;
	color: var(--global-color-grigiomedio);
}

.stripe.lostudiointerna4 .interno .testo h2 {
	line-height: 1em !important;
	margin-bottom: 1vw;
	font-size: var(--global-h2-size);
}
.stripe.lostudiointerna4 .interno .testo h2 span {
    color: var(--global-oro) !important;
    font-weight: 700;
}



/* lo studio */

.stripe.contattiinterna {
	min-height: 36vw;
	background-color: #000;
	text-align: center;
	background-image: url(/wp-content/uploads/2021/11/identitas-contatti-sfondo.png);
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding: 100px 0 !important;
}

.stripe.contattiinterna .interno {
	background-color: rgb(0,0,0,0.95);
	background-color: #fff;
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 100px 0;
	align-items: center;
	justify-content: center;
}
.stripe.contattiinterna {
	color: #000;
}
.stripe.contattiinterna .interno .testo {
	width: 80%;
	/* border: 1px solid #fff; */
}

/* gravity forms generica senza stili */

:root {
	--global-form-font-family: "Barlow Condensed";		/* var(--global-form-font-family) */
	--global-form-border: 1px solid rgba(255,255,255,1);							/* var(--global-form-border) */
	--global-form-field-color: #fff;					/* var(--global-form-field-color) */
	--global-form-field-bg: transparent;				/* var(--global-form-field-bg) */
	--global-form-textarea-border: 1px solid #fff;		/* var(--global-form-textarea-border) */
	--global-form-field-placeholder-color: #ccc;		/* var(--global-form-field-placeholder-color) */
}

.gform_wrapper {
	font-size: 80%;
	font-family: var(global-form-font-family);
	/* border: var(--global-form-border); */
}

.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select, .gform_wrapper button {
	font-family: var(global-form-font-family) !important;
}
.gform_wrapper label {
	font-family: var(global-form-font-family);
}
.gform_wrapper li {
	list-style-type: none;
	text-align: left;
	width: 48%;
	border-bottom: var(--global-form-border);
}

.gform_wrapper li .gfield_label {
	display: none;
}

.gform_wrapper input::placeholder, .gform_wrapper textarea::placeholder {
	font-family: "Barlow Condensed";
	color: var(--global-form-field-placeholder-color);
}
.gform_wrapper input {
	font-family: "Barlow Condensed";
	color: var(--global-form-field-color) !important;
	background: transparent;
}

.gform_wrapper textarea {
	font-family: "Barlow Condensed";
	color: var(--global-form-field-color);
	background: transparent;
	border: var(--global-form-textarea-border) !important;
}
.gform_wrapper .gfield_consent_label {
	font-family: var(--global-form-font-family) ;
	margin-top: 11px;
}
.gform_wrapper .gfield_consent_label a {
	color: #fff;
}

.gform_wrapper .gform_button.button {
	font-family: var(--global-form-font-family) ;
}

/* stili specificy layout */

.gform_wrapper .right2col { /* textarea flottante a destra */
	float: right;
	clear: none;
	border-bottom: none;

}
.gform_wrapper .right2col textarea {
	height: 19.8vw;
	color: #fff;
}
.gform_wrapper .right2col label {
	display: inline;
	width: auto;
	height: auto;
}
.gform_wrapper li input[type="text"],
.gform_wrapper li input[type="password"],
.gform_wrapper li input[type="radio"],
.gform_wrapper li input[type="checkbox"],
.gform_wrapper li input[type="email"]
{
	padding-left: 0;
}
.gform_wrapper li input[type="text"],
.gform_wrapper li input[type="email"]
{
	width: 100%;
}
.gform_wrapper li input[type="checkbox"] {
	padding-top: 10px !important;
}
.gform_wrapper li input[type="checkbox"] {
	margin-top: 12px !important;
	margin-bottom: 10px;
}
.gform_wrapper .right2col {

}

.gform_button.button[type="submit"]:hover {
	color: #000 !important;
	background-color: #fff;
	border: 1px solid #000;
}

.gform_button.button[type="submit"] {
	width: 294px;
	height: 46px;
	line-height: 0 !important;
	display: block;
	text-align: center;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 2vw auto 0 auto;
	border: 1px solid #fff;
	transition: 0.3s all;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .site textarea {
	border: 1px solid #000 !important;
	/* border-radius: var(--form--border-radius);
	color: var(--form--color-text);
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit);
	margin: 0 2px;
	max-width: 100%; */
	margin-bottom: 8px !important;
	padding-left: 10px !important;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder
{
	color: #000 !important;
	font-size: 20px !important;
}
/* fine gform */





.stripe.contattiinterna h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
    color: var(--global-color-grigioscuro);
}

.stripe.contattiinterna h2 span {
    color: var(--global-oro);
    font-size: var(--global-h2-size);
    line-height: 1em !important;
    font-weight: 700;
}

.stripe.contattiinterna p {
    color: var(--global-color-grigioscuro);
}



/* identita concettuale */

.stripe.identita.concettuale {
	min-height: 22vw;
}
.stripe.identita.concettuale {
	text-align: center;
}
.stripe.identita.concettuale {
	/* width: var(--responsive--alignwide-width) !important; */
	margin: 1vw auto !important;
	display: flex;
	flex-flow: column;
	/* align-items: center; */
	justify-content: center;
}

.stripe.identita.concettuale h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
}
.stripe.identita.concettuale h2 span {
	color: var(--global-oro);
	font-weight: 700;
}
.page-identita-concettuale .stripe.identita.riga p {
	font-size: 1.2vw;
}
.stripe.identita.concettuale p {
	font-size: 1.2vw;
	font-weight: normal;
	line-height: 1.2em !important;
	max-width: 50%;
	display: block;
	margin: 0 auto;
}

/* brand analysis  */
.stripe.identita.brandanalysis .coln2.colsin .col1 {
	width: 46.6%;
	background-color: #ccc;
	color: #ffffff;
}

.stripe.identita.brandanalysis .coln2.colsin .col2 {
	width: 53.4%;
	background-color: #787878;
	color: #ffffff;
}
.stripe.identita.riga.brandanalysis .coln2.colsin .col2 {
	background-color: var(--global-color-grigiomenu);
	color: white;
}
.stripe.identita.riga.brandarchitecturestrategy .coln2.colsin .col1 {
	background-color: var(--global-color-grigiochiaro);
	color: var(--global-color-grigiomedio2);
	width: 46.6%;
}
.stripe.identita.riga.brandarchitecturestrategy .coln2.colsin .col2 {
	background-color: var(--global-oro);
	color: white;
	width: 55.4%;
}
.stripe.identita.riga.corporatebranding .coln2.coldes .col1 {
	background-color: var(--global-color-grigiomedio2);
	color: var(--global-color-grigiomedio);
	width: 55.4%;
}
.stripe.identita.riga.corporatebranding .coln2.coldes .col2 {
	background-color: white;
	color: var(--global-color-grigiochiaro);
	width: 46.6%;
}
.stripe.identita.riga.corporatebranding .coln2.coldes .col2 h2{
	margin-left: 2.5vw;
}
.stripe.identita.riga.brandstrategy .coln2.coldes .col2 h2 {
	margin-left: 2.5vw;
}
.stripe.identita.riga.identitystatement .coln2.colsin .col1 {
	background-color: var(--global-color-grigiomenu);
	color: var(--global-color-grigiomedio);
	width: 46.6%;
}
.stripe.identita.riga.identitystatement .coln2.colsin .col2 {
	background-color: var(--global-color-grigiochiaro);
	color: var(--global-color-grigioscuro);
	width: 55.4%;
}
/* brand strategy */
.stripe.identita.brandstrategy .coln2.coldes .col1 {
	width: 55.4%;
	background-color: #ffffff;
	color: #464646;

}
.stripe.identita .coln2.coldes .col2 {
	width: 46.6%;
	background-color: #333333;
	color: var(--global-oro);
}

.stripe.identita.riga .interno {
	display: flex;
	flex-flow: row;
	width: 100%;
	min-height: 19.5vw;
}
.stripe.identita.riga.brandanalysis .colsin h2 {
	font-size: 5.5vw;
	font-weight: normal;
	line-height: 1.0em !important;
	text-align: right;
	margin-right: 2.5vw;
	padding-bottom: 0;
	margin-bottom: 0.5vw;
}
.stripe.identita.riga .colsin h2 {
	font-size: 5.5vw;
	font-weight: normal;
	line-height: 1.0em !important;
	text-align: right;
	margin-right: 2.5vw;
	padding-bottom: 0;
	margin-bottom: -0.5vw;
}
.stripe.identita.riga.brandarchitecturestrategy .colsin h2 {

	margin-bottom: 0.5vw;
}
.stripe.identita.riga .colsin h2 span {
	font-weight: 700;
}
.stripe.identita.riga .colsin .col1 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.stripe.identita.riga .colsin .col2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.stripe.identita.riga .colsin .col2 p {
	max-width: 60%;
	padding: 0 0 0 2.5vw;
	text-align: left;
}


.stripe.identita.riga .coldes h2 {
	font-size: 5.5vw;
	font-weight: normal;
	line-height: 1.0em !important;
	text-align: left;
	/* padding-bottom: 0.5vw; */
}
.stripe.identita.riga .coldes h2 span {
	font-weight: 700;
}
.stripe.identita.riga .coldes .col1 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.stripe.identita.riga .coldes .col2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.stripe.identita.riga .coldes .col1 p {
	max-width: 60%;
	padding: 0 60px 0 0px;
	text-align: left;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: inherit !important;
	background-image: inherit !important;

}

.identitaconcettuale .v1 {
	right: auto;
}





/* identita verbale */

.stripe.identita.verbale {
	min-height: 20vw;
}
.stripe.identita.verbale {
	text-align: center;
}
.stripe.identita.verbale {
	margin: 1vw auto !important;
	display: flex;
	flex-flow: column;
	justify-content: center;
	/* min-height: var(--global-module-15); */
}
.stripe.identita.verbale h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
}
.stripe.identita.verbale h2 span {
	color: var(--global-oro);
	font-weight: 700;
}
.stripe.identita.verbale.separatore {
	min-height: 2vw;
}
.stripe.identita.verbale.separatore img {
	max-width: 80%;
}
.stripe.identita.verbale.riga .coln2.colsin > div,
.stripe.identita.verbale.riga .coln2.coldes > div {
	width: 50%;
}
.stripe.identita.verbale.riga .colsin .col1 {
	display: flex;
	justify-content: flex-end;
	align-items: center;

}
.stripe.identita.verbale.riga .colsin .col2 p {
	margin: 0;
}
.stripe.identita.verbale.riga .coldes .col2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: transparent;

}
.stripe.identita.verbale.riga .coldes .col1 p {
	margin: 0;
	color: #000;
}
.stripe.identita.verbale p {
	font-size: 1.2vw;
	font-weight: normal;
	line-height: 1.2em !important;
	max-width: 50%;
	display: block;
	margin: 0 auto;
}
.stripe.identita.verbale.riga img {
	max-width: 70%;
}
.stripe.identita.verbale.caratteri {
	margin: 0 !important;
}
/* .vtab:hover {
	background-color: #fff;
	color: #000 !important;
	border: 1px inset #000 !important;
	transition: 0.3s all;
}
.vtab:hover .vtext {
	color: #000 !important;
	transition: 0.3s all;
} */


/* identita visiva */

.stripe.identita.visiva {
	min-height: 25vw;
}
.stripe.identita.visiva {
	text-align: center;
	margin: 50px auto !important;
	display: flex;
	align-items: center;
}

.stripe.identita.visiva.visualstrategy h2 span {
	color: #ff0080 !important;
}

.stripe.identita.visiva.logo h2 span{
	color: rgba(227,6,19,1);
}
.stripe.identita.visiva.visualidentitydesign h2 span {
	color: #FF00FF;
}
.stripe.identita.visiva.brandarchitecturedesign h2 span {
	color: rgba(0,0,255,1) !important;
}
.stripe.identita.visiva.brandmanual h2 span {
	color: rgba(0,154,147,1) !important;
	color: rgb(0, 255, 255) !important;
}
.stripe.identita.visiva.labelingepackaging h2 span {
	color: rgba(0,150,64,1) !important;
}

.stripe.identita.visiva.intro .interno {
	height: auto;
	max-width: 900px;
	margin: 0 auto;
}

.stripe.identita.visiva h2 {
    font-size: var(--global-h2-size); /* changed */
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
	color: var(--global-color-grigiomedio2);
}
.stripe.identita.visiva h2 span{
	font-weight: 700 !important;
	color: var(--global-oro);
}
.stripe.identita.visiva riga h2 {
    font-size: 128px;
    font-weight: normal;
    line-height: 1.0em !important;
    margin-bottom: 26px;
	color: var(--global-color-grigiomedio2);
}

.stripe.identita.visiva h2 span {
	font-weight: normal;
}

.stripe.identita.visiva p {
	font-size: 1.2vw;
	font-weight: normal;
	line-height: 1.2em !important;
}

.stripe.identita.visiva.riga .disegno {
	display: none;
}
.stripe.identita.visiva.visualstrategy.riga .disegno {
	position: absolute;
	left: 10vw;
	top: 9vw;
}
.stripe.identita.visiva.logo.riga .disegno {
	position: absolute;
	left: 70vw;
	top: 3vw;
}
.stripe.identita.visiva.visualidentitydesign.riga .disegno {
	position: absolute;
	left: 9vw;
	top: 13.1vw;
}
.stripe.identita.visiva.brandarchitecturedesign.riga {
	z-index: 1;
}
.stripe.identita.visiva.brandarchitecturedesign.riga .disegno {
	position: absolute;
	left: 75vw;
	top: 13.1vw;
}
.stripe.identita.visiva.brandmanual.riga .disegno {
	position: absolute;
	left: 14.3vw;
	top: 11.3vw;
}
.stripe.identita.visiva.labelingepackaging.riga .disegno {
	left: 76vw;
	position: absolute;
	top: 16vw;
}
.stripe.identita.visiva.labelingepackaging {
	z-index: 1;
	margin-bottom: 150px !important;
}
.stripe.identita.visiva.labelingepackaging .riga .disegno {
	position: absolute;
	left: 16vw;
	top: 10vw;
}
.stripe.identita.visiva.riga .interno.coln2 h2 {
	font-size: 6.3vw !important;
	transition: all 1s;
}
/* riga  */
.stripe.identita.visiva .coln2.colsin .col1 {
	width: 50%;
	/* background-color: #fff; */
	color: #ffffff;
}
.stripe.identita.visiva.riga p {
	font-size: 1.2vw; /*1.06vw - 20px */
}
.stripe.identita .coln2.colsin .col2 {
	width: 50%;
	background-color: #fff;
	color: var(--global-color-grigiomedio);
}


.stripe.identita.visiva.riga .interno {
	display: flex;
	flex-flow: row;
	width: 100%;
	min-height: 20vw;
}

.stripe.identita.visiva.riga .colsin h2,
.stripe.identita.visiva.riga .coldes h2 {
	font-size: 127px;
	font-weight: normal;
	line-height: 0.8em !important;

}
.stripe.identita.visiva.riga .colsin h2 span {
	/* font-weight: 700; */
}
.stripe.identita.visiva.riga .colsin .col1 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.stripe.identita.visiva.riga .colsin .col2 {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: column;
}
.stripe.identita.riga .colsin .col2 img{
	margin-top: 3.5vw;
	margin-left: 0px;
	display: block;
}
.stripe.identita.riga .coldes .col1 img {
	margin-top: 3.5vw;
	margin-right: 0px;
}
.stripe.identita.visiva.riga .colsin .col2 p {
	max-width: 60%;
	padding: 0 0 0 0px;
	text-align: left;
}
.stripe.identita.visiva .coln2.coldes .col1 {
	width: 50%;
}
.stripe.identita.visiva .coln2.coldes .col2 {
	width: 50%;
	/* background-color: #fff; */
	color: var(--global-color-grigiomedio);

}

.stripe.identita.visiva.riga .coldes h2 {
	font-size: 127px;
	font-weight: normal;
	text-align: left;
}
.stripe.identita.visiva.riga .coldes h2 span {
	/* font-weight: 700; */
}
.stripe.identita.visiva.riga .coldes .col1 {
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: flex-end;
	padding-right: 30px;
}

.stripe.identita.visiva.riga .coldes .col2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.stripe.identita.visiva.riga .coldes .col1 p {
	max-width: 60%;
	padding: 0 60px 0 0px;
	text-align: left;
}

.identitavisiva .v1 {
	right: auto;
}









/* footer */

.site-footer>.site-info {
    font-size: 20px !important;
}

.icons {
    margin-bottom: 0px;
    width: 50px;
    display: flex;
    flex-grow: column;
    justify-content: space-between;
}
.telefono {
	line-height: 1;
}
.icons a {
    color: #fff !important;
}

.telemail {
    width: 100%;
    display: flex;
    flex-grow: column;
    justify-content: space-between;
}

.telemail a {
    color: #fff !important;
    line-height: inherit;
    text-decoration: none;
}

.telemail .email a {
    font-weight: 700 !important;
}


/* header */
.stripe:first-of-type {
	/* margin-top: 100px !important; */
}
.site-header {
	position: fixed !important;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100% !important;
	max-width: 100% !important;
	padding-bottom: 14px !important;
	background: hsl(0, 0%, 100%);
	margin-top: 0 !important;
	padding-top: 20px !important;
	/* background: -webkit-linear-gradient(to bottom, hsla(0, 0%, 100%, 1) 82%, hsla(0, 0%, 100%, 0.6) 92%, hsla(0, 0%, 100%, 0.1) 100%); */
	/* background: -o-linear-gradient(to bottom, hsla(0, 0%, 100%, 1) 82%, hsla(0, 0%, 100%, 0.6) 92%, hsla(0, 0%, 100%, 0.1) 100%); */
	/* background: linear-gradient(to bottom, hsl(0, 0%, 100%) 82%, hsla(0, 0%, 100%, 0.9) 99%, hsla(0, 0%, 100%, 0.0) 100%); */
	/* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1 ); */
	/* box-shadow: 0 0 9px 21px #fff; */
}

.site-header {
	position: fixed !important;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100% !important;
	max-width: 100% !important;
	padding-bottom: 14px !important;
	background: hsl(0, 0%, 100%);
	margin-top: 0 !important;
	padding-top: 20px !important;
	/* background: -webkit-linear-gradient(to bottom, hsla(0, 0%, 100%, 1) 82%, hsla(0, 0%, 100%, 0.6) 92%, hsla(0, 0%, 100%, 0.1) 100%); */
	/* background: -o-linear-gradient(to bottom, hsla(0, 0%, 100%, 1) 82%, hsla(0, 0%, 100%, 0.6) 92%, hsla(0, 0%, 100%, 0.1) 100%); */
	/* background: linear-gradient(to bottom, hsl(0, 0%, 100%) 82%, hsla(0, 0%, 100%, 0.9) 99%, hsla(0, 0%, 100%, 0.0) 100%); */
	/* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1 ); */
	/* box-shadow: 0 0 9px 36px #fff; */
}

/* menuverticale */


.idmenu {
	position: fixed;
	width: 160px;
	right: 0;
	top: 0;
	z-index: 10000;
}
.vtab {
	font-weight: 400;
	font-size: 1.5vw;
	color: #999999;
	width: 2.06vw;
	height: 100vh;
	background-color: #000;
	display: block;
	float: left;
	/* border-right: 1px solid #AAAAAA; */
	cursor: pointer;
	position: fixed;
	top: 0;
}
.v4 {
	z-index: 100;
}

.v1 {
	right: 4.12vw;
	background-color: var(--global-color-grigio3);
	z-index: 101;
}
.v2 {
	z-index: 102;
}
.v3 {
	z-index: 103;
}

.v1 .vtext {
	background-color: var(--global-color-grigio3);
}
.v2 .vtext {
	background-color: var(--global-color-grigio2);
}
.v3 .vtext {
	background-color: var(--global-color-grigio1);
}
.v4 .vtext {
	background-color: var(--global-oro);
}
.page-identita-concettuale .v4 {
	right: auto;
	left: 0vw;
}.page-identita-concettuale .v1 {
	right: auto;
	left: 2.06vw;
}
.vtab {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-vtab.png);
	background-repeat: no-repeat;
	background-size: 1477px 804px;
	background-position: center center;
}
.vtab .vtext {
	line-height: 2.06vw !important;
}
.vtab.v2 {
	/* background-position: 230px 100px; */
}
.vtab.v3 {
	/* background-position: 210px 100px; */
}

.vtab.nobg {
	background-image: none !important;
}
.vtab.nobg {
	filter: drop-shadow(0 0 4px rgba(0,0,0,0.2));
}
.page-identita-verbale .v1 {
	right: auto;
	left: 2.06vw;
}

.page-identita-verbale .v2 {
	right: auto;
	left: 4.12vw;
}
.page-identita-verbale .v4 {
	right: auto;
	left: 0vw;
}
.page-identita-visiva .v1 {
	right: auto;
	left: 2.06vw;
}

.page-identita-visiva .v2 {
	right: auto;
	left: 4.12vw;
}

.page-identita-visiva .v3 {
	right: auto;
	left: 6.18vw;
}
.page-identita-visiva .v4 {
	right: auto;
	left: 0vw;
}

.v2 {
	right: 2.06vw;
	background-color: var(--global-color-grigio2);
}
.v3 {
	right: 0vw;
	background-color: var(--global-color-grigio1);
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-oro-bottone-verticale.jpg); */
	/* background-size: cover; */
	/* background-position: center top; */
	color: var(--global-color-bianco);
}

.vtab.v3 .vtext {
	color: #fff;
}

.v4 {
	/* right: 0px; */
	right: 6.18vw;
	background-color: var(--global-oro);
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-oro-bottone-verticale.jpg); */
	/* background-size: cover; */
	/* background-position: center top; */
	color: var(--global-color-bianco) !important;
}
.vtab.v4 .vtext {
	color: #fff;
}
.vtab .vtext {
	color: #ffffff;
	transform: rotate(-90deg);
	position: relative;
	/* height: 40px; */
	text-align: left;
	transform-origin: 0 0;
	margin-right: 300px;
	display: block;
	/* height: 300px; */
	width: 80vw;
	top: 44.7vw;
	line-height: 40px;
	pointer-events: none;
	user-select: none;
	padding-left: 20vw !important;
}

.page-il-percorso-trivio .v1 {
	/* right: auto;
	left: 2.06vw; */
}

.page-il-percorso-trivio .v2 {
	/* right: auto;
	left: 4.12vw; */
}

.page-il-percorso-trivio .v3 {
	/* right: auto;
	left: 6.18vw; */
}
.page-il-percorso-trivio .v4 {
	right: auto;
	left: 0vw;
}
.page-il-percorso-trivio #page {
	/* max-width: 92vw !important; */
}

.page-identita-concettuale #page ,
.page-identita-verbale #page ,
.page-identita-visiva #page
{
	height:0;
}
#page {
	/* height: 0px !important; */
	overflow: hidden;
}


.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: inherit !important;
	background-image: inherit !important;

}
.site-footer > .site-info {
	padding-top: 100px !important;

}
.site-footer {
	padding-top: 0 !important;
	padding-bottom: 150px !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: inherit !important;
}

.page-contatti .stripe.testata > img {
	width: 100% !important;
	max-width: 100% !important;
}


.page-contatti .stripe.testata > img {
	width: 200% !important;
	max-width: 200% !important;
	opacity: 1;
	bottom: 0;
}
.stripe.testata > img {
	width: 100% !important;
	max-width: 200% !important;
	height: auto;
	margin-left: 0%;
}
.page-contatti .stripe.testata h1 {
	color: rgba(0, 0, 0, 1);
}
.page-contatti-conferma .stripe.testata h1 {
	color: rgba(0, 0, 0, 1);
	font-weight: bold;
}
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
 display: none !important;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
 -ms-overflow-style: none !important;  /* IE and Edge */
 scrollbar-width: none !important;  /* Firefox */
}

.page-identita-visiva .stripe .titolopagina h1 {
	color: rgba(0, 0, 0, 0.50);
}

#fader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	pointer-events: none;
	background: white;
	animation-duration: 300ms;
	animation-timing-function: ease-in-out;
	display: none;
}

/* stati hover */
.primary-navigation .primary-menu-container > ul > .menu-item a {
	text-underline-offset: 2px;
	transition: 0.2s all;
	text-decoration-style: solid !important;
}

.primary-navigation .primary-menu-container > ul > .menu-item:active a,
.primary-navigation .primary-menu-container > ul > .menu-item:hover a {
	color: var(--global-oro) !important;
	transition: 0.2s all;
	text-underline-offset: 10px;
	text-decoration-style: solid !important;
	text-decoration: none;
}

.primary-navigation .primary-menu-container > ul > .menu-item:active:hover a,
.primary-navigation .primary-menu-container > ul > .menu-item:active a {
	/* text-decoration: underline; */
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item:hover > a:first-child {
	color: var(--global-oro) !important;
	text-underline-offset: 10px !important;
	transition: 0s all;
	text-decoration-style: solid !important;
	text-decoration: underline;
}
.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item:hover > a:first-child {
	text-decoration: underline !important;
}

.validation_message, .gform_submission_error  {
	color: var(--global-oro) !important;
	font-family: "Barlow Condensed" !important;
}

.animoverlay {
	background-color: #f00;
	z-index: 10000000000;
	position: fixed !important;
	display: block;
	left: 0 !important;
	top: 0 !important;
	width: 100vw;
	height: 100vh;
	max-width: 100vw !important;
}

.showmobile {
	display: none;
}

.alignwide.imageover {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	max-width: 100% !important;
	margin-top: 25px;
	display: none;
}
.home .stripe.testata {
	margin-top: -1px !important;
}
video {
	width: 100%;
	height: auto;
	margin-top: 1.6vw;
}

.boxbrand {
	width: 28vw;
	height: 17vw;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 2vw 3vw;
	position: absolute;

	z-index: 10;
}
.stripe.brand .boxbrand {
	background-color: transparent;
	left: 35.6vw;
	top: 2.3vw;
}


.page-cosa-facciamo .stripe.testata img {
	display: none;
}
 .stripe.testata {
	 /* transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	position: static; */
 }

 .page-cosa-facciamo .stripe.testata {
     background-image: url(/wp-content/uploads/2022/01/identitas-testate-cosa-facciamo.jpg);
     background-attachment: unset;
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: 100%;
 }
.page-per-chi .stripe.testata img {
	display: none;
}
.page-per-chi .stripe.testata {
	background-image: url(/wp-content/uploads/2022/01/identitas-testate-per-chi.jpg);
	background-attachment: fixed;
	background-position: center 2vw;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-lo-studio .stripe.testata img {
	display: none;
}
.page-lo-studio .stripe.testata {
    background-image: url(/wp-content/uploads/2022/01/identitas-testate-lo-studio.jpg);
    background-attachment: fixed;
    background-position: center 7vw;
    background-repeat: no-repeat;
    background-size: 100%;
}
.page-contatti .stripe.testata img {
	display: none;
}
.page-contatti .stripe.testata {
	background-image: url(/wp-content/uploads/2022/01/identitas-testate-contatti.jpg);
	background-attachment: fixed;
	background-position: center 2vw;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 25vw;
}
.page-identita-verbale .stripe.testata img {
	display: none;
}
.page-identita-verbale .stripe.testata {
	background-image: url(/wp-content/uploads/2021/11/identita-verbale-testata.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 10.9vw;
}
.page-identita-concettuale .stripe.testata img {
	display: none;
}
.page-identita-concettuale .stripe.testata {
	background-image: url(/wp-content/uploads/2022/01/identitas-testate-identita-concettuale-1.jpg);
	background-image: url(/wp-content/uploads/2023/02/identita-concettuale-testata.jpg);
	background-attachment: fixed;
	background-position: center 16%;
	background-size: 108%;
	background-repeat: no-repeat;
}
.page-il-percorso-trivio .stripe.testata .titolopagina h1 {
	color: #000;

}
.page-identita-visiva .stripe.testata img {
	display: none;
}
.page-identita-visiva .stripe.testata {
    background-image: url(/wp-content/uploads/2021/11/identita-visiva-testata.png);
    background-image: url('/wp-content/uploads/2023/02/iIdentita-visiva-testata.jpg');
    /* background-attachment: fixed; */
    background-position: center bottom;
    /* background-size: 163%; */
    background-repeat: no-repeat;
    background-attachment: unset;
	background-size: 100%;
}
.page-il-percorso-trivio .stripe.testata {
    background-image: url(/wp-content/uploads/2022/02/GettyImages-1225179697-trivio-1.jpg);
    /* background-attachment: fixed; */
    background-position: center bottom;
    /* background-size: 163%; */
    background-repeat: no-repeat;
    background-attachment: unset;
	background-size: 100%;
}
.stripe.giango p {
	color: #fff;
}
.slick-slide {
	min-height: 30vw !important;
}
.playbutton img:hover {
  filter: drop-shadow(0px 0px 10px #666);
  transition: all 0.5s;
  animation-timing-function: ease-out;
  transform: scale(1.0333);
}

.playbutton img {
  filter: drop-shadow(0 0 0);
  transition: all 0.5s;
  animation-timing-function: ease-in;
  cursor: pointer;
}
.home .playbutton a {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 12px 20px;
	text-transform: uppercase;
	width: 18vw;
	align-items: center;
	display: flex;
	justify-content: center;
	border: 1px solid #fff;
	outline: none;
	transition: all 0.5s;
}
.home .playbutton a:hover {
	color: #000;
	background-color: #fff;
	outline: none;
}
.home .playbutton a:hover svg.playsvg ellipse {
	stroke: #000 !important;
	fill: #000 !important;
}

.home .playbutton a span {
	font-weight: 500;

}
svg.playsvg {
	width: 18px;
	height: 18px;
}
.home .perlin {
	height: 100%;
}
.primary-navigation > div > .menu-wrapper {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
	width: 1150px;
	gap: space-between;
	justify-content: space-evenly !important;
}
.stripe.testata {
	min-height: 36vw;
}
.stripe.testata > img {
	position: absolute;
	bottom: 0;
}
.stripe .titolopagina h1 {
	position: relative;
	/* bottom: 0; */
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	font-weight: 700;
	font-size: var(--global-font-size-h1-100);
	color: rgba(0, 0, 0, 0.25);
	width: 100% !important;
	display: block;
	max-width: 100%;
	line-height: 0.805 !important;
}

.page-identita-concettuale .stripe .titolopagina h1,
.page-identita-verbale .stripe .titolopagina h1,
.page-identita-visiva .stripe .titolopagina h1
{
	line-height: 0.815 !important;
}

.titolopagina {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.logomobile {
	/* display: none; */
	z-index: 1000000;
	width: 200px;
	margin:0 auto;
	text-align: center;

}
.logomobile img {
	height: 57.5px;
	margin-top: 16px auto 0 auto;
	outline: none !important;
}

.overlayvideo {
	position: absolute;
	z-index: 100;
	top: 4.3vw;
	width: 100%;
	text-align: center;
}
.overlayvideo h2 {
	font-weight: 700;
	font-size: var(--global-h2-size); /* changed */
}
.bottone.scopriidentitas {
	/* margin-top: 8vw; */
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #000;
	max-width: 300px;
	margin: 13.9vw auto 0 auto;
	color: #fff;
	padding: 8px;
	letter-spacing: 0;
	font-size: 1.04vw;
	font-weight: 500;
	outline: none;
	transition: all 0.5s;
	border: 1px solid transparent;
}


.home .bottone.scopriidentitas:hover {
	/* margin-top: 8vw; */
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}

.stripe.perchi {
	min-height: 30vw;
}

.stripe.perchi .alignwide {
	display: none;
}


.stripe.perchiinterna3 {
	display: flex;
	align-items: center;
}
.logogiangomobile {
	display: none;
}


.stripe.identita.visiva.visualstrategy.riga .disegno {
	margin-top: -4.4vw;
	margin-left: 4.7vw;
}
.stripe.identita.visiva.riga .disegno {
	width: 9vw;
	transition: all 1s;
}
.menu-button-container #primary-mobile-menu {
	outline: none;
	margin-top: 12px;
	margin-right: 8px;
}
.page-identita-concettuale .simbolo {
	opacity: 0.1 !important;
	right: 20vw;
	position: absolute;
	width: 11vw;
	height: auto;
}
.page-identita-concettuale .simbolo.s1 {
	z-index: 11;
	top: 9.1vw;
}
.page-identita-concettuale .simbolo.s2 {
	right: auto;
	left: 10vw;
	top: 0;
}
.page-identita-concettuale .simbolo.s3 {
	z-index: 11;
	top: 1.1vw;
	right: 9vw;
}
.page-identita-concettuale .simbolo.s4 {
	z-index: 11;
	top: 0;
	left: 5vw;
	transform: rotate(90deg);
}
.page-identita-concettuale .simbolo.s5 {
	z-index: 11;
	top: -0.9vw;
	transform: rotate(180deg);
	right: 9vw;
}
.stripe.seiinteressato a.bottone:hover {
	background-color: #000;
	color: #fff;
	background-image: none;
}
.primary-navigation .custommenu .menupagina a:hover {
	color: var(--global-oro) !important;
}
.bottonecontatti {
	transition: 0.3s all;
}
.primary-navigation-open .bottonecontatti {
	opacity: 0;
}
.primary-navigation .custommenu .menupagina.menumobileidentita a {
	/* color: #fff !important; */
}
@media only screen and (max-width: 1366px) {
	.vtab {
		background-size: 900px 490px;
	}
}
@media only screen and (max-width: 1023px) {
	.stripe.colonne3 a.bottone{
		width: 45vw;
		height: 6.3vw;
		line-height: 6.1vw !important;
		margin: 3vw auto 0 auto;
	}
	.stripe.cosafacciamo img.aligncenter {
		display: block !important;
	}
	.home .playbutton a {
			width: 58vw;
		border: 2px solid #fff;
		font-size: 5vw;

	}
	.container.p24 {
		display: none;
	}
	.stripe.identita.verbale h2 {
		font-size: 27px;
		font-weight: normal;
		line-height: 1.0em !important;
		margin-bottom: 26px;
		margin-top: 26px;
	}
	.stripe.identita.verbale p {
		font-size: var(--global-p-size-mobile);
		font-weight: normal;
		line-height: 1.2em !important;
		max-width: 80%;
		display: block;
		margin: 0 auto;
	}
	.stripe.identita.riga .interno {
		flex-flow: column;
		min-height: 19.5vw;
	}
	.stripe.identita.verbale.riga .coln2.colsin > div,
	.stripe.identita.verbale.riga .coln2.coldes > div {
		width: 100%;
	}
	.stripe.identita.riga .colsin .col2 p,
	.stripe.identita.riga .coldes .col2 p {
		max-width: 80%;
		padding: 0 0 0 0px;
		text-align: center;
		margin: 20px auto !important;
	}
	.stripe.identita.verbale.riga .coln2.colsin > div img,
	.stripe.identita.verbale.riga .coln2.coldes > div img {
		max-width: 80%;
		margin: 0 auto;
	}
	.stripe.identita.riga .coldes .col1 p {
		max-width: 80%;
		padding: 0 0px 0 0px;
		text-align: center;
		margin: 0 auto !important;

	}
	.stripe.identita.verbale.riga .interno.coldes {
		flex-flow: column-reverse !important;
	}


	.site-footer > .site-info {
	  padding-top: 14vw !important;
	}

	.site-footer > .site-info .row1 {
		width: 100%;
		flex-flow: column;
		align-items: center;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.site-info .row1 .col1, .site-info .row1 .col2, .site-info .row1 .col3 {
		padding-right: 0;
		width: 80% !important;
		margin: 0 auto;
		text-align: center;
	}
	.icons {
		margin-bottom: 14px;
		width: 50px;
		display: flex;
		flex-grow: column;
		justify-content: space-between;
		margin: 20px auto;
	}
	.telemail {
		width: 100%;
		flex-flow: column;
		text-align: center;
	}
	.site-footer > .site-info .row2 {
		width: 100%;
		clear: both;
		display: flex;
		flex-flow: column !important;
		align-items: center;
	}
	.site-footer > .site-info .row2 .col1 {
		width: 90% !important;
	}
	.site-footer > .site-info .row2 .col1 {
		width: 80% !important;
		text-align: center;
	}
	.site-footer > .site-info .row2 .col1 ul {
		clear: both;
	}
	.site-footer > .site-info .row2 .col2 {
		width: 50% !important;
		text-align: center;
		margin-top: 20px;
	}
	.site-footer {
		padding-top: 0 !important;
		padding-bottom: 60px !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: inherit !important;
	}
	.site-footer {
		padding-top: 0 !important;
		padding-bottom: 60px !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: inherit !important;
		background-size: 500%;
		background-repeat: no-repeat;
	}
	.site-footer p {
		font-size: var(--global-p-size-mobile);
	}
	.site-info img {
		margin: 0 auto;
		max-width: 45vw;
		display: block;
		margin-bottom: 4vw;
	}
	.stripe.identita.verbale.riga img {
		max-width: 80%;
	}
	.menu-button-container {
		display: flex !important;
	}
	.logomobile {
		display: block;
		width: 100%;
		position: fixed;
		text-align: center;
		background-color: #fff;
		filter: drop-shadow(0 0 0);
		height: 90px;
		top: 0;
	}
	#primary-menu-list, .primary-menu-container {
		display: none;
	}
	.menupagine {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 8fr 8fr 8fr 8fr 8fr 8fr 8fr 8fr 8fr 8fr 8fr 8fr;
		gap: 0px 0px;
		grid-template-areas: "logo" "s2" "a" "b" "c" "c1" "d" "s" "e" "f" "g" "h";
	}
	.primary-navigation-open .logomobile img {
		height: 57.5px;
		margin-top: 0px;
	}
	.menu-button-container {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.primary-navigation .custommenu .normale a {
		font-size: 30px !important;
		color: var(--global-oro) !important;
	}
	.menumobileidentita.menumobileconcettuale {
		background-color: var(--global-color-grigio1);
		color: #fff;
	}
	.menumobileidentita.menumobileverbale {
		background-color: var(--global-color-grigio2);
		color: #fff;
	}
	.menumobileidentita.menumobilevisiva {
		background-color: var(--global-color-grigio3);
		color: #fff;
	}
	.menumobileidentita.menumobiletrivio {
		background-color: var(--global-oro);
		color: #fff;
	}

	.menumobileidentita.menumobileconcettuale a,
	.menumobileidentita.menumobileverbale a {
		color: #999999 !important;
	}
	.menumobileidentita.menumobilevisiva a {
		color: #fff !important;
	}
	/* .menuidentita {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-rows: 1fr 1fr 1fr;
	  gap: 0px 0px;
	  grid-template-areas:
		"."
		"."
		".";
	} */
	.primary-navigation-open .custommenu {
		display: block;
		position: fixed;
		width: 100%;
		height: 100vh !important;
		z-index: 499;
		background-color: #fff;
		opacity: 1;
	}
	.primary-navigation .custommenu a {
		font-size: 30px !important;
	}
	.primary-navigation-open .menu-button-container {
		width: 20% !important;
	}
	.primary-navigation {
		top: 20px;
		right: 0;

	}
	.menupagine {
		height: 86vh;
		bottom: 0;
		position: absolute;
		width: 100%;
		border-bottom: 10vh solid var(--global-oro);
	}
	/* .menuidentita {
		height: 100vh;
	} */
	.menupagina {
		justify-content: center;
		display: grid;
		align-content: center;
		font-size: 6vw;
	}
	.home .stripe.testata {

		display: block;
		/* align-items: center; */
		margin: 0px 0 0 0 !important;
		min-height: 75vw !important;
	}
	.page-per-chi .stripe.testata {
	    background-position: center -80px;
	    background-repeat: no-repeat;
	    background-attachment: unset;
	}
	.page-cosa-facciamo .stripe.testata {
	    background-position: center bottom;
	    background-size: 100%;
		background-attachment: unset;
	}
	.page-contatti .stripe.testata {
		background-position: center bottom;
		background-size: 100%;
		background-attachment: unset;
	}
	.page-lo-studio .stripe.testata {
	    background-position: center bottom;
	    background-size: 150%;
	    background-attachment: unset;
	}
	.page-identita-verbale .stripe.testata {
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		background-attachment: unset;
	}
	.page-identita-visiva .stripe.testata {
	    background-position: center bottom;
	    background-size: 148% !important;
		background-attachment: unset;
	}
	/* .pagina-identita-verbale .stripe.testata {
		min-height: var(--global-module-1);
	} */

	.page-identita-concettuale .stripe.testata {
	    background-image: url(/wp-content/uploads/2022/01/identitas-testate-identita-concettuale-1.jpg);
	    background-attachment: fixed;
	    background-position: center bottom;
	    background-size: 108%;
	    background-repeat: no-repeat;
	    background-attachment: unset;
	}
	.home .stripe.brand {
		min-height: var(--global-module-15);
		overflow: hidden;
		display: flex;
		align-items: center;
	}

	.home .stripe.video {
		height: auto;
		overflow: hidden;
	}
	.home .gslider {
		margin-top: 0;
		position: relative;
		padding-top: 9vw;
	}
	.home .stripe.brand > img {
		width: 320% !important;
		max-width: 270% !important;
		margin-top: 0;
		margin-left: -10vw;
		position: absolute;
	}

	.boxbrand {
		width: 73vw;
		height: auto;
		background-color: rgba(0, 0, 0, 0.80);
		padding: 3vw 5vw 5vw 5vw;
		position: relative;
		left: auto;
		top: auto;
		z-index: 10;
		text-align: center;
		margin: 0 auto;
	}
	.home .stripe.brand .boxbrand {
		width: 80vw;
		height: auto;
		background-color: rgba(0, 0, 0, 0.80);
		padding: 5vw 5vw 5vw 5vw;
		position: relative;
		left: auto;
		top: auto;
		z-index: 10;
		text-align: center;
		margin: 0 auto;
	}

	.boxbrand h2 {
		font-size: var(--global-h2-size);
		line-height: 1em !important;
	}
	.boxbrand p {
		font-size: var(--global-font-size-p-45);
		line-height: 1.2em !important;
		margin-top: 2vw !important;
	}
	.boxbrand .bottone {
		width: 45vw;
		height: 6.3vw;
		line-height: 6.1vw !important;
		margin: 3vw auto 0 auto;
	}
	.stripe.cosafacciamointerna3 .bottone {
		width: fit-content;
		height: 9.3vw;
		line-height: 8.1vw !important;
		margin: 3vw auto 0 auto;
		font-size: 4.06vw;
		padding: 0 4vw;
	}
	.home .stripe.video img.alignwide {
		transform: scale(3.3) translateY(29%);
	}
	.slick-slide {
		overflow: hidden;
	}

	.slick-slide {
		background-color: #ffffff !important;

	}
	.stripe.cosafacciamo .col1, .stripe.cosafacciamo .col2 {
		width: 100%;
		max-width: 100%;
		min-height: 100vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.overlayvideo {
		top: 8.6vw;
	}
	.overlayvideo h2 {
		font-weight: 700;
		font-size: 6VW;
	}
	.gslider video {
		top: 4.4vw;
	}
	.gslider video {
		width: 224vw;
		height: auto;
		margin-left: -61.9%;
		background-color: #ffffff;
		margin-top: 4vw;
	}
	.bottone.scopriidentitas {
		margin: 26.7vw auto 0 auto;
		color: #fff;
		padding: 8px;
		letter-spacing: 0px;
		font-size: 3.5vw;
		font-weight: 500;
		width: 50vw;
	}
	.stripe.cosafacciamo {
		display: flex;
		flex-flow: column-reverse;
	}
	.stripe.cosafacciamo .col1, .stripe.cosafacciamo .col2 {
		width: 100%;
		max-width: 100%;
		min-height: var(--global-module-15);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.stripe.cosafacciamo .col2 img {
		width: 290%;
		height: auto;
		max-width: 104%;
		position: absolute;
		margin: 0;
		padding: 0;
		top: 0;
	}
	.stripe.cosafacciamo .col1 img {
		padding: 0;
		max-width: 65vw !important;
		height: auto;
		margin: 0vw auto !important;
		display: block;
		/* margin: 4vw; */
		float: none;
	}
	.stripe.cosafacciamo .col1 .percorsotrivio .gruppotrivio {
		transform: scale(2);
		transform-origin: top left;
	}
	.stripe.cosafacciamo .col1 .percorsotrivio {
		max-width: 60vw !important;
		margin: 0;
		float: none;
		margin-top: 11vw;
	}
	.stripe.cosafacciamo .col1 {
		align-items: flex-start;
		flex-flow: row;
		display: flex;
		position: relative;
	}
	.boxidentitas {
		width: 70vw;
		height: auto;
		padding: 6vw 7vw 7vw 7vw;
		position: relative;
		left: auto;
		top: auto;
		z-index: 10;
		text-align: center;
	}
	.boxidentitas h2 {
		font-size: var(--global-h2-size-mobile);
		line-height: 1em !important;
	}
	.boxidentitas p {
		font-size: var(--global-p-size-mobile);
		line-height: 1.2em !important;
		margin-top: 2vw !important;
	}
	.boxidentitas .bottone {
		width: 45vw;
		height: 6.3vw;
		line-height: 6.1vw !important;
		margin: 3vw auto 0 auto;
	}
	.stripe.colonne3 {
		flex-flow: column;
		padding-right: 0 !important;
	}
	.stripe.colonne3 .col1, .stripe.colonne3 .col2, .stripe.colonne3 .col3 {
		width: 100%;
		text-align: center;
		height: var(--global-module-2);
		display: flex;
		flex-flow: column;
		justify-content: center;
	}
	.stripe.colonne3 .col1 img, .stripe.colonne3 .col2 img, .stripe.colonne3 .col3 img {
		max-width: 25vw;
		height: auto;
		margin-bottom: 2vw;
	}
	.stripe.colonne3 .col1 p, .stripe.colonne3 .col2 p, .stripe.colonne3 .col3 p {
		font-size: var(--global-p-size-mobile);
		margin: 0;
		line-height: 1.2em !important;
	}
	/* .stripe.colonne3 .col1 h2, .stripe.colonne3 .col2 h2, .stripe.colonne3 .col3 h2 {
		margin-bottom: 4vw !important;
	} */
	.stripe.colonne3 .bottone {
		width: 45vw;
		height: 6.3vw;
		line-height: 6.1vw !important;
		margin: 3vw auto 0 auto;
	}
	.stripe.perche .interno {
		display: flex;
		flex-flow: column;
		max-width: 90% !important;
		width: 100%;
		margin: 0 auto;
		padding: 30px 0;
		position: relative;
	}
	.stripe.perche .col1 h2, .stripe.perche .col2 h2, .stripe.perche .col3 h2, .stripe.perche .col4 h2 {
		font-size: var(--global-h2-size-mobile);
	}
	.stripe.perche .col1, .stripe.perche .col2, .stripe.perche .col3, .stripe.perche .col4 {
		width: 100%;
		text-align: left;
		display: flex;
		flex-flow: column;
		justify-content: center;
		padding: 14px;
		margin-bottom: 6vw;
		height: auto;
		text-align:center;
	}

	.stripe.perchi {
		min-height: 125vw; /* var(--global-module-2); */
	}
	.stripe.perchi > img.alignwide {
		width: 425% !important;
		max-width: 420% !important;
	}
	.stripe.perchi .boxbrand {
		width: 70vw;
		height: 90vw;
		background-color: rgba(0, 0, 0, 0.80);
		padding: 5vw 5vw;
		position: absolute;
		left: 15vw;
		top: 17.25vw;
		text-align: center;
		z-index: 0;
	}

	.hidemobile {
		display: none;
	}
	.showmobile {
		display: block;
	}
	.boxperchi {
		width: 90vw;
		height: 21.8vw;
		background-color: transparent;
		padding: 0;
		position: absolute;
		left: 5vw;
		top: 53vw;
		z-index: 8;
		right: 0;
	}
	.boxperchi .freccia {
		background-image: url(/wp-content/uploads/2022/02/identitas-freccia-trans2.png) !important;
		background-position: right center;
		background-repeat: no-repeat;
		width: 82%;
		height: 11vw;
		margin-bottom: 8px;
		background-size: contain;
		display: flex;
		align-items: center;
		background-size: 100% 98%;
	}
	.boxperchi .freccia:nth-of-type(2) {
		padding-left: 20px;
		width: 86%;

	}
	.boxperchi .freccia:nth-of-type(3) {
		padding-left: 40px;
		width: 90%;
	}
	.freccia h3 {
		left: 37vw;
		display: block;
		position: absolute;
		color: white;
		font-size: var(--global-p-size-mobile);
	}
	.stripe.perchi .boxbrand {
		left: 15vw;
	}
	.stripe.perche {
		min-height: var(--global-module-3);
	}
	.stripe.perche .interno p {
		font-size: 3.4vw;
		color: #fff;
	}
	.pennellata {
		display: none;
	}
	.stripe.giango {
		min-height: var(--global-module-2);
		display: flex;
		align-items: center;
	}
	.stripe.giango .interno {
		display: flex;
		flex-flow: column;
		width: 100%;
		margin: 0 auto;
		padding: 10vw 0;
		text-align: center;
	}
	.stripe.giango .interno .logogiango {
		position: relative;
		top: auto;
		right: auto;
		max-width: 40vw;
		margin: 0 auto;
	}
	.stripe.giango .interno .testo {
		max-width: 100%;
	}
	.stripe.giango .interno p {
		font-size: var(--global-p-size-mobile);
		color: white;
		margin-bottom: 4vw;
	}
	.slick-slide {
		background-color: #ffffff !important;
	}
	video {
		background-color: #ffffff !important;
		filter: contrast(101%);
	}
	.overlayvideo {
		/* display: none; */
	}
	.stripe.testata {
		background-color: #ffffff !important;

	}
	.stripe.perchiinterna h2,
	.stripe.perchiinterna h2 span {
		font-size: var(--global-h2-size-mobile);
	}
	.stripe.perchiinterna p {
		font-size: var(--global-p-size-mobile);
	}
	.stripe.perchiinterna2 .pennellatatondo p {
		margin: 0 auto;
		/* max-width: 15.8vw; */
		text-align: center;
		color: #fff;
		margin-top: 0vw;
		display: block;
		position: relative;
		max-width: 80%;
		font-size: var(--global-p-size-mobile);
	}
	.stripe.perchiinterna2 .testo h2 {
		font-size: var(--global-h2-size-mobile);
		line-height: 1em !important;
		margin-bottom: 4vw !important;
		color: #fff;
		text-align: center;
	}
	.stripe.perchiinterna2 .pennellatatondo {
		/* background-color: #ff0000; */
		width: 100%;
		height: auto;
		/* background-image: none; */
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		left: auto;
		top: auto;
		max-width: 85% !important;
		margin: 0 auto;
		background-size: 113%;
		padding: 21vw 11vw;
		background-position: 56% center;
	}
	.stripe.perchiinterna2 .interno {
		display: flex;
		flex-flow: column;
		max-width: var(--responsive--alignwide-width) !important;
		max-width: 900px !important;
		width: 100%;
		margin: 0 auto;
		padding: 10vw 0 10vw 0;
	}
	.stripe.perchiinterna3 {
		min-height: 40vw;
		background-color: var(--global-color-grigiomedio2);
		text-align: center;
	}

	.stripe.perchiinterna4 .interno .testo {
	  /* padding: 12.3vw 0; */
	  padding: 0;

	  align-content: center;
	  top: 9vw;
	}

	.stripe.perchiinterna3 {
		min-height: var(--global-module-1);
	}
	.stripe.perchiinterna3 .testo {
	  flex-flow: column-reverse;
	  text-align: center;
	}

	.stripe.perchiinterna3 .testo > div.col1 {
	  /* text-align: right; */
	  /* padding-left: 30px; */
	  text-align: center;
	  padding-left: 0;
	}

	.stripe.perchiinterna3 .testo > div {
	  /* width: 50%; */
	  width: 80%;
	  margin: 0 auto;
	}

	.stripe.perchiinterna3 p {
	  font-size: var(--global-p-size-mobile);
	}

	.stripe.perchiinterna3 h2 {
	  /* font-size: var(--global-h2-size); changed  */
	  /* margin-bottom: 0px; */
	  font-size: var(--global-h2-size-mobile);
	  margin: 0 auto 3vw auto;
	}

	.stripe.perchiinterna3 h2 span {
	  /* font-size: var(--global-h2-size); */
	  font-size: var(--global-h2-size-mobile);
	}

	.stripe.perchiinterna3 .testo > div.col2 {
	  /* padding-left: 100px; */
	  padding-left: 0;
	  text-align: center;
	  margin: 0 auto;
	}
	.stripe.seiinteressato {
		/* min-height: var(--global-module-1); */
		min-height: 30vw;
	}
	.stripe.seiinteressato .interno {
		display: flex;
		flex-flow: column;
		text-align: center;
	}
	.stripe.seiinteressato .interno p {
		width: 100%;

	}
	.stripe.seiinteressato .bottone {
		width: 45vw;
		height: 6.3vw;
		line-height: 6.1vw !important;
		margin: 6vw auto 0 auto;
		font-size: 3vw;
	}
	.stripe.cosafacciamointerna3 .sfondopolvere {
		background-position: center -9vw;
	}

	.stripe.perchiinterna4 {
	  /* min-height: 35vw; */
	  min-height: 65vw;
	  background-size: cover;
	}

	.stripe.perchiinterna4 .macchia {
	  /* margin-left: 10vw; */
	  margin-left: auto;
	  margin-right: 5%;
	  display: block;
	}

	.stripe.perchiinterna4 .macchiasotto {
	  /* position: absolute; */
	  position: relative;
	}


	.stripe.perchiinterna4 .interno {
	  display: flex;
	  flex-flow: row;
	}
	.stripe.perchiinterna4 .interno .testo {
		display: flex;
		flex-flow: column;
		max-width: 100%;
		/* color: white; */
		width: 80%;
		margin: 0 auto;
		padding: 0;
		left: auto;
		position: relative;
		text-align: left;
		color: var(--global-color-grigiomedio);
		align-content: center;
		top: 9vw;
		text-align: center;
	}

	.stripe.perchiinterna4 .interno {
		flex-flow: column-reverse;
		overflow: hidden;
	}
	  .stripe.perchiinterna4 {
	    min-height: 51vw;
	  }
	  .stripe.perchiinterna4 .interno .testo {
	    top: 0;
	    margin-top: 4vw;
	  }
	  .stripe.perchiinterna4 .macchia {
		margin-right: -36%;
		top: -2vw;
	}

	  .stripe.perchiinterna4 .titolosopra h2 {
	    font-size: var(--global-h2-size-mobile);
	  }

	  .stripe.perchiinterna4 .macchiasotto {
		width: 145vw;
		max-width: 150vw;
	}

	.stripe.perchiinterna4 .titolosopra {
	  left: 23.9vw;
	  top: 26.3vw;
	}

	.stripe.perchiinterna4 {
	min-height: var(--global-module-3);
	display: flex;
	align-items: center;
	}
	.stripe.perchiinterna4 .interno .testo h2 {
	font-size: var(--global-h2-size-mobile);
	}

	.stripe.perchiinterna4 p {
		font-size: var(--global-p-size-mobile);
		margin-top: 3vw;
		margin-bottom: 50px;
	}

	button, input, optgroup, select, textarea {
	font-size: 250%;
	}

	.gform_wrapper ul, .gform_wrapper ol {
		padding-left: 0;
	}

	.gform_wrapper .right2col {
		float: none;
	}

	  .gform_wrapper li {
	    width: 100%;
	  }

	  #field_1_8 {
	    order: 10;
	    display: grid !important;
	  }
	  .gform_wrapper li textarea, .gform_wrapper li input[type="text"], .gform_wrapper li input[type="password"], .gform_wrapper li input[type="radio"], .gform_wrapper li input[type="checkbox"], .gform_wrapper li input[type="email"] {
	  	font-size: var(--global-p-size-mobile);
	  }



    .gform_wrapper li {
      order: 1;
      display: grid !important;
    }
    .gform_wrapper ul, .gform_wrapper ol {
      display: grid;
    }

	.stripe.cosafacciamointerna .testo h2 {
	  font-size: var(--global-h2-size-mobile);
	  margin-top: 9vw;
	}

	.stripe.cosafacciamointerna .testo p {
	  font-size: var(--global-p-size-mobile);
	  max-width: 80%;
	}

	.stripe.cosafacciamointerna2 {
	  min-height: 140vw;
	  display: flex;
	  align-items: center;
	}


	.stripe.cosafacciamointerna2 .pennellatatondo {
	  width: 79vw;
	  height: 80vw;
	  position: relative;
	  background-size: cover;
	  margin: 0 auto;
	  left: auto;
	  top: auto;
	}


	.stripe.cosafacciamointerna2 .pennellatatondo p {
	  max-width: 47.7vw;
	  padding: 0;
	  font-size: var(--global-p-size-mobile);
	}

	.stripe.cosafacciamointerna2 .testo h2 {
	  font-size: var(--global-h2-size-mobile);
	  margin-bottom: 6vw !important;
	  text-align: center;
	}

	.stripe.cosafacciamointerna2 .testo {
	  width: 100%;
	}

	.stripe.cosafacciamointerna2 .interno {
		display: flex;
		flex-flow: column;
		margin: 0 auto;
		padding: 0;
	}
	.primary-navigation {
		position: absolute !important;
	}

	.stripe.cosafacciamointerna3 .interno {
	  flex-flow: column;
	}

	.stripe.cosafacciamointerna3 {
	  min-height: 72vw;
	}

	.stripe.cosafacciamointerna3 .interno .testo {
		flex-flow: column-reverse;
		margin: 0 auto;
		padding: 19.9vw 0;
	}

	.stripe.cosafacciamointerna3 .interno .testo .col1, .stripe.cosafacciamointerna3 .interno .testo .col2 {
	  width: 100%;
	}

	.stripe.cosafacciamointerna3 .testo h2 {
	  font-size: var(--global-h2-size-mobile);
	  margin-bottom: 3vw !important;
	  text-align: center;
	}

	.stripe.cosafacciamointerna3 .sfondopolvere {
		width: 100vw;
		height: auto;
		position: relative;
		left: auto;
		top: auto;
	}

	.stripe.cosafacciamointerna3 .interno .testo .col1 {
	  padding-left: 0;
	  margin: 0 auto;
	}

	.stripe.cosafacciamointerna3 .interno .testo .col1, .stripe.cosafacciamointerna3 .interno .testo .col2 {
	  align-items: center;
	  justify-content: center;
	}

	.stripe.cosafacciamointerna3 .sfondopolvere .sfondopolvereinterno {
	  padding-left: 0;
	  margin-bottom: 9vw;
	  flex-flow: column;
	}

	.stripe.cosafacciamointerna3 .sfondopolvere .sfondopolvereinterno > div {
		width: 80%;
		padding-right: 0;
		margin: 0 auto;
		text-align: center;
	}

	.stripe.cosafacciamointerna3 .testo p {
	  font-size: var(--global-p-size-mobile);
	  margin: 0 auto;
	  max-width: 80%;
	  text-align: center;
	}

	.sfondopolvereinterno h2 {
	  font-size: var(--global-h2-size-mobile);
	}

	.sfondopolvereinterno p {
	  font-size: var(--global-p-size-mobile);
	}
	.stripe.seiinteressato h2 {
		font-size: var(--global-h2-size-mobile);
	}
	.stripe.seiinteressato h2 {
		font-size: 6vw !important;

	}
	.stripe.cosafacciamointerna .interno {
	  flex-flow: column;
	  padding: 0;
	  align-content: center;
	  padding-top: 20vw;
	}

	.stripe.cosafacciamointerna {
		min-height: 77vw;
		align-items: center;
		display: flex;
	}
	.stripe.perchiinterna .testo p {
		font-size: var(--global-p-size-mobile);
	}
	.stripe.lostudiointerna {
		min-height: var(--global-module-2) !important;
	}

	.stripe.lostudiointerna h2 {
	  /* font-size: var(--global-h2-size); */
	  /* margin-bottom: 26px; */
	  font-size: var(--global-h2-size-mobile);
	  margin-bottom: 3vw;
	}

	.stripe.lostudiointerna h2 span {
	  font-size: var(--global-h2-size-mobile);
	}

	.stripe.lostudiointerna p {
		font-size: var(--global-p-size-mobile);
		margin-bottom: 50px;
		margin: 50px auto;
		max-width: 80%;
	}

	.stripe.lostudiointerna2 .interno {
	  /* flex-flow: row; */
	  /* padding: 100px 0 50px 0; */
	  flex-flow: column;
	  padding: 0;
	  max-width: none !important
	}
	.stripe.comecontattarciemail .interno .testo p a {
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		margin: 0 auto;
	}
	.stripe.lostudiointerna2 {
	  /* min-height: 21vw; */
	  min-height: var(--global-module-3);
	  display: flex;
	  align-items: center;
	}

	.stripe.lostudiointerna2 .pennellatatondo {

	  width: 90vw;
	  height: 90vw;
	  position: relative;
	  left: auto;
	  top: auto;
	  background-size: 102%;
	  margin: 0 auto;
	}


	.stripe.lostudiointerna2 .pennellatatondo p {
		font-size: 3vw !important;
		/* var(--global-p-size-mobile) !important; */
		margin-left: 14.5vw;
		/* transform: scale(0.95); */
		margin: 0 auto;
		max-width: 80vw;
		text-align: center;
		color: #fff;
		margin-top: 9.4vw;
		left: 1vw;
		/* transform: rotate(5.3deg) !important; */
	}

	.stripe.lostudiointerna2 .testo h2 {
	  font-size: var(--global-h2-size-mobile);
	  text-align: center;
	}

	.stripe.lostudiointerna3 .testo {
	  flex-flow: column-reverse;
	}

	.stripe.lostudiointerna3 .testo > div.col1 {
		padding-left: 0;
	}

	.stripe.lostudiointerna3 .testo > div {
	  width: 100%;
	  align-items: center;
	}

	.stripe.lostudiointerna3 p {
	  font-size: var(--global-p-size-mobile);
	  text-align: center;
	}

	.stripe.lostudiointerna3 h2 {
	  font-size: var(--global-h2-size-mobile);
	  margin: 0 auto 3vw auto;
	}

	.stripe.lostudiointerna3 h2 span {
	}

	.stripe.lostudiointerna3 .testo > div.col2 {
	  padding-left: 0;
	  text-align: center;
	}

	.stripe.lostudiointerna3 .interno {
	  padding: 0;
	}

	.stripe.lostudiointerna3 {
	  min-height: var(--global-module-15);
	  display: flex;
	  align-items: center;
	}
	.stripe.lostudiointerna4 .macchiasotto {
		display: none;
	}
	.stripe.lostudiointerna3 h2 span {
		font-size: inherit;
	}

	.stripe.lostudiointerna4 {
	  min-height: var(--global-module-15);
	  display: flex;
	  align-items: center;
	}

	.stripe.lostudiointerna4 .interno .testo {
	  max-width: 100%;
	  padding: 0;
	  left: auto;
	  position: relative;
	  max-width: 80%;
	  text-align: center;
	}

	.stripe.lostudiointerna4 .interno .testo h2 {
	  line-height: 1em !important;
	  margin-bottom: 3vw;
	  font-size: var(--global-h2-size-mobile);
	}

	.stripe.lostudiointerna4 p {
	  font-size: var(--global-p-size-mobile);
	  max-width: 94%;
	}


	.stripe.testata {
	    min-height: 22.6vw;
	}
	.stripe.testata {
		min-height: 25vw !important;
	}

	.stripe > img {
	  width: 140% !important;
	  max-width: 200% !important;
	}
	.stripe.testata > img {
		width: 200% !important;
		max-width: 200% !important;
		height: auto;
	}


	.stripe.identita.concettuale h2,
	.stripe.identita.verbale h2,
	.stripe.identita.visiva h2 {
	    font-size: var(--global-h2-size-mobile);
	}
	.stripe.identita.verbale.caratteri img {
		width: 100% !important;
	}
	.stripe.giango .interno .testo h2 span {
		color: var(--global-oro);
		font-weight: 700;
	}
	.stripe.giango .interno .testo h2 {
		color: #fff;
		line-height: 1.3em !important;
		margin-bottom: 3vw;
		max-width: 80%;
		margin: 0 auto;
		font-size: var(--global-h2-size-mobile);
		margin-bottom: 3vw;
	}
	.stripe.giango .interno .testo p {
		max-width: 80%;
		margin: 0 auto;
	}
	.logogiangomobile {
		display: block;
		max-width: 150px !important;
		margin-top: -2.9vw;
		margin: 0 auto;
	}
	.testogiango,.logogiango {
		display: none;
	}
	.stripe.colonne3 .col1 h2, .stripe.colonne3 .col2 h2, .stripe.colonne3 .col3 h2 {
		color: var(--global-oro);
		font-weight: 700;
		margin-bottom: 1.4vw;
	}



	.boxperchi .freccia {
		/* width: 82%; */
		/* margin-bottom: 8px; */
		width: 72% !important;
		margin-bottom: 1vw;
	}
  .boxperchi .freccia h3 {
    /* left: 37vw; */
    left: 13vw;
  }
  .boxperchi .freccia:nth-of-type(2) {
    /* width: 86%; */
    width: 70%;
  }
  .boxperchi .freccia:nth-of-type(3) {
    /* width: 90%; */
    width: 70%;
  }
  .boxperchi {
	/* width: 90vw; */
	/* left: 5vw; */
	/* top: 53vw; */
	width: 80vw;
	left: 15vw;
	top: 58vw;
}

	.stripe.perchi .boxbrand p:first-of-type {
		padding: 0.6vw 0;
		max-width: 90%;
		margin: 0 auto;
	}

	.stripe.perchi .boxbrand p:last-of-type {
		margin-top: 42vw !important;
		display: block;
	}
	.stripe.perchi .boxbrand p {
		max-width: 100%;
	}
	.stripe.perchiinterna {
		min-height: var(--global-module-15);
		background-color: var(--global-color-grigiomedio2);
		text-align: center;
		display: flex;
		align-items: center;
	}
	.stripe.perchiinterna p {
		max-width: 90%;
		margin: 0 auto;
	}
	.stripe.identita.concettuale {
		/* width: var(--responsive--alignwide-width) !important; */
		margin: vw auto !important;
		display: flex;
		flex-flow: column;
		/* align-items: center; */
		justify-content: center;
		min-height: var(--global-module-1) ;
	}
	.page-identita-concettuale .stripe.identita .coln2 .col1, .stripe.identita .coln2 .col2 {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		min-height: 20vw;
		align-items: center !important;
	}
	.stripe.identita.visiva.intro {
		display: flex;
		align-items: center;
		min-height: var(--global-module-2);
		align-items: center;
	}
	.stripe.identita.visiva p {
		font-size: var(--global-p-size-mobile);
		font-weight: normal;
		line-height: 1.2em !important;
		max-width: 87%;
		margin: 0 auto;
	}
	.page-identita-visiva .disegno {
		display: none;
	}
	.stripe.identita.visiva.riga .interno {
		display: flex;
		flex-flow: column;
		width: 100%;
		min-height: 20vw;
	}
	.stripe.identita.visiva .coln2 .col1,
	.stripe.identita.visiva .coln2 .col2 {
		width: 100% !important;
	}
	.stripe.identita.visiva.riga .col2n .col1 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.stripe.identita.visiva.riga .colsin h2,
	.stripe.identita.visiva.riga .coldes h2 {
		font-size: var(--global-h2-size-mobile-identita) !important;
		font-weight: normal;
		line-height: 0.8em !important;
		text-align: center;
		margin: 0 auto !important;
	}

	.stripe.identita.visiva.riga .colsin .col1 {
		display: flex;
		/* justify-content: flex-start; */
		align-items: flex-end;
		/* min-height: 50vw; */
		z-index: 10;
	}
	.stripe.identita.visiva.riga .interno.coldes {
		flex-flow: column-reverse;
	}
	.stripe.identita.visiva.riga .interno.coln2 p {
		text-align: center !important;
	}
	.stripe.identita.visiva.riga .coldes .col1 p {
		padding-top: 3vw;
	}
	.stripe.identita.visiva.riga .interno.coldes p {
		max-width: 70% !important;
		padding: 0;
	}
	.stripe.identita.visiva {
		margin: 0px auto !important;
	}
	.stripe.identita.visiva.riga .interno.coln2 h2 {
		font-size: var(--global-h2-size-mobile-identita) !important;
		transition: all 1s;
	}
	.stripe.identita.visiva.riga .coln2 .col1, .stripe.identita.visiva.riga .coln2 .col2 {
		min-height: var(--global-module-1) !important;
	}
	.stripe.identita.visiva.riga .coldes .col1 {
		padding-right: 0;
	}

	.gradiente {
		max-width: 80% !important;
		margin: 13vw auto 0 auto !important;
	}

	.stripe.identita.verbale.riga {
		min-height: var(--global-module-2);
	}
	.stripe.identita.verbale.riga {
		min-height: var(--global-module-2);
	}
	.stripe.identita.riga .coln2 p {
		font-size: var(--global-p-size-mobile) !important;
		max-width: 80% !important
	}
	.stripe.identita.visiva.riga .coln2 p {
		font-size: var(--global-p-size-mobile) !important;
		max-width: 80% !important
	}
	.stripe.identita.riga .interno.coldes {
		flex-flow: column-reverse;
	}
	.page-identita-visiva .disegno {
		display: block;
		position: absolute;
		max-width: 10vw;
		top: 19% !important;
		left: 50% !important;
		transform: translateX(-50%);
	}
	.stripe.identita.riga.visiva .colsin .col1 p, .stripe.identita.riga.visiva .coldes .col2 p {

		margin: 6vw auto 0 auto !important;
	}
	.stripe.identita.visiva.riga .coldes .col2 {
		display: flex;
		justify-content: flex-end !important;
		align-items: flex-end !important;
	}
	.stripe.identita.visiva.riga .interno.coldes p {
		margin-top: 6vw !important;
	}
	.stripe.identita.visiva.riga .colsin .col2 p {
		margin-top: 6vw !important;
	}
	.stripe.identita.visiva.labelingepackaging {
		z-index: 1;
		margin-bottom: 150px !important;
	}
	.stripe.identita.verbale {
		min-height: var(--global-module-15);
	}

	.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
		margin-left: 0;
		z-index: 1000;
		/* border: 1px solid red; */
		/* fill: #000; */
		color: #000;
		font-weight: bold;
		outline: none;
	}
	.primary-navigation a:hover {
		text-decoration: none !important;
	}

	.stripe.perchiinterna {

		display: flex !important;
		align-items: center !important;
	}
	.stripe.colonne3 .col1 h2, .stripe.colonne3 .col2 h2, .stripe.colonne3 .col3 h2 {
		font-size: var(--global-h2-size-mobile);
		margin: 6vw auto !important;
	}
	.stripe.identita.concettuale p {
		font-size: var(--global-p-size-mobile);
		font-weight: normal;
		line-height: 1.2em !important;
		max-width: 80%;
		display: block;
		margin: 50px auto;
	}
	.stripe.identita.concettuale {
		min-height: var(--global-module-2);
	}
	.stripe.identita.visiva.visualstrategy.riga .disegno {
		margin-top: 0;
		margin-left: 0;
	}
	.stripe.cosafacciamointerna {
	background-color: var(--global-color-grigioscuro);
	min-height: var(--global-module-3);
	display: flex;
	align-items: center;
}
	.stripe.identita.riga.brandanalysis .interno.coln2 .col1,
	.stripe.identita.riga.brandanalysis .interno.coln2 .col2  {
		min-height: 50vw !important;
	}
	.stripe.identita.riga.brandstrategy  .interno.coln2 .col1,
	.stripe.identita.riga.brandstrategy  .interno.coln2 .col2  {
		min-height: 50vw !important;
	}
	.stripe.identita.riga.brandarchitecturestrategy   .interno.coln2 .col1,
	.stripe.identita.riga.brandarchitecturestrategy   .interno.coln2 .col2  {
		min-height: 50vw !important;
	}
	.stripe.identita.riga.corporatebranding    .interno.coln2 .col1,
	.stripe.identita.riga.corporatebranding    .interno.coln2 .col2  {
		min-height: 50vw !important;
	}
	.stripe.identita.riga.identitystatement     .interno.coln2 .col1,
	.stripe.identita.riga.identitystatement     .interno.coln2 .col2  {
		min-height: 50vw !important;
	}
	.stripe.identita.riga .coldes h2 {
		font-size: var(--global-h2-size-mobile);
	}
	.stripe.identita.riga.corporatebranding .coln2.coldes .col2 h2{
		margin-left: 0;
	}
	.stripe.identita.riga.brandstrategy .coln2.coldes .col2 h2 {
		margin-left: 0;
	}
	.page-identita-concettuale .stripe.identita.riga.brandanalysis .coln2.colsin .col1 {
		/* background-color: var(--global-color-grigiomenu); */
		color: white;
	}

	.page-identita-concettuale .stripe.identita .coln2 .col1, .stripe.identita .coln2 .col2 {
		align-items: flex-end;
	}
	.page-identita-concettuale .stripe.identita.riga .colsin .col2 {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.page-identita-concettuale .simbolo {
		display: none !important;
	}
	.page-identita-concettuale .stripe.identita .coln2 .col1 {
		align-items: flex-end !important;
	}
	.page-identita-concettuale .stripe.identita .coln2 .col2 {
		align-items: flex-start !important;
	}
	.page-identita-concettuale .stripe.identita .coln2.coldes .col1 {
		align-items: flex-start !important;
	}
	.page-identita-concettuale .stripe.identita .coln2.coldes .col2 {
		align-items: flex-end !important;
	}
	.page-identita-concettuale .stripe.brandstrategy .coln2.coldes .col1 {
		/* background-color: #333333;
		color: #fff; */
	}
	.page-identita-concettuale .stripe.identita.riga.brandarchitecturestrategy .coln2.colsin .col1 {
		/* background-color: var(--global-oro); */
		/* color: #fff; */
	}
	.page-identita-concettuale  .stripe.identita.riga.corporatebranding .coln2.coldes .col2 {
		/* background-color: var(--global-color-grigiomedio2);
		color: #fff; */
	}
	.page-identita-concettuale .stripe.identita.riga.corporatebranding .coln2.coldes .col1 {
		/* background-color: var(--global-color-grigiomedio2);
		color: #fff; */
	}
	.stripe.identita.riga.identitystatement .coln2.colsin .col1 {
		background-color: var(--global-color-grigiochiaro);
		color: var(--global-color-grigioscuro);
		width: 46.6%;
	}
	.page-identita-concettuale .stripe.identita.riga .colsin .col2 p,
	.page-identita-concettuale .stripe.identita.riga .coldes .col2 p,
	.page-identita-concettuale .stripe.identita.riga .colsin .col1 p,
	.page-identita-concettuale .stripe.identita.riga .coldes .col1 p {
		margin: 3vw auto !important;
	}
	.page-identita-concettuale .stripe.identita.riga .colsin .col2 h2,
	.page-identita-concettuale .stripe.identita.riga .coldes .col2 h2,
	.page-identita-concettuale .stripe.identita.riga .colsin .col1 h2,
	.page-identita-concettuale .stripe.identita.riga .coldes .col1 h2 {
		margin: 3vw auto !important;
		text-align: center;
	}
	.stripe.perche .col1 h2, .stripe.perche .col2 h2, .stripe.perche .col3 h2, .stripe.perche .col4 h2 {
		font-size: var(--global-h2-size-mobile);
		font-weight: normal;
		line-height: 1.0em !important;
		margin-bottom: 3.5vw;
		margin-top: 3.5vw;
	}


	.site-footer>.site-info, .site-footer>.site-info .row2 .col1 ul li a {
	    color: white;
	    font-size: var(--global-p-size-mobile) !important;
	}
	.page-identita-concettuale .stripe.identita.riga .colsin h2,
	.page-identita-concettuale .stripe.identita.riga .coldes h2 {
		font-size: var(--global-h2-size-mobile-identita) !important;
	}
	.home .simbolo {
		margin-bottom: 0;
	}
	.stripe.testata > img {
		width: 200% !important;
		max-width: 200% !important;
		height: auto;
		margin-left: -50vw;
		margin-top: -100vw;
	}
	.gform_wrapper textarea {
		border: 1px solid #fff !important;
		margin-top: 4vw !important;
		margin-left: 0 !important;
	}
	.gform_button.button[type="submit"] {
		margin: 3vw auto 0 auto;
		max-width: 100%;
	}
	input[type="checkbox"] + label, input[type="radio"] + label {
		font-size: var(--global-p-size-mobile);
	}
	.page-identita-concettuale .simbolo.s1 {
		z-index: 11;
		top: 9.1vw;
		/* display: block !important; */
		opacity: 0.5 !important;
		width: 15vw !important;
		top: 6vw;
		left: 42.4vw;
		margin-top: 2vw !important;
	}
	.page-identita-concettuale .simbolo.s2 {
		z-index: 11;
		top: 9.1vw;
		/* display: block !important; */
		opacity: 0.5 !important;
		width: 13vw !important;
		top: 2vw;
		left: 43.4vw;
		filter: invert();
	}
	.page-identita-concettuale .simbolo.s3 {
		z-index: 11;
		top: 9.1vw;
		/* display: block !important; */
		opacity: 0.5 !important;
		width: 13vw !important;
		top: 6vw;
		left: 43.6vw;
		margin-top: 2.5vw !important;
	}
	.page-identita-concettuale .simbolo.s4 {
		z-index: 11;
		top: 9.1vw;
		/* display: block !important; */
		opacity: 0.5 !important;
		width: 13vw !important;
		top: 5vw;
		left: 43.4vw;
	}
	.page-identita-concettuale .simbolo.s5 {
		z-index: 11;
		top: 9.1vw;
		/* display: block !important; */
		opacity: 0.5 !important;
		width: 13vw !important;
		top: 2vw;
		left: 42.4vw;
	}
}


html body #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group
.iubenda-cs-opt-group-consent button.iubenda-cs-btn-primary[style] {
  background-color: var(--global-oro) !important;
}

#iubenda_policy h2 {
	font-size: 20px !important;;
	font-weight: bold;
	line-height: 21px;
	padding-top: 21px;
}
#iubenda_policy {
	line-height: 1.2em !important;
	font-size: 18px !important;
}
#iubenda_policy h3 {
	font-size: 18px;
	line-height: 1.2em !important;
	font-weight: bold;
	padding-top: 24px;
}
#iubenda_policy p {
	font-size: 18px !important;
	font-weight: normal;
	margin-bottom: 9px;
}

#iubenda_policy h1 {
	font-size: 30px !important;
}
#iubenda_policy h3 {
	font-size: 18px !important;
}
#iub-pp-container {
	max-width: 900px !important;
	padding: 20px !important;
}
.stripe.brand {
	min-height: 21vw;
	text-align: center;
	/*background-image: url(/wp-content/uploads/2022/01/identitas-home-linee.jpg);*/
	background-image: url(/wp-content/uploads/2023/02/home-lineedorate.jpg);
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
}
#idvideo {
	min-height: 33vw;
}
/* offset per centramento contenuto in base a pagina e a bande laterali di navigazione */
/* TODO: da controllare su mobile */

/* .primary-navigation {
	margin-left: -4vw !important;
} */

.page-identita-concettuale #page {
	height: auto;
	transform: translateX(0vw);
}
.page-identita-verbale #page {
	height: auto;
	transform: translateX(0vw);
}
.page-identita-visiva #page {
	height: auto;
	transform: translateX(0vw);
}
.page-il-percorso-trivio #page {
	height: auto;
	transform: translateX(0vw);
}

body {
	overflow-x: hidden !important;
}
#page {
	/* height: 0px !important; */
	overflow: hidden;
	transform: translateX(0vw);
}
.background {
	opacity: 0;
	width: 100%;
	position: absolute;
	height: 100vh;
	background: #fff;
	z-index: 0;
	background-image: url('/wp-content/uploads/2023/02/home-testata.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

}

.home .stripe.testata {
	max-width: 100vw !important;
	background-image: url('/wp-content/uploads/2023/02/home-testata.jpg');
	background-size: cover;
	min-height: 49vw;
	background-color: #fff !important;
}

.primary-menu-container {
	/* max-width: 95.5vw !important; */
}
#page .primary-navigation > div > .menu-wrapper {
	justify-content: space-between !important;
	width: 1020px;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
	width: 140px;
}

.stripe.identita.visiva.riga {
	margin: 50px auto !important;
}

@media only screen and (max-width: 1023px) {
	#page {
		transform: translateX(0) !important;
	}
	.stripe.colonne3 {
		padding-right: 0vw !important;
		max-width: 100vw !important;
		left: 0vw !important;
	}
	.stripe.identita.visiva.riga {
		margin: 0px auto !important;
	}
	.gfield_validation_message {
	    font-size: 3vw;
	    font-family: 'Barlow Condensed';
	}
	.gform_submission_error {
	    font-size: 5vw !important;
	}
}

@media only screen and (min-width: 1921px) {
	.stripe.perche .interno {
		max-width: 60vw !important;
	}
	.stripe.cosafacciamointerna .testo p {
	    max-width: 1180px;
	   }
	.stripe.cosafacciamointerna3 .sfondopolvere .sfondopolvereinterno {
   		max-width: 1200px;
	}
	.stripe.cosafacciamointerna2 .interno {
		max-width: 1200px !important;
	}
	.stripe.cosafacciamointerna3 .interno {
		max-width: 1200px !important;
	}
	.stripe.cosafacciamointerna3 .sfondopolvere .sfondopolvereinterno {
	    padding-left: 3.6vw;

	}
}


.site input[type="submit"], .site input[type="submit"]:hover {
	border: none;
	text-transform: uppercase !important;
}

body.home.custom-background {
	background-color: #000 !important;
}

.stripe.testata {
	background-color: #fff !important;
}


html body .iubenda-tp-btn[data-tp-icon] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23d19f32' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: 32px 32px !important;
	background-position: top .5px left 1px !important;
}

html body .iubenda-tp-btn:not([data-tp-nostyle]) {
	background-color: #000 !important;
}











.stripe.seiinteressato {
	background-image: url(https://dev2023.identitas-studio.it/wp-content/uploads/2023/02/seinteressato-sfondo-cromato2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.stripe.seiinteressato.cromato {
	background-image: url(https://dev2023.identitas-studio.it/wp-content/uploads/2023/02/seinteressato-sfondo-cromato.png);
}
.stripe.seiinteressato.nero {
	background-color: #000;
	background-image: none;
}

.stripe.seiinteressato h2 span {
	color: #000;
}

.stripe.seiinteressato h2 {
	font-size: var(--global-h2-size);
	color: #000;
	margin: 0 auto;
}
.stripe.seiinteressato.nero .bottonevai  {
	filter: invert();
}
.stripe.seiinteressato.nero h2 span,.stripe.seiinteressato.nero h2  {
	color: #fff;
}

.stripe.seiinteressato .interno {
	flex-flow: column;
}



.stripe.identita.visiva.riga .interno.coln2.coldes h2 {
	font-size: 6.3vw;
	transition: all 1s;
	color: #fff;
}


.page-logo-designer .stripe.testata,
.page-visual-identity-designer .stripe.testata,
.page-collabora-con-noi .stripe.testata,
.page-cosa-facciamo .stripe.testata,
.page-per-chi .stripe.testata,
.page-lo-studio .stripe.testata,
.page-contatti .stripe.testata,
.page-identita-concettuale .stripe.testata,
.page-identita-verbale .stripe.testata,
.page-identita-visiva .stripe.testata,
.page-il-percorso-trivio .stripe.testata
{
	/* background-image: unset; */
	background-color: transparent !important;
}

.page-il-percorso-trivio a.animato {
	color: white;
	text-decoration: underline;
}

.stripe.contattiinterna .interno .testo {
	font-family: "Barlow Condensed";
}
.site textarea:focus {
  color: #fff !important;
}

.stripe.identita.visiva.labelingepackaging.riga {
	margin-bottom: 14vw !important;
}
.gfield_label[for="input_1_8"] {
	display: none !important;
}















/* collabora con noi */

.stripe.collaboraconnoi {
	background-color: var(--global-oro);
	min-height: 23vw;
}
.stripe.collaboraconnoi .testo {
	color: var(--global-color-grigiochiaro);
	width: 100%;
	text-align: center;
	font-size: 1.2vw;
}
.stripe.collaboraconnoi .testo h2 {
	font-size: var(--global-h2-size);
	line-height: 1em !important;
	margin-bottom: 20px !important;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
}
.stripe.collaboraconnoi .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	width: 100%;
	margin: 0 auto;
	padding: 150px 0 140px 0;
}
.stripe.collaboraconnoi .testo h2 span {
    color: #000;
    font-weight: 700;

}

.stripe.collaboraconnoi .testo p {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
	color: #000;
	font-size: 1.68vw;
	font-weight: 400;
}



.stripe.colonne2 {
	display: flex;
	flex-flow: row;
	width: 92vw;
	justify-content: center;
	min-height: 62vw;
}

.stripe.colonne2 .col1, .stripe.colonne2 .col2 {
    width: 50%;
    text-align: center;
    height: 62vw;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.stripe.colonne2 .col1 {
	background-color: var(--global-color-grigiomedio);
}
.stripe.colonne2 .col2 {
	background-color: var(--global-color-grigioscuro);
}
.stripe.colonne2 h2 {
	font-size: var(--heading--font-size-h2);
	color: #fff;
}
.stripe.colonne2 h2 span {
	font-size: var(--heading--font-size-h2);
	color: var(--global-oro);
}
/* .stripe.colonne3 .col1 img, .stripe.colonne3 .col2 img, .stripe.colonne3 .col3 img {
	max-width: 9vw;
	height: auto;
	margin-bottom: 2vw;
} */

.stripe.colonne2 p {
	font-size: 2vw;
	color: #fff;
	max-width: 64%;
	margin: 4vw auto 5vw auto;
	font-weight: 400;
}
.stripe.colonne2 .col1 p {
	font-size: 2vw;
	color: #cccccc;
	max-width: 63%;
	margin: 4vw auto 5vw auto;
	font-weight: 400;
}

.stripe.colonne2 p:last-of-type {
	margin-bottom: 0;
	margin-top: 0;
}

.stripe.colonne2 .col2 p {
	color: var(--global-color-grigiocosafacciamo) !important;
}

.stripe.colonne2 img {
	max-width: 72px;
	width: 100%;
	height: auto;
	margin-bottom: 45px;
}
.stripe.colonne2 a.bottone {
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	font-size: clamp(18px,3vw,23px);
	display: block;
}
.stripe.colonne2 a.bottone {
	width: 15vw;
	height: 2.3vw;
	line-height: 2.3vw !important;
	display: block;
	text-align: center;
	background-image: none;
	/* url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	margin: 1vw auto 0 auto;
	background-size: cover;
	background: rgba(0,0,0,1);
	z-index: 0;
	position: relative;
	border: 1px solid #fff;
	font-weight: 400;
}

.stripe.colonne2 a.bottone:hover {
	background-color: #fff;
	color: #000 !important;
}

.stripe.colonne2 a.bottone::after {
	background-image: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: " ";
	display: block;
	z-index: -1;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	background-repeat: no-repeat;
	background-size: cover;


}

.stripe.colonne2 a.bottone:hover:after {
	/* background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg); */
	opacity: 0;
}

html {
	margin-top: 0 !important;
}
html[lang="it-IT"] {
	margin-top: 0 !important;
}
html {
	--wp-admin--admin-bar--height: 0px !important;
	scroll-padding-top: 0 !important;
}

@media screen and (max-width: 782px) {
	html {
		--wp-admin--admin-bar--height: 0px !important;
		scroll-padding-top: 0 !important;
	}
}


.stripe.visualidentitydesigner .titolopagina h1 {
	font-size: var(--global-font-size-h1-100);
	padding-bottom: 1.6vw;
	color: #000;
}

.stripe.visualidentitydesigneridentikit p {
	font-size: 1.38vw;
	color: white;
}

.stripe.visualidentitydesigneridentikit {
	background-color: var(--global-color-grigiomedioidentikit);
	min-height: 26vw;
	z-index: 10;
	display: flex;
	align-content: center;
}
.stripe.visualidentitydesigneridentikit .interno p {
	color: #fff;
	font-weight: 400;
}
.stripe.visualidentitydesigneridentikit .interno h2 {
	margin-bottom: 1vw;
	color: rgb(204,204,204);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.87vw;
}
.stripe.visualidentitydesigneridentikit .interno {
	width: 80%;
	margin: 0 46% 0 10%;
	height: auto;
	align-items: center;
	justify-content: center;
	display: flex;
}
.stripe.visualidentitydesigneridentikit img {
	position: absolute;
	right: 0;
	top: 2vw;
	color: #fff;
}
.stripe.visualidentitydesignercompetenze {
	background-color: var(--global-color-grigioscuro);
	min-height: 34vw;
	z-index: 10;
	color: #fff;
	display: flex;
	align-content: center;
}

.stripe.visualidentitydesignercompetenze .interno h2 {
	margin-bottom: 1vw;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.87vw;
	color: #fff;
}
.stripe.visualidentitydesignercompetenze .interno p {
	font-weight: 400;
}
.stripe.visualidentitydesignercompetenze .interno {
	font-size: 1.38vw;
	color: var(--global-color-grigiocosafacciamo);
	width: 80%;
	margin: 0 44% 0 10%;
	height: auto;
	align-items: center;
	justify-content: center;
	display: flex;
}

.stripe.visualidentitydesignercompetenze .pennellatatondo {
	width: 25vw;
	height: 25vw;
	background-image: url(/wp-content/uploads/2021/11/identitas-cosa-facciamo-pennellataoro-cerchiob.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 60vw;
	top: 3vw;
	background-size: contain;
}

.stripe.visualidentitydesignercompetenze .pennellatatondo p {
	margin: 0 auto;
	max-width: 19.7vw;
	text-align: center;
	color:  var(--global-color-grigiocosafacciamo);;
	margin-top: 2vw;
	padding: 0vw;
	font-size: 3.3vw;
	font-weight: 600;
}

.stripe.skills {
	background-color: #fff;
	min-height: 26vw;
	z-index: 10;
	display: flex;
	align-content: center;
}

.stripe.skills .interno {
	max-width: 80%;
	margin: 0 auto;
	margin: 50px auto;
}
.stripe.skills .interno .tabella {
	font-family: "Barlow Condensed";
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10vw;
	font-size: 1.38vw;
	line-height: 1.2em;
}
.stripe.skills .interno .colonna {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-gap: 0 1.1vw;
	font-weight: 400;
}
.stripe.skills .interno .colonna img {
	max-width: 200px !important;
	float: right;
	padding-top: 9px;
}
.stripe.skills .interno .colonna div {
	min-height: 6vw;
}
.stripe.skills .interno .commento {
	max-width: 75%;
	margin: 0 auto;
	font-size: 1.38vw;
	font-family: "Barlow Condensed";
	line-height: 1.2em;
	margin: 0px auto 2vw auto;
	text-align: center;
	display: none;
}

.stripe.skills .interno h2 span {
	color: var(--global-oro);
	font-weight: 600;
}
.stripe.skills .interno h2 {
	margin-bottom: 1vw;
	text-transform: uppercase;
	font-size: 1.87vw;
	color: #000;
	margin:0 auto;
	text-align: center;
	margin-bottom: 3.3vw;
	font-weight: 300;
}


.stripe.comecontattarci {
	background-color: var(--global-oro);
	min-height: 6vw;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-content: center;
}

.stripe.comecontattarciemail {
	background-color: #fff;
	min-height: 6vw;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-content: center;
}
.stripe.comecontattarci .interno ,
.stripe.comecontattarci .interno .testo {
	display: flex;
	justify-content: center;
	align-items: center;
}
.stripe.comecontattarci .interno .testo h2 {
font-size: 47px;
text-transform: uppercase;
color: #fff;
}
.stripe.comecontattarci .interno .testo h2 span {
	color: #000;
	font-weight: 600;
}

.stripe.comecontattarciemail .interno ,
.stripe.comecontattarciemail .interno .testo {
	display: flex;
	justify-content: center;
	align-items: center;
}

.stripe.comecontattarciemail .interno .testo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	text-align: center;
	margin: 50px 0 !important;
}

.stripe.comecontattarciemail .interno .testo h2 {
	font-size: 30px;
	font-weight: 600;
}
ul.listarichieste li {
	font-family: "Barlow Condensed";
	font-size: 1.38vw !important;
	font-weight: 300;
	line-height: 1.2em;
}
/* .page-collabora-con-noi .stripe.testata {
	background-image: url(/wp-content/uploads/2022/05/collabora-con-noi-sfondo-testata.gif);
	background-attachment: unset;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
} */

.stripe > .iconaruolo {
	max-width: 11vw !important;
	position: absolute !important;
	right: 7.8vw !important;
	top: auto !important;
	bottom: 0;
}

.menu-button-container {
	display: flex !important;
	/* right: auto !important; */
	left: 110px;
	top: 2px;
	z-index: 10000;
}


.stripe.comecontattarciemail a.bottone {
	width: 15vw;
	height: 2.3vw;
	line-height: 2.3vw !important;
	display: block;
	text-align: center;
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 1vw auto 0 auto;
	background-size: cover;
	background: rgba(0,0,0,1);
	z-index: 0;
	position: relative;
}

.stripe.comecontattarciemail a.bottone {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
}
.stripe.comecontattarciemail a.bottone:hover {
	background-color: #000;
}
.stripe.comecontattarciemail a.bottone::after {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: " ";
	display: block;
	z-index: -1;
	transition: all 0.4s cubic-bezier(.19,.74,.11,.62);
	background-repeat: no-repeat;
	background-size: cover;
}
.stripe.comecontattarciemail a.bottone:hover:after {
	background-image: url(/wp-content/uploads/2021/11/identitas-sfondo-bottone-1.jpg);
	opacity: 0;
}


@media screen and (max-width: 1023px) {
	.stripe.collaboraconnoi .testo h2 {
		font-size: var(--global-h2-size-mobile);
	}
	.stripe.collaboraconnoi .testo p {
		font-size: var(--global-p-size-mobile);
		max-width: 80%;
	}
	.stripe.colonne2  p {
		font-size: var(--global-p-size-mobile);
		max-width: 80%;
	}
	.stripe.colonne2 .col1 p {
		font-size: var(--global-p-size-mobile);

	}
	.stripe.colonne2 {
		flex-flow: column;
		width: 100vw;
		min-height: 62vw;
	}
	.stripe.colonne2 .col1, .stripe.colonne2 .col2 {
		width: 100%;
		height: auto;
		min-height: 150vw;
	}
	.stripe.colonne2 p {
		margin: 11vw auto 11vw auto;
	}
	.stripe.colonne2 a.bottone {
		width: 45vw;
		height: 8.3vw;
		line-height: 7.1vw !important;
		margin: 3vw auto 0 auto;
		font-size: var(--global-p-size-mobile);
	}


	.stripe.skills .interno .tabella {
		grid-template-columns: 1fr;
		gap: 0;
		font-size: 20px;
		line-height: 1.2em;
	}
	.stripe.skills .interno .colonna {

		grid-template-columns: 1.5fr 1fr;
		grid-gap: 0 10px;
	}
	.stripe.skills .interno .colonna div {
		min-height: 7vw;
		margin-bottom: 19px;
	}
	.stripe.skills .interno .colonna img {
		max-width: 80% !important;
		float: right;
		padding-top: 9px;
	}
	.stripe.skills .interno .commento {
		font-size: 20px;
		font-family: "Barlow Condensed";
		line-height: 1.2em;
		margin: 20px auto;
		text-align: center;
		font-family: Barlow Condensed;
	}
	.stripe.visualidentitydesigneridentikit .interno {
		width: 80%;
		margin: 50vw 10% 10% 10%;
		text-align: center;
	}
	.stripe.visualidentitydesigneridentikit .interno h2 {
		font-size: var(--global-h2-size-mobile);
	}
	.stripe.visualidentitydesigneridentikit .interno p {
		font-size: var(--global-p-size-mobile);
	}
	.stripe.visualidentitydesignercompetenze .interno h2 {

		font-size: var(--global-h2-size-mobile);
	}
	.stripe.skills .interno h2 {
		font-size: var(--global-h2-size-mobile);
	}
	.stripe > .iconaruolo {
		max-width: 70px !important;
		position: absolute !important;
		right: 50% !important;
		left: calc(50% - 32px) !important;
		top: 10vw !important;
		bottom: auto !important;
	}

	.stripe.visualidentitydesigneridentikit {
		padding: 0vw 0 20vw !important;
	}
	.stripe.visualidentitydesignercompetenze .pennellatatondo {
		width: 45vw;
		height: 45vw;
		left: 60vw;
		top: -21vw;
	}

	.stripe.visualidentitydesignercompetenze .pennellatatondo p {
		display: none;
	}

	.stripe.visualidentitydesignercompetenze .interno {
		font-size: 20px;
		color: var(--global-color-grigiocosafacciamo);
		width: 80%;
		margin: 30% 10% 10% 10%;
		height: auto;
		align-items: center;
		justify-content: center;
		display: flex;
	}
	.stripe.comecontattarci .interno .testo h2 {
		text-align: center;
		font-size: var(--global-h2-size-mobile);
		padding: 10px 0;
	}
	.stripe.comecontattarciemail .interno .testo h2 {
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		margin: 0 auto;
		/* max-width: 80%; */
		padding: 20px 0;
	}
	.menu-button-container {
		display: flex !important;
		right: auto !important;
		left: 10px;
		top: -18px;
		z-index: 10000;
	}
	.primary-navigation {
		top: 10px !important;
	}
	.stripe.skills .interno .commento {
		font-size: var(--global-p-size-mobile);
	}
}



aaa.primary-navigation-open .menu-button-container {
	width: 100%;
	z-index: 500;
	height: 100vh;
	margin: 0 !important;
	padding: 0 !important;
	left: 0;
	top: 0;
}

/* In linea #34 | / */

#primary-menu-list li {
  display: none;
}

#menu-item-88 {
  /* display: block; */
  /* display: block block; */
  /* margin: 0; */
  display: block !important;
  margin: 0 auto;
}

.primary-navigation {
	position: absolute !important;
	margin-left: auto;
}
.primary-navigation-open .custommenu {
	display: flex !important;
}



.primary-navigation-open .custommenu {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100vh !important;
  top: 0vh;
  opacity: 1 !important;
  text-align: center;
}
.custommenu {
	display: block;
	/* transition: all 0.5s; */
	opacity: 1;
	height: 100vh !important;
	top: -200vh;
	transition: 0.3s all cubic-bezier(.19,.74,.11,.62);
	/* visibility: visible; */
	position: absolute;
	width: 100%;
}
.custommenu .logomobile {
	margin-top: -13px;
	opacity: 0;
}
.primary-navigation-open .menu-button-container {
	z-index: 5000000 !important;
	width: auto !important;
}
.primary-navigation-open .custommenu {
	display: block;
	/* transition: all 0.5s; */
	opacity: 1;
	height: 100vh;
	transition: 0.3s all;
	/* visibility: visible; */
}
.primary-navigation {
  z-index: 500000;
  overflow: visible;
}

.site-header {
  z-index: 1000;
  overflow: visible;
}

.menupagine {
  width: 100%;
  background-color: #fff;
}


.menupagine {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 7fr 7fr 7fr 7fr 7fr 7fr 7fr 7fr 7fr 7fr 7fr 7fr 7fr;
	gap: 0px 0px;
	grid-template-areas: "logo" "s2" "a" "b" "c" "c1" "d" "s" "e" "f" "g" "h";
	/* background-image: url(/wp-content/uploads/2022/05/identitas-menu-sfondo2.jpg); */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.primary-navigation-open .logomobile img {
	height: 57.5px;
	margin-top: 0px;
}
.menu-button-container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.primary-navigation .custommenu .normale a {
	font-size: 30px !important;
	color: var(--global-oro) !important;
}
.menumobileidentita.menumobileconcettuale {
	background-color: var(--global-color-grigio1);
	color: #999999;
}
.menumobileidentita.menumobileverbale {
	background-color: var(--global-color-grigio2);
	color: #999999;
}
.menumobileidentita.menumobilevisiva {
	background-color: var(--global-color-grigio3);
	color: #fff;
}
.menumobileidentita.menumobiletrivio {
	background-color: var(--global-oro);
	color: #fff;
}

.menumobileidentita.menumobileconcettuale a,
.menumobileidentita.menumobileverbale a {
	color: #fff !important;
}
.menumobileidentita.menumobilevisiva a {
	color: #fff !important;
}

.primary-navigation .custommenu a {
	font-size: 30px !important;
	text-transform: uppercase;
}

#page, .vtab {
	/* transition: 0.3s all; */
}
.primary-navigation-open #page {
	/* transform: translateX(0); */
}

.primary-navigation-open .vtab {
	/* left: -48px; */
}



/* style.css | https://dev.identitas-studio.it/wp-content/themes/twenty-twenty-one-child/style.css?ver=1.0.0 */
.listarichieste {
	font-size: 20px;
	line-height: 1.2em;
	padding-left: 35px;
	color: #fff;
}

@media only screen and (max-width: 1023px) {
	.listarichieste {
		padding-left: 22px;
	}
  .logomobile {
    width: 200px;
    margin: 0 auto !important;
    /* transform: translateX(50%); */
    margin-left: 0px;
  }

  .primary-navigation {
	height: 70px;
	background-color: #fff;
	}

  .custommenu {
  	top: -105vh;
  }
  .custommenu {
		top: 0;
		right: -100vw;
	}
	.primary-navigation-open .custommenu {
		right: 0;
	}
  .primary-navigation-open .logomobile img, .logomobile img {
	height: 47.5px;
	margin-top: 0;
	outline: none !important;
}
.primary-navigation .custommenu .menupagina a:hover {
	color: var(--global-oro) !important;
	text-transform: uppercase;
}

.primary-navigation .custommenu .menupagina.menumobiletrivio a:hover {
	color: #000 !important;
	text-transform: uppercase;
}
  .menu-button-container {
    top: -14px;
  }

  .logomobile {
  	display: block;
  	position: relative;
  	text-align: center;
  	background-color: #fff;
  	filter: drop-shadow(0 0 0);
  	height: auto;
  	top: 0;
  	left: 0;
  	right: 0;
  }
	ul.listarichieste li {
		font-size: 20px !important;
		line-height: 1.2em;
		padding-left: 0px;
		font-family: "Barlow Condensed";
	}
	.stripe.comecontattarciemail .testo p {
		font-size: var(--global-p-size-mobile);
	}
	.stripe.comecontattarciemail a.bottone {
		width: 45vw;
		height: 6.3vw;
		line-height: 6.1vw !important;
		margin: 3vw auto 0 auto;
		font-size: var(--global-p-size-mobile);
	}
}

/* style.css | https://dev.identitas-studio.it/wp-content/themes/twentytwentyone/style.css?ver=1.0.0 */

.primary-navigation {
  /* right: 0; */
  /* background-color: #; */
  /* background-color: #f0; */
  /* background-color: #f00; */
  /* background-color: #f; */
  /* background-color: #ff; */
  /* height: 980; */
  /* height: 98; */
  /* height: 9; */
  /* height: 90; */
  /* height: 90p; */
  background-color: #fff;
  height: 90px;
}

/* style.css | https://dev.identitas-studio.it/wp-content/themes/twenty-twenty-one-child/style.css?ver=1.0.0 */

.primary-navigation {
  /* z-index: 500000; */
  /* z-index: 1500000; */
  /* overflow: visible; */
  z-index: 100000;
}

.primary-navigation-open .custommenu {
  /* z-index: 10000; */
  /* z-index: 1; */
}

.custommenu {
  /* visibility: visible; */
}

.menu-button-container ,
.primary-navigation-open .menu-button-container {
	background-color: transparent;
}


body.primary-navigation-open {
	overflow: hidden;
}


.primary-navigation-open #page {
	/* transform: translateX(0); */
}

.primary-navigation-open .vtab {
  /* left: -48px; */
}
@media screen and (min-width: 1024px) {
	.menumobileidentita.menumobileconcettuale {
		/* opacity: 0; */
	}
	.menumobileidentita.menumobileverbale {
		/* opacity: 0; */
	}
	.menumobileidentita.menumobilevisiva {
		/* opacity: 0; */
	}.menumobileidentita.menumobiletrivio {
		/* opacity: 0; */
	}
}
.primary-navigation .custommenu .normale a {
	font-size: 30px !important;
	color: #787878 !important;
	text-transform: uppercase;
}



.vtab.nobg {
	transition: 0.3s all;
}





.stripe.testata {
	display: flex;
	align-content: center;
	align-items: center;
}

.titolopagina {
  position: relative;
  bottom: auto;
}

.stripe .titolopagina h1 span {
	font-weight: 600;
}
.page-identita-concettuale .stripe.testata .titolopagina h1,
.stripe .titolopagina h1 {
  font-size: var(--global-font-size-h1-100);
  text-transform: uppercase;
  color: #fff;
  opacity: 1;
  font-weight: 300;
}
.page-identita-visiva .stripe .titolopagina h1 {
	color: #fff;
}
.page-identita-concettuale .stripe .titolopagina h1, .page-identita-verbale .stripe .titolopagina h1, .page-identita-visiva .stripe .titolopagina h1 {
	line-height: 1.1em !important;
}


.stripe.testata {
	opacity: 0;
	transition: 0.5s all;
	animation: gfadein;
	animation-duration: 1s;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

#masthead {
	position: sticky !important;
	z-index: 100;
	left: 0;
	top: 0;
}
.body, #page {
	overflow: visible;
}

.bottonecontatti {
	position: fixed;
	right: 0;
	top: 230px;
	width: 200px;
	height: 60px;
	background-color: #000;
	color: #fff;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	z-index: 11;
	box-shadow: 0 0 3px rgba(255,255,255,0.6);
	/* border: 1px solid #fff; */
}

.bottonecontatti div {
	height: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding-bottom: 8px;
}

.bottonecontatti lottie-player {
	width: 60px !important;
	position: relative;
	/* clear: none; */
	float: left;
	margin-top: -3px;
}


.bottonecontatti a {
	color: #fff;
	text-decoration: none !important;
	transition: 0.3s all;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 3px;
	font-weight: 500;
}

.bottonecontatti a:hover {
	text-decoration: underline !important;
}

lottie-player {
	width: 60px !important;
	position: relative;
	/* clear: none; */
	float: none;
	margin: 0 auto;
}
.home .stripe.testata h1 {
	position: relative;
	bottom: auto;
	width: 100%;
	text-align: center;
	margin-bottom: -auto;
	font-weight: 300;
	font-size: var(--global-font-size-h1-100);
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
}
.home .stripe.testata h1 span {
	color: rgba(0,0,0, 1);
	font-weight: 700;
}
.scopri {
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
	right: 50%;
}
.home .stripe.testata h2 {
	position: relative;
	display: block;
	bottom: 30px;
	color: #fff;
	text-transform: uppercase;
}
.home .stripe.testata .roundbutton {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background-color: #fff;
	position: relative;
	display: block;
	margin: 0 auto;
}
.stripe.brand {
	background-color: #fff;
	min-height: 80vw;
	text-align: center;
	/* background-image: url(/wp-content/uploads/2022/01/identitas-home-linee.jpg); */
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
}

.boxbrand {
	width: 100%;
	height: 30vw;
	background-color: transparent;
	padding: 0;
	position: relative;
	z-index: 10;
	opacity: 0;
}
.stripe.percheintro > div {
	opacity: 0;
}
.stripe.perche .interno > div > div > *{
	opacity: 0;
}
.boxbrand h2 {
	color: #000;
	font-size: var(--global-font-size-h2-100);
	line-height: 1em !important;
	margin-bottom: 0.5vw;
	text-transform: uppercase;
}
.stripe.brand {
	min-height: 44vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.stripe.brand .boxbrand {
	background-color: transparent;
	left: auto;
	top: auto;
}

.boxbrand p {
	color: #000;
	font-size: var(--global-font-size-p-45);
	width: 50%;
	margin: 30px auto 0 auto;
	font-weight: 400 !important;
}

.boxbrand h2 span {
	color: #000;
	font-weight: 700;
}

.stripe.percheintro {
	background-color: #fff;
	text-align: center;
	padding: 70px 0 !important;
	min-height: 36vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.stripe.perche {
	background-color: #EDEDED;
	color: #000;
}
.stripe.percheintro p {
	font-size: var(--global-font-size-p-45);
	line-height: 1.15em !important;
	margin-top: 60px;
}
.stripe.percheintro h2 {
	font-size: var(--global-font-size-h1-100);
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1em !important;
}
.stripe.percheintro h2 span {
	font-weight: 500;
}
.stripe.perche .col2, .stripe.perche .col3, .stripe.perche .col4 {
	width: 33%;
	text-align: left;
	height: 22vw;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 14px;
}
.stripe.perche .col2 p, .stripe.perche .col3 p, .stripe.perche .col4 p {
	color: #000;
	font-size: 1.5vw;
	text-align: center;
	font-weight: 100 !important;
	padding: 20px;
}

.stripe.perche .col2 div, .stripe.perche .col3 div, .stripe.perche .col4 div {
	text-align: center;
}
.stripe.perche .col2 h2, .stripe.perche .col3 h2, .stripe.perche .col4 h2 {
	color: #000 !important;
	text-transform: uppercase;
	font-size: 50;
	font-weight: 700;
	margin-top: 40px;
}
.stripe.perche .col2 h2 span, .stripe.perche .col3 h2 span, .stripe.perche .col4 h2 span {
	color: #000 !important;
}
.home .simbolo {
	margin-bottom: 1.2vw;
	filter: invert();
	margin: 0 auto;
}

.stripe.lavoriamo {
	background-color: #000000;
	text-align: center;
	padding: 70px 0 !important;
	min-height: 36vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.stripe.lavoriamo h2 {
	font-size: var(--global-font-size-h1-100);
	font-weight: 300;
	opacity: 0;
	line-height: 1em !important;
	color: #fff;
}
.stripe.lavoriamo h2 span {
	font-weight: 500;
	color: var(--global-oro);
}

.stripe.colonne1 {
    display: flex;
    flex-flow: column;
	width: 100vw;
	justify-content: center;
	background-color: transparent;
	text-align: center;
	background-image: linear-gradient(left, white, white 50%,  #EDEDED 50%, #EDEDED 100%);
	background-image: -webkit-linear-gradient(left, white, white 50%, #EDEDED 50%, #EDEDED 100%);
	padding: 100px 0 !important;
}
.stripe.colonne1 .col1, .stripe.colonne1 .col2, .stripe.colonne1 .col3 {
	display: grid;
	flex-flow: row;
	width: 100%;
	flex-wrap: nowrap;
	grid-template-columns: 2fr 1fr 2fr;
	align-items: center;
	padding: 50px 0;
}

.stripe.colonne1 img {
    width: 215px;
    height: 215px;
    border: 15px solid #EDEDED;
    border-radius: 50%;
    padding: 20px;
	background-color: #fff;
}
.stripe.colonne1 .col1 h2,
.stripe.colonne1 .col2 h2,
.stripe.colonne1 .col3 h2 {
	font-weight: 700;
	color: #000;
	text-align: right;
	text-transform: uppercase;
	opacity: 0;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-iteration-count: 1;
	text-decoration: none !important;
}

.stripe.colonne1 .col1 h2 span,
.stripe.colonne1 .col2 h2 span,
.stripe.colonne1 .col3 h2 span {
	font-weight: 300;
}
.stripe.colonne1 .col1 p,
.stripe.colonne1 .col2 p,
.stripe.colonne1 .col3 p {
	font-weight: 300;
	font-size: 30px;
	color: #000;
	text-align: left;
	line-height: 1.5em;
	opacity: 0;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-iteration-count: 1;
}



.outera.startIconsAnim h2,
.outera.startIconsAnim h2,
.outera.startIconsAnim h2,
.stripe.colonne1 .startIconsAnim p,
.stripe.lavoriamo.startIconsAnim h2
 {
	animation: gfadein forwards  ease-in-out;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-delay: 0.5s;
}

.stripe.colonne1 img {
	transform: scale(0);
}

.stripe.colonne1 .startIconsAnim img {
	animation: gScaleIn forwards ease-in-out;
    animation-duration: 0.4s;
    animation-iteration-count: 1;
	animation-delay: 0.5s;
}

.stripe.scopripercorso {
	min-height: 16vw;
	background-image: url('/wp-content/uploads/2023/02/home-scopri-sfondo-oro.jpg');
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bottonevai lottie-player {
	transform: rotate(180deg);
}
.bottonevai {
	text-align: center;
	width: auto;
	margin: 0 auto;
}
.scopripercorso h2 {
	text-transform: uppercase;
	color: #000;
}

.scopripercorso h2 span {
	font-weight: 700;
}

.boxbrand .bottonevai {
	margin-top: 50px;
	width: 200px;
}
.boxbrand .bottonevai a {
	display: block;
	text-align: center;
	color: #000;
	text-decoration: none;
}
.boxbrand .bottonevai a:hover {
	color: #000;
}
.boxbrand .bottonevai {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
}
.boxbrand .bottonevai lottie-player {
	transform: rotate(180deg);
	float: none;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	margin-top: 20px;
}

.stripe.perchiintro {
	background: #fff;
	text-align: center;
}

.stripe.perchi {
	background-image: url('/wp-content/uploads/2023/02/gradienteperchi.jpg');
	background-size: cover;
	text-align: center;
	min-height: 43vw !important;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.boxperchi .freccia {
	background-image: url('/wp-content/uploads/2023/02/frecciaon.png') !important;
	background-position: center center;
	background-repeat: no-repeat;
	width: auto;
	height: 21vw;
	margin-bottom: 0vw;
	background-size: cover;
	display: flex;
	align-items: center;
	/* background-size: contain; */
	line-height: 1.33em;
	overflow: visible;
	width: 30% !important;
	background-size: 100%;
}
.freccia h3 {
	left: auto;
	display: block;
	position: relative;
	color: white;
	font-size: clamp(25px, 2.1vw, 30px);
	right: auto;
	text-align: left;
	padding-left: 80px;
}

.boxperchi .freccia.f2 {
	width: auto;
}
.boxperchi .freccia.f3 {
	width: auto;
}
.boxperchi .freccia:nth-of-type(2) {
	padding-left: 0;
}
.boxperchi .freccia:nth-of-type(3) {
	padding-left: 0;
}
.boxperchi {
	height: auto;
	background-color: transparent;
	padding: 0;
	position: relative;
	left: auto;
	top: auto;
	z-index: 8;
	right: auto;
	display: flex;
	flex-flow: row;
	justify-content: space-evenly;
	width: inherit;
	margin: 50px auto;
	max-width: 1500px;
}

.stripe.perchi h2 span {
	font-weight: 700;
}

.stripe.perchi p {
	font-size: 30px;
}

.stripe.perchi a {
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	width: 200px !important;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-flow: column;
}

.stripe.perchi .bottonevai {
	text-align: center;
	width: auto;
	margin: 0 auto;
}
.stripe.perchi h2 {
	color: #000;
	font-size: 100px;
	line-height: 1em !important;
	margin-bottom: 0.5vw;
	/* text-transform: uppercase; */
}

.stripe.video, .fgvideo {
	background-image: url('/wp-content/uploads/2023/02/scopri-identitas.jpg');
	background-size: cover;
	text-align: center;
	min-height: 55.7vw !important;
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 100%;
	align-items: center;
}

.stripe.video a.vp-a {
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 70px;
	font-weight: 700;
}

.stripe.giango .interno {
	display: flex;
	flex-flow: column;
	max-width: var(--responsive--alignwide-width) !important;
	color: var(--global-color-grigiomenu);
	width: 100%;
	margin: 0 auto;
	padding: 6vw 0;
}
.stripe.giango {
	display: flex;
	justify-content: center;
	padding: 100px 0 !important;
	height: auto;
	background-color: #000;
}
.stripe.giango .interno {
	display: flex;
	flex-flow: column;
	max-width: var(--responsive--alignwide-width) !important;
	color: var(--global-color-grigiomenu);
	width: 60%;
	margin: 0 auto;
	padding: 0;
}
.stripe.giango .interno .testo h2 {
	font-size: 100px;
}

.stripe.giango .interno .testo p {
	font-size: var(--global-font-size-p-45);
	margin-bottom: 100px;
}
.stripe.giango .interno .testo {
	max-width: 100%;
	position: relative;
	text-align: center;
}
.stripe.giango .interno .logogiango {
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	bottom: auto;
}

.baffooro {
	text-align: center;
}

.page-cosa-facciamo .stripe.testata {
	background-image: url(/wp-content/uploads/2023/02/cosa-facciamo-testata.jpg);
}

.page-cosa-facciamo .stripe.testata {
	background-image: url(/wp-content/uploads/2023/02/cosa-facciamo-testata.jpg);
}

.page-cosa-facciamo .stripe.testata .titolopagina h1 {
	font-size: var(--global-font-size-h1-100);
	text-transform: uppercase;
	color: #000;
	opacity: 1;
	font-weight: 300;
	text-align: left;
	padding-left: 16vw;
}
.page-cosa-facciamo .stripe.testata .titolopagina h1 span {
	font-weight: 700;
}

.page-per-chi .stripe.testata {
	background-image: url('/wp-content/uploads/2023/02/per-chi-lo-facciamo-testata.jpg');
}

.page-lo-studio .stripe.testata {
    background-image: url('/wp-content/uploads/2023/02/lo-studio-testata.jpg');
	background-position: center;
}
.page-lo-studio .stripe.testata .titolopagina h1 {
	font-size: var(--global-font-size-h1-100);
	text-transform: uppercase;
	color: #000;
	opacity: 1;
	font-weight: 300;
	text-align: left;
	padding-left: 26vw;
}
.page-lo-studio .stripe.testata .titolopagina h1 span {
	font-weight: 700;
}
.page-collabora-con-noi .stripe.testata .titolopagina h1 {
	font-size: var(--global-font-size-h1-100);
	text-transform: uppercase;
	color: #000;
	opacity: 1;
	font-weight: 300;
	text-align: center;

}

.page-collabora-con-noi .stripe.testata .titolopagina h1 span {
	font-weight: 700;
}

.stripe.colonne2 .col1 p {
	color: #fff;
}

.stripe.colonne2 .col2 p {
	color: #fff !important;
}

.page-contatti .stripe.testata h1 {
	color: #000;
	font-weight: bold;
}

.page-identita-verbale .stripe.testata {
	background-image: url('/wp-content/uploads/2023/02/identita-verbale-testata.jpg');
	background-position: center;
}

.outera * {
	transition: 0.3s all;
}
.outera img {
	transition: 0.3s all;
}
.outera:hover .col1 h2,
.outera:hover .col2 h2,
.outera:hover .col3 h2
 {
	transform: scale(1);
	transform-origin: right;
	outline: none;
	text-decoration: none !important;
	padding-right: 30px;
}
.outera:hover .col1 img,
.outera:hover .col2 img,
.outera:hover .col3 img
 {
	/* transform: scale(1.1) !important; */
	outline: none;
	text-decoration: none !important;
	background-color: #000;

	border: 15px solid #fff;

}
.outera:hover .col1 div:nth-of-type(3),
.outera:hover .col2 div:nth-of-type(3),
.outera:hover .col3 div:nth-of-type(3)
 {
	/* transform: scale(1.1) !important; */
	outline: none;
	text-decoration: none !important;
	padding-left: 30px;
}
.home .stripe.testata .roundbutton lottie-player {
	transform: rotate(180deg);
}

.home .stripe.testata .scopri a {
	text-decoration: none;
	text-decoration-thickness: 0px;
}
.home .stripe.testata .scopri a h2,
.home .stripe.brand .bottonevai a h2  {
	transition: 0.3s all;
	font-size: var(--global-font-size-h2-scopri);
}

.home .stripe.testata .scopri>a:hover h2 {
	color: var(--global-oro) !important;
}
.home .stripe.brand .bottonevai>a:hover h2 {
	color: var(--global-oro) !important;
}
.home .stripe.testata .scopri>a:hover .roundbutton {
	/* background-color: var(--global-oro) !important; */
}
.page-identita-verbale .stripe .titolopagina h1 {
	padding-bottom: 17vw;
	color: #000;
}
.page-identita-verbale .stripe .titolopagina h1 span {
	font-weight: 700;
}
.page-collabora-con-noi .stripe.testata {
	background-image: url(/wp-content/uploads/2022/06/collabora-con-noi-sfondo-testata.gif);
	background-size: cover;
}

.stripe.identita.concettuale p {
  font-weight: 400 !important;
}

.stripe.identita.brandanalysis .coln2.colsin .col1 {

  background-color: #ededed;
}

.stripe.identita.riga.brandanalysis .colsin h2 {
  color: #000;
}

.stripe.identita.riga.brandanalysis .coln2.colsin .col2 {
  background-color: var(--global-oro);
}

.stripe.identita .coln2.coldes .col2 {
  background-color: #000000;
}



.stripe.identita.brandstrategy .coln2.coldes .col1 {
  color: #333;
}

.stripe.identita.riga.brandarchitecturestrategy .coln2.colsin .col1 {
  background-color: var(--global-oro);
}

.stripe.identita.riga.brandarchitecturestrategy .coln2.colsin .col2 {
  background-color: #ededed;
}

.stripe.identita.riga .colsin .col2 p {
  color: #000;
}

.stripe.identita.riga.brandarchitecturestrategy .colsin h2 {
  color: #fff;
}

.stripe.identita.riga.corporatebranding .coln2.coldes .col1 {
  background-color: #000;
}

.stripe.identita.riga .coldes h2 span {
  font-weight: 700;
  color: var(--global-oro);
}

.stripe.identita.riga.identitystatement .coln2.colsin .col1 {
  background-color: #ededed;
}

.stripe.identita.riga .colsin h2 {
  color: #000;
}
.stripe.identita.brandstrategy.riga .coldes .col1 p {
	color: #000;
}
.stripe.identita.riga .coldes .col1 p {
	color: #fff;
}

.stripe.identita.riga.identitystatement .coln2.colsin .col2 {
  background-color: var(--global-oro);
}
.stripe.perchiinterna2 p {
	color: #fff;
}
.stripe.perchiinterna2 .testo {
	max-width: 50%;
}
.stripe.perchiinterna2 .pennellatatondo {
	/* background-color: #ff0000; */
	width: 440px;
	height: 420px;
	background-image: url(/wp-content/uploads/2021/11/identitas-per-chi-cornice-dorata.png);
	background-position: 67% center;
	background-repeat: no-repeat;
	display: flex;
	position: relative;
	left: auto;
	top: auto;
	background-size: cover;
}
.stripe.perchiinterna2 .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	max-width: 900px !important;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	align-items: center;
}
.stripe.perchiinterna2  {
	min-height: 41vw;
}
.stripe.cosafacciamointerna2 {
	background-color: var(--global-color-grigiomedio);
	min-height: 31vw;
	z-index: 10;
	display: flex;
	align-items: center;
}
.stripe.cosafacciamointerna2 .interno {
	padding: 0;
}
.stripe.cosafacciamointerna2 .interno .testo {
	display: flex;
	justify-content: center;
	flex-flow: column;
}
.stripe.cosafacciamointerna2 p {
	color: #fff;
	font-size: 20px;
}
.stripe.cosafacciamointerna2 .pennellatatondo {
	/* background-color: #ff0000; */
	width: 400px;
	height: 400px;
	background-image: url(/wp-content/uploads/2021/11/identitas-cosa-facciamo-pennellataoro-cerchiob.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: auto;
	top: auto;
	background-size: contain;
	margin-left: 50px;
}

.stripe.lostudiointerna2 .testo {
	max-width: 50%;
	color: #fff;
}

.stripe.lostudiointerna3 {
	min-height: 35vw;
	background-color: var(--global-color-grigiochiarotrans);
	text-align: center;
}
.stripe.lostudiointerna4 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.stripe.lostudiointerna4 .interno {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.stripe.lostudiointerna3 .testo > div {
	width: 50%;
	align-items: center;
	display: flex;
	text-align: left;
	flex-flow: column;
}
.stripe.lostudiointerna4 .interno .testo {
	display: flex;
	flex-flow: column;
	max-width: 33%;
	/* color: white; */
	width: 100%;
	margin: 0 auto;
	padding: 0;
	left: 51%;
	position: absolute;
	text-align: left;
	color: var(--global-color-grigiomedio);
}
.stripe.lostudiointerna2 .testo {
	max-width: 50%;
	color: #fff;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.stripe.lostudiointerna2 .pennellatatondo {
	/* background-color: #ff0000; */
	width: 400px;
	height: 400px;
	background-image: url(/wp-content/uploads/2021/12/identitas-lo-studio-triangolo-oro2.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: auto;
	top: auto;
	text-align: center;
	background-size: 105%;
	/* transform: rotate(-5.3deg); */
	transform: scale(0.8);
}
.stripe.lostudiointerna3 .testo > div.col1 {
	text-align: right;
	padding-left: 0;
	color: var(--global-color-grigioscuro) !important;
	display: flex;
	justify-content: center;
}
.stripe.lostudiointerna3 .testo > div.col2 {
	text-align: left;
	padding-left: 30px;
	color: var(--global-color-grigioscuro) !important;
}
.stripe.lostudiointerna2 .interno {
	display: flex;
	flex-flow: row;
	max-width: var(--responsive--alignwide-width) !important;
	max-width: 60vw !important;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	justify-content: space-between;
}
.page-identita-concettuale .simbolo {
	display: none !important;
}

.stripe.identita.visiva.riga:nth-of-type(2n) {
	background-color: #000 !important;
}

.stripe.identita.riga .colsin .col2 img {
	margin-top: 3.5vw;
	margin-left: 0px;
	display: block;
	transform: rotate(180deg);
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	pointer-events: none;
}
.bgvideo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 56vw;
	z-index: 1;
}
.fgvideo {
	z-index: 1;
	position: absolute;
}

.bgvideo{
    /*Animations*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.bgvideo.fullscreen{
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
 }
 .stripe.contattiinterna .gform_wrapper .gfield_consent_label a {
	 color:  #000;
	 font-weight: bold;
 }
 .stripe.contattiinterna p {
	color: var(--global-color-grigioscuro);
	max-width: 80%;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 20px;
}

@media only screen and (max-width: 1023px) {
	.home .stripe.testata h1 {
		font-size: var(--global-font-size-h1-100);
		text-shadow: 0 0 5px rgba(0,0,0,0.4);

	}
	.home .stripe.testata h1 span {
		text-shadow: none;
	}
	.home .stripe.testata {
		background-position: center;
		display: flex;
		min-height: 100vw !important;
	}
	.scopri {
		bottom: 10px;
		transform: translateX(-50%) scale(0.6);
	}
	.boxbrand h2 {
		font-size: 9vw;
	}
	.boxbrand p {
		font-size: var(--global-font-size-p-45);
		width: 100%;
		margin: 30px auto 0 auto;
	}
	.home .stripe.brand .boxbrand {
		width: 80vw;
		height: auto;
		background-color: transparent;
		padding: 20vw 5vw 20vw 5vw;
		position: relative;
		left: auto;
		top: auto;
		z-index: 10;
		text-align: center;
		margin: 0 auto;
	}

	.stripe.percheintro h2 {
		font-size: 9vw;
		max-width: 80%;
		margin: 0 auto;
	}
	.stripe.percheintro p {
		font-size: var(--global-font-size-p-45);
		width: 100%;
		max-width: 80%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.stripe.lavoriamo h2 {
		font-size: 9vw;
	}
	.stripe.colonne1 .col1, .stripe.colonne1 .col2, .stripe.colonne1 .col3 {
		display: grid;
		flex-flow: row;
		width: 100%;
		flex-wrap: nowrap;
		grid-template-columns: 1fr;
		align-items: center;
		padding: 50px 0;
	}
	.stripe.colonne1 .col1 h2, .stripe.colonne1 .col2 h2, .stripe.colonne1 .col3 h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	.stripe.colonne1 .col1 p, .stripe.colonne1 .col2 p, .stripe.colonne1 .col3 p {
		font-size: 6vw;
		text-align: center;
		margin-top: 30px;
	}
	.scopripercorso h2 {
		text-transform: uppercase;
		color: #000;
		font-size: 7vw;
	}
	.bottonevai {
		text-align: center;
		width: 60px;
		margin: 0 auto;
		display: block;
	}
	.stripe.scopripercorso {
		min-height: 42vw;
	}
	.stripe.perchi {
		margin-top: 10vw;
		margin-bottom: 10vw;
	}
	.stripe.perchi h2 {
		font-size: 9vw;
		margin-bottom: 2.5vw;
	}
	.stripe.perchi p {
		font-size: 6vw;
		margin:0 auto;
		text-align: center;
		max-width: 80%;
	}
	.stripe.perche .col2, .stripe.perche .col3, .stripe.perche .col4 {
		width: 100%;
		text-align: left;
		height: auto;
		display: flex;
		flex-flow: column;
		justify-content: center;
		padding: 14px;
	}
	.stripe.perche .col2 p, .stripe.perche .col3 p, .stripe.perche .col4 p {
		font-size: 6vw;
	}
	.stripe.video {
		background-position: 47% center;
	}
	.stripe.video a.vp-a {
		font-size: 8vw;
	}
	.bottonecontatti {
		display: none;
	}
	.stripe.giango .interno .testo h2 {
		font-size: 12vw;
	}
	.stripe.giango .interno .testo p {
		font-size: 25px;
		margin-bottom: 100px;
	}
	.stripe.giango .interno {
		width: 90%;
	}

	.boxperchi {
		width: auto;
		height: auto;
		background-color: transparent;
		padding: 0;
		position: relative;
		left: auto;
		top: auto;
		z-index: 8;
		right: auto;
		display: flex;
		flex-flow: column;
		justify-content: center;
		width: 100%;
		margin: 50px auto;
	}
	.boxperchi .freccia {
		background-image: url('/wp-content/uploads/2023/02/frecciaon.png') !important;
		background-position: center center;
		background-repeat: no-repeat;
		width: auto;
		height: auto;
		margin-bottom: 0vw;
		background-size: 80%;
		display: flex;
		align-items: center;
		/* background-size: contain; */
		line-height: 1.33em;
		overflow: visible;
		width: 100% !important;
		padding: 20vw 0;
	}
	.boxperchi .freccia h3 {
		/* left: 37vw; */
		left: 2vw;
		font-size: 6vw !important;
	}

	.home .stripe.testata {
		background-image: url('/wp-content/uploads/2023/02/home-mobile.jpg');
		background-position: center;
		min-height: 80vh !important;
		background-size: cover;
		overflow: visible !important;
		z-index: 1;
	}
	.home .stripe.testata h1 {
		margin-top: 0;
	}


	.page-cosa-facciamo .stripe.testata {
		background-image: url('/wp-content/uploads/2023/02/testata-cosa-facciamo-mobile.jpg');
		background-position: center;
		min-height: 85vw !important;
		background-size: cover;
		overflow: visible !important;
		z-index: 1;
	}
	.page-cosa-facciamo .stripe.testata .titolopagina h1 {
		font-size: 50px;
		padding-left: 0;
		text-align: center;
		position: absolute;
		top: 50vw;
		color: #fff;
	}
	.stripe.lostudiointerna h2 {
		margin-bottom: 3vw;
		margin-top: 12vw;
	}



	.page-lo-studio .stripe.testata {
		background-image: url('/wp-content/uploads/2023/02/testata-lo-studio-mobile.jpg');
		background-position: center;
		min-height: 85vw !important;
		background-size: cover;
		overflow: visible !important;
		z-index: 1;
	}

	.page-lo-studio .stripe.testata .titolopagina h1 {
		font-size: 50px;
		padding-left: 0;
		text-align: center;
		position: absolute;
		top: 50vw;
	}

	.stripe.lostudiointerna h2 {
		margin-bottom: 3vw;
		margin-top: 24vw;
	}

	.page-identita-concettuale .stripe.testata {
		background-image: url('/wp-content/uploads/2023/02/testata-identita-concettuale-mobile.jpg');
		background-position: center;
		min-height: 85vw !important;
		background-size: cover !important;
		overflow: visible !important;
		z-index: 1;
	}
	.page-identita-concettuale .stripe.testata .titolopagina h1 {
		font-size: 50px;
		padding-left: 0;
		text-align: center;
		position: absolute;
		top: 50vw;
		color: #000;
	}

	.page-identita-concettuale .stripe.identita.concettuale h2 {
		margin-bottom: 3vw;
		margin-top: 42vw;
	}

	.stripe.testata {
		min-height: 85vw !important;
		background-size: cover;
	}

	.page-identita-verbale .stripe.testata {
		background-image: url('/wp-content/uploads/2023/02/testata-identita-verbale-mobile.jpg');
		background-position: center;
		min-height: 85vw !important;
		background-size: cover !important;
		overflow: visible !important;
		z-index: 1;
	}
	.page-identita-verbale .stripe.testata .titolopagina h1 {
		font-size: 50px;
		padding-left: 0;
		text-align: center;
		position: absolute;
		top: 50vw;
		color: #000;
	}

	.page-identita-verbale .stripe.identita.verbale h2 {
		margin-bottom: 3vw;
		margin-top: 22vw;
	}


	.page-identita-visiva .stripe.testata {
		background-image: url('/wp-content/uploads/2023/02/testata-identita-visiva-mobile.jpg');
		background-position: center;
		min-height: 85vw !important;
		background-size: cover !important;
		overflow: visible !important;
		z-index: 1;

	}
	.page-identita-visiva .stripe.testata .titolopagina h1 {
		font-size: 50px;
		padding-left: 0;
		text-align: center;
		position: absolute;
		top: 50vw;
		color: #000;
	}

	.page-identita-visiva .stripe.identita.visiva h2 {
		margin-bottom: 3vw;
		margin-top: 42vw;
	}


	.stripe.perchiinterna .interno {
		max-width: 80% !important;
	}

	.page-per-chi .stripe.testata {
		background-image: url('/wp-content/uploads/2023/02/testata-per-chi-lo-facciamo-mobile.jpg');
		background-position: center;
		min-height: 85vw !important;
		background-size: cover;
		overflow: visible !important;
		z-index: 1;
	}
	.page-per-chi .stripe.testata .titolopagina h1 {
		font-size: 50px;
		padding-left: 0;
		text-align: center;
		position: absolute;
		top: 50vw;
	}
	.stripe.perchiinterna h2 {
		margin-bottom: 3vw;
		margin-top: 40vw;
	}

	.stripe.cosafacciamointerna2 .interno {
		max-width: 80% !important;
		margin: 50px auto;
	}
	.stripe.cosafacciamointerna {
		min-height: 130vw;
	}
	.stripe.cosafacciamointerna2 .pennellatatondo {
		/* background-color: #ff0000; */
		width: 70vw;
		height: 70vw;
		margin: 10vw auto 0 auto;
		padding: 0 !important;
	}



	.stripe.identita.visiva.riga {
		padding-bottom: 100px !important;
	}








	.home .stripe.testata h2 {
		bottom: 0;
	}
	.home .stripe.testata .roundbutton {
		transform: scale(0.7);
	}
	.boxbrand .bottonevai {
		transform: scale(0.7);
	}
	.menu-button-container #primary-mobile-menu {
		margin-top: 30px;

	}
	.fgvideo {
		z-index: 1;
		position: absolute;
		display: none;
	}
	.stripe.colonne1 img {
		width: 45vw;
		height: 45vw;
		border: 15px solid #EDEDED;
		padding: 20px;
	}
	.outera:hover .col1 h2,
	.outera:hover .col2 h2,
	.outera:hover .col3 h2
	 {
		transform: scale(1);
		transform-origin: right;
		outline: none;
		text-decoration: none !important;
		padding-right: 0px;
	}
	.outera:hover .col1 img,
	.outera:hover .col2 img,
	.outera:hover .col3 img
	 {
		/* transform: scale(1.1) !important; */
		outline: none;
		text-decoration: none !important;
		background-color: #000;
		border: 15px solid #fff;

	}
	.outera:hover .col1 div:nth-of-type(3),
	.outera:hover .col2 div:nth-of-type(3),
	.outera:hover .col3 div:nth-of-type(3)
	 {
		/* transform: scale(1.1) !important; */
		outline: none;
		text-decoration: none !important;
		padding-left: 0px;
	}
	.stripe.perchiinterna2 .interno {
		flex-flow: column;
		padding: 50px 0;
	}
	.stripe.perchiinterna2 p {
		font-size: var(--global-p-size-mobile);
		text-align: center;
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.stripe.perchiinterna {
		padding-bottom: 50px !important;
	}
	.stripe.perchiinterna2 .testo {
		max-width: 70%;
	}
	.stripe.perchiinterna2 .pennellatatondo {
		/* background-color: #ff0000; */
		width: 80vw;
		height: 80vw;
		margin-top: 1vw;
	}

	/* collabora con noi e interne */
	.stripe.visualidentitydesignercompetenze .interno {
		flex-flow: column;
	}

	.stripe.visualidentitydesignercompetenze .pennellatatondo {
		width: 45vw;
		height: 45vw;
		left: 0;
		top: 0;
		position: relative;
		z-index: 1;
		display: block;
		margin: 50px 0;
	}

	.page-collabora-con-noi .stripe.colonne2 > div{
		padding: 50px 0;
	}

	.menu-button-container {
		left: auto;
		right: 0 !important;
	}

	.stripe.identita.concettuale {
		margin-bottom: 50px !important;
	}
	.freccia h3 {
		padding-left: 23vw;
	}

	.stripe.cosafacciamointerna3 .sfondopolvere {
		background-image: none;
	}
	.stripe.collaboraconnoi .interno {
		padding: 60px 0 60px 0;
	}
	.stripe.cosafacciamointerna .testo p {
		margin-bottom: 50px;
	}
	.stripe.cosafacciamointerna2 p {

		font-size: var(--global-p-size-mobile);
	}
	.stripe.perchiinterna4 .titolosopra {
		left: auto;
		top: auto;
		margin: 20px auto;
		position: relative;
	}
	.stripe.perchiinterna4 .macchia {
		margin-right: 0;
		top: 0;
		max-width: 100%;
	}
	.stripe.perchiinterna4 .titolosopra h2 {
		color: #000;
		line-height: 1em !important;
		/* font-size: var(--global-h2-size); */

	}
	.gform_wrapper .right2col textarea {
		height: 19.8vw;
		color: #fff;
		border: 1px solid #000 !important;
	}
	.stripe.identita.visiva.riga .interno.coln2 h2 {
		font-size: var(--global-h2-size-mobile-identita) !important;
	}
	.stripe.lostudiointerna2 .interno {
		flex-flow: column;
		margin: 50px auto;
		max-width: 70vw !important;
	}
	.stripe.lostudiointerna2 .interno p {
		font-size: var(--global-p-size-mobile);
		text-align: center;
	}
	.stripe.lostudiointerna2 .testo, .stripe.lostudiointerna2 .pennellatatondo {
		max-width: 100%;
	}
	.stripe.lostudiointerna2 .pennellatatondo {
		width: 60vw;
		height: 60vw;
	}
	.stripe.lostudiointerna3 .interno {
		flex-flow: column;
		margin: 50px auto;
		max-width: 70vw !important;
	}
	.stripe.lostudiointerna3 .testo > div.col2 {
		text-align: center;
		padding-left: 0;
		width: 100%;
	}
	.stripe.lostudiointerna4 .interno .testo {
		display: flex;
		flex-flow: column;
		max-width: 100%;
		/* color: white; */
		width: 70%;
		margin: 50px auto;
		padding: 0;
		left: 0;
		position: relative;
		text-align: left;
		color: var(--global-color-grigiomedio);
		text-align: center;
	}
	.stripe.lostudiointerna3 .testo > div.col1 {
		display: none;
	}
	.primary-navigation-open .custommenu {
	  z-index: 510000;
	}

	.primary-navigation-open .menu-button-container {
	  z-index: 5000000000 !important;
	}


	.primary-navigation {
	  overflow: hidden;
	}


	.primary-navigation-open .primary-navigation {
	  overflow: visible;
	}

	.bottonecontatti {
	  position: fixed !important;
	  display: block;
	  width: 100%;
	  height: 48px;
	  border-radius: 0;
	  bottom: 0;
	  top: auto;
	  z-index: 100000000;
	}


	.bottonecontatti a {
	  margin-left: -50px;
	}
	.custommenu .logomobile {
		margin-top: -13px;
		opacity: 0;
		display: none;
	}

}


@media screen and (min-width: 1024px) {
	.primary-navigation .custommenu .menupagina a {
		font-size: 30px !important;
		/* color: #787878 !important; */
		text-transform: uppercase;
	}
	.primary-navigation .custommenu .menupagina.menumobiletrivio a:hover {
		color: #fff !important;
		text-transform: uppercase;
	}
}


@keyframes gfadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes gScaleIn {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes rotation2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}