.grecaptcha-badge{
    display: none !important;
}

.portfolioNEW{
    padding: 7rem 0 17rem 0;
}

.wp-embed-aspect-16-9 iframe {
  border: 0px;
}


blockquote {
  padding: 50px 15px;
  border-top: 28px solid #ffc600;
  border-bottom: 28px solid #ffc600;
  border-left:0px;
}

.wp-block-pullquote {
  margin: 0 0 0;
  padding: 1em 0;
  text-align: center;
}

blockquote p {
  margin-bottom: 0;
}


.contrast-switched .portfolioNEW .slide .swiper-button-prev,
.contrast-switched .portfolioNEW .slide .swiper-button-next{
  color:#000;
}

.testo-grande {
  font-size: 1.5em;
  line-height: 1.2;
}

.titolo-grande {
  font-size: 3.25rem;
}
    
.slider-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.left-column {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 5%;
  box-sizing: border-box;
}
.left-column img {
  width: 500px;
  height: auto;
  display: block;
  max-height: 500px;
  margin: 0 auto;
}

.right-column {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 5%;
  box-sizing: border-box;
}

.text-swiper {
  height: 500px;
  overflow: hidden;
}

.text-swiper .swiper-slide {
  opacity: 0.1;
  transition: opacity 0.1s;
}
.text-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.text-swiper .swiper-slide.swiper-slide-next,
.text-swiper .swiper-slide.swiper-slide-prev {
  opacity: 0.3;
}
    
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  bottom: 0;
  transform: translateY(-50%);
  color: white;
  background: transparent;
  padding: 10px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  z-index: 10;
  cursor: pointer;
  color: #000;
  top: auto;
}

.swiper-button-prev {
  right: 60px;
  left:auto;
}

.swiper-button-next {
  right: 10px;
}
    
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 40px;
  font-family:icomoon !important;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content:"\e902";
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content:"\e900";
}
    
.Mod25 {
  width: 100% !important;
  margin: 0 !important;
}


.contenitore {
  position: relative;
  width: 1200px;
  height: 800px;
  margin: 30px auto;
}

.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  z-index: 10;
}

.logo svg{
 width:220px;
 height:55px;   
}


.contrast-switched .logo {
    background: #000;
}

.contrast-switched .logo svg path{
    fill:#fff !important;
}
.icone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-out;
}

.icona {
  position: absolute;
  background: #f0f0f0;
  border-radius: 8px;
  width: auto;
  padding: 20px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  user-select: none;
  cursor: default;
  transition: transform 0.2s ease-out;
  box-shadow: 5px 5px 15px -10px #000000;
}

.icona p {
  font-size: 15px;
  font-weight: normal;
  margin:0px;
}

.contrast-switched .icona p {
    color:#000;
}
	   
.icona img {
  width:180px;
}

.icona svg {
  width:120px;
}

.LOGOTune {
    z-index: 0;    
}
.LOGOTune-testo{
    z-index: 1;    
}
.LOGOTune figure {
    transform: translateX(5%);
    transition: transform 0.1s linear; 
    /*width: 450%;*/
    width: 385%;
}
    
.LOGOTune figure img {
    width: auto !important;
    height: auto !important;
}
    .about .container-fluid{
        padding: 0px;
    }

.marginecustom {
  margin: 200px 0;
    text-align: center;
  font-size: 2em;
  line-height: 1.2;
}

.containerfilter {
  position: relative;
  min-height: 50px;
margin-bottom: 30px;
}

 .filter {
      width: 250px;
      float: none;
      margin-bottom: 0;
      border: 1px solid #000;
      border-radius: 10px;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10;
    }

.contrast-switched  .filter {
      border: 1px solid #fff;
}

    .filter #toggleFilter {
      border:0;
      background:#fff;
      padding:10px 15px;
      display: block;
      width: 100%;
      text-align: left;
      position:relative;
      font-weight: bold;
    color: #000;

    }

