/*
Theme Name: HDG
Theme URI: hangar.it
Description: HDG Wordpress theme
Version: 1.0
Author: Hangar Design Group
Author URI: hangar.it
*/

@import url("https://use.typekit.net/uoo5mdz.css");

html, body {
	overflow-x: hidden !important;
	max-width: 100%;
}

/* Animation */
.js main section,
.js .animation,
.js .logo-list li,
.js .expertise-list a,
.js .work-list li,
.js .studio-list li,
.js .insight-list li,
.js .aboard-list li,
.js .sudios-list li,
.js #search-results li {
	transition: 1.5s !important;
	transition-delay: .1s !important;
}
.animation-hide {
	opacity: 0;
	transform: translate(0, 50px);
}

sup {
	font-size: 50%;
	top: -1em;
	letter-spacing: 0;
}

#iubenda-cs-banner {
	zoom: .8 !important;
}

/* Menu */
header .main-menu a {
	font: normal normal 300 24px/60px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1.5px;
	color: white;
	opacity: 1;
	text-decoration: none;
}

.link-menu-small {
	font: normal normal 300 14px/17px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1.4px;
	color: #000000;
	opacity: 1;
}

/* Hero */
.hero-text {
	font: normal normal 300 30px/36px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 3px;
	color: #000000;
	opacity: 1;
	text-align: center;
}

.hero-contacts {
	position: relative;
	font: normal normal bold 14px/0 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	text-decoration: none;
	padding-bottom: 10px;
	margin-top: 60px;
}

.hero-contacts::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: black;
}

.hero-contacts:hover::after {
	width: 0%;
	animation: border_anim .5s ease-in-out forwards;
}

/* Text in page */
body {
	font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: .5px;
	color: #000000;
}

i { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; }
b { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }

p { line-height: 18px; }

p.big {
	font-size: 16px;
	line-height: 24px;
}

p a {
	color: black !important;
	text-decoration: none;
}

img { display: block; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;	
	display: inline-block;
}

.sans-serif-title {
	font: 10px/16px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

.sans-serif-title-havy {
	font: 70px/70px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 700;
	color: #000000;
}

a.sans-serif-title, .sans-serif-title a { text-decoration: none; color: black !important; }
.black a.sans-serif-title, .black .sans-serif-title a { color: white !important; }
.sans-serif-title b, b.sans-serif-title { font: 11px/18px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }

.sans-serif-title-bold {
	font: 12px/18px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

.sans-serif-title-med-big {
	font: 16px/24px 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: .5px;
	color: #000000;
	opacity: 1;
}

.sans-serif-title-big-big {
	font: 23px/30px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
}	

.serif-title {
	font: 300 16px/24px 'dashiell-fine', Times, 'Times New Roman', serif;
	letter-spacing: .5px;
	color: #000000;
	opacity: 1;
}

.serif-title-big {
	font: 300 24px/30px 'dashiell-fine', Times, 'Times New Roman', serif;
	letter-spacing: .5px;
	color: #000000;
	opacity: 1;
}

.serif-title-med {
	font: 300 18px/30px 'dashiell-fine', Times, 'Times New Roman', serif;
	letter-spacing: .5px;
	color: #000000;
	opacity: 1;
}

.serif-title-big-Aboard {
	font: 300 24px/30px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: -0.5px;
	color: #000000;
	opacity: 1;
}

.serif-title-quote {
	font: 300 24px/30px 'dashiell-fine', Times, 'Times New Roman', serif;
	letter-spacing: .5px;
	color: #000000;
	opacity: 1;
}

.link-underscore {
	position: relative;
	display: inline-block;
	font: 300 13px/16px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #000000;
	opacity: 1;
	text-decoration: none;
	padding-bottom: 10px;
}

.black .link-underscore { border-bottom-color: white; }
.black .link-underscore svg { fill: white !important; }

.link-underscore::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: .5px;
	background: black;
}

.black .link-underscore::after { background: white; }

.link-underscore:hover::after {
	width: 0%;
	animation: border_anim .5s ease-in-out forwards;
}

@keyframes border_anim {
	0%{ width: 0%; }
	100%{ width: 100%; }
}

.link-underscore .external-link {
	width: 7.5px;
	position: absolute;
	top: -5px;
	right: -10px;
}

/* Works post */
.title-work {
	font: 11px/13px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

.sub-title-work {
	font: 20px/36px 'dashiell-fine', Times, 'Times New Roman', serif;
	letter-spacing: 1px;
	color: #000000;
	opacity: 1;
}

#standard-works li {
	opacity: 1 !important;
	overflow: hidden;
	transform: none !important;
	transition: opacity 1s !important;
}

#standard-works li.hidden-project {
	opacity: 0 !important;
	height: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	pointer-events: none;
	position: absolute;
}

/* Footer */
.footer-title a {
	color: #ffffff;
	font: 11px/13px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 2.2px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	display: inline-block;
	padding-bottom: 20px;
}

footer a {
	font: 12px/24px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1.2px;
	color: #999;
	opacity: 1;
	text-decoration: none;
	display: block;
}

/* ///////////////// SPACER ///////////////// */
.spaceheader { display: block; width: 100%; height: 80px; }
.space120 { display: block; width: 100%; height: 60px; }
.space60 { display: block; width: 100%; height: 30px; }
.space30 { display: block; width: 100%; height: 30px; }
.space20 { display: block; width: 100%; height: 20px; }
.space10 { display: block; width: 100%; height: 10px; }
.spaceTitle { display: block; width: 100%; height: 0; }

/* ///////////////// COLOR BACKGROUND ///////////////// */
.black { background: black; }
.black * { color: white; }
.celadon { background: #457B9D; }
.celadon * { color: white; }
.gray { background: #222222; }
.gray * { color: white; }
.black.light { background: #111; }
.white { background: white; }
.light-gray { background: #F4F4F4; }
.black .light-gray { background: #111 !important; }

.pilots {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/pillars.webp) center center no-repeat;
	background-size: cover;
}
.pilots * { color: white; }

.adi-bkg {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG_adi-bkg.webp) right center no-repeat;
	background-size: cover;
	height: 600px;
}
.adi-bkg * { color: white; }

.compendium-bkg {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG_compendium_cover_2.webp) right center no-repeat;
	background-size: cover;
	height: auto;
	padding: 60px 0;
}

.compendium-bkg-main {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG_compendium_cover_small.webp) center bottom no-repeat;
	background-size: cover;
	height: 210px;
}

.aboard {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/aboard.webp) center center no-repeat;
	background-size: cover;
}
.aboard * { color: white; }

.sustainability {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/sustainability.webp) center center no-repeat;
	background-size: cover;
	padding-bottom: 300px;
}

.manifesto {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Aereo-Basilico.webp) center center no-repeat;
	background-size: cover;
	padding-bottom: 300px;
}

.aboard-landing {
	background: linear-gradient(225deg, #22c1c3, #fdbb2d);
	background-size: 400% 400%;
	-webkit-animation: AboardAnimation 30s ease infinite;
	-moz-animation: AboardAnimation 30s ease infinite;
	animation: AboardAnimation 30s ease infinite;
}

@-webkit-keyframes AboardAnimation {
	0%{background-position:93% 0%}
	50%{background-position:0% 100%}
	100%{background-position:93% 0%}
}
@-moz-keyframes AboardAnimation {
	0%{background-position:93% 0%}
	50%{background-position:0% 100%}
	100%{background-position:93% 0%}
}
@keyframes AboardAnimation {
	0%{background-position:93% 0%}
	50%{background-position:0% 100%}
	100%{background-position:93% 0%}
}

.aboard-bkg { background: white; }
.aboard-bkg-blue { background: #5179AA !important; }
.aboard-bkg input { background: #f1f1f1 !important; }
.aboard-bkg button { background: black !important; color: white; }
.aboard-bkg button:hover { background: white !important; color: black; }

.aboard-bkg form.contacts input[type="checkbox"]:checked {
	background: #f1f1f1 !important;
}
.aboard-bkg form.contacts input[type="checkbox"]:checked:before {
	content: "";
	position: absolute !important;
	width: 5px !important;
	height: 5px !important;
	margin: 2px !important;
	background: black !important;
}

.aboard-bkg form.contacts {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: center;
}
.aboard-bkg form.contacts .pp { width: 100% !important; }
.aboard-bkg form.contacts input[type=text], 
.aboard-bkg form.contacts input[type=email] {
	width: calc(50% - 10px) !important;
	margin-bottom: 0;
}

.aboard-pills { margin: 0; padding: 0; }
.aboard-pills li {
	display: flex;
	padding: 7.5px 15px;
	margin: 10px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 40px;
	background: linear-gradient(90deg, #FFF 0%, #5179AA 100%);
	color: #FFF;
	text-align: center;
	leading-trim: both;
	font: 300 30px / 40px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
}

.hangar89 {
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/hangar89/h89.webp) center center no-repeat;
	background-size: cover;
	padding-bottom: 400px;
}

.channels { position: relative; overflow: hidden; }
.channels .video { width: 100%; height: 100%; position: absolute; }
.channels video {
	position: absolute;
	width: 150%;
	height: 100%;
	left: -25%;
	object-fit: cover;
	object-position: center center;
	opacity: .25;
}

/* ///////////////// HEADER ///////////////// */
header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: .25s;
}

.black header *, .black header a { color: white !important; fill: white !important; }
.scrolled header { background: white; }
.scrolled .black header { background: black !important; }

header .container {
	width: 100%;
	max-width: 1540px;
	margin: auto;
	padding: 30px 50px;
	transition: .25s;
}
.scrolled header .container { padding: 15px 50px; }

header .content { display: flex; align-items: center; justify-content: space-between; }
header .HDG-logo { position: relative; width: 60px; z-index: 999; }
.black header .HDG-logo { fill: white; }

header .tools {
	width: 50%;
	position: relative;
	z-index: 999;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	transition: .25s;
	display: none;
}

header .tools .search-tools {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-right: 20px;
}
.black header .tools .search-tools { border-bottom-color: white; }

header .tools .search-tools::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: .5px;
	background: black;
}
.black header .tools .search-tools::after { background: white; }

header .tools .search-tools:hover::after {
	width: 0%;
	animation: border_anim .5s ease-in-out forwards;
}

header .tools .search-tools ::placeholder { color: #000; opacity: 1; font-size: 11px !important; }
.black header .tools .search-tools ::placeholder,
header .menu.active .tools .search-tools ::placeholder { color: white; }
header .menu.active .tools .search-tools input { color: white; font-size: 16px; }

.search-works {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-bottom: solid .5px black;
}

.search-works input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
	-moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
	box-shadow: 0 0 0 #fff, 0 0 #fff inset;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	height: 26px;
	padding: 0;
	border: none;
	background: transparent;
	font: normal normal 300 16px/0 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 2.5px;
	color: #000;
}

.search-works input::placeholder {
	font: normal normal 300 11px/0 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	color: #000;
	opacity: 1;
}

.search-works .search-button { width: 26px; height: 26px; }

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

header .menu {
	background: #2b2b2b;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: none;
	opacity: 0;
	transition: .5s;
}

header .menu .main-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: calc(100vh - 120px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;	
}

header input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
	-moz-box-shadow: 0 0 0 #fff, 0 0 #fff inset;
	box-shadow: 0 0 0 #fff, 0 0 #fff inset;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	height: 26px;
	padding: 0;
	border: none;
	background: transparent;
	font: normal normal 300 11px/0 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 2.5px;
}

