/*!
  iPanorama 360 - jQuery Virtual Tour
  @name ipanorama.theme.default.css
  @description a jQuery plugin for creating a panorama viewer and virtual tours
  @version 1.2.2
  @author Max Lawrence 
  @site http://www.avirtum.com
  @copyright (c) 2016 Max Lawrence (http://www.avirtum.com)
*/
.ipnrm.ipnrm-theme-default .ipnrm-view {
    background-color: #fbfbfb;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODEiIHdpZHRoPSI1NCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDFEM0Q0IiBkPSJNMjcuNSAwdjFNLjUgMHY2LjkxN0wyNy41IDFsMjcuMjMgNi4xMDR2LjY4OEwyNy41IDE0IC41IDguMTFWNDJsMjcuMjUgNi4xNjdMNTUgNDJNLjUgODFWNTVsMjcuMjUtNS45NDdMNTUgNTQuOTE2TTI3LjUgMTR2NjciLz48L3N2Zz4=);
}

.ipnrm.ipnrm-theme-default .ipnrm-no-layout-ctrl .ipnrm-layout,
.ipnrm.ipnrm-theme-default .ipnrm-no-layout-ctrl .ipnrm-layout-image {
    display: none;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 1;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-focused, .ipnrm.ipnrm-theme-default .ipnrm-hotspot-custom.ipnrm-focused {
    /*border: solid 5px red;*/
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot:before,
.ipnrm.ipnrm-theme-default .ipnrm-hotspot:after {
    -webkit-transition: background-color ease-out 0.3s;
    transition: background-color ease-out 0.3s;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    border-radius: 50%;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot:before {
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    background-color: #000000;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot:hover:before {
    background-color: #ffffff;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot:after {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-color: #ffffff;
    border: 1px solid #000000;
    box-sizing: border-box;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot:hover:after {
    background-color: #000000;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:before {
    background-color: #ffffff;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:hover:before {
    background-color: #000000;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:after {
    background-color: #000000;
    border: 1px solid #ffffff;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:hover:after {
    background-color: #ffffff;
}

.ipnrm.ipnrm-theme-default .ipnrm-hotspot.ipnrm-hotspot-scene:before {
    -webkit-animation: ipanorama-hotspot-pulse-default 3s infinite linear;
    animation: ipanorama-hotspot-pulse-default 3s infinite linear;
}

.ipnrm-hotspot-data i {
    font-size: 24px;
    margin: 4px 2px;
}

.ipnrm.ipnrm-theme-default .ipnrm-info,
.ipnrm.ipnrm-theme-default .ipnrm-btn-load,
.ipnrm.ipnrm-theme-default .ipnrm-load-info {
    font-family: sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.2;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    display: table;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 80px;
    margin: -40px 0 0 -75px;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
}

.ipnrm.ipnrm-theme-default .ipnrm-btn-load {
    cursor: pointer;
}

.ipnrm.ipnrm-theme-default .ipnrm-btn-load:hover {
    background-color: #efefef;
}

.ipnrm.ipnrm-theme-default .ipnrm-info p,
.ipnrm.ipnrm-theme-default .ipnrm-btn-load p,
.ipnrm.ipnrm-theme-default .ipnrm-load-info-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    background-color: white;
}
.ipnrm-load-360-container{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(100, 100, 100, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.ipnrm-load-360{
    background-color: transparent;
    width: 200px;
    position: absolute;
    top: calc(25% - 100px);
    left: calc(50% - 100px);
    z-index: 1;
}
.ipnrm-360-logo-text{
    color: white;
    font-size: 3em;
    text-align: center;
    margin-top: 200px;
}
.ipnrm.ipnrm-theme-default .ipnrm-load-progress {
    position: relative;
    width: 80%;
    height: 10px;
    margin-left: 10%;
    margin-top: 5px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 3px;
}

.ipnrm.ipnrm-theme-default .ipnrm-load-progress-bar {
    height: 100%;
    width: 0%;
    background-color: #999999;
}

.ipnrm.ipnrm-theme-default .ipnrm-compass {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 26px;
    height: 26px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe1JREFUeNrsVj1rwmAQNpWIThWVksFFXZxEBwdBJ1exP0HcGv+CFIcuujmU+g9UxMXNf6GjoFPr0HTQQfxK0WueKwmWVhMtSoceHJx39zxP8r73vlEgItslTPgXOpuQLMs3y+Xyvtfr3Y7HY2kymYjIezyed7/f/xqLxToul+uhVqu9HSSC0D4vl8tyNBpV0Ga32ykcDlM8HmdHjBxq6EHvIa6fk9qb5vP5J0EQmCiZTJJGRLDVasUOQw419KAXGH2VLAlVKpU7p9O5dbvdVCwWaT6fM7GqqpTJZNgRw1BDD3qBAdaSUKvVutaWAuvNBLptNhv+jbxeQ043vQYsOEyFcrncIwCJRIIURTGI6vU6iaJoCCFuNptGHb3AoAYOU6FIJPLicDioWq0aJP1+nzdfF9FdkiRqt9tGHzDAahzPpkJer1fVxpZGoxGDp9MpZbPZbyK6p9Np7oEBAyw4TIUA1p6IgYvFggqFAk8UHE+768hhxNGDXhiwn6fmK++V1ZMdCARsw+HQNpvN2BEjt91urREcs3TdbtfYD8TIoXbS0u0bhlAoRD6fjwaDATviYDDItZOGYd94NxoNfoNUKsWOvel0OqePt9UDWyqVaNeOPrBWr6D1ev27K+iil+o5PhMX+/D9/zn5+0IfAgwAjiglaYRWLXQAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover {
    max-width: 276px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 6px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-close .ipnrm-close {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMy4yNjEsMy4yNjJsOS40NzgsOS40NzcgTTEyLjczOCwzLjI2MmwtOS40NzgsOS40NzciLz48L3N2Zz4=);
    cursor: pointer;
    opacity: 0.4;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-close .ipnrm-close:hover {
    opacity: 0.8;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover .ipnrm-content {
    padding: 10px 15px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-close .ipnrm-content {
    padding: 15px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top-left.ipnrm-close .ipnrm-close,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom-left.ipnrm-close .ipnrm-close {
    left: 1px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top {
    margin-top: -16px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-right {
    margin-left: 16px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom {
    margin-top: 16px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left {
    margin-left: -16px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top-left .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom-right .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom-left .ipnrm-arrow {
    display: none;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow,
.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow {
    border-width: 11px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover > .ipnrm-arrow:after {
    content: "";
    border-width: 11px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -11px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-top > .ipnrm-arrow:after {
    content: "";
    bottom: 1px;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.2);
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-right > .ipnrm-arrow:after {
    content: "";
    left: 1px;
    bottom: -11px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -11px;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-bottom > .ipnrm-arrow:after {
    content: "";
    top: 1px;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, 0.2);
}

.ipnrm.ipnrm-theme-default .ipnrm-popover.ipnrm-popover-left > .ipnrm-arrow:after {
    content: "";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -11px;
}

@-webkit-keyframes ipanorama-hotspot-pulse-default {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ipanorama-hotspot-pulse-default {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ipnrm .ipnrm-btn i {
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.4);
}

.ipnrm .ipnrm-btn img.svg {
    -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, .4));
    filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, .4));
}