/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  /*padding-top: 3rem;*/
  padding-bottom: 3rem;
  color: #a9a89f;
  padding: 0;
  /* font-family: 'doulos_silregular'; */
  font-family: 'Futura Std Light';
}
.disp-block{
  display: block;
}
.pos-rel{
  position: relative;
}
.lbl-prima-dopo{
  position: absolute;
  pointer-events: none;
  color: #fff;
  text-shadow: 1px 1px 2px black;
  padding: 10px;
  font-family: 'Futura Std Bold';
}

p {
  margin-bottom: 0.5rem;
}
p:not([class]) {
    /* Stili per i paragrafi senza classe */
    color: #212222; 
    font-size: 14pt;
}
.navbar-scroll{
 box-shadow: 0 2px 13px rgba(0, 0, 0, 0.15);
}
.privacy-list{
  text-align: left;
}

.whatsapp-container{
  position: fixed;
  z-index: 99;
  bottom: 20px;
  right: 20px;
}
.whatsapp-link{
  font-size: 33px;
  background-color: #128c7e;
  color: #fff;
  padding: 20px;
  border-radius: 200px;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  box-shadow: rgb(38, 57, 77) 0px 13px 30px -10px;
}
.whatsapp-link:hover{
  background-color: #075e54;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  background-color: #fff;

  border: 5px solid #b2752d;
  
  border-radius: 100%;  
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

.pdf-icon-container{
  width: 100%;
  text-align: center;
}
.pdf-icon{
  max-width: 100px;
}
.max100{
    max-width:170px;
    width:100%;
    margin:0 auto;
}
.df_button_brochure{
  font-family: 'Futura Std Bold Oblique';
  font-size: 17pt;
  margin-top: 10px;
  background: #fff;
  border: 0;
  color: #a9a89f;
}

.specs-on-left{
    text-align: left;
    margin: 0 auto;
    width: max-content;
    min-width: 400px;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}


/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99999; /* makes sure it stays on top */
}


.signal {
    border: 5px solid #b2752d;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
 
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
      transform: scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
}

.fixed-nav{
  z-index: 1030;
  padding: 10px 0 10px 0;
  line-height: 1.5;
}

.top-bar{
  width: 100%;
  background: #a9a89f;
  display: inline-block;
  padding: 5px 0;
  box-sizing: border-box;
  margin: 0;
  line-height: 1.5;
}

.top-bar-text{
  color: #fff;
  font-size: 12pt;
  letter-spacing: 6px;
  font-family: 'Futura Std Bold';
  display: inline-flex;
  align-items: center;
}
.top-bar-text-big{
  font-size: 18pt;
  letter-spacing: 6px;
  padding: 0 9px;
}

.top-phone-link{
  color: #fff;
  font-family: 'Futura Std Bold';
  margin-left: 10px;
}

