/*

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");

/* 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;
	/*border-bottom: solid 2px #000000;*/
	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: 16px;*/
	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: 11px/18px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;*/
	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: 18px/24px 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif;*/
    font: 23px/30px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
}	


.serif-title {
	/*font: 300 18px/24px 'dashiell-fine', Times, 'Times New Roman', serif;*/
	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;
}

.serif-title-med {
	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;
	/*border-bottom: solid .5px #000000;*/
	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;
}

/* 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;
	/*background: rgba(0, 0, 0, 0.5);*/
}

.black * {
	color: white;
}

.celadon {
	background: #457B9D;
	/*background: rgba(0, 0, 0, 0.5);*/
}

.celadon * {
	color: white;
}

.gray {
	background: #222222;
	/*background: rgba(0, 0, 0, 0.5);*/
}

.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;
}

/*
.scrolled header .tools {
	opacity: 0;
}
*/

header .tools .search-tools {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	/*border-bottom: solid .5px black;*/
	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;
}

/* ///////////////// 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 .content span.network a:hover {
	/* color: #fff; */
}

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

/* ///////////////// HERO ///////////////// */

/*
.hero {
	width: 100%;
	margin: auto;
	height: 100vh;
	margin: auto;
	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 {
	width: 100%;
	margin: auto;
	height: 100vh; /* Fallback per browser non aggiornati */
	height: 100dvh; /* Risolve il problema delle barre su mobile */
	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;
	margin: auto;
	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;
	margin: auto;
	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;
	margin: auto;
	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;
	margin: auto;
	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;
}

.colx12 .container .content img,
.colx8 .container .content img {
	/*margin: 20px 0;*/
}

.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 .container.left .content {
	width: 100% !important;
	max-width: 1190px !important;
}
*/

.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.compendium-hover {
	max-width: none;
	background-image: url(https://hangar.it/hdg/wp-content/themes/hdg/img/HDG_compendium_cover_1.webp);
	background-size: cover;
	background-position: center bottom;
	transition: .5s;
	height: 900px;
}

.colx10.compendium-hover .container {
	width: 100%;
	max-width: 1190px;
	margin: auto;
}

.colx10.compendium-hover svg {
	max-width: 250px;
}

.colx10.compendium-hover * {
	color: black;
}
*/













.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;
	/*margin-bottom: 20px;*/
}

.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;
}

.colxFull {

}

.colxFull img {

}





.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;
	/*height: 501px;
	transition: .5s;*/
}

.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;
	/*height: 501px;
	transition: .5s;*/
}

.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:nth-child(1) {
	font-family: 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
	width: 33.33%;
}

.intranet-list li span:nth-child(2) {
	font-family: 'HelveticaNowDisplayRegular', 'Helvetica Neue', Helvetica, sans-serif;
	width: 33.33%;
}

.intranet-list li span:nth-child(3) {
	font-family: 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	width: 33.33%;
	text-align: right;
}
*/

.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.green:hover {
	background: #c0d449;
	color: white !important;
}

.intranet-list li.red:hover  {
	background: #f0b03c;
	color: white !important;
}

.intranet-list li.blue:hover  {
	background: #31a2d7;
	color: white !important;
}

.intranet-list li.light:hover  {
	background: rgba(0, 0, 0, 1);
	color: white !important;
}
*/





.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 {
	/*padding-bottom: 20px;*/
	width: calc( 50% - 12.5px);
}

.leadership-list li:last-child {
	/*padding-bottom: 0;*/
}

.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-top: 10px;
}

.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;
	/*width: calc(50% - 25px);*/
}

.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 {
	/*border-color: white;*/
}

.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 {
	/*
	position: absolute;
	left: 0;
	bottom: 0;
	*/
	background: white;
	padding: 20px;
	width: 100%;
}

.black .work-list a .hover * {
	color: black !important;
}

.black .work-list a .hover .sans-serif-title-med-big {
}

