@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* ANIMATION */

@font-face {
	font-family: Futura-std;
	src: url(../fonts/futura-std/FuturaStdBook.otf);
}

@font-face {
	font-family: Futura-std;
	src: url(../fonts/futura-std/FuturaStdBook.otf);
	font-weight: normal;
	font-style: normal;
  }
  
  @font-face {
	font-family: Futura-std;
	src: url(../fonts/futura-std/FuturaStdMediumOblique.otf);
	font-weight: normal;
	font-style: italic;
  }
  
  @font-face {
	font-family: Futura-std;
	src: url(../fonts/futura-std/FuturaStdBook.otf);
	font-weight: 400;
	font-style: normal;
  }

  @font-face {
	font-family: Futura-std;
	src: url(../fonts/futura-std/FuturaStdHeavy.otf);
	font-weight: 600;
	font-style: normal;
  }

  @font-face {
	font-family: Futura-std;
	src: url(../fonts/futura-std/FuturaStdBold.otf);
	font-weight: bold;
	font-style: normal;
  }

	/* Stili per il contenitore principale */
#world-news-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Stile per il contenitore Earth */
#earth-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333;
  color: #fff;
  height: 200px;
  margin-right: 20px;
}

.earth-placeholder p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/* Stile per la sezione Breaking News */
.news-container {
  flex: 1;
}

.news-title {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 10px;
}

.news-list {
  list-style: none;
  padding: 0;
}

.news-item {
  font-size: 18px;
  padding: 5px;
  color: #333;
}

.news-highlight {
  font-weight: bold;
  color: #e74c3c;
}

  
body {
	font-family: "Futura-std" !important;
	font-size: 20px;
}

#block-coim-local-tasks{
	position:fixed;
	background:white;
	padding:10px;
	bottom:0px;
	right:0px;
	box-shadow: 1px 1px 20px #ccc;
}
#block-coim-local-tasks ul{
	list-style: none;
	padding-left: 0px;
}
#block-coim-local-tasks li{
	float: left;
	margin-right: 10px;
}
#block-coim-local-tasks a{
	font-size: 16px;
	font-weight: 600;
	color:#060606;
}

.dropdown-menu{
	display: block;
	visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
	border: none;
	left: 0;
	right: 0;
}

.nav-item.open .dropdown-menu {
	visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* .dropdown-menu.show {
  display: block;
  opacity: 0.75;
  transform: translateY(0);
	transition: all 0.3s ease; 
	border: none;
} */

.dropdown-menu a{
	font-size: 20px;
	font-weight: 400;
}

.dropdown-menu.closing {
	visibility: visible;
  opacity: 0;
  transform: translateY(-10px);
}

.lente-header{
	width: 20px;
	height: 20px;
	margin-top: -2px;
	position: relative;
}

a, a:focus, a:active{
	text-decoration:none;
}

body, p, div, h1, h2, h3, h4, h5, h6, ul, li{
	/*font-family: "Nunito Sans", sans-serif;*/
	font-weight: 600;
}

.nome-prodotto{
	font-family: 'Arvo';
	font-size: 50px;
	margin-top: 15px;
}

.settori-applicazione-box{
	margin-bottom: 30px;
	margin-right: 10px;
}

.fw-600{
	font-weight: 600;
}

.bg-white{
	background-color: #fff;
}

.radius-30{
	border-radius: 30px;
}

.radius-70{
	border-radius: 70px;
}

.fixed-top{
	z-index: 20;
}

.padding-30{
	padding: 30px;
}

.padding-20{
	padding: 20px;
}

.fs-18{
	font-size: 18px!important;
	line-height: 22px;
}

.fs-28{
	font-size: 28px!important;
}

.fs-30{
	font-size: 30px!important;
}

.fs-150{
	font-size: 150px!important;
}

.fs-250{
	font-size: 250px!important;
}

.padding-y-150{
	padding: 150px 0px!important;
}

.w-full{
	width: 100%;
}

#bg-page{
	height: 355px;
	background-size: cover;
}

#bg-page .container .row{
	margin-bottom: -100px;
}

.page-title{
	position: relative;
	top: -155px;
	background-color: white;
	border-top-left-radius: 37px;
	border-top-right-radius: 37px;
	padding:40px 150px 0px;
	width:auto;
}

.page-title h1{
	font-weight:bold;
}

.page-title .briciole *{
	font-size:22px!important;
	line-height: 30px!important;
	font-weight: 400!important;
	color: #010101;
}

.page-title .briciole{
	margin-bottom:30px;
}

.border-top-light-blue{
	border-top:3px solid #00AEEF;
}

.bg-world{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url('../img/bg-world.png');
	background-color: #004B65;
}

.bg-norepeat{
	background-position: center left;
	background-repeat: no-repeat;
}

.box-prodotto{
	border:3px solid #00AEEF;
	border-top-left-radius: 40px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 40px;
	background-color: #fff;
}

.box-prodotto h2{
	font-family: 'Arvo';
}

.box-prodotto .row img{
	height: auto;
}

.has-large-font-size{
	font-family: "Futura-std";
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
	}

.has-huge-font-size{
	font-family: "Futura-std";
	font-weight: 700;
	font-size: 100px;
	line-height: 120px;
	text-transform: uppercase;
}

.js-form-item{
	float:left;
	width:48%;
	padding:15px;
}
.js-form-item.form-type-textarea, .js-form-item.form-type-checkbox{
	width:100%!important;
	float:none;
	padding:15px;
}
.js-form-item.form-type-textarea{
	margin-top:30px!important;
	overflow: hidden;
}
.js-form-item input, .js-form-item select {
	font-size: .875em;
	color: #6c757d;
	border:0px solid #fff;
	border-bottom:1px solid #333;
	width: 100%;
}
.js-form-item input.form-checkbox{
	float:left;
	width:auto;
	margin-top:5px;
	margin-right:20px;
}

.box-immagine-testo,.box-immagine-testo img{
	padding:30px 20px;
	border-top-left-radius: 90px;
	border-top-right-radius: 60px;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 90px;
}
.box-immagine-testo.box-bianco img{
	padding:30px 20px;
	border-top-left-radius: 60px;
	border-top-right-radius: 90px;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 60px;
}
.box-immagine-testo.box-sinistro img{
	padding: 40px 40px;
	border-top-left-radius: 90px;
	border-top-right-radius: 60px;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 90px;
}
.box-immagine-testo.box-azzurro{
	background-color: #00AEEF;
}
.box-immagine-testo.box-azzurro *{
	color:white!important;
}

.dropdown-menu .m-t-150{
	margin-top:0px!important;
}

.blog h3 {
	color: #010101 !important;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 60px !important;
	font-family: "Futura-Std";
	font-weight: 700;
}

.blog p{
	font-family: "Futura-Std";
	width: 90%;
}

.box-prodotto:hover{
	box-shadow: 1px 1px 20px #ccc;
}

.box-prodotto .footer{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 40px;
	text-align: start;
}

