body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	scroll-behavior: smooth;
	/*	height: 3000px;*/
	overflow-x: hidden;
	/*color: #2785a2;*/
	color: #21738C;
}

.bg-image {
	width: 100vw;
	height: 50vh;
	object-fit: cover;
	position: relative;
	top: 0;
	left: 0;
	z-index: -1;
	filter: brightness(0.6);
}

.navbar {
	transition: all 0.5s;
}

.navbar-dark, .navbar {
  --bs-navbar-color: rgba(255, 255, 255, 1);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
 }




.navbar-scrolled {
	background: #42A8A5;
background: -webkit-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42A8A5", endColorstr="#198BB3", GradientType=1); 
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}




.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler {
	border: 1px solid #fff;
}


.nav-link.active {
	text-decoration: underline;
}

.carousel img{
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: relative;
	top: 0;
	left: 0;
/*	z-index: -1;*/
	filter: brightness(0.7);
	}


.bg-sfumatura-verde-azzurro {
	background: #42A8A5;
background: -webkit-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42A8A5", endColorstr="#198BB3", GradientType=1); 
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}



.gradient-custom {
background: #42A8A5;
background: -webkit-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42A8A5", endColorstr="#198BB3", GradientType=1); 
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);	
}


.gradient-hero {

      background: linear-gradient(to right, #ff6ec4, #7986cb);

      color: #fff;

      padding: 5rem 0;

    }



    .gradient-custom h1 {

      font-size: 3rem;

      font-weight: bold;

      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);

    }



    .gradient-custom p {

      font-size: 1.2rem;

      margin-bottom: 2rem;

    }



    .gradient-custom .btn {
	background-color: #fff;
	color: #2785a2;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
    }



    .gradient-custom .btn:hover {

      background-color: #2785a2;

      color: #fff;

    }
	
	
