html.twer-html-page-iframe-map,
html.twer-html-page-iframe-map body {
    margin-top: 0 !important;
    padding-top: 0 !important
}

body {
    overflow-x: hidden !important
}

#twer-map {
    width: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.mapboxgl-ctrl-top-left {
    z-index: 10
}

.marker {
    background-size: contain
}

body .twer-map-wrapper {
    margin: 0 auto !important;
    overflow: hidden !important
}

body .twer-iframe-embed {
    height: 500px;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

body .twer-iframe-embed .twer-iframe {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    outline: 0 !important;
    max-width: none !important;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1; 
    filter: blur(0);
}
body .twer-iframe-embed .twer-iframe.zoom {
    opacity: 0!important;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all
    0.5s ease-in-out; 
    filter: blur(10px);
}
body .treweler-map {
    height: 500px;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

body .treweler-map-fw {
    width: 100vw !important;
    max-width: none !important;
    position: relative !important;
    margin-left: -50vw !important;
    left: 50% !important
}

.treweler-map canvas.mapboxgl-canvas {
    width: 100% !important
}