.headerPadding{
  padding: 2rem;
  height: calc(100vh - var(--menuh));
  overflow: hidden;
}

.headerPadding .inner{
  border-radius: 2rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 4rem;
  background-color: var(--lightgrey);
  overflow: hidden;
}

.cursor-pointer{
  cursor: pointer;
}

.halfBottomLightBlue{
  position: relative;
}
.halfBottomLightBlue:before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--lightblue);
  z-index: -1;
}

.noInfo.incontroDisclaimer:before{
  display: none;
}

.noInfo.incontroDisclaimer span{
  width: 100%;
}

.zoneLogin:hover>span{
  color: var(--blue);
}

.dropdown:hover .dropLogin{
  display: flex !important;
}
.dropLogin{
  padding-top: 1.5rem;
  box-shadow: none !important;
  background: transparent;
  width: auto !important;
  justify-content: center;
}
.dropLogin:before{
  content: "";
  position: absolute;
  top: 0;
  right: 1rem;
  width: 0px;
  height: 0px;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
  border-bottom: 1.5rem solid var(--blue);
}
.dropLogin>div{
  background: var(--blue);
  padding: 1rem;
  display: flex;
}

.dropLogin a,
.dropLogin span{
  color: var(--white);
  margin: 0 1rem;
  cursor: pointer;
}

.halfTopLightBlue{
  position: relative;
}
.halfTopLightBlue:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--lightblue);
  z-index: -1;
}

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

.incontroDisclaimer:before{
  content: "i";
  display: flex;
  width: 0.8rem;
  height: 0.8rem;
  background-color: var(--black);
  color: var(--white);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0.5rem 0;
  font-size: 0.75rem;
}

.incontroDisclaimer span{
  border-radius: 0.4rem;
  border: 1px solid var(--black);
  background-color: var(--white);
  padding: 1rem 0.7rem;
  font-size: 0.75rem;
  width: 10rem;
  line-height: 1rem;
}

.tabTitle{
  border-bottom: 1px solid #000000;
  padding-bottom: 0.3rem;
  margin-bottom: 2rem;
}

.blackLine{
  border-bottom: 1px solid #000000;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.dettaglioDiploma{
  background-color: #FFFFFF;
  border-radius: 2rem;
  margin: 4rem;
  padding: 3rem 0;
}

.text-underline{
  text-decoration: underline;
}

.previewDiploma{
  border-radius: 2rem;
  padding: 2rem;
  background-color: var(--white);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

#recupero .innerRecupero{
  background-color: var(--lightgrey);
  border-radius: 2rem;
  padding: 3rem;
}

.yellowUnderline,
.spanYellowUnderline span{
  position: relative;
  display: inline-block;
  z-index: 1;
}

.yellowUnderline:before,
.spanYellowUnderline span:before{
  content: "";
  background-color: var(--yellow);
  position: absolute;
  bottom: 0.7rem;
  width: 100%;
  left: 0;
  height: 0.7rem;
  z-index: -1;
}

/*.titleLev4.yellowUnderline:before,
.titleLev4.spanYellowUnderline span:before{
  height: 0.3rem;
}*/

.shadowLeft:after{
  content: "";
  display: block;
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;

  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, var(--lightgrey) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(90deg, var(--lightgrey) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(90deg, var(--lightgrey) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.chiRecensioni{
  padding: 6rem 0 10rem 0;
  position: relative;
  overflow: hidden;
}

#contattaci{
  position: relative;
  overflow: hidden;
}

.chiRecensioni:before,
#contattaci:before{
  content: "";
  display: block;
  background-color: var(--lightgrey);
  width: 153%;
  height: 154%;
  position: absolute;
  top: 0;
  transform: rotate(14deg) translateY(21rem) translateX(-8rem);
  opacity: 0.7;
}

#contattaci:before{
  bottom: 0;
  top: initial;
  height: 30rem;
  opacity: 1;
}

.chiRecensioni .container-fluid{
  z-index: 2;
  position: relative;
}

.chiRecensioni .logo,
#contattaci .logo{
  height: 15rem;
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7;
  z-index: 1;
}

#contattaci .logo{
  bottom: 8rem;
  transform: none;
  top: initial;
  opacity: 0.5;
}

.row-reverse{
  flex-direction: row-reverse;
}

