/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Pagina Home */
/* Start Hero Home */
#home-hero {
  width: 100vw;
  max-width: var(--max-width-001);
}

#home-hero #home-hero__box {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: start;
  width: 100%; 
  height: 650px;
  background: url(../images/home/home-hero.jpg) no-repeat top center;
  background-size:cover;
}
#home-hero__text {padding: 0px 100px 125px 100px;}
#home-hero__text h1 {font-size: var(--font-size-47); line-height: var(--line-height-50); font-style: var(--font-style-normal); margin: 10px 0px;}
#home-hero__text p {width: 70%; margin: 30px 0px; font-size: var(--font-size-23); line-height: var(--line-height-30); color: var(--color-ffffff);}
#home-hero__text span {display: block; width: 75px; border: 3px solid var(--color-e8aa23); border-radius: var(--border-radius-001);}
#home-hero__sign {display: flex; justify-content: flex-end; width: 100vw; margin-bottom: 25px;}
#home-hero__sign p {width: auto; padding: 2px 10px 0px 10px; background-color: var(--color-ffffff); opacity: 0.7; border-top-left-radius: 8px; border-bottom-left-radius: 8px; font-size: var(--font-size-15)}
.home-hero__cit {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; padding: 7% 11% 6% 11%; background-color: var(--color-e8aa23);}
.home-hero__cit p {font-family: var(--font-family-Alegreya); text-align: var(--text-align-center); font-size: var(--font-size-35); font-weight: var(--font-weight-regular); line-height: var(--line-height-40);}
.home-hero__cit-name p {margin-top: 15px; font-size: var(--font-size-15); font-style: var(--font-style-italic);}
/* End Hero Home */

/* Start Home Sezione 1 */
#home-sez1 {align-items: center;}
#home-sez1__box {justify-content: space-evenly; align-items: center; max-width: var(--max-width-002); padding: 7% 3%; text-align: var(--text-align-center);}
#home-sez1__box img {width: 40%; max-width: var(--max-width-005); border: 5px solid var(--color-e8aa23); border-radius: var(--border-radius-001);}
#home-sez1__text {align-items: center; width: 40%; padding: 0% 3%; text-align: var(--text-align-center);}
#home-sez1__text h2 {margin-bottom: 20px;}
#home-sez1__text p {margin-bottom: 10px;}
#home-sez1__text .buttom {margin-top: 20px;}
/* End Home Sezione 1 */

/* Start Home Sezione 2 */
#home-sez2 {align-items: center;}
#home-sez2__box {justify-content: space-evenly; align-items: center; max-width: var(--max-width-002); padding: 50px 7%; text-align: var(--text-align-center);}
#home-sez2__text {align-items: center; width: 40%; padding: 0% 3%; text-align: var(--text-align-center);}
#home-sez2__text h2 {margin-bottom: 20px;}
#home-sez2__text p {margin-bottom: 10px;}
#home-sez2__text .buttom {margin-top: 20px;}
#home-sez2__cards {justify-content: space-evenly; width: 60%;}
.home-sez2__card {justify-content: space-between; width: 270px; height: 320px; border-radius: var(--border-radius-001); transition: transform 0.6s; border: 4px solid var(--color-e8aa23);}
.home-sez2__card-name {justify-content: center; align-items: center; margin-bottom: -3px; margin-left: -1%; width: 102%; padding: 5px 0px 5px 0px; background-color: var(--color-e8aa23); border-radius: var(--border-radius-001);}
.home-sez2__card-name {color: var(--color-ffffff);}
.home-sez2__card-name img {margin-right: 10px;}
.home-sez2__card-ft1 {background: url(../images/home/home-sez2-el1-img1.jpg) no-repeat right center; background-size:cover;}
.home-sez2__card-ft2 {background: url(../images/home/home-sez2-el1-img2.jpg) no-repeat right center; background-size:cover;}
.home-sez2__card-back {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 10px 0px 10px;
  background: var(--color-333333) 0% 0% no-repeat no-repeat;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.home-sez2__card-back h3{
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-extra-bold);
  font-size: var(--font-size-19);
  line-height: var(--line-height-23);
  color: var(--color-ffffff);
  text-transform: var(--text-uppercase);
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.home-sez2__card-back p {font-size: var(--font-size-14); line-height: var(--line-height-16); font-weight: var(--font-weight-normal); margin-top: 5px; transform: translateY(100px); opacity: 0; transition: all 0.5s linear; color: var(--color-ffffff);}
.home-sez2__card-back-text {display: flex; align-items: center; flex-direction: column;}
.home-sez2__card-back-text span{width: 70px; margin-bottom: 10px; border: 2px solid var(--color-e8aa23); transform: translateY(200px); opacity: 0; transition: all 0.7s linear;}
.home-sez2__card:hover {overflow: hidden;}
.home-sez2__card:hover .home-sez2__card-name {display: none;}
.home-sez2__card:hover .home-sez2__card-back {opacity: 0.9; transition-delay: 0s; transform: translate(0px, 0px);}
.home-sez2__card:hover h3, .home-sez2__card:hover p, .home-sez2__card:hover span {opacity: 1; transform: translateY(0px);}
.home-sez2__card:hover p {transition-delay: 0.2s;}
/* End Home Sezione 2 */

/* Start Home Sezione 3 */
#home-sez3 {align-items: center; margin-top: 5%; padding: 8% 8% 0% 8%; background-color: var(--color-333333);}
#home-sez3 h2 {text-align: var(--text-align-center); margin-bottom: 50px;}
#home-sez3-el4 {margin-bottom: 10%;}
.home-sez3-img {width: 25px; margin: 30px 0px;}
.home-sez3-row {justify-content: space-between; max-width: var(--max-width-004); align-items: center; margin: 50px 0px;}
.home-sez3-row img {width: 30%; border: 4px solid var(--color-e8aa23); border-radius: var(--border-radius-001);}
.home-sez3__text h3 {margin-bottom: 15px; font-size: var(--font-size-40); font-style: var(--font-style-normal); font-weight: var(--font-weight-extra-bold); line-height: var(--line-height-40); color: var(--color-e8aa23);}
.home-sez3__text p {color: var(--color-ffffff);}
.home-sez3__text-right {margin-right: 80px; text-align: var(--text-align-right);}
.home-sez3__text-left {margin-left: 80px;}
.home-sez3__bottom{border-top: 110px solid var(--color-333333); border-right: 51vw solid var(--color-ffffff); border-left: 51vw solid var(--color-ffffff);}
/* End Home Sezione 3 */

/* Start Home Sezione 4 */
#home-sez4 {align-items: center;}
#home-sez4-box {width: 100%; max-width: var(--max-width-002); justify-content: space-evenly; align-items: center; padding: 8% 5% 8% 5%;}
#home-sez4-el1 {width: 30%; text-align: var(--text-align-center);}
#home-sez4-el1 h2 {margin-bottom: 20px;}
.home-sez4__bottom{border-top: 110px solid var(--color-ffffff); border-right: 51vw solid var(--color-e8aa23); border-left: 51vw solid var(--color-e8aa23);}
/* Start Slider Sezione 4 */
.slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 760px;
  height: 250px;
}

