/* Import style per mobile */

.hero{
  box-sizing: border-box;
  padding: 0;
  /*height: 44.4vw;*/
}
@media only screen and (max-width: 600px) {
  /*.hero{
    height: 60vw;
  }*/
}

.banner-header{
  width:100%;
  height:44.4vw;
}
@media only screen and (max-width: 600px) {
  .banner-header{
    width:100%;
    height:60vw;
  }
}

  .hero_page{
    box-sizing: border-box;
    padding: 0;
  }
  .hero_page_2{
    box-sizing: border-box;
    padding: 0;
    height: 28vw;
  }
  .hero-headline{font-size:3rem;white-space:nowrap;margin-bottom:0}
  .hero-copy{font-size:1rem;margin-bottom:0;padding:0 2rem;text-align:center}
  .page-section-full{margin-left: -2.5rem; margin-right: -2.5rem;}
  .page-section-full-2{margin-left: -2.5rem; margin-right: -2.5rem; height:26rem}

@media only screen and (max-width: 600px) {
    .page-section-full-2{
      margin-left: 0;
      margin-right:0;
      height:auto;
      padding-right: 0;
    }
    .box-nested {
      text-align: left;
      padding-bottom: 5vw;
    }
    .open-menu {
      margin-right: .5rem
    }

    .container-fluid {
      width:100%;
      padding-right: 0;
      padding-left: 0;
    }
    .page-section {
      width:90%;
      margin: 0 auto 1rem auto;
      padding-top: 1.5rem;
      padding-bottom: 1rem;
    }

    .block_mus {
    border-bottom: 4px solid #666;
    font-size: 1rem;
    }
    .sm-space {
    line-height: 1.1rem!important;
    margin-bottom: .5rem!important;
    }
  }


  /* */
  .image_logo_1{
    width:8rem;
    top: 1rem;
    left: 1rem;
    position:absolute;
    z-index: 4;
  }
  .image_logo_1:hover{
    opacity:.5;
  }
  .image_logo_2{
    width:8rem;
    top: 1rem;
    left:10rem;
    position:absolute;
    z-index: 4;
  }
  .image_logo_3{
    border: 0;
    width:18vw;
    margin-bottom: 1rem
  }
  .image_logo_4{
    width: 13rem;
    top: .9rem;
    left: 10rem;
    position: absolute;
    z-index: 4;
  }
  .image_logo_5{
  width: 11.5rem;
  top: 1rem;
  left: 10rem;
  position: absolute;
  z-index: 4;
  }

