@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

::selection { background-color: rgb(253, 213, 63); color: rgb(0, 0, 0); }
::selection { background-color: rgb(0, 0, 0); color: rgb(253, 213, 63); }
body {}
body, html {
	-webkit-font-smoothing: antialiased;
	height: auto;
	font-size: 16px!important;
	line-height: 1.5;
	color: rgb(0, 0, 0);
	overflow-x: hidden;
	font-family: Arial, sans-serif !important;
}
* {
	outline: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
body, html {
	background-color: #FFF;
}

a {
	color: #B56F00;
}
a:hover {
	color: #9D6000;
	text-decoration: underline;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

h1, h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 3rem;
}
h1 {
	font-size: clamp(40px, 5vw, 90px);
	line-height: .8;
	color: #ff7a00;
	font-weight: 900;
}
h2 {
	font-size: 4.5rem;
	font-weight: 900;
	line-height: .8;
	color: #ff7a00;
}
h3 {
	font-size: 3rem;
	font-weight: 800;
	line-height: .8;
	margin-bottom: 3rem;
	color: #000000;
}
h4 {}
hr {
	height: 5rem;
	border: 0;
}
p {
	font-size: 1.2rem;
	margin: 1rem 0;
}
	p img {
		margin: 25px 25px 25px 0;
		display: inline-block;
		width: 150px;
	}
ul {
	display: block;
	list-style: none; /* Remove default bullets */
	padding: 0;
	margin: 0;
	margin-left: 15px;
}
	ul > li::before {
	  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	  color: #B56F00; /* Change the color */
	  font-weight: bold; /* If you want it to be bold */
	  display: inline-block; /* Needed to add space between the bullet and the text */
	  width: 1rem; /* Also needed for space (tweak if needed) */
	  margin-left: -1rem; /* Also needed for space (tweak if needed) */
	}
button,
.button {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-family: Filosofia, sans-serif;
    font-weight: bold;
    color: #fff;
    border-radius: 6rem;
    padding: 1rem 2rem;
    padding-right: 3rem;
    background-color: #ff7a00;
    border: none;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}
button::before,
.button::before {
    position: absolute;
    right: 1.7rem;
    top: 50%;
    margin-top: -4px;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 2px solid rgb(255, 255, 255);
    border-top: 2px solid rgb(255, 255, 255);
    transform: rotate(134deg);
    transition: all 0.4s ease 0s;
}
button::after,
.button::after {
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -4px;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 2px solid rgb(255, 255, 255);
    border-top: 2px solid rgb(255, 255, 255);
    transform: rotate(134deg);
    transition: all 0.4s ease 0s;
}
button:hover,
.button:hover {
    background-color: #dc6900;
    padding-left: 3rem;
    padding-right: 2rem;
    letter-spacing: 0;
    text-decoration: none;
    color: #fff;
}
button:hover::before,
.button:hover::before {
    right: 0px;
    opacity: 0;
}
button:hover::after,
.button:hover::after {
    left: 1.5rem;
    opacity: 1;
}

button.button-white,
.button.button-white {
	background: #fff;
	color: #ff7a00;
}
button.button-white::after,
.button.button-white::after {
  border-left: 2px solid #ff7a00;
  border-top: 2px solid #ff7a00;
}
button.button-white::before,
.button.button-white::before {
  border-left: 2px solid #ff7a00;
  border-top: 2px solid #ff7a00;
}
.button.button-link {
	background: none;
	color: #ff7a00;
}
.button.button-link:hover {
	background-color: #ff7a00;
	color: #fff;
}

.hamburger {
	position: relative;
	display: inline-block;
	width: 30px;
	margin-top: 27px;
	margin-right: 20px;
	float: right;
}
	.hamburger ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.hamburger li {
			position: relative;
			display: block;
			height: 3px;
			margin-bottom: 6px;
			background-color: #fff;
		}
		.hamburger li:last-child {
			margin-bottom: 0px;
		}
		.hamburger li:before {
			display: none;
		}

header {
	z-index: 99;
	position: fixed;
	width: calc(100vw - 0rem);
	top: 0;
	left: 0;
	padding: 2rem 0;
	color: #fff;
	-moz-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}
header img.logo {
	width: 300px;
  -webkit-transition: all 0.28s ease-out;
  -moz-transition: all 0.28s ease-out;
  -o-transition: all 0.28s ease-out;
  transition: all 0.28s ease-out;
}
body.header-fixed header {
	transform: translateY(-100%);
}
body.header-fixed.header-up header {
	transform: translateY(0%);
	background: rgb(0 0 0);
	/* background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #00000075 100%); */
	box-shadow: 0px 41px 60px rgb(0 0 0 / 25%);
	/* color: #000; */
	padding-top: 1rem;
	padding-bottom: 1rem;
}
body.header-fixed.header-up header a {
	/* color: #000; */
}

footer {
    position: relative;
    margin-bottom: 3rem;
    /* background: red; */
}
	footer #footer {
	}
	footer .logo {
		/* filter: saturate(0) contrast(7); */
	}
	footer .menu {
		/* color: #fff; */
		margin-bottom: 4rem;
		padding: 3rem 0;
	}
		footer .menu a {
			color: #000;
			font-weight: bold;
		}
	footer .footer-signature p {
		font-size: 1rem;
	}
	footer .footer-signature img {
		margin-bottom: 2rem;
	}