.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;
	/*padding-bottom: 20px;*/
}

.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 {
	/*
	position: absolute;
	left: 0;
	bottom: 0;
	*/
	background: white;
	padding: 20px;
	width: 100%;
}

.black .taste-list a .hover * {
	color: black !important;
}

.black .taste-list a .hover .sans-serif-title-med-big {
}

.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;
	/*padding-bottom: 20px;*/
}

.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;
}

.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 ///////////////// */

/* The container must be positioned relative: */
.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: transparent;
  border-bottom: solid .5px black !important;
  padding-left: 0 !important;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-color: black transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: black;
  padding: 8px 10px;
  border: .5px solid transparent;
  border-color: transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.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 {
	/*padding-bottom: 60px;*/
}

.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 {
	/*
	position: absolute;
	bottom: 0;
	left: 50px;
	*/
	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(1),
.box4 li:nth-child(3) {
	
}

.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 picture {
	overflow: hidden;
}
*/

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

/*
.work-list li:hover .cover img {
	transform: scale(1.05);
}
*/

.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 {
	/*border-color: white;*/
}

.digital-list .link-underscore::after {
	background: white;
}

/*
.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;
}
*/

.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; /* Aggiungi un valore o rimuovi questa riga */
}
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 {
	/*text-decoration: underline;*/
	transition: .5s;
}
.welcome-txt a:hover {
	opacity: .3;
}



.popup-careers {
	/*
	width: 100vw;
	height: 100vh;
	*/
	position: fixed;
	/* top: 0; */
	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:hover {
	/*background: rgba(255, 255, 255, 0.1);*/
}

.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;
}

form.contacts input[type="checkbox"]:checked {
	background: 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;
}

/* --- TITOLO (H3) --- */
/* Nota: ho rimosso la classe .aboard-blue dai selettori */
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; /* Spazio a destra per l'icona */
	
	/* COLORE DEFAULT (CHIUSO): BIANCO */
	color: white; 
	
	transition: color 0.3s ease, opacity 0.3s ease;
}

ul.aboard-accordion h3.serif-title-big-Aboard:hover {
	opacity: 0.8;
}

/* --- STATO ATTIVO (APERTO): TITOLO --- */
ul.aboard-accordion li.active h3.serif-title-big-Aboard {
	/* COLORE APERTO: #5179AA */
	color: #5179AA;
}

/* --- DISEGNO DELL'ICONA (+ e -) --- */
ul.aboard-accordion h3.serif-title-big-Aboard::before,
ul.aboard-accordion h3.serif-title-big-Aboard::after {
	content: ''; 
	position: absolute;
	right: 0; /* Allineato tutto a destra */
	top: 50%;
	
	/* COLORE DEFAULT (CHIUSO): BIANCO */
	background-color: white; 
	
	width: 16px; 
	height: 2px; 
	
	transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Linea Orizzontale */
ul.aboard-accordion h3.serif-title-big-Aboard::after {
	transform: translateY(-50%); 
}

/* Linea Verticale (ruotata per formare il +) */
ul.aboard-accordion h3.serif-title-big-Aboard::before {
	transform: translateY(-50%) rotate(90deg); 
}

/* --- STATO ATTIVO (APERTO): ICONA --- */

/* Cambia colore delle linee */
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;
}

/* Ruota la verticale per trasformare il + in - */
ul.aboard-accordion li.active h3.serif-title-big-Aboard::before {
	transform: translateY(-50%) rotate(0deg); 
}

/* --- CONTENUTO (TESTO) --- */
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; /* Testo chiaro su sfondo scuro */
}

ul.aboard-accordion li.active .accordion-content {
	opacity: 1;
}

#rotating-triangle {
	/* Imposta il punto di rotazione al centro esatto della forma */
	transform-box: fill-box;
	transform-origin: center center;
	
	/* Rende la rotazione fluida */
	transition: transform 0.5s ease;
}


