body {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: "Red Hat Display", sans-serif;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    top: 0;
    right:0;
    bottom:0;
    left: 0;
}
#menu {
    display: none;
    bottom: 0;
    color: #ffffff;
    overflow: auto;
    padding: 0;
    padding-bottom: 26px;
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}

.item {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    color: #ffffff;
    height: 170px;
    padding: 20px 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
    overflow: auto; 
}
#scenesmenu {
    padding: 5px 0 0;
    opacity: 1;
    height: 100%;
}
#scenesmenu img{
    display: inline-block;
}
#lookAtPointers{
    z-index:99;
    color: #ffffff;
    display: none;
}
#lookAtPointers i{
    position: absolute;
    opacity: 0.8;
    font-size: 5px;
}
.info {
    position: absolute;
    top: 0;
    left: 0;
}
.infoPre {
    max-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    min-width: 20px;
    overflow-x: hidden;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#content-scenesmenu{
    list-style-type: none;
    padding: 0;
    height: 180px !important;
    align-items: center;
    justify-content: center;
    margin: auto;
    display: flex;
}
#content-scenesmenu li{
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 1em;
    height: 100%;
}
#content-scenesmenu img{
    margin: 0;
    padding: 0;
    float: left;
    z-index: 4;
    width: 100%;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.5);
    pointer-events: all;
    filter: drop-shadow(0px 0px 4px #222);
}
#content-scenesmenu .img-error {
    padding:2em;
}
#content-scenesmenu .caption{
    cursor: pointer;
    position: absolute;
    opacity: 0.8;
    bottom:0;
    height: 30px;
    width: 100%;
    transition:all 0.15s ease-in-out;
}
#content-scenesmenu .blur{
    height: 30px;
    width: 100%;
    z-index: 5;
    position: absolute;
}
#content-scenesmenu .caption-text h4{
    font-size: 14px;
    margin: 9px auto;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
#content-scenesmenu .caption-text{
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height:1.5;
}
.tooltip-inner {
    background: #1A1B23;
    box-shadow: 0 0 8px rgba(26, 27, 35, 0.1);
    border-radius: 8px !important;
    font-family: 'Red Hat Display', sans-serif !important;
    font-weight: 500;
    margin-top: -1.5rem !important;
}
.bs-tooltip-left .arrow{
    margin-top: -1.4rem !important;
}
.bs-tooltip-left .arrow::before{
    border-left-color: #1A1B23;
}
.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before {
    border-top-color:#1A1B23;
}
.ui-slider-handle {
    position: absolute;
    z-index: 200;
    width: 25px;
    height: 25px;
    cursor: pointer !important;
    background: url('../img/icons/volume/handle.png') no-repeat 50% 50% !important;
    font-weight: bold;
    border: 0 solid !important;
    color: #1C94C4;
    outline: none;
    margin-left: -12px;
}
.ui-slider-range {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    position: absolute;
    border: 0;
    bottom: 0;
    height: 100%;
    border-radius: 25px;
}
.player-controller {
    width: 25px;
    height: 25px;
    left: 17px;
    bottom: 0;
    padding: 9px 0 8px;
    position: fixed;
}
.vr-button{
    cursor: pointer;
}
.webvr-button-shadowed {
    filter: drop-shadow(0 0 5px rgba(255,255,255,1));
}
.pnlm-about-msg {
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    padding: 5px 8px 5px 8px;
    background: rgba(0,0,0,0.7);
    border-radius: 3px;
    position: absolute;
    top: 50px;
    left: 50px;
    display: none;
    opacity: 0;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 1;
}
.pnlm-about-msg a:link, .pnlm-about-msg a:visited {
    color: #fff;
}
.pnlm-about-msg a:hover, .pnlm-about-msg a:active {
    color: #eee;
}
.scene-menu-control{
    padding: 0 5px;
    cursor:pointer;
    z-index: 1000;
    color:#FFF;
}
.scene-menu-control .fa-angle-up {
    font-size: 2.2em;
}
.scene-menu-control .fa-angle-down{
    font-size: 2.2em;
}
#container{
    cursor: default;
}
#container:active{
    cursor: grabbing;
}
#loadingScreen{
    position: absolute; 
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    transition: all 0.3s;
}
.loading-row {
    background-color: rgba(0, 0, 0, 0.5);
}
#poweredByLogo{
    --opacity: 0;
}

#poweredByLogo .img-wrapper {
    --width: auto;
    opacity: var(--opacity);
    margin: 0 auto;
    width: var(--width);
    height: 13.5vh;
    min-width: 8.125rem;
}

#poweredByLogo .img-wrapper img {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

#poweredByLogo .img-wrapper .agency-logo {
    border-radius: 16px;
}

#loadingOverlay{
    width: 100%;
    height: 100%;
    position: absolute;
}
#loadingBar{
    opacity: 0;
}
.centerRow{
    min-height: 104px;
}
#loadingProgressbar{
    display: flex;
    justify-content: center;
    align-items: center;
}
#loadingProgressbar svg {
    -webkit-filter: drop-shadow(0 0 3px #414141);
    filter:         drop-shadow(0 0 3px #414141);
    width: 50%;
}
#property_overlay_title{
    text-shadow: 0 0 4px #000;
}
.slider_item{
    margin-right: 0 !important;
    overflow: hidden;
}
.blur{
    margin-left: 2px;
}
#toggleTitleButton{
    background-color: rgba(0, 0, 0, 0.4);
    width:15px;
    position: absolute;
    top: 15px;
    left: 15px;
    cursor:pointer;
    height: 54px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.toggleTitleButtonIcon{
    margin-top: 23px;
    margin-left: 3px;
    font-size: 10px;
    opacity: 0.7;
}
#toggleTitleLabel{
    background-color: rgba(0, 0, 0, 0.4);
    width:330px;
    height: 54px;
    position: absolute;
    top: 15px;
    left: 32px;
    cursor:pointer;
    padding: 8px;
    line-height: 1.6em;
    z-index:9;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
#toggleTitleTitle{
    opacity: 0.8;
    font-size:1.4em;
    width: 320px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    margin: 0 3px;
}
#toggleTitlePoweredBy{
    opacity: 0.4;
    font-size: 10px;
    margin: 0 0 2px 4px;
}
#toggleTitleOwner{
    opacity:0.6;
    font-size: 11px;
}
#toggleTitleButton:hover{
    background-color: rgba(0, 0, 0, 0.6);
}
#toggleTitleLabel:hover #toggleTitleButton{
    background-color: rgba(0, 0, 0, 0.6);
}
#toggleTitleLabel:hover{
    background-color: rgba(0, 0, 0, 0.6);
}
#toggleTitleLabel:hover + #toggleDescriptionLabel {
    background-color: rgba(0, 0, 0, 0.6) !important;
}
#toggleTitleLabel.showed {
    border-bottom-right-radius: 0 !important;
}

#toggleTitleOwner a:hover{
    color: #f87615;
    opacity: 0.9;
}
a{
    color:#FFF;
    text-decoration: none;
}
#toggleDescriptionLabel{
    background-color: rgba(0, 0, 0, 0.4);
    width:330px;
    max-height: 250px;
    position: absolute;
    cursor:pointer;
    display:none;
    padding:10px 5px;
    left: 32px;
    top: 69px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#toggleTitleDesc{
    max-height: 5em;
    margin-bottom: 10px;
    overflow-y: auto;
    display: block; 
    text-overflow: ellipsis;
}
#propertyDescription{
    margin:0;
    font-size: 13px;
}
#propertyDescriptionUser{
    width: 100%;
}
#propertyDescriptionUser .fa{
    padding-right: 5px;
}
#propertyDescriptionContact{
    margin-top: 10px;
}
#propertyDescriptionContact .fa{
    padding-right: 5px;
}
#propertyDescriptionAddress {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    width: 99%;
}
#propertyDescriptionAddress .fa{
    padding-right: 5px;
}
.scene_viewed {
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 5px;
    cursor: pointer;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
}
.instructions{
    position: fixed;
    z-index: 1000;
    color:#FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    pointer-events:none;
    filter: drop-shadow(0px 1px 1px #222);
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
}
.instructions-text {
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 10px 12px;
}
.webgl-error{
    color:red;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #000;
    opacity: 0.8;
}
.webvr-button {
    margin:auto;
}
.viewer-button:hover,
.webvr-button:hover {
    opacity:0.8;
    cursor:pointer;
}
#floorMap {
    position:absolute;
    z-index:1001;
    filter: drop-shadow(0px 1px 1px #222);
    transition: transform 0.5s;
}
#floorMap3d {
    height: 255px;
    width: 350px;
    bottom:27px;
}
#floorItems {
    position: fixed;
    z-index: 9989;
    transition:all 0.5s ease-in-out;
    bottom: 6em;
    left: 1em;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 0.45em 0;
}
.floor-dot {
    background-color: transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    filter: drop-shadow(0px 1px 1px #222);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25em;
    font-weight: 500;
}
.social-icons-container {
    background:rgba(0,0,0,0.5);
    position:absolute;
    z-index:99999;
    display:none;
    border-radius:3px;
    padding: 5px;
}
.social-icons-container i {
    text-shadow: 1px 1px 1px #333;
}
.social-icons-container i:hover{
    cursor:pointer;
}
.social-icons-container .fa-facebook {
    margin: 10px 6px;
}
.social-icons-container .fa-facebook:hover {
    color:#3B5998;
}
.social-icons-container .fa-linkedin {
    margin: 10px 7px;
}
.social-icons-container .fa-linkedin:hover {
    color:#0e76a8;
}
.social-icons-container .fa-twitter {
    margin: 10px 6px;
}
.social-icons-container .fa-twitter:hover {
    color:#00aced;
}
.social-icons-container .fa-link {
    margin: 10px 6px;
}
.social-icons-container .fa-link:hover {
    color:#F87615;
}
#viewer_terms {
    position: fixed;
    bottom: 0;
    font-size: 10px;
    width: 100%;
    padding: 0.5em 0;
    pointer-events: none;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3),  rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
}
#viewer_terms a{
    pointer-events: all !important;
}
#viewer_terms .row {
    padding: 0 1.25em !important;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
