body {
    margin: 0;
}

#index canvas {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0px;
    left: 0px;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.hidden {
    display: none;
}

.hide-desktop {
    display: none;
}

.hidden .image-wrapper {
    display: none;
}

h1 {
    text-align: center;
    color: white;
    font-family: 'Comfortaa', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h2 {
    position: absolute;
    padding-top: 9px;
    margin-left: 75px;
    width: 140px;
    color: white;
    font-family: 'Comfortaa', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 3px;
    font-size: 13px;
    text-decoration: none;
}

.float_l {
    float: left !important;
}

.float_r {
    float: right !important;
}

#index {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}

.align-r {
    text-align: right;
}
/*Splash Page*/
.credits {
    position: absolute;
    width: 290px;
    height: 30px;
    bottom: 5%;
    left: 50%;
    margin-left: -145px;
}

.page-credits {
    position: absolute;
    width: 410px;
    height: 30px;
    right: 1%;
    padding-top: 10px;
}

.credits .about {
    cursor: pointer;
    position: absolute;
    width: 220px;
    height: 30px;
    font-size: 5px;
    border-right: 2px solid white;
}

.page-credits .about {
    cursor: pointer;
    position: absolute;
    width: 220px;
    height: 25px;
    font-size: 5px;
    left: 50%;
    margin-left: -110px;
    border-right: 1px solid white;
    border-left: 1px solid white;
}

.social {
    position: absolute;
    left: 83%;
    width: 70px;
    height: 25px;
    margin-top: 3px;
}

.fb {
    cursor: pointer;
}

.twitter {
    cursor: pointer;
}

.image-wrapper, .vr-wrapper {
    /*opacity: 0.9;*/
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: fixed;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.9);*/
    z-index: 1000;
}