header .search-button { width: 26px; height: 26px; }

header .link-underscore {
	width: 100%;
	font: normal normal 300 11px/0 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.filter-list .link-underscore {
	font: normal normal 300 11px/0 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 15px;
	border-color: #F4F4F4;
	transition: .5s;
}

.filter-list .link-underscore:hover { border-color: black; }

.open-close { width: 30px; height: 15px; position: relative; z-index: 1000; }
.open-close span {
	position: absolute;
	right: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: black;
	transition: .25s;
}

.black .open-close span { background: white; }
.open-close span:nth-child(1) { top: 0; }
.open-close span:nth-child(2) { top: 50%; margin-top: -0.5px; }
.open-close span:nth-child(3) { top: 50%; margin-top: -0.5px; }
.open-close span:nth-child(4) { bottom: 0; }

header .HDG-logo.active { fill: white; }
header .menu.active { display: block; opacity: 1; }

header .menu.active .tools {
	display: flex;
	width: 100%;
	position: absolute;
	bottom: 120px;
	left: 0;
	padding: 0 50px;
}

header .menu.active .tools .search-tools { border-bottom: solid 0.5px white; }
header .menu.active .tools .link-underscore { border-bottom: solid 0.5px white; color: white; }

.open-close.active span { background: white; }
.open-close.active span:nth-child(1) { opacity: 0; }
.open-close.active span:nth-child(2) { transform: rotate(45deg); }
.open-close.active span:nth-child(3) { transform: rotate(-45deg); }
.open-close.active span:nth-child(4) { opacity: 0; }


/* --- NUOVO XHDR HEADER (INTEGRAZIONE) --- */

header.xhdr-wrapper { 
	font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif !important; 
	position: fixed !important; 
	top: 0 !important; 
	left: 0 !important; 
	width: 100% !important; 
	background: transparent !important;
	z-index: 9999 !important; 
	padding: 30px 0 !important; 
	box-sizing: border-box !important; 
	transition: background 0.25s, padding 0.25s !important; 
}
.scrolled header.xhdr-wrapper {
	background: #ffffff !important;
}
header.xhdr-wrapper * { box-sizing: border-box; }
.xhdr-container { width: 100% !important; max-width: 1540px !important; margin: 0 auto !important; padding: 0 50px !important; }
.xhdr-content { display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important; width: 100% !important; }
.xhdr-logo-link { display: flex !important; align-items: center !important; z-index: 1000 !important; }
.xhdr-logo { width: 60px !important; height: auto !important; fill: #000 !important; transition: fill 0.3s ease !important; }
.xhdr-menu { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; display: flex !important; align-items: center !important; background: transparent !important; width: auto !important; height: auto !important; opacity: 1 !important; visibility: visible !important; z-index: 10 !important; }
.xhdr-main-menu { display: flex !important; flex-direction: row !important; gap: 40px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; height: auto !important; width: auto !important; }
.xhdr-main-menu .xhdr-menu-item a { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif !important; font-weight: 300 !important; font-size: 13px !important; line-height: 18px !important; letter-spacing: 1.5px !important; color: #000 !important; text-decoration: none !important; opacity: 0.9 !important; transition: 0.5s !important; text-transform: capitalize !important; }
.xhdr-main-menu .xhdr-menu-item a:hover { opacity: 1 !important; }
.xhdr-tools-desktop { display: flex !important; align-items: flex-end !important; justify-content: flex-end !important; gap: 25px !important; width: auto !important; opacity: 1 !important; }
.xhdr-tools-mobile { display: none !important; }

.xhdr-action-link {
	font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif !important;
	font-weight: 300 !important;
	font-size: 12px !important;
	line-height: 1 !important;
	letter-spacing: 1px !important;
	color: #000 !important;
	text-decoration: none !important;
	background: transparent !important;
	border: none !important;
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: auto !important;
	max-width: none !important;
	white-space: nowrap !important;
	position: relative !important;
}
.xhdr-action-link::after { width: 100% !important; }

.xhdr-action-link svg { width: 3.1px !important; height: 5.7px !important; display: block !important; }
.xhdr-action-link svg path { stroke: #000 !important; }
.xhdr-search-form { display: flex !important; align-items: center !important; border: none !important; padding: 0 0 10px 0 !important; margin: 0 !important; width: 120px !important; justify-content: space-between !important; position: relative !important; }
.xhdr-search-input { border: none !important; background: transparent !important; outline: none !important; font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif !important; font-weight: 300 !important; font-size: 12px !important; line-height: 1 !important; letter-spacing: 1px !important; color: #000 !important; width: calc(100% - 20px) !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; height: 12px !important; }
.xhdr-search-input::placeholder { color: #000 !important; opacity: 1 !important; font-size: 12px !important; }
.xhdr-search-btn { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; }
.xhdr-search-btn svg { width: 12px !important; height: auto !important; display: block !important; }
.xhdr-search-btn svg path { fill: #000 !important; }
.xhdr-hamburger { display: none !important; width: 30px !important; height: 15px !important; position: relative !important; cursor: pointer !important; z-index: 1000 !important; }
.xhdr-hamburger span { display: block !important; position: absolute !important; right: 0 !important; width: 100% !important; height: 1px !important; background: #000 !important; transition: 0.25s !important; }
.xhdr-hamburger span:nth-child(1) { top: 0px !important; }
.xhdr-hamburger span:nth-child(2) { top: 50% !important; margin-top: -0.5px !important; }
.xhdr-hamburger span:nth-child(3) { top: 50% !important; margin-top: -0.5px !important; }
.xhdr-hamburger span:nth-child(4) { bottom: 0px !important; }

/* --- HEADER SU PAGINE SCURE (Template con body.black) --- */

header.xhdr-wrapper input.xhdr-search-input {
	background-color: transparent !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	box-shadow: none !important;
}

header.xhdr-wrapper input.xhdr-search-input:-webkit-autofill,
header.xhdr-wrapper input.xhdr-search-input:-webkit-autofill:hover, 
header.xhdr-wrapper input.xhdr-search-input:-webkit-autofill:focus, 
header.xhdr-wrapper input.xhdr-search-input:-webkit-autofill:active {
	-webkit-transition: background-color 9999s ease-out !important;
	transition: background-color 9999s ease-out !important;
	background-color: transparent !important;
}

/* ///////////////// DARK HERO su CLASSE .black ///////////////// */
.xhdr-search-input:-webkit-autofill,
.xhdr-search-input:-webkit-autofill:hover, 
.xhdr-search-input:-webkit-autofill:focus, 
.xhdr-search-input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s !important;
	-webkit-text-fill-color: #000000 !important;
}
.xhdr-search-input:focus,
.xhdr-search-input:active {
	background-color: transparent !important;
	outline: none !important;
}

body.black header.xhdr-wrapper .xhdr-logo { fill: #ffffff !important; }
body.black header.xhdr-wrapper .xhdr-main-menu .xhdr-menu-item a { color: #ffffff !important; }
body.black header.xhdr-wrapper .xhdr-action-link { color: #ffffff !important; }
body.black header.xhdr-wrapper .xhdr-action-link svg path { stroke: #ffffff !important; }
body.black header.xhdr-wrapper .xhdr-search-input { color: #ffffff !important; }
body.black header.xhdr-wrapper .xhdr-search-input::placeholder { color: #ffffff !important; opacity: 0.8 !important; }
body.black header.xhdr-wrapper .xhdr-search-btn svg path { fill: #ffffff !important; }
body.black header.xhdr-wrapper .xhdr-action-link::after,
body.black header.xhdr-wrapper .xhdr-search-form::after { background: #ffffff !important; }
body.black header.xhdr-wrapper .xhdr-hamburger span { background: #ffffff !important; }

body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill,
body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:hover, 
body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:focus, 
body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:active {
	-webkit-text-fill-color: #ffffff !important;
}

body.black.scrolled header.xhdr-wrapper, .scrolled body.black header.xhdr-wrapper { background: #ffffff !important; }
body.black.scrolled header.xhdr-wrapper .xhdr-logo, .scrolled body.black header.xhdr-wrapper .xhdr-logo { fill: #000000 !important; }
body.black.scrolled header.xhdr-wrapper .xhdr-main-menu .xhdr-menu-item a, .scrolled body.black header.xhdr-wrapper .xhdr-main-menu .xhdr-menu-item a { color: #000000 !important; }
body.black.scrolled header.xhdr-wrapper .xhdr-action-link, .scrolled body.black header.xhdr-wrapper .xhdr-action-link { color: #000000 !important; }
body.black.scrolled header.xhdr-wrapper .xhdr-action-link svg path, .scrolled body.black header.xhdr-wrapper .xhdr-action-link svg path { stroke: #000000 !important; }
body.black.scrolled header.xhdr-wrapper .xhdr-search-input, .scrolled body.black header.xhdr-wrapper .xhdr-search-input { color: #000000 !important; }
body.black.scrolled header.xhdr-wrapper .xhdr-search-input::placeholder, .scrolled body.black header.xhdr-wrapper .xhdr-search-input::placeholder { color: #000000 !important; opacity: 1 !important; }
body.black.scrolled header.xhdr-wrapper .xhdr-search-btn svg path, .scrolled body.black header.xhdr-wrapper .xhdr-search-btn svg path { fill: #000000 !important; }

body.black.scrolled header.xhdr-wrapper .xhdr-action-link::after, .scrolled body.black header.xhdr-wrapper .xhdr-action-link::after,
body.black.scrolled header.xhdr-wrapper .xhdr-search-form::after, .scrolled body.black header.xhdr-wrapper .xhdr-search-form::after { background: #000000 !important; }

body.black.scrolled header.xhdr-wrapper .xhdr-hamburger span, .scrolled body.black header.xhdr-wrapper .xhdr-hamburger span { background: #000000 !important; }

body.black.scrolled header.xhdr-wrapper .HDG-logo.active, .scrolled body.black header.xhdr-wrapper .HDG-logo.active { fill: #ffffff !important; }
body.black.scrolled header.xhdr-wrapper .open-close.active span, .scrolled body.black header.xhdr-wrapper .open-close.active span { background: #ffffff !important; }

body.black.scrolled header.xhdr-wrapper .xhdr-search-input:-webkit-autofill,
body.black.scrolled header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:hover, 
body.black.scrolled header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:focus, 
body.black.scrolled header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:active,
.scrolled body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill,
.scrolled body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:hover, 
.scrolled body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:focus, 
.scrolled body.black header.xhdr-wrapper .xhdr-search-input:-webkit-autofill:active {
	-webkit-text-fill-color: #000000 !important;
}

/* ///////////////// FOOTER ///////////////// */
footer { width: 100%; background: black; color: white; }
footer .container { width: 100%; max-width: 1540px; margin: auto; padding: 60px 50px; }
footer .content { margin-bottom: 20px; }
footer .content:last-child { margin-bottom: 0; font-size: 9px; color: #999; }
footer .content:last-child span { display: block; }
footer .content span:first-child {
	padding-bottom: 20px;
	font: 11px/13px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1.2px;	
	color: white;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}
footer .content span:first-child a {
	font: 11px/13px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	letter-spacing: 1.2px;	
	color: white;
	opacity: 1;
	transition: .5s;
}
footer .content span:first-child a:hover { opacity: 1; }
footer .content span.network { margin-bottom: auto; }
footer .content span.network a { margin-bottom: 20px; font: 11px/24px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; color: #fff; transition: .5s; }
footer ul, footer li { padding: 0; margin: 0; list-style: none; }

/* ///////////////// HERO ///////////////// */
.hero {
	width: 100%;
	margin: auto;
	height: 100vh;
	height: 100dvh;
	position: relative;
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Silky-Miracle-Mobile.webp) center bottom;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero .container {
	width: 100%;
	max-width: 1540px;
	margin: auto;
	padding: 0 50px 180px 50px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hero .content-2 { width: 100%; display: flex; align-items: center; justify-content: center; }
.hero .content-3 { width: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 120px; }
.hero .content-full { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 100%; width: 100%; }

.hero-digital {
	width: 100%;
	margin: auto;
	height: 50vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.hero-digital .container {
	width: 100%;
	max-width: 1540px;
	margin: auto;
	padding: 0 50px 0 50px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
}

.hero-digital .hero-text-digital { font: normal normal 300 40px/40px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 0; color: #000000; opacity: 1; text-align: center; }
.hero-digital .hero-text-digital-w { font: normal normal 300 60px/60px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 0; color: #FFF; opacity: 1; text-align: center; }
.hero-digital .text-digital { font: 14px/18px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; text-align: center; }
.hero-digital video { width: auto ; height: 100vh !important; }
.hero-digital .content-full { text-align: center; }

.hero-taste { width: 100%; margin: auto; height: 75vh; position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.hero-taste .container { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px 0 50px; height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: absolute; }
.hero-taste .hero-text-digital { font: normal normal 300 40px/40px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 0; color: #000000; opacity: 1; text-align: left; }
.hero-taste .text-digital { font: 14px/18px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; text-align: left; }
.hero-taste video { width: auto ; height: 100vh !important; }
.hero-taste .content-full { text-align: left; }
.hero-taste .content-full .logo { width: 150px; }
				
.hero-compasso {
	width: 100%;
	margin: auto;
	height: 75vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/hero-compasso-d-oro_mobile.webp) center bottom;
	background-size: cover;
}

.hero-reloaded { width: 100%; margin: auto; height: 75vh; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hero-reloaded .container { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px 0 50px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; }
.hero-reloaded .content { position: relative; z-index: 999; }
.hero-reloaded .hero-text-digital { font: normal normal 300 40px/40px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 0; color: #000000; opacity: 1; text-align: center; }
.hero-reloaded .text-digital { font: 14px/18px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; text-align: center; }
.hero-reloaded .reloaded-video { width: auto ; height: 100vh !important; opacity: .5; }
.hero-reloaded .content-full { text-align: center; }

.aboard-blue { color: #5179AA !important; }
.digital-celadon { color: #457B9D !important; }
.taste-green { color: #6E8B7E !important; }
.gold { color: #c4a544; }

/* ///////////////// CONTAINER SIZE ///////////////// */
.colx8 { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px; }
.colx8 .container { width: 100%; max-width: 1540px; margin: auto; }
.colx8 .container .content:nth-child(1) { width: 100%; margin-top: 0; margin-bottom: 20px; }
.colx8 .container .content:nth-child(2) { width: 100%; }
.colx8 .container .content:nth-child(3) { width: 100%; max-width: 942px; }
.colx8 .container.central { width: 100%; margin: auto; }
.colx8 .container.left { width: 100%; max-width: none !important; margin: auto; }
.colx8 .container.left * { text-align: left; }

.colx10 { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px; }
.colx10 .container { width: 100%; max-width: 1190px; margin: auto; justify-content: center; }
.colx10 .container.full .content { width: 100% !important; max-width: 1190px !important; margin: 0 !important; }
.colx10 .container.full .content .hover { width: 100% !important; max-width: 1190px !important; margin: 0 !important; padding-top: 40px; }

.colx10.company-hover { max-width: none; background-image: url(https://hangar.it/hdg/wp-content/themes/hdg/img/mission.webp); background-size: cover; transition: .5s; }
.colx10.company-hover .container { width: 100%; max-width: 1190px; margin: auto; }
.colx10.company-hover svg { fill: white; }
.colx10.company-hover * { color: white; }

.colx10.adi { display: flex; align-items: center; justify-content: center; height: 100%; }

.colx12 { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px; }
.colx12 .container { width: 100%; max-width: 1440px; margin: auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; }
.colx12 .container .content:nth-child(1) { width: 100%; margin-top: 0; }
.colx12 .container .content:nth-child(2) { width: 100%; }
.colx12 .container .content:nth-child(3) { width: 100% !important; max-width: 1440px !important; margin: 0 !important; }
.colx12 .container.full .content { width: 100% !important; max-width: 1440px !important; margin: 0 !important; }
.content.central { text-align: center; }
.colx12 .container.three-column .content:nth-child(3) { padding-top: 15px; }

/* ///////////////// MANIFESTO TABLE ///////////////// */
.manifesto-table ul { width: 100%; padding: 0; margin: 0; list-style: none; padding: 20px 0 10px 0; border-top: solid .5px black; }
.manifesto-table li { padding-bottom: 10px; }
.manifesto-table li.empty { display: none; }
.manifesto-table ul.x4 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.manifesto-table ul.x4 li { width: 50%; }
.manifesto-table ul.x4 li:nth-child(1) { width: 100%; }

/* ///////////////// LIST ///////////////// */
.people-list, .people-list li { width: 100%; padding: 0; margin: 0; list-style: none; text-align: left; }
.people-list { overflow: hidden; }
.people-list.active { overflow: hidden; }
#show-people:before { content: 'Show all'; }
#show-people.active:before { content: 'Show less'; }
.people-list li { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: solid .5px white; padding: 10px 0; line-height: 18px; }
.light-gray .people-list li { border-bottom: solid .5px #000; }
.light-gray .people-list li a { color: black; text-decoration: none; }
.people-list li span:nth-child(1) { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; width: 25%; }
.people-list li span:nth-child(2) { font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; width: 40%; }
.people-list li span:nth-child(3) { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; width: 15%; }
.people-list li span:nth-child(4) { width: 5%; text-align: right; }
.people-list li span.bold { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }
.people-list li:last-child { margin-bottom: 0; }

.intranet-list, .intranet-list li { width: 100%; padding: 0; margin: 0; list-style: none; text-align: left; }
.intranet-list { overflow: hidden; }
.intranet-list.active { overflow: hidden; }
.intranet-list li { display: flex; align-items: center; justify-content: space-between; border-bottom: solid .5px black; line-height: 18px; }
.intranet-list li a { color: black; text-decoration: none; }
.intranet-list li span { width: 100%; padding: 10px }
.page-template-intranet-listing .intranet-list li span:nth-child(3),
.page-template-intranet-client-for-person .intranet-list li span:nth-child(3),
.page-template-intranet-client-for-person .intranet-list li span:nth-child(5) { text-transform: uppercase; }
.intranet-list li span:last-child { text-align: right; }

/* COLORI */
.intranet-list li .mogliano { background: #cafbc6; }
.intranet-list li .milano { background: #8cf3fe; }
.intranet-list li .network { background: #fc9790; }
.intranet-list li .primari { background: #fdc5b3; }
.intranet-list li .secondari { background: #fee5dc; }
.intranet-list li .routine { background: #feeed9; }
.intranet-list li .insospeso { background: #f4f4f4; }
.intranet-list li .MI { color: blue; }
.intranet-list li .MO { color: green; }

.intranet-list li span.bold { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }
.intranet-list li:last-child { margin-bottom: 0; }

.intranet-linkbar { display: flex; }
.intranet-linkbar a { display: flex; align-items: center; justify-content: flex-start; margin: 0 20px; }
.intranet-linkbar a img { width: 10px; margin-right: 10px; }

.color-info { position: fixed; bottom: 30px; right: 30px; z-index: 2; padding: 20px 20px 10px 20px; background: white; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.075); opacity: 0; transition: .5s; }
.color-info.active { opacity: 1; }
.color-info-icon { width: 20px; height: 20px; position: fixed; bottom: 20px; right: 20px; z-index: 3; }
.color-info ul { padding: 0; margin: 0; }
.color-info li { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; }
.color-info span { display: block; width: 20px; height: 20px; margin-right: 10px; border-radius: 50%; }
.color-info span.green {background: #c0d449}
.color-info span.red {background: #f0b03c}
.color-info span.blue {background: #31a2d7}
.color-info span.standby {background: #ccc}

.page-id-6535 footer { position: relative; z-index: 3; }
.intranet-list li span.photo { display: block; max-width: 50px; height: 50px; background: black; overflow: hidden; background-size: cover; margin: 10px 0; }
.intranet-list li.txt-green span:nth-child(2) {color: #c0d449}
.intranet-list li.txt-red span:nth-child(2) {color: #f0b03c}
.intranet-list li.txt-blue span:nth-child(2) {color: #31a2d7}
.intranet-list li.txt-light * {color: #ccc}
.intranet-list li span.icon { display: flex; align-items: center; justify-content: flex-end; }
.intranet-list li span.icon img { width: 10px; height: auto; margin: 0 0 0 20px; }

.listing-form { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.listing-form p { width: calc(50% - 5px); margin-bottom: 10px; }
.listing-form p:last-child { width: 100%; margin-bottom: 0; }
.listing-form input { border: solid 1px #ccc; padding: 10px; }
.listing-form select { border: solid 1px #ccc; padding: 14px 10px; background: url(intranet/Icon-feather-chevron-down.svg) 97.5% center no-repeat; background-size: 7.5px; }
.listing-form p:last-child input { background: black; color: white; font-weight: bold; }

.leadership-list, .leadership-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.leadership-list { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 25px 25px; }
.leadership-list li { width: calc( 50% - 12.5px); }
.leadership-list li img { width: 100%; height: auto; margin-bottom: 10px; }
.leadership-list li b { text-transform: uppercase; display: block; padding-bottom: 10px; }

.sudios-list, .sudios-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.sudios-list { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 50px 50px; }
.sudios-list li img { width: 100%; height: auto; padding-bottom: 10px; }
.sudios-list li p { padding: 10px 0; }

.aboard-list, .aboard-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.aboard-list { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 50px 50px; }
.aboard-list li img { width: 50px; height: auto; padding-bottom: 20px; }
.aboard-list li p { padding: 10px 0; }

.culture-list, .culture-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.culture-list { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px; }
.culture-list li { width: 100%; }
.culture-list p { padding: 10px 0 0 0; }

.logo-list, .logo-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.logo-list { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 50px 50px; }
.logo-list li { width: calc(50% - 25px); }
.logo-list li img { width: 100%; height: auto; margin: 0; padding: 0; }
.logo-list li a { text-decoration: none; }
.logo-list li p { display: block; border-top: solid .5px black; text-align: center; padding-top: 10px; text-transform: none !important; text-decoration: none; min-height: 50px; }

.filter-list, .filter-list li { padding: 0; margin: 0; list-style: none; }
.filter-list { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 25px 25px; }

.clients-list, .clients-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.clients-list{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 0 50px; flex-direction: column; }
.clients-list li { position: relative; display: flex; align-items: baseline; justify-content: space-between; border-bottom: solid .5px #ccc; padding: 5px 0; }
.clients-list li.has-project { border-bottom: solid .5px black !important; }
.clients-list li:after { content: "+"; position: absolute; right: 0; opacity: 0 }
.clients-list li.has-project:after { opacity: 1; }
.clients-list li a { width: 100%; display: flex; align-items: baseline; justify-content: space-between; color: black; text-decoration: none !important; }
.clients-list li a span:nth-child(1) { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif !important; }
.clients-list li a span:nth-child(2) { padding-right: 20px; }
.clients-list li span { width: 50%; font-size: 10px; }
.clients-list li span:nth-child(1) { font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; line-height: 16px; }
.clients-list li span:nth-child(2) { font-family: 'HelveticaNowDisplayExtraLight', 'Helvetica Neue', Helvetica, sans-serif; line-height: 15px; }

.awards-list, .awards-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.awards-list li { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: solid .5px black; padding: 10px; }
.awards-list li span:nth-child(1) { width: 20%; }
.awards-list li span:nth-child(2) { width: 35%; }
.awards-list li span:nth-child(3) { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; width: 35%; }
.awards-list li:last-child { margin-bottom: 0; }
.awards-list li.selected { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; background: #F4F4F4; cursor: pointer; }
.awards-list li.selected span:nth-child(3) { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }

.expertise-list a { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 100%; height: 680px; background: black; padding: 350px 25px 25px 25px; margin-bottom: 50px; text-decoration: none; border: solid .5px #ccc; }
.expertise-list .link-underscore::after { background: white; }
.expertise-list .white .link-underscore::after { background: black; }
.expertise-list a *{ color: white; }
.expertise-list a.white { background: white; text-decoration: none; color: black; }
.expertise-list a.white * { color: black; }
.expertise-list a.white .link-underscore { border-color: black; }
.expertise-list a:last-child { margin-bottom: 0; }
.expertise-list a p { padding: 20px 0 0 0; }
.expertise-list a p.list { font-family: 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; font-size: 11px; line-height: 18px; }
.expertise-list a:nth-child(1) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Branding-Strategy-mobile.webp) center center no-repeat; background-size: cover; }
.expertise-list a:nth-child(2) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Experience-Design-mobile.webp) center center no-repeat; background-size: cover; }
.expertise-list a:nth-child(3) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Creative-and-Content-mobile.webp) center center no-repeat; background-size: cover; }
.expertise-list a:nth-child(4) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Activation-mobile.webp) center center no-repeat; background-size: cover; }

.work-list { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px; }
.work-list a { text-decoration: none; }
.work-list ul, .work-list li { padding: 0; margin: 0; list-style: none; }
.work-list ul { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 60px 50px; }
.work-list li { width: 100%; height: auto; }
.work-list a { position: relative }
.work-list a .hover { background: white; padding: 20px; width: 100%; }
.black .work-list a .hover * { color: black !important; }
.black .work-list a .hover p { opacity: .5; }
.single-hdg-work .work-list li:nth-child(2), .single-hdg-work .work-list li:nth-child(3) { display: none; }
.work-list li a { color: black; }
.work-list li p { padding-top: 10px; }
.work-list li img { width: 100%; height: auto; }
.work-list li .sans-serif-title { padding-top: 20px; }
.work-list li.big { width: 100%; }
.work-list li .sans-serif-title { display: block; padding-bottom: 5px; }

.taste-list { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px; }
.taste-list a { text-decoration: none; }
.taste-list ul, .taste-list li { padding: 0; margin: 0; list-style: none; }
.taste-list ul { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 60px 50px; }
.taste-list li { width: 100%; height: auto; }
.taste-list a { position: relative }
.taste-list a .hover { background: white; padding: 20px; width: 100%; }
.black .taste-list a .hover * { color: black !important; }
.black .taste-list a .hover p { opacity: .5; }
.single-hdg-work .taste-list li:nth-child(2), .single-hdg-work .taste-list li:nth-child(3) { display: none; }
.taste-list li a { color: black; }
.taste-list li p { padding-top: 10px; }
.taste-list li img { width: 100%; height: auto; }
.taste-list li .sans-serif-title { padding-top: 20px; }
.taste-list li.big { width: 100%; }
.taste-list li .sans-serif-title { display: block; padding-bottom: 5px; }

.news-list { width: 100%; }
.news-list .container { width: 100%; max-width: 1540px; margin: auto; padding: 0 50px; }
.news-list a { text-decoration: none; }
.news-list ul, .news-list li { padding: 0; margin: 0; list-style: none; }
.news-list ul { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 60px 50px; }
.news-list li { width: 100%; }
.news-list li img { width: 100%; height: auto; }
.news-list li .serif-title { padding-top: 20px; }
.news-list li .sans-serif-title { padding-bottom: 5px; }

.home-news-title { display: flex; align-items: baseline; justify-content: space-between; }
.home-news-title .filter-row { display: flex; flex-direction: column; align-items: baseline; justify-content: space-between; }
.page-template-clients .home-news-title .filter-row { display: block; margin-left: 50px; }
.home-news-title .filter-row .link-underscore { font-size: 8px; margin: 10px 0 0 5px; cursor: pointer; position: relative; }

.home-taste-title .filter-row { width: 100%; display: flex; flex-direction: row; gap: 10px; align-items: baseline; justify-content: flex-start; flex-wrap: wrap; }
.home-taste-title .filter-row .link-underscore { width: calc(33.33% - 10px); font-size: 8px; margin: 0; cursor: pointer; position: relative; }

.studio-list, .studio-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.studio-list li { position: relative; padding-bottom: 50px; }
.studio-list li:last-child { padding-bottom: 0; }
.studio-list li img { width: 100%; height: auto; margin-bottom: 10px; }
.studio-list li img.hover-map { position: absolute; top: 0; left: 0; opacity: 0; transition: 1s; }
.studio-list li img.hover-map:hover { opacity: 1; }
.studio-list a { text-decoration: none; }

.insight-list, .insight-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.insight-list li { padding-bottom: 50px; }
.insight-list li:last-child { padding-bottom: 0; }
.insight-list li img { width: 100%; height: auto; }
.insight-list li .serif-title { padding-top: 20px; }
.insight-list li .sans-serif-title { padding-bottom: 5px; }
.insight-list a { text-decoration: none; }

.working-list, .working-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.working-list li { height: 380px; padding: 3.4722%; margin-bottom: 60px; border: solid .5px black; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.working-list li:last-child { margin-bottom: 0; }
.working-list li .sans-serif-title { padding-bottom: 5px; font-family: 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif; }
.working-list a { text-decoration: none; }

.pillars-list, .pillars-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.pillars-list li { padding: 50px; margin-bottom: 20px; background: rgba(0, 0, 0, 0.025) }
.pillars-list li:last-child { margin-bottom: 0; }
.pillars-list li .title { text-transform: uppercase; }
.pillars-list li .title span { font: 30px/30px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; display: block; margin-bottom: 10px; }
.pillars-list li .text { padding-top: 20px; font: 18px/24px 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; }

form.contacts { width: 100%; }
form.contacts input, form.contacts textarea { width: 100%; padding: 10px; margin-bottom: 20px; font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; letter-spacing: .5px; border-bottom: solid .5px #333; resize: vertical; background: #222 }
form.contacts input[type="checkbox"] { position: relative; width: 10px; height: 10px; border: solid .5px white; padding: 0; margin: 0 10px 0 0; }
form.contacts input[type="checkbox"]:checked { background: white !important; }
form.contacts input[type="checkbox"]:checked:before { content: ""; position: absolute; width: 7px; height: 7px; margin: 1px; background: black; }
form.contacts textarea { min-height: 150px; }
form.contacts input[type="submit"], form.contacts button { display: flex; align-items: baseline; justify-content: center; text-transform: uppercase; text-align: center; border: 0; font: 11px/18px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; background: #222; padding: 10px; transition: .5s; }
form.contacts input[type="submit"]:hover, form.contacts button:hover { background: white; color: black }
.pp { display: flex; align-items: baseline; justify-content: flex-start; font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; letter-spacing: .5px; color: #666; margin-bottom: 20px; }

.download-list, .download-list li { width: 100%; padding: 0; margin: 0; list-style: none; }
.download-list { border-top: solid .5px black; }
.download-list li { display: flex; align-items: baseline; justify-content: space-between; border-bottom: solid .5px black; padding: 10px 0; line-height: 18px; }
.download-list li span:nth-child(1) { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; width: 25%; }
.download-list li span:nth-child(2) { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; width: 40%; }
.download-list li:last-child { margin-bottom: 0; }
.download-list li a { width: 15%; text-decoration: none; color: black; text-align: right; }

/* ///////////////// INTERFACE ///////////////// */
.custom-select { position: relative; }
.custom-select select { display: none; }
.select-selected { background-color: transparent; border-bottom: solid .5px black !important; padding-left: 0 !important; }
.select-selected:after { position: absolute; content: ""; top: 16px; right: 10px; width: 0; height: 0; border: 3px solid transparent; border-color: black transparent transparent transparent; }
.select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; }
.select-items div,.select-selected { color: black; padding: 8px 10px; border: .5px solid transparent; border-color: transparent; cursor: pointer; }
.select-items { position: absolute; background-color: white; top: 100%; left: 0; right: 0; z-index: 99; }
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }
	
.clients-filter-title { display: flex; align-items: baseline; justify-content: space-between; }
img, video { width: 100%; height: auto; }

.fake-select { position: relative; width: 150px; }
.fake-selected { background-color: transparent; border-bottom: solid .5px black; padding-left: 0; }
.fake-selected:after { position: absolute; content: ""; top: 16px; right: 10px; width: 0; height: 0; border: 3px solid transparent; border-color: black transparent transparent transparent; transition: .3s; }
.fake-selected.active:after { transform: rotate(180deg); top: 13px; }
.fake-items div, .fake-selected { color: black; padding: 8px 10px; cursor: pointer; transition: .3s; }
.fake-items { position: absolute; background-color: white; top: 100%; left: 0; right: 0; z-index: 99; }
.fake-hide { display: none; }
.fake-items div:hover, .fake-items-selected { background-color: rgba(0, 0, 0, 0.1); }

.swiper-slide i { display: block; padding-top: 5px; }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left: 37.5%; bottom: 0; z-index: 999; height: 2px; width: 25%; }
.legenda { padding-top: 30px; }
.legenda b { display: inline-block; padding-bottom: 5px; }

.wysiwyg p { margin-bottom: 20px; }
.wysiwyg strong { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; font-weight: lighter; }
.wysiwyg em { font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; font-style: normal; }
.wysiwyg strong em, .wysiwyg em strong { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; font-weight: lighter; font-style: normal; }
.wysiwyg ul { margin: -15px 0 20px; padding: 0 0 0 13px; }
.wysiwyg a { text-decoration: underline; font-family: inherit; font-style: normal; font-weight: lighter; }

.box4, .box4 li { width: 100%; padding: 0; margin: 0; list-style: none; }
.box4 li:nth-child(2), .box4 li:nth-child(4) { background: #F4F4F4; padding: 50px; }
.box2, .box2 li { width: 100%; padding: 0; margin: 0; list-style: none; }
.box2 li { padding-bottom: 20px; }
.box2 li:last-child { padding-bottom: 0; }
.box2 li .text { padding: 20px 0; }

.job-accordion { width: 100%; }
.job-accordion .item { padding: 10px; border-top: solid .5px black; cursor: pointer; }
.job-accordion .item.hot { background: black; color: white !important; padding: 10px; border-top: solid .5px #F4F4F4; }
.job-accordion .item.hot p { color: black !important; }
.job-accordion .item:last-child { border-bottom: solid .5px black; }
.job-accordion .accordion { display: flex; align-items: flex-start; justify-content: space-between; }
.job-accordion span:nth-child(1) { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; line-height: 16px; width: 42.5%; }
.job-accordion span:nth-child(2) { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; line-height: 16px; width: 42.5%; }
.job-accordion span:nth-child(3) { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; line-height: 16px; width: 5%; text-align: right !important; }
.job-accordion .panel { padding: 50px; margin: 35px 0 25px 0; overflow: hidden; display: none; }
.job-accordion .item .plus:after { content: '+'; }
.job-accordion .active .panel { background: rgba(255, 255, 255, 1); display: block; } 
.job-accordion .item.active .plus:after { content: '-'; }

#client-list, #people-list { height: 530px; overflow: hidden; }
#view-more-clients, #view-more-people { width: 100%; max-width: 1190px; margin: 60px auto 0 auto; text-align: center; }
#view-more-clients span { cursor: pointer; font: 300 13px/16px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 1px; border-bottom: solid .5px #000; padding-bottom: 10px; }
#view-more-people span { cursor: pointer; font: 300 13px/16px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 1px; border-bottom: solid .5px #fff; padding-bottom: 10px; }

.career-container { align-items: flex-start !important; }
#application-form { margin-bottom: 20px; }
#application-form input, #application-form textarea { background: #F4F4F4; color: #888; font-size: 16px; padding: 0 10px; margin-bottom: 2px; }
#application-form input { line-height: 2; }
#application-form textarea { padding: 10px; }
#application-form ::placeholder { color: #888; font-size: 12px; }
#application-form input[type="date"] { font-size: 12px; width: calc(100% - 110px); line-height: 30px; margin: 0; }
#application-form .with-label { display: flex; position: relative; margin-bottom: 2px; }
#application-form .with-label span { width: 110px; line-height: 32px; font-size: 12px; padding-left: 10px; color: #888; }
#application-form input[type="file"] { opacity: 0; overflow: hidden; position: absolute; z-index: -1; left: 0; top: 0; margin: 0; padding: 0; height: 32px; }
#application-form .with-label label { width: calc(100% - 110px); display: flex; background: #F4F4F4; }
#application-form .with-label b { font-weight: lighter; line-height: 30px; padding: 0 0 0 10px; margin: 0 10px 0 0; width: calc(100% - 80px); font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; white-space: nowrap; overflow: hidden; color: #888; }
#application-form .with-label i { font-weight: lighter; line-height: 30px; padding: 0 10px; font-style: normal; background: #ccc; color: #fff; width: 90px; text-align: center; font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; transition: .5s; cursor: pointer; }
#application-form .social-form { display: flex; margin-bottom: 2px; height: 32px; }
#application-form .social-form input { margin: 0; }
#application-form .select-social { width: 108px; margin: 0 2px 0 0; padding: 0; list-style: none; height: 32px; }
#application-form .select-social span { width: 100%; line-height: 32px; font-size: 12px; padding-left: 10px; background: #ccc; color: #fff; display: block; position: relative; cursor: pointer; transition: .5s; }
#application-form .select-social span:after { content: '\2304'; position: absolute; right: 5px; top: -3px; }
#application-form .first-li { position: relative; }
#application-form .first-li ul { position: absolute; left: 0; top: 32px; background: #fff; width: 100%; list-style: none; margin: 0; padding: 0; display: none; z-index: 1; }
#application-form .first-li li { padding: 0 10px; line-height: 30px; background: #F4F4F4; margin: 2px 0 0; cursor: pointer; }
#application-form .social-form div { width: calc(100% - 110px); display: flex; height: 32px; line-height: 32px; background: #F4F4F4; }
#application-form .social-form div input { height: 32px; line-height: 32px; width: calc(100% - 32px); padding-bottom: 2px; }
#application-form .social-form div .new-input { line-height: 32px; width: 32px; height: 32px; background: #ccc; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .5s; }
#application-form .send { display: flex; }
#application-form .send span { width: calc(100% - 100px); }
#application-form .send button { width: 100px; height: 32px; background: #ccc; color: #fff; font-size: 12px; transition: .5s; }
#application-form .send button:hover, #application-form .select-social span:hover, #application-form .social-form div .new-input:hover, #application-form .with-label i:hover { background: #000; }
#application-form .accept { display: flex; align-items: baseline; }
#application-form .accept input { width: 8px; height: 8px; padding: 0; background:#ccc; margin-right: 5px; }
#application-form .accept input:checked { background: #000; }
#application-form .accept p { font-size: 12px; color: #888; }
#application-form .accept p a { font-size: 12px; color: #888 !important; text-decoration: underline; }
#application-form .required { font-size: 12px; color: #888; }

#client-list-container .space30:last-child { display: none !important; }
.clients-list li.fake-client { border: none !important; opacity: 0 !important; height: 20px; }

#languages { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; display: none; }
#languages div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; }
#languages ul { width: 80vw; height: 80vw; max-width: 400px; max-height: 200px; background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG-logo.svg) center center no-repeat #F4F4F4; background-size: 100px auto; background-position: center 60px; margin: 0; padding: 0 0 40px 0; display: flex; align-items: flex-end; justify-content: center; }
#languages a { padding: 0; color: #000; font-size: 13px; letter-spacing: 1px; font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; font-weight: lighter; margin: 0 10px; }
.black #languages a, .black #languages span { color: black !important; }
#languages a.cn { font-size: 12px; margin-top: 2px; }
.grecaptcha-badge { display: none !important; }

/* ///////////////// ANIMA ///////////////// */
.frame { opacity: 0; clip-path: inset(0 25% 0 25%); }
.loaded .frame { animation: reveal 2s ease-out forwards; }
@keyframes reveal { 0%{ clip-path: inset(0 25% 0 25%); opacity: 0; } 100%{ clip-path: inset(0 0% 0 0%); opacity: 1; } }
.frame img { transform: scale(1.25); }
.loaded .frame img { animation: bigger 4s ease-out forwards; }
@keyframes bigger { 0%{ transform: scale(1.1); } 100%{ transform: scale(1); } }

.work-list li .cover { overflow: hidden; }
.work-list li .cover img { transition: 1s; transition-timing-function: ease-out; }

.hero { opacity: .01; filter: brightness(200%); transform: scale(1.05); animation: lumo 1.5s ease-in-out forwards; }
@keyframes lumo { 0%{ opacity: .1; filter: brightness(200%); transform: scale(1.05); } 100%{ opacity: 1; filter: brightness(100%); transform: scale(1); } }
.hero .content-2, .hero .content-3 { opacity: 0; animation: lumo-txt 2s ease-in-out forwards; animation-delay: 1.25s; }
@keyframes lumo-txt { 0%{ opacity: 0; } 100%{ opacity: 1; } }

.news-list li .cover { overflow: hidden; }
.news-list li .cover img { transition: 1s; transition-timing-function: ease-out; }
.news-list li:hover .cover img { transform: scale(1.05); }

.insight-list li .cover { overflow: hidden; }
.insight-list li .cover img { transition: 1s; transition-timing-function: ease-out; }
.insight-list li:hover .cover img { transform: scale(1.05); }

#search-results { border-top: none; }
#search-results li:first-child { border-top: solid 0.5px black; }

.locations-bull { position: relative; }
.locations-bull:before { content: ''; position: absolute; left: -20px; top: 4px; display: block; width: 10px; height: 10px; border-radius: 100px; }
.bull-consultancy:before { background: #c69909; }
.bull-outposts:before { background: #195d9b; }
.bull-next:before { background: #25894d; }
.bull-past:before { background: #6aabba; }

.aboard-logo-big { width: auto; height: 20px; }
.aboard-logo-small { width: auto; height: 10px; display: inline-block; }

.digital-list a { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; background: white; padding: 0; margin-bottom: 50px; text-decoration: none; border: solid .5px #ccc; }
.digital-list .link-underscore::after { background: white; }
.digital-list a:last-child { margin-bottom: 0; }
.digital-list a p { padding: 20px 0 0 0; }
.digital-list a p.list { font-family: 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; font-size: 11px; line-height: 18px; }
.digital-list .text { width: 100%; padding: 20px; font-size: 10px; }

#hangar-digital-ig .container { display: block; }
#hangar-digital-ig .content { width: 100%; max-width: none; }
#hangar-digital-ig .slicker-instagram-placeholder { margin: 0 !important; padding: 0; border: 0; overflow: hidden; width: calc(33.33333vw - 34px) !important; height: calc(33.33333vw - 34px) !important; max-width: 297px !important; max-height: 297px !important; }

.galleryx3, .galleryx3 li { padding: 0; margin: 0; list-style: none; }
.galleryx3 { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
.galleryx3 li { width: 100%; }

.galleryx4, .galleryx4 li { padding: 0; margin: 0; list-style: none; }
.galleryx4 { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
.galleryx4 li { width: calc(50% - 20px); }

.link-head { width: 100%; display: flex; align-items: baseline; justify-content: space-between; }
.single-hdg-work .colx12 .container .content:nth-child(1), .single-hdg-work .colx8 .container .content:nth-child(1) { padding-bottom: 15px; }
.single-hdg-work .colx12 .container .content:nth-child(2), .single-hdg-work .colx8 .container .content:nth-child(2) { padding-top: 15px; }

.digital-logo img { width: 170px; }
.digital-logo span, .hide-title { clip: rect(1px, 1px, 1px, 1px); height: 1px; left: -10000px; top: -10000px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.video-landing { position: relative; }
.video-landing .logo { display: block; position: absolute; top: 50%; width: 222px; left: 30px; margin-top: -14.89px; }
.video-landing .logo-taste { width: 190px; margin-top: -14.445px; }
.video-digital video { transform: rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); }

.box-manifesto a { text-decoration: none; color: #000; }

form#welcome-form input, form#welcome-form textarea { background: rgba(0,0,0,.05); border-bottom: solid .5px rgba(0,0,0,.5); font-size: 16px; }
form#welcome-form input[type="checkbox"] { border: solid .5px rgba(0,0,0,.5); background: transparent; }
form#welcome-form input[type="checkbox"]:checked { background: #000; }
form#welcome-form input[type="submit"], form#welcome-form button { color: #fff; background: rgba(0,0,0,.05); border: solid .5px rgba(0,0,0,.5); color: #000; letter-spacing: .5px; }
form#welcome-form input[type="submit"]:hover, form#welcome-form button:hover { background: #000; color: #fff; }
form#welcome-form .pp { color: #000; }
form#welcome-form ::placeholder { color: #000; opacity: 1; font-size: 12px; }

.welcome-txt, .welcome-txt a { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; font-size: 15px; }
.welcome-txt a { transition: .5s; }
.welcome-txt a:hover { opacity: .3; }

.popup-careers { position: fixed; bottom: 20px; right: -1000px; z-index: 999; display: flex; align-items: flex-end; justify-content: flex-start; opacity: 0; transition: opacity 1s; }
.scrolled .popup-careers { right: 20px; opacity: 1; }
.popup-careers .container { position: relative; width: 80vw; max-width: 400px; background: rgba(0, 0, 0, 0.75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; }
.popup-careers .container .content * { color: white; }
.popup-careers .container .content { padding: 40px; }
.popup-careers .container .content ul { list-style: none; padding: 20px 0 0 0; margin: 0; }
.popup-careers .container .content li { padding: 20px 0; border-bottom: solid .5px rgba(255, 255, 255, 0.5); transition: .5s; }
.popup-careers .container .content li:last-child { padding: 20px 0 0; border-bottom: none; }
.popup-careers .container .content li a { text-decoration: none; display: flex; align-items: baseline; justify-content: space-between; }
.popup-careers .container .content li a span:nth-child(1) { width: 75%; font-weight: bold; }
.popup-careers .container .content li a span:nth-child(2) { width: 25%; font-style: italic; text-align: right; }
.popup-careers .container .content li a span:nth-child(3) { display: none; }
.popup-careers .close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; }
.popup-careers .close span { width: 100%; height: 1px; background: white; transform: rotate(45deg); position: absolute; top: 50%; margin-top: -0.5px; left: 0; }
.popup-careers .close span:last-child { transform: rotate(-45deg); }
.popup-careers .link-underscore::after { background: white !important; }

#popup-download { display: none; }
.popup-download { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.25); }
.popup-download .container { position: relative; width: 80vw; max-width: 600px; background: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; }
.popup-download .container .content * { color: black; }
.popup-download .container .content { padding: 40px; }
.popup-download .close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; }
.popup-download .close span { width: 100%; height: 1px; background: black; transform: rotate(45deg); position: absolute; top: 50%; margin-top: -0.5px; left: 0; }
.popup-download .close span:last-child { transform: rotate(-45deg); }
.popup-download form.contacts input, form.contacts textarea { background: transparent; }
.popup-download form.contacts input[type="submit"], .popup-download form.contacts button { color: white !important; }
.popup-download form.contacts input[type="submit"]:hover, .popup-download form.contacts button:hover { color: black !important; }
.popup-download form.contacts input[type="checkbox"] { border: solid 1px black; }

#request-to-download { cursor: pointer; }
.colx10 .container .content.content-logo-list:nth-child(2) { max-width: 550px !important; margin-right: auto; }

/* H89 */
.page-template-hangar89 header, .page-template-hangar89 footer { display: none; }
.page-template-hangar89 div { scroll-margin-top: 63px; }

.blue { background: #4F868E; }
.blue * { color: white; }
.blue-txt { color: #4F868E; }
.blue .blue-txt { color: black; }

.h89-header { width: 100%; background: transparent; color: black; position: fixed; top: 0; left: 0; z-index: 999; padding: 40px 0; transition: .5s; }
.scrolled .h89-header { background: white; padding: 20px 0; }
.h89-header .container { width: 100%; max-width: 1190px; margin: auto; }
.h89-header .content:last-child { display: none; }
.h89-header #h89-logo { width: auto; height: 20px; } 
.h89-header ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: flex-end; }
.h89-header li a { font: normal normal 300 13px/18px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 1.5px; color: black; text-decoration: none; margin: 0 0 0 40px; }

.h89-footer { width: 100%; background: black; color: white; }
.h89-footer .container { width: 100%; max-width: 1190px; margin: auto; padding: 40px 0; }
.h89-footer .content { margin-bottom: 20px; }
.h89-footer .content:last-child { margin-bottom: 0; }
.h89-footer a { color: white; text-decoration: none; }
.h89-footer .logo { height: 15px; width: auto; margin-bottom: 20px; }

#newsletter-page { background: #e3e3e3; }
.newsletter-container { padding: 0 50px; position: relative; z-index: 10; }
.newsletter-container p, .newsletter-container label { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 1.2; font-weight: 300; }
.newsletter-container input[type=email], .newsletter-container button { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 300; }
.newsletter-container ::placeholder { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 300; color: #000; opacity: 1; }
.hero-title-newsletter { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; font-size: 30px; line-height: 1.2; font-weight: 300; }
.hero-title-newsletter b { font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700; }
.hero-text-newsletter { font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; font-size: 18px; line-height: 1.2; font-weight: 300; }
h2.hero-text-newsletter { margin: 50px 0 30px; }
h3.hero-text-newsletter { margin: 0 0 5px; }

.newsletter-check { border: .5px solid #000; padding: 10px; margin-bottom: 5px; display: flex; align-items: center; }
.newsletter-check label { display: block; width: calc(100% - 30px); margin-left: auto; }
.newsletter-container input[type=checkbox] { display: block; width: 15px; height: 15px; border: 1px solid #000; }
.newsletter-container input[type=checkbox]:checked { background: #000; }
.newsletter-send { display: flex; background: #fff; margin: 30px 0; }
.newsletter-send input[type=email] { padding: 10px; width: calc(100% - 100px); }
.newsletter-send button { padding: 10px; background: #000; color: #fff; width: 100px; border: 1px solid #000; transition: .5s; }
.newsletter-send button:hover { background: #fff; color: #000; }
.newsletter-privacy { display: flex; align-items: center; }
.newsletter-privacy label { display: block; width: calc(100% - 30px); margin-left: auto; }
.newsletter-picture { position: relative; top: -300px; margin-bottom: -300px; }

#paint0_linear_166_6254, #paint0_linear_166_6255 { transform-origin: 172px 150px; animation: ruotaSfumatura 3s linear infinite; }
@keyframes ruotaSfumatura { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

ul.aboard-accordion { list-style: none; padding: 0; margin: 0; max-width: 600px; width: 100%; }
ul.aboard-accordion li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 10px; }
ul.aboard-accordion h3.serif-title-big-Aboard { margin: 0; padding: 15px 0; cursor: pointer; position: relative; display: block; width: 100%; box-sizing: border-box; padding-right: 50px; color: white; transition: color 0.3s ease, opacity 0.3s ease; }
ul.aboard-accordion h3.serif-title-big-Aboard:hover { opacity: 0.8; }
ul.aboard-accordion li.active h3.serif-title-big-Aboard { color: #5179AA; }
ul.aboard-accordion h3.serif-title-big-Aboard::before, ul.aboard-accordion h3.serif-title-big-Aboard::after { content: ''; position: absolute; right: 0; top: 50%; background-color: white; width: 16px; height: 2px; transition: transform 0.3s ease, background-color 0.3s ease; }
ul.aboard-accordion h3.serif-title-big-Aboard::after { transform: translateY(-50%); }
ul.aboard-accordion h3.serif-title-big-Aboard::before { transform: translateY(-50%) rotate(90deg); }
ul.aboard-accordion li.active h3.serif-title-big-Aboard::before, ul.aboard-accordion li.active h3.serif-title-big-Aboard::after { background-color: #5179AA; }
ul.aboard-accordion li.active h3.serif-title-big-Aboard::before { transform: translateY(-50%) rotate(0deg); }
ul.aboard-accordion .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, opacity 0.4s ease; opacity: 0; }
ul.aboard-accordion p { margin: 0; padding-bottom: 20px; line-height: 1.5; color: #ddd; }
ul.aboard-accordion li.active .accordion-content { opacity: 1; }
#rotating-triangle { transform-box: fill-box; transform-origin: center center; transition: transform 0.5s ease; }

.cd-list { list-style-type: none; padding: 0; margin: 0; counter-reset: custom-counter; column-count: 2; column-gap: 30px; }
.cd-list li { counter-increment: custom-counter; margin-bottom: 10px; break-inside: avoid; page-break-inside: avoid; display: flex; align-items: flex-start; font-weight: 500; }
.cd-list li::before { content: counter(custom-counter, decimal-leading-zero) "."; font: 10px / 16px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; margin-right: 8px; flex-shrink: 0; }

#taste-menu-container { position: absolute; bottom: 40px; left: 50px; width: calc(100% - 100px); box-sizing: border-box; background-color: transparent; border: .5px solid #fff; color: #fff; padding: 10px 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; white-space: nowrap; cursor: pointer; transition: all 0.5s ease; }
#taste-menu-container.open { border-radius: 5px; cursor: default; }
#taste-menu-container .brand { margin-right: 0; font-weight: bold; }
#taste-menu-container #view-more-btn { opacity: 1; overflow: hidden; padding: 0; margin: 10px 0 0 0; max-height: 50px; transition: all 0.4s ease; }
#taste-menu-container #view-more-btn.link-underscore { color: white; padding-bottom: 0; }
#taste-menu-container #view-more-btn.link-underscore::after { display: none !important; }
#taste-menu-container .menu-items { display: flex; flex-direction: column; flex-basis: 100%; align-items: center; gap: 15px; opacity: 0; overflow: hidden; max-height: 0; max-width: 100%; margin-top: 0; transition: max-height 0.5s ease, margin-top 0.5s ease, opacity 0.5s ease; }
#taste-menu-container .menu-item { opacity: 0; transform: translateY(-5px); transition: opacity 0.4s ease, transform 0.4s ease; }
#taste-menu-container.open #view-more-btn { max-height: 0; opacity: 0; margin: 0; pointer-events: none; }
#taste-menu-container.open .menu-items { max-height: 500px; margin-top: 20px; opacity: 1; }
#taste-menu-container.open .menu-item { opacity: 1; transform: translateY(0); transition-delay: 0s; }
#taste-menu-container button, #taste-menu-container a { color: #fff; background: none; border: none; cursor: pointer; text-decoration: none; }
#taste-menu-container button:hover, #taste-menu-container a:hover { color: #aaa; transition: color 0.3s; }

.hero picture::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: background-color 0.5s ease; z-index: 1; pointer-events: none; }
.hero.taste-menu-open picture::after { background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); }

/*--------------------------------------------------- min-width: 450px */
@media only screen and (min-width: 450px) {
	.newsletter-picture { top: -380px; margin-bottom: -380px; }
}

/*--------------------------------------------------- min-width: 550px */
@media only screen and (min-width: 550px) {
	.newsletter-picture { top: -450px; margin-bottom: -450px; }
}

/*--------------------------------------------------- min-width: 600px */
@media only screen and (min-width: 600px) {
	.page-template-clients .home-news-title .filter-row { margin-left: 100px; }
	.sudios-list li { width: calc( 50% - 25px); }
	.aboard-list li { width: calc( 50% - 25px); }
	.newsletter-picture { top: -520px; margin-bottom: -520px; }
}

/*--------------------------------------------------- min-width: 720px */
@media only screen and (min-width: 720px) {
	.newsletter-picture { top: -600px; margin-bottom: -600px; }
}

/*--------------------------------------------------- min-width: 768px */
@media only screen and (min-width: 768px) {
	#hangar-digital-ig .slicker-instagram-placeholder { width: calc(25vw - 26px) !important; height: calc(25vw - 26px) !important; }
	.page-template-clients .home-news-title .filter-row { margin-left: 0; }
	html { overflow-x: hidden; }
	
	.hero-contacts { font: normal normal bold 26px/32px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; padding-bottom: 10px; margin-top: 0; }
	.hero-contacts::after { height: 3px; }

	.spaceTitle { height: 20px; }
	
	footer .container { display: flex; align-items: stretch; justify-content: flex-start; gap: 50px; }
	footer .content { margin-bottom: 0; }
	footer .content:last-child { text-align: right; flex-grow: 2; display: flex; flex-direction: column; justify-content: space-between; min-width: 140px; }
	footer .content span:first-child { justify-content: flex-end; }
	
	.h89-header .content:last-child { display: block; }
	.h89-footer .container { display: flex; align-items: stretch; justify-content: flex-start; gap: 50px; }
	.h89-footer .content { margin-bottom: 0; display: flex; align-items: center; justify-content: flex-start; }
	.h89-footer .content:last-child { text-align: right; flex-grow: 2; display: flex; align-items: center; justify-content: flex-end; }
	.h89-footer .logo { height: 20px; width: auto; margin-bottom: 0; margin-right: 80px; }
	
	.hero { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Silky-Miracle.webp) center center; background-size: cover; }
	.hero .container { padding: 0 50px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
	.hero .content-2 { justify-content: flex-end; }
	.hero .content-3 { justify-content: flex-start; padding-bottom: 60px; }
	
	.colx8 .container { display: flex; flex-wrap: wrap; align-items: flex-start; }
	.colx8 .container .content:nth-child(1) { width: 100%; margin-bottom: 0; }
	.colx8 .container .content:nth-child(2) { width: 100%; }
	.colx8 .container .content:nth-child(3) { width: 100%; }
	.colx8 .container.central { display: flex; align-items: center; justify-content: center; gap: 50px 50px; }
	.colx8 .container.central .content { width: 48.19428% !important; margin-top: 0; margin-bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
	.colx8 .container.central .content:nth-child(1), .colx8 .container.central .content:nth-child(2) { max-width: none; }
	.colx8 .container.left { display: flex; align-items: center; justify-content: center; gap: 50px 50px; }
	.colx8 .container.left .content { width: 65.41644% !important; margin-top: 0; margin-bottom: 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: center; }
	.colx8 .container.left .content:nth-child(1), .colx8 .container.left .content:nth-child(2) { max-width: none; }
	.colx8 .container.left p.column { column-count: 2; column-gap: 50px; }
	
	.colx10 .container { display: flex; flex-wrap: wrap; align-items: stretch; }
	.colx10 .container.middle { align-items: center; }
	.colx10 .container .content:nth-child(1) { width: 100%; margin-bottom: 0; }
	.colx10 .container .content:nth-child(2) { width: 100%; }
	.colx10 .container .content:nth-child(3) { width: 100%; }
	.colx10 .container.middle.inverted { flex-direction: row-reverse; }
	.colx10 .container.middle .content:nth-child(1) { width: 48.19428%; max-width: none; }
	.colx10 .container.middle .content:nth-child(2) { width: 30.97212%; max-width: none; }
	.colx10 .container.center .content:nth-child(1) { width: 80%; margin: auto; max-width: none; text-align: center; }
	.colx10 .container.large { align-items: stretch; }
	.colx10 .container.full .content { position: relative; }
	.colx10 .container.full .content .hover { width: 50% !important; max-width: none !important; margin: 0 !important; position: absolute; right: 0; bottom: 0; padding: 0 15px; }

	.colx12 .container { justify-content: space-between; }
	.colx12 .container.middle .content:nth-child(1) { width: 48.19428%; max-width: none; }
	.colx12 .container.middle .content:nth-child(2) { width: 48.19428%; max-width: none; }
	.colx12 .container.three-column { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; gap: 10px 10px; }
	.colx12 .container.three-column .content { padding: 0 !important; }

	.manifesto-table ul { padding: 40px 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 50px 50px; }
	.manifesto-table li { width: 100%; padding-bottom: 0; }
	.manifesto-table li.empty { display: block; }
	.manifesto-table ul.x4 { flex-wrap: nowrap; }
	.manifesto-table ul.x4 li { width: 100%; }

	.leadership-list { justify-content: space-between; flex-wrap: wrap; }
	.leadership-list li { width: calc(33.33% - 20px); padding-bottom: 0; }
	
	.culture-list { gap: 50px; }
	.culture-list li { width: calc( 50% - 25px); }
	.culture-list li:nth-child(7) { width: 100% }
	
	.logo-list { flex-wrap: wrap; gap: 60px 50px; }
	.logo-list li { width: calc(31.8% - 25px); }
	.clients-list li { width: calc(50% - 25px); }
	.expertise-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 50px 50px; }
	.expertise-list a { width: calc(50% - 25px); height: 650px; margin-bottom: 0; }
	
	.work-list li { width: calc(50% - 25px); }
	.single-hdg-work .work-list li:nth-child(2) { display: block; }
	.work-list li.big { width: calc(50% - 25px); }
	.news-list li { width: calc(50% - 25px); }
	.pillars-list { padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 50px 50px; }
	.pillars-list li { width: calc(50% - 25px); margin-bottom: 0; }
	
	.sans-serif-title-med-big { font: 15px/23px 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif; }	
	.sans-serif-title-big-big { font: 40px/46px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }	
	.pillars-list li .title { min-width: 150px; }			
	.pillars-list li .title span { font: 60px/60px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }				

	.studio-list { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 60px 50px; }
	.studio-list li { width: calc(50% - 25px); padding-bottom: 0; }
	.insight-list { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 60px 50px; }
	.insight-list li { width: calc(50% - 25px); padding-bottom: 0; }
	.working-list { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 60px 50px; }
	.working-list li { width: calc(25% - 37.6px); margin-bottom: 0; }
	
	.taste-list ul { gap: 0; }
	.taste-list li { width: 33.33%; overflow: hidden; }				
	.taste-list a .hover { position: absolute; left: -250px; bottom: -250px; width: 100%; max-width: 200px; height: 200px; transition: .25s; }
	.taste-list a:hover .hover { left: 0; bottom: 0; }
	.taste-list a .hover .sans-serif-title-med-big, .taste-list a .hover p { opacity: 0 !important; transition: .25s; }
	.taste-list a:hover .hover .sans-serif-title-med-big, .taste-list a:hover .hover p { opacity: 1 !important; transition-delay: .25s; }
	.taste-list a:hover img { opacity: .5; }
	.single-hdg-work .taste-list li:nth-child(3) { display: block; }
	.taste-list li.big { width: 66.66%; }
	
	.maps { width: 70%; }
	.legenda { position: absolute; bottom: 25px; right: 50px; }
	.home-news-title .filter-row { display: inline-block; }
	.link-underscore { font-size: 10px; }
	.home-news-title .filter-row .link-underscore { margin: 0 0 0 5px; }
	
	.home-taste-title .filter-row { flex-wrap: nowrap; gap: 20px; }
	.home-taste-title .filter-row .link-underscore { width: auto; margin: 0; }

	.box4 { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; }
	.box4 li { width: 50%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; position: relative; }
	.box4 li:nth-child(1) { order: 1; }
	.box4 li:nth-child(2) { order: 2; }
	.box4 li:nth-child(3) { order: 4; }
	.box4 li:nth-child(4) { order: 3; }
	
	.box2 { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 50px; }
	.box2 li { width: calc(50% - 25px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; position: relative; }
	.box2 li img, .box4 li img { position: absolute; top: 0; right: 0; width: auto; height: 100%; }

	.digital-list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; gap: 50px 50px; }
	.digital-list a { width: calc(50% - 25px); margin-bottom: 0; }
	
	.hero-digital .hero-text-digital { font: normal normal 300 70px/70px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 0; color: #000000; opacity: 1; text-align: center; }
	.hero-digital .text-digital { font: 18px/24px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; text-align: center; }
	.hero-digital .content-full p { width: 50%; margin: auto; }
	
	.hero-taste .hero-text-digital { font: normal normal 300 70px/70px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 0; color: #000000; opacity: 1; text-align: center; }
	.hero-taste .text-digital { font: 18px/24px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; text-align: center; }
	.hero-taste .content-full { width: 30.97212%; }
	
	.hero-compasso { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/hero-compasso-d-oro.webp) center bottom; background-size: cover; }				
	
	.galleryx3, .galleryx3 li { padding: 0; margin: 0; list-style: none; }
	.galleryx3 { width: 100%; display: flex; align-items: center; justify-content: space-between; }
	.galleryx3 li { width: calc(33.33% - 50px); }
	
	.galleryx4, .galleryx4 li { padding: 0; margin: 0; list-style: none; }
	.galleryx4 { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
	.galleryx4 li { width: calc(25% - 50px); }
	
	.hero-reloaded .reloaded-logo { width: 400px !important; }
					
	.compendium-bkg { background: #e7e7e7; background-size: cover; height: auto; padding: 60px 0; }				
	.colx10.reloaded .container { display: flex; align-items: center; justify-content: space-between; height: 100%; }
	.colx10.reloaded .container .content { text-align: center; }
	
	.sudios-list li { width: calc( 33.33333% - 33.33333px); }
	.sudios-list.x4 li { width: calc( 25% - 50px); }
	.aboard-list li { width: calc( 33.33333% - 33.33333px); }
	.aboard-list.x4 li { width: calc( 25% - 50px); }
	
	.popup-careers span { font-size: 16px; line-height: 23px !important; }
	.popup-careers .container .content li a span:nth-child(1) { width: 50%; }
	.popup-careers .container .content li a span:nth-child(2) { width: 50%; }
	
	.hero-newsletter { position: relative; width: 100%; height: 100vh; min-height: 750px; }
	.newsletter-container { padding: 0; position: absolute; left: 50%; top: 0; height: 100%; width: calc(50% - 50px); max-width: 720px; display: flex; align-items: center; justify-content: center; }
	.newsletter-picture { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; margin: 0; }
	.newsletter-picture img { height: 100%; object-fit: cover; object-position: center center; }
	
	footer #network-menu a, footer #careers-menu a, footer #community-menu a, footer #about-menu a { white-space: nowrap; }
	.cd-list { column-count: 2; }
	
	#taste-menu-container { width: auto; left: 50%; transform: translateX(-50%); flex-wrap: nowrap; justify-content: flex-start; }
	#taste-menu-container .brand { margin-right: 20px; }
	#taste-menu-container #view-more-btn { margin-left: 0; max-width: 150px; max-height: none; margin: 0 0 0 20px; transition: max-width 0.4s ease, opacity 0.4s ease; }
	#taste-menu-container.open { background-color: transparent; backdrop-filter: none; border-radius: 5px; }
	#taste-menu-container .menu-items { flex-direction: row; flex-basis: auto; gap: 20px; max-width: 0; max-height: none; margin-top: 0; transition: max-width 0.5s ease, opacity 0.5s ease; }
	#taste-menu-container .menu-item { transform: translateX(-5px); }
	#taste-menu-container.open #view-more-btn { max-width: 0; max-height: none; margin: 0; }
	#taste-menu-container.open .menu-items { max-width: 650px; max-height: none; margin-top: 0; }
	#taste-menu-container.open .menu-item { transform: translateX(0); transition-delay: 0s; }
	#taste-menu-container #close-btn { margin-top: 0; margin-left: 10px; }		
}

/*--------------------------------------------------- max-width: 1023px (INTEGRAZIONE) */
@media screen and (max-width: 1023px) {
	header.xhdr-wrapper { padding: 30px 0 !important; }
	.xhdr-tools-desktop { display: none !important; }
	.xhdr-hamburger { display: block !important; }
	
	header.xhdr-wrapper .xhdr-menu {
		position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: #2b2b2b !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; opacity: 0 !important; visibility: hidden !important; transition: 0.5s !important; z-index: 998 !important; transform: none !important;
	}

	header.xhdr-wrapper .xhdr-main-menu {
		position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: calc(100vh - 120px) !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 0 !important;
	}

	header.xhdr-wrapper .xhdr-main-menu .xhdr-menu-item a {
		font-size: 24px !important; line-height: 60px !important; color: #ffffff !important; letter-spacing: 1.5px !important;
	}

	header.xhdr-wrapper .xhdr-tools-mobile {
		display: flex !important; width: 100% !important; padding: 0 50px !important; position: absolute !important; bottom: 120px !important; left: 0 !important; justify-content: flex-start !important; gap: 20px !important; align-items: flex-end !important; box-sizing: border-box !important;
	}

	.xhdr-tools-mobile .xhdr-action-link { flex-shrink: 0 !important; }
	.xhdr-tools-mobile .xhdr-search-form { flex-grow: 1 !important; width: auto !important; }

	.xhdr-tools-mobile .xhdr-action-link,
	.xhdr-tools-mobile .xhdr-search-form { color: #ffffff !important; border: none !important; font-size: 11px !important; padding-bottom: 10px !important; white-space: nowrap !important; }
	
	.xhdr-tools-mobile .xhdr-action-link::after,
	.xhdr-tools-mobile .xhdr-search-form::after { background: #ffffff !important; }

	.xhdr-tools-mobile .xhdr-action-link svg path { stroke: #ffffff !important; }
	.xhdr-tools-mobile .xhdr-search-btn svg path { fill: #ffffff !important; }
	
	.xhdr-tools-mobile .xhdr-search-input { color: #ffffff !important; font-size: 16px !important; height: 16px !important; }
	.xhdr-tools-mobile .xhdr-search-input::placeholder { color: #ffffff !important; opacity: 1 !important; }

	header.xhdr-wrapper .xhdr-menu.active { display: block !important; opacity: 1 !important; visibility: visible !important; }
	header.xhdr-wrapper .HDG-logo.active { fill: #ffffff !important; }
	header.xhdr-wrapper .open-close.active span { background: #ffffff !important; }
	header.xhdr-wrapper .open-close.active span:nth-child(1), header.xhdr-wrapper .open-close.active span:nth-child(4) { opacity: 0 !important; }
	header.xhdr-wrapper .open-close.active span:nth-child(2) { transform: rotate(45deg) !important; }
	header.xhdr-wrapper .open-close.active span:nth-child(3) { transform: rotate(-45deg) !important; }
}

/*--------------------------------------------------- min-width: 1024px */
@media only screen and (min-width: 1024px) {
	
	/* --- INTEGRAZIONE NUOVO XHDR HEADER --- */
	.xhdr-logo { width: 100px !important; }
	#taste-landing-wrapper .hero-digital .container .content { width: 50%; }
	.logo-hdg-hub { width: auto; height: 25px; }

	/* ///////////////// HEADER ///////////////// */
	header .HDG-logo { width: 100px; }
	header .tools { width: 13.75498%; min-width: 198.07px; display: flex; }
	header .tools .search-tools { max-width: 74px; margin-right: 0; }
	.search-works { max-width: 407.63px; margin-right: 0; }
	header .link-underscore { max-width: 74px; }
	.open-close { display: none; }
	header .menu { display: flex; opacity: 1; }
	header .menu .tools { display: none; }
	header .menu { background: transparent; position: relative; width: 30%; height: auto; flex-direction: row; }
	header .menu .main-menu { position: relative; width: 100%; height: auto; flex-direction: row; justify-content: space-between; }
	header .main-menu a { font: normal normal 300 13px/18px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: 1.5px; color: black; opacity: .9; transition: .5s; }
	header .main-menu a:hover { opacity: 1; }
	header .main-menu .current-menu-item a { font: normal normal 300 13px/18px 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; opacity: 1; }
	.single-hdg-work .main-menu .menu-works a { font: normal normal 300 13px/18px 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif; opacity: 1; }
	.scrolled header .tools { opacity: 1; }
	
	/* ///////////////// SPACER ///////////////// */
	.space120 { height: 75px; }
	.space60 { height: 50px; }
	.space20 { height: 20px; }
	.spaceTitle { height: 40px; }

	/* ///////////////// COLOR BACKGROUND ///////////////// */
	.compasso-oro { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/compasso-oro.webp) left bottom no-repeat; background-size: 100% auto; }
	.adi-bkg { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG_adi-bkg.webp) center bottom no-repeat; background-size: cover; height: 750px; }
	.compendium-bkg { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG_compendium_cover_2.webp) center bottom no-repeat; background-size: cover; height: 750px; padding: 0; }
	.compendium-bkg-main { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG_compendium_cover_small.webp) center bottom no-repeat; background-size: cover; height: 750px; }

	/* ///////////////// HERO ///////////////// */
	.hero { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Silky-Miracle.webp) center top; background-size: cover; }
	
	/* ///////////////// CONTAINER SIZE ///////////////// */
	.colx8 .container { justify-content: space-between; gap: 50px 50px; }
	.colx8 .container .content:nth-child(1) { width: 50%; max-width: 322px; }
	.colx8 .container .content:nth-child(2) { width: 50%; max-width: 570px; }
	.colx8 .container .content:nth-child(3) { width: 100%; }
	.colx8 .container.centered { align-items: center; }
	.colx8 .container.middle .content:nth-child(1) { width: calc(50% - 25px); max-width: none; }
	.colx8 .container.middle .content:nth-child(2) { width: calc(50% - 25px); max-width: none; }
	
	.colx10 .container { flex-wrap: nowrap; justify-content: space-between; gap: 0 0; }
	.colx10 .container .content:nth-child(1) { width: 50%; max-width: 446px; }
	.colx10 .container .content:nth-child(2) { width: 50%; max-width: 446px; }
	.colx10 .container .content.bottom-right { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; }
	.colx10 .container.large { gap: 50px; }
	.colx10 .container.large .content:nth-child(1), .colx10 .container.large .content:nth-child(2) { width: 50% !important; max-width: none; position: relative; }
	.colx10 .container.large .content:nth-child(2) { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
	.colx10 .container .content:nth-child(3) { width: 100%; }
	.colx10 .container.full .content { width: 100% !important; max-width: none; position: relative; }

	.colx12 .container .content:nth-child(1) { width: 30.97212%; }
	.colx12 .container .content:nth-child(2) { width: 65.41644%; }
	.single-hdg-work .colx12 .container.centered { align-items: center; }
	.colx12 .container.three-column { gap: 60px 50px; }
	.colx12 .container.three-column .content { width: 100%; }

	/* ///////////////// LIST ///////////////// */
	.leadership-list { flex-wrap: nowrap; gap: 50px 50px; }
	.leadership-list li { width: 100%; padding-bottom: 0; }
	.logo-list li { width: calc(16.666666666666667% - 41.666666666666667px); }
	.logo-list.small li { width: calc(50% - 25px) !important; }
	.clients-list li { width: calc(33.33% - 33.33px); }

	.expertise-list a { width: 100%; height: 450px; align-items: flex-start; justify-content: center; padding: 8.61108%; }
	.expertise-list a .text { width: 30.97212% }
	.expertise-list a:nth-child(1) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Branding-Strategy-desktop.webp) center center no-repeat; background-size: cover; }
	.expertise-list a:nth-child(2) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Experience-Design-desktop.webp) center center no-repeat; background-size: cover; }
	.expertise-list a:nth-child(3) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Creative-and-Content-desktop.webp) center center no-repeat; background-size: cover; }
	.expertise-list a:nth-child(4) { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Activation-desktop.webp) center center no-repeat; background-size: cover; }
	
	.work-list li { width: calc(33.33% - 33.33px); overflow: hidden; }				
	.work-list a .hover { position: absolute; left: -250px; bottom: -250px; width: 100%; max-width: 250px; height: 250px; transition: .25s; }
	.work-list a:hover .hover { left: 0; bottom: 0; }
	.work-list a .hover .sans-serif-title-med-big, .work-list a .hover p { opacity: 0 !important; transition: .25s; }
	.work-list a:hover .hover .sans-serif-title-med-big, .work-list a:hover .hover p { opacity: 1 !important; transition-delay: .75s; }
	.work-list a:hover img { opacity: .5; }
	.single-hdg-work .work-list li:nth-child(3) { display: block; }
	.work-list li.big { width: calc(66.66% - 17px); }

	.pillars-list li { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: center; gap: 25px 25px; }
	.pillars-list li .text { padding-top: 0; }
	.insight-list li { width: calc(33.33% - 33.33px); }
	
	.maps { width: 100%; }
	.legenda { position: absolute; bottom: 0; left: 50px; }
	.box2 li img, .box4 li img { position: relative; top: 0; left: 0; width: 100%; height: auto; }
	.home-news-title .filter-row .link-underscore { font-size: 12px; margin: 0 0 0 15px; }
	.home-taste-title .filter-row .link-underscore { font-size: 12px; }

	.digital-list a { width: 100%; align-items: flex-start; justify-content: center; position: relative; }
	.digital-list a .text { width: 50%; position: absolute; top: 0; left: 0; padding: 0 8.61108%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; font-size: 12px; }
	.digital-list .white .link-underscore::after { background: black; }
	.digital-list a *{ color: white; }
	.digital-list a.white { background: white; text-decoration: none; color: black; }
	.digital-list a.white * { color: black; }
	.digital-list a.white .link-underscore { border-color: black; }	
	
	.single-hdg-work .colx12 .container .content:nth-child(1), .single-hdg-work .colx8 .container .content:nth-child(1) { padding-bottom: 0; }
	.single-hdg-work .colx12 .container .content:nth-child(2), .single-hdg-work .colx8 .container .content:nth-child(2) { padding-top: 0; }
	.colx10 .container .content.content-logo-list:nth-child(2) { margin-right: 0; }						
	
	.aboard-pills { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; }
	.aboard-pills li { padding: 7.5px 30px; margin: 0 2.5px; }
	.cd-list { column-count: 4; }
}

/*--------------------------------------------------- min-width: 1200px */
@media only screen and (min-width: 1200px) {
	/* ///////////////// TESTO ///////////////// */
	.serif-title-big { font: 300 40px/50px 'dashiell-fine', Times, 'Times New Roman', serif; }
	.serif-title-big-Aboard { font: 300 40px/50px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }
	.sans-serif-title-havy { font: 120px/120px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif; }
	
	/* ///////////////// COLOR BACKGROUND ///////////////// */
	.compasso-oro { background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/compasso-oro.webp) left 110% no-repeat; background-size: auto 75%; }

	.colx8 .container { justify-content: center; }
	.colx8 .container.central .content.small { width: 27.49992% !important; }
	.colx8 .container.middle .content:nth-child(1) { width: 30.97212%; max-width: none; }
	.colx8 .container.middle .content:nth-child(2) { width: 30.97212%; max-width: none; }
	
	.expertise-list a { height: 590px; }
	.link-underscore { font-size: 12px; }

	.job-accordion .active .panel { display: flex; align-items: flex-start; justify-content: space-between; gap: 50px; } 
	.job-accordion .panel div { width: 50%; }
	.to-bottom { position: absolute; bottom: 0; }
	
	.taste-list a .hover { width: 100%; max-width: 250px; height: 250px; }
	.logo-list.small li { width: calc(31.8% - 25px) !important; }
}

/*--------------------------------------------------- min-width: 1366px */
@media only screen and (min-width: 1366px) {
	.hero-newsletter { min-height: 800px; }
}

/*--------------------------------------------------- min-width: 1600px */
@media only screen and (min-width: 1600px) {
	.hero-newsletter { min-height: 900px; }
}

/*--------------------------------------------------- min-width: 1750px */
@media only screen and (min-width: 1750px) {
	.hero-newsletter { min-height: 1000px; }
}

/*--------------------------------------------------- min-width: 1920px */
@media only screen and (min-width: 1920px) {
	.hero-newsletter { min-height: 1080px; }
}

/*--------------------------------------------------- max-width: 767px */
@media only screen and (max-width: 767px) {
	.single-hdg-work .content { margin-bottom: 0 !important; }
	.single-hdg-work footer .content { margin-bottom: 20px !important; }
	.single-hdg-work .space120 { height: 30px; }
	.single-hdg-work .space20 { height: 10px; }
	.single-hdg-work .container.middle.inverted .content:first-child { margin-bottom: 30px !important; }
}

/*--------------------------------------------------- max-width: 374px */
@media only screen and (max-width: 374px) {
	.animation-hide { opacity: 1; transform: none; }
	footer a { padding: 5px 0; }
}