.sottotitolo{
	font-size:20px;
	line-height: 30px;
	font-weight:400;
}

.counter .numero{
	color:white;
	font-size:80px;
	line-height: 100px;
	margin-bottom:20px;
	display: block;
}

.counter .descrizione{
	color:white;
	font-size:20px;
	line-height: 30px;
	font-weight:400;
}

h2{
	font-size:40px;
	line-height: 60px;
	font-weight: 700;
}

.bg-pattern-1{
	background:url(../img/bg-pattern-white.jpeg) center center no-repeat;
	background-size: cover;
}

.bg-cerchi{
	background-image:url(../img/bg-cerchi.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.bg-cerchi-bottom{
	background-image:url(../img/bg-cerchi.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.unicita{
	position: absolute!important;
	top:0px;
	right:-40px;
	z-index:1;
	height:300px;
	/* background:url(../img/unicita.png) top right no-repeat; */
}

.filiali {
	position: absolute!important;
	top:-100px;
	z-index:-1;
	height:300px;
	/* background:url(../img/filiali.png) top right no-repeat; */
}

.padding-40{
	padding:40px;
}

.btn{
	font-size:20px;
	font-weight:bold;
}

h3{
	font-weight: 400;
	font-size:30px;
	line-height:37px;
}

p{
	font-weight: 400;
	font-size:20px;
	line-height:30px;
}

.m-t-150{
	margin-top:150px;
}

.m-b-150{
	margin-bottom:150px;
}

.data-news{
	font-weight: 400;
	font-size:18px;
	line-height:22px;
}

.card-title{
	font-weight: 700;
	font-size:30px;
	line-height:37px;
}

@-webkit-keyframes fromRight {
	0% {
		right: -33%;
		opacity: 0;
		z-index: -1;
	}
	100% {
		right: 0;
		opacity: 1;
		z-index: 2;
	}
}
@-webkit-keyframes fromLeft {
	0% {
		width: 0;
		opacity: 0;
		z-index: -1;
	}
	100% {
		width: 63rem;
		opacity: 1;
		z-index: 2;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
/* PULSANTI  */
.btn-primary, .box-immagine-testo.box-azzurro a {
	font-size: 20px;
	margin-top: 2rem;
	background-color: #00AEEF;
	color: #fff!important;
	border: 3px solid #fff;
	line-height: 24px;
	padding: 20px 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 30px;
	transition: all 1s;
	font-weight: 600;
	text-align:center;
}
.btn-primary:hover, .box-immagine-testo.box-azzurro a:hover {
	color: #00AEEF!important;
	background-color: #00AEEF;
	background: #fff;
	border: 3px solid #00AEEF;
}

.btn-primary .active{
	border: 3px solid #fff;
	background-color: #00AEEF;
	color: #fff!important;
}

.btn-primary_sedi{
	content: "°";
	font-size: 20px;
	margin-top: 2rem;
	background: #fff;
	border: 3px solid #00AEEF!important;
	color: #00AEEF!important;
	line-height: 24px;
	padding: 20px 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 30px;
	transition: all 1s;
	font-weight: 600;
	text-align:center;
}

.btn-primary_sedi:hover{
	border: 3px solid #fff;
	background-color: #00AEEF;
	color: #fff!important;
}

.description span, .description .webform-element-description{
	font-size:18px;
	color:#00AEEF!important;
	font-weight: 400;
}

.btn-secondary, input:is([type="button"], [type="submit"]), .box-immagine-testo.box-bianco a {
	font-size: 20px;
	margin-top: 2rem;
	background: #00AEEF;
	border: 3px solid #00AEEF;
	color: #fff;
	line-height: 24px;
	font-weight: 600;
	text-align:center;
	padding: 20px 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 30px;
	transition: all 1s;
}
.btn-secondary:hover, input:is([type="button"], [type="submit"]):hover, .box-immagine-testo.box-bianco a:hover {
	border: 3px solid #00AEEF;
	background-color: #fff;
	color: #00AEEF;
}

.btn-third, input:is([type="button"], [type="submit"]), .box-immagine-testo.box-bianco a {
	font-size: 20px;
	margin-top: 2rem;
	background: #fff;
	border: 3px solid #fff;
	color: #00AEEF;
	line-height: 24px;
	font-weight: 600;
	text-align:center;
	padding: 20px 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 30px;
	transition: all 1s;
}

.btn-third:hover, input:is([type="button"], [type="submit"]):hover, .box-immagine-testo.box-bianco a:hover {
	border: 3px solid #fff;
	background-color: #00AEEF;
	color: #fff;
}

.btn-file:not(:first-child){
	margin-left: 20px;
}

.box-immagine-testo{
	overflow: hidden;
}
.box-immagine-testo.box-bianco a, .box-immagine-testo.box-azzurro a{
	margin-top:30px!important;
	display: block;
}
.paragraph_img{
	background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1)), url(../img/bg-pattern-white.jpeg);
	/* background-image:url(../img/bg-pattern-white.jpeg); */
	background-size: cover;
	background-position: center;
}
input:is([type="button"], [type="submit"]){
	margin:auto;
}
.form-actions{
	text-align: center;
}
/* FONTS  */

.bg-white-opacity{
	background-color: rgb(255, 255, 255);
}

.w-85 {
	width: 85%;
}

.fade-in {
	transition: all 1s;
	animation: fadeIn 1s;
	position: relative;
}
button {
	background: none;
	border: none;
}
.img-big img {
	width: 120%;
}

#container {
	position: absolute;
	width: 500px;
	height: 500px;
	margin: auto;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#mappa {
	position: relative;
}
#scarpa {
	position: relative;
}
.cityMarker {
	height: 40px;
	width: 40px;
	background: green;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
	top: 2px;
	left: 91px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	cursor: pointer;
	-webkit-animation: animateHeart 1.8s infinite;
	animation: animateHeart 1.8s infinite;
}
 .scarpaMarker {
	height: auto;
	width: auto;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
	top: 2px;
	left: 91px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	cursor: pointer;
}
.cityMarker:before,
.cityMarker:after {
	position: absolute;
	content: "";
	top: 4px;
	left: 19px;
	width: 57px;
	height: 57px;
	background: transparent;
	border: 6px solid;
	border-radius: 100%;
	-webkit-transform: rotate(-45deg) translateZ(0);
	transform: rotate(-45deg) translateZ(0);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.box_user{
	display: flex;
	flex-direction: column;
	align-items: start;
	padding-top: 20px;
}

@-webkit-keyframes animateHeart {
	0% {
		-webkit-transform: scale(0.8);
	}
	5% {
		-webkit-transform: scale(0.9);
	}
	10% {
		-webkit-transform: scale(0.8);
	}
	15% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(0.8);
	}
}
@keyframes animateHeart {
	0% {
		transform: scale(0.8);
	}
	5% {
		transform: scale(0.9);
	}
	10% {
		transform: scale(0.8);
	}
	15% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(0.8);
	}
}
.center-element {
	display: flex;
	align-items: center;
}
.riga_description {
	content: "";
	width: 39rem;
	height: 4px;
	position: absolute;
	top: 1rem;
	left: 3rem;
	-webkit-animation: fromLeft .5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fromLeft .5s; /* Firefox < 16 */
	-ms-animation: fromLeft .5s; /* Internet Explorer */
	-o-animation: fromLeft .5s; /* Opera < 12.1 */
	animation: fromLeft .5s;
}
.dis-none {
	display: none;
}
.dis-block {
	display: block;
}
#mappa .active {
	animation: none;
}
#descrizione .card {
	padding: 2rem;
	-webkit-animation: fadeIn 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn 1s; /* Firefox < 16 */
	-ms-animation: fadeIn 1s; /* Internet Explorer */
	-o-animation: fadeIn 1s; /* Opera < 12.1 */
	animation: fadeIn 1s;
}
.col-lg-6 .riga_description {
	width: 50rem;
	z-index: 1;
}
#descrizione {
	background: white;
	z-index: 2;
	padding-right: 4rem;
}

