@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Karla:400,400i,700&display=swap");
* {
  box-sizing: border-box; 
}

body, html {
  height: 100%; 
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #FFFFFF;
  color: #3A5B69;
  font-family: "Karla", sans-serif;
  ßfont-size: 1.125rem;
  line-height: 1.6; 
}

.section-map {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 95%; 
}
.section-map .content-map {
  text-align: center; 
}
.section-map .content-map h2 {
  margin: 0;
  font-size: 1.875rem; 
  color: #3A5B69;
  font-weight: 400;
  line-height: 1;
}
.section-map .content-map h2::after {
  background-color: #EE8026;
  content: '';
  display: block;
  height: 10px;
  margin: 1rem auto 1rem;
  width: 10px; 
}
@media (min-width: 1024px) {
  .section-map .map-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
  } 
}
.section-map .map-container .pin-teoresi {
  background-color: #EE8026;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  height: 6px;
  width: 6px; 
}
.section-map .map-container #mapplic {
  background-color: #F6F5F4;
  display: none;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4; 
}
@media (min-width: 768px) {
  .section-map .map-container #mapplic {
    display: block; 
  } 
}
.section-map .map-container #mapplic:hover .mapplic-tooltip {
  display: none !important; 
}
.section-map .map-container #mapplic-legenda {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}
@media (min-width: 640px) {
  .section-map .map-container #mapplic-legenda {
    -webkit-column-count: 2;
    column-count: 2; 
  } 
}
@media (min-width: 768px) {
  .section-map .map-container #mapplic-legenda {
    padding: 2rem; 
  } 
}
@media (min-width: 1024px) {
  .section-map .map-container #mapplic-legenda {
    -webkit-column-count: 1;
    column-count: 1; 
  } 
}
.section-map .map-container #mapplic-legenda .mapplic-legenda-group {
  list-style: none;
  line-height: 1.3;
  text-align: left; 
}
.section-map .map-container #mapplic-legenda .mapplic-legenda-group + .mapplic-legenda-group {
  margin-top: 1rem; 
}
.section-map .map-container #mapplic-legenda h6 {
  font-size: 1.375rem;
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase; 
}
.section-map .map-container #mapplic-legenda .mapplic-list-location {
  transition: all .25s ease-in-out; 
}
@media (min-width: 768px) {
  .section-map .map-container #mapplic-legenda .mapplic-list-location {
    cursor: pointer; 
  }
  .section-map .map-container #mapplic-legenda .mapplic-list-location:hover, .section-map .map-container #mapplic-legenda .mapplic-list-location.h-active {
    color: #EE8026; 
  } 
}
.section-map .map-container .teoresi-pin {
  background: #EE8026;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  height: 7px;
  margin-left: -3px;
  margin-top: -7px;
  width: 7px;
}
.section-map .map-container .mapplic-tooltip {
  margin-top: 7px; 
}
.section-map .map-container .mapplic-tooltip::after {
  border-color: #3A5B69 transparent transparent transparent !important; 
}
.section-map .map-container .mapplic-tooltip .mapplic-tooltip-wrap {
  background-color: #3A5B69;
  padding: .25rem .5rem;
  color: #FFFFFF; 
}
.section-map .map-container .mapplic-tooltip .mapplic-tooltip-wrap h4 {
  font-size: 0.875rem; 
}
.section-map .map-container .mapplic-tooltip .mapplic-tooltip-wrap .mapplic-tooltip-triangle {
  display: none; 
}