body {
	background: none;
	background-image: url("https://inessecorporation.com/media/Immagini\ sito/Sfondo mare nero.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: repeat-y;
}

footer p {
	color: lightgrey;
}

footer p * {
	color: lightgrey;
}

.text-section h1.title.section-title,
.discover-box h1.title.section-title {
	width: max-content;
	width: intrinsic; /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content; /* Firefox/Gecko */
	width: -webkit-max-content;
}

/* SECTION 1 STYLE */
div#section-1 {
	background-color: black;
	min-height: 100%;
}

div#section-1 * {
	color: white;
	line-height: 6vh;
}

div#section-1 h1.title {
	padding: 0 5vw;
}

div#section-1 p {
	margin-bottom: 4vh;
}

div#section-1 div.section-header {
	padding-top: 5vh;
	text-align: center;
}

div#section-1 div.section-header img {
	height: 16.6vh;
	padding: 0 0 2vh 0;
}

div#section-1 div.section-content {
	text-align: center;
}

div#section-1 div.section-content video {
	max-height: 42vh;
	height: 42vh;
	max-width: 100vw;
}

/* SECTION 2 STYLE */
div#section-2 {
	position: relative;
	z-index: 2;
	height: 100%;
	overflow: hidden;
	background: black url("https://inessecorporation.com/media/Immagini sito/inesseweb-edited-no-scritta.jpg") 50% 50% / contain no-repeat;
}

div#section-2 .section-content {
	position: relative;
}
#section-2 .section-header {
	position: absolute;
	top: 75%;
	width: 100%;
	text-align: center;
}

@media (max-width: 1023px) {
	#section-2 .section-header h1.title {
		width: 100%;
	}
}

/* SECTION 3 STYLE */
div#superfoils15 {
	min-height: 100%;
	padding: 0;
	overflow: auto;
}

div#superfoils15 div.section-header {
	position: relative;
	text-align: center;
	padding: 5vh 0;
}

div#superfoils15 .title-container {
	overflow: hidden;
	max-height: 100%;
}

div#superfoils15 .title-container.close {
	max-height: 0;
}

div#superfoils15 h1.subtitle {
	padding: 0 10vw;
}

div#superfoils15 p {
	color: white;
}

div#superfoils15 p * {
	color: white;
}

div#superfoils15 p.description {
	padding: 0 25vw;
}

div#superfoils15 .hidden-box {
	margin: 5vh 0 3.5vh 0;
}

div#superfoils15 .hidden-box.open {
}

div#superfoils15.open .section-header {
	top: 0;
	transform: translateY(0);
	padding: 5vh 0 25vh;
}

div#superfoils15 .column {
	width: 18vw;
	min-width: 12rem;
	color: white;
}

@media (max-width: 1023px) {
	div#superfoils15 .column {
		width: 46vw;
		min-width: 20rem;
	}

	div#superfoils15 p.description {
		padding: 0 10vw;
	}

	div#superfoils15 div.section-header {
		min-height: 90vh;
	}
}

div#superfoils15 div#foils-details > .title {
	margin-top: 7vh;
}

div#superfoils15 div#foils-details .title {
	margin-bottom: 7vh;
	color: var(--giallo-kirk) !important;
	font-size: 1rem;
}
div#superfoils15 div#foils-details .title * {
	color: var(--giallo-kirk) !important;
}
div#superfoils15 div#foils-details .column .title {
	margin-bottom: 2vh;
}

@media (max-width: 768px) {
	div#superfoils15 .column {
		margin-top: 2vh;
		width: 85vw;
		min-width: 0;
	}
	div#superfoils15 div#foils-details .title {
		font-size: 1.1rem;
	}
}

/* SECTION 4 STYLE */
div#section-4 {
	position: relative;
	background: #08070c;
}

div#section-4 div.container {
	max-height: 100%;
	max-width: 100%;
}

div#section-4 img {
	max-width: 100vw;
	max-height: 100%;
}

div#section-4 .bullet::before {
	width: 11.5vw;
}

div#section-4 .bullet[data-id-box="design"] {
	margin: -10% 0 0 -4.6%;
}

div#section-4 .bullet[data-id-box="interiors"] {
	margin: -3% 0 0 19%;
}

div#section-4 .bullet[data-id-box="the-foils"] {
	margin: 7% 0 0 19%;
}

div#section-4 .bullet[data-id-box="design"]::before {
	content: "DESIGN";
	margin: -20% 0 0 -7.5vw;
	width: 8vw;
}

div#section-4 .bullet[data-id-box="interiors"]::before {
	content: "INTERIORS";
	margin: -20% 0 0 50%;
	width: 9vw;
	text-align: right;
}

div#section-4 .bullet[data-id-box="the-foils"]::before {
	content: "FOILS SYSTEM";
	width: 11vw;
	margin: -20% 0 0 -10.5vw;
}

