@charset "utf-8";
/* CSS Document */

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

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

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

@media screen and (max-width: 768px) {
    .navbar-light .navbar-toggler {color: transparent; border: none; padding: 0; margin: 10px auto 0; display: block; height: 20px}
    ul.navbar-nav {display: flex; justify-content: space-around; height: 80vh; padding-bottom: 50px;}
    .navbar-light.bg-light .navbar-nav .nav-link:hover, .navbar-light.bg-light .navbar-nav .nav-link.active, .navbar-light.bg-light .navbar-nav li.active .nav-link.active, .navbar-light .navbar-nav .nav-link {font-size: 22px; text-transform: uppercase; text-align: center;}
    .cnt-slide .carousel .carousel-caption h1 {font-size: 30px; line-height: 40px;}
    .cnt-slide .carousel .carousel-item {height: 85vh;}
    .cnt-slide .carousel .carousel-caption {height: 85vh;}
    h2, .box-servizi h2 {font-size: 30px; line-height: 40px;}
    h3 {font-size: 25px; line-height: 35px;}
    nav.navbar a.navbar-brand {width: 100%; margin-right: 0; text-align: center;}
    nav.navbar a.navbar-brand img {display: block; margin: 0 auto;}
    .navbar-light .navbar-toggler {color: transparent; border: none; padding: 0; margin: 10px auto 0; display: block; height: 20px}
    ul.navbar-nav {display: flex; justify-content: space-around; height: 70vh; padding-bottom: 50px;}
    .navbar-light.bg-light .navbar-nav .nav-link:hover, .navbar-light.bg-light .navbar-nav .nav-link.active, .navbar-light.bg-light .navbar-nav li.active .nav-link.active, .navbar-light .navbar-nav .nav-link {font-size: 22px; text-transform: uppercase; text-align: center;}

    .cnt-slide .carousel .carousel-caption {height: 65vh;}    
    .cnt-slide .carousel .carousel-item {height: 65vh; position: relative;}
    .cnt-slide .carousel .carousel-item:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
    .cnt-slide .carousel .carousel-item {background-position: center !important;}
    .cnt-slide .carousel .carousel-caption h1 {font-size: 35px; line-height: 45px; margin-top: 0;}
    .cnt-slide .carousel .carousel-caption span {display: none;}
    .cnt-slide .carousel .carousel-caption h3 {margin-top: 20%; margin-bottom: 0;}
    .cnt-slide .carousel .carousel-caption h4 {margin-top: 0;}
    .cnt-slide .carousel .carousel-caption p {margin-top: 0;}
    .cnt-slide .carousel .carousel-control-prev {margin-left: 5px;}
    .cnt-slide .carousel .carousel-control-next {margin-right: 5px;}
    .cnt-slide .carousel .carousel-control-next, .cnt-slide .carousel .carousel-control-prev {height: 40px; width: 40px;}
    .cnt-slide .carousel .carousel-caption a.btn.btn-primary {color: var(--white);}
    
    footer {text-align: center; padding: 5% 0;}
    footer img {max-width: 130px !important;}
    footer h5 {margin-top: 15px;}
    .copy p {text-align: center;}
    .content {text-align: left;}
	
	.intro h2 {margin-top: 25px;}
    
	.list-progetti {padding: 10% 0; margin-top: 25px;}
    .list-progetti p {margin-top: 10px;}
    .list-progetti .box a h3 {text-align: left;}
	.archive-progetti h2, .archive-progetti p {text-align: left;}
	.archive-progetti .list li {flex-direction: column;}
    .archive-progetti .list li, .list-archive ul.archive li {flex-basis: 100%;}
	.archive-progetti .list li .text h3 {margin-top: 10px; min-height: 0;}
	.archive-progetti .list li .text p {margin-top: 15px; min-height: 0;}
	.archive-progetti .list li a.link {margin-top: 10px; display: block; font-size: 16px; line-height: 28px;}
	
	
    .box-cta {margin-top: 5%; padding: 10% 0; text-align: center;}
    .box-cta p {margin-bottom: 20px;}
	.list-archive ul.archive {margin: 15px 0 0;}
    .list-archive ul.archive li {padding: 0; display: block; width: 100%;}
    .list-archive ul.archive li .box-img {max-width: 100%; margin-bottom: 15px;}
    .list-archive ul.archive li .box-text {max-width: 100%;}
	.list-archive ul.archive li img {max-width: 100%;}
    .list-correlati ul.projects {display: block;}
    .list-correlati ul.projects li {display: block; padding: 15px;}
    .list-correlati ul.projects li img {margin: 10px 0;}
    .list-correlati ul.projects li .box-text {max-width: 100%; margin-right: 0 !important;}
    .list-correlati ul.projects li .box-text p {display: none;}
    .list-correlati ul.projects li .box-img {max-width: 100%;}
    .list-correlati ul.projects li .box-img.me-4 {margin-right: 0 !important;}
	.list-archive ul.archive li h3 {min-height: 0; line-height: 30px; font-size: 22px;}
	.list-archive ul.archive li p {min-height: 0; font-size: 18px; line-height: 24px; margin-top: 10px;}
	.list-archive ul.archive li a.link {margin-top: 10px; display: block; font-size: 16px; line-height: 28px;}
	.cnt-contatti .form textarea.material-field-input {min-height: 200px; max-height: 200px;}
	
	.form-group.contact-us.form {margin-top: 25px;}
	
	footer ul, footer p {margin-top: 10px;}
	footer ul.text-end {text-align: center !important;}
	.copy ul.social {margin: 10px 0 0 0; justify-content: center;}
	
	.header-int {min-height: 300px; max-height: 300px; margin-top: 90px; padding: 0 25px;}
	
	.content .text-center {text-align: left !important;}
	
	.gallery .gallery-progetto img {max-height: 300px;}
}

