html, body {
    overflow-x: hidden;border-radius: 1em; !important;
}

  
 iframe { border-radius: 1em; !important; background-color:black; }
            #map { width: 100%;
    background-color: black !important;
    z-index: 1;
    left: 0;
    position: relative; overflow: hidden;
    border-radius: 1em;

    margin-bottom: 2em; height: 100%; min-height:100vh; position: absolute; top:0; left:0: }

            .gmnoprint a, .gmnoprint span {
    display:none;
    border: 0px !important;
}
.gmnoprint div {
    background:none !important;
}
#GMapsID div div a div img{
    display:none;
}
a[href^="http://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
.gmnoprint {
    display: none;
}



.derecha {
   text-align: right !important;
}


.gm-style > div > div > a > div > img {
    display: none;
}

  #modal {
    width: 100%;
    min-height: 25vh;
    bottom: -55vh;
    padding: 1.5em;
    background-color: white;
    border-radius: 1em;
    max-width: 400px;
    z-index: 9;
    position: fixed;
    transition: bottom 1s;
    margin-bottom: 7vh;
    margin-left: 1vw;
  }

  .images { width: 100%; max-width: 120px; height: 120px; border: solid 2px grey;  margin-right: auto; border-radius:0.3em; background-repeat: no-repeat; background-position: center; background-size: 90%;  background-size: contain; background-color: white; border-radius:0.2em; margin-top: 1em; margin-bottom:0em }
  @media (max-width: 1024px){
  .images { width: 100%; max-width: 100px; margin-left: inherit; border: solid 2px grey; height: 100px; background-repeat: no-repeat; background-position: center; background-size: 90%; background-color: white; border-radius:0.2em; margin-top: 1em; margin-bottom:0em }
  #modal {
    width: calc(100% - 1em);
    min-height: 30vh;
    bottom: -55vh;
    padding: 1.5em;
    padding-top: 2em;
    background-color: white;
    border-radius: 1em;
    max-width: 500px;
    z-index: 999999;
    position: fixed;
    transition: bottom 1s;
    margin-bottom: 6vh;
    margin-left: 0vw;
    left: 0.5em;
  }
}

#map-report div.gmnoprint,
#map-report div.gmnoscreen {
    display: none;      
}

img[src="http://maps.gstatic.com/mapfiles/google_white.png"] {
    display: none; 
}
.gm-style-cc {
  display: none !important;
}
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
  .experiencia_box { width: 80px; height:80px; border-radius:0.6em; border: solid 2px white; background-position:center; background-repeat:no-repeat; background-image: url(https://www.theselectexperience.com/assets/images/main-slide/slide_01.webp); position: fixed; right:1em; bottom: 1em; background-size:cover; z-index: 99}

  #modal h1{ color: black; font-size:1.6em; }

  #modal p{ color: grey; font-size:0.9em; margin-bottom:1em }
  .modal_close { width:30px; height:3px; background-color:grey; border-radius:1em; margin-left:auto; margin-right:auto; margin-bottom:1em }

  .modal_close2 { width:100%; height:90px; background-color:grey; border-radius:1em; margin-left:auto; margin-right:auto; margin-bottom:1em; position:absolute; top:0px; left: 0; z-index:999; opacity:0 }

  

  .btn-sm{height: 40px !important; line-height: 30px !important; color: white; !important; padding-left: 2em !important; padding-right: 2em !important; min-width: 170px !important; margin-right: 1em}