@media (max-width: 1023px) {
	div#section-4 .bullet::before {
		margin: -20% 0 0 -12.3vw;
		width: 13vw;
	}

	div#section-4 .bullet[data-id-box="design"]::before {
		margin: -20% 0 0 -12.3vw;
		width: 13vw;
	}

	div#section-4 .bullet[data-id-box="interiors"]::before {
		width: 16vw;
	}

	div#section-4 .bullet[data-id-box="the-foils"]::before {
		margin: -20% 0 0 -19.3vw;
		width: 20vw;
	}
}

/* SECTION 5 STYLE */
div#the-foils {
	position: relative;
	background-color: white;
	padding: 0;
}

div#the-foils .flexbox-container {
	display: flex;
	flex-flow: row wrap;
	height: 100%;
}

div#the-foils div.section-header {
	text-align: center;
	padding: 5vh 15vw;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-self: center;
}

div#the-foils p {
	position: relative;
	margin-bottom: 0;
}

div#the-foils div.container {
	position: relative;
	width: 100%;
	min-height: 50vh;
	overflow: hidden;
}

div#the-foils img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
}

div#the-foils .bullet {
	margin: 4.7% 0 0 -11.5%;
	background: black;
	animation: greyPulse 2s infinite;
}

div#the-foils .bullet::before {
	content: "DISCOVER THE FOILS";
	margin: -15% 0 0 -14.5vw;
	color: black;
	width: 15vw;
}

@media (max-width: 1023px) {
	div#the-foils .bullet {
		/* margin: 11% 0 0 -11.5%; */
	}

	div#the-foils .bullet::before {
		margin: -16% 0 0 -26.5vw;
		width: 27vw;
	}

	div#the-foils div.section-header {
		margin: 5vh 10vw 10vh 10vw;
		padding: 0;
	}

	div#the-foils div.container {
	}
}

@media (max-width: 1023px) and (orientation: portrait) {
	div#the-foils img {
		width: auto;
		height: 100%;
	}
}

/* SECTION 6 STYLE*/
div#discover-the-foils {
	background-size: cover;
	background-image: url("https://inessecorporation.com/media/Immagini\ sito/SFONDO SITO.jpg");
	background-position: center;
	overflow: hidden;
}

div#discover-the-foils div.container {
	padding: 0 10vw 5vh 10vw;
}

div#discover-the-foils * {
	color: white !important;
}

div#discover-the-foils .subtitle {
	margin-bottom: 4.5vh;
}

div#discover-the-foils div.section-content .hidden-box {
	text-align: center;
	padding: 10vh 10vw 0 10vw;
}

div#discover-the-foils div.section-content .hidden-box p {
	line-height: 5vh;
}

/* SECTION 7 STYLE*/
div#design {
	background: white;
	text-align: center;
}

div#design div.container {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 55vh;
}

div#design div.section-content {
	min-height: 45vh;
}

div#design div.container img#sf15-discover-interiors {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
}

div#design .bullet {
	margin: 3.5% 0 0 7%;
}

div#design .bullet::before {
	content: "DISCOVER INTERIORS";
	margin: -16% 0 0 0;
	width: 15.5vw;
	text-align: right;
}

@media (max-width: 1023px) {
	div#design div.section-content {
		min-height: 65vh;
		padding: 2vh 10vw;
	}

	div#design div.container {
		min-height: 40vh;
	}

	div#design .bullet::before {
		margin: -16% 0 0 0;
		width: 27.5vw;
	}
}
@media (max-width: 1023px) and (orientation: portrait) {
	div#design div.container img#sf15-discover-interiors {
		width: auto;
		height: 100%;
	}
}

/* SECTION 9 STYLE */
div#interiors {
	background: white;
}

div#interiors .section-content {
	height: 100%;
}

div.section#interiors div.section-content .hidden-box {
	text-align: center;
	min-height: 0;
	height: 100vh;
}

div#interiors .image-container {
	height: 60vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-content: center;
	flex-wrap: wrap;
}

div#interiors .container {
	height: 35vh;
	padding: 5vh 10vw 0 10vw;
}

div#interiors .column {
	-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1; /* OLD - Firefox 19- */
	width: 30%; /* For old syntax, otherwise collapses. */
	-webkit-flex: 1; /* Chrome */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	max-width: 30%;
	padding: 0 1vw;
	height: 60vh;
}

div#interiors div.image {
	margin-top: 2vh;
	vertical-align: middle;
	height: calc(50% - 2vh);
	overflow: hidden;
}

div#interiors .image-slide img {
	max-width: 100%;
	position: relative;
	top: 50vh;
	transform: translateY(-50%);
}

div#interiors div.image img {
	width: 100%;
}

div#interiors div.image.double {
	width: 100%;
	height: auto;
	max-height: 58vh;
}

@media (max-width: 1023px) {
	div#interiors .image-container {
		display: none;
	}
}

/* SECTION 10 STYLE */
div#specifications {
	position: relative;
	overflow: hidden;
	padding: 0;
}

div#specifications .section-content {
	position: relative;
	height: 100vh;
}

div#specifications div.tecnical-data,
div#specifications div.superfoils15-image {
	width: 50%;
}

