/* HERO */

.hero-3 {
  padding-bottom: 90px;
  /* Large devices */
}

.hero-3.light .hero-style3 {
  /* Medium devices */
}

@media (max-width: 991px) {
  .hero-3.light .hero-style3 {
    margin-bottom: 40px;
  }
}

.hero-3.light .hero-style3 .hero-wrapp {
  left: 8%;
  top: unset;
  bottom: -60px;
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 991px) {
  .hero-3.light .hero-style3 .hero-wrapp {
    left: 80%;
  }
}

@media (max-width: 375px) {
  .hero-3.light .hero-style3 .hero-wrapp {
    left: 60%;
    bottom: -110px;
  }
}

.hero-3.light .hero-style3 .hero-wrapp .discount-tag {
  color: var(--title-color);
}

.hero-3 .hero-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  max-width: 1158px;
  margin-left: auto;
  /* Medium Large devices */
  /* Extra small devices */
}

@media (max-width: 1299px) {
  .hero-3 .hero-wrap {
    max-width: 100%;
  }
}

@media (max-width: 375px) {
  .hero-3 .hero-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    margin: 0;
  }
}

.hero-3 .hero-wrap .hero-img1 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;width: 33%;
}

.hero-3 .hero-wrap .hero-img2 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;width: 33%;
}

.hero-3 .hero-wrap .hero-img3 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;width: 34%;
}

.hero-img1 {height: 360px;}
.hero-img2 {height: 640px;}
.hero-img3 {height: 500px;}

.hero-img1 img {width: 100%;height: 100%;object-fit: cover;}
.hero-img2 img {width: 100%;height: 100%;object-fit: cover;}
.hero-img3 img {width: 100%;height: 100%;object-fit: cover;}

@media (max-width: 1199px) {
  .hero-3 {
    padding-bottom: 0;
  }
}

.hero-3 .scroll-down {
  position: absolute;
  right: 20px;
  bottom: 30%;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  /* Medium Large devices */
}

@media (max-width: 1399px) {
  .hero-3 .scroll-down {
    display: none;
  }
}

.hero-3 .scroll-down .hero-scroll-wrap {
  position: absolute;
  left: 50%;
  bottom: 56px;
  z-index: 3;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  width: 123px;
  height: 11px;
  color: var(--white-color);
}

.hero-3 .scroll-down .hero-scroll-wrap:after {
  content: '';
  position: relative;
  background-color: var(--white-color);
  height: 1px;
  width: 30px;
  display: inline-block;
  left: -100%;
  bottom: 4px;
}

.hero-style3 {
  position: relative;
}

.hero-style3 .hero-img {
  max-width: 1158px;
  display: block;
  margin-left: auto;
  /* Medium Large devices */
  /* Medium devices */
  /* Extra small devices */
}

@media (max-width: 1399px) {
  .hero-style3 .hero-img {
    margin-bottom: -270px;
  }
}

@media (max-width: 991px) {
  .hero-style3 .hero-img {
    margin-bottom: -70px;
  }
}

@media (max-width: 575px) {
  .hero-style3 .hero-img {
    margin-bottom: 0;
  }
}

.hero-style3 .hero-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  /* Medium Large devices */
}

@media (max-width: 1399px) {
  .hero-style3 .hero-content {
    position: relative;
    margin-bottom: 40px;
  }
}

.hero-style3 .thumb-img {
  margin-bottom: 15px;width: 200px;
}

.hero-style3 .thumb-img img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
  -webkit-transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
          transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}

.hero-style3 .thumb-img:hover img {
  -webkit-transform: perspective(2000px) rotateX(0.06deg) rotateY(0deg) scaleX(1.1) scaleY(1.1);
          transform: perspective(2000px) rotateX(0.06deg) rotateY(0deg) scaleX(1.1) scaleY(1.1);
}

.hero-style3 .subtitle {
  font-family: var(--title-font2);
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  color:#333;
  display: block;
  margin-bottom: 20px;
}
.hero-style3 .subtitle span {

  color: var(--theme-color);
 
}

@media (max-width: 375px) {
  .hero-style3 .subtitle {
    font-size: 30px;
    line-height: 40px;
  }
}
.content-hero{position: relative;z-index: 3;margin-top: -270px}
.hero-style3 .hero-title {
  font-family: var(--title-font2)!important;
  font-weight: 400;
  font-size: 130px;
  line-height: 100px;
	text-align: left;

}

@media (max-width: 1199px) {
  .hero-style3 .hero-title {
    font-size: 180px;
    line-height: 180px;
  }
}

@media (max-width: 767px) {
  .hero-style3 .hero-title {
    font-size: 120px;
    line-height: 120px;
  }
}

@media (max-width: 575px) {
  .hero-style3 .hero-title {
    font-size: 70px;
    line-height: 60px;
  }
}

@media (max-width: 375px) {
  .hero-style3 .hero-title {
    font-size: 80px;
    line-height: 80px;
  }
}

.hero-style3 .hero-title2 {
  display: block;
  margin-left: 270px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .hero-style3 .hero-title2 {
    margin-left: 20px;
  }
}

.hero-style3 .hero-right {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 350px;
  display: block;
  margin-left: auto;
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 1399px) {
  .hero-style3 .hero-right {
    bottom: 30%;
  }
}