.btn-diamond-wrapper {
    width: 93px;
    display: block;
    font-family: 'Comfortaa', sans-serif;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

    .btn-diamond-wrapper .btn-diamond {
        margin-bottom: 5px;
    }

    .btn-diamond-wrapper:hover {
        color: #fff;
    }

.btn-diamond {
    display: inline-block;
    width: 93px;
    height: 93px;
    cursor: pointer;
    margin: auto;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Comfortaa', sans-serif;
    background: url('/img/svg/ClearDiamond-PinkBorder.svg') no-repeat center top;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-diamond:hover {
        background: url(/img/svg/PinkDiamond.svg) no-repeat center top;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        color: #fff;
        text-decoration: none;
    }

    .btn-diamond i {
        display: block;
        width: 38px;
        height: 38px;
        position: relative;
        top: 50%;
        left: 50%;
        margin-left: -19px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .low-bandwidth .btn-diamond i {
        top: 48%;
        margin-left: -20px;
    }

        .btn-diamond i.btn-desktop {
            background: url("../img/svg/Asset30.svg") no-repeat center top;
            top: 54%;
        }
.low-bandwidth .btn-diamond i.btn-desktop {
    background: url("../img/svg/low-bandwidth_pink.svg") no-repeat center top;
}

    .btn-diamond:hover i.btn-desktop {
        background: url("../img/svg/Desktop.svg") no-repeat left top;
    }

    .btn-diamond i.btn-vr {
        height: 20px;
        background: url("../img/svg/Asset31.svg") no-repeat center top;
    }

    .btn-diamond:hover i.btn-vr {
        background: url("../img/svg/Goggles.svg") no-repeat left top;
    }

    .btn-diamond i.btn-phone {
        background: url("../img/svg/Asset28.svg") no-repeat center top;
    }

    .btn-diamond:hover i.btn-phone {
        background: url("../img/svg/mobile.svg") no-repeat center top;
    }

    .btn-diamond i.btn-star {
        background: url("../img/svg/Asset29.svg") no-repeat center top;
    }

    .btn-diamond:hover i.btn-star {
        background: url("../img/svg/Map.svg") no-repeat left top;
    }

    .btn-diamond i.btn-arrow {
        background: url("../img/svg/go.svg") no-repeat center top;
        margin-left: -8px;
        width: 22px;
        margin-top: 8px;
    }

    .btn-diamond:hover i.btn-arrow {
        background: url("../img/svg/go-white.svg") no-repeat left top;
    }





.home-center-content {
    text-align: center;
    margin-top: 40px;
}

    .home-center-content .created_by, .footer-home-content .created_by {
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Comfortaa', sans-serif;
        font-size: 10px;
        display: inline;
        position: absolute;
        top: 20px;
        left: 25px;
        overflow: hidden;
    }

        .home-center-content .created_by .intro, .footer-home-content .created_by .intro {
            display: inline-block;
            height: 21px;
            line-height: 21px;
            float: left;
            position: relative;
            top: 8px;
        }


        .home-center-content .created_by a, .footer-home-content .created_by a {
            float: left;
            display: inline;
        }

        .home-center-content .created_by img, .footer-home-content .created_by img {
            max-width: 248px;
            height: auto;
            position: relative;
            margin-left: 15px;
        }

    .home-center-content .logo {
        margin: auto;
        /*margin-top: 112px;*/
        text-align: center;
    }

    .home-center-content .choose {
        width: 350px;
        margin: auto;
        margin-top: 35px;
        text-align: center;
    }

        .home-center-content .choose h1 {
            font-size: 24px;
            line-height: 33px;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin: 0px;
        }

    .home-center-content .btn-desktop-container {
        margin: auto;
        margin-top: 68px;
        text-align: center;
        width: 366px;
        /*width: 100%;
        position: absolute;
        bottom: 20px;*/
    }

        .home-center-content .btn-desktop-container .btn-go {
            margin: 0 20px;
            float: left;
            cursor: pointer;
            z-index: 12;
            width: 133px;
        }



@media (max-width:769px) {
    .home-center-content .created_by img {
        max-width: 248px;
        height: auto;
    }
    /*
    .home-center-content .logo {
        margin-top:50px;
    }
    .home-center-content .logo img{
        max-width: 350px;
        width:70%;
        height:auto;
    }
    */
    .home-center-content .choose {
        width: 100%;
    }

        .home-center-content .choose h1 {
            font-size: 1em;
            line-height: 1.5em;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
}

@media (max-height:840px) {
    .home-center-content .logo img {
        /*height: 280px !important;*/
        width: auto;
    }
}

.footer-container {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

    .footer-container a, .footer-text a {
        color: #fff !important;
        text-decoration: none;
    }

        .footer-container a:hover, .footer-text a:hover, .vr-wrapper .about-mobile a:hover {
            text-decoration: none;
            color: #f57a73 !important;
        }


    .footer-container .footer-left-block {
        width: auto;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Comfortaa', sans-serif;
        font-size: 10px;
        line-height: 18px;
        margin-left: 25px;
    }

        .footer-container .footer-left-block .footer-text {
            display: inline-block;
            width: 400px;
            margin-left: 12px;
            position: relative;
        }

        .footer-container .footer-left-block img {
            position: relative;
            float: left;
        }

    .footer-container .footer-right-block, .bar-container .inner-right-block {
        float: right;
        width: auto;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Comfortaa', sans-serif;
        font-size: 10px;
        line-height: 18px;
        margin-right: 25px;
    }

.btn-social-fb {
    margin-right: 10px;
}

.bar-container .inner-right-block {
    margin: 17px 20px 0px 0px;
    overflow: hidden;
}

    .footer-container .footer-right-block .footer-text, .bar-container .inner-right-block .footer-text {
        display: inline-block;
        padding: 3px 23px 3px 0px;
        border-right: 1px solid #fff;
        margin-right: 23px;
        float: left;
    }

.footer-container .footer-right-block a.btn-social, .fobaroter-container .inner-right-block a.btn-social {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    float: left;
}

.bar-container .inner-right-block .top-menu-item {
    height: 25px;
    line-height: 25px;
    padding-left: 22px;
    padding-right: 22px;
    float: left;
    border-right: 1px solid #fff;
}

.bar-container .social-btns {
    float: left;
    margin-left: 22px;
}

.a-sound {
    cursor: pointer;
}

.no-sound {
    position: relative;
}

    .no-sound:after {
        content: '';
        position: absolute;
        width: 50%;
        top: 13px;
        border-bottom: 1px solid #fff;
        display: block;
        left: 50%;
        margin-left: -25%;
    }

.place-container .btn-home {
    z-index: 10;
    width: 110px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -55px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Comfortaa', sans-serif;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
}

.place-container .btn-navigate {
    position: absolute;
    /*width: 324px;
    height: 194px;*/
    width: 25px;
    height: 35px;
    display: block;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 11;
    text-decoration: none;
}

    .place-container .btn-navigate .a-init.arrow-left {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17.5px 25px 17.5px 0;
        border-color: transparent #ffffff transparent transparent;
        position: relative;
        top: 0px;
        left: 25px;
    }

    .place-container .btn-navigate .a-init.arrow-right {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17.5px 0 17.5px 25px;
        border-color: transparent transparent transparent #ffffff;
        position: relative;
        top: 0px;
        right: 25px;
    }

    .place-container .btn-navigate:hover {
        width: 324px;
        height: 194px;
    }

        .place-container .btn-navigate:hover .a-init {
            display: none;
        }

        .place-container .btn-navigate:hover .a-container {
            width: 100%;
            height: 100%;
            opacity: 1;
            -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

    .place-container .btn-navigate.btn-video-next {
        right: 0px;
        left: unset;
    }

        .place-container .btn-navigate.btn-video-next .a-container-right {
            left: 100%;
        }

    .place-container .btn-navigate:hover .a-container.a-container-right {
        width: 100%;
        height: 100%;
        left: 0px;
        opacity: 1;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .place-container .btn-navigate .a-container {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        width: 0px;
        opacity: 0;
        overflow: hidden;
    }

.btn-navigate .a-container img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.btn-navigate .a-container .bg-red {
    display: block;
    background: rgba(216,108,98,0.8);
    background: #f87b71;
    color: #fff;
    height: 50%;
    top: 50%;
    position: relative;
    font-family: 'Comfortaa', sans-serif;
    opacity: 0.85;
}

.btn-navigate .a-container .arrow-a {
    display: block;
    font-size: 27px;
    letter-spacing: 3px;
    text-align: right;
    position: relative;
    top: -18px;
    text-transform: uppercase;
    padding-right: 30px;
}

.place-container .btn-navigate.btn-video-next .a-container .arrow-a {
    text-align: left;
    padding-left: 30px;
}

.btn-navigate .a-container .arrow-a.arrow-right:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 0 17.5px 25px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 25px;
    top: 1px;
}

.btn-navigate .a-container .arrow-a.arrow-left:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 25px 17.5px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    left: 25px;
    top: 1px;
}

.btn-navigate .a-container .a-place-name, .btn-navigate .a-container .arrow-left .a-place-name {
    display: block;
    margin-left: 30px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    margin-top: -14px;
    float: left;
    width: 90%;
    letter-spacing: 3px;
}

.btn-navigate.btn-video-prev .a-container .a-place-name {
    text-align: right;
    padding-right: 30px;
}


@media (max-width:769px) {

    .footer-container {
        width: 100%;
        left: 0px;
    }
    /*
    .footer-container .footer-left-block {
        width:100%;
        display:block;
        text-align:center;
        margin-left:0px;
    }
    
    .footer-container .footer-left-block .footer-text {
        width:100%;
        display:block;
        text-align:center;
        margin-top:5px;
    }
    */
}

/*.col-6 {
    float: left;
    width: 50%;
}*/



.image {
    position: absolute;
    background: url(../img/mp_title5.png) no-repeat center 0px;
    background-size: 75%;
    width: 500px;
    height: 260px;
    left: 50%;
    margin-left: -250px;
    top: 15%;
    z-index: 1002;
}

.image2 {
    position: absolute;
    background: url(../img/mp_subtitle.png) no-repeat center 0px;
    background-size: 100%;
    width: 300px;
    height: 50px;
    left: 50%;
    margin-left: -150px;
    top: 40%;
}

.image3 {
    position: absolute;
    background: url(../img/mp_subtitle2.png) no-repeat center 0px;
    background-size: 85%;
    width: 300px;
    height: 50px;
    left: 50%;
    margin-left: -150px;
    top: 7%;
}


.clickbox {
    cursor: pointer;
}

.diamond-go {
    width: 100px;
    height: 100px;
    background-image: url("../img/go.png");
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    left: 50%;
    top: 60%;
    margin-left: -50px;
    z-index: 1001;
}

    .diamond-go:hover {
        cursor: pointer;
        background-image: url("../img/go2.png");
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

/*.diamond-desktop{
    
    width: 100px;
    height:100px;
    
    
    background-image: url("../img/diamond-desktop.png");
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out; 

    position: absolute;
    left: 47%;
    top: 60%;
    margin-left: -50px;
    z-index: 1001;  
}

.diamond-desktop:hover{
    cursor: pointer;
    background-image: url("../img/diamond-desktop-a.png");
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out; 
}

.diamond-mobile{
    
    width: 100px;
    height:100px;
    
    
    
    background-image: url("../img/diamond-mobile.png");
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out; 
    
    position: absolute;
    right: 47%;
    top: 60%;
    margin-right: -50px;
    z-index: 1001;  
}

.diamond-mobile:hover{
    cursor: pointer;
    background-image: url("../img/diamond-mobile-a.png");
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out; 
}*/

.bar-container {
    z-index: 10;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    height: 50px;
    width: 100%;
}

    .bar-container .logo-white {
        /*width: 183px;*/
        height: auto;
        margin: 20px;
    }

    .bar-container .home-logo {
        display: inline-block;
        width: 220px;
        height: 20px;
        margin: 18px 20px;
        float: left;
    }

        .bar-container .home-logo img {
            margin: 0px;
        }

    .bar-container .header-place-name {
        display: inline-block;
        height: 21px;
        line-height: 21px;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 20px;
        margin-left: 0px;
        padding-left: 20px;
        float: left;
        font-family: 'Comfortaa', sans-serif;
        position: relative;
    }

        .bar-container .header-place-name:before {
            display: block;
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            height: 26px;
            top: -3px;
            border-left: 1px solid #fff;
        }

.reset-map {
    position: absolute;
    top: 5px;
    cursor: pointer;
    right: 180px;
    width: 50px;
    height: 50px;
    background: url("../img/mp_back.png") no-repeat center 0px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-size: 100%;
    z-index: 11;
}

    .reset-map:hover {
        background: url("../img/mp_back_a.png") no-repeat center 0px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background-size: 100%;
    }




.bar-img {
    background: url("../img/mp_title2v2.png") no-repeat center 0px;
    background-size: 100%;
    /*clip-path: rect(10px, 100px, 100px, 100px);*/
    top: -8px;
    width: 200px;
    height: 80px;
    z-index: 11;
}

    .bar-img:hover {
        cursor: pointer;
    }

.clicked .bar-container {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/*Title Loaded*/

.clicked .image-wrapper {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/*Mobile Loaded*/
.clicked-a {
}
/*Preloader*/

#title {
    position: absolute;
    padding: 20px;
    width: 100%;
    text-align: left;
    font-family: monospace;
    //text-shadow: 4px 4px black;
}



#loader-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/img/bg-loading.jpg) no-repeat left top;
    background-size: cover;
}

    /*#loader-wrapper .loader-cover {
        width: 100%;
        height: 100%;
        background-color: rgba(38,52,65,0.9);
    }*/
    #loader-wrapper .loader-cover:before {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(38, 52, 65, 0.9);
        mix-blend-mode: multiply;
    }

.home-overlay-mix-blend {
    background-color: rgba(38, 52, 65, 0.9);
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
}

.loading-details {
    /*position: absolute;
    max-width: 330px;
    width: auto;
    top: 50%;
    left: 50%;
    margin-left: -165px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);*/
    text-align: center;
}

.loader-container {
    z-index: 13;
    position: relative;
    width: 330px;
    height: 510px;
    left: 50%;
    margin-left: -165px;
    margin-top: 10%;
}



.loader-box {
    position: relative;
    width: 100px;
    margin: 0 auto;
    top: 40%;
}

.loader {
    width: 100px;
    height: 100px;
    margin: auto;
    position: relative;
}

.vr-wrapper {
    overflow: hidden;
}

    .vr-wrapper .mobile-middle {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .vr-wrapper .l-container {
        position: relative;
        width: 60%;
        height: 100%;
        float: left;
    }

    .vr-wrapper .r-container {
        position: relative;
        width: 40%;
        height: 100%;
        float: left;
    }

        .vr-wrapper .r-container .btn-vr-go {
            width: 93px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -46px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            text-decoration: none;
            font-weight: bold;
            text-align: center;
            color: #fff;
            font-family: 'Comfortaa', sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 12px;
        }

            .vr-wrapper .r-container .btn-vr-go .btn-diamond {
                margin-bottom: 5px;
            }

    .vr-wrapper .l-container .vr-preview-content {
        position: absolute;
        /*max-width: 250px;*/
        width: auto;
        top: 60%;
        left: 50%;
        margin-left: -125px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        font-size: 12px;
        letter-spacing: 2px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Comfortaa', sans-serif;
    }

    .vr-wrapper .l-container .btn-white {
        color: #000;
        text-transform: uppercase;
        font-family: 'Comfortaa', sans-serif;
        width: 100%;
        text-align: center;
        /*padding-top: 35px;*/
        padding-bottom: 35px;
        margin: auto;
        margin-top: 20px;
        /*background: #fff;*/
        display: block;
        margin-top: -5px;
    }

.animate-img {
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading-details .loader-text {
    text-align: center;
    color: white;
    font-family: 'Comfortaa', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    margin-top: 5px;
}



.loading-details .loader-info {
    padding-top: 65px;
    text-align: left;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 25px;
    margin-bottom: 70px;
    font-weight: 300;
}

    .loading-details .loader-info .place-name,
    .loader-info.ng-binding span {
        color: #f87b71;
    }






#loader-wrapper .loader-section {
    z-index: 12;
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222;
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

/*Loaded Styles*/
.place-container {
}

    .place-container .unloaded {
        display: none;
    }

    .place-container.loaded .loaded-hide {
        display: none;
    }

    .place-container.loaded {
    }

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded .loader-cover {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/*360 VIdeo*/
#content {
    z-index: 10;
    position: relative;
    top: -100%;
}

#content-a {
    width: 100%;
    height: 100%;
    position: relative;
}



#menu-wrapper {
    position: relative;
    /*width: 100%;*/
    height: 100%;
    /*z-index:1;*/
}

/*.a-canvas  {
    z-index:1010;
}*/

#menu-container {
    position: absolute;
    width: 220px;
    height: 80px;
    text-align: center;
    left: 50%;
    bottom: 10%;
    margin-left: -110px;
    z-index: 11;
}

/*.menu-button {
    cursor: pointer;
    position: absolute;
    display:block;
    width:200px;
    height: 60px;
    right:40%;
    background: url("../img/mp_back.png") no-repeat center 0px;
    background-size: 30%;
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out; 
    z-index:11; 
}

.back-to-map{
    cursor: pointer;
    position: absolute;
    right: 0%;
    z-index:11;
    width: 120px;
    margin-top: 16px;
    font-size: 6px;
}

.menu-button:hover {
     background: url("../img/mp_back_a.png") no-repeat center 0px;
    background-size: 30%;
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out;  
}*/

.menu-button {
    position: absolute;
    top: 5px;
    cursor: pointer;
    right: 180px;
    width: 50px;
    height: 50px;
    background: url("../img/mp_back.png") no-repeat center 0px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-size: 100%;
    z-index: 11;
}

    .menu-button:hover {
        background: url("../img/mp_back_a.png") no-repeat center 0px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background-size: 100%;
    }


#menu-text {
    position: absolute;
    text-align: center;
    color: white;
    font-family: 'Comfortaa', cursive;
    text-transform: uppercase;
    font-size: 14px;
}

/*360 VIDEO TITLE CARD*/

.page-bar {
    position: absolute;
    height: 50px;
    width: 100%;
    padding: 5px;
    z-index: 11;
    background-color: rgba(37,52,66,0 );
}

/*.pagelogo {
    
    margin:auto;
    width: 250px;
    
    border:3px solid #fff;
    left:0;right:0;
    position:relative;
    top:10%;
    z-index:11;
    background-color: rgba(37,52,66,0.9);
}*/

.pagelogo-a {
    margin: auto;
    width: 250px;
    border: 3px solid #fff;
    left: 0;
    right: 0;
    position: absolute;
    top: 10%;
    z-index: 11;
    background-color: rgba(0,0,0,0.5);
}

.title-container {
    position: relative;
    width: 250px;
    height: 115px;
    border: solid #fff;
    border-width: 1px;
    background-color: rgba(0,0,0,0.6);
}

.logoimg {
    background: url(../img/mp_title2v2.png) no-repeat center -12px;
    background-size: 100%;
    margin-top: 4px;
    height: 70px;
}

.title-img {
    /*position: absolute;*/
    background-image: url(../img/mp_title3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 245px;
    height: 60px;
}

.line2 {
    overflow: hidden;
}

.logotext {
    position: absolute;
    left: 11%;
    top: 25%;
    width: 180px;
    height: 25px;
    font-size: 5px;
    border-left: 1px solid #fff;
}

.logotext-a {
    float: left;
    width: 250px;
    height: 45px;
    line-height: 45px;
    font-family: 'Comfortaa', cursive;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    color: #fff;
}
/*
#title-text{
    position: absolute;
    color: white;
    font-family: 'Comfortaa', cursive;
    text-transform:uppercase;
    font-size: 15px;
    bottom: 0px;
    height: 45px;
    width: 190px;
    border: solid #fff;
    border-width: 3px;
    text-align: center;
}
*/

#title-text {
    float: left;
    color: white;
    font-family: 'Comfortaa', cursive;
    text-transform: uppercase;
    font-size: 15px;
    bottom: 0px;
    height: 45px;
    width: 190px;
    border: solid #fff;
    border-width: 3px;
    text-align: center;
}

#title-text-a {
    position: absolute;
    color: white;
    font-family: 'Comfortaa', cursive;
    text-transform: uppercase;
    font-size: 16px;
    bottom: 0px;
    left: 0px;
    height: 45px;
    width: 245px;
    border: solid #fff;
    border-width: 3px;
    text-align: center;
}

/*
#title-mute{
    position: absolute;
    border: 1px 0px solid #000000;
    height: 45px;
    width: 50px;
    bottom: 0px;
    right: 0px;
    border: solid #fff;
    border-width: 3px;
}*/

#title-mute {
    z-index: 1001;
    height: 30px;
    max-width: 50px;
    width: 40px;
    position: absolute;
    left: 10%;
}

    #title-mute:before {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        border-left: 3px solid #fff;
    }