.modal-content {
    margin: 0;
    padding: 20px;
    width: auto;
    background:none;
}
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #ddd;
    text-decoration: none;
    cursor: pointer;
}
.close-modal {
    cursor:pointer;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 10px 15px;
}
.close-modal:hover {
    opacity:0.7;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #DCDCDC;
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #DCDCDC;
}
.terms-content {
    font-size: 16px;
}
.terms-content h2 {
    font-size:25px;
    font-weight:bold;
    margin-bottom: 0.75em;
    margin-top: 1.5em;
}
.terms-content h3 {
    font-size:20px;
    font-weight:bold;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}
.table thead th {
    color:#fff;
    font-weight: bold;
}
#modal_terms, #modal_privacy  {
    animation-duration: 300ms;
}
#modal_terms .modal-content {
    box-shadow: none;
}
#modal_privacy .modal-content {
    box-shadow: none;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
.scene-title {
    padding: 6px 9px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
}

.center-point {
    /*font-family: FontAwesome !important;*/
    font-weight: normal !important;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #F87615 !important;
}
.lg-sub-html h4 {
    font-size: 18px !important;
    padding: 10px !important;
}
#showButtons {
    cursor: pointer;
    z-index: 1000;
    color: #FFF;
    filter: drop-shadow(0px 1px 1px #222);
    box-shadow:none;
    background:none;
    border:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#showButtons i  {
    font-size: 1.2em;
}
#showButtons:hover {
   opacity:0.8 !important;
}
#photoagency_logo:hover{
    opacity:0.9;
    filter: drop-shadow(0px 0 2px rgba(255, 255, 255, 0.5));
}
.btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
    background-color: transparent;
}
#viewerButtons {
    position: absolute;
    text-align: left;
    z-index: 1000;
    margin: 0 1em;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    display: grid;
    padding: 0.5em 0.3em;
    bottom:6em;
}
#viewerButtons .btn {
    margin-bottom: 4px !important;
}
.viewer-button {
    padding:0 !important;
    box-shadow: none !important;
    background:none !important;
    pointer-events: all;
    cursor:pointer !important;
    filter: drop-shadow(0px 1px 1px #222);
    margin: 0 2px !important;
    width: 2rem !important;
    min-width: 2rem !important;
    height: 2rem !important;

}
.viewer-button:hover {
    transform:scale(1.1,1.1);
}
.viewer-button i{
    filter: drop-shadow(0px 1px 1px #222);
    color:#fff;
}
.viewer-button svg{
    fill:#fff;
    filter: drop-shadow(0px 1px 1px #222);
}
.viewer-button:link,
.viewer-button:visited,
.viewer-button:hover,
.viewer-button:focus,
.viewer-button:active,
.viewer-button.active {
    border-color: #f87615 !important;
}
.viewer-button.active-btn {
    border:1px solid var(--primary-color) !important;
}
.viewer-button.active img {
    filter:invert(50%) sepia(100%) saturate(1000%) hue-rotate(343deg) brightness(98%) contrast(100%) !important;
}
.ps-button {
    position: unset !important;
    padding: 0 !important;
}
.pause-button {
    position: unset !important;
    padding: 0 !important;
}
.ui-tooltip {
    background:none;
    opacity:1;
    color:#fff;
    box-shadow:none;
    border:0;
    padding:10px;
    font-weight:bold;
    text-shadow: 0 0 2px #000;
    left:60px !important;
}
.left-terms {
    cursor:pointer;
    pointer-events: all;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
    font-weight: bold;
}
.left-terms span {
    padding:3px;
}
a:hover, a:focus {
    color: #fff;
    opacity:0.8;
    text-decoration: none;
}
.lg-backdrop.in {
    opacity: 0.85 !important;
}
.fixed-size.lg-outer .lg-inner {
    background-color: #FFF;
}
.fixed-size.lg-outer .lg-sub-html {
    position: absolute;
    text-align: left;
}
.fixed-size.lg-outer .lg-toolbar {
    background-color: transparent;
    height: 0;
}

.fixed-size.lg-outer .lg-img-wrap {
    padding: 12px;
}

#floorPlan {
    width: 100%;
    height: 100%;
    transition:all 0.5s ease-in-out;
}
#zoomItems {
    position:fixed;
    z-index: 9999999;
    display:inline-flex;
    bottom: 31px;
    left: 265px;
}
.floormap-cont:hover{
    -webkit-transform: translate(65px, -57px) scale(1.5,1.5);
    transform: translate(65px, -57px) scale(1.5,1.5);
    transform-origin: 50% 50% 0;
}
#zoomItems{
    transition:all 0.3s ease-in-out;
}
#floormapControls{
    -webkit-transform: scale(1,1) !important;
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
}

#closeFloorMap {
    position: absolute;
    font-size: 25px;
    top: 10px;
    right: 10px;
    display:block;
    z-index: 9999;
    filter: drop-shadow(0px 1px 1px #222);
    background-color: white;
    color: black;
    border-radius: 30px;
    margin: 5px;
    padding: 5px
}
.floor-dot:hover {
    transform:scale(1.1,1.1);
}
.active-floor{
    background: rgba(0,0,0,0.8);
    font-weight: bold;
    color:var(--primary);
}
.zoom-dot {
    padding: 2px;
    border-radius:0;
    background:#fff;
    color:#777;
    filter: drop-shadow(0px 1px 1px #222);
}
.zoom-dot:hover {
    transform:scale(1.1,1.1);
}
.zoom-dot i {
    font-size: 15px;
}
#clearScene {
    bottom: 15.5em;
    right: 2.0em;
    position: absolute;
    z-index:999;
    color: #fff;
    font-size: 20px;
    cursor:pointer;
    filter: drop-shadow(0px 1px 1px #222);
    background:#f87615;
}

#clearScene i{
    color: black;
}

.clear-measurement{
    /*left: 48.6% !important;*/
    bottom: 85px !important;
    filter: none !important;
    background: rgba(255, 255, 255, 0.8) !important;
    font-size: 25px !important;
}

.snackbar {
    margin-bottom: 25px;
    text-align: center;
    padding: 0 15px;
}
#snackbar-container {
    pointer-events: none;
    right:0;
    left:0;
}
.bmd-btn-icon {
    border-radius: 50% !important;
}
#poweredText {
    width: 100%;
    font-size: 10px;
    opacity: 0.8;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 4px #000;
}
#companyLogo {
    opacity: 0.9;
    padding-left: 5px;
}
#companyLogo img {
    width:4em;
}
#presentedText{
    text-transform: uppercase;
    margin-bottom: 0.5em;
    text-shadow: 0 0 4px #000;
    letter-spacing: 2px;
    font-size:0.75em;
}
#modal_info_images {
    width: 68%;
    height: 80%;
    max-height: 624px;
    max-width: 900px;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: solid black;
}

#image-carrousel{
    height: 100%;
}

.item-image-carrousel{
    width: 200px;
    height: auto;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.carousel-control{
    cursor: pointer !important;
}

.carousel-control-info{
    width: auto !important;
    margin: 0 16px 0 0 !important;
}

.carousel-control-info span{
    background-color: transparent !important;
    cursor: pointer !important;
}

.title-info-hs{
    text-align: center;
    font-size: 25px;
}

#video-content{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.youtube-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.alert-box-tour {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 9;
    display:none;
}

.alert-box-tour .close{
    font-size: 16px !important;
}

.floorfyLink {
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.modal-open .modal {
    overflow-y: hidden;
}

.marker-direction {
    background: #fcfef0;
    border: 1px solid #dac806;
    border-radius: 0 0 30px;
    display: block;
    height: 23px;
    width: 23px;
    transform: rotate(-45deg);
    position: absolute;
    top: 9px;
    left: 24px;
}
.normal-marker {
    filter: drop-shadow(0 0 2px #222)
}
.circle-out {
    animation: fade 1s infinite alternate;
}

.lg-sub-html {
    padding: 0 40px;
}
#floormapControls {
    position:fixed;
    width: 256px;
}
.leaflet-control-zoom {
    transform: scale(0.7,0.7);
}
.leaflet-left .leaflet-control {
    margin-left: 5px;
}
.leaflet-top .leaflet-control {
    margin-top: 0;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 0;
}
.leaflet-right .leaflet-control {
    margin-right: 5px;
}

/* TO FIX ERROR ON MARKERS POSITION ON ZOOM */
.normal-marker1{
    margin-top: -8px !important;
}
.normal-marker2{
    margin-top: -12px !important;
}
.normal-marker3{
    margin-top: -15px !important;
}
.normal-marker4{
    margin-top: -20px !important;
}
.normal-marker5{
    margin-top: -26px !important;
}



.current-marker1{
    margin-top: -26px !important;
    z-index:999 !important;
    pointer-events: none !important;

}
.current-marker2{
    margin-top: -39px !important;
    z-index:999 !important;
    pointer-events: none !important;

}
.current-marker3{
    margin-top: -51px !important;
    z-index:999 !important;
    pointer-events: none !important;

}
.current-marker4{
    margin-top: -65px !important;
    z-index:999 !important;
    pointer-events: none !important;

}
.current-marker5{
    margin-top: -79px !important;
    z-index:999 !important;
    pointer-events: none !important;
}
.close {
    text-shadow:none;
    opacity:.8;
}
#presentedByContent {
    position: fixed;
    bottom: 3em !important;
}

#poweredByContent{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
}
#loadingText {
    position: absolute;
    width: 100%;
    opacity:0.8;
    text-shadow: 0 0 2px #000;
    font-size: 1.25em;
}
#presentedName {
    font-size: 22px;
}
#loadingScreen .container {
    display: flex;
    justify-content: center;
    align-items: center;
}
#propertyTitle {
    display: flex;
    justify-content: center;
    align-items: center;
}
#loadingScreen .alert {
    position:absolute;
    z-index:9999;
    width:100%;
    color: #fff;
    background-color: #f87615;
}
.instructions-img {
    margin: 1em;
    width:auto;
}
.mblbreak {
    text-align: center;
}

.btn-disabled{
    cursor: default !important;
    pointer-events: none;
    background-image: none;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}
#content_account img {

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

#show-forniture-modal .modal-content {
      background: #fff;
      color: #717171;
  }


