:root {
  --primary-color: #EF7D00;
  --dark-color: #171C26;
  --border-radius: 20px;
}

body,
html {
	width:100%;
	height:100%;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height:25px;

}

h1 {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-size: 80px;
	line-height: 85px;
	font-weight: 700;
}
h2 {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-size: 60px;
	line-height: 64px;
}
h3 {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 44px;
}

@media only screen and (max-width: 1300px) {
	h1 {
		font-size: 60px;
		line-height: 65px;
	}
	h2 {
		font-size: 40px;
		line-height: 44px;
	}
	h3 {
		font-size: 30px;
		line-height: 34px;
	}
}

.img-background {
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 100%;
}

.mobile {
	display:none;
}
.desktop {
	display:block;
}
@media only screen and (max-width: 992px) {
	.mobile {
		display:block;
	}
	.desktop {
		display:none;
	}
}
@media only screen and (max-width: 768px) {
	.container-fluid {
		padding:0 1%;
	}
}

a {
	text-decoration:none;
	color: var(--dark-color);
}

.main-padding {
	padding:10%;
}


#header {
	padding: 10px 15px;
	background-color:#FFFFFF;

	&.is-sticky {
		box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
	}

	.navbar-brand {
		margin-right:150px;
		img {
			height:30px;
		}
	}
	.navbar-nav {
		.nav-link {
			color:var(--dark-color);
			margin:0 20px;
			font-weight: 500;
			font-size: 16px;
			line-height: 25px;
			transition: all 0.3s ease;
			font-weight: 700;
		}
		.nav-link.active,
		.nav-link:hover {
			color: var(--primary-color);
		}
	}
	.btnconall {
		padding: 6px 10px;
		border-radius:10px;
	}
	.navbar-toggler {
		border:none;
	}
	.navbar-collapse {
	}


	@media only screen and (max-width: 1300px) {
		.navbar-brand {
			margin-right: 50px;
			img {
				height:25px;
			}
		}
		.navbar-nav {
			.nav-link {
				margin:0 6px;
			}
		}
	}

	@media only screen and (max-width: 1024px) {
		.navbar-brand {
			margin-right:20px;
			img {
				height:20px;
			}
		}
		.navbar-nav {
			.nav-link {
				margin:0 3px;
			}
		}
	}

	@media only screen and (max-width: 992px) {
		.navbar-right {
			display:none;
		}

		.navbar-collapse {
			height:100vh;
			background-repeat:no-repeat;
			background-position: center center;
			background-size: cover;
			background-image: url('img/menu-background.jpg');
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;

			.navbar-toggler {
				float:right;
			}

			.wrapper {
				display:flex;
				width: 100%;
				height:100%;
				vertical-align: middle;
				color: #FFFFFF;
				display: flex;
				flex-direction: column;
				justify-content: center;

				.navbar-nav {
					width:100%;
					text-align:center;
					padding-bottom:20%;
				}

				a {
					text-transform: uppercase;
					font-size: 40px;
					line-height: 45px;
					font-family: "Oswald", sans-serif;
					color:#FFFFFF;
				}

				.menumobile-logo {
					max-width:200px;
					display: inline-block;
					margin-left: auto;
					margin-right: auto;
				}
			}
		}
	}
}
#wrapper {
	min-height:100%;
}
#main {
	min-height:100%;
}

.primary {
	color: var(--primary-color);
}

.rounded {
	border-radius: var(--border-radius) !important;
}

.page-hero-title {
	padding:150px 0;
}