@media only screen and (max-width: 600px) {
    .image_logo_1{
      width:6rem;
      top: .5rem;
      position:absolute;
      z-index: 4;
    }
    .image_logo_2{
      width:6rem;
      top: .5rem;
      left:7.5rem;
      position:absolute;
      z-index: 4;
    }
  }
  @media only screen and (max-width: 600px) {

    .image_logo_3{
      border: 0;
      width:100%;
      margin-bottom: 1rem
    }
    .logo_footer img {
      height: 4rem;
      margin-bottom: 1rem
    }
  }

  .pippo-1{
    position: relative;
    z-index:3;
  }
  .pippo-2{
    position: relative;
    z-index:3;
  }
  .pippo-3{
    position: relative;
    z-index:2;
  }
  /* SLIDER HEADER  */
  .slider_box {
    position: absolute;
    height: 44.1vw;
    width:100%;
    z-index:0;
    top:0;
    left:0;
  }
  @media only screen and (max-width: 600px) {
    .slider_box {
      position: absolute;
      height: 42vh;
      width: 100%;
      z-index: 0;
      top: 0;
      left: 0;
    }
    .slick-slide img {
        display: block;
        margin: 0 auto;
        /*height: 45vh;*/
        width:auto;
    }
    .slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0 ;
  }
}
  /* SLIDER NEWS  */
  .slider_2 div{
    background-color: transparent;
    height:20rem;
  }

  /* OVERLAY MENU */
  .overlay {
      height: 0%;
      width: 100%;
      position: fixed;
      z-index: 3;
      top: 0;
      left: 0;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0, 0.8);
      overflow-y: hidden;
      transition: 0.5s;
  }

  .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: left;
    margin-top: 3rem;
  }
  @media only screen and (max-width: 600px) {
    .overlay-content {
      position: relative;
      top: 4rem;
      width: 100%;
      text-align: left;
    }
  }

  .overlay a {
      text-decoration: none;
      color: #fff;
      display: block;
      transition: 0.3s;
  }

  .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
  }

  .overlay .closebtn {
    position: absolute;
    top: .5rem;
    right: .4rem;
    font-size: 3rem;
  }

  @media only screen and (max-width: 600px) {
    .overlay .closebtn {
      position: absolute;
    top: .5rem;
    left: 90vw;
    font-size: 3rem;
    }
  }
  @media screen and (max-height: 450px) {
    .overlay {overflow-y: auto;}
    .overlay a {}
    /*.overlay .closebtn {
      top: 15px;
      right: 35px;
    }*/
  }

  .overlay_por{
    background-color: rgb(143,188,143)!important;
    background-color: rgba(143,188,143, 0.95)!important;
    }

  .aright{ text-align: right;}

  /* PER I TESTI */
  h1{
    font-family: 'work_sansregular';
    font-size:1.8rem;
    line-height: 2.2rem;
    margin:0;
  }
  h2{
    font-family: 'work_sansthin';
    font-size:1.2rem;
    line-height: 2em;
    margin-bottom:2em;
  }
  h3{
  }
  h4{
  }


  .upper{text-transform: uppercase;}
  .acenter{text-align: center;}

  .semibold_20{
    font-family: 'work_sansmedium';
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .light_20_up { /* NEW  */
    font-family: 'work_sansthin';
    font-weight:700;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .light_19_up { /* NEW  */
    font-family: 'work_sansthin';
    font-weight:700;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .semibold_18{
    font-family: 'work_sansmedium';
    font-size:1.4rem;
    line-height: 1.4em;
  }
  .light_18 {
    font-family: 'work_sansthin';
    font-weight:700;
    font-size:1.4rem;
    line-height: 1.4em;
  }
  .semibold_18_up { /* NEW  */
    font-family: 'work_sansmedium';
    text-transform: uppercase;
    font-size:1.4rem;
    line-height: 1.4em;
  }
  .light_18_up { /* NEW  */
    font-family: 'work_sansthin';
    font-weight: bold;
    text-transform: uppercase;
    font-size:1.4rem;
    line-height: 1.4em;
  }
  .regular_18 {
    font-family: 'work_sansregular';
    font-size:1.4rem;
    line-height: 1.4em;
  }
  .regular_18 a {
    font-family: 'work_sansregular';
    text-decoration: none;
  }
  .regular_18 a:hover {
    opacity: 0.5;
  }
  .bold_14{
    font-family: 'work_sansbold';
    font-size:1.1rem;
    line-height: 1.8rem;
  }
  .semibold_14{
    font-family: 'work_sansmedium';
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  .regular_14{
    font-family: 'work_sansregular';
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
@media only screen and (max-width: 600px) {
  .regular_14 {
    font-family: 'work_sansregular';
    font-size: 4vw;
    line-height: 5.5vw;
  }
}

  .light_14 {
    font-family: 'work_sansthin';
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  .light_14_up { /* NEW  */
    font-family: 'work_sansthin';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  .regular_14_up { /* NEW  */
    font-family: 'work_sansregular';
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  .bold_13 {
    font-family: 'work_sansbold';
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  @media only screen and (max-width: 600px) {
    .bold_13 {
      font-family: 'work_sansbold';
      font-size: 4.5vw;
      line-height: 4.5vw;
    }
  }
  .semibold_13 {
    font-family: 'work_sansmedium';
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .italic_13 {
    font-family: 'work_sansregular';
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .regular_13{
    font-family: 'work_sansregular';
    font-size: 1.1rem;
    line-height: 1.5rem;
  }


  .light_13 {
    font-family: 'work_sansthin';
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .bold_12 {
    font-family: 'work_sansbold';
    font-size:.9rem;
    line-height: 1.4rem;
  }
  .semibold_12 {
    font-family: 'work_sansmedium';
    font-size:.9rem;
    line-height: 1.4rem;
  }
  .semibold_12 a {
    font-family: 'work_sansregular';
  }
  .semibold_12 a:hover{
    font-family: 'work_sansregular';
    opacity: 0.5;
    text-shadow:0 0 0 0 !important;
  }
  .italic_12 {
    font-family: 'work_sansregular';
    font-size:.9rem;
    line-height: 1.4rem;
  }
  .regular_12 {
    font-family: 'work_sansregular';
    font-size:.9rem;
    line-height: 1.4rem;
  }
  .regular_12 a {
    font-family: 'work_sansregular';
  }
  .regular_12 a:hover{
    font-family: 'work_sansregular';
    opacity: 0.5;
    text-shadow:0 0 0 0 !important;
  }
  .light_12 {
    font-family: 'work_sansthin';
    font-weight: bold;
    font-size:.9rem;
    line-height: 1.4rem;
  }
  .light_11 {
    font-family: 'work_sansthin';
    font-weight: bold;
    font-size:.7rem;
    line-height: 1rem;
  }
  .regular_11 {
    font-family: 'work_sansregular';
    font-size:.7rem;
    line-height: 1rem;
  }
  .semibold_11 {
    font-family: 'work_sansmedium';
    font-size:.7rem;
    line-height: 1rem;
  }
  .regular_11 a {
    font-family: 'work_sansregular';
    font-size:.7rem;
    line-height: 1rem;
  }
  .regular_11 a:hover{
    opacity: 0.5;
  }

  .simple-link{
    display:block;
    text-decoration: underline;
    cursor: default;
  }
  .simple-link:hover{
    opacity:.5;
  }
  .navigation-link {
    text-decoration: none;
    cursor: default;
    line-height: 1.7rem;
    padding-left: 3rem;
    background-image: url("../images/arrow-link.png");
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    background-position: left;
  }
  .navigation-link:hover{
    opacity:.5;
  }

  .sm-space{line-height: 1.1rem!important; margin-bottom:1rem;}

  @media only screen and (max-width: 600px){
    .sm-space {
      line-height: 2vw!important;
      margin-top: 4.5vw;
      }
        }
  /* text head */
  .cont_hed_text{
    position: absolute;
    z-index: 2;
    top:20vw;
    left:2.5rem;
    color:#fff;
    }


  @media only screen and (max-width: 600px) {
    .cont_hed_text {
      position: absolute;
      z-index: 2;
      top:22vw;
      left: 1.2rem;
    }
  }
  .cont_hed_text_1{
    position: absolute;
    z-index: 2;
    width:40%;
    top:20vw;
    left:5%;
    color:#fff;
  }
  .cont_hed_text_2{
    position: absolute;
    z-index: 2;
    top:20vw;
    left:50%;
    width:40%;
    color:#fff;
  }


  .cont_hed_text_page{
    padding-top:7vw;
    padding-bottom: 2vw;
    width:50%;
    color:#313131;
    border-bottom:1px solid #313131;
  }
  @media only screen and (max-width: 600px) {
    .cont_hed_text_page{
      padding-top:7vw;
      padding-bottom: 2vw;
      width:90%;
      margin:auto;
      color:#313131;
      border-bottom:1px solid #313131;
    }
  }
  .cont_hed_text_page_2{
    padding-top:7vw;
    padding-bottom: 2vw;
    width:60%;
    color:#313131;
  }

  h1.head_30{
    width: 40vw;
    font-family: 'work_sansregular';
    font-size:6vw;
    line-height: 6.1vw;
  }
  h1.head_22{
    width: 50vw;
    font-family: 'work_sansregular';
    font-size: 3vw;
    line-height: 3.4vw;
    margin-top: 1rem
  }
  h1.light_22{ /* ULTILIZZATO NEW - MOD 9 GIUGNO*/
    font-family: 'work_sansthin';
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 3rem;
    margin-top: 1rem
  }
  h2.semibold_13{ /* ULTILIZZATO NEW */
    font-family: 'work_sansmedium';
    font-size:1.5vw;
    line-height: 2vw;
  }
  .light_22{ /* ULTILIZZATO NEW */
    font-family: 'work_sansthin';
    text-transform: uppercase;
    font-size: 3vw;
    line-height: 3.4vw;
    margin-top: 1rem
  }
  .semibold_13{ /* ULTILIZZATO NEW */
    font-family: 'work_sansmedium';
    font-size:1.5vw;
    line-height: 2vw;
  }

  h2.head_14{
    font-family: 'work_sansthin';
    font-size: 2vw;
    line-height: 1.8vw;
    margin-bottom: 0;
  }

  h3.head_14 a{
    font-family: 'work_sansthin';
    font-size: 2vw;
    line-height: 2vw;
  }

  h3.head_14 a:hover{
    opacity:.5;
    cursor: default;
  }
  h3.head_14_2 a{
    font-family: 'work_sansthin';
    font-size: 1.4vw;
    line-height: 3.7vw;
  }

  h3.head_14_2 a:hover{
    opacity:.5;
    cursor: default;
  }
  /* */


  /* TESTO VARIE */
  .content-pre-page-1{
    padding-left:0;
    margin-top:-.8em;
    margin-bottom:4rem;
  }
  .content-page-1{
    padding-left:0;
    margin-top:-.8em;
    padding-bottom: 2rem;
  }
  .content-pre-page{
    padding-left:10vw;
    margin-top:-.8em;
    margin-bottom:4rem;
  }
@media only screen and (max-width: 600px) {
  .content-pre-page{
    padding-left:0;
    margin-top:0;
    margin-bottom:3vw;
  }
  }
  .content-page{
    padding-left:8vw;
    padding-bottom: 2rem;
  }
@media only screen and (max-width: 600px) {
    .content-page{
    padding-left:0;
    padding-bottom: 1rem;
    }
  }
  .content-page-evi{
    padding-left:15vw;
    padding-right:5vw;
    padding-top:2rem;
    padding-bottom:2rem;
    display:inline-block;
    background-color: #eee
  }
  .content-page-evi-2{
    width:100%;
    padding-left:5vw;
    padding-right: 48vw;
    padding-top:2rem;
    padding-bottom:2rem;
    display:inline-block;
    background-color: #eee;
  }
  .content-page-evi-3{
    padding-left: 5vw;
    padding-right: 48vw;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: inline-block;
  }
@media only screen and (max-width: 600px) {
    .content-page-evi-3{
      width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem
    }
  }
  .cont_title_image{
    color: #000;
    display: block;
    width: 40%;
    margin-top:2rem;
  }

  .cont_image{
    position:relative;
    z-index: 1;
    display:block;
    width:100%;
    text-align: center;
  }
  .cont_image img{
    height: 30rem;
    width:auto;
  }
  .content-info{
    width:20%;
    float:left;
    margin-bottom: 2rem;
  }
  .content-info span{display:block;}
  .content-info-2{
    width:80%;
    float:left;
    margin-bottom: 2rem;
  }
  .content-info-2 span{display:block;}

  .block{display:block;}
  .underline {padding:.5 0; text-decoration: underline;}
  .white {color:#fff!important;}
  .black {color:#313131;}
  a.white {color:#fff;}
  a.black {color:#313131;}
  .line_bot {
    border-bottom: 1px solid #313131;
    padding-top:1rem;
    line-height: 2rem
  }
  .line_bot_small {
    border-bottom: 1px solid #313131;
    padding-top: 1rem;
    line-height: 2rem;
    width: 30%;
    margin-bottom: 1rem
  }

  .space-1 {
    margin-bottom: .5rem
  }
  .space-2 {
    margin-bottom:1rem
  }
  @media only screen and (max-width: 600px) {
    .space-2 {
      margin-bottom:1vw;
    }
  }
  .space-3 {
    margin-bottom:3rem;
  }
  @media only screen and (max-width: 600px) {
    .space-3 {
      margin-bottom:3vw;
    }
  }
  .space-13 {
    margin-bottom:13rem;
  }
  .pad-4 {
    padding-left: 4rem;
  }
  .arrow{ height:1.8rem; float:left; padding-rght:1rem;}
  .arrow-2{ width:3rem!important; height:3rem; margin-right:.5rem!important; float:left;}
@media only screen and (max-width: 600px) {
    .arrow-2{ width:4vw!important; height:4vw; margin-right:.5rem!important; float:left; font-size: 3vw;margin-top: 2vw!important;}
  }
  .arrow-3{ height:1.8rem; vertical-align: middle;line-height: 3rem;}
  .arrow-4{ width: 1.5rem !important; margin-right: .5rem !important; height: 1.5rem; float: left;}

  .arrow_small{
    background-image: url("../images/arrow-link-gal.png");
    background-size: 1.5rem;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 2rem;
    display:inline!important;
  }

  .link-block{
    display:inline-block;
    }
  .link-block:hover{
    opacity:.5;
    cursor: default;
    }
  .block-arrow{
    width:80%;
    padding-right:10%;
    align-items: center;
    background-image:url(../images/arrow-link.png);
    background-position:right ;
    background-repeat: no-repeat;
    background-size: 5vw;
    }
  .cont-text_left{
    width:50%; float:left; padding:.5rem 0;
  }
  .cont-text_right{
    width:50%; float:right; text-align:right; padding:.5rem 0;
  }
  .title-block{
    min-height:9rem;
    padding-right: 6rem
  }
  /* ACTION */
  a.btn_action{
    border: 1px solid #313131;
    padding:.5rem 2rem;
    font-family: 'work_sansregular';
    font-size:.8rem;
    margin-top: 2rem;
  }
  a.btn_action:hover{
    opacity:.5;
    cursor: default;
  }

  a.btn_action_2{
    border: 1px solid #313131;
    padding:.6rem;
    font-family: 'work_sansregular';
    font-size:.8rem;
    margin-top: 2rem;
  }
  a.btn_action_2:hover{
    opacity:.5;
    cursor: default;
  }


  a.btn_action_w{
    border: 1px solid #fff;
    padding:1rem;
    font-family: 'work_sansregular';
    font-size:.8rem;
    margin-top: 2rem;
  }
  a.btn_action_w:hover{
    opacity:.5;
    cursor: default;
  }


  /* FOOTER */
  footer {
    background-color: #313131;
    color:#fff;
    padding:2rem 2rem 0 2rem;
  }
  .logo_footer img{
    height: 3.5rem;
  }
  .line_1{
    border-bottom: 1px solid #fff;
    min-height:.5rem;
    margin-bottom:.5rem;
  }
  .footer_2{
    background-color: #fff;

  }

  /* FLEX CONTAINER BOX */
  .flex-container-x {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-container-x > div {
    margin: 0 0 1rem 0;
    width: 10rem;
    margin:0 .5rem;
  }
  .flex-container-x > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    .flex-container-x {
      display: flex;
      flex-wrap: wrap;
      margin-top: 1rem
    }
    .flex-container-x > div {
      margin: 0 0 1rem 0!important;
      width: 100%!important;
    }
    .flex-container-x > div > span{
      display:block;
    }
  }

  /*  BOX - neutri */
  .flex-container {
    display: flex;
    flex-wrap: nowrap;
  }
  .flex-container > div {
    margin: 0 2em 2em 2em ;
  }
  @media only screen and (max-width: 600px) {
    .flex-container > div {
      margin: 0 5% 1vw 5% ;
      width:90%;
    }
  }

  .flex-container > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    .flex-container {
    display: block;
    margin: 1vw 0 0 0!important;
    }
  }

  /*  2 BOX */
  .flex-container-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 20rem;
  }
  .flex-container-banner > div {
    margin: 0 0 2em 0;
    width: 46%;
    padding:2%;
  }

  .flex-container-2 > div > span{
    display:block;
  }
  .flex-container-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-container-2 > div {
    margin: 0 0 2em 0;
    width: 46%;
    padding:2%;
  }
  .flex-container-2 > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    /* aggoungere css */
    }

  /*  2 BOX */
  .flex-container-2-nobrd {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-container-2-nobrd > div {
    margin: 0 0 2em 0;
    width: 28%;
    padding:0 2% 0 0 ;
  }
  .flex-container-2-nobrd > div:last-child {
    margin: 0 0 2em 0;
    width: 68%;
    padding:0 0 0 2% ;
  }
  .flex-container-2-nobrd > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    .flex-container-2-nobrd {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-container-2-nobrd > div {
      margin: 0 0 2em 0;
      width: 100%;
    }
    .flex-container-2 {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-container-2 > div {
      margin: 0 0 2em 0;
      width: 96%;
      padding:2%;
    }
  }

  /*  2 BOX UGUALI*/
  .flex-container-02-nobrd {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-container-02-nobrd > div {
    margin: 0 0 2em 0;
    width: 48%;
    padding:0 2% 0 0 ;
  }
  .flex-container-02-nobrd > div:last-child {
    margin: 0 0 2em 0;
    width: 48%;
    padding:0 0 0 2% ;
  }
  .flex-container-02-nobrd > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    .flex-container-02-nobrd {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-container-02-nobrd > div {
      margin: 0 0 2em 0;
      width: 100%;
    }
  }

  /*  3 BOX  */
  .flex-container-3{
    display: flex;
    flex-wrap: wrap;

  }
  .flex-container-3 > div {
    margin: 0 0 2em 0;
    width: 29.33%;
    padding:0 2%;
    margin-top:-1rem
  }
  .flex-container-3 > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    .flex-container-3 {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-container-3 > div {
      /*margin: 2vw 2% 0 2%;*/
      width: 90%;
      margin-top:2vw auto;
    }
  }

  /*  3 BOX - border */
  .flex-container-3_brd {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-container-3_brd > div {
    margin: 0 2em 2em 0 ;
    border: 1px solid #333;
    width:25%;
    padding:1em
  }
  .flex-container-3_brd > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    .flex-container-3_brd {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-container-3_brd > div {
      margin: 0 0 1rem 0;
      border: 1px solid #666;
      width:100%;
      padding:0 3vw;
    }
  }

  /*  4 BOX */
  .flex-container-4 {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-container-4 > div {
    margin: 0 0 2rem 0;
    width: 20.8%;
    padding-right:3.1rem;
  }
  /* aggiungere last child senza spazio */

  .flex-container-4 > div > span{
    display:block;
  }
@media only screen and (max-width: 600px) {
    .flex-container-4 {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-container-4 > div {
      margin: 0 0 1rem 0;
      width: 43%;
      padding: 2%;
    }
  }


  /*  VARIE  */
  .mappa-home{
    background-color:#ccc;
    width:100%;
  }
  .ico_cube_1{ width:100%; margin-top:1rem; margin-bottom:1.3rem;}

  .ico_cube_1:hover{ opacity:.5;}
  .ico_rect_1{ height:5rem;}



  .ico_service{width:4rem;}

  .box_lat_nobrd{
    width:85%;
    margin-left:15%;
    padding-top:1rem;
    margin-bottom: 2rem;
  }

  .box_lat{
    width:85%;
    margin-left:15%;
    border-top: 1px solid #333;
    padding-top:1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display:inline-block
  }
  .box_lat_gal{
    width:85%;
    margin-left:15%;
    border-top: 2px solid #ad2daf;
    padding-top:1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display:inline-block
  }
  .box_lat_por{
    width:85%;
    margin-left:15%;
    border-top: 2px solid #8fbc8f;
    padding-top:1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display:inline-block
  }
  .box_lat_por a{
    color:#8fbc8f;
    text-decoration: underline;
  }
  .box_lat_por a:hover{
    opacity:.5;
  }
  @media only screen and (max-width: 600px) {
    .box_lat_por{
      width:90%;
      margin:0 auto 1rem auto;
      border-top: 2px solid #8fbc8f;
      padding-top:1rem;
      margin-top: 1rem;
      display:inline-block
    }
  }
  .box_lat_mus{
    width:85%;
    margin-left:15%;
    border-top: 2px solid #5f9ea0;
    padding-top:1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display:inline-block
  }
  .box_lat_une{
    width:85%;
    margin-left:15%;
    border-top: 2px solid #5c93df;
    padding-top:1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display:inline-block
  }

  .box_bot{
    width:90%;
    margin:0 5% 0 5%;
    border-top: 1px solid #333;
    padding-top:1rem;
    margin-bottom: 2rem;
  }
  .box_bot:last-child{
    width:90%;
    margin:0 5% 0 5%;
    border-top: 1px solid #333;
    padding-top:1rem;
    margin-bottom: 2rem;
  }

  .box_bot_2{
    width:100%;
    margin:0;
    border-top: 1px solid #333;
    padding-top:1rem;
    margin-top:1rem;
    margin-bottom: 2rem;
  }
  .box_bot_2:last-child{
    width:100%;
    margin:0;
    border-top: 1px solid #333;
    padding-top:1rem;
    margin-top:1rem;
    margin-bottom: 2rem;
  }
  .no-brd-left{
    padding-right:.5rem!important;
    padding-left: 0!important;
  }
  .no-brd-right{
    padding-right: 0!important;
    padding-left: .5rem!important;
  }
  /*  VARIE IMMAGINI  */
  img.images-2{
    width:100%;
  }
  .img_head{
    width:100vw;
  }
  /* SOCIAL */
  select.simple {
    background: url("../images/arrow-sel.png");
    background-size: 1.3rem;
    background-position: 17vw .5vw;
    background-repeat: no-repeat;
    border:1px solid #fff;
    color:#fff!important;
    padding:.5rem 2%;
    margin-bottom: 1rem;
    width:96%;
    font-family: 'work_sansregular';
    font-size:.85rem;
    line-height: 1.4rem;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    -webkit-appearance:none;
  }

  input.search {
    background-color: #fff;
    text-transform: uppercase;
    background: #fff url("../images/search.png");
    background-size: 1.3rem;
    background-position: 17vw .5vw;
    background-repeat: no-repeat;
    border:1px solid #313131;
    padding:.5rem 2%;
    margin-bottom: 1rem;
    width:91%;
    font-family: 'work_sansregular';
    font-size:.9rem;
    line-height: 1.4rem;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    -webkit-appearance:none;
  }
  input.result {
    text-transform: uppercase;
    background:url("../images/close-sel.png");
    background-size: 1.3rem;
    background-position:  13.5rem .5rem;
    background-repeat: no-repeat;
    border:1px solid #fff;
    color:#fff!important;
    padding:.5rem 2%;
    margin: 1rem 0;
    width:90%;
    font-family: 'work_sansregular';
    font-size:.85rem;
    line-height: 1.4rem;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    -webkit-appearance:none;
    cursor:default;
  }
  input.result:hover {
    opacity:.5;
  }

  /* SOCIAL */
  .ico_social{
    width:2rem;
    padding:.5rem .5rem .5rem 0;
  }

  /* TAB */
  /* Style the tab */
  .tab {
      overflow: hidden;
  }
  .tab_gal {
      overflow: hidden;
  }

  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1rem 0;
    margin-bottom: 2rem;
    margin-right: 2rem;
    transition: 0.3s;
  }

  /* Change background color of buttons on hover */
  .tab button:hover {
      border-bottom: 1px solid #313131;
  }

  /* Create an active/current tablink class */
  .tab button.active {
      border-bottom: 1px solid #313131;
  }
  .tab .tab_gal button.active {
      border-bottom: 1px solid #ad2daf!important;
      color:#171688!important;
  }
  .tab_mus {
      overflow: hidden;
  }

  .tab_gal button {
    background-color: transparent;
    color:#171688;
    float: left;
    border: 2px solid #fff;
    outline: none;
    cursor: pointer;
    padding: 1rem 0;
    margin-bottom: 2rem;
    margin-right: 2rem;
    transition: 0.2s;
    padding:1rem;
  }
  .tab_gal button:hover {
    color:#ad2daf; background: transparent; border-bottom: 2px solid #ad2daf;
  }
  /* Create an active/current tablink class */
  .tab_gal button.active {
    color:#ad2daf; background: transparent; border-bottom: 2px solid #ad2daf;
  }

  /* TAB MUSEI */
  .tab_mus {
      overflow: hidden;
  }

  .tab_mus button {
    background-color: transparent;
    color:#5f9ea0;
    float: left;
    border: 2px solid #fff;
    outline: none;
    cursor: pointer;
    padding: 1rem 0;
    margin-bottom: 2rem;
    margin-right: 2rem;
    transition: 0.2s;
    padding:1rem;
  }
  .tab_mus button:hover {
    color:#5f9ea0; background: transparent; border: 2px solid #5f9ea0;
  }
  /* Create an active/current tablink class */
  .tab_mus button.active {
    color:#5f9ea0; background: transparent; border: 2px solid #5f9ea0;
  }

  .tab a {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    margin-right: 2rem;
    transition: 0.3s;
    color:#313131;
  }

  .tab a:hover {
      border-bottom: 1px solid #313131;
  }
  .tab a.active {
      border-bottom: 1px solid #313131;
  }


  .tab_gal a{ color:#171688!important;}
  .tab_gal a:hover{ border-bottom: 1px solid #ad2daf!important;}
  .tab a.active {
      border-bottom: 1px solid #ad2daf!important;

  }



  /* Style the tab content */
  .tabcontent {
      display: none;
      border-top: none;
      padding-right: 0!important;
      padding-left: 0!important;
  }


  /* LANGUAGE WHITE */
  a.lang{
    color:#fff;
    margin: 0 .5rem;
  }
  a.lang:hover{
    color:#fff;
    border-bottom: 1px solid #fff;
  }
  a.lang-sel{
    color:#fff;
    border-bottom: 1px solid #fff;
  }
  /* LANGUAGE BLACK */
  a.lang-black{
    color:#000;
    margin: 0 .5rem;
  }
  a.lang-black:hover{
    color:#000;
    border-bottom: 1px solid #000;
  }
  a.lang-black-sel{
    color:#000;
    border-bottom: 1px solid #000;
  }

  .open-menu{
    font-size:20px;
    color:#fff;
    cursor:pointer
    }
  .open-menu-black{
    font-size:20px;
    color:#000;
    cursor:pointer
    }

  a.acd{
    font-family: 'work_sansregular';
    color:#666;
    font-size:.75rem;
    line-height: 1.4rem;
    padding-right:2%;
  }
  a.acd:hover{
    opacity: .5;
  }
  @media only screen and (max-width: 600px) {
    a.acd{
    padding: 1rem 2rem;
    color: #666;
    display: inline-table;
    line-height: 1.1rem;
    }
  }

  .clearfix {
      overflow: auto;
  }
  .clearfix::after {
      content: "";
      clear: both;
      display: table;
  }

  /*
  .cont_banner{
    position: absolute;
    z-index: 1;
    width: 30%;
    padding: 2%;
  }
  .img_banner{
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }*/

  .valign{
    display: flex;
    align-items: center;
  }
  .mrg-5{ margin: 0 2.5rem 2rem 2.5rem;}

  .no-slide{
    position:absolute;
    z-index:3;
    top:20vw;
    width:100%;
  }
  .no-slide div{ padding:0 1.5rem;}



  .pippo::first-line{padding-left:2rem!important; color:#FF0000}


  /* VARIANTI COLORI PER TEMA */

  /* head */
  .head_color_portale{
    background-color: #8fbc8f;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 5rem
  }
  .head_color_musei{
    background-color: #5f9ea0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 5rem
  }
  .head_color_biblio{
    background-color: #ed7245;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 5rem
  }
  .head_color_unesco{
    background-color: #5c93df;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 5rem
  }
  .head_color_galleria{
    background-color: #171688;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 5rem
  }
@media only screen and (max-width: 600px) {
    .head_color_portale{
      min-height: 3.5rem;
    }
    .head_color_musei{
      min-height: 3.5rem;
    }
    .head_color_biblio{
      min-height: 3.5rem;
    }
    .head_color_unesco{
      min-height: 3.5rem;
    }
    .head_color_galleria{
      min-height: 3.5rem;
    }
  }


  /*  footer  */
  .bg_por{background-color: #8fbc8f!important;}
  .bg_mus{background-color: #5f9ea0!important;}
  .bg_bib{background-color: #ed7245!important;}
  .bg_une{background-color: #5c93df!important;}
  .bg_gal{background-color: #171688!important;}





  /*  ------------ */

  .cont_search_por{
    background-color:#8fbc8f;
    padding:.8rem 0 0 .5rem;
  }
  .cont_search_mus{
    background-color:#5f9ea0;
    padding:.8rem 0 0 .5rem;
  }
  .cont_search_une{
    background-color:#5c93df;
    padding:.8rem 0 0 .5rem;
  }
  .cont_search_galleria{
    background-color:#171688;
    padding:.8rem 0 0 .5rem;
  }
  /*  ------------ */
  .font_neutro{ color:#000;}
  .font_por{ color:#8fbc8f;}
  .font_mus{ color:#5f9ea0;}
  .font_bib{ color:#ed7245;}
  .font_une{ color:#5c93df;}
  .font_blu{ color:#171688;}
  .font_fucsia{ color:#ad2daf;}

  /*  ------------ */
  .brd_por{border-bottom:1px solid #8fbc8f!important;}
  .brd_mus{border-bottom:1px solid #5f9ea0!important;}
  .brd_bib{border-bottom:1px solid #ed7245!important;}
  .brd_une{border-bottom:1px solid #5c93df!important;}

  .brd_top_mus{border-top:2px solid #5f9ea0!important;}
  .brd_top_bib{border-top:2px solid #ed7245!important;}
  .brd_top_gal{border-top:2px solid #ad2daf!important;}

  /* BORDER ALL */
  .brd_all_mus{border:2px solid #5f9ea0!important;}
  .brd_all_bib{border:2px solid #ed7245!important;}
  .brd_all_une{border:2px solid #5c93df!important;}


  /*  varianti per i bottoni action */
  .btn_por{border: 2px solid #8fbc8f!important; color:#8fbc8f!important; background:transparent!important;}
  .btn_mus{border: 2px solid #5f9ea0!important; color:#5f9ea0!important; background:transparent!important;}
  .btn_bib{border: 2px solid #ed7245!important; color:#ed7245!important; background:transparent!important;}
  .btn_une{border: 2px solid #beb4d6!important; color:#5c93df!important; background:transparent!important;}
  .btn_gal{border: 2px solid #ad2daf!important; color:#ad2daf!important; background:transparent!important;}
  .btn_arc{border: 2px solid #F8B228!important; color:#F8B228!important; background:transparent!important;}

  /*  varianti per le linee  */
  .line_bot_small_por {
    border-bottom: 1px solid #8fbc8f;
    padding-top: 1rem;
    line-height: 2rem;
    width: 30%;
    margin-bottom: 1rem
  }
  .line_bot_small_mus {
    border-bottom: 1px solid #5f9ea0;
    padding-top: 1rem;
    line-height: 2rem;
    width: 30%;
    margin-bottom: 1rem
  }
  .line_bot_small_bib {
    border-bottom: 1px solid #ed7245;
    padding-top: 1rem;
    line-height: 2rem;
    width: 30%;
    margin-bottom: 1rem
  }
  .line_bot_small_une {
    border-bottom: 1px solid #5c93df;
    padding-top: 1rem;
    line-height: 2rem;
    width: 30%;
    margin-bottom: 1rem
  }
  .line_bot_small_gal {
    border-bottom: 1px solid #ad2daf;
    padding-top: 1rem;
    line-height: 2rem;
    width: 30%;
    margin-bottom: 1rem
  }
  /*  --------  */
  .line_bot_por {
    border-bottom: 2px solid #8fbc8f;
    padding-top:1rem;
    line-height: 2rem
  }
  .line_bot_mus {
    border-bottom: 2px solid #5f9ea0;
    padding-top:1rem;
    line-height: 2rem
  }
  .line_bot_une {
    border-bottom: 2px solid #5c93df;
    padding-top:1rem;
    line-height: 2rem
  }
  .line_bot_bib {
    border-bottom: 2px solid #ed7245;
    padding-top:1rem;
    line-height: 2rem
  }
  .line_bot_gal {
    border-bottom: 2px solid #ad2daf;
    padding-top:1rem;
    line-height: 2rem
  }

  /*  link con arrow  */
  .navigation-link-por{
    text-decoration: none;
    cursor: default;
    line-height: 1.7rem;
    padding-left: 2rem;
    background-image: url("../images/arrow-link-por.png");
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: left;
    color:#8fbc8f;
  }
  .navigation-link-por:hover{
    opacity:.5;
  }
  .navigation-link-mus{
    text-decoration: none;
    cursor: default;
    line-height: 1.7rem;
    padding-left: 2rem;
    background-image: url("../images/arrow-link-por.png");
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: left;
    color:#5f9ea0;
  }
  .navigation-link-mus:hover{
    opacity:.5;
  }
  .navigation-link-bib{
    text-decoration: none;
    cursor: default;
    line-height: 1.7rem;
    padding-left: 2rem;
    background-image: url("../images/arrow-link-bib.png");
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: left;
    color:#ed7245;
  }
  .navigation-link-bib:hover{
    opacity:.5;
  }
  .navigation-link-une{
    text-decoration: none;
    cursor: default;
    line-height: 1.7rem;
    padding-left: 2rem;
    background-image: url("../images/arrow-link-une.png");
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: left;
    color:#5c93df;
  }
  .navigation-link-por:hover{
    opacity:.5;
  }

  .navigation-link-gal{
    text-decoration: none;
    cursor: default;
    line-height: 1.7rem;
    padding-left: 2rem;
    background-image: url("../images/arrow-link-gal.png");
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: left;
    color:#171688;
  }
  .navigation-link-gal:hover{
    opacity:.5;
  }
  .navigation-link-gal2{
    text-decoration: none;
    cursor: default;
    line-height: 1.7rem;
    padding-right: 2rem;
    background-image: url("../images/arrow-link-gal.png");
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: right;
  }
  .navigation-link-gal2:hover{
    opacity:.5;
  }
  /* link con freccia */
  .arrow_small_bib{
    background-image: url("../images/arrow-link-bib.png");
    background-size: 1.5rem;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 2rem;
    display:inline!important;
  }

  /* Style the buttons that are used to open and close the accordion panel */

  .accordion {
    border: 1px solid #313131;
    padding:.6rem;
    font-family: 'work_sansregular';
    font-size:.8rem;
    margin-top: 2rem;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  .acco_por{
    border: 2px solid #8fbc8f;
    color: #8fbc8f;
    background:#fff!important;
  }

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .accordion:hover {
      opacity:.5;
  }

  /* Style the accordion panel. Note: hidden by default */
  .panel {
      padding: 0 18px;
      background-color: white;
      display: none;
      overflow: hidden;
  }


  /* DA AGGOIUNGERE AL BASE PURO HTML */

  .bg_black{
    background-color: #000;
  }
  img.opacity{opacity:.6}

  img.img_evi{
    position:absolute;
    top:0;
    left:0;
    z-index: -1;
    width:100%;
    }
  @media only screen and (max-width: 600px) {
    img.img_evi{
    position:absolute;
    top:0;
    left:0;
    z-index: -1;
    height:100%;
    }
  }

  .crumb { margin-right: 1rem; border-bottom: 2px solid #fff;}
  .crumb_active{ margin-right: 1rem; border-bottom: 2px solid #ad2daf;}

  /* BLOCCHI HOME */
  .block_une{border-bottom: 2px solid #666!important;}
  .block_une:hover{
    border-bottom: 2px solid #5c93df!important;
    color:#5c93df!important;
    }
  .block_mus{border-bottom: 2px solid #666!important;}
  .block_mus:hover{
    border-bottom: 2px solid #5f9ea0!important;
    color:#5f9ea0!important;
    }
  .block_bib{border-bottom: 2px solid #666!important;}
  .block_bib:hover{
    border-bottom: 2px solid #ed7245!important;
    color:#ed7245!important;
    }
  .block_tea{border-bottom: 2px solid #666!important;}
  .block_tea:hover{
    border-bottom: 2px solid #b3a1d5!important;
    color:#b3a1d5!important;
    }
  .block_cin{border-bottom: 2px solid #666!important;}
  .block_cin:hover{
    border-bottom: 2px solid #3b3433!important;
    color:#3b3433!important;
    }
  .block_arc{border-bottom: 2px solid #666!important;}
  .block_arc:hover{
    border-bottom: 2px solid #c18e14!important;
    color:#c18e14!important;
    }


  .no_underline{
    text-decoration: none!important;
  }

.zoom { transition: all .2s ease-in-out; position:sticky;
}
.zoom:hover { transform: scale(1.4); opacity:1!important; }


@media only screen and (max-width: 600px) {
  .light_22 {
    font-family: 'work_sansthin';
    text-transform: uppercase;
    font-size: 5vw!important;
    line-height: 5.4vw;
    margin-top: 2vw;
  }

  .light_19_up {
    font-family: 'work_sansregular';
    font-weight: 800;
    text-transform: uppercase;
    font-size: 6vw;
    line-height: 8vw;
  }
.light_20_up {
  font-family: 'work_sansregular';
  text-transform: uppercase;
  font-size: 5vw;
  line-height: 6vw;
}
.semibold_14 {
  font-family: 'work_sansmedium';
  font-size: 4.5vw;
  line-height: 5.5vw;
}
  .regular_13 {
    font-family: 'work_sansregular';
    font-size: 3.5vw;
    line-height: 4.8vw;
  }

  .semibold_13 {
    font-family: 'work_sansmedium';
    font-size: 4vw;
    line-height: 4.2vw;
  }
  .regular_12 {
    font-family: 'work_sansregular';
    font-size: 3.5vw;
    line-height: 6vw;
    }
  .semibold_12 {
    font-family: 'work_sansmedium';
    font-size: 2.6vw;
    line-height: 1.4rem;
  }
  .italic_12 {
    font-family: 'work_sansregular';
    font-size: 3.5vw;
    line-height: 4vw
  }
  .bold_12 {
    font-family: 'work_sansbold';
    font-size: 3.5vw;
    line-height: 4vw;
}
  .light_12 {
      font-family: 'work_sansregular';
      font-weight: bold;
      font-size: 4vw;
      line-height: 6vw;
  }
    h3.head_14_2  {
    margin: 1.5vw;
      }
  h3.head_14_2 a {
    font-family: 'work_sansregular';
    font-size: 4vw;
    line-height: 5vw;

    }

}