.slider-container1 {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
}

.slider-container2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  border: 2px solid var(--color-eabe89);
}

.pagine {display: flex; width: 500%; height: 100%;}
.pagine > div {display: flex; justify-content: center; align-items: center; width: 20%; padding: 0px 70px; transition: all .7s ease-in-out;}
.pagine__img {display: flex; margin-right: 25px;}
.pagine__img img {width: 120px; height: 120px; border-radius: var(--border-radius-001);}
.pagine__text-top-p {margin-top: 10px;}

.slider__btn {
  display: flex;
  align-items: center;
  width: 50%;
  height: 100%;
  z-index: var(--z-index-002);
  cursor: pointer;
}

.slider__btn-to-left {justify-content: flex-start; margin-right: -50%;}
.slider__btn-to-right {justify-content: flex-end; margin-left: -50%;}

.slider__btn-border {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  transition: all 0.5s ease-in-out;
}

.slider__btn-left:hover .slider__btn-border img {filter: brightness(0) saturate(100%) invert(91%) sepia(73%) saturate(2042%) hue-rotate(299deg) brightness(119%) contrast(110%);}
.slider__btn-right:hover .slider__btn-border img {filter: brightness(0) saturate(100%) invert(91%) sepia(73%) saturate(2042%) hue-rotate(299deg) brightness(119%) contrast(110%);}
/* End Slider Sezione 4*/
/* End Home Sezione 4 */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */

@media screen and (max-width: 1250px){
  /* Home Sezione 1 */
  #home-sez1__box {padding: 7% 0%;}
  #home-sez1__box img {width: 50%;}
  #home-sez1__text {padding: 0% 0%;}

  /* Home Sezione 3 */
  .home-sez3-row img {width: 40%;}

  /* Home Sezione 4 */
  #home-sez4-box {flex-direction: column; padding: 10% 5% 4% 5%;}
  #home-sez4-el1 {width: 65%;}
  .slider {width: 80%;}
}

@media screen and (max-width: 1100px){
  /* Home Sezione 2 */
  #home-sez2__box {flex-direction: column;}
  #home-sez2__text {width: 85%; margin-bottom: 80px; padding: 0% 3%;}
  #home-sez2__cards {justify-content: space-evenly; width: 90%;}

  /* Home Sezione 4 */
  .slider {width: 90%;}
}