.dc-slider {
	width:100%;
	height:60%;

	.splide__track {
		border-radius: var(--border-radius);
	}
	.splide__arrows {
		display:none;
	}
	.splide__pagination {
		justify-content: end;
	}
	.splide__pagination__page {
		opacity: 1;
		border: 1px solid var(--primary-color);
		background: transparent;
	}
	.splide__pagination__page.is-active {
		background: var(--primary-color);
		opacity: 1;
	}

	&.slider-boxtop {
		.splide__pagination {
			bottom: 285px;
		}
	}

	.slide-wrapper {
		position: relative;

		.slide-image {
			width: 100%;
			position:relative;

			.overlay {
				position:absolute;
				width:100%;
				height:100%;
				background:rgba(0, 0, 0, 0.6);
			}

			.image {
				width: 100%;
			}
		}
		.slide-content {
			position:absolute;
			top: 0;
			width: 100%;
			height: 100%;
			vertical-align: middle;
			color: #FFFFFF;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding:10%;

			.slide-titolo {
				font-family: "Oswald", sans-serif;
				text-transform: uppercase;
				font-size: 80px;
				line-height: 85px;
				padding-bottom: 30px;
			}

			.slide-descrizione {
				width:100%;
				max-width:700px;
			}
			.slide-button {
				padding-top:24px;
			}
		}
	}

	.boxtop {
		z-index:30;
		width:600px;
		height:270px;
		background:#FFFFFF;
		position: absolute;
		bottom: 0;
		right: 0;
		border-top-left-radius: var(--border-radius);
        padding: 10px 0 0 10px;

		.content {
			background: linear-gradient(90deg, #EF7D00 0%, #A81E1C 100%);
			border-bottom-right-radius: var(--border-radius);
			border-top-left-radius: 14px;
			height:100%;
			width:100%;
			padding:40px;
			color:#FFFFFF;
			position:relative;

			.pulsante {
				position:absolute;
				bottom:40px;
			}
		}

	}
}
@media only screen and (max-width: 1600px) {
	.dc-slider {
		.boxtop {
			display:none;
		}

		&.slider-boxtop {
			.splide__pagination {
				bottom: .5em;
			}
		}
	}
}
@media only screen and (max-width: 1300px) {
	.dc-slider {
		.slide-wrapper {
        	.slide-content {
        	    .slide-titolo {
					font-size: 40px;
					line-height: 45px;
				}
			}
		}
	}
}
@media only screen and (max-width: 768px) {
	.dc-slider {
		.slide-wrapper {
        	.slide-content {
        		justify-content: start;
        	}

        	.slide-button {
        		position:absolute;
        		bottom:10%;
        	}
		}
	}
}




.dc-herotext {
	height: 800px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;

	.wrapper {
		width:50%;
		margin:auto;
		text-align:center;

		.testo {
			font-size: 40px;
			font-weight:600;
			line-height: 50px;
			background:#FFFFFF;
			padding: 4px;
		}

		.sottotitolo {
			margin-top: 24px;
		}

		.image {
			width:100%;
			height:auto;
		}
		.pulsante {
			padding-top: 50px;
		}
	}
}
@media only screen and (max-width: 1300px) {
	.dc-herotext {
		height:auto;
		padding:120px 0;

		.wrapper {
			width:65%;
		}
	}
}
@media only screen and (max-width: 1024px) {
	.dc-herotext {
		padding:120px 0;

		.wrapper {
			width:90%;
		}
	}
}

.dc-testoimmagine {
    display: flex;
    justify-content: center;
    align-items: center;

	.wrapper {
		margin:auto;
		text-align:center;

		.titolo {
			font-weight:700;
			margin-bottom:40px;
			display: inline-block;
		}

		.wrapper-testo {
			text-align:left;
		}

		.testo {
			padding: 4px;

			.freccia {
				width:24px;
				display:block;
				transform: rotate(90deg);
				margin-top:30px;
			}
		}
		.pulsante {
			padding-top:30px;
		}

		.sottotitolo {
			margin-top: 24px;
		}

		.image {
			width:100%;
			height:auto;
		}
	}

	&.layout-C {
		border-radius: var(--border-radius);

		.wrapper-testo {
			padding: 0 20%;
			color:#FFFFFF;
		}

		.image {
			border-top-left-radius: var(--border-radius);
			border-bottom-left-radius: var(--border-radius);
		}
	}
	&.layout-B {
		.wrapper-testo {
			padding: 40px 0px 40px 40px;
		}

		.testo {
			width:55%;
		}
	}

	&.layout-A {
		//padding:80px 100px;
		padding: 10%;

		.titolo,
		.testo {
			background:#FFFFFF;
			padding: 4px;
		}
	}
}
@media only screen and (max-width: 1919px) {
	.dc-testoimmagine {
		&.layout-B {
			.testo {
				width:80%;
			}
		}
	}
}
@media only screen and (max-width: 1500px) {
	.dc-testoimmagine {
		&.layout-C {
			.wrapper-testo {
				padding: 0 10%;
			}
		}
	}
}
@media only screen and (max-width: 1300px) {
	.dc-testoimmagine {
		&.layout-A {
			padding: 10% 5%;
		}
		&.layout-B {
			.wrapper-testo {
				padding: 10px 0px 10px 10px;
			}
		}
		&.layout-C {
			.wrapper-testo {
				padding: 0 6%;
			}
		}
	}
}
@media only screen and (max-width: 1024px) {
	.dc-testoimmagine {
		min-height: auto;

		&.layout-A {
			padding: 10% 3%;
			.wrapper {
				.image {
					margin-bottom:20px;
				}
			}
		}
		&.layout-B {
			.wrapper-testo {
				padding: 0px;
			}
			.wrapper {
				.image {
					margin-bottom:20px;
				}
			}
		}
		&.layout-C {
			.wrapper-testo {
				padding: 0 1%;
			}
		}
	}
}
@media only screen and (max-width: 991px) {
	.dc-testoimmagine {
		&.layout-A {

			.wrapper-testo {
				text-align:center;
			}
		}
		&.layout-B {
			.testo {
				width:100%;
			}
		}
		&.layout-C {
			.image {
				border-top-left-radius: var(--border-radius);
				border-top-right-radius: var(--border-radius);
				border-bottom-left-radius: 0;
			}
			.wrapper-testo {
				padding: 5%;
				margin-top:0;
				border-bottom-left-radius: var(--border-radius);
				border-bottom-right-radius: var(--border-radius);
				border-top-left-radius: 0;
			}
		}
	}
}
@media only screen and (max-width: 991px) {
	.dc-testoimmagine {

		&.layout-C {
			.wrapper-testo {
				padding: 20px;
			}
		}
	}
}


.dc-missione {
	background-color: var(--dark-color);
	padding: 50px 100px;
	color:#FFFFFF;
	margin-top: 100px;
	margin-bottom: 40px;

	.image {
		width:100%;
		height:auto;
	}

	.wrapper-image-1 {
		width: 100%;
		margin-top: 50px;
	}

	.wrapper-image-2 {
        width: 100%;
        margin-top: -100px;
	}

	.testo {
		width:80%;
	}
	.pulsante {
		padding-top:30px;
	}
	.titolo {
		padding-bottom:40px;
	}
}
@media only screen and (max-width: 1300px) {
	.dc-missione {
		padding: 50px;
	}
}
@media only screen and (max-width: 992px) {
	.dc-missione {

		.titolo {
			padding-top:20px;
		}
	}
}


.dc-herobanner {
	//min-height: 800px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width:70%;
    margin:auto;

	.wrapper {
		padding:20%;
		text-align:center;

		.testo {
			font-size: 50px;
			font-weight: 500;
			line-height: 50px;
			color:#FFFFFF;
		}
		.pulsante {
			margin-top:50px;
		}
	}
}
@media only screen and (max-width: 1300px) {
	.dc-herobanner {
		width:80%;

		.wrapper {
			padding:10%;
		}
	}
}
@media only screen and (max-width: 1024px) {
	.dc-herobanner {
		.wrapper {
			.testo {
				font-size: 30px;
				line-height: 30px;
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	.dc-herobanner {
		width:100%;

		.wrapper {
			padding:10%;
		}
	}
}
@media only screen and (max-width: 500px) {
	.dc-herobanner {
		.wrapper {
			padding:40px 10px;

			.wrapper {
				.testo {
					font-size: 20px;
					line-height: 20px;
				}
			}
		}
	}
}


.dc-servizi {

	h2 {
		padding-bottom: 40px;
	}

	.dc-servizio {
		height:400px;
		border:1px solid var(--primary-color);
		color:var(--primary-color);
		width:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding:30px;

		.titolo {
			font-size:40px;
			line-height:50px;
			font-weight:700;
			transition: all 0.5s ease;
		}
		.descrizione {
			display:none;
			transition: all 0.5s ease;
		}

		margin-bottom:20px;
	}

	.dc-servizio:hover {
		background: linear-gradient(180deg, #EF7D00 0%, #A81E1C 100%);
		color: #FFFFFF;

		.titolo {
			margin-bottom:20px;
		}
		.descrizione {
			display:block;
		}
	}
}

.dc-reparti {
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;

	.wrapper-reparti {
		padding: 150px 0;
	}

	.col1,
	.col2 {
		width:50%;
		float:left;
	}

	h2 {
		padding-bottom:40px;
	}

	.dc-reparto {
		padding-bottom: 40px;
		overflow: hidden;

		.wrapper {
			display:flex;

			.descrizione {
				display:none;
			}

			.freccia {
				padding-top: 6px;
				flex-grow: 0;
				flex-shrink: 0;
				width:32px;
				transition: all 0.5s ease;

				img {
					width:100%;
				}
			}
			.content {
				padding-left:30px;
				padding-right:30px;
				h3 {
					padding:0;
					margin:0;
					line-height:40px;
				}

				.descrizione {
					padding-top:20px;
					transition: all 0.5s ease;
				}
			}
		}
	}

	.dc-reparto.active {
		.descrizione {
			display:block;
		}
		.wrapper {
			.freccia {
				img {
					transform: rotate(90deg);
				}
			}
		}
	}
}

@media only screen and (max-width: 992px) {
	.dc-reparti {

		.col1,
		.col2 {
			padding-left:30px;
			width:100%;
			float:none;
		}
	}
}


.dc-heroquote {
	padding:10%;
	min-height: 800px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    margin:auto;

	.wrapper {
		text-align:center;

		.intro {
			padding-bottom:40px;
			color:var(--dark-color);
		}

		.testo {
			font-size: 50px;
			font-weight: 500;
			line-height: 50px;
			color:#FFFFFF;
			padding-bottom:40px;
			position: relative;

			.quote-0,
			.quote-1 {
				color: var(--primary-color);
				display: inline-block;
				position: absolute;
				font-family: "Oswald", sans-serif;
				font-size:200px;
			}
			.quote-0 {
				margin-top: 5px;
				margin-left: -90px;
			}
			.quote-1 {
                margin-top: 70px;
                margin-left: 10px;
			}
		}

		.sottotitolo {
			border-top: 1px solid #A81E1C;
			color:#FFFFFF;
			padding-top: 10px;
		}
	}
}
@media only screen and (max-width: 1300px) {
	.dc-heroquote {
		min-height: auto;
		padding:10%;
	}
}
@media only screen and (max-width: 768px) {
	.dc-heroquote {
		min-height: auto;
		.wrapper {
			.testo {
				font-size: 30px;
				line-height: 30px;
			}
		}
	}
}

.dc-sliderpost {
	.titologenerale {
		font-size: 14px;
		line-height: 50px;
		padding-bottom: 50px;
	}

	.item {
		.immagine {
			height: 300px;
			border-radius: var(--border-radius);
			display:block;
			position:relative;
			margin-bottom:6px;
		}
		.immagine .overlay {
			border-radius: var(--border-radius);
			position:absolute;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-color: #000000;
			background-size: cover;
			background-repeat:no-repeat;
			background-position: center center;
			width:100%;
			height:100%;
		}
		.immagine .overlay.overlay-2 {
			opacity:0;
			-webkit-transition: -webkit-filter 0.2s ease-in;
			transition: -webkit-filter 0.2s ease-in;
			transition: all 0.2s ease-in;
			transition: all 0.2s ease-in, -webkit-filter 0.2s ease-in;
			-webkit-backface-visibility: hidden;

		}
		.immagine:hover .overlay.overlay-2 {
			opacity:1;
		}
		.titolo {
			padding-top:10px;
		}
		.titolo h2 {
			font-family: "Inter", sans-serif;
			font-size: 18px;
			font-weight: 800;
			line-height:25px;
			padding:0;
			margin:0;
		}
		.riassunto {
			min-height:80px;
			padding-top: 6px;
			p {
				margin-bottom:0;
				font-size: 16px;
				line-height: 22px;
			}
		}
	}

	.pulsante {
		text-align: center;
		padding-top: 50px;
		padding-bottom: 20px;
	}
}


.dc-numeri {
	padding:5%;
	min-height: 800px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
    width:100%;
    color:#FFFFFF;
    text-align:center;
    border-radius: var(--border-radius) !important;

    .titolo {
    	margin-bottom: 70px;
    }

	.numero-items {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-top:10%;
	}

	.numero-item {
		width:33.3%;
		flex: 1 0 auto;

		.wrapper {
			padding:40px 0;
			position:relative;

			.content {
				display:flex;
				justify-content: center;
				align-items: center;

				position:relative;
				min-height:150px;
				h3 {
					line-height:50px;
					font-size:60px;
				}
				.item-descrizione {
					padding:0 20%;
				}
			}

			.content-1,
			.content-2 {
				position:absolute;
				top: 0;
				width:100%;
				text-align:center;
				//transform-style: preserve-3d;
				//backface-visibility: hidden;
			}

			.content-1 {
				animation: show1 10s infinite ease-in-out;
			}

			.content-2 {
				//transform: rotateY(180deg);
				animation: show2 10s infinite ease-in-out;
				opacity: 0;
			}
		}

		@media only screen and (min-width: 953px) {
			.wrapper-1::before,
			.wrapper-2::before,
			.wrapper-4::before,
			.wrapper-5::before,
			.wrapper1-r::before,
			.wrapper1-br::before {
				content: "";
				position: absolute;
				right: 0;
				top: 5%;
				width: 1px;
				height: 90%;
				background: #FFFFFF;
			}

			.wrapper-1::after,
			.wrapper-2::after,
			.wrapper-3::before,
			.wrapper1-b::before,
			.wrapper1-br::after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 5%;
				width: 90%;
				height: 1px;
				background: #FFFFFF;
			}
		}
	}
}
@media only screen and (max-width: 1300px) {
	.dc-numeri {
		padding:5% 2%;
		min-height: auto;

		.numero-items {
			margin-top:3%;
		}
	}
}
@media only screen and (max-width: 952px) {
	.dc-numeri {
		.numero-items {
			margin-top:6%;
		}

		.numero-item {
			width:50%;
			flex: 1 0 auto;

			.wrapper {
				.content {
					h3 {
						font-size:45px;
					}
				}
			}
		}

		.wrapper-1::before,
		.wrapper-3::after,
		.wrapper-5::before,
		.wrapper1-r::before,
		.wrapper1-br::before {
			content: "";
			position: absolute;
			right: 0;
			top: 5%;
			width: 1px;
			height: 90%;
			background: #FFFFFF;
		}

		.wrapper-1::after,
		.wrapper-2::after,
		.wrapper-3::before,
		.wrapper-4::after,
		.wrapper1-b::before,
		.wrapper1-br::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 5%;
			width: 90%;
			height: 1px;
			background: #FFFFFF;
		}
	}
}

@media only screen and (max-width: 768px) {
	.dc-numeri {
		.numero-item {
			.wrapper {
				padding: 20px 0;
			}
		}

		.item-titolo {
			font-size:50px;
		}
		.item-descrizione {
			font-size:12px;
			line-height:14px;
		}
	}
}


@keyframes show1 {
    0%   { opacity: 1; }
    40%  { opacity: 1; }
    50%  { opacity: 0; }  /* fade out */
    90%  { opacity: 0; }
    100% { opacity: 1; }  /* preparazione ciclo */
}

@keyframes show2 {
    0%   { opacity: 0; }
    40%  { opacity: 0; }
    50%  { opacity: 1; }  /* fade in */
    90%  { opacity: 1; }
    100% { opacity: 0; }
}

/*@keyframes show2 {
    0%, 25% { opacity: 0; }
    50%, 100% { opacity: 1; }
}*/


/*@keyframes flip-1 {
	50% {
		transform: rotateY(180deg);
		z-index: 2;
	}
	100% {
		transform: rotateY(0deg);
		z-index: 2;
	}
}
@keyframes flip-2 {
	50% {
		transform: rotateY(0deg);
		z-index: 2;
	}
	100% {
		transform: rotateY(180deg);
		z-index: 2;
	}
}*/


.dc-lavoraconnoi {

	.dc-posizione {
		text-align:left;
		.titolo {
			font-family: Oswald;
			font-weight: 700;
			font-size: 60px;
			line-height: 85px;
			color: var(--primary-color);
			padding:20px 10%;
			border-bottom:1px solid var(--primary-color);
            display: flex;
            align-items: baseline;
            width: 100%;
            display: block;

			.indice {
				font-weight: 250;
				font-size: 100px;
				line-height: 85px;
				letter-spacing: 0%;
				vertical-align: bottom;
				color: var(--dark-color);
				padding-right: 30px;
			}

			.freccia {
				float:right;
				width:35px;
				img {
					transform: rotate(90deg);
					width:100%;
				}
			}
		}

		.content {
			display:none;
			transition: all 0.5s ease;
			padding:20px 10%;
		}

		.descrizione {
			width:80%;
			padding-bottom:20px;
		}
	}

	.dc-posizione.active {
		.content {
			display:block;
		}
		.titolo {
			.freccia {
				img {
					transform: rotate(-90deg);
				}
			}
		}
	}
}

.dc-news {
	.news-content {
		padding-bottom:50px;

		h2 {
			font-family: Inter;
			font-weight: 800;
			font-size: 18px;
			line-height: 25px;
			letter-spacing: 0%;
			margin:0;
		}

		.image {
			img {
				width:100%;
			}
		}

		.excerpt {
			font-family: Inter;
			font-weight: 500;
			font-size: 16px;
			line-height: 22px;
			letter-spacing: 0%;
		}
	}
}


.portfolio {
	padding:100px 0;

	.portfolio-items {
		padding-top:10px;
	}

	.categorie {
		width:100%;
		text-align:center;
		margin: auto;
	}
	.categorie ul {
		padding: 0;
		display: inline-block;
	}
	.categorie ul li {
		list-style:none;
		height: 37px;
		float:left;
		margin:0 6px;
	}
	.categorie ul li a {
		padding: 0 17.441px 0 17px;
		text-align:center;
		border-radius: 51px;
		background: #EEEEEE;
		display: block;
		font-size:12px;
		font-weight:700;
		width:100%;
		text-transform: uppercase;
	}
	.categorie ul li a:hover,
	.categorie ul li a.is-active {
		background: var(--primary-color);
	}


	.image {
		position:relative;

		.categorie {
			position:absolute;
			bottom:0;
			left:0;
			padding:10px;
			text-align: left;

			.item {
				padding: 6px 10px;
				border-radius: 50px;
				gap: 10px;
				background:#FFFFFF;
				font-weight: 700;
				font-size: 8px;
				line-height: 25px;
				text-transform: uppercase;
				margin-left:10px;
			}
		}
	}

	.portfolio-item {
		margin-bottom:40px;
	}
	.portfolio-item.disabled .portfolio-content {
		opacity: 0.2;
	}
	@media only screen and (max-width: 767px) {
		.portfolio-item.disabled {
			display:none;
		}
	}

	.portfolio-item .image img{
		width:100%;
	}
	.portfolio-item .content {
		padding-top:6px;
		text-align:center;
		font-size: 12px;
	}
	.portfolio-item .content h2 {
		font-family: Inter;
		font-weight: 800;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 0%;
		margin:0;
	}

	.btnLoadMore {
		margin:auto;
		border: 1px solid transparent;
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #A81E1C 0%, #EF7D00 100%) border-box;
		width:94px;
		height:94px;
		border-radius:50%;
		font-size:12px;
		color: var(--primary-color);
		text-align:center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
	}
	.btnLoadMore:hover {
		color: var(--nav-text-color-inverse);
		background: var(--nav-text-color);
	}
}

.dc-storia {
	padding-top:80px;

	.wrapper-slider {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		cursor: grab;
		scrollbar-width: none;
		-ms-overflow-style: none;

		.dc-anno {
			margin-top:100px;
			flex: 0 0 auto;
			width:500px;

			.anno {
				font-family: Oswald;
				font-weight: 700;
				font-size: 60px;
				line-height: 50px;
				margin-left:50px;
			}
			.linea {
				border-bottom:1px solid var(--primary-color);
				padding-left: 80px;

				.freccia {
					transform: rotate(-90deg);
					width:20px;

					img {
						width:100%;
					}
				}
			}
			.descrizione {
				margin-left:50px;
				padding-top:30px;
				//height:400px;
				width:60%;
				font-size: 18px;
				line-height: 25px;
			}
		}
	}
	.wrapper-slider::-webkit-scrollbar {
	    display: none;
	}
}


.btnconall {
	border-radius: 10px;
	color:#FFFFFF;
	font-weight: 600;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	padding: 14px 26px;
	text-transform: uppercase;
	transition: all 0.5s ease;

	&.gradient {
		border: 1px solid transparent;
		background: linear-gradient(90deg, #EF7D00 0%, #A81E1C 100%) padding-box, linear-gradient(180deg, #A81E1C 0%, #EF7D00 100%) border-box;
	}
	&.gradient:hover {
		background: linear-gradient(var(--dark-color), var(--dark-color)) padding-box, linear-gradient(180deg, #A81E1C 0%, #EF7D00 100%) border-box;
		color: var(--primary-color);
	}

	&.gradient-reverse {
		border: 1px solid transparent;
		background: linear-gradient(var(--dark-color), var(--dark-color)) padding-box, linear-gradient(180deg, #A81E1C 0%, #EF7D00 100%) border-box;
		color: var(--primary-color);
	}
	&.gradient-reverse:hover {
		background: linear-gradient(90deg, #EF7D00 0%, #A81E1C 100%) padding-box, linear-gradient(180deg, #A81E1C 0%, #EF7D00 100%) border-box;
		color:#FFFFFF;
	}

	&.gradient-border {
		border: 1px solid transparent;
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #A81E1C 0%, #EF7D00 100%) border-box;
		color: var(--primary-color);
	}
	&.gradient-border:hover {
		color: var(--primary-color);
	}

	&.white {
		background: #FFFFFF;
		color: var(--dark-color);
	}
	&.white:hover {
		color: var(--primary-color);
	}
}

.tornasu {
	padding: 250px 0 100px 0;

	.brntornasu {
		margin:auto;
		border: 1px solid transparent;
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #A81E1C 0%, #EF7D00 100%) border-box;
		width:94px;
		height:94px;
		border-radius:50%;
		font-size:12px;
		color: var(--primary-color);
		text-align:center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.freccia {
			width:20px;
			transform: rotate(-90deg);
		}
	}
}

.sub-footer {
	padding: 30px 10%;

	.logo-certificazioni {
		width:100%;
		max-width:660px;
	}

	.logo-affiliato {
		width:100%;
		max-width:200px;
	}
}
@media only screen and (max-width: 767px) {
	.sub-footer-col {
		padding-bottom:30px;
		text-align:center;
	}
}

.wpcf7-text,
.wpcf7-textarea {
	padding:0.9rem;
	width:100%;
	border-radius: var(--border-radius);
	border: 1px solid #1D1D1B4D;
}
.wpcf7-form-control::placeholder {
	color:#1D1D1B4D;
}
.wpcf7-submit {
	min-width:150px;
	float:right;
}

#footer {
	color:#FFFFFF;
	font-size:14px;
	background: var(--dark-color);
	padding: 60px 10%;
	font-weight: 400;
	line-height: 20px;

	.footer-col {
		padding-bottom:20px;
	}

	.footer-col-1 {
		img {
			max-width:190px !important;
		}
	}

	.btnconall {
		display:inline-block;
		margin-bottom:20px;
		padding: 4px 10px;
	}

	.menu {
		list-style:none;
		padding: 0;
		a {
			color:#FFFFFF;
			font-size:18px;
			line-height: 25px;
		}
	}

	.menu-item a[aria-current=page] {
		color:#FFFFFF;
	}
}
@media only screen and (max-width: 1900px) {
	#footer {
		padding: 60px 4%;
	}
}
@media only screen and (max-width: 767px) {
	.footer-col {
		text-align:center;
	}
}