.swiper-container {position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.fixed.swiper-container {position:fixed!important;display:block;top:0px;left:0px;width: 100%;height: 100%;z-index:-100;background-color:rgba(0,0,0,0.8);opacity:0;}
.swiper-slide {text-align: center;font-size: 18px;/*width:auto!important;*//* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}
/*.swiper-slide:nth-child(2n) {width: 40%;}
.swiper-slide:nth-child(3n) {width: 20%;}*/
.swiper-img {position:relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width:100%;height:100%;background-size:cover;background-position:center;z-index:10}
.fixed .swiper-img img{position:relative;display:block;max-width:90%;max-height:90%;box-shadow: 0px 0px 20px rgba(0,0,0,0.7);}
.swiper-button-close{position:absolute;display:block;top:25px;right:25px;font-size:24px;color:#fff;z-index:1000;cursor:pointer;}
.swiper-button-close:hover{color:#bbb}

.swiper-text {position: absolute;display:block;top:50%;left:3%;transform: translate(0%,-50%);width:80%;z-index: 100;padding: 20px 0px;color:#000;}
.swiper-text .titolo {position: relative;display: block;font-size: 50px;width: 50%;letter-spacing: 0;font-weight: 300;color: #fff;line-height: 1.2;text-align: left;transition: all 0.4s ease-out;padding-left: 7%;}
.swiper-text .titolo .sottotitolo{position:relative;display:block;font-size: 1.5vw;margin-top: 20px;font-weight: 400;}
.swiper-text .titolo .occhiello{position:relative;display:block;font-size: 30px;margin-bottom: 20px;font-weight: 700;}
.swiper-text .titolo .btn{position:relative;display:inline-block;font-size:14px;margin-top:20px;background-color:#e2b797;color:#fff;padding: 10px 20px;border-radius: 50px;transition: all 0.4s ease-out;}
.swiper-mask{position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;z-index:50;background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0) 40%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0) 40%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0) 40%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
.swiper-caption {position: absolute;display:block;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 100;padding: 10px 20px;background-color: rgba(0,0,0,0.8);color:#fff;border-radius: 50px;}
.swiper-caption .titolo{display:block;font-size:14px;}
.swiper-caption .titolo .corpo{display:block;font-size:12px;}
.swiper-text:hover .titolo{}
.swiper-text:hover .titolo .btn{background-color:#e2b797}

.swiper-text .nota{position:relative;display:flex;margin-top:20px;width:360px;justify-content: flex-start;align-items: center;cursor:pointer;}
.swiper-text .nota .ico{position:relative;display:block;font-size: 16px;color:var(--bianco);cursor:pointer;border-radius: 100px;width: 40px;height: 40px;border: 1px solid var(--bianco);display: flex;justify-content: center;align-items: center;}
.swiper-text .nota .text{position:relative;display:block;font-size:16px;color:var(--bianco);font-family: 'FuturaStd', sans-serif;margin-left: 20px;opacity:0;transition: all 0.4s ease-out;}
.swiper-text .nota:hover .ico{background-color:var(--bianco);color:var(--colBase)}
.swiper-text .nota:hover .text{opacity:1;}
.swiper-pagination {
    bottom: 40px;
    left: 3vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100%;
  background: transparent;border:2px solid var(--colBase);opacity: 1;
}
.swiper-pagination-bullet-active {background:var(--colBase)!important;border:2px solid #fff;}
.swiper-button-next{width: 40px;height: auto;background-color: transparent;top: 50%;transform: translateY(-50%);right: 20px;text-shadow: none;overflow: hidden;opacity:1!important;z-index:300;filter: grayscale(1) brightness(10);}
.swiper-button-prev{width: 40px;height: auto;background-color: transparent;top: 50%;transform: translateY(-50%);left: 20px;text-shadow: none;overflow: hidden;opacity:1!important;z-index:300;filter: grayscale(1) brightness(10);}
.swiper-button-prev img,.swiper-button-next img{width:100%;}

.swiper-button-port{position:absolute;width: 40px;height: auto;background-color: transparent;top: 50%;transform: translateY(-50%);text-shadow: none;overflow: hidden;opacity:1!important;z-index:300;cursor:pointer;}
.swiper-button-port img{width:100%;}
.next.swiper-button-port{right: 20px;}
.prev.swiper-button-port{left: 20px;}
.swiper-button-port:hover{filter: invert(58%) sepia(97%) saturate(766%) hue-rotate(315deg) brightness(98%) contrast(92%);}

.swiperInt1.swiper-container {position: relative;height: calc(100vh - 130px);}

#swiperTop{}

#swiperInt1{height:100vh}
#swiperInt1 .swiper-button-next{top: auto;bottom: 20px;border: 0px solid #fff;width: 60px;height: 60px;font-size: 40px;font-weight: 300;right: 50px;border-radius: 0px;background-color:#333;}
#swiperInt1 .swiper-button-prev{top: auto;bottom: 20px;border: 0px solid #fff;width: 60px;height: 60px;font-size: 40px;font-weight: 300;right: 115px;left: auto;border-radius: 0px;background-color:#333;}
#swiperInt1 .swiper-button-prev i,#swiperInt1 .swiper-button-next i{font-weight: 300!important;}

#swiperInt2{/* height: calc(100vh - 280px); */height:calc((87vw / 3) - 20px)}
#swiperInt2 .swiper-slide{width: calc(100vh - 280px);width:calc((87vw / 3) - 20px);}
#swiperInt2 .swiper-img{width:80%;height:80%;transition: all 0.4s ease-out;}
#swiperInt2 .swiper-slide .swiper-img img{width: 100%;
    height: 100%;
    object-fit: cover; /* Simula background-size: cover */
    object-position: center; }
#swiperInt2 .swiper-slide-active{filter:grayscale(0);opacity:1}
#swiperInt2 .swiper-slide-active .swiper-img{width:100%;height:100%;} 
#swiperInt2 .swiper-button-next{border: 0px solid #fff;width: 60px;height: 60px;font-size: 40px;font-weight: 300;right: 0px;border-radius: 0px;background-color:var(--bianco);color:var(--colBase);filter: none;transition: all 0.4s ease-out;}
#swiperInt2 .swiper-button-prev{border: 0px solid #fff;width: 60px;height: 60px;font-size: 40px;font-weight: 300;left: 0px;border-radius: 0px;background-color:var(--bianco);color:var(--colBase);filter: none;transition: all 0.4s ease-out;}
#swiperInt2 .swiper-button-prev i,#swiperInt2 .swiper-button-next i{font-weight: 300!important;}
#swiperInt2 .swiper-button-next:hover,#swiperInt2 .swiper-button-prev:hover{background-color:var(--colBase);color:var(--bianco);}

#swiperInt3 .swiper-wrapper{display:inline-flex;}
#swiperInt3 .swiper-slide{display: inline-block;max-width: 70%;}
#swiperInt3 .swiper-text{display:block;padding: 20px 6vw;height: 50vh;top: 20vh;left: 50%;transform: translateX(-50%);width: 100%;max-width: 87vw;}
#swiperInt3 .swiper-slide-next{opacity:0.5;}
#swiperInt3 .last.swiper-slide{margin-right:70%}
#swiperInt3 .swiper-text .titolo{width:100%;font-size:2rem;font-weight:600;color: #333;text-align:left;letter-spacing: 0px;}
#swiperInt3 .swiper-text .titolo .sottotitolo{font-size: 1rem;line-height: 1.5;font-weight: 400;color: #333;}
#swiperInt3{height:100%}
#swiperInt3 .swiper-button-next{top: auto;bottom: 80px;border: 1px solid #e8e4db;width: 60px;height: 60px;font-size: 40px;font-weight: 600;color:#333;left:calc(6vw + 70px);border-radius: 100px;text-shadow: none;background-color:#e8e4db}
#swiperInt3 .swiper-button-prev{top: auto;bottom: 80px;border: 1px solid #e8e4db;width: 60px;height: 60px;font-size: 40px;font-weight: 600;color:#333;left:6vw;border-radius: 100px;text-shadow: none;background-color:#e8e4db}
#swiperInt3 .swiper-button-prev i{position: absolute;display:block;top:50%;left: 46%;transform: translate(-50%,-50%);z-index:10;font-weight: 600!important;}
#swiperInt3 .swiper-button-next i{position: absolute;display:block;top:50%;left: 54%;transform: translate(-50%,-50%);z-index:10;font-weight: 600!important;}
#swiperInt3 .swiper-button-prev:hover,#swiperInt3 .swiper-button-next:hover{background-color:#fff;border: 1px solid #333;}
#swiperInt3 .swiper-label{position:absolute;display:block;top:16vh;left:6vw;width:100%;z-index:100;text-align:left;}
#swiperInt3 .swiper-label .titolo{position:relative;display:inline-block;font-size:16px;text-transform: uppercase;color:#333;font-size:16px;font-weight:600;padding-right:40px;}
#swiperInt3 .swiper-label .swiper-pagination{position:relative;display:inline-block;width:50%;top:auto;left:auto;right:auto;bottom:auto;font-size:16px;text-align:left;color:#333;font-size:16px;font-weight:400;}
#swiperNews{position:relative;}
#swiperNews .swiper-pagination{position:relative;}
#swiperNews .swiper-button-next, #swiperNews .swiper-button-prev{top: 50%;}

#swiperPortfolio{position:relative;height: calc((100vw - 207px) / 4);}
#swiperPortfolio .swiper-slide{overflow: hidden;}
#swiperPortfolio .swiper-slide .swiper-text{position:absolute;display:flex;opacity:0;top:50%;left:50%;width:calc(100% - 20px);height:calc(100% - 20px);z-index:100;background-color: var(--colBase);justify-content: center;align-items: center;transition: all 0.4s ease-out;    transform: translate(-50%, -50%) scale(0.5);}
#swiperPortfolio .swiper-slide:hover .swiper-text{opacity:1;transform: translate(-50%, -50%);}
#swiperPortfolio .swiper-slide .swiper-text:after{content:"";position:absolute;top:50%;left:50%;width:22vw;height:22vw;z-index:100;transform: translate(-50%, -50%);border:2px dashed var(--bianco);}
#swiperPortfolio .swiper-slide:hover .swiper-text:after{-webkit-animation: spin 8s infinite linear;animation: spin 8s infinite linear;}
#swiperPortfolio .swiper-slide .swiper-text .titolo{width:90%;text-align:center;padding-left:0;font-size: 34px;font-weight:700;}
#swiperPortfolio .swiper-slide .swiper-text .sottotitolo{text-align:center;font-size: 18px;font-weight:500;}
#swiperPortfolio .swiper-slide .swiper-text .btn{text-align:center;padding: 10px 20px;font-size: 14px;background-color: var(--colBase);border: 1px solid var(--bianco);font-weight: 400;margin-top: 30px;}
#swiperPortfolio .swiper-slide .swiper-img img{width:100%;}
.paginationPort{display:none;}

#swiperBrand{position:relative;height:200px}
#swiperBrand .swiper-slide{overflow: hidden;}
#swiperBrand .swiper-img{display:flex;justify-content: center;align-items: center;filter: grayscale(1);}
#swiperBrand .swiper-img img{position:relative;display:block;max-width: 80%;max-height:80%;;}

#swiperRecensioni{position:relative;}
#swiperRecensioni .swiper-pagination{position:relative;margin-top:20px;justify-content: center;}
#swiperRecensioni .swiper-pagination-bullet-active{background-color:var(--bianco)!important;opacity:1!important;width:20px!important;height:20px!important;border:0px solid var(--colBase)!important}
#swiperRecensioni .swiper-pagination-bullet{background-color:var(--bianco)!important;opacity:0.4;width:20px;height:20px;transition: all 0.4s ease-out;border:3px solid var(--colBase)}

#swiperNumeri{position:relative;overflow: hidden;}
.swiper-button-num.swiper-button-next{right:-60px;filter: none;color: var(--colBase);}
.swiper-button-num.swiper-button-prev{left:-60px;filter: none;color: var(--colBase);}
.swiper-button-num.swiper-button-next:hover,.swiper-button-num.swiper-button-prev:hover{background-color: transparent;color:var(--colBase3)}
.swiper-button-num.swiper-button-disabled{opacity:0.35!important}

@media (max-width: 940px) {
    .swiper-text {padding: 0px 0px;}
    .swiper-text .titolo{font-size: 22px;width: 70%;}
    .swiper-text .titolo .sottotitolo{font-size: 16px;margin-top:10px;}
    .swiper-text .titolo .btn{font-size:14px;margin-top: 10px;padding: 5px 10px;}
    .swiper-button-next{right:3%;}
    .swiper-button-prev{right:calc(3% + 35px);}
    .swiper-button-prev,.swiper-button-next {bottom:-20px;width: 30px;height: 30px;margin-top: 0;font-size: 30px;transform: translateY(-40%);}
/* .swiper-button-next:before {content: "";position: absolute;top: 6px;left: -3px;width: 12px;height: 12px;border-left: 3px solid var(--colBase);border-top: 3px solid var(--colBase);transform: rotate(133deg);}
.swiper-button-prev:before {content: "";position: absolute;top: 6px;left: 12px;width: 12px;height: 12px;border-left: 3px solid var(--colBase);border-top: 3px solid var(--colBase);transform: rotate(-45deg);} */
.next.swiper-button-port{right: -5vw;}
.prev.swiper-button-port{left: -5vw;}
    .slidePagina .swiper-text .titolo{font-size: 8vw;}
    .swiper-pagination{bottom:4vw;left:7vw}
    #swiperPortfolio{position:relative;height: auto;}
    #swiperPortfolio .swiper-slide{display:block;}
    #swiperPortfolio .swiper-slide .swiper-text{position:relative;top:0;left:0;transform: translate(0,0);width:100%;height:auto;opacity:1;background-color:transparent;padding-top:20px;}
    #swiperPortfolio .swiper-slide .swiper-text .titolo{font-size:20px;}
    #swiperPortfolio .swiper-text .titolo .sottotitolo,#swiperPortfolio .swiper-text .titolo .btn,#swiperPortfolio .swiper-slide .swiper-text:after{display: none;}
    .button-port-next,.button-port-prev{display:none;}
     #swiperInt1{height:56.49vw}
    #swiperInt1 .swiper-button-next{top: auto;bottom: 0px;border: 1px solid #fff;width: 40px;height: 40px;font-size: 30px;font-weight: 300;right: 10px;border-radius: 0px;}
    #swiperInt1 .swiper-button-prev{top: auto;bottom: 0px;border: 1px solid #fff;width: 40px;height: 40px;font-size: 30px;font-weight: 300;right: 55px;left: auto;border-radius: 0px;}
    #swiperInt2{height:calc(94vw - 20px);}
    #swiperInt2 .swiper-slide{width:calc(94vw - 20px);}
    #swiperInt2 .swiper-button-next{border: 0px solid #fff;width: 40px;height: 40px;font-size: 30px;font-weight: 300;right: 0px;border-radius: 0px;}
    #swiperInt2 .swiper-button-prev{border: 0px solid #fff;width: 40px;height: 40px;font-size: 30px;font-weight: 300;left: 0px;border-radius: 0px;}
    #swiperInt3 .swiper-text{position:relative;display:block;padding: 20px 6vw;height: 50vh;top:30px;left: 50%;transform: translateX(-50%);width: 100%;max-width: 87vw;}
    #swiperInt3 .swiper-label{top:15px;}
    #swiperRecensioni .swiper-slide{padding-top:20px;}
    .swiper-button-rec{top:0;transform: translateY(0);bottom:auto;}
    .swiper-button-rec.swiper-button-prev{left:0;}
    .swiper-button-rec.swiper-button-next{right:0;}
    .swiper-button-num.swiper-button-next{right:0;}
    .swiper-button-num.swiper-button-prev{left:0;}
}