/* Stile base (Mobile First: 1 colonna) */
.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;
	
	/* Layout Flexbox per allineare il testo a bandiera */
	display: flex;
	align-items: flex-start;
	
	/* Font Medium per il testo */
	font-weight: 500; 
}

.cd-list li::before {
	content: counter(custom-counter, decimal-leading-zero) ".";
	
	/* Font Light per il numero */
	font: 10px / 16px 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
	
	/* Spaziatura fissa tra numero e testo ed evita lo schiacciamento */
	margin-right: 8px;
	flex-shrink: 0; 
}







#taste-menu-container {
	position: absolute;
	bottom: 40px;
	left: 50px; /* Margine sinistro di 50px */
	width: calc(100% - 100px); /* Larghezza totale meno i 50px per lato */
	box-sizing: border-box; /* Evita che il padding sbordi rispetto al calc */
	
	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 {
	/*background-color: rgba(0, 0, 0, 0);
	backdrop-filter: blur(5px);*/
	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;
	/* Aumentato a 0.4s */
	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;
	/* Aumentato a 0.5s */
	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);
	/* Aumentato a 0.4s */
	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;
}

#taste-menu-container #close-btn {
	/*margin-top: 10px;
	font-size: 18px;*/
}

	.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;
					/*background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/grid.jpg) center center repeat-y;
					background-size: 1920px auto;*/
				}
				
				/* Hero */
								
				.hero-contacts {
					font: normal normal bold 26px/32px 'HelveticaNowDisplayBold', 'Helvetica Neue', Helvetica, sans-serif;
					/*border-bottom: solid 3px #000000;*/
					padding-bottom: 10px;
					margin-top: 0;
				}
				
				.hero-contacts::after {
					height: 3px;
				}

				/* ///////////////// SPACER ///////////////// */
				
				.spaceTitle {
					/*height: 50px;*/
					height: 20px;
				}
				
				/* ///////////////// FOOTER ///////////////// */
				
				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 ///////////////// */
				
				.hero {
					/* background: url(https://hangar.it/hdg/wp-content/themes/hdg/img/Silky-Miracle.webp) -500px center; */
					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;
				}
				
				/* ///////////////// CONTAINER SIZE ///////////////// */
				
				.colx8 .container {
					display: flex;
					flex-wrap: wrap;
					align-items: flex-start;
				}
				
				.colx8 .container .content:nth-child(1) {
					width: 100%;
					/*margin-top: 5px;*/
					margin-bottom: 0;
				}
				
				.colx12 .container .content img, 
				.colx8 .container .content img {
					/*margin: 0px;*/
				}
				
				.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-top: 5px;*/
					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.left .content:nth-child(1) {
					width: 65.41644%;
					margin-top: 0;
				}
				
				.colx10 .container.left .content:nth-child(2) {
					width: 22.36104%;
				}
				
				.colx10 .container.right .content:nth-child(1) {
					width: 22.36104%;
					margin-top: 0;
				}
				
				.colx10 .container.right .content:nth-child(2) {
					width: 65.41644%;
				}
				*/
				
				.colx10 .container.large {
					align-items: stretch;
					/*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.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;
					/*gap: 50px 50px;*/
				}
				
				
				.colx12 .container.middle {
				}
				
				.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 ///////////////// */

				.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%;
				}

				/* ///////////////// LIST ///////////////// */
				
				.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;
					/*min-height: 250px;*/
				}
				
				.sans-serif-title-med-big {
				    /*font: 18px/24px 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif;*/
				    /*font: 16px/24px 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif;*/
				    font: 15px/23px 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif;
				}	
				
				.sans-serif-title-big-big {
				    /*font: 18px/24px 'HelveticaNowDisplayMedium', 'Helvetica Neue', Helvetica, sans-serif;*/
				    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;
				}				

				/*
				.clients-filter {
					width: 85%;
					display: flex;
					align-items: baseline;
					justify-content: space-around;
				
				    font: normal normal 300 11px/0 'HelveticaNowDisplayLight', 'Helvetica Neue', Helvetica, sans-serif;
				    letter-spacing: 1px;
				    display: flex;
				    align-items: center;
				    justify-content: space-between;
				    
				}
				    
				.clients-filter span {
					display: block;
					padding-bottom: 15px;
					cursor: pointer;
				}    
				
				.clients-filter span:hover,    
				.clients-filter span.active {
				    border-bottom: solid 0.5px #000000;
				}    
				*/

				.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%;
				}
				
				.taste-list li {
					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;
				}

				.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);
				}
				
				.galleryx4 li:first-child {
				}
				
				
				
				
				.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:hover {
					/*padding: 20px;*/
				}
				
				.popup-careers .container .content li a span:nth-child(1) {
					width: 50%;
				}
				
				.popup-careers .container .content li a span:nth-child(2) {
					width: 50%;
				}
				
				.popup-careers .container .content li a span:nth-child(3) {
					/*
					width: 25%;
					display: inline-block;
					text-align: right;
					*/
				}
				
				
				
				.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; /* Ripristina la larghezza in base al contenuto */
					left: 50%; /* Ripristina la centratura */
					transform: translateX(-50%); /* Ripristina la centratura */
					
					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;
					/* Aumentato a 0.4s */
					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;
					/* Aumentato a 0.5s */
					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;
				}		
				
						
				
}