.scarpaMarker:before, .scarpaMarker:after {
	position: absolute;
	content: "";
	top: 4px;
	left: 19px;
	width: 57px;
	height: 57px;
	background: transparent;
	border: 6px solid;
	border-radius: 100%;
}
.w-80 {
	width: 80%;
}
.change_width {
	 transition: width 1s;
}
.change_width.active{
	width: 53%;
}

.scarpaMarker.active {
	content: url(/img/icons/meno.svg) !important;
}
.scarpaMarker {
 -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; 
}
.primary-color {
	color: #00AEEF
}

.text-red {
	color: #ff0000
}

.bg-grey{
  background-color: rgba(240, 240, 240, 1);
}
.h1 {
	color: #00AEEF;
	font-size: 70px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
body {
	color: #000;
	font-family: Nunito Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.align-items-center {
	align-items: center;
}
.descript {
	font-size: 20px;
	font-weight: 400;
	max-width: 90%;
}
.container.max-w-70{
	max-width: 70%;
}
.section {
	padding: 6rem 0;
}
.no_select {
	pointer-events: none;
}

.sticky {
	position: sticky;
  	top: 0;
	z-index: 10;
}
.navbar {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
/* STYLE HEADER */



/*.navbar ul li > a:after,
.navbar ul li > button::after {
	content: "";
	height: 3px;
	background: #646464;;
	position: absolute;
	right: 0;
	WIDTH: 50%;
	left: 0;
	top: 0;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	border: 0;
	margin: 0;
}

.navbar ul li:hover > a:after,
.navbar ul .active > a:after,
.navbar ul .active > button:after,
.navbar ul li:hover > button:after,
.navbar ul li > .show::after
 {
	color: #00AEEF;
	background: #00AEEF;
	width: 100%;
}*/
.navbar ul li:hover > a,
.navbar ul li:hover > button,
.navbar ul .active > a,
.navbar ul .active > button {
	color: #060606;
}

.navbar-expand-lg .navbar-nav .nav-link {
  margin-inline: 0.5rem;
	padding: 0;
}

.navbar ul li > a,
.navbar ul li > button
 {
	color: #000000;;
	font-family: Nunito Sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: relative;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.navbar ul li > a:hover, .navbar ul li > button:hover {
	background-color: transparent;
}

ul.login  li > a, ul.login  .active > a{
	color: #00AEEF!important;
	font-weight: 700;
}

.nav-item {
	margin-inline: 1rem;
}

.nav-item .fa-regular.fa-folder{
	color: #00AEEF;
}

.dropdown-menu.privacy{
	padding: 20px 15px;
	margin-top: 10px;
	height: auto!important;
}

.nav-link.show, .nav-link.active {
	border-bottom: 2px #00AEEF solid;
	border: 80%;
	color: #00AEEF;
} 

.nav-link.etichetta-famiglia.active{
	border: none;
}

nav ul.js-pager__items{
	list-style: none;
	display: flex;
}

nav ul.js-pager__items li:not(:first-child){
	margin-left: 20px
}

nav ul.js-pager__items li a{
	color: #7E7E7E !important;
	background-color: #ecebeb;
	padding: 5px 9px;
	border-radius: 10px 2px;
}

nav ul.js-pager__items li a:hover{
	background-color: #00AEEF;
	color: #fff!important;
}

/* .nav-item.active a{
	border-bottom: 2px #00AEEF solid;
	border: 80%;
	color: #00AEEF;
} */

/* MEGAMENU */

.border-blue {
	border-bottom: 3px solid #00AEEF;
	width: fit-content;
	padding-right: 0.3rem;
}
.list-group a {
	color: #00AEEF;
	text-decoration: none;
}
.list-group a p {
	color: #060606;
	margin-top: 10px;
	text-transform: uppercase;
}
.list-group .btn-secondary{
	color:white!important;
}
.list-group .btn-secondary:hover{
	color:#00AEEF!important;
}

.list-group-flush {
	margin-bottom: 2rem;
}
.radius-icon {
	border: 3px solid #00AEEF;
	border-top-left-radius: 52%;
	border-bottom-right-radius: 59%;
	border-top-right-radius: 23%;
	border-bottom-left-radius: 12%;
	background: rgba(255, 255, 255, 0.00);
	border-left: none;
	border-top: none;
	border-bottom: none;
}
.radius-icon_row {
	border-bottom-right-radius: 10% 56%;
	border-top-right-radius: 4% 10%;
	border-bottom-left-radius: 9% 14%;
	background: rgba(255, 255, 255, 0.00);
	border-top-left-radius: 42% 56%;
	border-top-left-radius: 25% 80%;
	border-bottom-left-radius: 11% 28%;
}

.list-group h2,
.radius-icon_row h2 {
	color:  #00AEEF;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.fw-700{
	font-weight: 700;
}

/* .row {
	width: 100%;
} */
.no_after a::after {
	content: none !important;
}

.navbar ul li > a.search {
	background-color: #fff;
	border-radius: 100%;
	padding: .81rem !important;
}
.radius-icon_row .col-3 {
	background: #fff;
	z-index: 3;
	border: 5px solid #00AEEF;
	border-top-right-radius: 0% 39%;
	border-bottom-right-radius: 0% 59%;
	border-bottom-left-radius: 13px;
	border-top-left-radius: 40px;
	align-content: center;
}
/* .radius-icon_row .col-9::before,
.radius-icon_row .col-6::before
{
	content: "";
	border: 2.95px solid #00AEEF;
	width: 59px;
	position: absolute;
	bottom: -5px;
	left: -19%;
}
.radius-icon_row .col-9::after,
.radius-icon_row .col-6::after {
	content: "";
	border: 2.95px solid #00AEEF;
	width: 59px;
	position: absolute;
	top: -5px;
	left: -15%;
}
.radius-icon_row .col-9::before,
.radius-icon_row .col-6::before
 {
	content: "";
} */
.radius-icon_row .col-9,
.radius-icon_row .col-6 {
	border-top-right-radius: 13px;
	border-bottom-right-radius: 40px;
	border: 5px solid #00AEEF;
  border-left: none;
	position: relative;
	background-color: #fff;
	transition: all 1s;
}

.radius-icon_row:hover .col-9,
.radius-icon_row:hover .col-6 {
	border: 5px solid #fff;
	margin-top: 5px;
  margin-bottom: 5px;
	transition: all 1s;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 40px;
  border-left: none;
	position: relative;
	transition: all 1s;
}

.radius-icon_row:hover {
	background-color: #00AEEF;
}
.radius-icon_row:hover h2{
	color: #fff;
}


/* FINE HEADER */

/* PALLINI PRODOTTI */

.immagine-prodotto {
	width: 70%;
	margin-bottom: 1rem;
}
 .title-upper {
	font-family: "Futura-std";
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
}

.text-upper{
	text-transform: uppercase;
}

.settori-applicazione-box img{
	padding:10px;
	width: 60px!important;
	height: auto;
}

.settori-applicazione-box .col-9:hover{
	background-color: #00afef4a;
	border: 5px solid white;
}

.testo-prodotto{
	padding-right:50px;
}

.nome-prodotto{
	position: relative;
	margin-bottom: 2rem;
}

.nome-prodotto::before{
	content: "";
	width: 52%;
	display: flex;
	height: 3px;
	background: aliceblue;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -10px;
}
.swiper-home .swiper-slide {
	height: 100vh;
}
.swiper-home .swiper-slide video {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-bottom-left-radius: 150px;
}
.swiper-home .swiper-slide iframe {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-bottom-left-radius: 150px;
}
.text-transform-none{
	text-transform: none;
}
.fs-58 {
	font-size: 55px;
	line-height: 60px;
}
.banner-blu {
	background-color: #00AEEF;
  color: #fff;
	font-size: 40px;
	text-align: center;
	padding: 4rem 4rem;
}
.banner-blu p {
	width: 60%;
	margin: auto;
	font-weight: 100;
}

.h-60{
	height: 60%;
}
.p{
	font-size: 26px;
    font-weight: 400;
    line-height: 31.2px;
}
.m-b-40 {
	margin-bottom: 40px;
}

.banner-bg{
	background-image: url(/img/Texture\ logo.png);
}

.padding-text {
    padding: 6rem 4rem 6rem 12rem;
}
.fs-26{
	font-size: 26px;
}
.swiper-news {
	padding-left: 3rem;
}
.news-title{
	color: #000;
	font-size: 75px;
	font-weight: 700;
	text-align: justify;
	line-height: 79px;
}
.swiper-news .swiper-slide {
	border-right: 2px solid #fff;
}
.swiper-news .card {
	background-color: transparent;
	font-size: 16px;
	text-align: start;
	border: none;
	
}
.swiper-news .card p {
	width: 100%;
	display: -webkit-box;
	height: 225px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.swiper-news .card h5 {
	display: -webkit-box;
	height: 110px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: .5rem;
}

.swiper-news .swiper-slide {
	padding: 1rem 0.1rem;
}
.padding-btn{
	padding: 5px 16px 5px 14px;
	height: fit-content;
	display: inline-flex;
	margin-top: 1rem;
}
.padding-btn svg {
	font-weight: 700;
}
.h-16px {
	height: 16px;
}
.news{
	padding-right: 0;
}
/* #v-pills-tab{
	width: 400px;
} */
.tab-content{
	width:calc(100% - 400px);
}
.etichetta-famiglia{
	font-size:24px;
	font-weight: 600;
	text-transform: uppercase;
	padding:30px;
	background-color: #00AEEF;
	color:white;
	margin-right:50px;
	max-width:500px;
	background-color: #7a7a7a!important;
	color:white!important;
	margin-bottom:8px;
	border-radius:20px!important;
	background-image:url(../img/bg-pattern-white.jpeg);
	background-blend-mode: color-burn;
	/* border-top-right-radius: 20px!important;
	border-bottom-right-radius: 20px!important; */
}
.etichetta-famiglia.azzurro.active{
	background-color: #00AEEF!important;
	color:white!important;
	margin-right:20px;
}
.etichetta-famiglia.viola.active{
	background-color: #6800ef!important;
	color:white!important;
	margin-right:20px;
}
.etichetta-famiglia.blu.active{
	background-color: #2C487E!important;
	color:white!important;
	margin-right:20px;
}
.etichetta-famiglia.rosa.active{
	background-color: #D368B6!important;
	color:white!important;
	margin-right:20px;
}
.etichetta-famiglia.arancione.active{
	background-color: #D86555!important;
	color:white!important;
	margin-right:20px;
}
.etichetta-famiglia.giallo.active{
	background-color: #E69E50!important;
	color:white!important;
	margin-right:20px;
}
/* .etichetta-famiglia.azzurro{
	background-color: #00AEEF!important;
	color:white!important;
} */
 .etichetta-famiglia.azzurro{
	background-color: #00AEEF!important;
	color:black!important;
}
.etichetta-famiglia.viola{
	background-color: #6800ef!important;
	color:white!important;
}
.etichetta-famiglia.blu{
	background-color: #2C487E!important;
	color:white!important;
}
.etichetta-famiglia.rosa{
	background-color: #D368B6!important;
	color:white!important;
}
.etichetta-famiglia.arancione{
	background-color: #D86555!important;
	color:white!important;
}
.etichetta-famiglia.giallo{
	background-color: #E69E50!important;
	color:white!important;
}

.bg-light-blue, .bg-azzurro{
	background-color: #00AEEF;
}
.bg-light-blue, .bg-blu{
	background-color: #2C487E;
}
.bg-light-blue, .bg-rosa{
	background-color: #D368B6;
}
.bg-light-blue, .bg-arancione{
	background-color: #D86555;
}
.bg-light-blue, .bg-giallo{
	background-color: #E69E50;
}

.text-light-blue *, .text-azzurro *{
	color: #00AEEF!important;
}
.text-blu *, .text-blu{
	color: #2C487E!important;
}
.text-rosa *{
	color: #D368B6!important;
}
.text-arancione *{
	color: #E43524!important;
}
.text-giallo *{
	color: #E69E50!important;
}

.border-blu {
	border-bottom: 3px solid #2C487E;
	width: fit-content;
  padding-right: 0.3rem;
}
.border-arancione {
	border-bottom: 3px solid #D86555;
	width: fit-content;
    padding-right: 0.3rem;
}
.border-rosa {
	border-bottom: 3px solid #D368B6;
	width: fit-content;
    padding-right: 0.3rem;
}
.border-giallo {
	border-bottom: 3px solid #E69E50;
	width: fit-content;
    padding-right: 0.3rem;
}
.border-azzurro,.border-blue {
	border-bottom: 3px solid #00AEEF;
	width: fit-content;
    padding-right: 0.3rem;
}

.banner-bg-polygon {
	background-image: url(/img/bg-polygon.png);
}
.siti a {
	width: fit-content;
  margin-left: 3rem;
	text-decoration: none;

}
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
	}
}

.views-exposed-form{
	margin: 40px 0;
}

img{
	max-width:100%;
}

.banner-blu h, .banner-blu p{
	color: white;
}

.bg-footer{
	background-color: #fff;
	position: relative;
	background-repeat: no-repeat;
	background-position-x: right;
	padding: 6rem 6rem;
}
#footer img{
	margin-bottom:20px;
}
#footer a{
	font-size: 20px;
	line-height: 30px;
	color: #010101;
	font-weight: 400;
	display: block;
	margin-bottom:5px;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer h3{
	font-size: 30px;
	line-height: 30px;
	color: #010101;
	font-weight: 700;
	display: block;
	margin-bottom:20px;
}
#copyright{
	border-top:1px solid #00AEEF;
	padding-top:20px;
	margin-bottom:20px;
}
.m-r-20{
	margin-right: 20px;
}
.prodotto h1{
	font-size: 58px;
	font-weight: 700;
	line-height: 71.62px;
	font-family: Arvo;
}
.prodotto .description-p{
	font-family: Nunito Sans;
	text-transform: uppercase;
	font-size: 20px;
}
.padding-inline-6{    
	padding-inline: 6rem;
}
.descrition-prod p {
	font-size: 20px;
}


.m-r-1rem {
	margin-right: 1rem;
}

.accordion-button {
	background-color: #00AEEF!important;
	font-size: 30px;
	color: #fff !important;
	font-weight: 700;
	font-family: Futura;
	line-height: 45px;
	padding: 2rem 7rem;
	margin-bottom: 2rem;
}

.accordion-button::after {
	background-image: url(/img/prodotti/Freccia.png);
	transform: rotate(180deg);
}

.accordion-button:not(.collapsed)::after {
	background-image: url(/img/prodotti/Freccia.png);
	transform: rotate(0deg);
    
}
.accordion-item {
	border: none;
	background: #70bcff4d;
	margin-bottom: 1rem;
}

.accordion-body {
	padding: 3rem 5rem;
}

.icon-product {
	content: "";
	height: 3px;
	background: #646464;
	position: absolute;
	right: 0;
	WIDTH: 50%;
	left: 0;
	top: 0;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	border: 0;
	margin: 0;
}

.accordion-body .nav-link img {
	max-height: 90px;
}

/* IMG HEADER */
.img_container img{
	height: 350px;
	object-fit: cover;
	margin-top: 120px!important;
	width: 100%!important;
}


/* ARTICLE PAGE */
.article_page{
	margin-top: 120px;
}

.article_header{
	top: 205px!important;
	height: 150px;
	margin-bottom: 60px;
	background-position: center;
	position: relative;
}

.breadcrumb_article a{
	color:#000;
}

.article_blog{
	background-color: #fff;
	padding: 50px 120px;
  border-radius: 10px 10px 0 0;
	position: absolute;
	bottom: 0;
}

.article_title{
	margin-bottom: 60px;
	text-align: start;
}

.article-date-tags{
	display: flex;
	justify-content: space-between;
}

.article_img{
	margin-bottom: 40px;
	border-radius: 80px;
	width: 100%;
	height: 80vh;
  object-fit: cover;
}

.article-btn{
	width: max-content;
	border: 4px solid #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 30px;
	padding: 10px 20px;
}

.article-btn a{
	color: #00AEEF;
	text-decoration: none;
	cursor: pointer;
}


.blog_img{
	position: relative;
}

.etichetta_img{
	position: absolute;
	left: 0;
	bottom: 40px;
	border-radius: 40px 10px;
	padding: 20px 40px;
	background-color: #00AEEF;
	color: #fff;
}

.play_container{
	width: 100px;
	height: 100px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	top: -370px;
	left: 340px;
	margin-bottom: -130px;
}

.play{
	width: 0;
	height: 0;
	border-left: 30px solid #000000;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	margin-left: 10px;
	border-radius: 3px;
}

.blog_img img{
	margin-bottom: 40px;
	border-radius: 40px 20px;
	width: 90%;
	max-height: 600px;
	object-fit: cover;
	height: auto;
}

.article_tags{
	font-weight: 400;
}

/* VIEW - LAST THREE NEWS */
.lasts_news_view{
	float: left;
	padding-top: 40px;
}

.last_three_news{
	display: flex;
	flex-direction: column;
	border-bottom: #00AEEF;
	float: left;
	width: 90%;
	border-bottom: 2px solid #00AEEF;
}

.last_three_news span{
	text-align: end;
	padding-bottom: 10px;
	font-weight: 400;
  font-size: 14px;
}

.last_three_news h5{
	width: 48%;
	text-decoration: none;
	padding-top: 30px;
	font-size: 20px;
}

.last_three_news h5 a{
	color: #000;
	font-weight: 400;
}

/* BLOG */
/* .blog_video{
	height: 500px;
} */
/* .blog img{
	width: 100%;
	height: auto;
} */

/* Applicazione */

.container_applicazione{
	display: flex;
	justify-content: space-around;
}

.icon_title{
	width: 50%;
	display: flex;
}

.title-blue{
	color: #00AEEF;
	padding-left: 15px;
}

.product-img-box img{
	object-fit: contain;
}

.box-prodotto-applicazione{
	box-shadow: 10px 10px 20px 2px rgba(156,156,156,0.5);
	border-top-left-radius: 40px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 40px;
	padding-right: 60px!important;
	background-image:url(../img/bg-pattern-white.jpeg);
	background-size: cover;
}

.box-prodotto-applicazione h4{
	align-content: center;
}

.lista{
	list-style-type: disclosure-closed;
	font-size: 18px;
}


.lista li{
	padding-top: 10px;
	font-weight: 400;
}

/* View Product */
.view_products{
	width: 50%;
	border: 2px solid #00AEEF;
	border-radius: 40px 20px;
	margin: 40px 0;
}

.header_product{
	padding-top: 25px;
}

/* .icon_product{
	width: 25%;
} */

.title_product{
	width: 70%;
	margin-top: -35px;
}

.title_product h1{
	font-size: 34px;
	margin-top: 45px;
	margin-left: -20px;
}

.title_product p{
	margin-top: -30px;
  margin-left: -20px;
	padding-right: 20px;
}

.pridotto_title{
	border-bottom: 1px solid #00AEEF;
	border: 80%;
	color: #2C487E;
}

.type_product{
	display: flex;
	align-items: center;
}

.type_product p {
	width: max-content;
}

.type_product img {
	width: 60px;
	object-fit: cover;
	margin-bottom: 20px;
}

.product_info {
	padding-top: 20px;
}

.product_info ol{
	padding: 0;
}

.product_info li{
	color: #000!important;
}

/* Family */

.family li{
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	font-weight: 400;
	padding-top: 10px;
	font-size: 18px;
}

.family li::before {
	content: '>';
	position: absolute;
	left: 0;
	color: #00AEEF;
}

.icon_family{
	padding-left: 10px;
}

.icon_family img{
	height: 45px;
	width: 45px;
}

.box-immagine-testo.box-immage{
	border-top-left-radius: 60px;
	border-top-right-radius: 90px;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 60px;
	align-content: center;
}

.box-immage img{
	width: 100%
}

.box-immage_sinistro{
	border-top-left-radius: 60px;
	border-top-right-radius: 90px;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 60px;
}

.paragraph_color{
	background-color: #00AEEF;
	border-top-left-radius: 90px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 90px;
}

.paragraph_color_sinistro{
	background-color: #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 90px;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 30px;
}

/* .box-video{
	width: 100%;
} */

.box-video video{
	width: 100%!important;
	border-radius: 90px 30px;
}

/* .box-immage_banner img{
	position: relative;
} */

.image-container {
  position: relative;
  display: inline-block;
}

.banner_blue_scope{
	background-color: #00AEEF;
	border-top-left-radius: 90px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 90px;
	width: 65%;
	position: absolute;
	padding: 25px 35px;
	text-align: center;
	left: 0px;
	bottom: 15px;
	z-index: 10;
}

.banner_blue{
	background-color: #00AEEF;
	border-top-left-radius: 90px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 90px;
	width: 45%;
	position: absolute;
	padding: 15px 30px;
	text-align: center;
	left: 20px;
	bottom: 30px;
	z-index: 10;
}



.banner_blue p, .banner_blue_scope p{
	font-size: 22px;
	line-height: 1.5rem;
}

.banner_blue_sinistra{
	background-color: #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 90px;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 30px;
	width: 40%;
	position: absolute;
	padding: 15px 30px;
	text-align: center;
	right: 20px;
	bottom: 65px;
}

.banner_blue_sinistra p{
	font-size: 24px;
	line-height: 3rem;
}

.action{
	color: #fff;
	background-color: #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 30px;
	padding: 16px 28px;
	border: 4px solid #00AEEF;
	margin-top: 20px;
	transition: all 1s;
}

.action:hover{
	background-color: #fff;
	border: 4px solid #00AEEF;
	color: #00AEEF;
}

.border_info{
	border-top: 2px solid #00AEEF;
	width: 100px;
	margin-left: 20px;
}

/* .pagination {
  justify-content: center;
}

.page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
}

.page-link {
  color: #007bff;
}

.page-link:hover {
  color: #0056b3;
} */

.timeline{
	position: relative;
	width: 100%;
	padding: 20px 0;
}

.timeline::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	background: #000;
	transform: translateX(-50%);
}

