/* HEADER */
header.header:not(.header-fixed){
	background: transparent !important;
}

header.header:not(.header-fixed) .navbar-brand svg path,
header.header:not(.header-fixed) .navbar-brand svg polygon{
	fill: #FFF;
}

header.header:not(.header-fixed) .navbar-nav .nav-item .nav-link{
	color: #FFF;
}

header.header:not(.header-fixed) .open-menu img{
	filter: brightness(100);
}

header.header:not(.header-fixed) .languages .trp-shortcode-overlay:not(.is-open) .trp-language-item-name{
	color: #FFF;
}



/* VIDEO HOME */
.video-home{
	display: flex;
	justify-content: center;
	width: 100%;
	max-height: 100vh;
	max-height: 100dvh;
	overflow: hidden;
	position: relative;
}

.video-home::after{
	content: "";
	display: block;
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}

.video-home .text-video{
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) scale(1);
}

.video-home .text-video h1{
	color: #fff;
	display: none;
}

.video-home .text-video h1 span{
	opacity: 1;
	transform: translateY(0);
	transform-origin: top;
	display: block;
	animation: fadeInUp .6s alternate both;
}

@keyframes fadeInUp {
	0%	 { opacity: 0; transform: translateY(10px) scale(0.5); }
	40% { opacity: 1; transform: translateY(0) scale(1.2); }
	100% { opacity: 1; transform: translateY(0) scale(1); }
}

.video-home .text-video h1 span:nth-child(1)	{animation-delay: 1.1s;}
.video-home .text-video h1 span:nth-child(2)	{animation-delay: 1.15s;}
.video-home .text-video h1 span:nth-child(3)	{animation-delay: 1.2s;}
.video-home .text-video h1 span:nth-child(4)	{animation-delay: 1.25s;}
.video-home .text-video h1 span:nth-child(5)	{animation-delay: 1.3s;}
.video-home .text-video h1 span:nth-child(6)	{animation-delay: 1.35s;}
.video-home .text-video h1 span:nth-child(7)	{animation-delay: 1.4s;}
.video-home .text-video h1 span:nth-child(8)	{animation-delay: 1.45s;}
.video-home .text-video h1 span:nth-child(9)	{animation-delay: 1.5s;}
.video-home .text-video h1 span:nth-child(10)	{animation-delay: 1.55s;}
.video-home .text-video h1 span:nth-child(11)	{animation-delay: 1.6s;}
.video-home .text-video h1 span:nth-child(12)	{animation-delay: 1.65s;}
.video-home .text-video h1 span:nth-child(13)	{animation-delay: 1.7s;}
.video-home .text-video h1 span:nth-child(14)	{animation-delay: 1.75s;}
.video-home .text-video h1 span:nth-child(15)	{animation-delay: 1.8s;}
.video-home .text-video h1 span:nth-child(16)	{animation-delay: 1.85s;}
.video-home .text-video h1 span:nth-child(17)	{animation-delay: 1.9s;}
.video-home .text-video h1 span:nth-child(18)	{animation-delay: 1.95s;}
.video-home .text-video h1 span:nth-child(19)	{animation-delay: 2s;}
.video-home .text-video h1 span:nth-child(20)	{animation-delay: 2.05s;}
.video-home .text-video h1 span:nth-child(21)	{animation-delay: 2.1s;}
.video-home .text-video h1 span:nth-child(22)	{animation-delay: 2.15s;}
.video-home .text-video h1 span:nth-child(23)	{animation-delay: 2.2s;}
.video-home .text-video h1 span:nth-child(24)	{animation-delay: 2.25s;}
.video-home .text-video h1 span:nth-child(25)	{animation-delay: 2.3s;}
.video-home .text-video h1 span:nth-child(26)	{animation-delay: 2.35s;}
.video-home .text-video h1 span:nth-child(27)	{animation-delay: 2.4s;}
.video-home .text-video h1 span:nth-child(28)	{animation-delay: 2.45s;}
.video-home .text-video h1 span:nth-child(29)	{animation-delay: 2.5s;}
.video-home .text-video h1 span:nth-child(30)	{animation-delay: 2.55s;}
.video-home .text-video h1 span:nth-child(31)	{animation-delay: 2.6s;}
.video-home .text-video h1 span:nth-child(32)	{animation-delay: 2.65s;}
.video-home .text-video h1 span:nth-child(33)	{animation-delay: 2.7s;}
.video-home .text-video h1 span:nth-child(34)	{animation-delay: 2.75s;}
.video-home .text-video h1 span:nth-child(35)	{animation-delay: 2.8s;}
.video-home .text-video h1 span:nth-child(36)	{animation-delay: 2.85s;}
.video-home .text-video h1 span:nth-child(37)	{animation-delay: 2.9s;}
.video-home .text-video h1 span:nth-child(38)	{animation-delay: 2.95s;}
.video-home .text-video h1 span:nth-child(39)	{animation-delay: 3s;}
.video-home .text-video h1 span:nth-child(40)	{animation-delay: 3.05s;}
.video-home .text-video h1 span:nth-child(41)	{animation-delay: 3.1s;}
.video-home .text-video h1 span:nth-child(42)	{animation-delay: 3.15s;}
.video-home .text-video h1 span:nth-child(43)	{animation-delay: 3.2s;}
.video-home .text-video h1 span:nth-child(44)	{animation-delay: 3.25s;}
.video-home .text-video h1 span:nth-child(45)	{animation-delay: 3.3s;}
.video-home .text-video h1 span:nth-child(46)	{animation-delay: 3.35s;}
.video-home .text-video h1 span:nth-child(47)	{animation-delay: 3.4s;}
.video-home .text-video h1 span:nth-child(48)	{animation-delay: 3.45s;}
.video-home .text-video h1 span:nth-child(49)	{animation-delay: 3.5s;}
.video-home .text-video h1 span:nth-child(50)	{animation-delay: 3.55s;}
.video-home .text-video h1 span:nth-child(51)	{animation-delay: 3.6s;}
.video-home .text-video h1 span:nth-child(52)	{animation-delay: 3.65s;}
.video-home .text-video h1 span:nth-child(53)	{animation-delay: 3.7s;}
.video-home .text-video h1 span:nth-child(54)	{animation-delay: 3.75s;}
.video-home .text-video h1 span:nth-child(55)	{animation-delay: 3.8s;}
.video-home .text-video h1 span:nth-child(56)	{animation-delay: 3.85s;}
.video-home .text-video h1 span:nth-child(57)	{animation-delay: 3.9s;}
.video-home .text-video h1 span:nth-child(58)	{animation-delay: 4s;}
.video-home .text-video h1 span:nth-child(59)	{animation-delay: 4.05s;}
.video-home .text-video h1 span:nth-child(60)	{animation-delay: 4.1s;}
.video-home .text-video h1 span:nth-child(61)	{animation-delay: 4.15s;}
.video-home .text-video h1 span:nth-child(62)	{animation-delay: 4.2s;}
.video-home .text-video h1 span:nth-child(63)	{animation-delay: 4.25s;}
.video-home .text-video h1 span:nth-child(64)	{animation-delay: 4.3s;}
.video-home .text-video h1 span:nth-child(65)	{animation-delay: 4.35s;}
.video-home .text-video h1 span:nth-child(66)	{animation-delay: 4.4s;}
.video-home .text-video h1 span:nth-child(67)	{animation-delay: 4.45s;}
.video-home .text-video h1 span:nth-child(68)	{animation-delay: 4.5s;}
.video-home .text-video h1 span:nth-child(69)	{animation-delay: 4.55s;}