.contrast-switched .filter #toggleFilter {
      background:#000;
      color:#fff;
    }
    .filter #toggleFilter:hover {
      background:#000;
      color:#ffc600;
    }
    .filter #toggleFilter:focus,
    .filter #toggleFilter:focus-visible {
     outline:0;
     }
     
    .filter #toggleFilter::before{
      content:"";
      width: 20px;
      height: 1px;
      background: #000;
      position: absolute;
      right: 15px;
      top: 50%;
    }

    .filter #toggleFilter::after{
      content:"";
      width: 1px;
      height: 20px;
      background: #000;
      position: absolute;
      right: 25px;
      top: calc(50% - 9px);
    }

.filter #toggleFilter.Open::after{
    display: none;
}

.contrast-switched .filter #toggleFilter::before,
.contrast-switched .filter #toggleFilter::after{
      background: #fff;
    }
     
    .filter #toggleFilter:hover::before,
    .filter #toggleFilter:hover::after {
      background: #ffc600;
    }
    .filter .filterCheckbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  height: 1rem;
  width: 1rem;
  border-radius: 2rem;
  border: 1px solid #000;
  -ms-flex-negative: 0;
  flex-shrink: 0;
        margin-right: 10px;
}

.contrast-switched .filter .filterCheckbox {
  border: 1px solid #fff;
}

    .filter .filterCheckbox:checked {
  background-color: #ffc600;
}
     
    .filter #checkboxContainer {
  padding: 10px 15px;
  background: #fff;
}

.contrast-switched .filter #checkboxContainer {
  background: #000;
}
    .filter #checkboxContainer label {
  display: block;
  font-size: 15px;
}
    .filter #checkboxContainer label.titolo {
  font-size: 18px;
}

    .table-container {
      flex: 1;
    }
    table.portfolio {
      width: 100%;
      border-collapse: collapse;
      border: 0px solid;
    }
     table.portfolio td {
      border: 0px solid;
      padding: 25px 20px;
      text-align: left;
      width: 35%;
      vertical-align: middle;
    }
table.portfolio td.categoria{
    width: 20%;
             
}
table.portfolio td.icn{
width: 10%;
text-align: right;
}       
        
    table.portfolio td.cliente,
    table.portfolio td.titolo,
    table.portfolio td.categoria {
        font-size: 1.3em;
        line-height: 1.2;    
        }
        

table.portfolio td.icn svg {
  width: 45px;
  
}
        
    table.portfolio tr{
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      color: #000;
    background: #fff !important;
    }

table.portfolio tr:hover{
    cursor: pointer !important;
}

.contrast-switched table.portfolio tr{
   
      border-top: 1px solid #fff; 
      border-bottom: 1px solid #fff;
      color: #fff;
    background: #000 !important;
}

.contrast-switched table.portfolio td.icn svg {
  fill: #fff;
  
}
  

    table.portfolio tr:hover td {
      background-color: #000;
      color: #ffc600;
    }

.contrast-switched table.portfolio tr:hover td {
      background-color: #ffc600;
      color: #000;
    }
        
table.portfolio tr:hover td.icn svg{
  fill: #ffc600;

}        
.contrast-switched table.portfolio tr:hover td.icn svg{
  fill: #000;

}
        
    .preview {
      position: fixed; 
      display: none;
      width: 450px;
      height: auto;
      border-radius: 8px;
      box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
      background-color: white;
      z-index: 9999; 
    }


.customport-next,
.customport-prev {
  cursor: pointer;
  padding: .25rem;
  background-color: #fff;
  font-size: 2.5rem;
  line-height: 1em;
  z-index: 11;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .35s cubic-bezier(.61,.005,.115,1.005) 0s;
  -o-transition: all .35s cubic-bezier(.61,.005,.115,1.005) 0s;
  transition: all .35s cubic-bezier(.61,.005,.115,1.005) 0s;
  border-radius: 0;
  opacity: .4;
} 
                              