@media (max-width: 991px) {
  .hero-style3 .hero-right {
    bottom: 0;
    left: 0;
    right: unset;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .hero-style3 .hero-right {
    position: relative;
  }
}

.hero-style3 .hero-text {
  font-weight: 400;
  font-size: 16px;
  color: var(--gray-color);
  margin-bottom: 25px;
}

.hero-style3 .hero-wrapp {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 175px;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 1199px) {
  .hero-style3 .hero-wrapp {
    position: relative;
    top: 90px;
    right: unset;
  }
}

@media (max-width: 991px) {
  .hero-style3 .hero-wrapp {
    right: 0;
    left: 80%;
  }
}

@media (max-width: 767px) {
  .hero-style3 .hero-wrapp {
    position: relative;
    left: 10%;
    top: 110px;
  }
}

@media (max-width: 575px) {
  .hero-style3 .hero-wrapp {
    left: 20%;
  }
}

@media (max-width: 375px) {
  .hero-style3 .hero-wrapp {
    left: 35%;
  }
}

.hero-style3 .hero-wrapp .play-btn i {
  color: var(--theme-color);
}

.hero-style3 .hero-wrapp .discount-tag {
  color: var(--white-color);
}

/*------------------- 2.5. Mobile Menu -------------------*/
.th-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}

.th-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: var(--smoke-color2);
}

.th-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}
.th-menu-wrapper .mobile-logo img {
  max-width: 185px;
}

.th-menu-wrapper .th-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: -16.5px;
  top: 25px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 35px;
  font-size: 18px;
  z-index: 1;
  color: var(--title-color);
  background-color: var(--theme-color);
}

.th-menu-wrapper .th-menu-toggle:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}

.th-menu-wrapper .th-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: #fff;
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  z-index: 1;
}

.th-menu-wrapper.th-body-visible {
  opacity: 1;
  visibility: visible;
}

.th-menu-wrapper.th-body-visible .th-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.th-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}

.th-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}

.th-mobile-menu ul li {
  border-bottom: 1px solid #fdedf1;
  list-style-type: none;
}

.th-mobile-menu ul li li:first-child {
  border-top: 1px solid #fdedf1;
}

.th-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1.4;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-color);
}



.th-mobile-menu ul li.th-active > a {
  color: var(--theme-color);
}

/* Il link del menu parent deve lasciare spazio al pulsante */
.th-mobile-menu .menu-item-has-children {
  position: relative;
}

.th-mobile-menu .menu-item-has-children > a {
  padding-right: 42px;
}

/* I sottomenu sono chiusi inizialmente */
.th-mobile-menu .sub-menu {
  display: none;
  margin: 0;
  padding: 0;
}

/* Apertura del sottomenu */
.th-mobile-menu .menu-item-has-children.th-active > .sub-menu {
  display: block;
}

/* Pulsante + / - */
.th-mobile-menu .submenu-toggle {
  position: absolute;
  top: 8px;
  right: 0;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;
  padding: 0;

  border: 0;
  border-radius: 50%;
  background-color: var(--smoke-color);
  color: var(--title-color);

  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;

  cursor: pointer;
  box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
}

.th-mobile-menu .submenu-toggle::before {
  content: "+";
}

.th-mobile-menu .menu-item-has-children.th-active > .submenu-toggle::before {
  content: "−";
}

/* Indentazione dei livelli successivi */
.th-mobile-menu .sub-menu > li {
  padding-left: 20px;
}

/* Evita simboli generati dal vecchio tema */
.th-mobile-menu .menu-item-has-children > a::before,
.th-mobile-menu .menu-item-has-children > a::after,
.th-mobile-menu .th-mean-expand {
  display: none !important;
  content: none !important;
}

/*.th-mobile-menu ul li.th-active > a:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}*/

.th-mobile-menu ul li ul li {
  padding-left: 20px;
}

.th-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}

/*.th-mobile-menu ul .th-item-has-children > a .th-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: var(--smoke-color);
  color: var(--title-color);
  box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
  border-radius: 50%;
}

.th-mobile-menu ul .th-item-has-children > a .th-mean-expand:before {
  content: '\f067';
  font-family: var(--icon-font);
}

.th-mobile-menu ul .th-item-has-children > a:after { content: "\f067"; font-family: var(--icon-font); width: 22px; height: 22px; line-height: 22px; display: inline-block; text-align: center; font-size: 12px; border-radius: 50px; background-color: var(--smoke-color); float: right; margin-top: 1px; } */


/*.th-mobile-menu ul .th-item-has-children.th-active > a .th-mean-expand:before {
  content: '\f068';
}

.th-mobile-menu ul .th-item-has-children.th-active > a:after {
  content: "\f068";
}*/

.th-mobile-menu > ul {
  padding: 0 40px;
}

.th-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.th-menu-toggle {
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 20px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
}

.th-menu-toggle:hover {
  background-color: var(--title-color);
}

.th-menu-toggle.style-text, .th-menu-toggle.style-text-white {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--title-color);
  font-size: 20px;
}

.th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i {
  margin-right: 10px;
}

.th-menu-toggle.style-text-white {
  color: var(--white-color);
}

@media (max-width: 400px) {
  .th-menu-wrapper .th-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .th-mobile-menu > ul {
    padding: 0 20px;
  }
}

.choose-slider{
    position: relative;
    width:100%;
    height:100%;
    min-height:650px;   /* modifica il valore in base alla tua grafica */
}

.choose-slider__slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .8s ease;
}

.choose-slider__slide.is-active{
    opacity:1;
    visibility:visible;
    z-index:2;
}

.choose-slider__slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.choose-image{
    height:100%;
}

.choose-image img{
    height:100%;
}
.service-tab{
    cursor:pointer;
    transition:.3s;
}

.service-tab.active{
    background:var(--theme-color);
    color:#fff;
}

.service-tab.active .box-title,
.service-tab.active a{
    color:#fff;
}

/* Rispetta le impostazioni di accessibilità del dispositivo */
@media (prefers-reduced-motion: reduce) {
    .choose-slider__slide {
        transition: none;
    }
}