@media screen and (max-width: 950px){
  /* Home Sezione 1 */
  #home-sez1__box {flex-direction: column-reverse; padding: 7% 10%;}
  #home-sez1__box img {width: 80%; margin-top: 50px;}
  #home-sez1__text {width: 80%;}

  /* Home Sezione 3 */
  #home-sez3 {padding: 8% 4% 0% 4%;}
  .home-sez3__text {width: 54%;}
  .home-sez3__text-right {margin-right: 50px;}
  .home-sez3__text-left {margin-left: 50px;}
  .home-sez3-row img {width: 46%;}

  /* Home Sezione 4 */
  #home-sez4-box {padding: 12% 5% 4% 5%;}
  .slider {width: 100%;}
}

@media screen and (max-width: 780px){
  .home-sez3__text h3 {font-size: var(--font-size-25); line-height: var(--line-height-28);}
}

@media screen and (max-width: 750px){
  /* Home Hero */
  #home-hero__text p {width: 100%;}
  .home-hero__cit {padding: 13% 10% 10% 10%;}
  .home-hero__cit p {font-size: var(--font-size-25); line-height: var(--line-height-30);}
  .home-hero__cit-name p {font-size: var(--font-size-13); line-height: var(--line-height-20);}

  /* Home Sezione 2 */
  #home-sez2__text {width: 100%; margin-bottom: 50px; padding: 0% 3%;}
  #home-sez2__cards {justify-content: space-around; width: 100%;}

  /* Home Sezione 4 */
  #home-sez4-el1 {width: 75%; margin-bottom: 50px;}
  .slider {height: 375px;}
  .pagine > div {flex-direction: column; justify-content: flex-start; padding: 0px 60px; text-align: var(--text-align-center);}
  .pagine__img {margin-right: 0px;margin-bottom: 25px;}
}

@media screen and (max-width: 700px){
   /* Home Sezione 3 */
   .home-sez3-row {flex-direction: column;}
   .home-sez3-row-reverse {flex-direction: column-reverse;}
   .home-sez3__text {width: 90%;}
   .home-sez3__text-right {margin-right: 0px; text-align: var(--text-align-left);}
   .home-sez3__text-left {margin-left: 0px; text-align: var(--text-align-right);}
   .home-sez3-row img {width: 80%; margin-bottom: 50px}

   /* Home Sezione 4 */
  #home-sez4-box {padding: 15% 5% 0% 5%;}
}

@media screen and (max-width: 670px){
  /* Home Hero */
  #home-hero__text {padding: 0px 50px 95px 50px;}
  #home-hero__text h1 {font-size: var(--font-size-40);}
  #home-hero__text p {font-size: var(--font-size-20); line-height: var(--line-height-28);}
  #home-hero__sign p {font-size: var(--font-size-15);}

  /* Home Sezione 1 */
  #home-sez1__box {flex-direction: column-reverse; padding: 15% 5%;}
  #home-sez1__box img {width: 90%;}
  #home-sez1__text {width: 90%;}

  /* Home Sezione 2 */
  #home-sez2__text {padding: 0% 0%;}
  #home-sez2__cards {flex-direction: column; align-items: center;}
  .home-sez2__card-ft1 {margin-bottom: 50px;}
}

@media screen and (max-width: 550px){
  /* Home Hero */
  #home-hero__text {padding: 0px 35px 95px 35px;}
  .home-hero__cit {padding: 13% 6% 10% 6%;}

  /* Home Sezione 1 */
  #home-sez1__box {flex-direction: column-reverse; padding: 15% 5%;}
  #home-sez1__box img {width: 100%;}
  #home-sez1__text {width: 100%;}

  /* Home Sezione 3 */
  .home-sez3__bottom {border-top: 70px solid var(--color-333333);}

  /* Home Sezione 4 */
  .home-sez4__bottom{border-top: 70px solid var(--color-ffffff);}
  #home-sez4-box {padding: 20% 2% 0% 2%;}
  .pagine > div {padding: 0px 50px;}
}

@media screen and (max-width: 500px){
  /* Home Sezione 3 */
  #home-sez3 {padding: 15% 4% 0% 4%;}
  
  /* Home Sezione 4 */
  #home-sez4-el1 {width: 85%;}
}

@media screen and (max-width: 450px){
  /* Home Sezione 3 */
  .home-sez3__text {width: 100%;}
  .home-sez3-row img {width: 100%; margin-bottom: 50px;}
}

@media screen and (max-width: 400px){
  /* Home Hero */
  #home-hero__text {padding: 0px 25px 95px 25px;}
  .home-hero__cit p {font-size: var(--font-size-20); line-height: var(--line-height-25);}
  .home-hero__cit-name p {font-size: var(--font-size-12); line-height: var(--line-height-20);}

  /* Home Sezione 4 */
  #home-sez4-box {padding: 25% 0% 0% 0%;}
  #home-sez4-el1 {width: 95%;}
  .slider {height: 420px;}
  .pagine > div {padding: 0px 45px;}
}
/* End Weight */
/* End Mobile */