.customport-next:hover,
.customport-prev:hover{
  -webkit-transition: all .35s cubic-bezier(.61,.005,.115,1.005) 0s;
  -o-transition: all .35s cubic-bezier(.61,.005,.115,1.005) 0s;
  transition: all .35s cubic-bezier(.61,.005,.115,1.005) 0s;
     opacity: 1;                             
}
                              
.customport-next::after, .customport-prev::after {
  display: none;
}
                              
.customport-prev {
  left: 0;
}
                              
.customport-next {
  right: 0;
}
.slide{
padding: 0;
}


.container.focus{
   display: none;         
}     

.focus .row{
    width: 100%;
}
        
.logosm svg {
  width: 220px;
  height: 55px;
  margin: 50px auto;
  display: block;
}
        
.iconasm .icn{
  background: #f0f0f0;
  border-radius: 5px;
  width: fit-content;
  padding: 10px 5px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  user-select: none;
  cursor: default;
  transition: transform 0.2s ease-out;
  box-shadow: 5px 5px 15px -10px #000000;
    margin: 5px auto;
}

.iconasm .icn p {
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  color: #000;
}  
        
.iconasm.col-4 {
  padding: 0 3px;

}
        
.iconasm .icn svg {
  width: 55px;
}
        
 .container.focus{
    max-width: 100%;
  }
        
.contrast-switched .swiper-button-prev,
.contrast-switched .swiper-button-next {
  color: #fff;
}

/* Responsive */
@media screen and (max-width: 1699px) {
    
table.portfolio td.cliente,
table.portfolio td.titolo,
table.portfolio td.categoria {
  font-size: 1.1em;
  line-height: 1.1;
} 
    
.marginecustom {
  margin: 100px 0;
}
    
.Responsive25{
      height: 100px !important;  
}
    
.contenitore {
  width: 100%;
  height: 600px;
}    
    
}

@media screen and (max-width: 1199px) {
    .icona img{
     width:120px;   
    }  
    
    .icona svg{
     width:80px;   
    }  
    
    .swiper-wrapper .right-column .text-swiper {
  height: 400px;
}   
    
.LOGOTune figure {
  width: 530%;
}
    
}

@media screen and (max-width: 1024px) {
    
.LOGOTune-testo {
  flex: 2 !important;
}   
    
.LOGOTune{
  flex: 1 !important;
}  

.LOGOTune figure {
  width: 650%;
  margin: 0;
}
    
.swiper-wrapper .right-column .swiper-slide p{
   margin-bottom: 10px;     
}    
    

}

@media screen and (max-width: 991px) {
   
.preview {
  width: 350px;
  display: none !important;
}

table.portfolio td.cliente{
  font-size: 16px;
  width: 70%;
    padding: 15px 10px;
}
    
table.portfolio td.categoria{
  font-size: 16px;
  width: 30%;
    padding: 15px 10px;
}
    
table.portfolio tr:hover td.categoria svg {
  fill: #000;
}
    
table.portfolio td.categoria svg {
  width: 30px;
  margin-bottom: 5px;
}
    
.swiper-wrapper .right-column .text-swiper {
    height: 310px;
}

.swiper-wrapper .right-column .swiper-slide h3 {
  font-size:1.3rem;
  line-height: 1.2;
  margin-bottom: 5px;
}
    
.swiper-wrapper .right-column .swiper-slide p{
   margin-bottom: 15px;     
} 
    
.left-column {
  padding: 0 5% 0 0;
}    
.right-column {
  padding: 0 0 0 5%;
}    
    
.LOGOTune figure {
  width: 950%;
}
    
table.portfolio tr:hover td {
  background-color: #fff;
  color: #000;
}
    
.filter #toggleFilter:hover {
  background: #ffffff;
  color: #000;
}
.filter #toggleFilter:hover::before,
.filter #toggleFilter:hover::after {
  background: #000;
}
 .contrast-switched table.portfolio tr:hover td {
  background-color: #000;
  color: #fff;
}
 .contrast-switched table.portfolio tr:hover td.categoria svg {
    fill: #fff;
  }
 .contrast-switched table.portfolio td.categoria svg {
    fill: #fff;
  }
    
 .contrast-switched .filter #toggleFilter:hover {
    background: #000000;
    color: #ffffff;
  }
    
 .contrast-switched .filter #toggleFilter:hover::before,
 .contrast-switched .filter #toggleFilter:hover::after {
    background: #ffffff;
  }
    
}

