.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
}
@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
  }
}
.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;
  }
}
.pippo-1{
  position: relative;
  z-index:3;
}
.pippo-2{
  position: relative;
  z-index:3;
}
.pippo-3{
  position: relative;
  z-index:2;
}
@media only screen and (max-width: 600px) {
  .pippo-3 {
  position: relative;
  z-index: 2;
  margin: 0 2rem 1.5rem 0;
  }
}
/* SLIDER HEADER  */
.slider_box {
  position: absolute;
  height: 44.4vw;
  width:100%;
  z-index:0;
  top:0;
  left:0;
}
@media only screen and (max-width: 600px) {
  .slider_box {
    height: 60vw;
  }
}

/* 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: 10%;
      width: 100%;
      text-align: left;
      margin-top: 3rem;
  }
  }
.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;
    right: 5vw;
    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;
}
@media screen and (max-height: 450px){
.overlay {
    overflow-y: auto;
  }
}

.overlay_mus {
    background-color: rgb(95,158,160)!important;
    background-color: rgba(95,158,160, 0.90)!important;
  }
@media screen and (max-height: 450px){
.overlay {
    overflow-y: auto;
    }
  }
.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;
}


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

.semibold_20{
  font-family: 'work_sansmedium';
  font-size: 2.7rem;
  line-height: 3rem;
}
.light_20_up { /* NEW  */
  font-family: 'work_sansthin';
  font-weight:700;
  text-transform: uppercase;
  font-size: 3.8vw;
  line-height: 4vw;
}
.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-size:1.4rem;
  line-height: 1.4em;
}
@media only screen and (max-width: 600px) {
  .light_18 {
    font-family: 'work_sansthin';
    font-size:4.5vw;
    line-height: 1.4em;
  }
}
.semibold_18_up { /* NEW  */
  font-family: 'work_sansmedium';
  text-transform: uppercase;
  font-size:1.4rem;
  line-height: 1.4em;
}
@media only screen and (max-width: 600px) {
  .semibold_18_up {
    text-transform: uppercase;
    font-size:5vw;
    line-height: 1.4em;
  }
}

.light_18_up { /* NEW  */
  font-family: 'work_sansthin';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 4vw;
  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.6vw;
  line-height: 2.1vw;
}
.regular_14{
  font-family: 'work_sansregular';
  font-size:1.1rem;
  line-height: 1.8rem;
}
.light_14 {
  font-family: 'work_sansthin';
  font-weight: bold;
  font-size:1.1rem;
  line-height: 1.8rem;
}
.light_14_up { /* NEW  */
  font-family: 'work_sansthin';
  font-weight: bold;
  text-transform: uppercase;
  font-size:1.1rem;
  line-height: 1.8rem;
}
.regular_14_up { /* NEW  */
  font-family: 'work_sansregular';
  text-transform: uppercase;
  font-size:1.1rem;
  line-height: 1.8rem;
}
.bold_13 {
  font-family: 'work_sansbold';
  font-size: 1.4vw;
  line-height: 2vw;
}
.semibold_13 {
  font-family: 'work_sansmedium';
  font-size: 1.4vw;
  line-height: 2vw;
}
.italic_13 {
  font-family: 'work_sansregular';
  font-size: 1.4vw;
  line-height: 2vw;
}
@media only screen and (max-width: 600px) {
  .italic_13 {
    font-family: 'work_sansregular';
    font-size: 3.5vw;
    line-height: 2vw;
  }
}
.regular_13 {
  font-family: 'work_sansregular';
  font-size: 1.4vw;
  line-height: 2vw;
}
.regular_13 a{
  color:#8fbc8f;
  text-decoration:
}
.regular_13 a:hover{
  opacity:.5;
}

.light_13 {
  font-family: 'work_sansthin';
  font-weight:700;
  font-size: 1.4vw;
  line-height: 2vw;
}
.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;
}
.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-size:.9rem;
  line-height: 1.4rem;
  font-weight:700;
}
@media only screen and (max-width: 600px) {
  .light_12 {
    font-family: 'work_sansregular';
    font-size: 4vw;
    line-height: 5vw;

  }
}
.light_11 {
  font-family: 'work_sansthin';
  font-size:.7rem;
  line-height: 1rem;
  font-weight: 700;
}
.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;
}
/* GALLERIA */



.sm-space{line-height: 1.1rem!important; margin-bottom:1rem;}
@media only screen and (max-width: 600px) {
  .sm-space{ line-height: 4vw!important; margin-top: 4vw;}
  }