.turq-container{
  background: #40b7b7;
  color: #fff;
  /* max-width: 1715px; */
  max-width: 1450px;
  
  padding: 20px 10px;
  display: flex;
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
}
.turq-container-3i{
  background: #40b7b7;
  color: #fff;
  /* max-width: 1715px; */
  max-width: 1450px;
  
  padding: 14px 10px;
  display: flex;
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
}
.turq-one-thrid-container{
  z-index: 9;
  font-family: 'Futura Std Bold';
  width: calc(100% / 3);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.turq-container::before, .turq-container-3i::before {
    content: "";
    width: 44px;
    height: 44px;
    background-image: -moz-linear-gradient(135deg, rgb(235, 235, 235) 0%, rgb(254, 254, 254) 100%);
    /* background-image: -webkit-linear-gradient(135deg, rgb(235, 235, 235) 0%, rgb(254, 254, 254) 100%); */
    background-image: -ms-linear-gradient(135deg, rgb(235, 235, 235) 0%, rgb(254, 254, 254) 100%);
    display: block;
    position: absolute;
    top: 10px;
    left: -23px;
    /* border: 1px solid #d9d9d9; */
    border-left: none;
    border-bottom: none;
    border-radius: 2px;
    -webkit-transform: rotate(47deg) skew(5deg);
    -moz-transform: rotate(47deg) skew(5deg);
    transform: rotate(47deg) skew(5deg);
    background: #40b7b7;
}
.turq-container::after, .turq-container-3i::after {
    content: "";
    width: 44px;
    height: 44px;
    background-image: -moz-linear-gradient(135deg, rgb(235, 235, 235) 0%, rgb(254, 254, 254) 100%);
    /* background-image: -webkit-linear-gradient(135deg, rgb(235, 235, 235) 0%, rgb(254, 254, 254) 100%); */
    background-image: -ms-linear-gradient(135deg, rgb(235, 235, 235) 0%, rgb(254, 254, 254) 100%);
    display: block;
    position: absolute;
    top: 10px;
    right: -23px;
    /* border: 1px solid #d9d9d9; */
    border-left: none;
    border-bottom: none;
    border-radius: 2px;
    -webkit-transform: rotate(47deg) skew(5deg);
    -moz-transform: rotate(47deg) skew(5deg);
    transform: rotate(47deg) skew(5deg);
    background: #40b7b7;
}

.turq-one-thrid-icon{
 display: inline-block;
 margin: 0 10px;
}

.turq-one-thrid-link{
 color: #fff;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}
.turq-one-thrid-link:hover{
 color: #212222;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
 text-decoration: none;
}

.turq-one-thrid-text{
 width: 100%;
 text-align: center;
 font-family: 'Futura Std Bold';
 z-index: 9;
}

/*
.turq-container::after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  width: 100%;
  padding-bottom: 100%;
  background: #40b7b7;
  transform: rotate(-45deg);
  transform-origin: left top;
  z-index: -1;
}
*/

.blue-divider{
    display: block;
    width: 100%;
    height: 5px;
    background: #40b7b7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.w-100{
    width: 100%;
}

.max400{
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

.max400 img{
    width: 100%;
    max-width: 100%;
}

.container-cc{
    margin: 0 auto;
    text-align: center;
    max-width: 500px;
    width: 100%;
}

.text-over-thumb{
    font-size: 16pt;
    line-height: 18pt;
    font-family: 'Futura Std Bold';
    color: #40b7b7;
    margin-top: 20px;
}


.grey-container{
 background: #a9a89f;
}

.yellow-button{
  background: #fab700;
  color: #fff;
  font-size: 20px;
  font-family: 'Futura Std Bold';
  margin-bottom: 20px;
  width: 200px;
  height: 200px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  
  margin: 0 auto;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  margin-top: -100px;
  z-index: 9;
  position: relative;
  
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.yellow-button:hover{
 /* background: #e59f00; */
 background: #9e7318;
 text-decoration: none;
 color: #fff;
 
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.clear_all{
  clear: left;
  clear: right;
  clear: both;
}

.venduta{
 position: relative;
}
.venduta-img{
 position: absolute;
 left: 5%;
 bottom: 0;
 width: 90%;
}

.right-side-f{
 position: absolute;
 right: 0;
 z-index: 9;
 /* background-image: url("img/right-f.png"); */
 
 text-align: right;
 justify-content: right;
 float: right;
 display: inline-flex;
 /* height: -webkit-fill-available; */
 
 height: 100%;
 max-height: 100%;
}
.right-side-f-img{
 display: inline-block;
 /* height: -webkit-fill-available; */
 
 width: auto;
 height: 100%;
 max-height: 100%;
}

header{
 line-height: 0;
  /*line-height: 1.5;*/
 position: absolute;
 z-index: 99;
 width: 100%;
 top: 0;
}

.text-title-1{
 /* font-size: 26pt; */
 font-size: 25pt;
 font-family: 'Futura Std Bold';
}
.text-title-2{
 /* font-size: 55pt; 
 font-size: 48pt;*/
 font-size: 36pt;
 line-height: 38pt;
 font-family: 'Futura Std Bold';
}
.text-title-3{
 /* font-size: 26pt; */
 font-size: 25pt;
 font-family: 'Futura Std Bold';
 color: #40b7b7;
}

.text-subtitle-1{
 /* font-size: 20pt; */
 font-size: 17pt;
 font-family: 'Futura Std Book';
}
.text-subtitle-2{
 /*
 font-size: 20pt;
 font-family: 'Futura Std Book'; */
 /* font-size: 55pt; 
 font-size: 48pt;*/
 font-size: 36pt;
 line-height: 38pt;
 font-family: 'Futura Std Bold';
 color: #40b7b7;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a.text-subtitle-2:hover{
  text-decoration: none;
  color: #212222;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.text-subtitle-3{
 /* font-size: 20pt; */
 font-size: 17pt;
 font-family: 'Futura Std Bold';
 color: #40b7b7;
 text-transform: uppercase;
}
.text-subtitle-4{
 /* font-size: 20pt; */
 font-size: 17pt;
 font-family: 'Futura Std Bold';
}

.heavy-oblique{
 font-family: 'Futura Std Heavy Oblique';
}

hr {
 border: 0;
 height: 4px;
 margin:18px 0;
 position:relative;
 background: -moz-linear-gradient(left, rgba(169,168,159,0) 0%, rgba(169,168,159,0) 10%, rgba(169,168,159,0.65) 50%, rgba(169,168,159,0) 90%, rgba(169,168,159,0) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(169,168,159,0)), color-stop(10%,rgba(169,168,159,0)), color-stop(50%,rgba(169,168,159,0.65)), color-stop(90%,rgba(169,168,159,0)), color-stop(100%,rgba(169,168,159,0))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left, rgba(169,168,159,0) 0%,rgba(169,168,159,0) 10%,rgba(169,168,159,0.65) 50%,rgba(169,168,159,0) 90%,rgba(169,168,159,0) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left, rgba(169,168,159,0) 0%,rgba(169,168,159,0) 10%,rgba(169,168,159,0.65) 50%,rgba(169,168,159,0) 90%,rgba(169,168,159,0) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(left, rgba(169,168,159,0) 0%,rgba(169,168,159,0) 10%,rgba(169,168,159,0.65) 50%,rgba(169,168,159,0) 90%,rgba(169,168,159,0) 100%); /* IE10+ */
 background: linear-gradient(left, rgba(169,168,159,0) 0%,rgba(169,168,159,0) 10%,rgba(169,168,159,0.65) 50%,rgba(169,168,159,0) 90%,rgba(169,168,159,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

hr:before {
 content: "";
 display: block;
 /* border-top: solid 2px #f9f9f9; */
 width: 100%;
 height: 1px;
 position: absolute;
 top: 50%;
 z-index: 1;
}
.portfolio-element-container{
  text-align: left;
}
.portfolio-project-title{
  font-family: 'Futura Std Bold';
  color: #40b7b7;
  font-size: 15pt;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
.portfolio-see-link{
  display: block;
  color: #a9a89f;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.portfolio-see-link:hover{
  color: #000;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.who-we-are-images-container{
 margin-top: 30px;
}

.nostra-storia-info-text{
 font-family: 'Futura Std Bold Oblique';
 font-size: 17pt;
 margin-top: 10px;
}

.nostra-storia-info-text-link{
      display: inline-block;
 font-family: 'Futura Std Bold Oblique';
 font-size: 17pt;
 margin-top: 10px;
  color: #a9a89f;
          -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}
.nostra-storia-info-text-link:hover{
  text-decoration: none;
          -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}

/* valori */
.valori-container{
 margin-top: 20px;
}
.valore-list-image-container img{
 width: 100%;
 height: auto;
}
.valore-list-title{
 /* font-size: 26pt; */
 font-size: 25pt;
 font-family: 'Futura Std Bold';
 color: #40b7b7;
 margin-top: 10px;
}
.valore-list-description{
 font-size: 15pt;
 font-family: 'Futura Std Light';
 color: #212222;
}

/* chi siamo 3 */
.chi-siamo-3-m-container{
 margin-top: 30px;
}
.chi-siamo-3-container p{
 margin-bottom: 0;
}
.chi-siamo-3-image-container img{
 width: 100%;
 height: auto;
}
.chi-siamo-3-image-container{
 margin-bottom: 20px;
}
.chi-siamo-3-info-role{
 font-size: 15pt;
 font-family: 'Futura Std Bold';
}
.chi-siamo-3-info-name{
 /* font-size: 26pt; */
 font-size: 25pt;
 font-family: 'Futura Std Bold';
 color: #40b7b7;
}
.chi-siamo-3-info-desc{
 font-size: 15pt;
 font-family: 'Futura Std Light';
 color: #212222;
}


.main-container{
 text-align: center;
}

.container-project-details p{
 margin-bottom: 0;
}

.who-we-are-image-container img{
 width: 100%;
 height: auto;
}

.logo-footer{
 max-width: 100%;
}

.footer-one-of-four{
 text-align: left;
 font-size: 14px;
}

.footer-one-of-four.cof{
 text-align: center;
 font-size: 14px;
}

.footer-three-of-four{
 text-align: center;
 /* text-align: left;
 font-family: 'Futura Std Bold'; */
 font-family: 'Futura Std Light';
 font-size: 14px;
}

.footer-link{
 text-decoration: none;
 color: #fff;
 font-family: 'Futura Std Heavy';
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.footer-link:hover{
 text-decoration: none;
 color: #40b7b7;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.footer-text{
 font-family: 'Futura Std Book';
}




.footer-button{
  background: #40b7b7;
  color: #fff;
  padding: 12px 10px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  position: relative;
  text-decoration: none;
  font-size: 20pt;
  font-family: 'Futura Std Bold';
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}
.footer-button:hover{
 text-decoration: none;
 color: #40b7b7;
 background: #fff;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}
.footer-button::before {
    content: "";
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    top: 10px;
    left: -22px;
    /* border: 1px solid #d9d9d9; */
    border-left: none;
    border-bottom: none;
    border-radius: 2px;
    -webkit-transform: rotate(47deg) skew(5deg);
    -moz-transform: rotate(47deg) skew(5deg);
    transform: rotate(47deg) skew(5deg);
    background: #40b7b7;
   -webkit-transition: all .17s ease-in-out;
   -moz-transition: all .17s ease-in-out;
   -o-transition: all .17s ease-in-out;
   -ms-transition: all .17s ease-in-out;
   transition: all .17s ease-in-out;
}
.footer-button::after {
    content: "";
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    top: 10px;
    right: -22px;
    /* border: 1px solid #d9d9d9; */
    border-left: none;
    border-bottom: none;
    border-radius: 2px;
    -webkit-transform: rotate(47deg) skew(5deg);
    -moz-transform: rotate(47deg) skew(5deg);
    transform: rotate(47deg) skew(5deg);
    background: #40b7b7;
   -webkit-transition: all .17s ease-in-out;
   -moz-transition: all .17s ease-in-out;
   -o-transition: all .17s ease-in-out;
   -ms-transition: all .17s ease-in-out;
   transition: all .17s ease-in-out;
}


.footer-button:hover::before {
 background: #fff;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}
.footer-button:hover::after {
 background: #fff;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}






/*progetti list container home */
.progetti-list-container{
 /* background: #eeeeef; */
 margin-top: 50px;
 margin-bottom: 50px;
}
.progetto-list-image-container img{
 width: 100%;
 height: auto;
}
.progetto-list-info-container{
 background: #fff;
 padding: 10px;
 box-sizing: border-box;
}

.progetto-list-info-container-bottom{
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}

.progetto-list-info-title-container{
 font-family: 'Futura Std Bold';
 color: #171817;
 display: inline-block;
 width: 100%;
 text-align: left;
 font-size: 15pt;
}

.progetto-list-info-location-container{
 font-family: 'Futura Std Bold';
 color: #8b8a8a;
}

.progetto-list-info-more-link-container{
 font-family: 'Futura Std Bold';
 color: #40b7b7;
 font-size: 15pt;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.progetto-list-info-more-link-container:hover{
 text-decoration: none;
 color: #212222;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}


.progetto-list-info-more-link-container:hover > .arrows-s2{
  filter: hue-rotate(180deg) brightness(0.4) contrast(2) sepia(0.5);
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}


/* tutti progetti list container home */

.tutti-progetti-list-container{
 margin-top: 50px;
 margin-bottom: 50px;
}
.t-progetto-list-info-container{
 display: flex;
 justify-content: end;
}
.t-progetto-list-image-container img{
 width: 100%;
 height: auto;
}
.t-progetto-list-info-more-link-container{
 font-family: 'Futura Std Bold';
 margin-top: 10px;
 color: #40b7b7;
 font-size: 11pt;
 text-transform: uppercase;
 display: flex;
 align-items: center;
 justify-content: center;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.t-progetto-list-info-more-link-container:hover{
 color: #212222;
 text-decoration: none;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.t-progetto-list-info-more-link-container:hover > .arrows-s4{
  filter: hue-rotate(180deg) brightness(0.4) contrast(2) sepia(0.5);
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

/*servizi list container home */

.servizi-list-container{
 margin-top: 50px;
 margin-bottom: 50px;
}

.servizio-list-image-container img{
 width: 100%;
 height: auto;
}

.s2 .servizio-list-info-title-container{
 font-family: 'Futura Std Bold';
 color: #a9a89f;
 font-size: 25pt;
 text-transform: uppercase;
 display: inline-block;
 margin-top: 10px;
}
.s3 .servizio-list-info-title-container{
 font-family: 'Futura Std Bold';
 color: #a9a89f;
 font-size: 16pt;
 text-transform: uppercase;
 display: inline-block;
 margin-top: 10px;
}

.servizio-list-info-description-container{
 font-family: 'Futura Std Book';
 color: #a9a89f;
}
.servizio-list-info-container-bottom{
 display: flex;
 flex-direction: column;
}

.servizio-list-info-more-link-container{
 font-family: 'Futura Std Bold';
 color: #40b7b7;
 font-size: 15pt;
 text-transform: uppercase;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 10px;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.servizio-list-info-more-link-container:hover{
 color: #212222;
 text-decoration: none;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.servizio-list-info-more-link-container:hover > .arrows-s2-5{
 filter: hue-rotate(180deg) brightness(0.4) contrast(2) sepia(0.5);
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.servizio-list-info-more-link-container:hover > .arrows-s2-3{
 filter: hue-rotate(180deg) brightness(0.4) contrast(2) sepia(0.5);
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}


.arrows-s2{
 height: 18px;
 width: auto;
 margin-left: 5px;
 margin-top: 0;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.arrows-s2-5{
 height: 18px;
 width: auto;
 margin-left: 5px;
 margin-top: -1px;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.arrows-s2-3{
 height: 18px;
 width: auto;
 margin-left: 5px;
 margin-top: -1px;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}

.arrows-s4{
 height: 13px;
 width: auto;
 margin-left: 5px;
 margin-top: -2px;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}





.container-keys{
 display: flex;
 flex-direction: row;
 align-items: center;
     
 max-width: 1600px;
 width: 90%;
 margin: 0 auto;
}
.container-keys-image{
 width: 33%;
}
.container-keys-image img{
 width: 100%;
}
.container-keys-text{
 font-family: 'Futura Std Bold';
 color: #fab700;
 font-size: 25pt;
 line-height: 33pt;
 width: 67%;
 text-align: center;
}


.mb10{
 margin-bottom: 10px;
}
.mb20{
 margin-bottom: 20px;
}
.mb30{
 margin-bottom: 30px;
}
.bg-white{
 background: #fff;
}
.bold{
 font-family: 'Futura Std Bold';
}
.book{
 font-family: 'Futura Std Book';
}




header{
 position: fixed;
}

.logo-coesione{
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


@media screen and (max-width:767px){
 
 
 .logo-casa-edile{
    margin-bottom: 20px;
 }
 
 .logo-coesione{
    max-width: 200px;
    display: block;
    margin-bottom: 20px;
 }
 
/* *,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit} */
.nav__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:10px 0px;font-weight: 600;
    text-transform: uppercase;
    font-family: 'Futura Std Bold';
    font-size: 10pt;}
.nav__mobile .nav__btn{display:block;margin-right:10px;}
.nav__mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 100%;}
.nav__logo{font-size:1.4rem;font-weight:700;color:#555;margin-left:10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;}
 .logo-top-image{
  width: 290px;
  max-width: 290px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }
.nav__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding: 0;width: 100%;margin-bottom: 0;padding-left:0!important;}
.showing{max-height:37rem;-webkit-transition:all .5s;transition:all .5s}
.nav__menu li{list-style:none;position:relative;white-space:nowrap;/*padding:1rem 0 0*/padding: 5px 0!important;}
.nav__menu li a{display:block;font-size:12pt;color:#fff;text-decoration:none;text-transform: uppercase;text-align: center;padding: 10px;background: #a9a89f;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;}
.nav__menu li.active a{color:#fff;background: #40b7b7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;}
.nav__menu li a:hover{color:#fff;background: #212222;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;}

.nav-toggle{display:block;background-color:transparent;width:50px;cursor:pointer;padding:4px;}
.nav-toggle span{position:relative;display:block;height:5px;border-radius:0;width:100%;margin-top:0;background-color:#212222;-webkit-transition:all .25s;transition:all .25s}
.dark-nav .nav-toggle span{position:relative;display:block;height:5px;border-radius:0;width:100%;margin-top:0;background-color:#000;-webkit-transition:all .25s;transition:all .25s}
.nav-toggle span.mrg{margin-top:5px}
.nav-toggle.open span:first-child{-webkit-transform:rotate(45deg) translate(7.2px,7.2px);transform:rotate(45deg) translate(7.2px,7.2px)}
.nav-toggle.open span:nth-child(2){width:0;opacity:0}
.nav-toggle.open span:last-child{-webkit-transform:rotate(-45deg) translate(7.2px,-7.2px);transform:rotate(-45deg) translate(7.2px,-7.2px)}
.nav__menu .dropdown ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:static;padding:0;max-height:0;overflow:hidden;-webkit-transition:all .4s;transition:all .4s}
.nav__menu .dropdown ul.show{max-height:20rem;-webkit-transition:all .4s;transition:all .4s;/*width: 96%;*/margin: 0 auto;margin-top: 5px;}
.nav__menu .dropdown li a{display:block;font-size:10pt;text-transform: uppercase;background: #a9a89f;color:#fff;text-decoration:none}
.nav__menu .dropdown li a:hover{background: #212222;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;}
 
 .nav__menu .dropdown li.active > a,  .nav__menu .selected > a{
  background: #40b7b7;
 }
/*.nav__menu li a:hover{color:#40b7b7}*//
/*
.nav__menu .dropdown>a:after{content:"\f107";font-family:Font Awesome\ 5 Free;font-weight:900;font-size:12pt;padding-left:5px;color:#fff;position: absolute;right: 10px;}
.nav__menu .active.dropdown>a:after{content:"\f106";color: #fff;position: absolute;right: 10px;}
*/

.dropdown-toggle::after, .dropdown-toggle:after, a.dropdown-toggle::after, a.dropdown-toggle:after{
 display: none!important;
 height: 0;
 width: 0;
 visibility: hidden;
}

.nav__menu .selected.dropdown > a, .nav__menu .selected.dropdown .active > a{background: #40b7b7;}
.nav__menu .dropdown .dropdown>a:after{content:"\f107";font-family:Font Awesome\ 5 Free;font-weight:900;font-size:10pt;padding-left:5px;color:#fff;position: absolute;right: 10px;}
.nav__menu .dropdown .active.dropdown>a:after{content:"\f106";position: absolute;right: 10px;}
.menu-toggle{max-height:0;overflow:hidden;width: 100%;margin-top: 0;}
.menu-toggle,.menu-toggle.active{-webkit-transition:all .4s ease;transition:all .4s ease}
.menu-toggle.active{max-height:100vh;margin-top: 15px;margin-bottom: -5px;}
.resize-animation-stopper *{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}


/* this */
.nav__menu .dropdown-arrow {
 font-family: Font Awesome\ 5 Free;
 font-weight: 900;
 font-size: 12pt;
 color: #fff;
 margin-left: 10px;
 cursor: pointer;
}

.nav__menu .dropdown .dropdown-arrow {
 display: inline; /* Mostra la freccia accanto al testo */
 
 /* display: inline; */
 position: absolute;
 z-index: 9;
 top: 5px;
 right: 0;
 padding: 10px 15px;
 background: #939390;
}


.nav__menu .dropdown .dropdown-arrow:hover {
 background: #212222;
}


/* Modifica il CSS se necessario per la visualizzazione della freccia e dell'icona */
.nav__menu .dropdown ul.show {
 max-height: 20rem;
 margin: 0 auto;
 margin-top: 5px;
}
/* this */

/* Stile per la freccia */
.nav__menu .dropdown-arrow {
    font-size: 12pt;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
}

/* Cambia l'icona quando il menu è aperto */
.nav__menu .dropdown.active .dropdown-arrow i {
    transform: rotate(180deg); /* Ruota la freccia di 180 gradi */
}


}
/* @media screen and (min-width:800px){ */
@media screen and (min-width:768px){
 
 

.dropdown-toggle::after, .dropdown-toggle:after, a.dropdown-toggle::after, a.dropdown-toggle:after{
 display: none!important;
 height: 0;
 width: 0;
}
 .dropdown-arrow i{
  display: none;
 }
 
 .menu-toggle{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;max-height:100vh;overflow:visible}
 .nav__container{width:100%;/* max-width:1000px; */ margin:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;/* padding:40px */ padding:0;font-weight: 600;
    text-transform: uppercase;
    font-family: 'Futura Std Bold';
    font-size: 10pt;}
 .nav__container,.nav__mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 .nav__mobile .nav__btn{display:none}
 /*.nav__logo img{width:100%;max-width:418px}*/
 .logo-top-image{
  /*
  width: 418px;
  max-width: 418px; 
  width: 318px;
  max-width: 318px; */
  width: 270px;
  max-width: 270px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }
 .nav__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-height:100%;overflow:visible;margin: 0;z-index: 9;}
 .nav__menu li{list-style:none;position:relative;white-space:nowrap;padding:1rem}
 .nav__menu li a{font-size:10pt;color:#a9a89f;text-decoration:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
  .nav__menu li.active a{color:#40b7b7;}
 .nav__menu li a:hover{color:#212222;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; /* #40b7b7 */}
 .nav__menu .dropdown{position:relative; padding-top: 1rem;}
 .nav__menu .dropdown ul{display:-webkit-box;display:-ms-flexbox;display:flex;filter: drop-shadow(7px 7px 0px #212222);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:100%;left:-30px;opacity:0;visibility:hidden;overflow:visible;padding:0 1rem;-webkit-transition:all .4s ease;transition:all .4s ease}
 .nav__menu .dropdown ul li:not(:last-child) {
  border-bottom: 1px solid #93918a;
 }
 .nav__menu .dropdown:hover>ul{top:100%;left:0;opacity:1;visibility:visible;overflow:visible;padding:0;filter: drop-shadow(7px 7px 0px #212222);padding-left: 15px;}
 .nav__menu .dropdown ul:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 17px solid #a9a79c;
  margin-bottom: -13px;
}
 .nav__menu .dropdown ul li{/*padding:.7rem;*/padding: 0;background-color:#a9a79c;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
 .nav__menu .dropdown ul li:hover{background-color:#212222;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; /* #8cd0c6 */}
 .nav__menu .dropdown ul li a{display:block;color:#fff;text-transform: uppercase;padding:12px 20px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
 .nav__menu .dropdown ul li a:hover{display:block;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; /*color:#000*/}
 .nav__menu .dropdown>a:after{content:"\f107"}
 .nav__menu .dropdown:hover>a:after,.nav__menu .dropdown>a:after{font-family:Font Awesome\ 5 Free;font-weight:900;font-size:10pt;padding-left:10px;color:#fff;display: none;}
 .nav__menu .dropdown:hover>a:after{content:"\f106"}
 .nav__menu .dropdown .dropdown>a:after{content:"\f105"}
 .nav__menu .dropdown .dropdown:hover>a:after,.nav__menu .dropdown .dropdown>a:after{font-family:Font Awesome\ 5 Free;font-weight:900;font-size:10pt;padding-left:10px;color:#fff}
 .nav__menu .dropdown .dropdown:hover>a:after{content:"\f104"}.nav__menu .dropdown .dropdown:hover>ul{position:absolute;top:0;right:calc(100% - 17px);left:auto;opacity:1;visibility:visible}
 .nav__menu .dropdown .dropdown ul{position:absolute;top:0;right:calc(100% - 17px);left:auto;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
 
 
 .dark-nav .nav__menu li a{
  color: #000;
 }
 .dark-nav .nav__menu .dropdown>a:after{color:#000}
 .dark-nav .nav__menu .dropdown .dropdown>a:after{color:#fff}
 
.logo-smaller{
 /*
 max-width: 270px!important;
 width: 270px!important; */
 max-width: 210px!important;
 width: 210px!important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
 
 }


.logo-smaller{
 /*
 max-width: 270px!important;
 width: 270px!important; */
 max-width: 210px!important;
 width: 210px!important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/*
.nav__logo{
 height: 174px;
 display: flex;
 align-items: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nav-shd{
 
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nav-shd .nav__logo{
 height: unset;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
*/

.two-opposite-side-container{
 display: flex;
 flex-direction: row;
 margin-top:20px;
}

.two-opposite-side-container-left{
 width: 50%;
}
.two-opposite-side-container-left ul{
 list-style: disc;
 text-align: left;
 font-size: 17pt;
 font-family: 'Futura Std Light';
 padding: 0 15px 0 0;
}

.two-opposite-side-container-right{
 width: 50%;
}
.two-opposite-side-container-right ul{
 list-style: disc;
 text-align: left;
 font-size: 17pt;
 font-family: 'Futura Std Light';
 padding: 0 0 0 15px;
}






.nav-shd{
 box-shadow: 0 2px 16px rgba(0, 0, 0, .15)!important;
}
.logo{
 width: 418px;
 -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
         -ms-transition: all 0.2s ease;
             transition: all 0.2s ease;
}
.smallerlogo{
 width: 300px;
 -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
         -ms-transition: all 0.2s ease;
             transition: all 0.2s ease;
}


.main-on-fix{
 /*
 margin: 0px 0px 0px 0px;
 padding: 0;
 */
 /* padding: 244px 0px 0px 0px!important; 
 padding: 198.36px 0px 0px 0px!important; */
 padding: 178.39px 0px 0px 0px!important;
 -webkit-transition: padding 0.2s ease;
        -moz-transition: padding 0.2s ease;
          -o-transition: padding 0.2s ease;
         -ms-transition: padding 0.2s ease;
             transition: padding 0.2s ease;
}
.main-on-fix.main-on-fix-f{
 /* margin: 140.7px 0px 0px 0px; 
 padding: 0;
 padding: 140.7px 0px 0px 0px!important;
 */
 padding: 153.41px 0px 0px 0px!important;
 -webkit-transition: padding 0.2s ease;
        -moz-transition: padding 0.2s ease;
          -o-transition: padding 0.2s ease;
         -ms-transition: padding 0.2s ease;
             transition: padding 0.2s ease;
}


/*
.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}
*/


/*
[data-gallery="true"] {
  color: #313437;
  background-color: #fff;
}

[data-gallery="true"] p {
  color: #7d8285;
}

[data-gallery="true"] h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

@media (max-width: 767px) {
  [data-gallery="true"] h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

[data-gallery="true"] .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 40px;
}

[data-gallery="true"] .intro p {
  margin-bottom: 0;
}

[data-gallery="true"] .photos {
  padding-bottom: 20px;
}

[data-gallery="true"] .item {
  padding-bottom: 30px;
}
*/


.contact-list{
 color: #fff;
 list-style: none;
 padding: 0;
 margin: 0;
 text-align: center;
 padding-top: 30px;
 padding-bottom: 30px;
}
.contact-list li{
 padding: 5px 0;
}
.contact-list a{
 color: #fff;
 text-decoration: none;
 font-family: 'Futura Std Heavy';
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 -ms-transition: all 0.2s ease;
 transition: all 0.2s ease;
}
.contact-list a:hover{
 color: #212222;
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 -ms-transition: all 0.2s ease;
 transition: all 0.2s ease;
}

.progetto-list-container{
 margin-bottom: 20px;
}
.progetti-list-container .mb30{
 margin-bottom: 0;
}
.t-progetto-list-container{
 margin-bottom: 20px;
}
.tutti-progetti-list-container .mb20{
 margin-bottom: 0;
}
.servizio-list-container{
 margin-bottom: 20px;
}
.servizi-list-container .mb30{
 margin-bottom: 0;
}

.ec-container {
 /*max-width: 100%;
   max-width: 98%;
  margin: 1% auto; */
 margin-top: 30px;
 margin-bottom: 30px;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
}

.gallery div {
 /*
  max-width: calc(20% - 20px);
  margin: 10px; */
  transition: opacity 200ms;
  cursor: pointer;
}

.gallery div:hover {
  opacity: 0.8;
}

.gallery div img {
  max-width: 100%;
}

.asyncGallery {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 10000;
  visibility: hidden;
  /* background-color: rgba(30, 30, 30, 0.95); */
  background-color: rgba(255, 255, 255, 0.95);
  transition: opacity 200ms, visibility 200ms;
}

.asyncGallery.is-visible {
  opacity: 1;
  visibility: visible;
}

.asyncGallery__Item {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transition: opacity 200ms, visibility 200ms;
}

.asyncGallery__Item.is-visible {
  opacity: 1;
  visibility: visible;
}
/*this*/
.asyncGallery__ItemImage{
 text-align: -webkit-center;
}


.async-hotspot {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  /* background: rgba(255, 0, 0, 0.5);  // attiva per test */
  transform: translate(-50%, -50%); /* centra il punto */
  /* background: #ff0000; */
  color: #fff;
  
  font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.async-hotspot.highlight {
  width: 80px;
  height: 80px;
}

.ah50{
  width: 50px;
  height: 50px;
}


/* Se la larghezza è maggiore dell'altezza (landscape) */
@media (min-aspect-ratio: 1/1) {
  /* Regole CSS per schermi più larghi rispetto all'altezza */
  /*this*/
  .asyncGallery__ItemImage img {
    /*
    max-height: 100vh;
    height: 100vh;
    display: block;
    max-width: 100vw;
    max-width: max-content;
    */
    
    /*
    max-height: auto;
    height: auto;
    display: block;
    max-width: 100vw;
    width: 100vw;
    */
    
    width: 100%;        /* L'immagine riempie il contenitore */
      height: auto;       /* Mantiene le proporzioni */
      display: block;     /* Rimuove lo spazio sotto le immagini inline */
      object-fit: cover;  /* Taglia l’immagine per riempire il box */
    
  }
  
  .asyncGallery__ItemImage.noOverlay img{
      width: 100%;        /* L'immagine riempie il contenitore */
      height: auto;       /* Mantiene le proporzioni */
      display: block;     /* Rimuove lo spazio sotto le immagini inline */
      object-fit: cover;  /* Taglia l’immagine per riempire il box */
  }
}

/* Se l'altezza è maggiore della larghezza (portrait) */
@media (max-aspect-ratio: 1/1) {
  /* Regole CSS per schermi più alti rispetto alla larghezza */
  .asyncGallery__ItemImage img {
    /* max-height: 80vh; */
    /*max-width: 95vw;*/
    /*
    max-height: 100vh;
    height: 100vh;
    display: block;
    max-width: 100vw;
    max-width: max-content;
    */
    
    /*
    max-height: auto;
    height: auto;
    display: block;
    max-width: 100vw;
    width: 100vw;
    */
    
    width: 100%;        /* L'immagine riempie il contenitore */
      height: auto;       /* Mantiene le proporzioni */
      display: block;     /* Rimuove lo spazio sotto le immagini inline */
      object-fit: cover;  /* Taglia l’immagine per riempire il box */
    
  }
  
  .asyncGallery__ItemImage.noOverlay img{
      width: 100%;        /* L'immagine riempie il contenitore */
      height: auto;       /* Mantiene le proporzioni */
      display: block;     /* Rimuove lo spazio sotto le immagini inline */
      object-fit: cover;  /* Taglia l’immagine per riempire il box */
  }
}



.asyncGallery__ItemDescription,
.asyncGallery__Loader {
  color: #fff;
}

.asyncGallery__Loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: #fff;
  z-index: 100;
}

.asyncGallery__Loader.is-visible {
  display: block;
}

.asyncGallery button {
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 0;
  cursor: pointer;
}

.asyncGallery__Close {
  position: absolute;
  top: 3%;
  right: 4%;
  /*
  width: 30px;
  height: 30px;
  */
  z-index: 1000;
  /*
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-image: url("img/x.png");
  */
  /*
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEycHgiIHZlcnNpb249IjEuMSIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDY0IDY0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjguOTQxLDMxLjc4NkwwLjYxMyw2MC4xMTRjLTAuNzg3LDAuNzg3LTAuNzg3LDIuMDYyLDAsMi44NDljMC4zOTMsMC4zOTQsMC45MDksMC41OSwxLjQyNCwwLjU5ICAgYzAuNTE2LDAsMS4wMzEtMC4xOTYsMS40MjQtMC41OWwyOC41NDEtMjguNTQxbDI4LjU0MSwyOC41NDFjMC4zOTQsMC4zOTQsMC45MDksMC41OSwxLjQyNCwwLjU5YzAuNTE1LDAsMS4wMzEtMC4xOTYsMS40MjQtMC41OSAgIGMwLjc4Ny0wLjc4NywwLjc4Ny0yLjA2MiwwLTIuODQ5TDM1LjA2NCwzMS43ODZMNjMuNDEsMy40MzhjMC43ODctMC43ODcsMC43ODctMi4wNjIsMC0yLjg0OWMtMC43ODctMC43ODYtMi4wNjItMC43ODYtMi44NDgsMCAgIEwzMi4wMDMsMjkuMTVMMy40NDEsMC41OWMtMC43ODctMC43ODYtMi4wNjEtMC43ODYtMi44NDgsMGMtMC43ODcsMC43ODctMC43ODcsMi4wNjIsMCwyLjg0OUwyOC45NDEsMzEuNzg2eiIvPgogIDwvZz4KPC9zdmc+Cg==");
  */
}

.asyncGallery__Close:before {
  content: "\e646";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

      height: 40px;
    text-align: center;
    font-size: 33px;
    cursor: pointer;
    color: #000;
    border-radius: 50%;
    border-color: transparent;
    width: 40px;
    background-color: transparent;
    transition: .2s;
    -webkit-transition: .2s;


        background-color: rgba(255, 255, 255, 0.21);
    border-radius: 50%;
    padding: 10px;
}

.asyncGallery__Close:hover::before{
  color:#fff;
  background-color: rgba(0, 0, 0, 0.21);
}

.asyncGallery__Counter {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  /* color: #fff; */
  color: #40b7b7;
  right: 40px;
  bottom: 40px;
}

.asyncGallery__Dots {
  position: absolute;
  left: 50%;
  bottom: 40px;
  display: flex;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  list-style-type: none;
  z-index: 1000;
}

.asyncGallery__Dots button {
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: #40b7b7;
  border: 0;
  outline: 0;
  border-radius: 50%;
}

.asyncGallery__Dots li {
  opacity: 0.2;
  transition: opacity 200ms;
}

.asyncGallery__Dots li + li {
  margin-left: 10px;
}

.asyncGallery__Dots li.is-active {
  opacity: 1;
}

.asyncGallery__Next,
.asyncGallery__Prev {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  z-index: 1000;
  transition: transform 200ms, opacity 200ms;
  transform: translateY(-50%);
}

.asyncGallery__Next:disabled,
.asyncGallery__Prev:disabled {
  opacity: 0.2;
  cursor: default;
}

.asyncGallery__Next:before,
.asyncGallery__Prev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  /*background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cpath d='m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");*/
  /*
  background-image: url("img/right.png");
  width: 18.5px;
  height: 100px;
  background-size: cover;
  background-position: center;
  */

  /*
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  */

  content: "\e649";
  font-size: 36px;
  color: #000;
  text-align: center;
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  

    background-color: rgba(255, 255, 255, 0.21);
    border-radius: 50%;
    padding: 10px;
}

.asyncGallery__Next {
  right: 40px;
}

.asyncGallery__Next:hover {
  transform: translateX(2px) translateY(-50%);
  color: #000;
}

.asyncGallery__Next:before {
  transform: translate3d(-50%, -50%, 0);
}

.asyncGallery__Prev {
  left: 40px;
}

.asyncGallery__Prev:hover {
  transform: translateX(-2px) translateY(-50%);
  color: #000;
}

.asyncGallery__Prev:before {
  transform: translate3d(-50%, -50%, 0) scale(-1);
}

/*@media screen and (max-width: 800px) { */
@media screen and (max-width: 767px) {
    

.async-hotspot{
  width: 15px;
  height: 15px;
}

.async-hotspot.highlight {
  width: 60px;
  height: 60px;
}

    
  .gallery img {
    max-width: calc(50% - 40px);
    margin: 20px;
    transition: opacity 200ms;
    cursor: pointer;
  }

  .gallery-no-lb-2-items div {
    max-width: 90%;
    margin: 20px;
  }

  .asyncGallery__Dots {
    bottom: 15px;
  }

  .asyncGallery__Counter {
    right: 15px;
    bottom: 15px;
    font-size: 12px;
  }

  .asyncGallery__Item {
    width: 100%;
  }

  .asyncGallery__ItemImage img {
    max-height: none;
    max-width: 100%;
  }

  .asyncGallery__ItemDescription {
    padding: 0 20px;
  }

  .asyncGallery__Next,
  .asyncGallery__Prev {
    display: none;
  }

  .gallery {
    display: inline-flex;
  }

  .gallery div {
    max-width: 90%;
    margin: 10px auto;
  }
  
  .gallery div.portfolio-element-container {
    max-width: 50%;
  }

  .portfolio-element-container{
    flex: 0 0 50%;
    max-width: 50%;
  }

  .gallery div img {
    max-width: 100%;
    margin: 0 auto;
  }
}












/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  /* bottom: 4rem; */
  z-index: 10;
    right: unset;
    bottom: unset;
    left: unset;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  /* height: 32rem; */
  height: 60vh;
  max-height: 600px;
  background-color: #777;
}

.carousel-item .container{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /* height: 32rem; */
  height: 60vh;
  max-height: 600px;
}

.slide-trans-back{
  position: absolute;
  z-index: 1;
  background-color: #000000;
  opacity: 0.3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

 .c-first-slide{
    /*background: url("img/classe-e.jpg") no-repeat center!important;*/
    /* background: url("img/img-11.jpeg") no-repeat center!important; */
    /* background: url("img/Base_Slide_Home_FABRIS_02.jpg") no-repeat center!important; */
    background: url("img/slide-6-r.jpg") no-repeat center!important;
    
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }

 .c-second-slide{
    /* background: url("img/img-3.jpeg") no-repeat center!important; */
    /* background: url("img/edilizia_02.jpg") no-repeat center!important; */
    background: url("img/slide-7-r.jpg") no-repeat center!important;
    
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }
 
 
 .c-third-slide{
    /* background: url("img/Lallarme-dei-costruttori-edili-servono-professionisti-delledilizia.jpg") no-repeat center!important; */
    background: url("img/fabris-270.webp") no-repeat center!important;
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }

 
 .c-fourth-slide{
    /* background: url("img/visione-d-insieme-della-qualita-costruttiva-di-una-piscina-a-sfioro-autopulente-ed-antisismica.jpg") no-repeat center!important; */
    background: url("img/slide-8-r.jpg") no-repeat center!important;
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }
 
 .c-fifth-slide{
    /* background: url("img/Image2.jpg") no-repeat center!important; */
    background: url("img/slide-9-r.jpg") no-repeat center!important;
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }

 .c-sixth-slide{
    background: url("img/slide-1.jpg") no-repeat center!important;
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }
 .c-ind-slide-1{
    background: url("img/slide-industriale-1.jpg") no-repeat center!important;
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }
 .c-ind-slide-2{
    background: url("img/slide-industriale-2.jpg") no-repeat center!important;
    background-size: cover!important;/*
    background-blend-mode: overlay;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;*/
 }
 
 .t-shd{
  text-shadow: 0px 1px 3px rgba(0, 0, 0, .8);
 }
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4, .inner-cont .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2, .inner-cont h2{
  font-weight: 400;
}
.marketing .col-lg-4 p, .inner-cont .col-lg-4 p{
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

/* Content
------------------------- */

.navbar-light .navbar-nav .nav-link{
  color: #a9a89f;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover{
  color: #212222;
 -webkit-transition: all .17s ease-in-out;
 -moz-transition: all .17s ease-in-out;
 -o-transition: all .17s ease-in-out;
 -ms-transition: all .17s ease-in-out;
 transition: all .17s ease-in-out;
}
.navbar-light .navbar-nav .active>.nav-link{
  color: #40b7b7;
}

.carousel-item{
  background: #000000;
}

.carousel-item > img{
  height: auto;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
}


.heading-title{
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin: 20px 0 45px 0;
  font-size: 40px;
}

.heading-title-inner{
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin: 20px 0 45px 0;
  font-size: 30px;
}

.navbar-light .navbar-toggler{
  border: none;
}

.carousel {
  margin-bottom: 0;
}

.color-gold{
  color: #b2752d;
}

.color-white{
  color: #ffffff;
}

.head-title{
  font-size: 21pt;
  letter-spacing: 9px;
  font-family: 'Futura Std Bold';
}

.head-title-inner{
  font-size: 45px;
}

p.head-subtitle{
  font-size: 40px!important;
}

.introduction{
  background: #141414;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 50px 0;
}

.intro-title{
  color: #ffffff;
  font-size: 30px;
}

.marketing{
  margin-top: 60px;
}


.inner-cont{
  margin-top: 60px;
  margin-bottom: 60px;
}

.circleBase {
  border-radius: 50%;
  behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type1 {
  width: 170px;
  height: 170px;
  background: #141414;
  border: 19px #e0c8ab solid;
  margin: 0 auto;
  display: table;
}

.type2{
  width: 36px;
  height: 36px;
  border: 2px #fff solid;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  text-align: center;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.icos{
  color: #ffffff;
  font-size: 50px;
  display: table-cell;
  vertical-align: middle;
}


.social-icons{
  float: right;
  color: #ffffff;
  line-height: 0;
}


.flag-icons{
  float: left;
  color: #ffffff;
  line-height: 0;
}

.lang-link{
 margin-right: 10px;
}

.lang-link:hover{
 text-decoration: none;
}

.sicos{
  color: #fff;
  font-size: 17px;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.social-link{
  display: flex;
  align-items: center;
}
.social-link:hover{
 text-decoration: none;
}
.social-link:hover > .type2{
  background: #fff;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.social-link:hover > .type2 .sicos{
  color: #40b7b7;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.servizi-cont{
  /* background: #b2752d; */
  background: linear-gradient(#9b662d, #f1d094);
  display: inline-block;
  width: 100%;
  padding: 60px 20px;
  box-sizing: border-box;
}

.servizi-cont-inner{
  /* background: #b2752d; */
  /* background: linear-gradient(#9b662d, #f1d094); */
  display: inline-block;
  width: 100%;
  padding: 60px 20px;
  box-sizing: border-box;
}

.servizi-title{
  color: #b2752d;
  margin-top: 15px;
}

.servizi-item{
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
}

.servizi-item:nth-last-of-type(1), .servizi-item:nth-last-of-type(3), .servizi-item:nth-last-of-type(5){
  margin-right: 10px;
  width: calc( 50% - 10px );
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.servizi-item:nth-last-of-type(2), .servizi-item:nth-last-of-type(4), .servizi-item:nth-last-of-type(6){
  margin-left: 10px;
  width: calc( 50% - 10px );
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.prenota-cont{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 90px 0;
}

.button-prenota{
  background: #b2752d;
  padding: 5px 40px 17px 40px;
  color: #ffffff;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.button-preventivo{
  background: #141414;
  padding: 5px 40px 17px 40px;
  color: #ffffff;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.button-prenota:hover, .button-preventivo:hover{
  background: #bbbbbb;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.text-prenota{
  font-size: 30px;
}


.btn-primary-call{
  background-color: transparent;
  border-radius: 0;
  border: 5px #b2752d solid;
  font-size: 40px;
}

.btn-primary-call:hover{
  background-color: #b2752d;
  border: 5px #b2752d solid;
}

.map-container{
 line-height: 0;
}

.contact-label-icon{
 margin-right: 10px;
 display: inline-block;
}

footer{
  background: #212322;
  color: #ffffff;
  padding: 40px 0;
  text-align: center;
  border-bottom: 20px #40b7b7 solid;
}

footer .social-link:nth-of-type(1){
  margin: 0;
}

footer a{
  color: #fff;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}
footer a:hover{
  color: #40b7b7;
  text-decoration: none!important;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}
/*
.go-top{
  position: absolute;
  background: #b2752d;
  right: 10%;
  width: 60px;
  height: 60px;
  display: table;
  text-align: center;
  margin-top: -70px;
  
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.go-top:hover{
  background: #bbbbbb;
}
*/


.go-top a{
  display: table-cell;
  vertical-align: middle;
}

.go-top a:hover{
  text-decoration: none;
}

.go-top i{
  color: #ffffff;
  font-size: 40px;
}

.bg-light {
  background-color: #ffffff!important;
}

.show-on-mobile{
  display: none;
}

.navbar-light .navbar-nav .nav-link{
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Futura Std Bold';
  font-size: 10pt;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}

textarea:focus, input:focus, select:focus{
  outline: none;
}

.inner-link{
  color: #141414;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.inner-link:hover{
  color: #bbbbbb;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
  text-decoration: none;
}

.form-row{
  margin: 0;
}

.p-form, .c-form{
  width: 100%;
  margin-bottom: 50px;
}

.form-title{
  /* width: 20%; */
  display: inline-block;
  float: left;
}

.form-input-select{
  width: 60px;
  border: 3px #bbbbbb solid;
  display: inline-block;
  float: left;
  padding: 10px 10px;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.form-input-select:active, .form-input-select:focus{
    border: 3px #141414 solid;
  
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.form-input{
  width: 100%;
  border: 3px #bbbbbb solid;
  display: inline-block;
  float: right;
  padding: 10px 10px;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.form-input:active, .form-input:focus{
  border: 3px #141414 solid;
  
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}


.form-input-textarea{
  width: 100%;
  border: 3px #bbbbbb solid;
  display: inline-block;
  float: right;
  padding: 10px 10px;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.form-input-textarea:active, .form-input-textarea:focus{
  border: 3px #141414 solid;
  
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.invia-button{
  background: #212222;
  border: none;
  color: #ffffff;
  width: 58%;
  margin-left: 2%;
  padding: 10px 0;
  font-size: 25px;
  float: right;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.reset-button{
  background: #40b7b7;
  border: none;
  color: #ffffff;
  width: 38%;
  margin-right: 2%;
  padding: 10px 0;
  font-size: 25px;
  float: left;
  -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.invia-button:hover, .reset-button:hover{
  background: #a8a79e;
}



#inner-top-image{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/classe-e.jpg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-pp{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/prenotazioni-preventivi.jpg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}



/*
#inner-top-image-s-matrimoni{
  width: 100%;
  height: 300px;
  display: inline-block;
  text-align: center;
  background: #141414;
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%), url("img/img-4.jpeg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
*/

.head-title-inner{
  background: transparent;
  z-index: 99;
}

/*
#inner-top-image-s-matrimoni{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: #000000 url(img/img-4.jpeg) no-repeat center fixed;
  background-color: rgba(0,0,0,0.7); 
  background-blend-mode: overlay;

  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}
*/

#inner-top-image-s-matrimoni{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/img-4.jpeg) no-repeat center fixed;
  background-blend-mode: overlay;
  /*
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  */
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

.transp-back{
  position: absolute;
  background-color: #000000;
  opacity: 0.7;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


#inner-top-image-s-ncc{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/img-3.jpeg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-s-npcc{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/classe-v.jpg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-s-turismo{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/imgs-5.jpg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}


#inner-top-image-s-congressi{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/img-f.jpg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-s-aeroporti{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/img-14.jpeg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-contatti{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/contact-3.jpg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-vantaggi{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/img-5.jpeg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-mezzi{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/img-6.jpeg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

#inner-top-image-servizi{
  position: relative;
  width: 100%;
  height: 300px;
  text-align: center;
  background: url(img/img-7.jpeg) no-repeat center fixed;
  background-blend-mode: overlay;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-size: 100%;
}

.shape-left{
  margin-right: 20px;
}

.shape-right{
  margin-left: 20px;
}

.gold-shape-left{
  width: 67px;
  height: 27px;
  background-image: url("img/gold-shape-left.png");
  display: inline-block;
  margin-right: 20px;
  image-rendering: -webkit-optimize-contrast;
  background-size: cover;
  background-position:50% 50%;
}

.gold-shape-right{
  width: 67px;
  height: 27px;
  background-image: url("img/gold-shape-right.png");
  display: inline-block;
  margin-left: 20px;
  image-rendering: -webkit-optimize-contrast;
  background-size: cover;
  background-position:50% 50%;
}

.white-shape-left{
  width: 67px;
  height: 27px;
  background-image: url("img/white-shape-left.png");
  display: inline-block;
  margin-right: 20px;
  image-rendering: -webkit-optimize-contrast;
  background-size: cover;
  background-position:50% 50%;
}

.white-shape-right{
  width: 67px;
  height: 27px;
  background-image: url("img/white-shape-right.png");
  display: inline-block;
  margin-left: 20px;
  image-rendering: -webkit-optimize-contrast;
  background-size: cover;
  background-position:50% 50%;
}


.inner-three-gallery-element{
  /* width: 32%; */
  float: left;
  margin-left: 0.5%;
  margin-right: 0.5%;
  position:relative;
}

.inner-three-gallery-element:nth-of-type(1){
  margin-left: 1%;
}

.inner-three-gallery-element:nth-of-type(3){
  margin-right: 1%;
}

.inner-three-gallery-element img{
  width: 100%;
  height: auto;
  
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}


@media only screen and (max-width: 1370px){
 .turq-container-3i{
  font-size: 11pt;
 }
 
 .main-on-fix{
  /* padding: 243.98px 0px 0px 0px!important;
  padding: 198.36px 0px 0px 0px!important; */
  padding: 178.39px 0px 0px 0px!important;
 }
 .main-on-fix.main-on-fix-f{
  /* padding: 140.7px 0px 0px 0px!important; */
  padding: 153.41px 0px 0px 0px!important;
 }
 .head-title {
  font-size: 18pt;
  letter-spacing: 11px;
 }
}

@media only screen and (max-width: 1300px){
  .head-title {
    display: none;
  }
}

@media only screen and (max-width: 1270px){
 .h-temp-1{
  display: none;
 }
 
 .main-on-fix{
  /* padding: 243.98px 0px 0px 0px!important;
  padding: 198.36px 0px 0px 0px!important; */
  padding: 178.39px 0px 0px 0px!important;
 }
 .main-on-fix.main-on-fix-f{
  /* padding: 140.7px 0px 0px 0px!important; */
  padding: 153.41px 0px 0px 0px!important;
 }
}

@media only screen and (max-width: 1200px){
 .navbar-expand-md .navbar-nav .nav-link {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
 }
 
 .container-keys-text {
    font-size: 20pt;
    line-height: 27pt;
 }
 .logo-top-image {
  /*
  width: 318px;
  max-width: 318px;
  */
  /*
  padding-top: 20.82px;
  padding-bottom: 20.82px;
  */
  width: 270px;
  max-width: 270px;
 }
 
 .logo-top-image.logo-smaller {
  padding-top: 0px;
  padding-bottom: 0px;
 }
 
 
 .main-on-fix{
  /* padding: 243.98px 0px 0px 0px!important;
  padding: 198.36px 0px 0px 0px!important; */
  padding: 178.39px 0px 0px 0px!important;
 }
 .main-on-fix.main-on-fix-f{
  /* padding: 140.7px 0px 0px 0px!important; */
  padding: 153.41px 0px 0px 0px!important;
 }
 
}



@media only screen and (max-width: 1100px){
 .turq-container-3i, .turq-container {
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
 }
 
 .main-on-fix{
  /* padding: 243.98px 0px 0px 0px!important;
  padding: 198.36px 0px 0px 0px!important; */
  padding: 178.39px 0px 0px 0px!important;
 }
 .main-on-fix.main-on-fix-f{
  /* padding: 140.7px 0px 0px 0px!important; */
  padding: 153.41px 0px 0px 0px!important;
 }
 
 .turq-container::after, .turq-container-3i::after {
  width: 60px;
  height: 60px;
  top: 14px;
  right: -30px;
 }
 
 .turq-container::before, .turq-container-3i::before {
  width: 60px;
  height: 60px;
  top: 14px;
  left: -30px;
 }
}


@media only screen and (max-width: 1020px){
 .nav__menu li {
  padding: 1rem 10px;
 }
}


@media only screen and (max-width: 1006px){
 .logo-top-image {
  width: 218px;
  max-width: 218px;
  /*
  padding-top: 41.64px;
  padding-bottom: 41.64px;
  */
 }
 
 .logo-top-image.logo-smaller {
  max-width: 200px !important;
  width: 200px !important;
  /*
  padding-top: 18.725px;
  padding-bottom: 18.725px;
  */
 }

 .main-on-fix{
  padding: 152.72px 0px 0px 0px!important;
  /* padding: 239.97px 0px 0px 0px!important; */
 }
 .main-on-fix.main-on-fix-f{
  /* padding: 140.69px 0px 0px 0px!important; */
  padding: 103.25px 0px 0px 0px!important;
 }
  
 .nav__menu li a {
  font-size: 9pt;
 }
 .nav__menu {
  padding-left: 20px;
 }
 
 .footer-button{
  width: 97%;
 }
 
}

@media only screen and (max-width: 991px) {
    .logo-coesione{
        max-width: 200px;
    }
  .df_button_brochure{
    margin-bottom: 30px;
  }
  .top-bar .social-icons{
   display: none;
  }
  .turq-container-3i, .turq-container {
   width: 87%;
  }
  .top-bar-text {
    font-size: 11pt;
    justify-content: center;
    width: 100%;
  }
  .top-bar-text-big {
    font-size: 16pt;
   }
   .navbar-light .navbar-nav .nav-link {
    font-size: 9pt;
   }
   
 
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .415rem;
    padding-left: .415rem;
  }
  
  .navbar-brand{
   width: 190px;
   height: 116px;
  }
  
  .navbar-brand img{
   width: 100%;
   margin-top: 20px;
  }

  .text-prenota {
    font-size: 23px;
  }
  .logo-footer {
   margin-bottom: 30px;
  }
  .footer-button{
   margin-top: 30px;
  }
  .footer-one-of-four {
    text-align: center;
  }
  .logo-casa-edile{
    margin-bottom: 20px;
  }
}




@media only screen and (max-width: 767px) {
  /*
  .nav__logo {
   height: unset;
  }
  */
   
   
 /*
.text-title-1{
 font-size: 80%;
}
.text-title-2{
 font-size: 80%;
}
.text-title-3{
 font-size: 80%;
}

.text-subtitle-1{
 font-size: 80%;
}
.text-subtitle-2{
 font-size: 80%;
}

.text-subtitle-3{
 font-size: 80%;
}
.text-subtitle-4{
 font-size: 80%;
}
*/
 header{
  position: absolute;
 }
 .nav__menu li a {
  font-size: 12pt;
 }
 .logo-top-image {
  width: 270px;
  max-width: 270px;
  padding-top: 0;
  padding-bottom: 0;
 }
 
.head-title {
 width: 50%;
 text-align: left;
 font-size: 24px;
 letter-spacing: 8px;
 margin-left: 10px;
}
 
.text-title-1{
 font-size: calc(26pt * 0.8);
}
.text-title-2{
 font-size: calc(55pt * 0.63);
 line-height: 43pt;
}
.text-title-3{
 font-size: calc(26pt * 0.8);
}

.text-subtitle-1{
 font-size: calc(20pt * 0.8);
 line-height: 20pt;
}
.text-subtitle-2{
 font-size: calc(55pt * 0.63);
 line-height: 43pt;
}

.text-subtitle-3{
 font-size: calc(20pt * 0.8);
}
.text-subtitle-4{
 font-size: calc(20pt * 0.8);
}

.container-keys-text{
 font-size: calc(28pt * 0.8);
 line-height: 28pt;
}

.two-opposite-side-container-left ul, .two-opposite-side-container-right ul {
 font-size: calc(23pt * 0.8);
}

.valore-list-title {
 font-size: calc(26pt * 0.8);
}

.chi-siamo-3-info-name {
 font-size: calc(26pt * 0.8);
}

.head-title{
 display: none;
}

.valori-container .mb30{
 margin-bottom: 0;
}
.valore-list-container{
 margin-bottom: 30px;
}
.chi-siamo-3-info-container{
 margin-bottom: 30px;
}

  .yellow-button {
    font-size: 16px;
    width: 150px;
    height: 150px;
    margin-top: -75px;
  }
  
  
.two-opposite-side-container{
 flex-direction: column;
}
.two-opposite-side-container-left, .two-opposite-side-container-right{
 width: 100%;
}
.two-opposite-side-container-left ul{
 padding: 0;
 margin: 0;
 text-align: center;
}

.two-opposite-side-container-right ul{
 padding: 0;
 text-align: center;
}
  
  .main-on-fix{
   padding: 188.39px 0px 0px 0px!important;
   /* padding: 163.25px 0px 0px 0px!important; */
  }
  .main-on-fix.main-on-fix-f{
   margin: 0px 0px 0px 0px;
  }
  .carousel-item {
   height: 50vh;
  }
  .top-bar-text {
   font-size: 8pt;
   letter-spacing: 3px;
  }
  
  .top-bar-text-big {
   font-size: 13pt;
   letter-spacing: 5px;
  }
 
  .h-mob{
   display: none;
  }
  
  .container-keys {
   flex-direction: column;
  }
  .container-keys-image, .container-keys-text {
   width: 100%;
  }
  
  .turq-container, .turq-container-3i {
   width: 81%;
  }
  
  .logo-footer{
   margin-bottom: 30px;
  }
  
  .footer-button {
   width: 81%;
   margin: 0 auto;
   margin-top: 30px;
   margin-bottom: 30px;
  }
  .footer-one-of-four {
    text-align: center;
  }
  .footer-three-of-four {
    text-align: center;
  }
  .turq-one-thrid-container{
   width: 100%;
  }

  .navbar-brand{
    width: 326px;
    height: 116px;
   }
   
   .navbar-brand img{
     width: 100%;
     margin-top: 0px;
    }
   
figure.effect-sarah h2{
 font-size: 1.3em;
}

.carousel-caption {
  /*bottom: 5rem;*/
}

#bandiera-cont{
  width: 40%;
}

.heading-title{
  font-size: 35px;
}

.head-title-inner{
  font-size: 30px;
}

.h2, h2 {
  font-size: 1.8rem;
}

.show-on-mobile{
  display: block;
}

.intro-title{
  font-size: 25px;
}


.nav-item{
  text-align: center;
}

.servizi-item:nth-last-of-type(1), .servizi-item:nth-last-of-type(3), .servizi-item:nth-last-of-type(5){
  margin-right: 0px;
  width: 100%;
}

.servizi-item:nth-last-of-type(2), .servizi-item:nth-last-of-type(4), .servizi-item:nth-last-of-type(6){
  margin-left: 0px;
  width: 100%;
}

.text-prenota {
    font-size: 25px;
}

.text-prenota {
    line-height: 80px;
}


p.head-subtitle{
  font-size: 25px!important;
}

.btn-primary-call{
  font-size: 25px;
}


.inner-three-gallery{
  text-align:center;
}

.inner-three-gallery-element{
  width: calc(100% - 30px);
  float: none;
  margin-left: 0px!important;
  margin-right: 0px!important;
  margin-top: 15px;
  margin-bottom: 15px;
  /* text-align: -webkit-auto; */
  text-align: initial;
  display: inline-block;
}

.form-title{
  width: 100%;
}

.form-input{
  width: 100%;
}

.form-input-textarea{
  width: 100%;
}




#inner-top-image, #inner-top-image-s-ncc, #inner-top-image-pp, #inner-top-image-s-npcc, #inner-top-image-s-congressi,  #inner-top-image-s-aeroporti, #inner-top-image-s-turismo, #inner-top-image-contatti, #inner-top-image-vantaggi, #inner-top-image-mezzi, #inner-top-image-servizi, #inner-top-image-s-matrimoni{
  background-attachment: scroll;
  height: 250px;
}

}


@media screen and (max-width:576px){
 .menu-toggle {
  width: calc(100% - 20px);
 }
 
.whatsapp-container {
  bottom: 15px;
  right: 15px;
}

 /*
 .gallery .row{
  margin: 0;
  max-width: 100%;
 }
 */

 
  .gallery div.portfolio-element-container {
    max-width: 90%;
  }
.gallery div.portfolio-element-container img{
  width: 100%;
}
  .portfolio-element-container{
    flex: 0 0 100%;
    max-width: 100%;
  }
 
}

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


.navbar-brand {
    width: 246px;
    height: 116px;
}

.navbar-brand img{
    margin-top: 12px;
}

figure.effect-sarah h2{
 font-size: 1.1em;
}

#bandiera-cont{
  width: 50%;
}

  .logo{
    margin-left: 20px;
  }
  
  

#inner-top-image, #inner-top-image-s-ncc, #inner-top-image-pp, #inner-top-image-s-npcc, #inner-top-image-s-congressi,  #inner-top-image-s-aeroporti, #inner-top-image-s-turismo, #inner-top-image-contatti, #inner-top-image-vantaggi, #inner-top-image-mezzi, #inner-top-image-servizi, #inner-top-image-s-matrimoni{
  background-attachment: scroll;
  height: 220px;
}
  /*
  .gold-shape-left{
    width: 50px;
    height: 20px;
    margin-right: 10px;
  }
  */
  .gold-shape-left{
    width: 40px;
    height: 16px;
    margin-right: 8px;
  }
  
  .gold-shape-right{
    width: 40px;
    height: 16px;
    margin-left: 8px;
  }
  
  .white-shape-left{
    width: 40px;
    height: 16px;
    margin-right: 8px;
  }
  
  .white-shape-right{
    width: 40px;
    height: 16px;
    margin-left: 8px;
  }
  
  .heading-title {
    font-size: 31px;
  }

}

@media only screen and (max-width: 490px) {
  .top-bar-text {
   font-size: 7.3pt;
   letter-spacing: 2px;
  }
  .top-bar-text-big {
   font-size: 11pt;
   letter-spacing: 4px;
   margin-top: -2px;
   padding: 0 7px;
  }
  .turq-one-thrid-text {
   font-size: 11pt;
  }
  .turq-container, .turq-container-3i {
   width: 79%;
  }
}

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

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.dropdown-toggle::after{display: none;}