*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hide-mobile{
	display: block;
}

.show-mobile{
	display: none;
}

@media screen and (max-width: 991px) {
	.hide-mobile{
		display: none;
	}

	.show-mobile{
		display: block;		
	}
}

.red-color{
	color: #ed1c24;
}

section small{
	font-size:1.2em !important;
	line-height: 1.25;
}

section p{
	font-size:1.5em !important;
	/*margin:0px;
	padding:0px;*/
	line-height: 1.25;
}

section h1{
	font-size:3em !important;
	line-height: 1.25;
}

section h3{
	font-size:1.5em !important;
	line-height: 1.25;
}

section p.reveal{
	font-size:1.5em !important;
	margin:0px;
	padding:0px;
	line-height: 1.25;
}

section h1.reveal{
	margin:0px;
	padding:0px;
	font-size:4em !important;
}

section h1 > cite{
	font-family: 'Crimson Text', serif;
}
@media screen and (max-width: 767px) {
	section h1{
		font-size:2em !important;
	}
	section h1.reveal{
		font-size:3em !important;
	}
	section h3{
		font-size:1.25em !important;
	}
	section p{
		font-size:1.25em !important;
	}
	section p.reveal{
		font-size:1.25em !important;
	}
}

/*section{
	border: dotted; 1px #fff;
}*/

section.title-interview{
	/*display:none;*/
	width:100vw;
	height:100vh;
	margin:0 auto;
	text-align: left;	
}

section.title-interview > div{
	width:100vw;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:start;
	background: rgba(0,0,0,0.2);	
}

section.quotation{
	width:100%;
	min-height:100vh;
}

section.quotation > div{
	
	min-height:100vh;
}

section.quotation > div > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	margin:auto;
	max-width: 70%;
	min-height: 100vh;
}

section.question{
	width:100%;
}

.full{
	min-height: 100vh;
}

section.question  div.question-row{
	margin:auto;
	max-width: 90%;
	display: flex;
	flex-wrap: wrap;
	/*padding: 0 4px;*/
	align-items: center;
	justify-content:center;
}

div.question-row div.textover{
	width: 60%;
}

@media screen and (max-width: 991px) {
	div.question-row div.textover{
		width: 100%;
	}	
}

section.question div.question-row div.image-column{
	flex: 50%;
	max-width: 600px;
	padding: 0 1em;
}

section.question  div.question-row div.image-column > img{
	width:100%;
	margin: 1em 0;
}

section.question  div.question-row div.answer-column{
	flex: 50%;
	/*max-width: 50%;*/
	padding: 0 1em;
}

section.question  div.question-row div.single-column{
	flex: 100%;
	max-width: 100%;
	padding: 0 1em;
}

section.video{
	max-height: 100vh;
}

div.container-four img{
	border-radius:10px;
}

@media screen and (max-width: 991px) {
	/*section.title-interview > div{
		align-items:end;
	}*/
	section.question  div.question-row{
		margin:auto;
		max-width: 100%;
		padding: 0 1em;
	}
	section.question  div.question-row.reverse{
		flex-direction: column-reverse;
	}
	
	section.question  div.question-row div.image-column{
		flex: 100%;
		max-width: 600px;
	}
	section.question  div.question-row div.answer-column{
		flex: 100%;
		max-width: 100%;	
	}
	section.video{
		min-height: 100vh;
	}
}

#title-interview-chap-three{
	background: url(https://www.carel.com/documents/10191/2131559/gian-umberto-primopiano.jpg/303e5b7c-9688-4ec9-b119-dc695d99cd35?t=1678964233000);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media screen and (max-width: 991px) {
	section#title-interview-chap-three{
		background: url(https://www.carel.com/documents/10191/2131559/gian-umberto-primopiano-mobile.jpg/c6b07df5-731a-4082-8c77-394952570874?t=1679672685000);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 20%;
	}
}