.page-about:hover {
    background: url("../img/mp_back_a.png") no-repeat center 0px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-size: 100%;
}


/*NEW AUDIO*/

#mytrack {
    position: absolute;
    visibility: hidden;
}

.muted #mytrack {
}


/*Audio on*/
#menu-wrapper .mutebtn {
    cursor: pointer;
    z-index: 999;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.muted #menu-wrapper .mutebtn {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*Audio off*/
/*

#menu-wrapper .mutebtn2{
    position: fixed;
    top: 10%;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out;
}

.muted #menu-wrapper .mutebtn2{
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out;
}
*/

.about-mobile {
    display: none;
}

.img-top-border {
    display: inline-block;
    width: 1px;
    border-right: 1px solid #fff;
    height: 21px;
    float: left;
    margin-left: 15px;
    position: relative;
    top: 6px;
}

img.logo-360-footer {
    position: relative;
    top: 6px;
}
/*START: rp style*/
.visibility-hidden {
    visibility: hidden;
}

.mpLoader-back-to-map {
    color: #fff;
}

.home-center-content .bar-container {
    top: 0;
}

.footer-home-content .created_by {
    top: 0;
    right: 25px;
    left: auto;
    position: relative;
    float: left;
}

    .footer-container .footer-left-block .footer-text,
    .home-center-content .created_by .intro, .footer-home-content .created_by .intro,
    .footer-container .footer-right-block, .bar-container .inner-right-block {
        letter-spacing: 2px;
    }