/*--------------------------------------------------- min-width: 1024px */

@media only screen and (min-width: 1024px) {
	
	
				/* ///////////////// 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: 90px;*/
					height: 75px;
				}
				
				.space60 {
					/*height: 60px;*/
					height: 50px;
				}
				
				.space20 {
					/*height: 20px;*/
					height: 20px;
				}
				
				.spaceTitle {
					/*height: 40px;*/
					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: center;*/
					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%;
				}
				
				/*.single-hdg-work*/ .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;
				}
				
				.colx10 .container {
					justify-content: space-between;
					gap: 0 0;
				}
				
				.colx10 .container .content:nth-child(1) {
					/*width: 50%;*/
					/*width: 30.97212%;*/
					width: 50%;
					max-width: 446px;
				}
				
				.colx10 .container .content:nth-child(2) {
					/*width: 50%;*/
					/*width: 30.97212%;*/
					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%;
				}

				.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;
				}
				
				
				.colx10 .container.full .content {
					width: 100% !important;
					max-width: none;
					position: relative;
				}
				
				
				
				
				
				
				.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 {
					
				}

				.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);
				}
				
				.work-list li {
					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;
				}
				
				
				
				
				.digital-list {
					
				}

				.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;
				}
				
				/*
				.colx10.company-hover {
					max-width: none;
					background-color: #F4F4F4;
					background-image: none;
					transition: .5s;
				}
				
				.colx10.company-hover .container {
					width: 100%;
					max-width: 1190px;
					margin: auto;
					background: none;
				}
				
				.colx10.company-hover svg {
					fill: black;
				}
				
				.colx10.company-hover * {
					color: black;
				}
				
				.colx10.company-hover:hover {
					background-image: url(https://hangar.it/hdg/wp-content/themes/hdg/img/mission.webp);
					background-size: cover;
				}
				
				.colx10.company-hover:hover svg {
					fill: white;
				}
				
				.colx10.company-hover:hover * {
					color: white;
				}
				
				*/
				
				.expertise-list a {
					height: 590px;
				}

				.link-underscore {
					font-size: 12px;
				}

				.job-accordion .panel {
				}
				
				.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;
				}
				
				
				
				.digital-list a {
					/*height: 590px;*/
				}
				
				
				
				.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;
	}
	
}

/* ///////////////// INFO /////////////////

G - 5,13888 %

B - 3,4722 %

///////////////// % ///////////////// */