.timeline-item {
	position: relative;
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
}

.timeline-item-left{
	justify-self: end;
	text-align: start;
}

.timeline-item-right{
	justify-self: start;
	text-align: end;
	margin-left: 120px;
}

.timeline-content {
  background: #00AEEF;
  border: 2px solid #00AEEF;
  border-radius: 60px;
  padding: 20px;
  position: relative;
  display: flex;
  max-width: 440px;
	color: #fff;
}

.timeline-info {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.timeline-item-left .timeline-info{
	margin-left: 15px;
}

.timeline-item-right .timeline-info{
	margin-right: 15px;
	justify-items: end;
}

.timeline-item-left .timeline-info h4 {
	width: min-content;
	color: #000;
	background-color: #fff;
	padding: 5px 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.timeline-item-right .timeline-info h4 {
	width: min-content;
	color: #000;
	background-color: #fff;
	padding: 5px 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.timeline-image {
	align-content: center;
}

.timeline-image img {
	width: 440px;
  height: 100%;
	object-fit: cover;
}

.timeline-item-left .timeline-image img {
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
}

.timeline-item-right .timeline-image img {
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
}

.timeline-item-left:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 1px;
  border: solid transparent;
  border-width: 20px;
  border-left-color: #000;
}

.timeline-item-right:before {
  content: "";
  position: absolute;
  top: 40%;
  right: 120px;
  border: solid transparent;
  border-width: 20px;
  border-right-color: #000;
}

.btn-title{
	font-size: 38px;
	font-weight: 600;
	color: #00AEEF;
}

.immagine_mappa{
	background-image: url('../img/bg-world.png');
	height: 450px;
	margin-bottom: 40px;
}

.box-sede-white{
	background-color: #fff;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.card-sedi-header .btn.text-decoration-none{
	justify-items: start;
	width: 100%;
	background-color: #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	transition: all 0.5s;
}

.box-sede .card-sedi-header.sedi_home{
	justify-items: center;
	width: 100%;
	background-color: #fff;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	transition: all 0.5s;
	border: 5px solid #00AEEF;
	padding: 10px 30px;
	height: 150px;
  align-content: center;
	justify-content: center;
}

.card-sedi-header.sedi_home{
	display: flex;
	align-items: center;
	text-align: -webkit-center;
	justify-items: center;
	width: 100%;
	background-color: #fff;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
	transition: all 0.5s;
	border: 5px solid #00AEEF;
	padding: 6px 10px;
	height: 150px;
	justify-content: center;
}

.breaking-news.box-sede .card-sedi-header.sedi_home h3{
	font-size: 18px!important;
}

.blocco-sedi_home{
	display: flex;
	/* flex-direction: column; */
	flex-wrap: wrap;
}

.breaking-news h3{
	font-size: 18px;
}

.sedi_home h6{
	color: #000;
	font-weight: 600;
	font-size: 16px;
}

.box_sede{
	justify-items: center;
}

.box_sede p{
	color: #000;
	font-size: 16px;
}

.card-sedi-header a{
	/* color: #fff; */
	color: #000000;
	padding-left: 15px;
}

.card-sedi-header.sedi_home img{
	object-fit: cover;
	width: 100%;
	/* margin-left: -25px; */
	height: auto;
}

.titolo_sedi{
	color: #cfcfcfab;
	font-size: 120px;
	padding-left: 350px;
}

.card-sedi-header .btn.text-decoration-none.collapsed{
	background-color: #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 30px;
	transition: all 0.5s;
}

.box-sede {
	border-top-left-radius: 40px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 40px;
}

.box-sede .collapse.show {
	border: 4px solid #00AEEF;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 35px;
}

.box-sede:not(:last-child){
	margin-right: 20px;
}

/* .sedi_box .primi_4{
	width: 100%;
}

.sedi_box .dopo_4{
	width: 45%;
}
 */
.border_white{
	border-top: 2px solid #fff;
	width: 100px;
	margin-left: 15px;
}

.border_black{
	border-top: 2px solid #000000;
	width: 80px;
}

.testo-sede{
	color: #fff;
	padding-top: 15px;
	margin-bottom: 0;
}

.siti.section .navbar-brand img{
	width: 300px!important;
}

.divired{
	width: 35%;
	border: 2px solid;
	justify-self: center;
}

.certification-content {
  display: flex;
	flex-direction: column;
	align-items: center;
}

.certification-info {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
	text-align: center;
	padding-top: 30px;
}

/* MENU */

.navigation__items{
	text-decoration: none;
	display: flex;
	justify-content: space-around;
	list-style: none;
}

.navigation__item li{
	list-style: none;
	cursor: pointer;
	margin-bottom: 15px;
}

.navigation__item li a{
	color: #000;
	font-size: 24px;
	transform: translateY(0);
	transition: color 0.2s ease;
}

.navigation__item a:hover{
	color: #00AEEF;
}

.product_icon img{
	width: 100px;
	height: 100px;
}

.sedi_logo{
	height: 250px;
}

.site-mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	background: #fff;
	z-index: 1000;
	transform: translateX(-100%);
	transition: transform 0.3s ease-in-out;
	overflow-y: auto;
}

body.offcanvas-menu .site-mobile-menu {
	transform: translateX(0);
}

.site-mobile-menu-header {
	display: flex;
	justify-content: flex-end;
	padding: 10px;
	background: #f8f9fa;
}

.site-mobile-menu-body {
	padding: 20px;
}

.arrow-collapse {
	cursor: pointer;
	margin-right: 10px;
}

.library{
	display: flex;
}
.library-data{
	font-size: 16px;
	font-weight: 100;
	color: #a9a9a9;
}

.library-data time{
	color: #646464;
	font-size: 14px;
}

.library-btn{
	width: max-content;
	border: 4px solid #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 30px;
	padding: 10px 20px;
}

.library-btn a{
	color: #00AEEF;
	text-decoration: none;
	cursor: pointer;
	font-size: 20px;
}

.blocchi_3 img{
	height: 300px;
	width: auto;
	border-top-left-radius: 90px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 90px;
}

/* .blocchi_3 .banner_blue{
	left: 50px!important;
	bottom: 172px!important;
} */

.blocchi_3 .banner_blue_scope h4{
	font-size: 20px!important;
}

.blocchi_3 p{
	text-align: start;
}

.img.img_center img{
	border-radius: 100px;
	height: 400px;
	object-fit: cover;
}

.paragraph_blocchi{
	width: 75%;
	/* margin-left: 40px; */
}

.image-container img {
  display: block;
  max-width: 100%;
  height: auto;
}

.privacy{
	display: flex;
}

.privacy .col-md-2 img{
	width: 100%;
}

.privacy-data time{
	color: #646464;
	font-size: 14px;
}

.privacy-btn{
	width: max-content;
	border: 4px solid #00AEEF;
	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 30px;
	padding: 10px 20px;
}

.privacy-btn a{
	color: #00AEEF;
	text-decoration: none;
	cursor: pointer;
}

.paragraph_body{
	border-top: 2px solid black;
}

.earth-js.earth-container>canvas {
	max-width: 100vw;
	max-height: 100vh;
	width: 100%;
	height: auto;
}

.earth-js.earth-container.earth-ready{
	height: 100%;
	width: auto;
}

@media (max-width: 1170px) {
	.product_icon img{
		width: 80px!important;
		height: auto;
	}

	
}

@media (max-width: 1024px) {
	.xs_column{
		flex-direction: column;
	}

	.w-full{
		width: auto!important;
	}

	.sedi_logo{
		height: 200px;
	}

	.titolo_sedi{
		font-size: 80px;
	}

	.siti.section .navbar-brand img {
    width: 250px;
	}

	.titolo_sedi{
		padding-left: 220;
	}

	.blocchi_3 .banner_blue_scope h4{
		font-size: 16px!important;
	}

/* 	.blocchi_3 .banner_blue{
		bottom: 170px!important;
		left: 15px;
	} */

	.paragraph_blocchi{
		width: 100%;
    margin-left: 0px;
	}
}

.flag-icon {
	width: 35px;
	height: auto;
	margin-right: 8px;
	margin-bottom: 16px;
}

.dropdown-toggle::after{
	content: none!important;
}

/* .language{
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
} */


.family_product{
	background-color: #04aeef;
	color: #ffffff;
	border-top-left-radius: 10px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 10px;
}

/* #element {
  width: 100%;
  height: 500px;
  position: relative;
} */

.warning {
	width: 5em;
	max-width: 8vh;
	height: 5em;
	max-height: 8vh;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIsMkwxLDIyaDIyTDEyLDJ6Ii8+PHBhdGggZmlsbD0iI0ZGMDAwMCIgZD0iTTEyIDFsLTEyIDIyaDI0bC0xMi0yMnptLTEgOGgydjdoLTJ2LTd6bTEgMTEuMjVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNXMuNTYtMS4yNSAxLjI1LTEuMjUgMS4yNS41NiAxLjI1IDEuMjUtLjU2IDEuMjUtMS4yNSAxLjI1eiIvPjwvc3ZnPg==);
	background-size: 80%;
	cursor: pointer;
	pointer-events: all;
}
.earth-occluded .warning {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGRjAwMDAiIGQ9Ik0yNCAyM2gtMjRsMTItMjIgMTIgMjJ6bS0yMi4zMTUtMWgyMC42M2wtMTAuMzE1LTE4LjkxMi0xMC4zMTUgMTguOTEyem0xMC4zMTUtMmMuNDY2IDAgLjg0NS0uMzc4Ljg0NS0uODQ1IDAtLjQ2Ni0uMzc5LS44NDQtLjg0NS0uODQ0LS40NjYgMC0uODQ1LjM3OC0uODQ1Ljg0NCAwIC40NjcuMzc5Ljg0NS44NDUuODQ1em0uNS0xMXY4aC0xdi04aDF6Ii8+PC9zdmc+);
	opacity: 0.7;
}