.btn-diamond-wrapper {
    font-size: 11px;
    letter-spacing: 2px;
}

a.btn-diamond-wrapper:hover {
    color: #f57a73 !important;
    text-decoration: none;
}

    a.btn-diamond-wrapper:hover .btn-diamond {
        background: url(/img/svg/PinkDiamond.svg) no-repeat center top;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        a.btn-diamond-wrapper:hover .btn-diamond i.btn-desktop {
            background: url("../img/svg/Desktop.svg") no-repeat left top;
        }

a.btn-diamond-wrapper.low-bandwidth .btn-diamond i.btn-desktop {
    top: 48%;
}
a.btn-diamond-wrapper.low-bandwidth:hover .btn-diamond i.btn-desktop {
    background: url("../img/svg/low-bandwidth_white.svg") no-repeat left top;
}

.video-page {
    z-index: 11;
}

.place-container #loader-wrapper .btn-home {
    bottom: auto;
    /*left:25%;*/
}

/*.place-container #loader-wrapper #btn-proceed.btn-home {
    visibility:hidden;
}*/

.hide-on-mobile {
    display: block;
}

.hide-on-desktop {
    display: none;
}

#overlay, #overlay-from-map {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #253442;
    /*transition: 1s 0.4s;*/
}

#progress {
    height: 5px;
    background: #fff;
    position: absolute;
    width: 0;
    top: 50%;
    display: none;
}

