@charset "UTF-8";
/********************************************************************************************* Page Terrazzo finitions **********************************************************************************/		
.page_finitions{
	display:block;
	width:100%;
	margin: 0 auto;
	padding:0;
    padding-bottom: 4rem;
	text-align:center;
	color:#444343;
	font-size:2rem;
	background-color:#FFF;
}
.page_finitions .introd_finitions{
	display: block;
	width:100%;
	height:auto;
	margin:0;
	padding:0 2rem;
	background-color:#f0eff4;
	border:1px solid #f0eff4 
}
.page_finitions .introd_finitions h1{
	height:auto;
	margin: 0;
	margin-top:6rem;
	padding:0;
	text-align: left;
	font-size:4rem;
	font-weight:500;
}
.page_finitions .introd_finitions h1 span{
	font-weight: normal;
	font-size:1.8rem;
}
.page_finitions .introd_finitions p{
	width:70%;
	height:auto;
	margin: 0;
	margin-top:1rem;
	padding:0;
    padding-bottom: 1rem;
	text-align: left;
	font-size:1.8rem;
	font-weight:normal;
}
.page_finitions .video_finitions{
	display: block;
	width:100%;
	height:auto;
	margin:0;
	padding:0 2rem;
	background-color:#f0eff4;
}
.page_finitions .video_finitions > div{ 
	position:relative;
}
.page_finitions .video_finitions .hoverinfo{ 
	position: absolute;
	left:0;
	bottom:0;
	margin:0;
	padding:0;
	text-align:left;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	align-content: flex-end;
	z-index:3;
	cursor:pointer;
}
.page_finitions .video_finitions .TrTooltip{
    display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	position: absolute;
	bottom:1rem;
	left:0;
	right: auto;
	width:auto;
	margin:0 1rem;
	padding: 1.5rem;
	font-size:1.8rem;
	line-height:normal;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	border: none;  
	color:#FFF;
	background:#262626;
	z-index:4;
    opacity: 0;
	transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-0-transition: opacity 0.4s linear;
}
.page_finitions .video_finitions .TrTooltip h2{
	font-size:1.8rem;
	font-weight:500;
	text-align:left;
}
.page_finitions .video_finitions .TrTooltip p{
	text-align:left;
    font-style: italic;
	font-size:1.4rem;
}
.page_finitions .video_finitions .TrTooltip a{
   text-decoration:underline;
}
.page_finitions .video_finitions .hoverinfo img{
    opacity: 1;
	transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-0-transition: opacity 0.4s linear;
}
.page_finitions .video_finitions > div:hover > .hoverinfo img{
    opacity: 0;
}
.page_finitions .video_finitions > div:hover .TrTooltip{
	opacity: 0.8;
}
.page_finitions .type_finitions{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	width:85%;
	height:auto;
	margin:0 auto;
	margin-top:4rem;
	padding:0;
	text-align:left;
	column-gap:6rem;
}
.page_finitions .type_finitions div{
	flex: 1;
}
.page_finitions .type_finitions h2{
	margin-top: 1.5rem;
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	column-gap:1rem;
    font-weight: 400;
}
.page_finitions .type_finitions h2 img{
	width: 25px;
    height: auto;
}
.page_finitions .type_finitions p{
	margin-top: 1rem;
}