.banner {
	position: relative;
	background: rgb(0 0 0);
	/* height: 1200px; */
	height: 1048px;
	overflow: hidden;
	/* margin-bottom: -9vh; */
	-webkit-transition: all 0.28s ease-out;
	-moz-transition: all 0.28s ease-out;
	-o-transition: all 0.28s ease-out;
	transition: all 0.28s ease-out;
}
.banner .banner-bg {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.banner .banner-bg li {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background-size: cover;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}
.banner .banner-bg li.active {
	opacity: 1;
}
.banner.show-block {
	/*transform: translateY(0%);*/
}
.banner .home-block {
	transform: translateX(100%);
	opacity: 0;
	-webkit-transition: all 0.28s ease-out;
	-moz-transition: all 0.28s ease-out;
	-o-transition: all 0.28s ease-out;
	transition: all 0.28s ease-out;
}
.banner.show-block .home-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(0%);
	opacity: 1;
}
.banner:not(.show-block){
	height: 400px;
}



.banner-line {
	z-index: 9;
	position: relative;
}
.banner-line::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 5%;
    height: 20px;
    background: linear-gradient(270deg, #e06e00 21.58%, rgba(51, 31, 0, 0) 100.03%);
		transform: skewX(-10deg);
}
.banner-line::after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 20%;
	right: 10%;
	height: 20px;
	background: linear-gradient(270deg, #331F00 -5.74%, rgba(255, 125, 0, 0) 100%);
	transform: skewX(-10deg);
}



.breadcrumb {
	position: relative;
	padding: 4rem 0 0 0;
	box-shadow: 0px -70px 43px rgb(0 0 0 / 6%);
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}
.breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.breadcrumb ul li {
	position: relative;
	display: inline-block;
	margin-right: 2rem;
	padding-left: 2rem;
	/* left: -4rem; */
}
.breadcrumb ul li::before {
		content: '';
		position: absolute;
		left: 1rem;
		top: 50%;
		margin-top: -4px;
		content: "";
		width: 7px;
		height: 7px;
		border-left: 2px solid rgb(0, 0, 0);
		border-top: 2px solid rgb(0, 0, 0);
		transform: rotate(134deg);
		transition: all 0.4s ease 0s;
}
.breadcrumb ul li::after {
		content: '';
		opacity: 0;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -4px;
		content: "";
		width: 7px;
		height: 7px;
		border-left: 2px solid rgb(0 0 0);
		border-top: 2px solid rgb(0 0 0);
		transform: rotate(134deg);
		transition: all 0.4s ease 0s;
}
.breadcrumb ul li a {
	padding-right: 0rem;
	padding-left: 1rem;
}
.breadcrumb ul li a::before {
	opacity: 0;
}


.wrapper {
	position: relative;
	padding: 5rem 0 7rem 0;
}
	.wrapper:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 40vh;
	}

.call-button-mobile {
	z-index: 99;
	position: fixed;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
}
	.call-button-mobile .call {
		display: block;
		text-align: center;
		margin: 8px;
		font-size: 1.4rem;
		font-weight: 900;
		background-color: #000;
	}


ul.menu {
	padding: 2rem 0 1rem;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}
	ul.menu li {
		display: inline-block;
		font-weight: bold;
		margin-left: 3rem;
		margin-right: .3rem;
	}
		ul.menu li:before {
			display: none;
		}
		ul.menu a {
			font-size: 1.2rem;
			color: #fff;
			font-weight: bold;
		}