@media screen and (max-width: 430px) {
    h2, .box-servizi h2 {font-size: 30px; line-height: 40px;}
    h3 {font-size: 25px; line-height: 35px;}
    nav.navbar a.navbar-brand {width: 100%; margin-right: 0; text-align: center;}
    nav.navbar a.navbar-brand img {display: block; margin: 0 auto;}
    .navbar-light .navbar-toggler {color: transparent; border: none; padding: 0; margin: 10px auto 0; display: block; height: 20px}
    ul.navbar-nav {display: flex; justify-content: space-around; height: 70vh; padding-bottom: 50px;}
    .navbar-light.bg-light .navbar-nav .nav-link:hover, .navbar-light.bg-light .navbar-nav .nav-link.active, .navbar-light.bg-light .navbar-nav li.active .nav-link.active, .navbar-light .navbar-nav .nav-link {font-size: 22px; text-transform: uppercase; text-align: center;}

    .cnt-slide .carousel .carousel-caption {height: 65vh;}    
    .cnt-slide .carousel .carousel-item {height: 65vh; position: relative;}
    .cnt-slide .carousel .carousel-item:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
    .cnt-slide .carousel .carousel-item {background-position: center !important;}
    .cnt-slide .carousel .carousel-caption h1 {font-size: 35px; line-height: 45px; margin-top: 0;}
    .cnt-slide .carousel .carousel-caption span {display: none;}
    .cnt-slide .carousel .carousel-caption h3 {margin-top: 20%; margin-bottom: 0;}
    .cnt-slide .carousel .carousel-caption h4 {margin-top: 0;}
    .cnt-slide .carousel .carousel-caption p {margin-top: 0;}
    .cnt-slide .carousel .carousel-control-prev {margin-left: 5px;}
    .cnt-slide .carousel .carousel-control-next {margin-right: 5px;}
    .cnt-slide .carousel .carousel-control-next, .cnt-slide .carousel .carousel-control-prev {height: 40px; width: 40px;}
    .cnt-slide .carousel .carousel-caption a.btn.btn-primary {color: var(--white);}
    
    footer {text-align: center; padding: 5% 0;}
    footer img {max-width: 130px !important;}
    footer h5 {margin-top: 15px;}
    .copy p {text-align: center;}
    .content {text-align: left;}
	
	.intro h2 {margin-top: 25px;}
    
	.list-progetti {padding: 10% 0; margin-top: 25px;}
    .list-progetti p {margin-top: 10px;}
    .list-progetti .box a h3 {text-align: left;}
	.archive-progetti h2, .archive-progetti p {text-align: left;}
	.archive-progetti .list li {flex-direction: column;}
    .archive-progetti .list li, .list-archive ul.archive li {flex-basis: 100%;}
	.archive-progetti .list li .text h3 {margin-top: 10px; min-height: 0;}
	.archive-progetti .list li .text p {margin-top: 15px; min-height: 0;}
	.archive-progetti .list li a.link {margin-top: 10px; display: block; font-size: 16px; line-height: 28px;}
	
	
    .box-cta {margin-top: 5%; padding: 10% 0; text-align: center;}
    .box-cta p {margin-bottom: 20px;}
	.list-archive ul.archive {margin: 15px 0 0;}
    .list-archive ul.archive li {padding: 0; display: block; width: 100%;}
    .list-archive ul.archive li .box-img {max-width: 100%; margin-bottom: 15px;}
    .list-archive ul.archive li .box-text {max-width: 100%;}
	.list-archive ul.archive li img {max-width: 100%;}
    .list-correlati ul.projects {display: block;}
    .list-correlati ul.projects li {display: block; padding: 15px;}
    .list-correlati ul.projects li img {margin: 10px 0;}
    .list-correlati ul.projects li .box-text {max-width: 100%; margin-right: 0 !important;}
    .list-correlati ul.projects li .box-text p {display: none;}
    .list-correlati ul.projects li .box-img {max-width: 100%;}
    .list-correlati ul.projects li .box-img.me-4 {margin-right: 0 !important;}
	.list-archive ul.archive li h3 {min-height: 0; line-height: 30px; font-size: 22px;}
	.list-archive ul.archive li p {min-height: 0; font-size: 18px; line-height: 24px; margin-top: 10px;}
	.list-archive ul.archive li a.link {margin-top: 10px; display: block; font-size: 16px; line-height: 28px;}
	.cnt-contatti .form textarea.material-field-input {min-height: 200px; max-height: 200px;}
	
	.form-group.contact-us.form {margin-top: 25px;}
	
	footer ul, footer p {margin-top: 10px;}
	footer ul.text-end {text-align: center !important;}
	.copy ul.social {margin: 10px 0 0 0; justify-content: center;}
	
	.header-int {min-height: 300px; max-height: 300px; margin-top: 90px; padding: 0 25px;}
	
	.content .text-center {text-align: left !important;}
	
	.gallery .gallery-progetto img {max-height: 300px;}
}

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