#show-forniture-modal .modal-content .modal-body {
    padding: 5px 24px 24px;
}
.img-container {
    padding:2em;
}

#show-forniture-modal .modal-subtitle {
    line-height: 1em;
}
#show-forniture-modal .subtitle {
    padding: 1em 0;
}
#show-forniture-modal .modal-header {
    display:inline
}
#show-forniture-modal {
    overflow-x: hidden;
    overflow-y: auto !important;
}
#showFurnitureBtn.disabled{
    fill-opacity: 0.4 !important;
    pointer-events: none;
    opacity:0.4;
}
#showFurnitureBtn.disabled:hover{
    fill:#f26d07 !important;
    fill-opacity: 1 !important;
    pointer-events: none;
}
#toggleTitleLabelL{
    width: 330px;
    left: 32px;
    top: 15px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 50px;
    position: absolute;
    cursor: pointer;

}

.c-item:hover{
    opacity: 1;
}
.c-item{
    z-index: 0.8;
}

#toggleDescriptionLabelL{
    width: 350px;
    top: 50px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    cursor: pointer;
    display: none;
    padding-bottom: 10px;
    overflow-y: auto;
    height: 100vh;
}
#view-code{
    color:#89a2b5;
    opacity:0.7;
    font-size:14px;
    text-transform:uppercase;
    font-weight:700;
    text-decoration:none;
    position:absolute;top:660px;
    left:50%;margin-left:-50px;
    z-index:200;
}
#view-code:hover{opacity:1;}
#chatbox{
    width:264px;
    background:#fff;
    border-radius: 5px 5px 0 0;
    overflow:hidden;
    height:329px;
    position:absolute;
    bottom:17px;
    right: 35px;
    opacity:1;
    z-index: 1;
}
#logincontainer{
    margin-top: 25px;
}

#friendslist{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:445px;
}
#topmenu{
    height:30px;
    width:100%;
    padding: 5px 5px 0 5px;
    color: black;
}
.text-floorfy:hover{
    font-weight: 300;
}

#topmenu span{
    float:left;
    width: 96px;
    height: 70px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png") -3px -118px no-repeat;
}
#topmenu span.friends{margin-bottom:-1px;}
#topmenu span.chats{background-position:-95px 25px; cursor:pointer;}
#topmenu span.chats:hover{background-position:-95px -46px; cursor:pointer;}
#topmenu span.history{background-position:-190px 24px; cursor:pointer;}
#topmenu span.history:hover{background-position:-190px -47px; cursor:pointer;}
.friend{
    height:45px;
    border-bottom:1px solid #e7ebee;
    position:relative;
}
.friend:hover{
    background:#f1f4f6;
    cursor:pointer;
    color: black;
}
.friend img{
    width:23px;
    border-radius:50%;
    margin:10px;
    float:left;
}
.floatingImg{
    width:40px;
    border-radius:50%;
    position:absolute;
    top:0;
    left:12px;
    border:3px solid #fff;
}
.friend p{
    padding:0 0 0 0;
    float:left;
    width:290px;
}
.friend p strong{
    font-weight:600;
    font-size:15px;
    color:#597a96;

}
.friend p span{
    font-size:13px;
    font-weight:400;
    color:#aab8c2;
}
.topmenu-text{
    font-size: 12px;
    text-align: center;
}

.friend .status{
    background:#26c281;
    border-radius:50%;
    width:9px;
    height:9px;
    position:absolute;
    top:20px;
    right:17px;
}
.friend-email{
    font-size: 10px;
    margin-left: 10px;
}
.friend .status.away{background:#ffce54;}
.friend .status.inactive{background:#eaeef0;}
.search{
    background:#e3e9ed url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/search.png") -11px 0 no-repeat;
    height:60px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
#searchfield{
    background:#e3e9ed;
    margin:21px 0 0 55px;
    border:none;
    padding:0;
    font-size:14px;
    font-weight:400;
    color:#8198ac;
}
#searchfield:focus{
    outline: 0;
}
#chatview{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:none;
    background:#fff;
}
#profile{
    height:35px;
    overflow:hidden;
    text-align:center;
    color:#fff;
}
.p1 #profile{
}
.p1A #profile{
    background: none !important;
}
#profile .avatar{
    width:68px;
    border:3px solid #fff;
    margin:23px 0 0;
    border-radius:50%;
}
#profile  p{
    font-weight:600;
    font-size:15px;
    margin:118px 0 -1px;
    opacity:0;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
#profile  p.animate{
    margin-top:97px;
    opacity:1;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
#profile  span{
    font-weight:400;
    font-size:12px;
}
#chat-messages{
    opacity:0;
    margin-top:30px;
    width:100%;
    height:270px;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
#chat-messages.animate{
    opacity:1;
    margin-top:0;
}
#chat-messages label{
    color:#aab8c2;
    font-weight:600;
    font-size:12px;
    text-align:center;
    margin:15px 0;
    width:290px;
    display:block;
}
#chat-messages div.message{
    padding:0 0 30px 58px;
    clear:both;
    margin-bottom:45px;
}
#chat-messages div.message.right{
    padding: 0 58px 30px 0;
    margin-right: -19px;
    margin-left: 19px;
}
#chat-messages .message img{
    float: left;
    margin-left: -38px;
    border-radius: 50%;
    width: 30px;
    margin-top: 12px;
}
#chat-messages div.message.right img{
    float: right;
    margin-left: 0;
    margin-right: -38px;
}
.message .bubble{
    background:#f0f4f7;
    font-size:12px;
    font-weight:600;
    padding:8px 10px;
    border-radius: 10px 10px 10px 0;
    color:#131721;
    position:relative;
    float:left;
}
#chat-messages div.message.right .bubble{
    float:right;
    border-radius:10px 10px 0 10px;
}
.bubble .corner{
    background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
    position:absolute;
    width:7px;
    height:7px;
    left:-5px;
    bottom:0;
}
div.message.right .corner{
    background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
    left:auto;
    right:-5px;
}
.bubble span{
    color: #aab8c2;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: -22px;
}
.btn-login{
    color: #fff;
    background-color: #f26d07;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    padding: 10px 14px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    width: 100%;
}
.login-input{
    height: 15px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 2px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dfdfdf;
    margin-left: 25px;
    margin-bottom: 10px;
    width: 70%;
}
.topmenutext{
    padding: 10px 19px 19px 19px;
    color:white;
    font-size:12px;
    text-align: center;
}
#loginbottom{
    height:50px;
    border-top:1px solid #e7ebee;
    position:absolute;
    bottom:17px;
    right:35px;
    width:264px;
    background:#fff;
    padding-bottom:50px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#sendmessage{
    height:35px;
    border-top:1px solid #e7ebee;
    position:absolute;
    bottom:17px;
    right:35px;
    width:264px;
    background:#fff;
    padding-bottom:50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#sendmessage input{
    border:none;
}
#sendmessage input{
    background:#fff;
    border:none;
    padding:9px 9px 9px 20px;
    font-size:12px;
    font-weight: 400;
    color:black;
    width: 85%;
}
#sendmessage input:focus{
    outline: 0;
}
#sendmessage button{
    background:#fff url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/send.png") 0 -41px no-repeat;
    width:30px;
    height:30px;
    position:absolute;
    right: 15px;
    top: 8px;
    border:none;
}
#sendmessage button:hover{
    cursor:pointer;
    background-position: 0 0 ;
}
#sendmessage button:focus{
    outline: 0;
}