ul.files {margin-top: 2rem;}
	ul.files li {
		margin: 10px 0;
	}
		ul.files li:before {
			color: transparent;
			background: transparent url('../images/fi-rr-document.png') center center no-repeat;
			background-size: 24px;
			background-position: left;
			padding-left: 30px;
		}

.overlay {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	text-align: center;
	color: #fff;
	transform: translateY(-110%);
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}
.overlay h3 {
	color: #dc6900;
}
body.menu-open .overlay {
	transform: translateY(0%);
}
.overlay .close {
	text-align: center;
	color: #dc6900;
	display: block;
	font-size: 4rem;
	margin-top: 2rem;
}
	.overlay .close ul {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 0;
		margin-left: -15px;
		padding: 0;
		list-style: none;
		transform: rotate(45deg);;
	}
		.overlay .close li {
			position: absolute;
			display: block;
			height: 5px;
			width: 30px;
			padding: 0px;
			background-color: #dc6900;
			/* transform: rotate(-45deg); */
		}
		.overlay .close li:last-child {
			transform: rotate(90deg);
		}
		.overlay .close li:before {
			display: none;
		}
.overlay .menu-buttons {
	list-style: none;
}
	.overlay .menu-buttons li,
	.overlay .menu-buttons li > a {
		text-align: center;
		padding: 1rem 0;
		font-size: 3rem;
		color: #fff;
		font-weight: 900;
		font-style: italic;
	}
	.overlay .menu-buttons li:before {
		display: none;
	}

ul.timeline {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}
	ul.timeline > li {
		position: relative;
		display: block;
		padding-left: 9rem;
		padding-bottom: 3rem;
	}
	ul.timeline > li::before {
		position: absolute;
		margin-left: 0px;
		left: 6rem;
		top: 7px;
		width: .7em;
		height: .7em;
		color: transparent;
		background: #B56F00;
		border-radius: 5rem;
	}
	ul.timeline > li::after {
		position: absolute;
		content: '';
		left: 6.1rem;
		top: 1.5rem;
		bottom: -2px;
		width: .5rem;
		background-color: #F2F2F2;
		border-radius: 20px;
	}
	ul.timeline > li:last-child::after {
		display: none;
	}
		ul.timeline > li span {
			position: absolute;
			display: inline-block;
			left: 0rem;
			top: -7px;
			font-weight: bold;
			font-size: 1.6rem;
		}
		ul.timeline > li h2 {
			margin: 0;
			margin-top: -1rem;
		}
			ul.timeline > li p {
				margin: 0;
				padding: 0 0 1rem 0;
			}