/* 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:20vw;
    left:8vw;
    color:#fff;
  }
}

.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:3vw;
    padding-bottom: 1vw;
    width:100%;
    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
}

.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{
  font-family: 'work_sansthin';
  font-size: 1.4vw;
  line-height: 4.6vw;
}*/

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:2rem;
  }
}
.content-page{
  padding-left:12vw;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .content-page{
    padding-left:0;
    padding-bottom: 2rem;
  }
}
.content-page a{
  color:#8fbc8f;
  text-decoration: none;
}
.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;
  background-color: #eee;
}
@media only screen and (max-width: 600px) {
  .content-page-evi-3{
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    display: inline-block;
    background-color: #eee;
  }
  }

.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:25%;
  float:left;
  margin-bottom: 2rem;
}
.content-info span{display:block;}
.content-info-2{
  width:75%;
  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:3vw;
  }
}
.space-3 {
  margin-bottom:3rem;
}
@media only screen and (max-width: 600px) {
  .space-3 {
    margin-bottom:3vw;
  }
}
.pad-4 {
  padding-left: 4rem;
}
@media only screen and (max-width: 600px) {
  .pad-4 {
  padding-left: 0;
  }
}

.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:2rem!important; height:2rem; margin-right:.5rem!important; float:left;}
}
.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:100%;
  padding-right: 4rem;
  align-items: center;
  background-image:url(../images/arrow-link.png);
  background-position:right ;
  background-repeat: no-repeat;
  background-size: 5vw;
  }
.block-arrow-mus{
  width:95%;
  padding-right: 5%;
  align-items: center;
  background-image:url(../images/arrow-link-mus.png);
  background-position:right ;
  background-repeat: no-repeat;
  background-size: 5vw;
}
.block-arrow-mus:hover{
  opacity:.5;
  cursor: default;
  }
.block-arrow-mus-news{
  width:90%;
  padding-right: 10%;
  align-items: center;
  background-image:url(../images/arrow-link-mus.png);
  background-position:right ;
  background-repeat: no-repeat;
  background-size: 5vw;
}
.block-arrow-mus-news:hover{
  opacity:.5;
  cursor: default;
  }


.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;
}

/*  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% !important;
    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) {
  .flex-container-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-container-2 > div {
    margin: 0 0 2em 0;
    width: 96%;
    padding:2%;
  }
}

/*  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 4vw 0!important;
    width: 100%!important;
  }
}

/*  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 0 0 0;
      width: 46%;
    }
  }

/*  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 2vw 0;
    border: 1px solid #333;
    width: 90%;
    padding: 1vw 5%;
  }
}
/*  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 2em 0;
    width: 46%;
    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_cube_0{ width:100%; margin-top:1rem; margin-bottom:1.3rem;}


.ico_rect_1{ height:5rem;}



.ico_service{width:4rem;}

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

.box_lat{
  width:85%;
  margin-left:15%;
  border-top: 1px solid #333;
  padding-top:1rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
  display:inline-block
}
.box_lat a{
  color:#000;
  text-decoration: underline;
}
.box_lat_gal{
  width:85%;
  margin-left:15%;
  border-top: 2px solid #ad2daf;
  padding-top:1rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
  display:inline-block
}
.box_lat_gal a{
  color:#ad2daf;
  text-decoration: underline;
}
.box_lat_gal a:hover{
  opacity:.5;
}
.box_lat_por{
  width:85%;
  margin-left:15%;
  border-top: 2px solid #8fbc8f;
  /*padding-top:1rem;*/
  margin-top: 1rem;
  margin-bottom: .5rem;
  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:100%;
    margin-left:0%;
    border-top: 2px solid #8fbc8f;
    padding-top:1vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    display:inline-block
  }
}
.box_lat_mus{
  width:85%;
  margin-left:15%;
  border-top: 2px solid #5f9ea0;
  padding-top:1rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
  display:inline-block
}
@media only screen and (max-width: 600px) {
  .box_lat_mus{
    width:100%;
    margin-left:0%;
      border-top: 2px solid #5f9ea0;
    padding-top:1vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    display:inline-block
  }
}
.box_lat_mus a{
  color:#5f9ea0;
  text-decoration: underline;
}
.box_lat_mus a:hover{
  opacity:.5;
}

.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:#000!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:1.5rem;
  padding:.5rem;
}