#close{
    position:absolute;
    top: 9px;
    opacity:0.8;
    left: 10px;
    width:20px;
    height:20px;
    cursor:pointer;
}
.close-chat-c{
    position:absolute;
    top: 9px;
    opacity:0.8;
    right: 10px;
    width:20px;
    height:20px;
    cursor:pointer;
}
.close-chat-a{
    position:absolute;
    top: 6px;
    opacity:0.8;
    right: 3px;
    width:20px;
    height:20px;
    cursor:pointer;
    color:white;
}
.close-chat-a:hover{
    opacity: 1;
}
.close-chat-p{
    position:absolute;
    top: 3px;
    opacity:0.8;
    right: 3px;
    width:20px;
    height:20px;
    cursor:pointer;
    color:white;
}
.close-chat-p:hover{
    opacity: 1;
}
#closea{
    position:absolute;
    top: 8px;
    opacity:0.8;
    left: 10px;
    width:20px;
    height:20px;
    cursor:pointer;
}
#close:hover{
    opacity:1;
}
.cx, .cy{
    background:#fff;
    position:absolute;
    width:0;
    top:15px;
    right:15px;
    height:3px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.cx.s1, .cy.s1{
    right:0;
    width:20px;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.cy.s2{
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.cy.s3{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.cx.s1{
    right:0;
    width:20px;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.cx.s2{
    -ms-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.cx.s3{
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
#chatview, #sendmessage {
    overflow:hidden;
}

.btn {
    display: inline-block;
    padding: 10px 14px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}
.form-group {
    margin-bottom: 15px;
}
.modal-body {
    position: relative;
    padding: 0 14px 14px 14px;
}
.btn {
    border-radius: 2px;
    text-decoration: none;
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 12px 18px;
    font-size: 14px;
    line-height: 15px;
    border-radius: 6px;
}

.form-control {
    display: block;
    width: 79%;
    height: 15px;
    padding: 10px 0 14px;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    -webkit-appearance: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.chatboxAgency{
    background-color:rgba(0,0,0,0.4) !important;
}
.sendmessageAgency{
    background-color:rgba(0,0,0,0.4) !important;
    color: white !important;
}
.sendmessagetextAgency{
    background-color:rgba(0,0,0,0) !important;
    color: white !important;
}
.chatviewAgency{
    background: none !important;
}
.remote-user-name{
    color:white;
    left: 0;
    width: 200px;
}
.remote-user-name:hover{
    text-decoration: underline;
    cursor: pointer;
}
.remote-user-image:hover{
    cursor: pointer;
    border-color: #f26d07;
    border-width: 1px;
    border-style: solid;
}
.profileAgency{
    background: none !important;
}
.profile-name{
    margin-top: 9px;
    font-size: 14px;
}
.profile-name-text{
    text-align: center;
}
.all-text{
    text-align: center;
}
.list-items{
    position:absolute;
    top: 9px;
    opacity:0.8;
    left: 10px;
    width:20px;
    height:20px;
    cursor:pointer;
}
.list-itemsu{
    position:absolute;
    top: 9px;
    opacity:0.8;
    left: 10px;
    width:20px;
    height:20px;
    cursor:pointer;
}
.list-items:hover{
    opacity:1;
}
#back-g{
    color:white;
    text-align: center;
}
.wrong-pass{
    color: red;
    font-size: 14px;
    text-align: center;
}
.chat-open{
    position: absolute;
    bottom: 46px;
    right: 72px;
    width: 25px;
    height: 25px;
    z-index: 100;
}
.chat-open-image:hover{
    opacity: 1;
}
#endOpenHouse {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 20px;
    left: 32px;
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    z-index:2;
}
#endOpenHouse:hover{
    background-color: rgba(0, 0, 0, 0.8);
}

/* The switch - the box around the slider */
.switch {
    opacity: 0.8;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 20px;
    padding: 1px;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #f26d07;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-label:before {
    content: "\f0a6";
    font-family: FontAwesome;
    right: 11px;
    color: white;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: "\f06e";
    font-family: FontAwesome;
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #f26d07;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 3px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f26d07;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
    left: 38px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
    background: #7171FF;
}
.switch-input::before { content: 'hei'; }

.bmd-btn-fab-sm {
    border:0;
}
#modal_call_end .modal-content {
    box-shadow: none;
}
.bottom-arrow:after {
    content: '';
    position: absolute;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 1em solid #fff;
    border-left: 0.75em solid transparent;
    border-right: 0.75em solid transparent;
    top: 6.75em;
    left:1em;
}
#popupToCall {
    background-color:#fff;
    width: 20em;
    height: 7em;
    -webkit-border-radius: 4em !important;
    -moz-border-radius: 4em !important;
    border-radius: 4em !important;
    display: inline-block;
    position: absolute;
    bottom: 2em;
    transform: translate(-50%, -50%);
    z-index: 9999;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
#callLater {
    color: #f26d07;
    text-decoration: underline;
    display: inline-block;
    float: none;
    margin: 0;
    position: absolute;
    top: 8em;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14em;
    font-size: 0.7em;
}
.agency-circle-popup .holapisos {
    background-color: #2881b9;
    border: 3px solid #2881b9;
}
.agency-call-popup-text {
    display: inline-block;
    width: 12em;
    color: #11132C;
    float: none;
    margin: 0;
    position: absolute;
    top: 4em;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 8.5em;
    bottom: 0;
    font-size: 0.9em;
}

.toggleShow {
    position: absolute;
    right: 0.85em;
    top: 0.35em;
    font-size: 10px;
}
.tour-title-widget {
    position: absolute;
    top:0;
    left:0;
    width: 88%;
}
.tour-rendering-widget {
    top:15px;
    position: absolute;
    right: 15px;
    padding: 1em;
    line-height: 1em;
    z-index:9;
    border-radius: 5px;
    color:#030E63;
    background-color: #C8E1FD;
    font-size:13px;
    width: 94%;
    transition: all 0.5s ease-out 0s;
}
.description-showed {
    margin-top: 3em !important;
}
.tour-rendering-message-title {
    font-weight: bold;
    display: block;
    font-size:14px;
}
.tour-rendering-message-text {
    line-height: 18px;
}

#listFloorplanContainer {
    display: flex;
    max-height: 18vh;
    overflow: auto;
    scrollbar-width: none;
}
/* MEDIA QUERIES */
/* Small iFrame */
@media only screen and (max-width: 767px) and (max-height: 450px) {
    #floorMap {
        width: 100% !important;
        height: 100% !important;
        bottom: 0 !important;
        left: 0 !important;
        background: rgba(0,0,0,0.6) !important;
    }
    .floorPlan2d:hover{
        -webkit-transform: none !important;
        transform: none !important;
    }
    #floorPlan {
        opacity: 1 !important;
        display: grid !important;
        grid-template-rows: 100vh !important;
        grid-template-columns: 100vw !important;
    }
    #floorPlan img {
        justify-self: center !important;
        align-self: center !important;
    }
    #loadingText{
        font-size: 16px !important;
    }
    #loadingProgressbar svg {
        width:8em !important;
    }
    #popupToCall {
        right: -5em !important;
    }
    .bottom-arrow:after {
        left: -12em !important;
    }

}

/* SMARTPHONES (PORTRAIT) */
@media only screen and (max-width : 320px) and (orientation : portrait) {
    .call-button {
        right: 7.75em !important;
    }
    #content-scenesmenu li{
        min-width: 15%;
    }
    #listFloorplanContainer {
        flex-direction: inherit;
    }
    .floormaps-arrow {
        transform: rotate(-90deg);
    }
    #floorItems {
        border: 1px solid #c2c2c2;
    }
    .tour-title-widget {
        top: 0;
        left: 0;
        width: 86.5%;
    }
}
/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .slider-scene-title {
        display:none;
    }
    #showmenu .fa {
        font-size: 2.5em !important;
    }
    #hidemenu .fa {
        font-size: 2.5em !important;
    }
    #hidemenu {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    #floorMap {
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0 !important;
        background: rgba(0,0,0,0.6);
    }
    .terms-content {
        overflow-y:scroll;
        overflow-x:hidden;

        height: 320px;
    }
    .title-terms {
        text-align:center;
        margin-bottom: 50px;
        margin-top: 40px;
    }
    .fixed-size.lg-outer .lg-toolbar .lg-icon {
        color: #fff;
    }
    #floorItems {
        bottom: 10px;
        left: 10px;
    }
    #floorfy_logo{
        display:none;
    }
    #toggleTitleButton{
        width:15px;
        top: 15px;
        left: 15px;
        height: 54px;
    }
    #toggleTitleLabel{
        width: 24.15em;
        left: 32px;
        top: 15px;
        padding: 8px;
    }
    #toggleTitleTitle{
        width:95%;
    }
    #toggleDescriptionLabel{
        width: 24.15em;
    }
    #poweredByFloorfy{
        display: block;
    }
    .social-icons-container {
        bottom: 4.7em;
        right: 28.3%;
        width: 2.8em;
    }
    #floorPlan {
        opacity: 1;
    }
    #floorItems {
        bottom: 12px;
        border-radius: 30px;
        padding: 2px;
        left: 0;
        right: 0;
        margin: 0.2em 1em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border: 1px solid #fff;
        justify-content: center;
    }
    #zoomItems {
        right: 113px;
        position: fixed;
        bottom: 62px;
    }
    .floor-dot {
        height: 32px;
        width: 32px;
        font-size: 15px;
        margin: 5px;
    }
    #popupToCall {
        right: -8em;
    }
    .bottom-arrow:after {
        left: 6.25em;
    }
    .col-mobile {
        padding-left:0 !important;
    }
    #listFloorplanContainer {
        flex-direction: inherit;
    }
    .floormaps-arrow {
        transform: rotate(-90deg);
    }
}


/* iphone 3 */
/*
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) !*and (-webkit-device-pixel-ratio: 1)*! {
*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
    #loadingText{

    }
    #loadingProgressbar svg {
        width: 9em;
    }
    #popupToCall {
        right: -3.5em;
    }
    .bottom-arrow:after {
        left: -12em;
    }
    .snackbar-container {
        padding-top: 1.75em !important;
        padding-bottom: 1.75em !important;
    }
    #viewerBottomBar.col-auto{
        padding: 0 0.5em !important;
    }
    .col-mobile {
        padding-left:0 !important;
    }
    #inviteUserLivetour .modal-dialog {
        top: initial !important;
        transform: inherit !important;
    }
    #listFloorplanContainer {
        flex-direction: inherit;
    }
    .floormaps-arrow {
        transform: rotate(-90deg);
    }
}

/* iPhone 4 (landscape) */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) /*and (-webkit-min-device-pixel-ratio : 2)*/ {
    #loadingProgressbar svg {
        width:8em;
    }
}
/* iPhone 4 (portrait) */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) /*and (-webkit-min-device-pixel-ratio : 2)*/ {
    #loadingProgressbar svg {
        width: 9em;
    }
    .snackbar-container {
        padding-top: 1.75em !important;
        padding-bottom: 1.75em !important;
    }
    #viewerBottomBar.col-auto{
        padding: 0 0.5em !important;
    }
    .col-mobile {
        padding-left:0 !important;
    }
}

/* IPHONE 5 (landscape) */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape) {
    #floorMap {
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
    }
    #loadingText{
        font-size: 16px;
    }
    #loadingProgressbar svg {
        width:8em;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: -12em;
    }
}

/* IPHONE 5 (portrait) */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)  {*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : portrait) {
    #loadingProgressbar svg {
        width: 9em;
    }
    #property_overlay_title {
        font-size: 22px;
    }
    .bottom-arrow:after {
        left: -12em;
    }
    .snackbar-container {
        padding-top: 1.75em !important;
        padding-bottom: 1.75em !important;
    }
    #viewerBottomBar.col-auto{
        padding: 0 0.5em !important;
    }
    .col-mobile {
        padding-left:0 !important;
    }
}


/* Samsung Galaxy S3 (portrait) ----------- */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) !*and (-webkit-device-pixel-ratio: 2)*!{

}
*/
@media (min-width: 320px) and (max-height: 640px) and (orientation : portrait) /*and (-webkit-device-pixel-ratio: 2)*/{
    #popupToCall {
        display:none !important;
    }
    .col-mobile {
        padding-left:0 !important;
    }
}

/* SAMSUNG GALAXY S4,S5 (landscape) */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape)!* and (-webkit-device-pixel-ratio: 3)*!{
*/
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : landscape)/* and (-webkit-device-pixel-ratio: 3)*/{
    #floorMap {
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
    }
    #loadingText{
        font-size: 16px;
    }
    #loadingProgressbar svg {
        width:8em;
    }
    #popupToCall {
        right: -3.5em;
    }

}