ul.accordion {
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul.accordion > li {
		position: relative;
		display: block;
		-webkit-transition: all 0.18s ease-out;
		-moz-transition: all 0.18s ease-out;
		-o-transition: all 0.18s ease-out;
		transition: all 0.18s ease-out;
	}
	ul.accordion > li.open {
		padding-bottom: 3rem;
	}
	ul.accordion > li::before {
		display: none;
	}
	ul.accordion > li h2 {
		font-weight: 900;
		color: #B56F00;
		margin: 0;
		padding: .5rem 0;
		border-top: 1px dashed #e2e2e2;
	}
		ul.accordion > li h2::before {
			content: '';
			position: relative;
			display: inline-block;
			width: 1rem;
			height: 23px;
			background: transparent url(../images/arrow-right.png) left top no-repeat;
			background-size: contain;
		}
	ul.accordion > li h2 a {
		margin-left: 1rem;
	}
		ul.accordion > li > h2 > a > span {
			color: red;
		}
	ul.accordion > li > div {
		height: 0;
		padding-left: 3.44rem;
		overflow: hidden;
		-webkit-transition: all 0.18s ease-out;
		-moz-transition: all 0.18s ease-out;
		-o-transition: all 0.18s ease-out;
		transition: all 0.18s ease-out;
	}
	ul.accordion > li.open > div {
		height: auto;
		margin-top: 1rem;
	}
		ul.accordion > li.open > div h3 {
			margin: 0;
		}
		ul.accordion > li.open > div .splide {
			margin: 0;
			margin-top: 50px;
		}
		ul.accordion > li.open blockquote {
			margin: 0;
			margin-top: 50px;
		}



.call {
	background-color: #FF7A00;
	padding: .7rem 1.5rem;
	color: #fff;
	font-weight: bold;
	border-radius: 5rem;
}



body.header-fixed header img.logo {
	/* width: 200px; */
}
body.header-fixed header ul.menu {
    padding: 1em 0 0em;
}



/*
* HOME
*/
.home-intro {
	position: absolute;
	width: 100%;
	max-width: 1280px;
	left: calc(50% + 100px);
	bottom: 0;
	margin: 0 -100px;
	/* margin-top: 500px; */
	background-color: #fff;
	transform: skewX(-10deg) translateX(-50%);
	box-shadow: 0px 41px 60px rgba(0, 0, 0, 0.25);
	-webkit-transition: all 0.28s ease-out;
	-moz-transition: all 0.28s ease-out;
	-o-transition: all 0.28s ease-out;
	transition: all 0.28s ease-out;
}
.home-intro .home-intro-text {
	padding: 100px;
	padding-left: 150px;
	transform: skewX(10deg);
}
.home-intro .home-intro-text .button {
	margin-top: 1rem;
}
.home-intro .home-intro-image {
	position: relative;
	background-color: #111;
	overflow: hidden;
}
.home-intro .home-intro-image > span {
	display: block;
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: -50px;
	transform: skewX(10deg);
	background-size: cover;
	background-position: center center;
}

/*
* LISTE VERTICALE
*/
.list-vertical {
	margin-top: 5rem;
	margin-bottom: 4rem;
}
.list-vertical.small-margin {
	margin: 1rem 0;
}
.list-vertical li::before {
  display: none;
}
	.list-vertical .list-vertical-image {
		position: relative;
		height: 500px;
		background-color: #ebebeb;
		transform: skewX(-10deg);
		overflow: hidden;
	}
	.list-vertical .list-vertical-image > span {
		display: block;
		position: absolute;
		top: 0;
		right: -50px;
		bottom: 0;
		left: -50px;
		height: calc(100% * 1.3);
		transform: skewX(10deg);
		background-size: 130%;
		background-position: center 223%;
		background-repeat: no-repeat;
	}
.list-vertical li {
	
}
.list-vertical li .button {
	margin-top: 1rem;
}
	.list-vertical li:nth-child(odd) .list-vertical-text {
		padding-right: 7rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.list-vertical li:nth-child(even) .list-vertical-text {
		padding-left: 7rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

/*
* LISTE COLUMN
*/
.list-column {
	position: relative;
	margin-top: 4rem;
	margin-bottom: 7rem;
}
.list-column li {

}
.list-column li:last-child {
	margin-bottom: 0!important;
}
.list-column li:before {
	display: none;
}
.list-column li > div{
	position: relative;
	background-color: #8c8c8c;
	transform: skewX(-10deg);
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
	overflow: hidden;
}
.list-column li > div > span {
	display: block;
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: -50px;
	transform: skewX(10deg);
	background-size: cover;
	background-position: center center;
}
.list-column li > div > span:after {
	z-index: 9;
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: -50px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 0%) 100%);
}
.list-column li > div:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60%;
	background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.list-column li > div::before {
  display: none;
}
.list-column li:nth-child(3n+2) > div {
  top: 40px;
}
.list-column li:nth-child(3n+3) > div {
  top: -40px;
  left: 20px;
}
.list-column li .list-column-link {
	padding: 0;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}
	.list-column li .list-column-text {
		z-index: 2;
		position: relative;
		transform: skewX(10deg);
		padding: 300px 70px 50px 40px;
		color: #fff;
		-webkit-transition: all 0.18s ease-out;
		-moz-transition: all 0.18s ease-out;
		-o-transition: all 0.18s ease-out;
		transition: all 0.18s ease-out;
	}
	.list-column li .list-column-link:hover .list-column-text {
		transform: skewX(10deg) translateY(-.5rem);
	}
	.list-column li .list-column-text h3 {
		color: #fff;
		margin-bottom: 1.5rem;
	}

/*
* LISTE COLUMN LINE
*/
.list-column-line {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.list-column-line li {
	position: relative;
}
.list-column-line li::before {
  display: none;
}
.list-column-line li:nth-child(2n+0) {
}
.list-column-line li:nth-child(3n+0) {
}
	.list-column-line .list-column-line-text {
		padding: 300px 70px 50px 40px;
		color: #fff;
	}
	.list-column-line .list-column-line-text h3 {
		color: #fff;
	}

/*
* LIST TEXT
*/
.list-column-text {

}
.list-column-text li {
	position: relative;
	padding-right: 5rem;
	margin-bottom: 3rem;
}
.list-column-text li::before {
    position: absolute;
    left: 0.7rem;
    top: 19px;
    margin-top: -4px;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 2px solid rgb(0 0 0);
    border-top: 2px solid rgb(0 0 0);
    transform: rotate(134deg);
    transition: all 0.4s ease 0s;
}
.list-column-text li::after {
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -4px;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 2px solid rgb(255, 255, 255);
    border-top: 2px solid rgb(255, 255, 255);
    transform: rotate(134deg);
    transition: all 0.4s ease 0s;
}

.button-with-list {
	margin-top: -2rem;
	margin-bottom: 3rem!important;
}

/*
* BOX ORANGE
*/
.box-orange {
	position: relative;
	background-color: #ff7a00;
	transform: skewX(-10deg);
	left: -6rem;
	color: #fff;
	padding-top: 2rem;
	overflow: hidden;
}
.box-orange::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	right: 25%;
	height: 20px;
	background: linear-gradient(270deg, #e06e00 21.58%, rgba(51, 31, 0, 0) 100.03%);
}
	.box-orange .box-orange-text {
		padding: 6rem 0;
		padding-left: 6rem;
		transform: skewX(10deg);
	}
		.box-orange .box-orange-text h3 {
			color: #fff;
		}
		.box-orange .box-orange-text .button {
			margin-top: 1rem;
		}
	.box-orange .box-orange-image {
		height: 100%;
		width: 100%;
		background-color: #111;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

/*
* BOX GRAY
*/
.box-gray {
	background: #F8F8F8;
	padding: 5rem;
	margin: 0 -5rem;
}
.box-gray .uk-grid > .uk-width-1-2.uk-first-column {
	border-right: 1px dashed #999;
}
	.box-gray h4 {
    margin-bottom: 1rem;
	}
	.box-gray ul {
		margin-left: 0;
	}
		.box-gray ul li {
			padding-left: 1rem;
			margin-top: .5rem!important;
		}

.languages {
	display: block;
	margin: 2rem 0;
	padding: 0;
}
	.languages li:before {
		display: none;
	}
	.languages li {
		display: inline-block;
		color: #fff;
		font-size: 2rem;
	}
		.languages li > a {
			color: #fff;
			font-size: 1.5rem;
			margin: 0 .3rem;
			font-style: italic;
			font-weight: 600;
		}
	.languages li.current {
	}
		.languages li.current a {
			color: #dc6900;
		}
.languages.languages-float {
	display: inline-block;
	margin: 0;
}
	.languages.languages-float li > a {
		color: #fff;
		font-size: 1rem;
		margin-right: .6rem;
		font-style: italic;
		font-weight: 600;
	}
	.languages.languages-float li.current {
	}
		.languages.languages-float li.current a {
			color: #dc6900;
		}

.news {
	margin-bottom: 6rem!important;
}
	.news .news-skew {
		margin: 0 -50px;
		background-color: #ff7a00;
		transform: skewX(-10deg);
	}
		.news .news-skew .news-unskew {
			transform: skewX(10deg);
			color: #fff;
			padding: 4rem 4rem 3rem 4rem;
		}
		.news .news-skew .news-unskew h3 {
			color: #fff;
			margin-bottom: -1rem;
			font-size: 1.2rem;
			text-transform: uppercase;
		}
		.news .news-skew .news-unskew h2 {
			color: #fff;
			margin-bottom: 1rem;
		}
		.news .news-skew .news-unskew::before {
		    content: '';
		    position: absolute;
		    bottom: -20px;
		    left: 10%;
		    right: 6%;
		    height: 20px;
		    background: linear-gradient(270deg, #e06e00 21.58%, rgba(51, 31, 0, 0) 100.03%);
		    transform: skewX(-10deg);
		}
		.news .news-skew .news-unskew::after {
			opacity: 0;
			content: '';
			position: absolute;
			top: -20px;
			width: 30%;
			right: 0;
			height: 20px;
			background: linear-gradient(270deg, #ff7a00 -5.74%, rgba(255, 125, 0, 0) 100%);
			transform: skewX(-10deg);
		}

/*
* CUSTOM SLIDER
*/
.splide {
	background: #E1E1E1;
	margin: 0 -50px;
	margin-top: 50px;
}
.splide__list {

}
.splide__list li:before {
	display: none;
}
	.splide__slide {
		min-height: 540px;
	}
.splide__arrow {
	background: #fff;
	padding: 10px;
	width: 3rem;
  	height: 3rem;
}
	.splide__arrows .splide__arrow--prev {
	    left: 3rem;
	}
	.splide__arrows .splide__arrow--next {
	    right: 3rem;
	}
.splide__pagination li:before {
	display: none;
}

.transition-fade {
  transition: 0.2s;
  opacity: 1;
  transform: translateX(0px);
}
html.is-animating .transition-fade {
  opacity: 0;
  transform: translateX(-50px);
}


#apropos .list-vertical .list-vertical-image > span {
	background-position: center center;
	background-repeat: no-repeat;
	transform: translateY(-70px);
}

@media only screen and (min-width: 1900px) {
	ul.banner-bgs li.title-text {
		background-size: 80%;
	}
}
@media only screen and (max-width: 1900px) {
	ul.banner-bgs li.title-text {
		background-size: auto;
	}
}
@media only screen and (max-width: 1400px) {
    
}
@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 959px) {
	body, html {
		font-size: 12px!important;
	}
	hr {
	    height: 1rem;
	    padding: 0;
	    margin: 0;
	}
	h1 {
	  /* font-size: 4rem; */
	  margin-bottom: 3rem;
	}
	h2 {
		margin-bottom: 2rem;
	}
	h3 {
		margin-bottom: 1rem;
	}
	.wrapper {
	    padding: 2rem 0 2rem 0;
	}
	.banner {
		height: 570px;
	}
	.banner:not(.show-block) {
	    height: 200px;
	}

	.home-intro {
		transform: skew(0) translate(0);
		left: 0;
		margin: 0;
	}
	.home-intro .home-intro-text {
	    padding: 45px;
	    padding-left: 50px;
	    transform: skew(0);
	}

	.breadcrumb ul li a {
	    padding-left: 0rem;
	    padding-right: 0rem;
	}

	.box-gray {
	    padding: 3rem 3rem;
	    margin: 0rem -3rem;
	}

  	.list-column {
	    margin-top: 4rem;
	    margin-bottom: 4rem;
	}
  	.list-column li {
  		margin: 0 0 3rem 0!important;
  	}
	.list-column li:nth-child(3n+2) > div {
	    top: 0px;
	}
  	.list-column li:nth-child(3n+3) > div {
		top: 0px;
		left: 0px;
	}
	.list-column li .list-column-text {
		padding: 50px 70px 50px 40px;
	}
	.list-column-text li {
		padding-right: 2rem;
		padding-left: 4rem;
	}
	.list-column-text li::before {
		left: 2.5rem;
		top: 14px;
	}
	.list-column li > div {
		background: transparent;
	}
	.list-column li > div > span {
		display: none;
	}
	.list-column li .list-column-text {
		color: #000;
		padding: 0px 30px 0px 30px;
	}
	.list-column li .list-column-text h3 {
		color: #000;
		margin-bottom: 2rem;
	}
	.list-column li .list-column-link {
	    padding: 1rem 0;
	}
	.list-column li .list-column-link:hover .list-column-text {
		transform: skewX(10deg) translateY(0em);
	}

	.list-vertical {
	    margin-top: 4rem;
	    margin-bottom: 4rem;
	}
	.list-vertical li {
		margin-bottom: 3rem;
	}
	.list-vertical .list-vertical-image {
		height: 350px;
	}
	.list-vertical li:nth-child(odd) .list-vertical-text {
		padding: 0 30px;
	}
	.list-vertical li:nth-child(even) .list-vertical-text {
		padding: 0 30px;
	}


}
@media only screen and (max-width: 690px) {

	header {
		background-color: #000;
	}
	h1 {
	    margin-bottom: 2rem;
	}
	header img.logo {
		width: 200px;
	}
	body.header-fixed header img.logo {
	    width: 200px;
	}

	.home-intro .home-intro-text {
	}
    
	.box-orange {
		width: 116vw;
		padding: 0rem 0px;
	}
	.banner {
	    height: 490px;
	}
	.banner:not(.show-block) {
	    height: 105px;
	}
	
}