#element::after {
	content: "";
	position: absolute;
	top: 9.85%;
	left: 9.85%;
	bottom: 9.85%;
	right: 9.85%;
	box-sizing: border-box;
	border: 0.5px #D0D0D0 solid;
	border-radius: 50%;
}


#wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
	position: relative;
	margin: 0 auto;
	width: 92%;
	max-width: 100em;
	font-family: sans-serif;
	min-height: 100vh;
}

#earth-col {
	flex: 0 1 50vw;
}
#breaking-news {
	flex: 0 1 25vw;
	text-align: right;
}
#local-news {
	flex: 0 1 25vw;
}


.news {
	transition: color 0.2s ease;
	padding: 0.25em 0;
}
.news-highlight {
	color: #00AEEF;
}

.news + .news {
	border-top: 1px #D0D0D0 solid;
}

p {
	line-height: 140%;
}
h3 {
	font-size: 1.1em;
	cursor: pointer;
	margin-bottom: -0.2em;
	line-height: 140%;
}
h3:hover {
	color: #00AEEF;
}

.has-news #please-click {
	display: none;
}

#local-news .news {
	display: none;
}
#local-news.has-news .news {
	display: block;
}
#local-news.toggle-news .news:last-child {
	display: none;
}

.container .center-element.vs_column .col-3 img{
	width: 275px;
	border-top-left-radius: 40px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 40px;
}