.video-home video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 576px){
	.video-home .text-video h1{
		font-size: 26px;
		line-height: 36px;
	}
}

@media (max-width: 768px){
	.video-home .text-video h1 .space{
		padding: 0 .25rem;
	}
	
	.video-home video{
		width: auto;
		height: 500px;
	}	
}

@media (min-width: 576px) and (max-width: 768px){
	.video-home .text-video h1{
		font-size: 30px;
		line-height: 40px;
	}
}

@media (min-width: 768px) and (max-width: 1200px){
	.video-home video{
		width: 100%;
		height: auto;
	}

	.video-home .text-video h1{
		font-size: 30px;
		line-height: 40px;
		text-align: center;
	}

	.video-home .text-video h1 .space{
		padding: 0 .35rem;
	}
}

@media (min-width: 992px){
	.video-home .text-video h1 .space{
		padding: 0 .4rem;
	}

	.video-home .scroll-video{
		position: absolute;
		z-index: 10;
		left: calc(50% - 14px);
		bottom: 2rem;
	}
	
	.video-home .scroll-video svg{
		width: 28px;
		height: auto;
	}
	
	.video-home .scroll-video svg .scroll{
		animation: scrollVideo 1.5s ease-in-out infinite;
	}
}

@media (min-width: 1200px){
	.video-home .text-video h1{
		font-size: 37px;
		line-height: 47px;
		text-align: center;
	}

	.video-home video{
		width: 100%;
		height: auto;
	}
}

@keyframes scrollVideo{
	0%	 { transform: translateY(0); }
	50% { transform: translateY(15px); }
	100% { transform: translateY(0); }
}



/* OUR PRODUCTS */
.our-products{
	background: url('../img/home/icone-corte-green.svg') no-repeat left bottom #46b28a;
}

.our-products h2, .our-products p{
	color: #FFF;
}

@media (max-width: 576px){
	.our-products{
		background-size: 70% auto;
	}
}

@media (min-width: 576px) and (max-width: 992px){
	.our-products{
		background-size: 60% auto;
	}
}

@media (min-width: 992px){
	.our-products{
		background-size: auto calc(100% - 1.5rem);
	}
}



/* MATSU CHEMICALS */
.matsu-chemicals{
	background: url('../img/home/icone-corte-blue.svg') no-repeat left bottom #1c4e89;
}

.matsu-chemicals h2, .matsu-chemicals p{
	color: #FFF;
}

@media (max-width: 576px){
	.matsu-chemicals{
		background-size: 70% auto;
	}
}

@media (min-width: 576px) and (max-width: 992px){
	.matsu-chemicals{
		background-size: 60% auto;
	}
}

@media (min-width: 992px){
	.matsu-chemicals{
		background-size: auto calc(100% - 1.5rem);
	}
}


/* IMAGES HOME */
@media (max-width: 576px){
	.img-home{
		width: 50%;
	}
}