.cardContainer{
  max-width: 28rem;
  margin: auto;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.cardContainer img{
  height: 4rem;
  margin: 1rem 1rem;
  position: relative;
  z-index: 4;
}

.cards{
  display: flex;
}

.cards img{
  height: 2rem;
  margin: 0rem 0.5rem;
  position: relative;
}

.btnSmall{
  border-width: 1px;
  border-style: solid;
  padding: 0.3rem 1.5rem;
  font-size: 0.7rem !important;
  margin: 0 2rem;
}

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

.diplomiList a{
  display: inline-block;
  margin-bottom: 0.4rem;
}

.hoverTextUnderline:hover{
  text-decoration: underline;
}

.titleLev6.yellowUnderline:before{
  height: 0.5rem;
  bottom: 0.2rem;
}

.h100{
  height: 100%;
}

.object-fit{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.bigNumber{
  display: inline-block;
  margin-right: 1rem;
  opacity: 0.3;
}

.numSvg{
  height: 7rem;
  opacity: 0.5;
}

.img-aeroplani{
  position: relative;
  z-index: 0;
  height: 100%;
}

.img-aeroplani .photo{
  margin: auto;
  height: 100%;
  position: relative;
  z-index: 1;
}

.photo{
  max-height: 100%;
  object-fit: contain;
}

.img-aeroplani .aeroplani{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.perche-icone{
  margin-bottom: 1rem;
  height: 5rem;
}

.recensione{
  border-radius: 2rem;
  box-shadow: #c4c4c4 11px 0px 20px 0px;
  padding: 2rem 2rem;
  overflow: hidden;
  max-width: 90%;
  text-align: center;
  background: #ffffffbd;
  font-size: 0.9rem;
}

.recensione h6{
  font-family: 'Teko', sans-serif;
  font-weight: 600;
  font-size: 1.7rem;
  margin-bottom: 1rem;
}

.upperFooter .inner{
  display: flex;
  align-items: center;
}

.linkIndirizzo{
  display: flex;
  color: var(--blue);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
}

.linkIndirizzo:before{
  content: ">";
  display: inline-block;
  margin-right: 0.3rem;
}

.linkIndirizzo a:hover{
  text-decoration: underline;
}

@media (min-width: 768px){
  .elencoIndirizzi{
    /*display: flex;
    flex-wrap: wrap;*/
    column-count: 2;
  }
}

@media(max-width: 1199px){
  #home .img-aeroplani{
    height: 51vh;
  }
  #home .img-aeroplani .aeroplani{
    width: 170vw;
    position: absolute;
    max-height: 40vh;
    display: none;
  }
}

@media(max-width: 991px){
  .dropLogin span{
    color: var(--black);
  }

  #home .img-aeroplani{
    height: 46vh;
  }

  .headerPadding {
    height: auto;
    overflow: hidden;
  }
  
}

@media (max-width: 767px){
  .headerPadding {
    padding: 1rem;
  }

  .headerPadding .inner{
    padding: 3rem 1rem;
  }

  #home .img-aeroplani .photo{
    display: none;
  }

  .headerPadding {
    height: auto;
    overflow: hidden;
  }
  
  #home .img-aeroplani{
    height: 27vh;
  }

  #home .img-aeroplani .aeroplani{
    width: 170vw;
    display: block;
    position: relative;
    max-width: 99999999%;
    max-height: 40vh;
  }

  .numSvg {
    height: 3rem;
    margin-right: 1rem;
  }

  .recensione {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
  }

  .upperFooter{
    padding: 2rem 2rem;
    text-align: center;
  }

  .upperFooter .inner{
    flex-direction: column;
  }

  .upperFooter .inner .customBtn{
    margin: 1rem 0 2rem 0;;
  }

  .cards {
    flex-wrap: wrap;
    justify-content: center;
  }

  .cards img {
    margin: 0.5rem 0.5rem;
  }

  #recupero .innerRecupero{
    padding: 2rem;
  }

  .headerPadding.diplomi-elenco .h100,
  .headerPadding.diplomi-elenco{
    height: auto;
  }

  .headerPadding.diplomi-elenco .inner{
    padding-bottom: 0;
  }

  .dettaglioDiploma{
    margin: 2rem 0;
    padding: 2rem 0;
  }

  .cardContainer img {
    height: 2rem;
  }

  .shadowLeft:after,
  #recensioni .logo{
    display: none;
  }

  #chi-siamo .h100,
  #chi-siamo .headerPadding .inner,
  #chi-siamo .headerPadding{
    height: auto;
  }

  .chiRecensioni{
    padding-bottom: 3rem;
  }

  #contattaci{
    padding-bottom: 14rem;
  }

  #contattaci:before {
    height: 23rem;
  }

  #contattaci .logo{
    height: 10rem;
    bottom: 2rem;
  }

  .modal-body{
    padding: 2rem;
  }

  .yellowUnderline.notMobile:before,.spanYellowUnderline.notMobile span:before {
    content: none;
  }
}