.col-md-6.d-flex.justify-content-end.align-items-center.p-0.margin_xs img{
	border-top-left-radius: 90px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 90px;
	height: 50vh;
	object-fit: cover;
}

.small_img img{
	max-width: 250px;
  border-radius: 20px 30px;
}

@media (max-width: 1399px) {
	#breaking-news,
	#local-news {
		font-size: 0.9em;
	}
}

@media (max-width: 1199px) {
	#wrapper {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		width: 100%;
		padding-top: 70px;
	}
	#earth-col {
		-webkit-order: 0;
		order: 0;
		flex: 0 1 100vw;
		max-width: 50em;
	}
	#breaking-news,
	#local-news {
		font-size: 0.9em;
		flex: 0 1 46vw;
		width: 50vw;
		box-sizing: border-box;
	}
	#breaking-news {
		-webkit-order: 1;
		order: 1;
		padding: 0 1.5em 0 0.5em;
	}
	#local-news {
		-webkit-order: 2;
		order: 2;
		padding: 0 0.5em 0 1.5em;
	}
}
@media (max-width: 511px) {
	#breaking-news,
	#local-news {
		font-size: 2.75vw;
	}
}

.margin_150{
	margin-top: 150px;
	margin-bottom: 150px;
}

.margin_t_150{
	margin-top: 150px;
}