/* SAMSUNG GALAXY S4,S5 (portrait) */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) !*and (-webkit-device-pixel-ratio: 3)*!{
*/
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : portrait) /*and (-webkit-device-pixel-ratio: 3)*/{
    #loadingProgressbar svg {
        width: 9em;
    }
    #popupToCall {
        right: -3.5em;
    }
    .bottom-arrow:after {
        left: -10em;
    }
    .bottom-arrow .threeDtour:after {
        left: 4em;
    }
    .call-button {
        left: 4em;
    }
    .snackbar-container {
        padding-top: 1.75em !important;
        padding-bottom: 1.75em !important;
    }
    #viewerBottomBar.col-auto{
        padding: 0 0.5em !important;
    }
    .col-mobile {
        padding-left:0 !important;
    }
}


/* IPHONE 6 (landscape) */
@media only screen
and (max-width: 667px)
and (orientation : landscape)
and (width : 667px)
and (height : 375px) {
    #floorMap {
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
    }
    #loadingText{
        font-size: 16px;
    }
    #loadingProgressbar svg {
        width:9em;
    }
    #property_overlay_title {
        font-size: 24px;
    }
    #content-scenesmenu li{
        min-width: fit-content;
    }
}

/* IPHONE 6 (portrait) */
@media only screen
and (min-width : 375px)
and (max-width: 667px)
and (orientation : portrait) {
    #property_overlay_title {
        font-size: 24px;
    }
    #loadingProgressbar svg {
        width: 9em;
    }
    #floorfy_logo {
        display:none;
    }
    #popupToCall {
        right: -2.75em;
    }
    .bottom-arrow:after {
        left: -12em;
    }
    .snackbar-container {
        padding-top: 1.75em !important;
        padding-bottom: 1.75em !important;
    }
    #viewerBottomBar.col-auto{
        padding: 0 0.5em !important;
    }
    .col-mobile {
        padding-left:0 !important;
    }
}

/* IPHONE 6+ (landscape) */
/*
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) !*and (-webkit-device-pixel-ratio: 3)*!{
*/
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation : landscape) /*and (-webkit-device-pixel-ratio: 3)*/{
    #floorMap {
        width: 256px;
        height: 100%;
        bottom: 75px;
        left: 1em;
    }
    #loadingText{
        font-size: 16px;
    }
    #loadingProgressbar svg {
        width:9em;
    }
    #presentedByContent {
        bottom: 8em;
        width: 100%;
        padding: 10px;
    }
}
/* iPhone XR (landscape) */
/* 1792x828px at 326ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 2)
and (orientation : landscape) { }

/* iPhone XR (portrait) */
/* 1792x828px at 326ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 2)
and (orientation : portrait) {
    #popupToCall {
        right: -2.75em;
    }
}

/* iPhone XS (landscape) */
/* 2436x1125px at 458ppi */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { }

/* iPhone XS (portrait) */
/* 2436x1125px at 458ppi */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { }

/* iPhone XS Max (landscape) */
/* 2688x1242px at 458ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { }

/* iPhone XS Max (portrait) */
/* 2688x1242px at 458ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { }

/* IPHONE 6+, 6s+, 7+, 8+ (portrait) */
@media only screen
    /*and (min-device-width : 414px)
    and (max-device-width : 736px)*/
and (min-width : 414px)
and (max-width : 736px)
    /*and (device-width : 414px)
    and (device-height : 736px)*/
and (orientation : portrait)
    /*and (-webkit-device-pixel-ratio : 3) */{
    #property_overlay_title {
        font-size: 22px;
    }
    #loadingText {
    }
    #loadingProgressbar svg {
        width: 9em;
    }
    #presentedByContent {
        bottom: 8em;
        width: 100%;
        padding: 10px;
    }
    #popupToCall {
        right: 0;
    }
}

/* iPhone X (landscape) ----------- */
/*
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
*/
@media only screen and (max-width: 812px) and (orientation : landscape) /*and (-webkit-device-pixel-ratio: 3)*/{
    #loadingProgressbar svg {
        width:8em;
    }
    #loadingText{
        font-size: 16px;
    }
}
/* iPhone X (portrait) ----------- */
/*
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
*/
@media only screen
and (min-width : 375px)
and (max-width: 812px)
and (orientation : portrait)
    /*and (-webkit-device-pixel-ratio : 3)*/ {
    /*
    @media only screen and (min-width: 375px) and (max-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    */
    #loadingText {
    }
    #property_overlay_title {
        font-size: 22px;
    }
    #loadingProgressbar svg {
        width:9em;
    }
    #floorfy_logo {
        display:none;
    }
    .tour-title-widget {
        top: 0;
        left: 0;
        width: 88.5%;
    }
    .tour-rendering-widget {
        top: 6em;
        left: 15px;
        width: 92.5%;
    }
    .show-more-text ,
    .show-less-text {
        display: none;
    }
    #toggleTitleButton{
        top: 15px;
        left: 15px;
    }
    #toggleTitleLabel {
        top: 15px;
        left: 32px;
        width:100%;
    }
    .tour-rendering-widget {
        width: 93%;
    }
    #toggleDescriptionLabel {
        width:100%;
    }
    #popupToCall {
        right: -2.75em;
    }
    .toggleShow {
        font-size: 12px;
        position: absolute;
        right: 0.75em;
        top: 0.5em;
    }
    .col-mobile {
        padding-left:0 !important;
    }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    .social-icons-container {
        bottom: 5em;
        right: 28.7%;
        width: 2.7em;
    }
    #floorMap {
        width:256px;
        height:228px;
        bottom: 75px;
        left: 4em;
    }
    .floorPlan2d:hover{
        -webkit-transform: translate(65px, -57px) scale(1.5,1.5);
        transform: translate(65px, -57px) scale(1.5,1.5);
        transform-origin: 50% 50% 0;
    }
    #floorPlan {
        opacity: 0.6;
    }
    #floorItems {
        bottom: 6em;
        left: 1em;
    }
    .floor-dot {
        height: 23px;
        width: 23px;
        font-size: 11px;
        margin: 3px;
    }
    .terms-content {
        overflow-y:scroll;
        overflow-x:hidden;

        height: 320px;
    }
    .title-terms {
        text-align:center;
        margin-bottom: 50px;
        margin-top: 40px;
    }
    .fixed-size.lg-outer .lg-toolbar .lg-icon {
        color: #212529;
    }
    #floorfy_logo{
        display:block;
    }
    #toggleTitleButton{
        width: 15px;
        top: 15px;
        left: 15px;
        height: 54px;
    }
    #toggleTitleLabel{
        width: 330px;
        left: 32px;
        top: 15px;
        height: 54px;
    }
    #toggleTitleTitle{
        width:320px;
    }
    #toggleDescriptionLabel{
        width: 330px;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
    .floormaps-arrow {
        transform: rotate(-90deg);
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .social-icons-container {
        bottom: 5em;
        right: 8em;
        width: 2.75em;
        border-radius: 3em;
    }
    #floorMap {
        width:256px;
        height:228px;
        bottom: 75px;
        left: 1em;
    }
    .floorPlan2d:hover{
        -webkit-transform: translate(65px, -57px) scale(1.5,1.5);
        transform: translate(65px, -57px) scale(1.5,1.5);
        transform-origin: 50% 50% 0;
    }
    #floorPlan {
        opacity: 0.6;
    }
    .floor-dot {
        height: 23px;
        width: 23px;
        font-size: 11px;
        margin: .25rem !important;
    }
    #loadingText{
    }
    #loadingProgressbar svg {
        width: 9em;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #toggleTitleTitle {
        width: 80%;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}

/* IPAD 1,2,3 (landscape) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape)  {
    #floorMap {
        width:256px;
        height: 100%;
        bottom: 0;
        left: 0;
    }
    #loadingProgressbar svg {
       width:9em;
    }
    #property_overlay_title {
        font-size: 30px;
    }
    #floorMap {
        width:256px;
        height: 100%;
        bottom: 75px;
        left: 4em;
    }
    .terms-content {
        overflow-y:scroll;
        overflow-x:hidden;

        height: 460px;
    }
    .title-terms {
        text-align:center;
        margin-bottom: 50px;
        margin-top: 40px;
    }
    .fixed-size.lg-outer .lg-toolbar .lg-icon {
        color: #212529;
    }
    .terms-content {
        overflow-y:scroll;
        overflow-x:hidden;
        height: 460px;
    }
    .title-terms {
        text-align:center;
        margin-bottom: 50px;
        margin-top: 40px;
    }
    .fixed-size.lg-outer .lg-toolbar .lg-icon {
        color: #212529;
    }
    .bottom-arrow:after {
        left: 5.25em;
    }
    #toggleTitleTitle {
        width: 80%;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}

/* IPAD 1,2,3 (portrait) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) /*and (-webkit-min-device-pixel-ratio : 2)*/ {
    #loadingProgressbar svg {
       width:9em;
    }
    #property_overlay_title {
        font-size: 30px;
    }
    #loadingProgressbar svg {
       width:9em;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #toggleTitleTitle {
        width: 80%;
    }
    #content-scenesmenu li{
        min-width: fit-content;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}

@media (max-width: 800px) {
    #modal_info_images {
        width: 50% !important;
        height: auto;
    }
    #modal_info_images img{
        width: 100% !important;
        height: auto !important;
    }
    #toggleTitleTitle {
        width: 80%;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .social-icons-container {
        bottom: 5em;
        right: 8em;
        width: 2.75em;
        border-radius: 3em;
    }
    #floorMap {
        width:256px;
        height:228px;
        bottom: 75px;
        left: 4em;
        background:none !important;
    }
    #floorPlan {
        opacity: 0.6;
    }
    .floor-dot {
        height: 23px;
        width: 23px;
        font-size:11px;
        margin: 3px;
    }
    .floorPlan2d:hover{
        -webkit-transform: translate(65px, -57px) scale(1.5,1.5);
        transform: translate(65px, -57px) scale(1.5,1.5);
        transform-origin: 50% 50% 0;
    }
    #popupToCall {
        right: -5em;
        left: auto;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #toggleTitleTitle {
        width: 80%;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .terms-content {
        overflow-y:scroll;
        height: 460px;
        overflow-x:hidden;
    }
    .title-terms {
        text-align:center;
        margin-bottom: 50px;
        margin-top: 40px;
    }
    .fixed-size.lg-outer .lg-toolbar .lg-icon {
        color: #212529;
    }
    .social-icons-container {
        bottom: 4.9em;
        right: 105px;
        width:2.7em;
    }
    #floorMap {
        width:256px;
        height:228px;
        bottom: 6.15em !important;
        left: 4em;
    }
    #floorPlan {
        opacity: 0.6;
    }
    #floorMap {
        background:none !important;
    }
    .floorPlan2d:hover #floorPlan{
        opacity:1;
    }
    .floorPlan2d:hover {
        -webkit-transform: translate(65px, -57px) scale(1.5,1.5);
        transform: translate(65px, -57px) scale(1.5,1.5);
        transform-origin: 50% 50% 0;
    }
    .floorPlan2d:hover #floorItems{
        -webkit-transform:  translate(0, 0) scale(1,1) !important;
        transform: translate(0, 0) scale(1,1) !important;
        transform-origin: 50% 50% 0;
    }
    .floor-dot {
        height: 23px;
        width: 23px;
        font-size:11px;
        margin: 3px;
    }
    #property_overlay_title {
        font-size: 30px;
    }
    #loadingProgressbar svg {
       width:9em;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #toggleTitleTitle {
        width: 80%;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}

