.content.mappa-interattiva {
  padding-top: 0 !important;
}

.mappa-interattiva a, .mappa-interattiva a:hover {
  color: #cf5f5a;
}
.mappa-interattiva #interactivemap {
  height: 500px;
  z-index: 1;
}
.mappa-interattiva .other-info {
  margin-bottom: 30px;
}
.mappa-interattiva .other-info .flex-container {
  justify-content: flex-start;
}
.mappa-interattiva .other-info .flex-container .flexitem {
  border-bottom: unset;
  max-width: 138px;
}
.mappa-interattiva .other-info .flex-container .flexitem .th {
  background: unset;
  padding-top: unset;
  padding-bottom: unset;
}
.mappa-interattiva .other-info .flex-container .flexitem .td {
  height: 100px;
}
.mappa-interattiva .relazioni {
  margin-bottom: 60px;
  position: relative;
  /*.relazioni-loader{
      position: absolute;
      width: 100%;
      height: 40px;
      z-index: 500;
      top: 0;
      background-color: #F7F7F7;
      display: none;
      padding: 10px 0;
      margin-top: 32px;
      &.show{
          display: block;
      }
      .helper{
          display: inline-block;
          height: 40%;
          vertical-align: middle;
      }
      img{
          display: block;
          margin: auto;
          height: 40px;
          -webkit-animation:spin 4s linear infinite;
          -moz-animation:spin 4s linear infinite;
          animation:spin 4s linear infinite;
      }
      @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
      @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
      @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  }*/
}
.mappa-interattiva .relazioni #column-sentieri {
  position: relative;
}
.mappa-interattiva .relazioni #column-sentieri .relazioni-loader {
  width: 93%;
  height: 50px;
}
.mappa-interattiva .relazioni table.sentieri tr:nth-child(even) {
  background-color: #FFFFFF;
}
.mappa-interattiva .relazioni table.sentieri tr:nth-child(odd) {
  background-color: #F7F7F7;
}
.mappa-interattiva .relazioni .flexcontainer {
  background-color: #F7F7F7;
  padding: 10px;
  justify-content: flex-start;
}
.mappa-interattiva .relazioni .flexcontainer .flexitem {
  padding: 5px 0px;
  border-bottom: unset;
  max-width: 370px;
}
.mappa-interattiva .relazioni .flexcontainer .flexitem .box {
  width: 370px;
  display: flex;
}
.mappa-interattiva .relazioni .relazioni-title {
  color: #cf5f5a;
  border-bottom: 2px solid #cf5f5a;
  margin-bottom: 0px;
  padding-left: 10px;
  font-size: 18px;
  font-weight: normal;
}
.mappa-interattiva .relazioni a.no-decoration {
  text-decoration: none;
  color: unset;
}
.mappa-interattiva .relazioni .badge {
  color: #cf5f5a;
  background-color: transparent;
  border: 2px solid #cf5f5a;
  display: inline-block;
}
.mappa-interattiva .map-loader {
  height: 500px;
}
.mappa-interattiva .filtri {
  padding-top: 30px;
}
.mappa-interattiva .filtri .flexitem {
  border-bottom: unset;
}
.mappa-interattiva .filtri .radio {
  display: inline-block;
  position: relative;
  height: 85px;
}
.mappa-interattiva .filtri .radio input {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  vertical-align: middle;
}
.mappa-interattiva .filtri .radio input:checked + span {
  color: #cf5f5a;
}
.mappa-interattiva .filtri .radio input:checked + span#search-sentieri::before {
  background: url(../images/mappa-interattiva/filtri/sentieri@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio input:checked + span#search-naturalistici::before {
  background: url(../images/mappa-interattiva/filtri/naturalistici@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio input:checked + span#search-rifugi::before {
  background: url(../images/mappa-interattiva/filtri/rifugi@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio input:checked + span#search-panoramici::before {
  background: url(../images/mappa-interattiva/filtri/panoramici@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio input:checked + span#search-altro::before {
  background: url(../images/mappa-interattiva/filtri/altro@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio span {
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  padding: 40px 17px 4px 25px;
  opacity: 1;
  border-radius: 25px;
  transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease;
  cursor: pointer;
  color: #dda2a3;
  min-width: 128px;
}
.mappa-interattiva .filtri .radio span::before {
  position: absolute;
  /*left: 15%;
  top: 50%;
  transform: translateY(-50%);*/
  transform: translate(calc( 50% - 22px), -40%);
  height: 128px;
  width: 128px;
  content: "";
  opacity: 1;
  speak: none;
  display: block;
  pointer-events: none;
  color: #ffffff;
  background-color: inherit;
}
.mappa-interattiva .filtri .radio span#search-sentieri::before {
  background: url(../images/mappa-interattiva/filtri/sentieri-spento@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio span#search-naturalistici::before {
  background: url(../images/mappa-interattiva/filtri/naturalistici-spento@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio span#search-rifugi::before {
  background: url(../images/mappa-interattiva/filtri/rifugi-spento@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio span#search-panoramici::before {
  background: url(../images/mappa-interattiva/filtri/panoramici-spento@1x.png) no-repeat;
}
.mappa-interattiva .filtri .radio span#search-altro::before {
  background: url(../images/mappa-interattiva/filtri/altro-spento@1x.png) no-repeat;
}
.mappa-interattiva .page-content-map #interattiva-info {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
  top: 0%;
  width: 35%;
  height: 500px;
  overflow: auto;
}
.mappa-interattiva .page-content-map #interattiva-info .info-title {
  color: #666666;
  margin: 20px auto;
  padding-left: 30px;
  padding-right: 30px;
}
.mappa-interattiva .page-content-map #interattiva-info .info-title .title {
  position: relative;
  cursor: pointer;
  font-size: 20px;
  line-height: 25px;
}
.mappa-interattiva .page-content-map #interattiva-info .info-title .title:after {
  position: absolute;
  right: 0%;
  top: 0%;
  content: "x";
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  float: right;
  speak: none;
  pointer-events: none;
  color: #666666;
}
.mappa-interattiva .page-content-map #interattiva-info .interattiva-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .mappa-interattiva .page-content-map #interattiva-info {
    width: 85%;
  }
}

/*# sourceMappingURL=interattiva.css.map */