.service-card {

            transition: all 0.3s ease;

            border: none;

            border-radius: 15px;

            overflow: hidden;

            background: linear-gradient(145deg, #ffffff, #f3f3f3);

            box-shadow: 5px 5px 15px #d9d9d9, -5px -5px 15px #ffffff;

        }

        

        .service-card:hover {

            transform: translateY(-10px);

            box-shadow: 8px 8px 20px #d1d1d1, -8px -8px 20px #ffffff;

        }

        

        .icon-wrapper {

            width: 80px;

            height: 80px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 auto;

           /* background: linear-gradient(135deg, #6366f1, #8b5cf6);*/
		   background: #42A8A5;
background: -webkit-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
background: linear-gradient(90deg, rgba(66, 168, 165, 1) 0%, rgba(49, 157, 171, 1) 50%, rgba(25, 139, 179, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42A8A5", endColorstr="#198BB3", GradientType=1); 

        }

        

        .custom-badge {

            background: linear-gradient(135deg, #6366f1, #8b5cf6);

            padding: 8px 15px;

            border-radius: 20px;

            font-size: 0.8rem;

            font-weight: 500;

        }

        

        .service-title {

            color: #2d3748;

            font-weight: 600;

        }

        

        .service-text {

            color: #718096;

            font-size: 0.95rem;

        }
		
		
		
.team-member {

    transition: transform 0.3s ease-in-out;

}



.team-member:hover {

    transform: translateY(-10px);

}



.social-links a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background-color: #f8f9fa;

    color: #0d6efd;

    margin: 0 5px;

    transition: all 0.3s ease;

}



.social-links a:hover {

    background-color: #0d6efd;

    color: white;

    transform: translateY(-3px);

}



.team-member img {
	width: 400px;
	height: 400px;
	object-fit: cover;
	border-radius: 50%;
	border: 5px solid #f8f9fa;
	transition: transform 0.3s ease;
}



.team-member:hover img {

    transform: scale(1.05);

}



.section-title::after {

    content: "";

    display: block;

    width: 50px;

    height: 3px;

    background-color: #0d6efd;

    margin: 20px auto;

}		

/*#gallery .card img {

    height: 300px; 

    width: 100%; 

    object-fit: cover; 

}*/

/*        body {

            background-color: #f8f9fa;

            min-height: 100vh;

            padding: 40px 0;

        }*/	
	
.h5,h5{font-size:1.5rem}


h1, h2, h3, h4 {
	letter-spacing: 0.1em;
}

h2 {
	font-weight: 700 !important;
}

h3 {
  font-size: 1.3rem;
}

.spazio{
	margin-top:4em;
}


.testo-base {
	font-size:1.25rem;
	font-weight:300;
	letter-spacing: 0.03em;
}

.testo-base a{
	color:#0099CC;
	text-decoration: none;
}

.card {
	background-color: #D1E3E0;
	border-color: #D1E3E0;
}

figure {
	margin: 6px 4px !important;
}


.arrows {

	width: 60px;

	height: 72px;

	position: absolute;

	left: 50%;

	margin-left: -30px;

	bottom: 20px;

}



.arrows path {

	stroke: #fff;

	fill: transparent;

	stroke-width: 2px;	

	animation: arrow 2s infinite;

	-webkit-animation: arrow 2s infinite; 

}

.button-cookie {
	position: fixed;
	bottom: 0rem;
	left: 0.5rem;
}


header.principale {
	padding-top: 5rem; /*10rem;*/
	padding-bottom: calc(10rem - 4.5rem);
	background: /*linear-gradient(to bottom, rgba(20, 18, 13, 0.61) 0%, rgba(20, 18, 13, 0.61) 0%), url("../../img/principale.jpg");*//*linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(243, 238, 226, 0.6) 0%),*/ url("../../img/principale.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}
header.principale h1, header.principale .h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.principale {
    height: 100vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.principale p {
    font-size: 1.15rem;
  }
  header.principale h1, header.principale .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.principale h1, header.principale .h1 {
    font-size: 3.5rem;
  }
}

.azzurro-medio {
	background-color: #D1E3E0;
}


.rosso-veneziano {
	background-color: #993300 !important;
}

.testo {
	color: #7C4B08;
}

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

.fondino-azzurro {
	background-color: #BDE0EE;
}

.fondino-azzurro-chiaro {
	background-color: #DCEEEC;
}

.fondino-grigio-chiaro {
	background-color: #CCCCCC;
	background-image: url(../../img/pattern.jpg);
	background-repeat: repeat-x;
	margin-top: 6.1em;
}

.fondino-grigio-chiaro-home {
	background-color: #CCCCCC;
	background-image: url(../../img/pattern.jpg);
	background-repeat: repeat-x;
}

.blu-azzurro {
	color: #006699;
}

.antracite {
	color: #4F4E4D;
}

.titolo-antracite {
	color: #4F4E4D;
	font-size: 1.4rem;
	
}

.bianco {
	color: #fff;
	text-shadow: 2px 2px 4px #000;
}

footer p {
  color: #fff !important;
  letter-spacing: 2px;
  font-weight: 300;
}

footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;

}

.blu-notte {
	background-color: #284656;
}

.cacao {
	background-color: #7c4b08;
}

.antracite h1,h1{font-size:1.375rem;}

.grigio-scuro {
	color: #25251d;
}

hr.stacco {
	height: 0.2rem;
	max-width: 4rem;
	margin: 1.5rem auto;
	opacity: 1;
	border-top: 0px !important;
}

/*a {
  color: #c9a050 !important;
  text-decoration: none;
}
a:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #c9a050 !important;
}*/

.btn-outline-azzurrino {
  --bs-btn-color: #0099CC;
  --bs-btn-border-color: #0099CC;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0099CC;
  --bs-btn-hover-border-color: #0099CC;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0099CC;
  --bs-btn-active-border-color: #0099CC;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ccc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ccc;
  --bs-gradient: none;
}

.btn-outline-bluantonio2 {
  --bs-btn-color: #2C3F4E;
  --bs-btn-border-color: #2C3F4E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0099CC;
  --bs-btn-hover-border-color: #0099CC;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0099CC;
  --bs-btn-active-border-color: #0099CC;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ccc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ccc;
  --bs-gradient: none;
  border-radius: 2;
}



.btn-outline-bluette {
  --bs-btn-color: #2785a2;
  --bs-btn-border-color: #2785a2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2D9AAC;
  --bs-btn-hover-border-color: #2785a2;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2D9AAC;
  --bs-btn-active-border-color: #2785a2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ccc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ccc;
  --bs-gradient: none;
  border-radius: 0;
}

.btn-outline-antracite {
  --bs-btn-color: #4F4E4D;
  --bs-btn-border-color: #4F4E4D;
  --bs-btn-hover-color: #4F4E4D;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #4F4E4D;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #4F4E4D;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ccc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ccc;
  --bs-gradient: none;
  border-radius: 0;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #EE7F00;
    --bs-btn-border-color: #EE7F00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cf5331;
    --bs-btn-hover-border-color: #c34e2e;
    --bs-btn-focus-shadow-rgb: 246, 122, 88;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c34e2e;
    --bs-btn-active-border-color: #b74a2c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #EE7F00;
    --bs-btn-disabled-border-color: #EE7F00;
}

.btn-xl {
    padding: 1.25rem 2.25rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 10rem;
    background-color: #2C99AC;
}

.blu-azzurro h2 {
	font-family: Arial, Helvetica, sans-serif !important;
	letter-spacing: 0.1em;
}

.cta {
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../../img/grigio-dettaglio.jpg") fixed center center;
  background-size: 100% cover; /*auto*/
  padding: 120px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #ffc451;
  border-color: #ffc451;
  color: #151515;
}


.bg-grigio {
	background-color: #3F321A !important;
}

.text-bg-grigio {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

#btn-back-to-top {

position: fixed;
bottom: 20px;
right: 20px;
display: none;

}

.page-section {
  padding: 4rem 0;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75) !important;
}

/*.navbar {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: rgba(255, 255, 255, 1);
}*/

/*.navbar-custom{
  font-weight: 700;
  color: #7C4B08;
}*/

/*.navbar-custom .navbar-nav .nav-item .nav-link {
  color: #6c757d;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.75rem 0;
}*/

/*#mainNav {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  transition: background-color 0.2s ease;
}
.navbar-custom .navbar-brand {
  font-weight: 700;
  color: #7C4B08;
}
.navbar-custom .navbar-nav .nav-item .nav-link {
	color: #333333;
	font-weight: 400;
	font-size: 1.1rem;
	padding: 0.75rem 0;
}
.navbar-custom .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
	color: #0099CC;
}
.navbar-custom .navbar-nav .nav-item .nav-link.active {
	color: #0099CC !important;
}*/

@media (min-width: 992px) {

/*.navbar-custom .navbar-brand {
    color: #7C4B08;
  }
.navbar-custom .navbar-brand:hover {
    color: #EE7F00;
  }
.navbar-custom .navbar-nav .nav-item .nav-link {
    color: #575B60;
    padding: 0 1rem;
  }
.navbar-custom .nav-item .nav-link:hover {
    color: #fff;
  }
.navbar-custom .nav-item:last-child .nav-link {
    padding-right: 0;
  }
.navbar-custom {
    box-shadow: 0 0.5rem 1rem rgba(98, 49, 23, 0.34);
    background-color: #fff;
  }
.navbar-custom .navbar-brand {
    color: #7C4B08;
  }
.navbar-custom .navbar-brand:hover {
    color: #EE7F00;
  }
.navbar-custom .navbar-nav .nav-item .nav-link {
    color: #7C4B08;
  }
.navbar-custom .navbar-nav .nav-item .nav-link:hover {
    color: #EE7F00;
  }*/

}

@media (max-width: 575.98px) {

    .team-member img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 50%;
	border: 5px solid #f8f9fa;
	transition: transform 0.3s ease;
}

footer{
	text-align: center;
}

}

@media (min-width: 767.98px) {

    .team-member img {
	width: 300px;
	height: 300px;
	object-fit: cover;
	border-radius: 50%;
	border: 5px solid #f8f9fa;
	transition: transform 0.3s ease;
}

}

@media (min-width: 991.98px) {

    .team-member img {
	width: 400px;
	height: 400px;
	object-fit: cover;
	border-radius: 50%;
	border: 5px solid #f8f9fa;
	transition: transform 0.3s ease;
}

}