/* DESKTOPS AND LAPTOPS */
@media only screen and (min-width : 1224px) {
    #property_overlay_title{
        font-size: 38px;
    }
    #loadingProgressbar svg {
       width:9em;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #toggleTitleTitle {
        width: 80%;
    }
    #content-scenesmenu li{
        min-width: auto;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
    .terms-content {
        overflow-y:scroll;
        overflow-x:hidden;
        height: 34em;
    }
    .title-terms {
        text-align:center;
        margin-bottom: 50px;
        margin-top: 40px;
        font-weight: bold;
    }
    .fixed-size.lg-outer .lg-toolbar .lg-icon {
        color: #212529;
    }
    #property_overlay_title{
        font-size: 38px;
    }
    #loadingProgressbar svg {
       width:9em;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #content-scenesmenu li{
        min-width: auto;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}
/* LARGE SCREENS */
@media only screen and (min-width : 1824px) {
    #property_overlay_title{
        font-size: 40px;
    }
    #popupToCall {
        right: -5em;
    }
    .bottom-arrow:after {
        left: 5em;
    }
    #content-scenesmenu li{
        min-width: auto;
    }
    #listFloorplanContainer {
        flex-direction: column-reverse;
    }
}
#loadingProgressbar svg {
    width:8em;
}
.viewer-presented-logo {
    margin: -3px 2px -1px 2px;
    width: 5em;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
}
.fotocasa-presented-logo {
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
    margin:-4px 2px -1px 2px;
}
.watermark-logo {
    position: absolute;
    top:0;
    margin: 24px;
    left:0;
}
.watermark-logo{
    filter: invert(1);
    pointer-events: none;
}
@media (max-width: 576px) {
    .watermark-logo {
        position: absolute;
        right:0;
        margin-left:auto;
        margin-right:auto;
    }
}
.snackbar-container {
    justify-content: center !important;
}
.image-description-circle {
    min-width: 3em;
    height: 3em;
    background: #fff;
    display: flex;
    border-radius: 100%;
    padding: 2px;
    align-items: center;
    justify-content: center;
}
.fotocasa-description-logo-img {
    border-radius: 2px !important;
    max-height: 3em;
    min-width: 3em;
    padding: 4px;
    object-fit: contain;
}
.floorfy-viewer-logo {
    border-radius: 0 !important;
    height: 100%;
}
#viewerBottomBar {
    width: 100%;
    position: absolute;
    bottom: 2em;
    padding: 0 1em;
    z-index:9;
}
.viewer_group_btn {
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0.34em 1.25em;
}
.viewer-current-scene img {
    border:2px solid #fff;
}
.bmd-btn-fab {
    border:0 !important;
}
#viewerBottomBar {
    pointer-events:none;
}
.viewer-btn {
    pointer-events: all;
}
.bmd-btn-fab {
    margin:0 !important;
}
#inviteUserLivetour {
    z-index:9990;
}
#inviteUserLivetour .modal-content {
    border-radius: 0.5em;
}
#inviteUserLivetour .modal-dialog {
    border-radius: 1em;
}
#inviteUserLivetour .bmd-form-group {
    margin-bottom: 0.5em;
}
#inviteUserLivetour .bmd-form-group input::placeholder {
    line-height: 2;
}
#inviteUserLivetour .bmd-form-group .bmd-label-floating,#inviteUserLivetour  .bmd-form-group .bmd-label-placeholder  {
    top: 3.1875rem;
}
#inviteUserLivetour .bmd-form-group .bmd-label-static {
    left: 1em;
}
#inviteUserLivetour .bmd-form-group .bmd-label-static {
    top: 1.5em;
}
#inviteUserLivetour .form-control {
    border-radius: 0.5em !important;
    background: #fff !important;
    -webkit-box-shadow: 0 12px 48px 0 rgba(84,93,120,.2) !important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
    box-shadow: 0 12px 48px 0 rgba(84,93,120,.2) !important;
    border: 0 !important;
    line-height: 2 !important;
    padding: 0 1em; !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height:auto;
}
#inviteUserLivetour input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #fbb34b;
    outline: 0;
    outline-color: initial;
    outline-style: initial;
    outline-width: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 179, 75, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(251, 179, 75, 0.25) !important;
}
#inviteUserLivetour .btn  {
    padding: 5px 10px;
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius: 0.5em;
    text-transform: capitalize;
    height: 34px;
    font-size: 1em;
    background:#f26d07;
    color:#fff;
    box-shadow: none;
}
#inviteUserLivetour .control-label {
    font-size: 0.75em !important;
}
#inviteUserLivetour {
    text-align: center;
}
#inviteUserLivetour .modal-dialog  {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
#inviteUserLivetour {
    background: none;
    color:#1D2349;
}
#inviteUserLivetour .modal-content {
    padding: 1em;
}
#inviteUserLivetour .modal-body,
#inviteUserLivetour .modal-header {
    padding: 0;
}
#inviteUserLivetour .modal-title {
    font-size: 1.5em;
    font-weight: bold;
}
#inviteUserLivetour ::placeholder  {
    font-size: 1em;
}
#inviteUserLivetour .close {
    font-size: 2em;
    font-weight:normal;
}
#inviteUserLivetour .modal-content {
    background:#f7f7f7;
}
#inviteUserLivetour .modal-footer {
    border-top:1px solid #DFE3E7;
}
@media (min-width:320px) {
    #inviteUserLivetour .modal-dialog {
        -webkit-transform: none;
        -o-transform: none;
        top:initial
    }
}
@media (min-width: 576px) {
    #inviteUserLivetour .modal-dialog {
        -webkit-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        top: 50%;
        margin: 0 auto;
    }
}
@media (min-width: 736px) {
    #inviteUserLivetour .modal-dialog {
        width: 30em;
    }
    #inviteUserLivetour .modal-content {
        border-radius:0;
    }
}
@media (max-width: 736px) {
    #inviteUserLivetour .modal-dialog {
        margin: 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    #inviteUserLivetour:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

/* IPAD 1,2,3 (landscape) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape)  {
    #inviteUserLivetour:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
/* IPAD 1,2,3 (portrait) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) /*and (-webkit-min-device-pixel-ratio : 2)*/ {
    #inviteUserLivetour:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
#inviteUserLivetour .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}
.snackbar-title {
    font-weight: 600;
    font-size: 16px;
}
.snackbar-container {
    font-family: 'Red Hat Display', sans-serif;
    background: rgba(0, 0, 0, 0.6) !important;
    justify-content: center;
    pointer-events: none;
    border-radius: 10px;
}
.success-snackbar {
    background: #D4EDDA !important;
    color:#155724 !important;
    border-radius: 5px;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.25));
    justify-content: center;
    pointer-events: none;
}
.copy-share-link-snackbar {
    bottom:16em !important;
}
#showButtons .hamburger {
    padding: 0;
    transform: scale(0.45,0.45);
    outline: none;
    opacity:1;
}
#hamburgerGroupBtn .hamburger-inner,
#hamburgerGroupBtn .hamburger-inner::before,
#hamburgerGroupBtn .hamburger-inner::after{
    background-color:#fff;
}
#inviteUserLivetour .modal-content {
    padding-top: 0.5em !important;
}
#hamburgerGroupBtn {
    padding-left: 0.3em;
    padding-right: 0.3em;
}
.general-container{
    flex: 1;
}
#videoCallGroupBtn ,
#generalGroupBtn {
    padding: 0.34em 1.25em;
}
#dollHouseLevels {
    min-width: 84% !important;
    position: absolute !important;
    width: 84% !important;
    top: initial !important;
    left: 0 !important;
    bottom: 55px;
    border-radius: 10px;
    box-shadow: none;
}
#dollHouseLevels:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 53%;
    margin-left: -13px;
    width: 0;
    height: 0;
    border-top: solid 8px rgba(0,0,0,0.5);
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
.lSPrev,
.lSNext {
    pointer-events: all;
}
#dollHouseLevels .dropdown-item {
    pointer-events: all !important;
    justify-content: center;
    min-width: 100%;
    color: #fff !important;
}
.lSAction>a {
    top: 42% !important;
}
.center-thumbs .lslide {
    margin: 0 auto;
}
#inviteUserLivetour .modal-content {
    border-radius: 0.5em;
}
.share-buttons img {
    cursor:pointer;
}
#inviteUserLivetour .copy-col {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#inviteUserLivetour .modal-footer {
    padding-top: .25rem !important;
}
#inviteUserLivetour .modal-content {
    padding-bottom: 0;
}
/*************************** OH CONTACT ****************************/
#ohContact ,
#ohRequestContact {
    background: rgba(0,0,0,0.5);
    color:#1D2349;
    text-align: center;
}
#ohContact .modal-content,
#ohRequestContact .modal-content{
    border-radius: 12px !important;
}
#ohContact:before ,
#ohRequestContact:before {
    /*display: inline-block;*/
    vertical-align: middle;
    content: " ";
    height: 100%;
}
#ohContact .modal-dialog  ,
#ohRequestContact .modal-dialog  {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
}
#ohContact .modal-content ,
#ohRequestContact .modal-content {
    padding: 1em 2em;
    height: auto;
    min-height: 100%;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;
    overflow: hidden;
    max-height: calc(100vh - 72px);
    background: #fff;
}
#ohContact .modal-body,
#ohRequestContact .modal-body,
#ohRequestContact .modal-header,
#ohContact .modal-header {
    padding: 0;
}
#ohContact .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}
#ohRequestContact .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}
#ohContact .modal-title ,
#ohRequestContact .modal-title {
    font-size: 1.5em;
    font-weight: bold;
}
#ohContact input ,
#ohRequestContact input {
    width: 100%;
    height: 3em;
    line-height: 2;
    border:0;
    -webkit-border-radius:0;
    border-radius: 0;
}
#ohContact input:focus {
    border-bottom: 1px solid transparent !important;
}
#ohContact .close {
    z-index: 999;
    position: absolute;
    right: 0;
}
#ohContact .bmd-label-floating {
    font-size:1em;
}
#ohContact .form-group,
#ohRequestContact .form-group{
    margin-bottom: 0 !important;
}
#ohContact ,
#ohRequestContact {
    text-align: center;
}
#ohContact .modal-dialog ,
#ohRequestContact .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
#ohContact .modal-subtitle ,
#ohRequestContact .modal-subtitle {
    opacity: 0.75;
}
.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,#f87615 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0);
}
#ohMessage {
    width:100%;
    height: 5em;
    margin: 1em 0;
    line-height: 1.5em;
    resize: none;
    padding: 0.5em 0.75em;
}
#contactUserLiveBtn {
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    background:#f87615;
    border: none;
    color: #fff;
    text-transform: initial;
    border-radius: 2px !important;
}
.accept-terms {
    font-size: 0.65em !important;
    color: #777;
}
.toggle-btn-daytime {
    padding: 0.25em 0.5em !important;
    border: 1px solid #1D2349;
}