#title-interview-chap-six{
	background: url(https://www.carel.com/documents/10191/2195760/catullomanfrin-primopiano.jpg/9d377b2a-30ea-484d-bebd-e985409d550f?t=1687333961000);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

@media screen and (max-width: 991px) {
	section#title-interview-chap-six{
		background: url(https://www.carel.com/documents/10191/2195760/catullomanfrin-primopiano-mobile.jpg/70941489-844b-40e7-b377-6392e1910bc4?t=1687508856000);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
}

#title-interview-chap-eight{
	background: url(https://www.carel.com/documents/10191/2218677/favarobianchi-banner.jpg/55aba555-0804-40a7-b814-3c54b61a489b?t=1690811083000);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0%;
}

@media screen and (max-width: 991px) {
	section#title-interview-chap-eight{
		background: url(https://www.carel.com/documents/10191/2218677/favarobianchi-bannermobile.jpg/3861a79b-e8e5-4382-94d7-27eda42342e5?t=1692972286000);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 0%;
	}
}

.boss-history > img{
	content:url(https://www.carel.com/documents/10191/2218677/remote-timeline.png/b7048097-978a-4f1d-b699-27696480c378?t=1692885637000);
}

@media screen and (max-width: 767px) {
	.boss-history > img{
		content:url(https://www.carel.com/documents/10191/2218677/remote-timeline-mobile.png/aca11a5f-555d-49bb-b47e-ed2870122315?t=1693209652000);
	}
}

.blackbackground{
	background: #000;
	border-radius: 10px;
	margin: 1em 0;
}
/*@media screen and (max-width: 1199px) {
	section.question  div.question-row.reverse{
		flex-direction: column-reverse;
	}
	
	section.question  div.question-row div.image-column{
		flex: 100%;
		max-width: 100%;
	}
	section.question  div.question-row div.answer-column{
		flex: 100%;
		max-width: 100%;	
	}

}*/

.grid-container{
	width:100%;
	display: grid;
	column-gap: 10px;
	row-gap: 30px;
	grid-template-columns: auto auto auto auto auto auto;
	justify-content: space-evenly;
}

.grid-item{
	padding: 6px;
	background: white;
	max-width: 250px;
	text-align: center;
	transition: all 0.5s;
	border-radius: 6px;
}
.grid-item > img{
	-webkit-filter: grayscale(1) blur(5px);
	filter: grayscale(1) blur(5px);
}

.notcensured > img{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.notcensured:hover{
	cursor: pointer;
	-o-transform: scale(1.05)!important;
	-moz-transform: scale(1.05)!important;
	-ms-transform: scale(1.05)!important;
	-webkit-transform: scale(1.05)!important;
	transform: scale(1.05)!important;
}
.notcensured:hover > *{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.censured::after{
	content: "coming soon"; /*attr(data-content);*/
	color: #fff;
	background: #ed1c24;
	position: relative;
	bottom: 50%;
	padding: 6px 10px;
	border-radius: 6px;
	margin:0px;
}

@media only screen and (max-width: 1200px) {
	.grid-container{
		grid-template-columns: auto auto auto auto;
	}
	.grid-item{
		max-width: 200px;
	}
}

@media only screen and (max-width: 576px) {
	.grid-container{
		grid-template-columns: auto auto;
	}
}


.gallery-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.gallery-column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.gallery-column img {
  margin-top: 8px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 768px) {
  .gallery-column {
    flex: 50%;
    max-width: 50%;
  }
}

@keyframes highlight {
	to {
		background-position: 0;
	}
}

mark {
	color:#fff;
	animation: highlight linear forwards;
	animation-timeline: view(60% 20%);
	background: linear-gradient(
		to right,
		rgba(255,0,0,1) 50%,
		rgba(255,0,0,0) 50%
	);
	background-position: 100%;
	background-size: 200% 100%;
	border-radius: 0.125rem;
	padding-inline: 0.125rem;
}