@media screen and (max-width: 768px) {
.about .swiper-container > .swiper-wrapper {
    flex-direction: column;
  }
  .left-column,
  .right-column {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 2% 0;
  }
  .left-column img {
    width: 100%;
    max-height: none;
    margin: 0 auto;
  }
  .text-swiper,
  .image-swiper {
    height: auto;
  }
    
 .logo svg {
  width: 150px;
  height: 37.5px ;
}
    
  .swiper-wrapper .right-column .text-swiper {
    height: 90px;
  }
    
.icona,
 .logo{
     padding: 10px;   
}   
    
.icona svg{
    width: 60px;
}    
    
.contenitore {
    height: 450px;
  }  
    
.Responsive25 {
height: 60px !important;
}
    
.wp-block-column.LOGOTune-testo:not(:only-child){   
flex-basis: calc(85% - 1em) !important;   
}

.wp-block-column.LOGOTune:not(:only-child) {   
flex-basis: calc(15% - 1em) !important;   
}
    
  .LOGOTune figure {
    width: 3500%;
  transform: translateX(0%);
transition: transform .1s linear; 
}
    
 .swiper-wrapper .right-column .swiper-slide h3 {
    font-size: 2rem;
  }

.swiper-wrapper .right-column .swiper-slide p {
    font-size: 1.5rem;
  }
    
.marginecustom {
    margin: 60px 0 10px 0;
  }
    
}

@media screen and (max-width: 767px) {
table.portfolio td.cliente{
font-size: 15px;
  width: 60%;
}
    
table.portfolio td.categoria{
font-size: 15px;
  width: 40%;
}
    
.contenitoreResponsive{
display: none;
}
        
.container.focus{
   display: block;   
    padding: 0;
    margin-top: 100px;
}       
    
}

@media screen and (max-width: 575px) {
    
.team .right-column {
  padding-right: 95px;
}
    
.team .swiper-button-prev {
  right: 45px;
  left: auto;
}
    
.team .swiper-button-next {
  right: 0;
}
    
.team .swiper-button-next::after,
.team .swiper-button-prev::after {
  font-size: 25px;
}
    
.team .swiper-button-prev, .team .swiper-button-next {
  padding: 0;
  width: 40px;
  height: 40px;
  bottom: 20px;
}
    
.team .swiper-wrapper .right-column .swiper-slide h3 {
    font-size: 1.7rem;
  }
    
.team .swiper-wrapper .right-column .swiper-slide p {
    font-size: 1.3rem;
  }
    
.Responsive25 {
    height: 30px !important;
  }    
    
.wp-block-column.LOGOTune-testo:not(:only-child){   
flex-basis: calc(90% - 1em) !important;   
}

.wp-block-column.LOGOTune:not(:only-child) {   
flex-basis: calc(10% - 1em) !important;   
}
    
.LOGOTune figure {
  transform: translateX(-5%);
  width: 6000%;
  transition: transform 0s linear; 
  }
    
  .contenitore {
    height: 350px;
      margin-bottom: 0;
  }
    
.icona svg{
    width: 35px;
}
    
.icona img{
    width: 90px;
}
    
.icona p{
font-size: 13px;
}
    
.iconasm .icn {
  padding: 10px;
}
    
.iconasm.col-4 {
  padding: 0 15px;
  display: inline-block;
  width: auto;
  flex: auto;
  max-width: none;
}
    
.testo-grande {
  margin-bottom: 1em;
}
    
}