.margin_t_80{
	margin-top: 80px;
}

.margin_b_80{
	margin-bottom: 80px;
}

.padding-r-80{
	padding-right: 80px;
}

.padding-l-80{
	padding-left: 80px;
}

@media (max-width: 992px) {
	.siti.section .d-flex{
		flex-direction: column;
		align-items: center;
	}

	.blocco-sedi_home{
		flex-direction: column;
	}

	.box-sede.m-b-20{
		width: 100%;
		/* margin-left: 10px; */
	}

	.siti.section .navbar-brand img {
		width: 200px;
	}

	.titolo_sedi{
		padding-left: 0;
	}

	.img_icona img{
		width: 250px;
	}

	.blocchi_3 .banner_blue_scope h4{
		font-size: 24px!important;
	}

	.banner_blue, .banner_blue_scope{
		padding: 15px 20px;
	}
}


@media (max-width: 576px){

	.container.blog{
		margin-top: -150px;
	}

	.sedi_box{
		flex-direction: column;
		align-items: center;
	}

/* 	.siti.section .d-flex{
		flex-direction: column;
	} */

	.w-full{
		width: auto!important;
	}

	.page-title{
		padding: 40px 50px 0;
	}

	.unicita {
		top: 212px;
		z-index: 1;
		height: 86px;
		background-size: cover;
		width: 100%;
		left: 10px;
	}

	h3{
		font-size: 24px;
	}

	.blog h3{
		line-height: 40px!important;
		font-size: 24px!important;
	}

	.title-upper{
		font-size: 34px!important;
		text-align: center;
	}

	.margin_150{
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.margin_t_150{
		margin-top: 40px;
	}

	.m-b-150 {
    margin-bottom: 60px;
	}

	.margin_b_150{
		margin-bottom: 40px;
	}

	.margin_t_80{
		margin-top: 40px;
	}

	.margin_b_80{
		margin-bottom: 40px;
	}

	.padding-y-150{
		padding:40px 0px!important;
	}

	.margin_xs{
		margin-top: 60px;
	}

	.xs_column{
		display: flex;
		flex-direction: column;
	}

	.margin_l_xs{
		margin-left: 20px;
	}

	.padding-r-80{
		padding-right: 0;
	}

	.padding-l-80{
		padding-left: 0;
	}

	.tab-content{
		width: 100%;
	}

	.etichetta-famiglia{
		font-size: 18px;
	}

	.banner-blu{
		padding: 1.75rem 0.75rem;
    bottom: 342px;
	}

	.etichetta-famiglia.azzurro.active{
		margin-right:20px;
	}

	.etichetta-famiglia.viola.active{
		margin-right:0px;
	}

	.etichetta-famiglia.blu.active{
		margin-right:0px;
	}

	.etichetta-famiglia.rosa.active{
		margin-right:0px;
	}

	.etichetta-famiglia.arancione.active{
		margin-right:0px;
	}

	.etichetta-famiglia.giallo.active{
		margin-right:0px;
	}

	.counter .numero{
		font-size: 60px;
	}

	p, .counter .descrizione{
		font-size: 18px;
	}

	.banner_blue_sinistra p{
		line-height: 1.75rem;
	}

	.certification-image img{
		width: 200px;
		height: auto;
	}

	.banner_blue_sinistra {
    width: 50%;
    padding: 15px 20px;
    bottom: 30px;
	}

	.box-prodotto-applicazione{
		padding-right: 0px!important;
	}

	.mb-3.mt-3.p-3.w-auto.box-prodotto-applicazione{
		margin-right: -40px;
	}

	.box-prodotto-applicazione .d-flex.flex-column{
		padding-right: 20px;
	}

	.box-sede{
		width: 100%!important;
		justify-content: center;
	}

	.border_white{
		width: 100%;
	}

	.padding-40{
		padding: 20px;
	}

	.w-50{
		width: 100%!important;
	}

	.icon_title{
		width: 100%;
	}

	.p-t-80{
		padding-top: 40px!important;
	}

	.timeline-item-right{
		justify-self: end;
		margin-left: auto;
		margin-right: 0;
	}

	.timeline-item-right:before {
		right: 462px;
	}

	.timeline::before{
		left: 5%;
	}

	.timeline-item{
		float: inline-start;
		width: 90%!important;
	}

	.filiali {
		height: 88px;
    width: 90%;
    background-size: cover;
    margin-left: 20px;
	}

	.siti a{
		margin-left: 0;
	}

	.siti.section .navbar-brand img {
		width: 150px;
	}

	.titolo_sedi{
		font-size: 50px;
	}

	.sedi_logo{
		height: 150px;
	}

	.siti.section .navbar-brand img {
    width: 150px;
	}

	.img_icona img{
		width: 150px;
	}

	.testo-prodotto{
		padding-right: 0px;
	}

	.testo-prodotto .img_icona{
		justify-self: center;
	}

	.testo-prodotto	.col-md-9 h1{
		justify-items: center;
	}

	#wrapper{
		padding-top: 70px;
	}

	#earth-col{
		width: 100%;
    max-width: 100vw;
    height: auto;
    overflow: hidden;
    position: relative;
	}
}

@media (max-width: 425px) {
	.sedi_logo {
		height: 180px;
	}

/* 	.blocchi_3 .banner_blue{
		bottom: 110px!important;
	} */

	.container .center-element .col-3 img{
		width: 100%;
	}

/* 	.blocchi_3 .banner_blue{
		left: 62px!important;
	} */
}

@media (max-width: 375px){
	.timeline-item-right:before {
		right: 451px;
	}

	.filiali {
		height: 78px;
    width: 90%;
    background-size: cover;
    margin-left: 30px;
    top: 130px;
	}

}

/*
.messaggi{
	position: absolute;
	top:0px;
	left:0px;
	margin:30px;
	box-shadow: 1px 1px 20px #ccc;
	padding:15px;
	background-color: white;
	z-index: 100000;
}*/