.floorfy-btn-secondary.custom-file-control:before, .btn.floorfy-btn-secondary {
     color: #1D2349;
     background-color: transparent;
     border-color: #ccc;
     border-top-color: rgb(204, 204, 204);
     border-right-color: rgb(204, 204, 204);
     border-bottom-color: rgb(204, 204, 204);
     border-left-color: rgb(204, 204, 204);
 }
.floorfy-btn-secondary{
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius: 3em;
    background:#1D2349;
    border: none;
    color: #fff;
    text-transform: initial;
    padding:0.5em 1em;
}
.floorfy-btn-secondary.active {
    color: #fff !important;
    background-color: #1D2349 !important;
    border-color: #1D2349 !important;
}
.floorfy-btn-secondary.custom-file-control:before, .btn.floorfy-btn-secondary {
    color: #1D2349;
    background-color: transparent;
    border-color: #ccc;
}
.floorfy-btn-secondary.active.custom-file-control:focus:before, .floorfy-btn-secondary.active.custom-file-control:hover:before, .floorfy-btn-secondary.active.focus.custom-file-control:before, .floorfy-btn-secondary.custom-file-control:active.focus:before, .floorfy-btn-secondary.custom-file-control:active:focus:before, .floorfy-btn-secondary.custom-file-control:active:hover:before, .btn.floorfy-btn-secondary.active.focus, .btn.floorfy-btn-secondary.active:focus, .btn.floorfy-btn-secondary.active:hover, .btn.floorfy-btn-secondary:active.focus, .btn.floorfy-btn-secondary:active:focus, .btn.floorfy-btn-secondary:active:hover, .open > .floorfy-btn-secondary.dropdown-toggle.custom-file-control:focus:before, .open > .floorfy-btn-secondary.dropdown-toggle.custom-file-control:hover:before, .open > .floorfy-btn-secondary.dropdown-toggle.focus.custom-file-control:before, .open > .btn.floorfy-btn-secondary.dropdown-toggle.focus, .open > .btn.floorfy-btn-secondary.dropdown-toggle:focus, .open > .btn.floorfy-btn-secondary.dropdown-toggle:hover {
    color: #fff;
    background:#1D2349 !important;
    border-color: #1D2349 !important;
}
.floorfy-btn-secondary.active.custom-file-control:before, .floorfy-btn-secondary.custom-file-control:active:before, .floorfy-btn-secondary.custom-file-control:focus:before, .floorfy-btn-secondary.custom-file-control:hover:before, .floorfy-btn-secondary.focus.custom-file-control:before, .btn.btn-primary.active, .btn.floorfy-btn-secondary.focus, .btn.floorfy-btn-secondary:active, .btn.floorfy-btn-secondary:focus, .btn.floorfy-btn-secondary:hover, .open > .floorfy-btn-secondary.dropdown-toggle.custom-file-control:before, .open > .btn.floorfy-btn-secondary.dropdown-toggle {
    color: #1D2349;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: hsla(0, 0%, 60%, .2);
}
.description-logo-img {
    -webkit-border-radius:100% !important;
    -moz-border-radius:100% !important;
    border-radius:100% !important;
}
.fotocasa-description-circle {
    max-width: 6em;
    border-radius: 4px;
    padding: 0;
}
.image-description-circle .img-error{
    width: 2em;
}
#propertyDescriptionAddress img {
    filter: invert(1) saturate(0);
    margin-bottom: 3px;
}
.floormaps-arrow {
    display: block;
    cursor: pointer;
}
.floormap-floors-icon {
    max-width: 58%;
}
#floorItems::-webkit-scrollbar ,
#listFloorplanContainer::-webkit-scrollbar {
    display: none !important;
    scrollbar-width: none !important;
}
#floorPlan,
#floorPlan img{
    border-radius: 5px;
}
.unique-floorplan {
    left:1em !important;
}
#modal_call .modal-content {
    box-shadow: none;
    padding:0;
}
#modal_call {
    background: rgba(0,0,0,0.7) !important;
}
#modal_call .modal-body{
    padding:1em;
}
/* SMARTPHONES (PORTRAIT) */
@media only screen and (max-width : 320px) and (orientation : portrait) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        margin: 0.5em 0;
        font-size: 1em;
    }
}
@media (max-width: 736px) {
    .call-animation {
        margin: 1em auto;
    }
    .modal-content {
        border-radius:0;
    }
}
.call-animation {
    background: #1D2349;
    width: 10em;
    height: 10em;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius: 100%;
    border: solid 5px #fff;
    animation: play 2s ease infinite,pulse 2s infinite ;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}
.call-animation-end {
    background: #1D2349;
    width: 10em;
    height: 10em;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius: 100%;
    border: solid 5px #db4437;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}
.call-animation-end img {
    width: 100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius: 100%;
    position: absolute;
    left:0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding:1em;

}
.call-animation img {
    width: 100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius: 100%;
    position: absolute;
    left:0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding:1em;

}
@media only screen and (max-width : 320px) and (orientation : portrait) {
    .call-animation {
        width: 8em;
        height: 8em;
    }

    .call-action {
        margin: 0.5em 0;
        font-size: 1em;
    }
}
/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .call-animation {
        width: 8em;
        height: 8em;
    }

    .call-action {
        margin: 0.5em 0;
        font-size: 1em;
    }
}
/* iphone 3 */
/*
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) !*and (-webkit-device-pixel-ratio: 1)*! {
*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        margin: 0.5em 0;
        font-size: 1em;
    }
    .emoji-icon {
        top: 5px;
    }
}

/* iPhone 4 (landscape) */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) /*and (-webkit-min-device-pixel-ratio : 2)*/ {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    .emoji-icon {
        top: 5px;
    }
}
/* iPhone 4 (portrait) */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) /*and (-webkit-min-device-pixel-ratio : 2)*/ {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        margin: 0.5em 0;
        font-size: 1em;
    }
    .emoji-icon {
        top: 5px;
    }
}

/* IPHONE 5 (landscape) */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    .emoji-icon {
        top: 5px;
    }
}

/* IPHONE 5 (portrait) */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)  {*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : portrait) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        margin: 0.5em 0;
        font-size: 1em;
    }
    .emoji-icon {
        top: 5px;
    }
}

/* Samsung Galaxy S3 (landscape) ----------- */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) !*and (-webkit-device-pixel-ratio: 2)*!{
*/
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : landscape) /*and (-webkit-device-pixel-ratio: 2)*/{
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* Samsung Galaxy S3 (portrait) ----------- */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) !*and (-webkit-device-pixel-ratio: 2)*!{

}
*/
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : portrait) /*and (-webkit-device-pixel-ratio: 2)*/{
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        margin: 0.5em 0;
        font-size: 1em;
    }
}

/* SAMSUNG GALAXY S4,S5 (landscape) */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape)!* and (-webkit-device-pixel-ratio: 3)*!{
*/
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : landscape)/* and (-webkit-device-pixel-ratio: 3)*/{
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* SAMSUNG GALAXY S4,S5 (portrait) */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) !*and (-webkit-device-pixel-ratio: 3)*!{
*/
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : portrait) /*and (-webkit-device-pixel-ratio: 3)*/{
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        margin: 0.5em 0;
        font-size: 1em;
    }
    .live-expired-swal-popup {
        background: var(--blue-gray-900) !important;
    }
}


/* IPHONE 6 (landscape) */
@media only screen
and (max-width: 667px)
and (orientation : landscape)
and (width : 667px)
and (height : 375px) {
    #ohContact .modal-dialog,
    #ohRequestContact .modal-dialog{
        min-width: 100%;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    .emoji-icon {
        top: 5px;
    }
}