/* 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:30vw;
  width:100%;
}
.no-slide div{ padding:0 1.5rem;}



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


/* 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;
}
@media only screen and (max-width: 600px) {
  .cont_search_por{
    background-color:#8fbc8f;
    padding:.8rem 0 0 .5rem;
    margin:0 0 3vw 0;
  }
}
.cont_search_mus{
  background-color:#5f9ea0;
  padding:.8rem 0 0 .5rem;
}
@media only screen and (max-width: 600px) {
  .cont_search_mus{
    background-color:#5f9ea0;
    padding:.8rem 0 0 .5rem;
    margin:0 0 3vw 0;
  }
}
.cont_search_une{
  background-color:#5c93df;
  padding:.8rem 0 0 .5rem;
}
.cont_search_galleria{
  background-color:#171688;
  padding:.8rem 0 0 .5rem;
}
/*  ------------ */

.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!important;
  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 {
  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;
}

/* 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;
}

.acco_mus {
    border: 2px solid #5f9ea0;
    color: #5f9ea0;
    background: #fff!important;
}

/* Button share */
.btn_share {
    background: transparent!important;
    border: 1px solid #ccc!important;
    background-image: url(/magnoliaAuthor/.resources/one-pager-module/webresources/images/facebook.png);
    background-position: left;
    background-size: 1rem;
}

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


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


/* Zoom photo
.zoom {

  transition: transform .2s;

}

.zoom:hover {
  transform: scale(3.5);
  pointer-events: auto;
}*/

/* image news */
.image-2{
  width:60vw;
}
.image-news{
  width:80%;
}
.block-100{
  display:block;
  width:100%;
}

.block-arrow-mus-news{
  width:90%;
  padding-right: 10%;
  align-items: center;
  background-image:url(../images/arrow-link-mus.png);
  background-position:right ;
  background-repeat: no-repeat;
  background-size: 5vw;
}
.block-arrow-mus-news:hover{
  opacity:.5;
  cursor: default;
}

@media only screen and (max-width: 600px) {
  .light_22 {
    font-family: 'work_sansregular';
    text-transform: uppercase;
    font-size: 5.5vw!important;
    line-height: 5.4vw;
    margin-top: 2vw;
    font-weight: 700;
  }
  .light_20_up {
    font-family: 'work_sansregular';
    text-transform: uppercase;
    font-size: 6vw;
    line-height: 6.5vw;
    font-weight:700;
  }

    .light_22 {
      font-family: 'work_sansregular';
      text-transform: uppercase;
      font-size: 5vw;
      line-height: 5.8vw;
      margin-top: .5rem;
    }
    .regular_12 {
    font-family: 'work_sansregular';
    font-size: 4vw;
    line-height: 5.6vw;
    }
    .semibold_12 {
      font-family: 'work_sansmedium';
      font-size: 3vw;
      line-height:4vw;
      }
    .bold_12 {
      font-family: 'work_sansbold';
      font-size: 3.5vw;
      line-height: 4vw;
    }
    .regular_13 {
      font-family: 'work_sansregular';
      font-size: 4vw;
      line-height: 5.5vw;
    }
    .light_13 {
    font-family: 'work_sansthin';
    font-weight: bold;
    font-size: 3.5vw;
    line-height: 4vw;
  }

    .bold_13 {
      font-family: 'work_sansbold';
      font-size: 4.5vw;
      line-height: 4.5vw;
    }

    .semibold_13 {
      font-family: 'work_sansmedium';
      font-size: 4vw;
      line-height: 4.9vw
    }
    .regular_14 {
      font-family: 'work_sansregular';
      font-size: 4vw;
      line-height: 5.5vw;
    }
    .light_14 {
    font-family: 'work_sansthin';
    font-weight: bold;
    font-size: 3.5vw;
    line-height: 4vw;
    }
    .light_14_up {
    font-family: 'work_sansthin';
    font-weight:700;
    text-transform: uppercase;
    font-size: 5vw;
    line-height: 6vw;
    }
    .semibold_14 {
      font-family: 'work_sansmedium';
      font-size: 4.5vw;
      line-height: 5.5vw;
    }
   .head_14_2 a{
      font-family: 'work_sansthin';
      font-size: 3vw;
      line-height: 3.7vw;
    }
  }


@media only screen and (max-width: 600px) {
  .slick-slide img {
    display: block!important;
    margin: 0 auto!important;
    width: 120%!important;
    height: 70vw!important;
    }
  }