@media screen and (max-width:1620px) {
.marginsx-calc{
  margin-left: 20px;
  }
}

@media screen and (max-width:1540px) {
  .gallery-hidden {
    left: 320px;
  }
}




@media screen and (max-width:1278px) {
    .owl-carousel .owl-dots .owl-dot {
        width: 12.5%;
    }
  }

  @media screen and (max-width:959px) {
    .col-100-sm {width:100%;}

    #Footer .footer_copy .social{
      padding-left:0 !important
    }

    .wpcf7 form.invalid .wpcf7-response-output {
      color: #eaad2f !important;
      font-weight: bold;
      border-width: 0px !important;
      border-style: solid;
      border-radius: 5px;
      float: left;
      width: 100%;
      padding-bottom: 50px !important;
      padding: 0px;
      margin: 20px 0px 0px 0px;
  }

  #cmplz-document {
    font-size: 14px;
    margin-top: 0;
    max-width: 800px;
    text-justify: inter-word;
    padding-top: 50px;
}
  }

  .visible-xs {
    display:none;
    visibility:hidden;
  }

  @media screen and (max-width:767px) {
    #Action_bar .contact_details li.slogan {
        display: block !important;
        width: 100%; }

    #Action_bar .contact_details  {
      display:none;
    }

    #Action_bar .column {
      justify-content: center !important;
    }

  #Side_slide a span {
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
  }


  #Top_bar a.responsive-menu-toggle {top:44px;}


    :root {
      /*font size/line height*/
      --size-h1: 40px;
      --lineH-h1: 56px;
      --weight-h1: 600;

      --size-h2: 30px;
      --lineH-h2: 46px;
      --weight-h2: 600;

      --size-h3: 26px;
      --lineH-h3: 36px;
      --weight-h3: 600;

      --size-h4: 24px;
      --lineH-h4: 1.25;
      --weight-h4: 700;

      --size-h5: 22px;
      --lineH-h5: 1.30;
      --weight-h5: 400;

      --size-h6: 20px;
      --lineH-h6: 1.45;
      --weight-h6: bold;

      --size-p-big: 20px;
      --lineH-p-big: 1.6;

      --size-p: 15px;
      --lineH-p: 25px;
      --lineW-p: 200;

      --size-p-small: 12px;
      --lineH-p-small: 1.5;

      --size-p-smaller: 10px;
      --lineH-p-smaller: 1.6;

      --size-mega-font: 28px;
      --lineH-mega-font:33px;
      --weight-mega-font: bold;
    }


    .title-h3-xs,
    .title-h3-xs p {
        font-family: var(--font-principale);
        font-size: var(--size-h3);
        line-height: var(--lineH-h3);
        font-weight: var(--weight-h3);
        text-transform: inherit;
    }

    .title-h4-xs,
    .title-h4-xs p {
        font-family: var(--font-principale);
        font-size: var(--size-h4);
        line-height: var(--lineH-h4);
        font-weight: var(--weight-h4);
        text-transform: inherit;
    }

    .title-h5-xs,
    .title-h5-xs p {
        font-family: var(--font-principale);
        font-size: var(--size-h5);
        line-height: var(--lineH-h5);
        font-weight: var(--weight-h5);
        text-transform: inherit;
    }

    .title-h6-xs,
    .title-h6-xs p {
        font-family: var(--font-principale);
        font-size: var(--size-h6);
        line-height: var(--lineH-h6);
        font-weight: var(--weight-h6);
        text-transform: inherit;
    }

    .p-small-xs {
        font-size: var(--size-p-small) !important;
        line-height: var(--lineH-p-small);
    }

    p, .size-p-xs, span.size-p-xs, .size-p-xs p,
    li {
        font-size: var(--size-p);
        color: var(--text-color);
        line-height: var(--lineH-p);
    }


    .size11-xs, p.size11-xs, span.size11-xs,
    .size11-xs li, .size11-xs li a  {
      font-size:11px;
    }

    .size13-xs, p.size13-xs, span.size13-xs,
    .size13-xs li, .size13-xs li a  {
      font-size:13px;
    }

    .hidden-xs {
      display:none !important;
      visibility: hidden;
    }

    .visible-xs {
      display:block;
      visibility:visible;
    }

    .relative-xs {position: relative !important;}

    .container{max-width:100% !important;padding-left:20px!important;padding-right:20px!important; height:auto !important;}
    .container.padding0-important,
    .container.container-no-padding {padding:0 !important;}

    .container.full-height {min-height:100vh !important;}

    .full-height-xs {
      height:100vh !important;
    }

    .w-container {
      max-width:100%;
    }

    .w-container-small-xs {
      width: calc(100% - 20px);
    }

    .w-container-dx, .w-container-sx  {
        width: 100%;
        transform: translateX(0px) !important;
        max-width: 100%;
        }

    /* Colori xs */
    .bg-evidenza-xs {background-color:var(--accent-color);}
    .bg-dark-xs{background-color: var(--dark);}
    .bg-noimg-xs {
      background-image:linear-gradient(#ffffff00,#ffffff00) !important;
    }

    .testo-evidenza-xs {color:var(--accent-color) !important;}

    .grassetto-xs {font-weight: bold !important;}


    .translateX-sx-xs {transform:translateX(var(--segment));}

    .translateX-0sx-xs {
      width: 100%;
      transform: translateX(0px) !important;
      max-width: 100%;
    }

    .translateX-dx-xs {
      transform: translateX(calc(-1 * var(--segment) + 30px));
      width: calc(100% + 70px) !important;
      max-width: calc(100% + 70px);

    }

    .translateX-0dx-xs {
      transform: translateX(0px) !important;
      width: 100%;
      max-width: 100%;
    }

    .col-70-flex, .col-65-flex .col-60-flex, .col-50-flex, .col-40-flex, .col-35-flex, .col-30-flex, .col-25-flex {flex-basis:100%;}


    .flex-xs{display: flex !important}
    .col-100-flex-xs {flex-basis:100%;}
    .col-70-flex-xs {flex-basis:64%;}
    .col-50-flex-xs {flex-basis:44%;}
    .col-30-flex-xs {flex-basis:24%;}

    .col-100-xs {width:100%;}
    .col-20-xs {width:20%;}
    .col-45-xs {width:45%;}
    .col-50-xs {width:50%;}
    .col-60-xs {width: 60%;}
    .col-80-xs {width:80%;}

    .col-50-ng-xs {width: calc(50% - 15px); }

    .col-2-ng-xs {
      width: calc(50% - 5px) !important;
      flex-grow: 0 !important;
      flex-basis: 0 !important; }

    .flex-column-xs {flex-direction: column;}
    .flex-column-rev-xs {flex-direction: column-reverse;}
    .flex-row-xs {flex-direction:row;}
    .justify-content-center-xs {justify-content: center; }
    .justify-content-start-xs {justify-content: flex-start; }
    .justify-content-end-xs {justify-content: flex-end; }
    .justify-content-space-between-xs {justify-content:space-between; }
    .align-items-start-xs {align-items:start;}
    .flex-wrap-xs {flex-wrap:wrap;}
    .column-gap-0-xs {column-gap: 0;}
    .gap0-xs{gap: 0;}
    .gap5-xs {gap:5px;}
    .gap10-xs {gap:10px;}
    .gap15-xs {gap:15px;}
    .gap20-xs {gap:20px;}
    .gap30-xs{gap: 30px;}

    /* padding e margin */
    .padding0-xs-important {padding:0 !important;}
    .padding0-xs {padding:0;}
    .padding0sx-xs {padding-left:0 !important;}
    .padding0dx-xs {padding-right:0 !important;}
    .padding0top-xs {padding-top:0;}
    .padding0bottom-xs {padding-bottom:0;}

    .col-16.padding5 {padding:2px;}

    .col-16 {font-size:9px; line-height:1.2em;}

    .padding5sx-xs {padding-left:5px;}
    .padding5dx-xs {padding-right:5px;}

    .padding10-xs {padding:10px;}
    .padding10sx-xs {padding-left:10px;}
    .padding10dx-xs {padding-right:10px;}
    .padding10top-xs {padding-top:10px !important;}
    .padding10bottom-xs {padding-bottom:10px;}

    .padding20-xs {padding:20px;}
    .padding20sx-xs {padding-left:20px;}
    .padding20dx-xs {padding-right:20px;}
    .padding20top-xs {padding-top:20px;}
    .padding20bottom-xs {padding-bottom:20px;}

    .padding30-xs {padding:30px;}
    .padding30sx-xs {padding-left:30px;}
    .padding30sx-xs-important {padding-left:30px !important;}
    .padding30dx-xs {padding-right:30px;}
    .padding30top-xs {padding-top:30px;}
    .padding30bottom-xs {padding-bottom:30px;}

    .padding40-xs{padding: 40px;}

    .padding50-xs{padding: 50px;}
    .padding50sx-xs{padding-left: 50px;}
    .padding50top-xs{padding-top: 50px;}
    .padding50bottom-xs{padding-bottom: 50px;}

    .padding60top-xs {padding-top:60px;}
    .padding60bottom-xs {padding-bottom:60px;}
    .padding60sx-xs-important {padding-left:60px !important;}

    .padding80sx-xs{padding-left: 80px;}

    .margin0-xs {margin:0;}
    .margin0top-xs {margin-top:0;}
    .margin-10dx-xs{margin-left: -10%;}
    .margin0dx-xs {margin-right:0;}
    .margin0sx-xs {margin-left:0;}
    .margin0bottom-xs {margin-bottom:0;}

    .margin0top-xs-important {margin-top:0 !important;}

    .margin10bottom-xs {margin-bottom:10px;}
    .margin10dx-xs {margin-right:10px;}
    .margin10sx-xs {margin-left:10px;}
    .margin10-xs {margin:10px;}

    .margin20top-xs {margin-top:20px;}
    .margin20bottom-xs {margin-bottom:20px;}

    .margin-20sx-xs {margin-left:-20px;}
    .margin-20dx-xs {margin-right:-20px;}

    .margin30top-xs {margin-top:30px;}
    .margin30bottom-xs {margin-bottom:30px;}
    .margin-30bottom-xs {margin-bottom:-30px;}

    .margin-40sx-xs{margin-left: -40px;}
    .margin40dx-xs{margin-right:40px;}

    .margin50top-xs{margin-top:50px;}
    .margin50bottom-xs{margin-bottom:50px;}

    .margin-60top-xs {margin-top:-60px;}
    .margin-60bottom-xs {margin-bottom:-60px;}
    .margin60top-xs {margin-top:60px;}
    .margin60bottom-xs {margin-bottom:60px;}

    .margin-100bottom-xs{margin-bottom: -100px;}
    .margin-100top-xs{margin-top: -100px;}

    /* end padding e margin xs */

    .align-center-xs {
      text-align:center;
    }

    .align-left-xs {
      text-align:left;
    }

    .align-right-xs {
      text-align:right;
    }


    .h150p-xs {height:150px;}
    .h300p-xs {height:300px;}
    .h400p-xs {height:400px;}
    .w100-xs {width:100%;}
    .mw100-xs {max-width:100%;}

    .minh300-xs {min-height:300px;}

    .mh500-xs {max-height:500px;}

    .w33-ng-xs {
      width: calc(33.3333333333% - 10px);
    }

    .gallery-hidden {
      left:calc(66.6666666666% + 10px);
      opacity:1 !important;
  }

    /*Home xs*/

    .owl-carousel .owl-dots .owl-dot {
        width: 8px;
    }



    .btn.btn-mega,
    button.btn.btn-mega {
        padding: 10px 30px;
    }

    .btn, button.btn {
      padding:15px 40px;
      font-size:16px;
    }

    .noborder-xs {
      border:none;
    }

    #Footer .footer_copy .social {
      padding-left:0 !important;
    }

    /* Absolute xs */
    .bottomauto-xs {bottom:auto;}
    .top-100-xs {top:-100px;}
    .absolute-xs {position: absolute;}
    .left0-xs{left: 0;}
    .top0-xs{top: 0;}
    .bottom0-xs{bottom: 0;}
    .right0-xs{right: 0;}

    .right20-xs {right:20px;}
    .top20-xs {top:20px;}

    .right30-xs {right:30px;}
    .top30-xs {top:30px;}

    .minhauto-xs {min-height:auto;}
    .hauto-xs {height:auto;}

    .minh43px-xs {min-height:43px;}
    .minh72px-xs {min-height:72px;}

    .wauto-xs {width:auto; display:inline-block;}

    .mobile-one.column {width:100% !important;}

    #Action_bar .column {
      flex-direction: column;
      gap:5px;

    }

    #Action_bar .social {display:none;}


    #Footer {margin-left:-20px; margin-right:-20px;}
    #Footer .widgets_wrapper {padding:30px 0; }

    #Top_bar .logo {text-align:left;}
    #Top_bar .logo #logo {
      margin-left:20px !important;
    }

    /* Grid */
    section .grid-container.grid-row-auto-xs {
        grid-template-rows: auto;
      }

      section .grid-container .cell.g12-xs {
        grid-column-end: span 12;
      }

      section .grid-container .cell.g10-xs {
        grid-column-end: span 10;
      }

      section .grid-container .cell.g6-xs {
        grid-column-end: span 6;
      }

      section .grid-container .cell.g5-xs {
        grid-column-end: span 5;
      }



      section .grid-container .cell.row2-xs {
        grid-row-end: span 2;
      }

      section .grid-container .cell.row3-xs {
        grid-row-end: span 3;
      }

      section .grid-container .cell.row1-xs {
        grid-row-end: span 1;
      }

          /*** TIMELINE ***/
    .timeline:before {
        content: '';
        position:absolute;
        height:100%;
        left:10%;
        width:2px;
        background:rgb(0, 0, 0);
        z-index:1;
      }


      .cerchio{
        width: 200px;
        height: 200px;
        padding: 5px;
      }

      .cerchio .h100p{
      height: 50px;
      }

      .cerchio h4{
        font-size: var(--size-p);
            }

    .white-xs{
      color: white;
    }

    .header-classic #Action_bar .social {
      padding: 10px 0;
      margin-top: 10px;
     }

     #Action_bar .column {
      margin-bottom: 0;
      overflow: hidden;
      box-sizing: border-box;
      padding: 0;
      display: flex;
      justify-content: end;
  }

  #Side_slide .social {
    text-align: center;
    display: none !important;
    margin: 0 20px 13px;
}

#Side_slide .extras .action_button {
  float: none;
  width: 100%;
  margin: 0 0 20px;
  text-align: center;
  text-decoration: none;
  border: 3px solid;
  width: 50%;
}

#Side_slide .extras {
  padding-top: 30px;
  position: relative;
  display: flex;
  justify-content: center;
}

.cta:before{
border-radius: 0 0 0 20px;
}

.one-third.column {width:auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80%;
}

.one-fourth.column {width:auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80%;
}

.one-second.column {width:auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80%;
}

#contenitore-form {--altezza-form-chiuso: 290px; }

#contenitore-contenitore-form::before,
#contenitore-contenitore-form::after {
  display:none;
}

#visore .owl-carousel .owl-nav {
  display: none !important;
}

.owl-carousel .owl-nav {
  top:-40px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  width:40px;
  height:40px;
  font-size:20px !important;
}

.btn-main:before {
    top:-100px;
  }

.bg-image-bottom-left {
  background-position: top left;
}

.scheda-hover .titolo-hover,
.scheda-hover .overlay-hover {
  opacity: .7 !important;
}


    } /*** Fine xs ***/