/* IPHONE 6 (portrait) */
@media only screen
and (min-width : 375px)
and (max-width: 667px)
and (orientation : portrait) {
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    .emoji-icon {
        top: 5px;
    }
}
/* IPHONE 6+ (landscape) */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation : landscape) /*and (-webkit-device-pixel-ratio: 3)*/{
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    #ohContact .modal-dialog,
    #ohRequestContact .modal-dialog{
        min-width: 100%;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* iPhone XR (landscape) */
/* 1792x828px at 326ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 2)
and (orientation : landscape) {
    #ohContact .modal-dialog,
    #ohRequestContact .modal-dialog{
        min-width: 100%;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* iPhone XR (portrait) */
/* 1792x828px at 326ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 2)
and (orientation : portrait) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* iPhone XS (landscape) */
/* 2436x1125px at 458ppi */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* iPhone XS (portrait) */
/* 2436x1125px at 458ppi */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* iPhone XS Max (landscape) */
/* 2688x1242px at 458ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* iPhone XS Max (portrait) */
/* 2688x1242px at 458ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* IPHONE 6+, 6s+, 7+, 8+ (portrait) */
@media only screen
and (min-width : 414px)
and (max-width : 736px)
and (orientation : portrait) {
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* iPhone X (landscape) ----------- */
/*
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
*/
@media only screen and (max-width: 812px) and (orientation : landscape) /*and (-webkit-device-pixel-ratio: 3)*/{
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}
/* iPhone X (portrait) ----------- */
/*
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
*/
@media only screen
and (min-width : 375px)
and (max-width: 812px)
and (orientation : portrait) {

    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    #ohRequestContact {
        padding: 3em !important;
    }
    #ohContact:before ,
    #ohRequestContact:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    .live-expired-swal-popup .swal2-header {
        margin-top: 1rem !important;
    }
    .live-expired-swal-popup {
        background: #fff !important;
    }

}

/* IPAD 1,2,3 (landscape) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape)  {
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
/*    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }*/
}

/* IPAD 1,2,3 (portrait) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) !*and (-webkit-min-device-pixel-ratio : 2)*! {
*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) /*and (-webkit-min-device-pixel-ratio : 2)*/ {
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    /*.modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }*/
}

@media (max-width: 800px) {
    #ohRequestContact ,
    #ohContact {
        padding: 0 !important;
    }
    #ohContact .modal-dialog,
    #ohRequestContact .modal-dialog{
        margin: 0;
    }
    .call-action{
        margin: 0.5em 0;
        font-size: 1em;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #ohContact ,
    #ohRequestContact {
        padding: 0 !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    .emoji-icon {
        top: 1px;
    }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
    .emoji-icon {
        top: 1px;
    }
}

/* DESKTOPS AND LAPTOPS */
@media only screen and (min-width : 1224px) {
    #ohContact {
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
}

/* LARGE SCREENS */
@media only screen and (min-width : 1824px) {
    #ohContact ,
    #ohRequestContact {
        padding: 3em !important;
    }
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/*************************** OH CONTACT ****************************/
#ohContact ,
#ohRequestContact {
    background: rgba(0,0,0,0.5);
    color:#1D2349;
    text-align: center;
}
#swal2-title {
    color:#1D2349;
    text-align: center;
}
.accept-terms {
    font-size: 0.75em !important;
    color: #777;
}
.checkbox-decorator {
    padding: 1em 10px !important;
}
input[type=checkbox]:checked + .checkbox-decorator .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check {
    color: #F26D07 !important;
    border-color: #F26D07 !important;
}
.checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before {
    color: #F26D07 !important;
}
.message-textarea {
    width: 100% !important;
    height: 5em !important;
    margin: 1em 0 !important;
    line-height: 1.5em !important;
    resize: none !important;
}
input[type=checkbox]:checked + .checkbox-decorator .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check {
    color: #F26D07 !important;
    border-color: #F26D07 !important;
}
.checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before {
    color: #F26D07 !important;
}
.accept-terms {
    font-size: 0.65em !important;
    color: #777;
}
.accept-terms a {
    color: var(--primary) !important;
}
.checkbox-decorator {
    padding: 1em 10px !important;
}
.checkbox-decorator {
    transform: scale(0.75,0.75);
}
.close-phone {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.80587C10.6667 9.80587 9.375 10.0316 8.16667 10.456V13.2551C8.16667 13.6072 7.975 13.9233 7.7 14.0677C6.88333 14.5102 6.14167 15.079 5.48333 15.7381C5.33333 15.9007 5.125 15.991 4.9 15.991C4.66667 15.991 4.45833 15.8916 4.30833 15.7291L2.24167 13.4898C2.09167 13.3363 2 13.1106 2 12.8578C2 12.605 2.09167 12.3792 2.24167 12.2167C4.78333 9.60722 8.21667 8 12 8C15.7833 8 19.2167 9.60722 21.7583 12.2167C21.9083 12.3792 22 12.605 22 12.8578C22 13.1106 21.9083 13.3363 21.7583 13.4989L19.6917 15.7381C19.5417 15.9007 19.3333 16 19.1 16C18.875 16 18.6667 15.9007 18.5167 15.7472C17.8583 15.079 17.1083 14.5192 16.2917 14.0767C16.0167 13.9323 15.825 13.6253 15.825 13.2641V10.465C14.625 10.0316 13.3333 9.80587 12 9.80587Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: cover;
    width: 2em;
    height: 2em;
}
.circle-btn-openhouse {
    pointer-events: all;
    cursor: pointer !important;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.circle-btn-openhouse a {
    color:#fff !important;
    text-decoration: none;
}
.circle-btn-openhouse:hover {
    /*background: var(--blue-gray-700) !important;*/
    opacity:0.7;
}
@media (min-width: 736px) {
    .circle-btn-openhouse {
        -webkit-border-radius:3em;
        -moz-border-radius:3em;
        border-radius: 3em;
        margin: 0.75em;
        display: inline-table;
        padding: 1em;
        opacity: 0.8;
        cursor: pointer;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        transition: all 0.1s ease-out 0s;
    }
}
@media (max-width: 736px) {
    .circle-btn-openhouse {
        -webkit-border-radius:3em;
        -moz-border-radius:3em;
        border-radius: 3em;
        margin: 0.75em;
        display: inline-table;
        padding: 0.85em;
        opacity: 0.8;
        cursor: pointer;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        transition: all 0.2s ease-out 0s;
    }
    .circle-btn-openhouse div{
        cursor: pointer;
    }
}
.circle-btn-openhouse.disabled {
    opacity: 0.25 !important;
    pointer-events: none !important;
}
.circle-close-call {
    background: #db4437;
    margin: 1em;
    opacity:1;
}





/* MEASUREMENT MODE */
#measurementMode {
    background-color: rgba(0,0,0,0.2);
    pointer-events: none !important;
}
#measurementMode .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    max-width: none;
    pointer-events: none !important;
}
#measurementMode  .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    box-shadow: none;
    pointer-events: none !important;
    padding: 15px;
}
#measurementMode .close-btn img {
    width: 1.25em;
}
.measurment-bottom-buttons {
    position: absolute;
    bottom: 4em;
    display: flex;
    align-items: center;
    left: 0;
    width: 100%;
    justify-content: center;
}

.measurment-top-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: margin-right 0.3s ease;
}
.unitChooser__btnGroup {
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    width: fit-content;
    padding: 4px;
}
.buttonGroup__btn {
    position: relative;
    background: none;
    border: none;
    padding: 8px 11px;
    display: flex;
    flex-direction: row-reverse;
    cursor: pointer;
    color: white;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 128%;
    pointer-events: all;
    width: 70px;
    justify-content: center;
}
.buttonGroup__btn:first-child {
    z-index: 2;
}
.buttonGroup__btn:last-child {
    z-index: 1;
}
.buttonGroup__btn:last-child::before {
    content: "";
    height: 100%;
    width: 100%;
    background: white;
    position: absolute;
    top: 0;
    transition: 0.3s all ease;
    z-index: -1;
    border-radius: 100px;
    left: 0;
}
.buttonGroup__btn--active {
    color: black;
}
.buttonGroup__btn--active:first-child ~ .buttonGroup__btn::before {
    transform: translateX(-100%);
}

.instructions-measurements{
    position: absolute;
    top: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
}

.popover-help {
    position: absolute;
    bottom: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    background: #1A1B23;
    color: #fff;
    padding: 1em;
    font-size: 1.5em;
    box-shadow: 0 0 8px rgba(26, 27, 35, 0.1);
    border-radius: 8px;
}
.popover-help:after {
    content: "";
    position: absolute;
    bottom: -15px;
    border-style: solid;
    border-width: 25px 25px 0;
    border-color: #1A1B23 transparent;
    display: block;
    width: 0;
    z-index: 1;
}

#measurementMode .circle-btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    font-size: 1em;
    background: #1A1B23;
    padding: 9px;
    text-align: center;
    cursor: pointer;
    pointer-events: all;
    display: inline-block;
}
#measurementMode .middle-circle-btn {
    width: 40px;
    height: 40px;
    transition: transform .5s;
    border-radius: 100%;
    font-size: 1em;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 8px rgba(42, 53, 107, 0.4);
    position: absolute;
    margin-left: 10em !important;
    pointer-events: all;
    display: flex;
    justify-content: center;
    align-items: center;
}
#measurementMode .big-circle-btn {
    width: 60px;
    height: 60px;
    transition: transform .5s;
    border-radius: 100%;
    font-size: 1em;
    background: #1A1B23;
    color:#fff;
    padding: 14px;
    text-align: center;
    cursor: pointer;
    pointer-events: all;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

}
#measurementMode .big-circle-btn i {
    font-size: 3em;
}
#deleteMeasureBtn.inactive {
    opacity: 0.3 !important;
    pointer-events: none;
}
.modal-backdrop.show {
    pointer-events: none !important;
}
#helpMeasurement {
    background: none;
}
#helpMeasurement .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
#helpMeasurement .modal-content {
    background: #fff;
    color:#565C71;
    border-radius: 10px;
    font-weight: 500;
}
#helpMeasurement .modal-body {
    font-size: 1.2em;
}
#helpMeasurement .modal-title {
    font-weight: bold;
    color: #2C2E3A;
}
@media(max-width: 768px) {
    #helpMeasurement .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}
#measurementMode .circle-btn:hover {
    color:var(--primary-color);
}
.remove-measurments-btn i {
    font-size: 1.5em;
}
.rotate-45-deg {
    transform:rotate(45deg);
}
.start-measurments-btn img {
    width: 100%;
    padding: 0.2em;
}
.modal-open {
    padding: 0;
}
.modal-backdrop.show {
    opacity:0.1 !important;
}
.renderer-full-size{
    width: 100% !important;
    height: 100% !important;
}