body,html{height:100%;margin:0;padding:0}
#map,#pano{height:100vh;width:100%;}
@media screen and (max-width:768px) {
    #map, #pano {
        position: absolute;
        height: 100vh;
        width: 100%;
        top: 50px;
        z-index: 0;
    }
}
.button{position:absolute;top:10px;z-index:1000;width:10%;padding:10px 10px 10px 10px}
.logo-365x360{position:absolute;bottom:10px;z-index:1001;left:10px}
@media screen and (max-width:768px){
.logo-365x360{display:none}
}
.mainmenu{position:absolute;top:50px;left:50px;width:300px;z-index:1000}
.mainmenu ul{border-radius:3px;opacity:.9;border:0}
.mainmenu ul li{font-weight:700;border-bottom:1px solid #f8f8f8}
.mainmenu{position:absolute;top:30px;left:30px;width:250px;z-index:1000}
@media screen and (max-width:1200px){
.mainmenu{width:200px}
}
.submenu{width:240px}
.float-right{padding-top:1px;float:right}
.box{position:absolute;z-index:1000;right:40px;top:15px;opacity:.9;width:320px}
.box-maps{position:absolute;z-index:1000;right:380px;top:15px;opacity:.9;width:40px;text-align:center}
.box-maps .row-box{width:100%;margin-top:10px;margin-bottom:10px;padding:8px 5px 1px 5px;border-radius:3px;max-height:300px;overflow-y:auto;padding-bottom:5px}
.box-maps .row-box a{color:#000;font-size:20px}
.box-maps .row-box a i{color:#000;text-shadow:none;font-size:20px}
@media screen and (max-width:1280px){
.box-maps{right:260px}
}
@media screen and (max-width:768px){
.box-maps{right:inherit;left:20px;top:45px}
}
@media screen and (max-width:1280px){
.box{position:absolute;z-index:1000;right:40px;top:15px;opacity:.9;width:210px}
}
.box .row-box{width:100%;margin-top:10px;margin-bottom:10px;padding:8px 5px 1px 5px;border-radius:3px;max-height:300px;overflow-y:auto}
.box .row-box a{color:#000;font-size:16px}
.box .row-box a i{color:#000;text-shadow:none;font-size:16px}
@media screen and (max-height:700px){
.box .row-box{width:100%;margin-top:10px;margin-bottom:10px;padding:8px 5px 1px 5px;border-radius:3px;max-height:250px;overflow-y:auto}
}
.box-home{position:fixed;left:30%;top:25%;width:40%;height:45%;background-color:#fff;display:none;z-index:1001;border-radius:3px;opacity:.95;overflow-y:scroll}
@media screen and (max-width:1500px){
.box-home{position:fixed;left:25%;top:25%;width:50%;height:50%;background-color:#fff;display:none;z-index:1001;border-radius:3px;opacity:.95}
}
.box-home .closeBox{float:right;width:20px;height:20px;color:#000;font-size:20px;cursor:pointer;padding:2px 2px 2px 2px}
.box-home .content{padding:10px 10px 10px 10px;margin-top:20px}
.point{position:fixed;left:25%;top:25%;display:none;font-size:50px;text-shadow:3px 3px #000;color:#fff;z-index:1000;cursor:pointer}
.pointbox{position:fixed;left:25%;top:25%;width:40%;height:40%;background-color:#fff;display:none;z-index:1001}
.pointbox .close{float:right;width:20px;height:20px;color:#000;cursor:pointer;padding:2px 2px 2px 2px}
.pointbox .content{padding:10px 10px 10px 10px;margin-top:20px}
.header-top{position: fixed; left: 50%; transform: translateX(-50%); border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border:0 solid #000;padding:10px 10px 10px 10px;background-color:#fff;z-index:1000;opacity:.9}
.logo{height:70px;width:auto; margin: 0 auto;}
#ViewMobileMenu{display:none}
@media screen and (max-width:768px){
.header-top{top:56px}
.box-home{display:none!important}
.box,.mainmenu{display:none}
.logo{height:40px;width:auto}
}
.viewiframemap{position:fixed;left:25%;top:25%;width:800px;height:450px;background-color:#fff;display:none;z-index:1001;border-radius:3px;opacity:.95}
.viewiframemap .closeBox{float:right;width:20px;height:20px;color:#000;font-size:18px;cursor:pointer;padding:2px 2px 2px 2px}
.viewiframemap .editBox{float:right;width:20px;height:20px;margin-top:2px;margin-right:10px;color:#000;font-size:18px;cursor:pointer;padding:2px 2px 2px 2px}
.iframemap{width:100%;height:90%;border:0}
.maps{text-align:center;opacity:.9;font-weight:700;border-radius:5px;padding:5px 5px 5px 5px;display:block;cursor:pointer;margin-top:10px}
@media screen and (max-width:768px){
.maps{display:none}
}
.facebook{position:absolute;z-index:1001;right:10px;bottom:10px}
.fb_iframe_widget{position:absolute!important;bottom:10px;right:10px;display:block !important}
@media screen and (max-width:768px){
.fb_iframe_widget{display:none !important}
.facebook{display:none}
}
.box-audio {
    position: absolute;
    z-index: 1000;
    right: 40px;
    bottom: 40px;
    opacity: .9;
    width: 320px;
    text-align: center
}
.btn-catalog {
    padding: 10px;
    background-color: #eeeeee;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
}

div.control-container {
    margin-top: 10px;
    padding-bottom: 10px;
}

    div.control-container div.amplitude-play-pause {
        width: 74px;
        height: 74px;
        cursor: pointer;
        float: left;
        margin-left: 10px;
    }

        div.control-container div.amplitude-play-pause.amplitude-paused {
            background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/single-song/play.svg");
            background-size: cover;
        }

        div.control-container div.amplitude-play-pause.amplitude-playing {
            background: url("https://521dimensions.com/img/open-source/amplitudejs/examples/single-song/pause.svg");
            background-size: cover;
        }

    div.control-container div.meta-container {
        float: left;
        width: calc(100% - 84px);
        text-align: center;
        color: white;
        margin-top: 10px;
    }

        div.control-container div.meta-container span[data-amplitude-song-info="name"] {
            font-family: "Open Sans", sans-serif;
            font-size: 18px;
            color: #fff;
            display: block;
        }

        div.control-container div.meta-container span[data-amplitude-song-info="artist"] {
            font-family: "Open Sans", sans-serif;
            font-weight: 100;
            font-size: 14px;
            color: #fff;
            display: block;
        }

    div.control-container:after {
        content: "";
        display: table;
        clear: both;
    }

@media screen and (max-width: 39.9375em) {
    div.control-container div.amplitude-play-pause {
        background-size: cover;
        width: 64px;
        height: 64px;
    }

    div.control-container div.meta-container {
        width: calc(100% - 74px);
    }
}

div.time-container {
    opacity: 0.5;
    font-family: 'Open Sans';
    font-weight: 100;
    font-size: 12px;
    color: #fff;
    height: 15px;
}

    div.time-container span.current-time {
        float: left;
        margin-left: 5px;
    }

    div.time-container span.duration {
        float: right;
        margin-right: 5px;
    }

progress.amplitude-song-played-progress {
    background-color: #313252;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    display: block;
    cursor: pointer;
    border: none;
}

    progress.amplitude-song-played-progress:not([value]) {
        background-color: #313252;
    }

progress[value]::-webkit-progress-bar {
    background-color: #313252;
}

progress[value]::-moz-progress-bar {
    background-color: #00a0ff;
}

progress[value]::-webkit-progress-value {
    background-color: #00a0ff;
}


div.bottom-container {
    background-color: #202136;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


div#single-song-player {
    border-radius: 10px;
    margin: auto;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin-top: 50px;
    width: 100%;
    max-width: 460px;
    -webkit-font-smoothing: antialiased;
}

    div#single-song-player img[data-amplitude-song-info="cover_art_url"] {
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

a.learn-more {
    display: block;
    width: 300px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    color: white;
    text-decoration: none;
    background-color: #202136;
    font-family: "Lato", sans-serif;
    padding: 20px;
    font-weight: 100;
}

.cookiebar {
    width: 100%;
    background-color: #f9fdcf;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5000
}

.cookiebar-info {
    background-color: #f9fdcf;
    color: #000;
    padding-top: 20px;
    height: 200px;
    overflow-y: scroll;
    width: 80%;
    padding-bottom: 10px;
    margin: 15px auto;
    border-top: 1px solid #cecece;
    display: none
}

.cookiebar-btn {
    background-color: #027bec;
    color: #fff !important;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer
}

@media (max-width:768px) {
    .cookiebar-btn {
        background-color: #027bec;
        color: #fff !important;
        padding: 10px;
        width: 70%;
        border-radius: 5px;
        cursor: pointer;
        displaY: block;
        margin: 12px auto;
        clear: both
    }
}

.cookiebar-btn:hover {
    background-color: #027bec;
    color: #fff !important;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer
}

.table-width {
    width: 50%;
    margin: 0 auto;
    text-align: center
}

.cookiebar-smallinfo {
    font-size: 9px;
    font-style: italic
}