#progstat, #progstat-text {
    font-size: 20px;
    letter-spacing: 3px;
    /*position: absolute;
    top: 50%;
    margin-top: -40px;*/
    margin-top: 15px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'Comfortaa', sans-serif;
}

.home-center-content.loading-screen {
    margin-top: auto;
}

    .home-center-content.loading-screen .logo img {
        width: 187px;
        height: 187px !important;
    }

.vr-with-text {
    margin-top: 122px;
    position: relative;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: /*whatever width you want*/;
}

#loader-wrapper .inner {
    width: 330px;
}

.place-container #loader-wrapper .btn-home {
    position: inherit;
    margin-left: 0;
}

.top-menu-item a {
    color: #fff;
}

a:hover, a:focus {
    text-decoration: none;
    color: #f57a73;
}

#overlay .home-center-content .logo {
    margin-top: 110px;
}

.hover {
    display: none;
}

.btn-social-fb:hover .icon-fb,
.btn-social-twitter:hover .icon-twitter,
.footer-logo-cypha:hover .logo-cypha,
.footer-logo-fly360:hover .logo-360-footer {
    display: none;
}

    .btn-social-fb:hover .icon-fb.hover,
    .btn-social-twitter:hover .icon-twitter.hover,
    .footer-logo-cypha:hover .logo-cypha.hover,
    .footer-logo-fly360:hover .logo-360-footer.hover {
        display: inline;
    }

/*END: rp style*/

.apply-blend {
    /*mix-blend-mode: multiply;*/
}

body {
    isolation: isolate;
}

.place-description span {
    color: #f87b71;
    font-weight: bold;
}
/*#main-body {
    display: block;
}

@media only screen and (orientation:portrait) {

    #main-body {
        height: 100vw;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media only screen and (orientation:landscape) {

    #main-body {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}*/
.warning-message-class, .warning-message {
    display: none;
}

    .warning-message-class .middle, .warning-message .middle {
        background-color: #253442;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

@media only screen and (orientation:portrait) {

    .wrapper-class {
        display: none;
    }

    .warning-message-class {
        display: block;
    }
}

@media only screen and (orientation:landscape) {

    .warning-message-class {
        display: none;
    }
}