div#specifications div.superfoils15-image {
	position: absolute;
	top: 0;
	z-index: -1;
	margin-top: 5vh;
	right: 0;
	margin-right: 5vw;
	height: 90vh;
	text-align: center;
}

div#specifications div.superfoils15-image img {
	height: 100%;
	z-index: -1;
}

div#specifications div.tecnical-data table {
	width: 80%;
	margin-left: 10%;
	border: 1px solid var(--giallo-kirk);
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	height: 70vh;
}

div#specifications div.tecnical-data table tr,
div#specifications div.tecnical-data table td {
	font-family: "ocr-a";
	color: var(--giallo-kirk);
	padding: 0.5rem 0.2rem;
	border: 1px dashed;
	width: 50%;
	font-size: 0.8rem;
}

div#specifications div.tecnical-data table tr *,
div#specifications div.tecnical-data table td * {
	font-family: "ocr-a";
	color: var(--giallo-kirk);
}

div#specifications div.tecnical-data {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 15vh;
	margin-left: 5vw;
	height: 70vh;
	max-width: 40vw;
}

@media (max-width: 1023px) {
	div#specifications div.tecnical-data {
		margin-top: 7.5vh;
		margin-left: 5vw;
		height: 85vh;
		width: 90vw;
		max-width: 90vw;
	}
	div#specifications div.superfoils15-image {
		display: none;
	}

	div#specifications div.tecnical-data table {
		/* margin-top: 7.5vh; */
	}
}

/* SECTION 11 STYLE */

div#gallery {
	max-height: 100vh;
	overflow: hidden;
	position: relative;
	background: black;
}

div#gallery div.section-content {
	padding: 0 0 5vh 0;
	position: relative;
	max-height: 100vh;
	overflow: hidden;
}

div#gallery video {
	z-index: 1;
	max-width: 100vw;
	position: relative;
}

div#gallery h1.title {
	z-index: 2;
	margin: 2rem 0 4rem 0;
}

/* SECTION 12 STYLE */

div#im-interested .section-content {
	width: 100%;
	height: 100%;
	padding: 5vh 30vw;
}

div#im-interested .section-content * {
	color: white;
}

div#im-interested h1.title {
	margin-bottom: 15vh;
	left: 60%;
	padding-right: 120%;
}

div#im-interested .subtitle {
	padding-bottom: 2.5vh;
	font-size: 1.3rem;
	line-height: 2.5rem;
}

div#im-interested p {
	margin: 5vh 0 calc(2vh + 0.8rem) 0;
}
div#im-interested button,
div#im-interested .button {
	display: inline;
	position: relative;
	color: black !important;
	border: 0;
	border-radius: 0;
	background-color: var(--grigio-pulsante);
	outline: none;
}
div#im-interested button *,
div#im-interested .button * {
	color: black !important;
}

div#im-interested .section-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 15vw;
	margin: 5vh 0 0 5vw;
}

div#im-interested div.section-header img {
	width: 100%;
}

div#im-interested div#newsletter {
	/* min-height: 0; */
	text-align: left;
}

div#im-interested div#newsletter .buttonContainer {
	text-align: center;
	margin: 5vh 0 10vh 0;
}

div#im-interested #newsletter input[type="text"],
div#im-interested #newsletter input[type="email"] {
	outline: none;
	color: black !important;
	width: 100%;
	height: 2.8rem;
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
	padding: 0.6rem 1rem;
}

div#im-interested #newsletter label {
	display: block;
	margin: 0.5rem 0;
}

div#im-interested #newsletter p {
	text-align: justify;
}

div#im-interested #newsletter #lb_ConsentText {
	display: inline;
}

div#im-interested div#contact {
	min-height: 0;
	text-align: left;
}

div#im-interested div#contact .buttonContainer {
	text-align: center;
	margin: 5vh 0 10vh 0;
}

div#im-interested #contact input[type="text"],
div#im-interested #contact input[type="email"],
div#im-interested #contact textarea {
	outline: none;
	color: black !important;
	width: 100%;
	height: 2.8rem;
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
	padding: 0.6rem 1rem;
}

div#im-interested #contact textarea {
	min-height: 20vh;
}

div#im-interested #contact label {
	display: block;
	margin: 0.5rem 0;
}

div#im-interested #contact p {
	text-align: justify;
}

div#im-interested #contact #lb_ConsentText {
	display: inline;
}

div#im-interested .result-container {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	padding: 5rem 3rem;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 2rem;
	box-shadow: 0 0 8px 1px var(--giallo-kirk);
}

@media (max-width: 1023px) {
	div#im-interested .section-header {
		display: none;
	}
	div#im-interested h1.title {
		width: fit-content;
		width: -moz-fit-content; /* Firefox/Gecko */
		width: -webkit-fit-content;
		margin-bottom: 10vh;
	}
	div#im-interested .section-content {
		padding: 5vh 10vw;
	}
	div#im-interested #newsletter #lb_ConsentText {
		font-size: 2.5vh;
	}
	div#im-interested #contact #lb_ConsentText {
		font-size: 2.5vh;
	}

	div#im-interested .result-container {
		width: 90%;
	}
}