.l-column-container {
  
    /*overflow: hidden;*/
    align-items: center;
}


.acordion-amenities {
    border-bottom: 0px solid black;
    margin-bottom: 40px;
}

.amenities-row {
    border-top: 1px solid black;
    padding: 3px 0;
    cursor: pointer;
}

.amenities-row:first-child {
    border-top: 0px solid black;
    padding: 3px 0;
    cursor: pointer;
}

.amenities-row h3 {
   
    color: #522e16;
    font-size:1.1em;
    font-weight:600;
    margin-bottom:.2rem;
}
.amenities-row:hover {
    color: black;
}
.amenities-detail {
    display: none;
}

.amenities-detail ul {
    /*counter-reset: items;*/
    margin: 0 0 1em 0;
    padding: 0;
    list-style-position: inside;
    font-family: aktiv-grotesk-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.amenities-detail li {
    display: block;
    /*counter-increment: items;*/
    line-height: 120%;
    padding-bottom: 6px;
    color: grey;
    cursor: pointer;
    font-size:13px;
}
.amenities-detail li:hover {
    color: black;
}
.amenities-detail li:before {
    /*content: "0" counter(items)"  ";*/
    display: inline-block;
    width: 1.7em; /* Also needed for space (tweak if needed) */
    margin-left: -1.7em;
}

.amenity-visible {
    display: block;
}







.ammenities-map-container {
    width: 100%;
     padding-bottom: 0%;
    /*background-size: cover;*/
    display: relative;
}
.amenities-list-container {
    display: flex;
}
.amenities-list-column {
 padding-right:20px;
}
@media only screen and (min-width:375px) {
    .ammenities-map-container {
        width: 100%;
        padding-bottom: 0%;
        /*background-size: cover;*/
        display: relative;
    }
    .m-brochure-row__map {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        /*transition: left 1s ease 0s;*/
        background-color: white;
        width: 100%;
        height: 100%;
    }
}





.m-brochure-row__map--shown {
    left: 0px;
}

.m-brochure-row__map__svg {
    overflow: hidden;
    height: auto;
    display: block;
    width: 100%;
}
@media only screen and (min-width: 750px) and (min-height: 650px) {
    .m-brochure-row__map__svg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
}

@media only screen and (min-width: 750px) {
    .m-brochure-row__map__list {
      box-sizing: border-box;
      padding: 20px 20px;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 80%;
      background-color: rgba(255, 255, 255, 0.84); } }

.m-brochure-row__map__list__title {
    color: red;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    cursor: pointer;
    border-bottom: 1px solid #e2dfdf;
}
.m-brochure-row__map__list__title:after {
    content: '+';
    font-size: 1em;
    margin-left: 5px;
}
.m-brochure-row__map__list__title.is-active:after {
    content: '-';
    font-size: 1em;
    margin-left: 5px;
}

.m-brochure-row__map__list__title__calltoaction {
  font-size: 10px;
  color: black;
  display: inline; }

.m-brochure-row__map__list__group {
    display: none;
}

.m-brochure-row__map__list__group--first {
    display: block;
}

.m-brochure-row__map__list__button {
    cursor: pointer;
    /*font-size: 13px;*/
    line-height: 18px;
}
.m-brochure-row__map__list__button:hover, .m-brochure-row__map__list__button.is-hover, .m-brochure-row__map__list__button.is-active {
    color: #522e16;
    text-decoration:underline;
}




@keyframes flash {
  50%, from, to {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

.m-brochure-row__map__circle {
  cursor: pointer;
  fill: #522e16;
  r: 9; }

.m-brochure-row__map__circle.is-active {
  animation: flash linear 2.7s infinite;
  -webkit-animation: flash linear 2.7s infinite;
  stroke: #522e16;
  stroke-width: 20px;
  stroke-opacity: 0.4; }

.m-brochure-row__map__close {
  position: absolute;
  top: 30px;
  left: 30px;
  background-color: white;
  cursor: pointer;
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  @media only screen and (max-width: 750px), (max-height: 650px) {
  .m-brochure-row__map__close {
    display: none; } }
  .m-brochure-row__map__close > div {
    width: 40%;
    height: 1px;
    margin: 0 auto;
    background-color: #f00;
    transform: rotate(45deg); }
  .m-brochure-row__map__close > div + div {
    transform: rotate(-45deg) translateY(-1px); }

.m-brochure-row__map__add {
  position: absolute;
  top: 15%;
  left: 10%;
  background-color: red;
  cursor: pointer;
  display: none; }

.m-brochure-row__map__save {
  position: absolute;
  top: 20%;
  left: 10%;
  background-color: red;
  cursor: pointer;
  display: none; }




  @media only screen and (min-width: 769px) and (max-width: 1024px) {

     

    .l-column-text {
    
    position: absolute;
   top:20vh; left:70px;
   min-width:250px;

   z-index:990;
}

     .amenities-row h3 {font-size:0.9em; margin-bottom:0.3rem;}

     .amenities-detail li {font-size:11px; padding-bottom:3px; }
.amenities-row{padding:5px 0px 0px 0px;}

  }



@media screen and (max-width: 768px) {


.l-column-text {display:none!important}
   

}



  @media screen and (min-width: 1025px) {
    .acordion-amenities {
        margin-bottom: 0;
    }

    .l-column-text {
    
    position: absolute;
   top:20vh; left:100px;
   min-width:250px;

   z-index:990;
}


     .amenities-row h3 { }
}