.informative-message{
    background-color: rgba(0, 0, 0, 0.6);
    width: 13%;
    margin: auto;
    text-align: center;
    cursor: default;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius: 10px;
}
.informative-message-invitation{
    background-color: rgba(0, 0, 0, 0.6);
    margin: auto;
    text-align: center;
    cursor: default;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius: 10px;
}
.informative-message-invitation:hover{
    cursor: pointer;
}
#inviteUserLivetour ,
#inviteUserVideocalls ,
#videoCallsVisitorActionButtons,
#addActionButtons,
#propertyInfo {
    z-index: 1050;
}
.modal-content{
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    border-radius:0.5em;
}
.modal-dialog {
    -webkit-border-radius:1em;
    -moz-border-radius:1em;
    border-radius:1em;
}
#ohChangeTour .bmd-form-group {
    margin-bottom: 1em;
}
.bmd-form-group {
    margin-bottom: 0.5em;
}
.bmd-form-group input::placeholder {
    line-height: 2;
}
.bmd-form-group .bmd-label-placeholder,
.bmd-form-group .bmd-label-floating {
    top: 3.1875rem;
}
.bmd-form-group .bmd-label-static {
    left: 1em;
}
.bmd-form-group .bmd-label-static {
    top: 1.5em;
}
input:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary-color) !important;
    outline-color: initial;
    outline-style: initial;
    outline-width: 0px;
    -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;
}
.form-control:focus {
    border-color: #fbb34b !important;
    -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;
}
.change_tours_items {
    overflow: auto !important;
    height: 12em;
    padding: 1em 0;
}
.change_tours_items svg {
    width: 6em;
}
.tour-item-id {
    font-size:0.75em;
    color: #c2c2c2;
    margin-bottom: 0.25em !important;
    font-size: 0.65em;
}
.tour-item-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0 !important;
    font-weight: bold;
}
.tour-item-location {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:0.75em;
    color: #1D2349;
    margin-bottom: 0 !important;

}
#tour {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}
#tour.tour-hidden {
    animation: fadeOut ease 1s;
    -webkit-animation: fadeOut ease 1s;
    -moz-animation: fadeOut ease 1s;
    -o-animation: fadeOut ease 1s;
    -ms-animation: fadeOut ease 1s;
}

/* 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;
    }
    .oh-agent-navbar {
        display: none !important;
    }
    .col-action-switch {
        right: 1em !important;
    }
    #addActionButtons .action-button-text {
        width: 100%;
    }
}
@media (min-width:320px) {
    #addActionButtons .action-button {
        min-height: 15vh;
    }
    #addActionButtons .switch {
        position: absolute;
        top: 0.5em;
        right: 0.75em;
    }
    #addActionButtons .action-button-text {
        width: 100%;
    }
    #videoCallsAgentChatMobile .modal-content {
        height:60vh;
    }
    #ohUserNameModal .modal-content {
        max-height: 59%;
        min-height: 0;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 736px) {
    #videoCallsAgentChatMobile {
        display: none;
    }
}

@media (min-width: 736px) {
    .informative-message-end{
        background-color: rgba(0, 0, 0, 0.6);
        width: 13%;
        margin: auto;
        text-align: center;
        cursor: default;
        padding: 10px;
        font-size: 12px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius: 10px;
    }
    .switch-container{
        position: absolute;
        top: 20px;
        left: 32px;
    }
    .controls_end_p{
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' 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' /%3E%3C/svg%3E%0A");
        background-size: cover;
        background-color: rgba(0, 0, 0, 0);
        width: 17px;
        height: 17px;
        position: absolute;
        top: 9px;
        cursor: pointer;
        left: 16px;
        z-index: 2;
    }
    .controls_end{
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' 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' /%3E%3C/svg%3E%0A");
        background-size: cover;
        background-color: rgba(0, 0, 0, 0);
        width: 2em;
        height: 2em;
        position: absolute;
        top: 160px;
        cursor: pointer;
        right: 90px;
        z-index: 2;
    }
    .controls_end:hover{
        opacity:1;
    }

    .controls_mic{
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14C13.66 14 14.99 12.66 14.99 11L15 5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14ZM17.3 11C17.3 14 14.76 16.1 12 16.1C9.24 16.1 6.7 14 6.7 11H5C5 14.41 7.72 17.23 11 17.72V21H13V17.72C16.28 17.24 19 14.42 19 11H17.3Z' /%3E%3C/svg%3E%0A");
        background-size: cover;
        background-color: rgba(0, 0, 0, 0);
        width: 2em;
        height: 2em;
        position: absolute;
        top: 160px;
        cursor: pointer;
        right: 260px;
        z-index: 2;
    }
    .controls_mic:hover{
        opacity:1;
    }

    .controls_camera{
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 10.5V7C17 6.45 16.55 6 16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5Z' /%3E%3C/svg%3E%0A");
        background-size: cover;
        background-color: rgba(0, 0, 0, 0);
        width: 2em;
        height: 2em;
        position: absolute;
        top: 160px;
        cursor: pointer;
        right: 225px;
        z-index: 2;
    }

    .controls_camera:hover{
        opacity:1;
    }
    .total-connections{
        font-size:12px;
        padding: 5px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius: 10px;
        top: 160px;
        right: 45px;
        background-color: #000;
        opacity: 0.7;
        position: absolute;
    }
    .search-property-icon{
        width:2em;
        height: 2em;
    }
    .request-user-form-icon{
        width:2em;
        height: 2em;
    }
    #setAgentPhone .modal-dialog ,
    #inviteUserLivetour .modal-dialog ,
    #ohContact .modal-dialog ,
    #inviteUserVideocalls .modal-dialog ,
    #propertyInfo .modal-dialog ,
    #ohChangeTour .modal-dialog ,
    #videoCallsVisitorActionButtons .modal-dialog ,
    #addActionButtons .modal-dialog,
    #ohUserNameModal .modal-dialog {
        width: 30em;
    }
}
@media (max-width: 736px) {
   .modal-dialog {
        margin: 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #informative_text_invitation {
        display:none;
    }
    .informative-message-end{
        background-color: rgba(0, 0, 0, 0.6);
        width: 83%;
        margin: auto;
        text-align: center;
        cursor: default;
        padding: 10px;
        font-size: 12px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
    }
    .total-connections{
        font-size:12px;
        padding: 5px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius: 10px;
        top: 82px;
        right: 18px;
        background-color: #000;
        opacity: 0.7;
        position: absolute;
        z-index:2;
    }
    .controls_end_p{
        width: 2em;
        height: 2em;
        cursor: pointer;
    }
    .controls_end:hover{
        opacity:1;
    }
    .controls_mic:hover{
        opacity:1;
    }
    .controls_camera:hover{
        opacity:1;
    }
    #cam_mic_instructions_modal  .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    #ohContact .modal-dialog ,
    #ohRequestContact .modal-dialog ,
    #ohFinished .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #ohContact .modal-content ,
    #ohRequestContact .modal-content ,
    #ohFinished .modal-content {
        height: auto;
        min-height: 100%;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius: 0;
        overflow: hidden;
        max-height: calc(100vh - 210px);
        overflow-y: auto;
    }
    #cam_mic_instructions_modal .modal-content {
        height: auto;
        min-height: 100%;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius: 0;
    }
    .call-animation {
        margin: 1em auto;
    }
   .modal-content {
       -webkit-border-radius:0;
       -moz-border-radius:0;
       border-radius:0;
    }
}
#cam_mic_instructions_modal svg {
    margin:1em;
    opacity: 0.3;
}
#cam_mic_instructions_modal img {
    box-shadow: 0px 10px 30px 0px rgba(21, 10, 82, 0.1);
}
@-webkit-keyframes pulse {
    0% {
    @include transform(scale(.9));
    }
    70% {
    @include transform(scale(1.1));
        box-shadow: 0 0 0 50px rgba(0,0,0, 0);
    }
    100% {
    @include transform(scale(.9));
        box-shadow: 0 0 0 0 rgba(0,0,0, 0);
    }
}
.OT_video-element {
    transition: width 0.5s, height 0.5s, border-radius 0.5s;
}
#more_options_container {
    position: absolute;
    padding-right: 16.5em;
    bottom: 11em;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.circle-finish-call {
    background-color: #db4437;
    opacity: 1;
}
.circle-finish-call:hover {
    background-color: #db4437;
    opacity: 0.8;
}
#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;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:0;
    overflow:hidden;
    height:329px;
    position:absolute;
    bottom:17px;
    right: 35px;
    opacity:1;
    z-index: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#logincontainer{
    margin-top: 25px;
}

#friendslist{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:445px;
}
#topmenu{
    height:30px;
    width:100%;
    padding: 5px 5px 0px 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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin:10px;
    float:left;
}
.floatingImg{
    width:40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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-family: "Red Hat Display", sans-serif !important;
    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-color: transparent !important;
}
#profile .avatar{
    width:68px;
    border:3px solid #fff;
    margin:23px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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);
    -ms-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);
    -ms-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);
    -ms-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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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;
    -webkit-border-radius: 10px 10px 10px 0px;
    -moz-border-radius: 10px 10px 10px 0px;
    border-radius: 10px 10px 10px 0px;
    color:#131721;
    position:relative;
    float:left;
}
#chat-messages div.message.right .bubble{
    float:right;
    -webkit-border-radius: 10px 10px 0px 10px;
    -moz-border-radius: 10px 10px 0px 10px;
    border-radius:10px 10px 0px 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: #F87615;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    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;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dfdfdf;
    margin-left: 25px;
    margin-bottom: 10px;
    width: 70%;
}
.topmenutext{
    padding: 19px;
    color:white;
    font-size:12px;
    text-align: center;
    padding-top:10px;
}
#loginbottom{
    height:50px;
    border-top:1px solid #e7ebee;
    position:absolute;
    bottom:17px;
    right:35px;
    width:264px;
    background:#fff;
    padding-bottm: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-bottm:50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#sendmessage input{
    border:none;
}
#sendmessage input{
    background:#fff;
    border:none;
    padding:9px;
    padding-left:20px;
    font-size:12px;
    font-family: "Red Hat Display", sans-serif !important;
    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;
}
.close-chat-mobile {
    color: #fff;
    padding: 0 0.5em;
    position: absolute;
    z-index: 99999;
    right: 6.5em;
    top: 2.35em;
    filter: drop-shadow(0px 1px 1px #222);
    cursor:pointer;
}
.counter-viewers {
    position: absolute;
    top: 1.6em;
    right: 1.5em;
    font-size: 1.25em;
    background: rgba(0,0,0,0.7);
    padding: 2px 9px;
    -webkit-border-radius: 5px;
    -moz-border-radius:  5px;
    border-radius: 5px;
}
.close-chat-mobile .fa-comment {
    padding: 0 0.1em;
}
.close-chat-mobile i {
    font-size: 1.25em;
}
#close a{
    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:0px;
    top:15px;
    right:15px;
    height:3px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-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;
    -ms-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;
    -ms-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;
    -ms-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;
    -ms-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;
    -ms-transition: all 100ease-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;
    -ms-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;
}
#ohContact .form-group,
#ohRequestContact .form-group{
    margin-bottom: 0 !important;
}
.btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    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;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.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: 0px;
    width: 200px;
}
.remote-user-name:hover{
    text-decoration: underline;
    cursor: pointer;
}
.remote-user-image:hover{
    cursor: pointer;
    border-color: #F87615;
    border-width: 1px;
    border-style: solid;
}
.profileAgency{
    background-color: transparent !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{
    background-image: url('../img/livetour/chat_open.png');
    background-size: cover;
    height: 55px;
    width: 55px;
    cursor: pointer;
    opacity: 0.8;

}
.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;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    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: #f87615;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    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: #F87615;
    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;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    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: #F87615;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    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;
}
/*.interact-on{
    background-image: url('../img/icons/instructions/int_desk_blockInteracion.png');
}*/

.switch-input::before { content: 'hei'; }

.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;
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 100px;
    background-color: #555;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-left: -80px;
    font-size: 0.7em;
    top: 2.6em;
    right: 14em;
    left: auto;
    bottom: auto;
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius: 3em;
    line-height: 5px;
    padding: 6px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #555 ;
    top: -1em;
    color: transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}
.scene_viewed {
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 5px;
    cursor: pointer;
}
.instructions{
    position: absolute;
    left:48%;
    z-index: 1000;
    color:#FFF;
    bottom: 285px;
    pointer-events:none;
}
.webgl-error{
    color:red;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #000;
    opacity: 0.8;
}
.selector-property-item{
    height: 50px;
    margin-top: 12px !important;
}
.selector-property-item:hover{
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.selector-property-item-image{
    width: 30%;
    height: 100%;
    background-color: #0A246A;
    background-image: url('http://economictimes.indiatimes.com/thumb/msid-5957612,width-640,resizemode-4/nris-can-easily-purchase-transfer-property-in-india.jpg');
    background-size:cover;
}
.selector-property-item-info{
    width: 65%;
    margin-left: 5px;
}
#toggleDescriptionLabelL{
    width: 330px;
    top: 70px;
    left: 32px;
    background-color: rgba(0, 0, 0, 0.4);
    width: 330px;
    position: absolute;
    cursor: pointer;
    display: none;
    padding-bottom: 10px;
    overflow-y: auto;
}
#inviteUserLive {
    padding: 1em 0.8em;
    background: rgba(0,0,0,0.5);
    color:#fff;
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius:3em;
}
.btn-floorfy {
    border: 2px solid #F87615;
    background: rgba(248,118,21,0.9);
    color: #fff;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius: 100px;
    font-size: 17px;
    line-height: 20px;
    padding: 13px 26px;
    height: 50px;
}

.btn-floorfy:hover {
    background-color: #F87615;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.title-instructions {
    text-align: center;
    font-weight: bold;
    color: #25313E !important;
    font-size: 2em;
}
.subtitle-instructions {
    color:#F26D07 !important;
    font-weight: normal;
    font-size: 1.2em;
}
.instructions-content {
    text-align: center;
}
.drop-down-link{
    color: #F87615;
    text-decoration: underline;
}
.scene_viewed {
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 5px;
    cursor: pointer;
}
.instructions{
    position: absolute;
    left:0;
    z-index: 1000;
    color:#FFF;
    bottom: 285px;
    pointer-events:none;
}
.webgl-error{
    color:red;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #000;
    opacity: 0.8;
}
.controls_end{
    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;
    background-color: rgba(0, 0, 0, 0);
}
.controls_end:hover{
    opacity:1;
}
.controls_mic:hover{
    opacity:1;
}
.search-property-icon{
    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%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M19.0794 6.48617C19.0791 6.48589 19.0789 6.48566 19.0786 6.48538L15.9506 3.35731C15.6452 3.05188 15.15 3.05188 14.8446 3.35731L11.7165 6.48538C11.7162 6.48566 11.7161 6.48589 11.7158 6.48617C11.5656 6.63673 11.4873 6.84069 11.4873 7.0385V11.7309C11.4873 12.1628 11.8375 12.5129 12.2694 12.5129H18.5258C18.9577 12.5129 19.3079 12.1628 19.3079 11.7309V7.0385C19.3079 6.83703 19.2268 6.63402 19.0794 6.48617ZM15.3975 5.01627L16.6377 6.25644H14.1574L15.3975 5.01627ZM17.7437 10.9488H16.1796V10.1667C16.1796 9.73484 15.8294 9.38469 15.3975 9.38469C14.9656 9.38469 14.6155 9.73484 14.6155 10.1667V10.9488H13.0513V7.82056H17.7437V10.9488V10.9488Z' fill='white'/%3E%3Cpath d='M15.3973 0.000976562C10.6538 0.000976562 6.7947 3.86015 6.7947 8.60362C6.7947 10.6944 7.54475 12.6131 8.78947 14.1055L7.70539 15.1896L7.15236 14.6366C6.84697 14.3311 6.35178 14.3311 6.04639 14.6366C5.77747 14.9055 0.938186 19.7448 0.687779 19.9952C-0.229236 20.9121 -0.229283 22.3962 0.687779 23.3131C1.6047 24.2301 3.08876 24.2302 4.00573 23.3131C4.2492 23.0697 9.10198 18.2169 9.36434 17.9545C9.66978 17.6491 9.66978 17.1539 9.36434 16.8486L8.81131 16.2955L9.89539 15.2114C11.3879 16.4562 13.3065 17.2063 15.3973 17.2063C20.1409 17.2063 24 13.3471 24 8.60362C24 3.8601 20.1409 0.000976562 15.3973 0.000976562ZM2.89972 22.2072C2.59475 22.5122 2.09862 22.5122 1.79375 22.2072C1.48883 21.9022 1.48883 21.4061 1.79375 21.1012L4.51564 18.3794L5.62161 19.4853L2.89972 22.2072ZM6.72758 18.3794L5.62161 17.2734L6.59937 16.2956L7.70534 17.4016L6.72758 18.3794ZM15.3973 15.6422C11.5163 15.6422 8.35883 12.4847 8.35883 8.60366C8.35883 4.72265 11.5163 1.56515 15.3973 1.56515C19.2784 1.56515 22.4359 4.72265 22.4359 8.60366C22.4359 12.4847 19.2784 15.6422 15.3973 15.6422Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6125 19.4922C22.7935 17.8795 23.4999 15.8985 23.4999 13.7509C23.4999 8.37494 19.1259 4.00092 13.7499 4.00092C8.37398 4.00092 4 8.37494 4 13.7509C4 19.1269 8.37403 23.5009 13.75 23.5009C15.8975 23.5009 17.8787 22.7944 19.4915 21.6134L25.8789 28.0008L28 25.8797L21.6125 19.4922ZM13.75 20.5009C10.0278 20.5009 7.00001 17.4731 7.00001 13.7509C7.00001 10.0287 10.0278 7.00093 13.75 7.00093C17.4721 7.00093 20.4999 10.0287 20.4999 13.7509C20.4999 17.4731 17.4721 20.5009 13.75 20.5009Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center;
    width:2em;
    height: 2em;
}
.request-user-form-icon{
    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='M4.6875 5.29688C4.6875 4.77905 5.10718 4.35938 5.625 4.35938H18.375C18.8928 4.35938 19.3125 4.77905 19.3125 5.29688C19.3125 5.8147 18.8928 6.23438 18.375 6.23438H5.625C5.10718 6.23438 4.6875 5.8147 4.6875 5.29688ZM19.3125 9.04688C19.3125 8.52905 18.8928 8.10938 18.375 8.10938H5.625C5.10718 8.10938 4.6875 8.52905 4.6875 9.04688C4.6875 9.5647 5.10718 9.98438 5.625 9.98438H18.375C18.8928 9.98438 19.3125 9.5647 19.3125 9.04688ZM5.625 11.8594C5.10718 11.8594 4.6875 12.2791 4.6875 12.7969C4.6875 13.3147 5.10718 13.7344 5.625 13.7344H9.9375C10.4553 13.7344 10.875 13.3147 10.875 12.7969C10.875 12.2791 10.4553 11.8594 9.9375 11.8594H5.625ZM23.1769 19.1995C24.2728 20.2954 24.2728 22.0796 23.1762 23.1762C22.628 23.7244 21.9077 23.9987 21.1875 23.9987C20.4673 23.9987 19.747 23.7244 19.1988 23.1762L14.0722 18.0401C13.9579 17.9257 13.8754 17.7838 13.8323 17.6279L12.7841 13.8441C12.6929 13.5145 12.7881 13.1614 13.0329 12.9227C13.2775 12.6841 13.6328 12.5973 13.96 12.6967L17.6503 13.8177C17.798 13.8625 17.9324 13.9431 18.0414 14.0524L23.1769 19.1995ZM15.5733 16.8898L19.0193 20.3423L20.3454 19.0162L16.8801 15.5433L15.046 14.9861L15.5733 16.8898ZM21.8503 20.5247L21.6698 20.3436L20.3439 21.6694L20.5252 21.8511C20.8901 22.216 21.4849 22.216 21.8503 21.8503C22.216 21.4849 22.216 20.8901 21.8503 20.5247ZM20.25 0H3.75C1.68219 0 0 1.68219 0 3.75V20.25C0 22.3178 1.68219 24 3.75 24H15.2344C15.7522 24 16.1719 23.5803 16.1719 23.0625C16.1719 22.5447 15.7522 22.125 15.2344 22.125H3.75C2.71619 22.125 1.875 21.2838 1.875 20.25V3.75C1.875 2.71619 2.71619 1.875 3.75 1.875H20.25C21.2838 1.875 22.125 2.71619 22.125 3.75V15.2812C22.125 15.7991 22.5447 16.2188 23.0625 16.2188C23.5803 16.2188 24 15.7991 24 15.2812V3.75C24 1.68219 22.3178 0 20.25 0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center;
    width:2em;
    height: 2em;
}
.show-more-options-icon{
    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 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9Z' fill='white'/%3E%3Cpath d='M12 0C13.6569 0 15 1.34315 15 3C15 4.65685 13.6569 6 12 6C10.3431 6 9 4.65685 9 3C9 1.34315 10.3431 0 12 0Z' fill='white'/%3E%3Cpath d='M12 18C13.6569 18 15 19.3431 15 21C15 22.6569 13.6569 24 12 24C10.3431 24 9 22.6569 9 21C9 19.3431 10.3431 18 12 18Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width:2em;
    height: 2em;
    pointer-events: none;
}
.invite-user-icon{
    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='M17.2298 12.0426C16.7686 11.8234 16.298 11.6345 15.8192 11.4763C17.37 10.3123 18.375 8.45883 18.375 6.375C18.375 2.85984 15.5152 0 12 0C8.48478 0 5.62498 2.85984 5.62498 6.375C5.62498 8.46113 6.63223 10.3164 8.1859 11.4802C6.7624 11.9489 5.4267 12.6781 4.25764 13.6397C2.11395 15.403 0.623466 17.8625 0.0608257 20.5651C-0.115518 21.412 0.0957476 22.2818 0.640341 22.9515C1.18226 23.6178 1.98584 24 2.84497 24H14.3906C14.9084 24 15.3281 23.5803 15.3281 23.0625C15.3281 22.5447 14.9084 22.125 14.3906 22.125H2.84497C2.44475 22.125 2.20329 21.9016 2.09501 21.7685C1.90803 21.5385 1.83565 21.2393 1.89645 20.9473C2.86934 16.2741 6.99134 12.8603 11.7515 12.7452C11.8339 12.7484 11.9167 12.75 12 12.75C12.084 12.75 12.1677 12.7484 12.251 12.7451C13.7097 12.7793 15.1127 13.1123 16.4249 13.7361C16.8926 13.9583 17.4518 13.7595 17.6741 13.2918C17.8963 12.8242 17.6975 12.2649 17.2298 12.0426ZM12.2286 10.8692C12.1526 10.8679 12.0763 10.8672 12 10.8672C11.9243 10.8672 11.8487 10.8679 11.7731 10.8693C9.39678 10.7508 7.49998 8.78025 7.49998 6.375C7.49998 3.89367 9.51865 1.875 12 1.875C14.4813 1.875 16.5 3.89367 16.5 6.375C16.5 8.77964 14.6041 10.7498 12.2286 10.8692Z' fill='white'/%3E%3Cpath d='M23.0625 18.6094H20.4844V16.0312C20.4844 15.5135 20.0647 15.0938 19.5469 15.0938C19.0291 15.0938 18.6094 15.5135 18.6094 16.0312V18.6094H16.0312C15.5135 18.6094 15.0938 19.0291 15.0938 19.5469C15.0938 20.0647 15.5135 20.4844 16.0312 20.4844H18.6094V23.0625C18.6094 23.5803 19.0291 24 19.5469 24C20.0647 24 20.4844 23.5803 20.4844 23.0625V20.4844H23.0625C23.5803 20.4844 24 20.0647 24 19.5469C24 19.0291 23.5803 18.6094 23.0625 18.6094Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: rgba(0, 0, 0, 0);
    width: 2em;
    height: 2em;
    cursor: pointer;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: center;
}
.controls_camera:hover{
    opacity:1;
}
#inviteUserLive ,
#signInOH {
    background: rgba(0,0,0,0.5);
    color:#fff;
    -webkit-border-radius:3em;
    -moz-border-radius: 3em;
    border-radius:3em;
    padding: 1em 0.8em;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !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;
}
.call-image {
    background: #11132C;
    width: 10em;
    height: 10em;
    -webkit-border-radius:7em;
    -moz-border-radius:7em;
    border-radius: 7em;
    border:3px solid #F26D07;
    box-shadow: 0 0px 15px 0px rgba(242, 109, 7, .5);
    -webkit-animation: pulse 1.5s infinite;
}


.call-content {
    height: 460px;
}
.call-terms {
    text-align:center;
}
.call-title{
    font-size: 22px;
    font-weight: bold;
}
.call-action{
    font-size: 18px;
    margin:2em 0;
}
.call-end-action{
    font-size: 18px;
    margin:2em 0;
}
.call-action span {
    margin-left:1px;
    font-size: 25px;
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.call-end-action span {
    margin-left:1px;
    font-size: 25px;
}
.call-points{

}
.call-action span:nth-child(2) {
    animation-delay: .2s;
}

.call-action span:nth-child(3) {
    animation-delay: .4s;
}

@keyframes blink {
    0% {
        opacity: .5;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .5;
    }
}
.call-name{
    font-size: 1em;
}
.call-content {
    padding: 0 20px;
}
.call-icon{
    font-size: 45px;
    padding-top: 60px;
}
.call-icon img {
    width: 50px;
    opacity: 0.8;
}
.call-icon img:hover {
    opacity: 1;
    cursor: pointer;
}
.call-image img{
    width: 170px;
}
.m-c-call{
    padding-top:170px;
}
.circle-take-call {
    background: #097138;
    margin: 1em;
    opacity:1;
    -webkit-animation: pulse 1.5s infinite;
}
.circle-close-call {
    background: #db4437;
    margin: 1em;
    opacity:1;
}
.take-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%3Cg clip-path='url(%23clip0)'%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath d='M10.4077 13.5108C11.3439 14.4601 12.4116 15.2213 13.5622 15.7837L15.5552 13.8182C15.8059 13.571 16.1655 13.4855 16.4615 13.5799C17.3499 13.8507 18.2757 13.9794 19.2073 13.9853C19.4284 13.9779 19.6389 14.0629 19.7969 14.2231C19.9608 14.3892 20.0363 14.6073 20.0259 14.8282L19.8827 17.8721C19.8787 18.0866 19.7824 18.3104 19.6024 18.4879C19.4223 18.6655 19.1972 18.7587 18.9762 18.766C15.3335 18.7886 11.7784 17.4726 9.12187 14.7788C6.46533 12.085 5.19891 8.51194 5.27221 4.86995C5.28261 4.64902 5.37896 4.42525 5.55898 4.24773C5.73899 4.0702 5.96408 3.97697 6.18513 3.96965L9.23066 3.86879C9.45171 3.86147 9.66871 3.94006 9.83255 4.1062C9.99054 4.2664 10.0661 4.48447 10.0621 4.69906C10.0487 5.63697 10.1767 6.56406 10.4351 7.45621C10.5253 7.75345 10.4413 8.10548 10.1842 8.35909L8.19119 10.3245C8.7252 11.4833 9.47144 12.5614 10.4077 13.5108Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath d='M0 0H24V24H0V0Z' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Cpath d='M11.8516 28.9403L-5.00049 11.8521L12.0878 -5L28.9398 12.0883L11.8516 28.9403Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    width: 2em;
    height: 2em;
}
.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;
}
.controls-modal-calling {
    bottom: 4em;
    position: absolute;
    width: 100%;
}
.instructions-content {
    text-align: center;
    color: #25313E !important;
}
.drop-down-link{
    color: #F87615;
    text-decoration: underline;
}
.drop-down-link:hover{
    cursor: pointer;
}

.instructions-content > svg{
    margin:0 1em;
}
.instructions-content svg{
    margin:0 1em !important;
}
#cam_mic_instructions_modal {
    overflow: auto;
}
.modal {
    text-align: center;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
#location-reload {
    text-transform: none !important;
}
.instructions-oh span {
    font-size: 14px;
}

.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;

}
.text-underline {
    text-decoration: underline;
}
.btn-oh-outline {
    color: #fff !important;
    -webkit-border-radius:3em !important;
    -moz-border-radius:3em !important;
    border-radius: 3em !important;
    border: 2px solid #fff !important;
    margin: 0 1em !important;
    text-transform: inherit !important;
}
.btn-oh-primary {
    color: #fff !important;
    -webkit-border-radius:3em !important;
    -moz-border-radius: 3em !important;
    border-radius:3em !important;
    border: 2px solid #F87615 !important;
    margin: 0 1em !important;
    text-transform: inherit !important;
    background: #F87615 !important;
}
.btn-oh-secondary{

}
.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;

}
@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
    }
}

.modal {
    background: none;
    color:#1D2349;
}
.modal-content {
    padding: 0;
}
#ohUserNameModal .modal-content {
    padding: 0.5em 2em;
}

.modal-body,
.modal-header {
    padding: 0;
}
.modal-title {
    font-size: 1.5em;
    font-weight: bold;
}
#ohUserNameModal .modal-title {
    font-size: 1.25em;
    font-weight: bold;
}
#ohFinished .modal-title {
    font-size: 2em;
}
::placeholder {
    font-size: 1em;
}
#ohChangeTour .close {
    font-size: 1.35em;
}
.close {
    font-size: 2em;
    font-weight:normal;
}
#ohUserNameModal .close {
    position: absolute;
    top: 0.25em !important;
    right: 0.5em !important;
}
.modal-content {
    background:#fff;
}
#inviteUserLivetour .modal-content  {
    padding: 1em;
}

.control-label {
    font-size: 0.75em !important;
}
.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label] {
    color: #f87615;
}
.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);
}
#contactUserLiveBtn {
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius: 3em;
    background:#f87615;
    border: none;
    color: #fff;
    text-transform: initial;
}
#contactUserLiveBtn2 {
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius: 3em;
    background:#f87615;
    border: none;
    color: #fff;
    text-transform: initial;
}
.floorfy-btn-primary {
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius: 3em;
    background:#f87615;
    border: none;
    color: #fff;
    text-transform: initial;
    padding:0.5em 1em;
}
.floorfy-btn-primary.custom-file-control:before, .btn.floorfy-btn-primary {
    color: #f87615;
    background-color: transparent;
    border-color: #ccc;
}
.floorfy-btn-primary.active.custom-file-control:focus:before, .floorfy-btn-primary.active.custom-file-control:hover:before, .floorfy-btn-primary.active.focus.custom-file-control:before, .floorfy-btn-primary.custom-file-control:active.focus:before, .floorfy-btn-primary.custom-file-control:active:focus:before, .floorfy-btn-primary.custom-file-control:active:hover:before, .btn.floorfy-btn-primary.active.focus, .btn.floorfy-btn-primary.active:focus, .btn.floorfy-btn-primary.active:hover, .btn.floorfy-btn-primary:active.focus, .btn.floorfy-btn-primary:active:focus, .btn.floorfy-btn-primary:active:hover, .open > .floorfy-btn-primary.dropdown-toggle.custom-file-control:focus:before, .open > .floorfy-btn-primary.dropdown-toggle.custom-file-control:hover:before, .open > .floorfy-btn-primary.dropdown-toggle.focus.custom-file-control:before, .open > .btn.floorfy-btn-primary.dropdown-toggle.focus, .open > .btn.floorfy-btn-primary.dropdown-toggle:focus, .open > .btn.floorfy-btn-primary.dropdown-toggle:hover {
    color: #f87615;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: hsla(0, 0%, 60%, .4);
}
.floorfy-btn-primary.active.custom-file-control:before, .floorfy-btn-primary.custom-file-control:active:before, .floorfy-btn-primary.custom-file-control:focus:before, .floorfy-btn-primary.custom-file-control:hover:before, .floorfy-btn-primary.focus.custom-file-control:before, .btn.btn-primary.active, .btn.floorfy-btn-primary.focus, .btn.floorfy-btn-primary:active, .btn.floorfy-btn-primary:focus, .btn.floorfy-btn-primary:hover, .open > .floorfy-btn-primary.dropdown-toggle.custom-file-control:before, .open > .btn.floorfy-btn-primary.dropdown-toggle {
    color: #f87615;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: hsla(0, 0%, 60%, .2);
}
.btn-default {
    text-transform:initial;
}
.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);
}
.btn-default {
    text-transform:initial;
}
.floorfy-btn-dark {
    background:#11132C !important;
    -webkit-border-radius: 4em !important;
    -moz-border-radius: 4em !important;
    border-radius: 4em !important;
    color:#fff !important;
    box-shadow: 0 2px 2px 0 rgba(21, 10, 82,0.14), 0 3px 1px -2px rgba(21, 10, 82,0.12), 0 1px 5px 0 rgba(21, 10, 82,0.2);
    text-transform: capitalize;
}
@-webkit-keyframes pulser {
    0% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }
    100% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}
.call-action {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.call-button {
    -webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius: 3em;
    padding: 5px !important;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-animation: pulser 1.5s infinite;
}
.call-button:hover {
    -webkit-animation: none;
}
.sh-button,
.vr-button,
.fs-button {
    z-index: 9 !important;
}
.property-img-oh-contact {
    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);
}
#ohMessage {
    width:100%;
    height: 5em;
    margin: 1em 0;
    line-height: 1.5em;
    resize: none;
    padding: 0.5em 0.75em;
}
.OT_video-poster {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: var(--blue-50) !important;
    background-size: cover !important;
    background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,74.667 c67.635,0,122.667,55.031,122.667,122.667S323.635,320,256,320s-122.667-55.031-122.667-122.667S188.365,74.667,256,74.667z M256,469.333c-69.707,0-131.52-33.755-170.473-85.615c42.676-20.534,103.621-42.385,170.473-42.385 c66.857,0,127.807,21.854,170.474,42.383C387.521,435.577,325.708,469.333,256,469.333z'/%3E%3C/svg%3E") !important;
    opacity: 0.8 !important;
}
.streams-full-size-container .OT_video-poster {
    background-size: 80% 80% !important;
}
.OT_audio-level-meter {
    display: none;
}
.OT_archiving-on{
    opacity: 0 !important;
}
#changeTourLive {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
#saveSidebarDataBtn {
    background: var(--primary);
    color:#fff;
    text-transform: capitalize;
}
.tourItem {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
}
.tourItem:hover {
    transform: scale(1.02);
    transition-timing-function: ease-in-out;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}
.empty-result-title {
    font-weight: bold;
}
.empty-result-subtitle {
    font-size: 0.95em;
}

/* ALL LOADERS */
.loader{
    width: 5em;
    height: 5em;
    -webkit-border-radius:  100%;
    -moz-border-radius:  100%;
    border-radius:  100%;
    position: relative;
    margin: 0 auto;
}

/* LOADER 1 */
#tour-loader:before, #tour-loader:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius:  100%;
    -moz-border-radius:  100%;
    border-radius:  100%;
    border: 10px solid transparent;
    border-top-color: #F26D07;
}
#tour-loader:before{
    z-index: 100;
    animation: spin 1s infinite;
}
#tour-loader:after{
    border: 10px solid #ccc;
}
@keyframes spin{
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.webcam-fullscreen {
    width: 100%;
    height: 100%;
    top: 0;
    margin-top: 0;
    left: 0;
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #000;
    transition: all 1s;
    z-index: 9999;
}
#remotestream.scale {
    width:15em !important;
    height:15em !important;
}
.warning-container {
    background: #ffe35d !important;
    border: 1px solid #ecc400 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#ohContact .modal-subtitle ,
#ohRequestContact .modal-subtitle {
    opacity: 0.75;
}
#volumeRange {
    box-shadow: none !important;
}
/* MEDIA QUERIES */
/* 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;
    }
    .emoji-icon {
        top: 5px;
    }
}
/*
  ##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;
    }
    .emoji-icon {
        top: 5px;
    }
}

/* 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-width: 320px) and (max-height: 640px) and (orientation : portrait) {
    .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-width: 320px) and (max-height: 640px) and (orientation : landscape) {
    .call-animation {
        width: 8em;
        height: 8em;
    }
    .call-action{
        font-size: 18px;
        margin:2em 0;
    }
}

/* SAMSUNG GALAXY S4,S5 (portrait) */
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : portrait) {
    .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 (max-width: 812px) and (orientation : landscape) {
    #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-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;
    }
 /*  .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }*/
    .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-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-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    #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;
    }
}

#ohContact .modal-content,
#ohRequestContact .modal-content{
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
}

/*************************** OH CONTACT ****************************/
#ohContact ,
#ohRequestContact {
    background: rgba(0,0,0,0.5);
    color:#1D2349;
    text-align: center;
}
#swal2-title {
    color:#1D2349;
    text-align: center;
}
#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;
    -moz-border-radius:0;
    border-radius: 0;
}
#ohContact input:focus {
    border-bottom: 1px solid transparent !important;
}
#ohContact .close {
    z-index: 999;
    position: absolute;
    right: 0;
}
.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;
}
.checkbox-decorator {
    padding: 1em 10px !important;
}
.checkbox-decorator {
    transform: scale(0.75,0.75);
}
.mood-btn{
    background: none;
    border: none;
    width: 28px;
    height: 28px;
    background-image: url(/assets/images/mood-sad.png);
    background-size: 28px 28px;
    padding: 4px;
    background-position: center center;
    box-sizing: content-box;
    background-repeat: no-repeat;
    margin: 0 7px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color:  transparent !important;
    cursor: pointer;
}
#sidebar.visible {
    left: 0px;
    transition: left 0.7s ease;
}
#sidebar-btn {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 15px;
    cursor: pointer;
    margin: 20px;
    position: absolute;
    right: -40px;
    top: 0px;
    color: #fff;
    font-size: 2em;
}
#sidebar-btn span {
    background-color: white;
    height: 1px;
    display: block;
    margin-bottom: 5px;
}
#sidebar-btn i {
    color:#11132C;
}
#sidebar-btn i:before {
    background: #fff;
    padding: 7px 12px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 15px 10px 30px 0px rgba(21, 10, 82, 0.1);
}
#sidebar-btn span:nth-child(2) {
    width: 75%;
}
#sidebar .form-control {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background: #fff !important;
    line-height: 2 !important;
    padding: 0 1em;
    height: auto;
    width: 100%;
    font-size: 1em;
}
#sidebar .form-control:focus {
    border-color:var(--primary);
}
::-webkit-scrollbar {
    width: 5px !important;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px 5px #DFE3E7;
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px 5px #0F1E4D;
}
#sidebar label {
    margin-left: 0.5em;
    top: 0.35rem;
}
#mapMobile {
    height: 20vh;

}
.mood-btn:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mood-btn[data-rating="1"] {
    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='M20.4853 3.51469C18.2188 1.24823 15.2053 0 12 0C8.79469 0 5.78123 1.24823 3.51469 3.51469C1.24823 5.78123 0 8.79469 0 12C0 15.2053 1.24823 18.2188 3.51469 20.4853C5.78123 22.7518 8.79469 24 12 24C15.2053 24 18.2188 22.7518 20.4853 20.4853C22.7518 18.2188 24 15.2053 24 12C24 8.79469 22.7518 5.78123 20.4853 3.51469V3.51469ZM19.4909 19.4909C17.49 21.4918 14.8297 22.5938 12 22.5938C9.1703 22.5938 6.51 21.4918 4.50909 19.4909C2.50819 17.49 1.40625 14.8297 1.40625 12C1.40625 9.1703 2.50819 6.51 4.50909 4.50909C6.51 2.50819 9.1703 1.40625 12 1.40625C14.8297 1.40625 17.49 2.50819 19.4909 4.50909C21.4918 6.51 22.5938 9.1703 22.5938 12C22.5938 14.8297 21.4918 17.49 19.4909 19.4909Z' fill='%23DC3545'/%3E%3Cpath d='M12.0006 12.729C8.91266 12.729 6.40039 15.2413 6.40039 18.3292H7.80664C7.80664 16.0167 9.68806 14.1353 12.0006 14.1353C14.3131 14.1353 16.1945 16.0167 16.1945 18.3292H17.6008C17.6008 15.2412 15.0885 12.729 12.0006 12.729Z' fill='%23DC3545'/%3E%3Cpath d='M10.0674 7.43408H8.66111C8.66111 8.09075 8.12688 8.62499 7.4702 8.62499C6.81353 8.62499 6.2793 8.09075 6.2793 7.43408H4.87305C4.87305 8.86616 6.03813 10.0312 7.4702 10.0312C8.90228 10.0312 10.0674 8.86616 10.0674 7.43408Z' fill='%23DC3545'/%3E%3Cpath d='M16.5298 8.62499C15.8731 8.62499 15.3389 8.09075 15.3389 7.43408H13.9326C13.9326 8.86616 15.0977 10.0312 16.5298 10.0312C17.9619 10.0312 19.1269 8.86616 19.1269 7.43408H17.7207C17.7207 8.09075 17.1864 8.62499 16.5298 8.62499Z' fill='%23DC3545'/%3E%3C/svg%3E%0A");
}
.mood-btn[data-rating="1"]:hover {
    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='M20.4853 3.51469C18.2188 1.24823 15.2053 0 12 0C8.79469 0 5.78123 1.24823 3.51469 3.51469C1.24823 5.78123 0 8.79469 0 12C0 15.2053 1.24823 18.2188 3.51469 20.4853C5.78123 22.7518 8.79469 24 12 24C15.2053 24 18.2188 22.7518 20.4853 20.4853C22.7518 18.2188 24 15.2053 24 12C24 8.79469 22.7518 5.78123 20.4853 3.51469V3.51469ZM19.4909 19.4909C17.49 21.4918 14.8297 22.5938 12 22.5938C9.1703 22.5938 6.51 21.4918 4.50909 19.4909C2.50819 17.49 1.40625 14.8297 1.40625 12C1.40625 9.1703 2.50819 6.51 4.50909 4.50909C6.51 2.50819 9.1703 1.40625 12 1.40625C14.8297 1.40625 17.49 2.50819 19.4909 4.50909C21.4918 6.51 22.5938 9.1703 22.5938 12C22.5938 14.8297 21.4918 17.49 19.4909 19.4909Z' fill='%23F26D07'/%3E%3Cpath d='M12.0006 12.729C8.91266 12.729 6.40039 15.2413 6.40039 18.3292H7.80664C7.80664 16.0167 9.68806 14.1353 12.0006 14.1353C14.3131 14.1353 16.1945 16.0167 16.1945 18.3292H17.6008C17.6008 15.2412 15.0885 12.729 12.0006 12.729Z' fill='%23F26D07'/%3E%3Cpath d='M10.0674 7.43408H8.66111C8.66111 8.09075 8.12688 8.62499 7.4702 8.62499C6.81353 8.62499 6.2793 8.09075 6.2793 7.43408H4.87305C4.87305 8.86616 6.03813 10.0312 7.4702 10.0312C8.90228 10.0312 10.0674 8.86616 10.0674 7.43408Z' fill='%23F26D07'/%3E%3Cpath d='M16.5298 8.62499C15.8731 8.62499 15.3389 8.09075 15.3389 7.43408H13.9326C13.9326 8.86616 15.0977 10.0312 16.5298 10.0312C17.9619 10.0312 19.1269 8.86616 19.1269 7.43408H17.7207C17.7207 8.09075 17.1864 8.62499 16.5298 8.62499Z' fill='%23F26D07'/%3E%3C/svg%3E ");
}
.mood-btn[data-rating="2"] {
    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 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM12 22.5C6.201 22.5 1.5 17.799 1.5 12C1.5 6.201 6.201 1.5 12 1.5C17.799 1.5 22.5 6.201 22.5 12C22.5 17.799 17.799 22.5 12 22.5Z' fill='%23FFC107'/%3E%3Cpath d='M8.25 9.75C9.07843 9.75 9.75 9.07843 9.75 8.25C9.75 7.42157 9.07843 6.75 8.25 6.75C7.42157 6.75 6.75 7.42157 6.75 8.25C6.75 9.07843 7.42157 9.75 8.25 9.75Z' fill='%23FFC107'/%3E%3Cpath d='M15.75 9.75C16.5784 9.75 17.25 9.07843 17.25 8.25C17.25 7.42157 16.5784 6.75 15.75 6.75C14.9216 6.75 14.25 7.42157 14.25 8.25C14.25 9.07843 14.9216 9.75 15.75 9.75Z' fill='%23FFC107'/%3E%3Cpath d='M17.25 14.25H6.75V15.75H17.25V14.25Z' fill='%23FFC107'/%3E%3C/svg%3E%0A");
}
.mood-btn[data-rating="2"]:hover {
    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 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM12 22.5C6.201 22.5 1.5 17.799 1.5 12C1.5 6.201 6.201 1.5 12 1.5C17.799 1.5 22.5 6.201 22.5 12C22.5 17.799 17.799 22.5 12 22.5Z' fill='%23F26D07'/%3E%3Cpath d='M8.25 9.75C9.07843 9.75 9.75 9.07843 9.75 8.25C9.75 7.42157 9.07843 6.75 8.25 6.75C7.42157 6.75 6.75 7.42157 6.75 8.25C6.75 9.07843 7.42157 9.75 8.25 9.75Z' fill='%23F26D07'/%3E%3Cpath d='M15.75 9.75C16.5784 9.75 17.25 9.07843 17.25 8.25C17.25 7.42157 16.5784 6.75 15.75 6.75C14.9216 6.75 14.25 7.42157 14.25 8.25C14.25 9.07843 14.9216 9.75 15.75 9.75Z' fill='%23F26D07'/%3E%3Cpath d='M17.25 14.25H6.75V15.75H17.25V14.25Z' fill='%23F26D07'/%3E%3C/svg%3E ");
}
.mood-btn[data-rating="3"] {
    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='M20.4853 3.51473C18.2188 1.24823 15.2053 0 12 0C8.79469 0 5.78119 1.24823 3.51473 3.51473C1.24819 5.78119 0 8.79469 0 12C0 15.2053 1.24819 18.2188 3.51473 20.4853C5.78119 22.7518 8.79469 24 12 24C15.2053 24 18.2188 22.7518 20.4853 20.4853C22.7518 18.2188 24 15.2053 24 12C24 8.79469 22.7518 5.78119 20.4853 3.51473ZM12 22.5714C6.17091 22.5714 1.42856 17.8291 1.42856 12C1.42856 6.17091 6.17091 1.42856 12 1.42856C17.8291 1.42856 22.5714 6.17091 22.5714 12C22.5714 17.8291 17.8291 22.5714 12 22.5714Z' fill='%2328A745'/%3E%3Cpath d='M9.40397 8.83109C8.2343 7.66132 6.33104 7.66141 5.16136 8.83109C4.88241 9.10999 4.88241 9.56229 5.16136 9.84124C5.44036 10.1201 5.89266 10.1201 6.17157 9.84124C6.78432 9.22854 7.78126 9.22859 8.39391 9.84124C8.53341 9.98074 8.71618 10.0505 8.89894 10.0505C9.08171 10.0505 9.26457 9.98074 9.40397 9.84124C9.68293 9.56229 9.68293 9.11004 9.40397 8.83109Z' fill='%2328A745'/%3E%3Cpath d='M18.8385 8.83109C17.6689 7.66141 15.7656 7.66132 14.5959 8.83109C14.317 9.10999 14.317 9.56229 14.5959 9.84124C14.8749 10.1201 15.3272 10.1201 15.6061 9.84124C16.2188 9.22854 17.2157 9.22849 17.8285 9.84124C17.968 9.98074 18.1508 10.0505 18.3335 10.0505C18.5163 10.0505 18.6991 9.98074 18.8385 9.84124C19.1175 9.56229 19.1175 9.11004 18.8385 8.83109Z' fill='%2328A745'/%3E%3Cpath d='M18.3331 12.5238H5.66643C5.27193 12.5238 4.95215 12.8436 4.95215 13.2381C4.95215 17.1241 8.11373 20.2857 11.9998 20.2857C15.8858 20.2857 19.0474 17.1241 19.0474 13.2381C19.0474 12.8436 18.7276 12.5238 18.3331 12.5238ZM11.9998 18.8571C9.14329 18.8571 6.77779 16.7148 6.4259 13.9524H17.5737C17.2217 16.7148 14.8562 18.8571 11.9998 18.8571Z' fill='%2328A745'/%3E%3C/svg%3E ");
}
.mood-btn[data-rating="3"]:hover {
    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='M20.4853 3.51473C18.2188 1.24823 15.2053 0 12 0C8.79469 0 5.78119 1.24823 3.51473 3.51473C1.24819 5.78119 0 8.79469 0 12C0 15.2053 1.24819 18.2188 3.51473 20.4853C5.78119 22.7518 8.79469 24 12 24C15.2053 24 18.2188 22.7518 20.4853 20.4853C22.7518 18.2188 24 15.2053 24 12C24 8.79469 22.7518 5.78119 20.4853 3.51473ZM12 22.5714C6.17091 22.5714 1.42856 17.8291 1.42856 12C1.42856 6.17091 6.17091 1.42856 12 1.42856C17.8291 1.42856 22.5714 6.17091 22.5714 12C22.5714 17.8291 17.8291 22.5714 12 22.5714Z' fill='%23F26D07'/%3E%3Cpath d='M9.40397 8.83109C8.2343 7.66132 6.33104 7.66141 5.16136 8.83109C4.88241 9.10999 4.88241 9.56229 5.16136 9.84124C5.44036 10.1201 5.89266 10.1201 6.17157 9.84124C6.78432 9.22854 7.78126 9.22859 8.39391 9.84124C8.53341 9.98074 8.71618 10.0505 8.89894 10.0505C9.08171 10.0505 9.26457 9.98074 9.40397 9.84124C9.68293 9.56229 9.68293 9.11004 9.40397 8.83109Z' fill='%23F26D07'/%3E%3Cpath d='M18.8385 8.83109C17.6689 7.66141 15.7656 7.66132 14.5959 8.83109C14.317 9.10999 14.317 9.56229 14.5959 9.84124C14.8749 10.1201 15.3272 10.1201 15.6061 9.84124C16.2188 9.22854 17.2157 9.22849 17.8285 9.84124C17.968 9.98074 18.1508 10.0505 18.3335 10.0505C18.5163 10.0505 18.6991 9.98074 18.8385 9.84124C19.1175 9.56229 19.1175 9.11004 18.8385 8.83109Z' fill='%23F26D07'/%3E%3Cpath d='M18.3331 12.5238H5.66643C5.27193 12.5238 4.95215 12.8436 4.95215 13.2381C4.95215 17.1241 8.11373 20.2857 11.9998 20.2857C15.8858 20.2857 19.0474 17.1241 19.0474 13.2381C19.0474 12.8436 18.7276 12.5238 18.3331 12.5238ZM11.9998 18.8571C9.14329 18.8571 6.77779 16.7148 6.4259 13.9524H17.5737C17.2217 16.7148 14.8562 18.8571 11.9998 18.8571Z' fill='%23F26D07'/%3E%3C/svg%3E ");
}
.swal2-title {
    font-size: 1.25em !important;
}
.swal2-content {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.mood-btn:hover {
    opacity:0.7;
    cursor: pointer;
}
.form-group.has-error label.bmd-label-floating, .form-group.has-error .help-block {
    color: #f44336 !important;
}
.toggle-btn-daytime {
    padding: 0.25em 0.5em !important;
    border: 1px solid #1D2349;
}
#ohContact .bmd-label-floating {
    font-size:1em;
}
.bmd-help {
    font-size: 0.75em !important;
}
.property-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.property-description.active{
    display: block !important;
}

#propertyMap {
    height: 200px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
    background:#11132C;
}
.buttons-row {
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    background:#fff !important;
    z-index: 99999;
}
.swal2-popup {
    width:auto !important;
}
#dropdownMenuButton {
    text-transform: inherit;
    border-color: #11132C;
    color: #11132C;
    font-size: 1em;
}
.swal2-select {
    min-width: 100% !important;
}
#usernameModalLogo{
    width:10em;
    margin: 1em 0;
}
#ohUserNameModal .modal-dialog {
    min-height: calc(100vh - 60px);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
    overflow-x: hidden;
}
@media(max-width: 768px) {
    #ohUserNameModal .modal-dialog {
        height: inherit;
    }
}
.fa-user-friends {
    margin-left: 0;
    filter: drop-shadow(0px 1px 1px #222);
}
.current-viewers {
    margin-left: 0.25em;
    filter: drop-shadow(0px 1px 1px #222);
}
.input-chat-text::placeholder,
.input-chat-text:-ms-input-placeholder ,
.input-chat-text::-ms-input-placeholder {
    font-size:1em !important;
    color:#fff !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}
#frame {
    background: #fff;
    position: absolute;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 99999;
    box-shadow: 0px 10px 30px 0px rgba(21, 10, 82, 0.1);
    pointer-events:all !important;
    color:#11132C;
}
#frame .replies p {
    color:#11132C;
}
#frame .content .message-input .wrap button:focus {
    outline: none;
}
#frame .messages {
    background:#fff;
}
#frame .submit {
    pointer-events:all;
}
#frame .fa-paper-plane {
    padding-right:3px;
}
#frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    /*
    margin: 15px 15px 5px 15px;
    */
   /* width: calc(100% - 25px);*/
    font-size: 0.9em;
}
#frame .content .messages ul li p {
    /*
    display: inline-block;
    */
    /*
    padding: 10px 12px;
    */
 /*   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    /*
    max-width: 240px;
    */
    line-height: 130%;
    word-wrap: break-word;
   /* -webkit-box-shadow: 0 2px 5px 0 rgba(84,93,120,.1);
    background: #fff;
    box-shadow: 0px 1px 7px rgba(42, 53, 107, 0.2);*/
}
#frame .content .message-input {
    position: absolute;
    bottom: 4.5em;
  /*  width: 100%;*/
    z-index: 99;
    padding: 0.75em;
}
#frame .content .message-input .wrap input {
    font-family: "Red Hat Display", sans-serif;
    float: left;
    border: none;
    width: calc(100% - 51px);
    padding: 13px 32px 13px 13px;
    font-size: 0.75em;
    color: #11132C;
    pointer-events: all;
}
#frame .content .message-input .wrap input:focus {
    outline: none;
}

#frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 3em;
    height: 3em;
    cursor: pointer;
    background: #11132C;
    color: #f5f5f5;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
}
@media screen and (max-width: 360px) {
    #frame {
        width: 100%;
        height: 100vh;
        min-width: 100%;
        max-width: 100%;
    }
    #frame .content .message-input {

    }
    #frame .messages {
        bottom: 5em !important;
        padding: 0.5em;
    }
    #frame .content .contact-profile {
        display:none !important;
    }
    .messages::-webkit-scrollbar-track {
        display:none;
    }
    .messages::-webkit-scrollbar {
        display:none;
    }
    .messages::-webkit-scrollbar-thumb {
        display:none;
    }
    .contact-profile {
        display:none !important;
    }
    /*#frame .content .messages ul li.sent p {
        background: #fff;
        color: #11132C;
    }*/
    #frame .content .messages {
        min-height: 0 !important;
    }

}
@media (min-width: 544px) {
    #frame {
        width: 100%;
        height: 100vh;
        min-width: 100%;
        max-width: 100%;
        background:none;
    }
    .messages::-webkit-scrollbar-track {
        display:none;
    }
    .messages::-webkit-scrollbar {
        display:none;
    }
    .messages::-webkit-scrollbar-thumb {
        display:none;
    }
    .contact-profile {
        display:none !important;
    }
/*    #frame .content .messages ul li.sent p {
        background: #fff;
        color: #11132C;
    }*/
}
@media (min-width: 576px) {
    #ohUserNameModal .modal-dialog {
        margin: 0 !important;
    }
    #ohChangeTour .modal-dialog {
        -webkit-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        top: 50%;
        margin: 0 auto;
    }
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    #frame {
        width: 100%;
        height: 100vh;
        min-width: 100%;
        max-width: 100%;
        background:none;
        background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,212,255,0) 100%);
    }
    #frame .content .contact-profile {
        display:none !important;
    }
    .messages::-webkit-scrollbar-track {
        display:none;
    }
    .messages::-webkit-scrollbar {
        display:none;
    }
    .messages::-webkit-scrollbar-thumb {
        display:none;
    }
    #frame .content .message-input .wrap input {
        padding: 17px 40px 13px 13px;
    }
    .contact-profile {
        display:none !important;
    }
/*    #frame .content .messages ul li.sent p {
        background: #fff;
        color: #11132C;
    }*/
    #frame .content .message-input {
        bottom:5em;
    }

}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
    #frame {
        width: 100%;
        height: 100vh;
        min-width: 100%;
        max-width: 100%;
        background:none;
        background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,212,255,0) 100%);
    }
    #frame .content .contact-profile {
        display:none !important;
    }
    .messages::-webkit-scrollbar-track {
        display:none;
    }
    .messages::-webkit-scrollbar {
        display:none;
    }
    .messages::-webkit-scrollbar-thumb {
        display:none;
    }
    .contact-profile {
        display:none !important;
    }
  /*  #frame .content .messages ul li.sent p {
        background: #fff;
        color: #11132C;
    }*/

}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
        background: #11132C;
    }
    #frame #sidepanel #profile .wrap {
        height: 55px;
    }
    #frame #sidepanel #profile .wrap img {
        width: 40px;
        margin-left: 4px;
    }
    #frame #sidepanel #profile .wrap p {
        display: none;
    }
    #frame #sidepanel #profile .wrap i.expand-button {
        display: none;
    }
    #frame #sidepanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px;
    }
    #frame #sidepanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }
    #frame #sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }
    #frame #sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
    #frame #sidepanel #profile .wrap #status-options ul li p {
        display: none;
    }
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
 /*   #frame .content .messages ul li.sent p {
        background: #fff;
        color: #11132C;
    }*/
    #frame #sidepanel {
        width: 58px;
        min-width: 58px;
    }
    #frame {
        min-width: 100%;
        max-width: 100%;
        background:none;
        background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,212,255,0) 100%);

    }
    #frame .content .messages {
        overflow-y:auto;
        max-height: 50% !important;
        min-height: 0 !important;
        bottom: 0 !important;
        position: absolute;
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top,
        from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
        padding-bottom:0 !important;
        margin-bottom: 10em !important;
    }
    .messages::-webkit-scrollbar-track {
        display:none;
    }

    .messages::-webkit-scrollbar {
        display:none;
    }
    .messages::-webkit-scrollbar-thumb {
        display:none;
    }
    #frame .content .messages ul li.sent p ,
    #frame .content .messages ul li.replies p {
        margin:0;
    }
    .sent {
        display: grid !important;
    }
    #ohUserNameModal .modal-dialog {
        padding: 2em;
    }
    #frame .content .messages {
        max-height: calc(100% - 105px);
    }
    #frame .content .message-input .wrap button {
        padding: 13px 0;
    }
    #frame .content .message-input .wrap .attachment {
        margin-top: 9px;
    }
    #frame .content .message-input .wrap input {
        padding: 13px 40px 13px 13px;
    }
    #frame #sidepanel #bottom-bar button i {
        font-size: 1.3em;
    }
    #frame #sidepanel #bottom-bar button span {
        display: none;
    }
    #frame #sidepanel #bottom-bar button:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid #11132C;
    }
    #frame #sidepanel #bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }
    #frame #sidepanel #contacts ul li.contact .wrap .meta {
        display: none;
    }
    #frame #sidepanel #contacts ul li.contact .wrap img {
        margin-right: 0px;
    }
    #frame #sidepanel #contacts ul li.contact .wrap {
        width: 100%;
    }
    #frame #sidepanel #contacts ul li.contact {
        padding: 6px 0 46px 8px;
    }
    #frame #sidepanel #contacts {
        height: calc(100% - 149px);
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #frame #sidepanel #contacts::-webkit-scrollbar {
        display: none;
    }
    #frame #sidepanel #search {
        display: none;
    }
    .contact-profile {
        display:none !important;
    }
   /* #frame .content .messages ul li.sent p {
        background: #fff;
        color: #11132C;
    }*/
    #frame .content .message-input .wrap input {
        width: calc(100% - 50px) !important;
    }
}
@media screen and (min-width: 735px) {
    #frame .content .messages ul li p {
        /*
        max-width: 240px;
        */
    }
    .contact-profile {
        display:none !important;
    }
}

@media screen and (min-width: 900px) {
    .close-chat {
        display:none;
    }
    .contact-profile {
        display:block !important;
    }
    .close-chat-mobile {
        display:none !important;
    }
    .counter-viewers {
        display:none !important;
    }
    .current-viewers {
        filter: none !important;
    }
    .fa-user-friends {
        filter: none !important;
        color:#dc3545 !important;
    }
    .input-chat-text::placeholder {
        color: #11132C !important;
    }
}

.book-property-btn ,
.book-payment-btn {
    pointer-events: all !important;
}

.counter-viewers ,
.close-chat-mobile {
    display: none;
}
.interest-container {
    position: absolute;
    top: 1.7em;
}
.interest-btn {
    background: #f87615 !important;
    color: #fff !important;
    -webkit-border-radius: 4em !important;
    -moz-border-radius: 4em !important;
    border-radius: 4em !important;
    box-shadow: 0px 10px 30px 0px rgba(21, 10, 82, 0.1);
}
.sent {
    /*
    left: -30px;
    */
    position: relative;
    margin-left:0 !important;
}
.close-chat {
    font-size: 4em;
}
.username-sent {
    background:none !important;
    color:#fff !important;
}
.msg-name {
    font-weight:bold;
}
.msg-sent-name {

}
.msg-reply-name{

}
.msg-text {
    -webkit-user-select: text;  /* Chrome 49+ */
    -moz-user-select: text;     /* Firefox 43+ */
    -ms-user-select: text;      /* No support yet */
    user-select: text;          /* Likely future */
}
.msg-sent-text {

}
.msg-reply-text {

}
.msg-text::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #f87615;
}

.msg-text::selection {
    color: #fff;
    background: #f87615;
}
#copyLinkInvitation {
    width: 100%;
    color:#1D2349;
}
.social-media {
    pointer-events: all;
}
.user-list {
    padding-top: 50px;
}
.ul-user-list {
    list-style: none;
    padding-left:0;
    padding-top:4px;
}
.schedule-date-icon ,
.schedule-date-icon {
    cursor:pointer;
}
.li-user-list {
    background:#fff !important;
    color:#1D2349 !important;
    font-weight: bold;
    margin-bottom: 0.25em;
    padding: 1em;
    cursor:pointer;
    border-top: 1px solid #DFE3E7;
}
.nav-tabs .nav-link {
    text-transform: initial !important;
}
.nav-tabs .nav-link.active{
    border-color: #dee2e6 #dee2e6 var(--primary-color) !important;
    color:var(--primary-color);
    font-weight: 600;
}
.agent-chats {
    z-index:9;
    background: #fff;
    padding: 0;
}
.agent-chats .nav-item {
    padding: 1em 0 !important;
    background: #fff;
    font-weight:bold;
}
.show-info-user-btn {
    outline:none !important;
}
.messages .user-ban {
    color:#11132C;
    margin-right: 2px;
    margin-top: 3px;
    display: none;
}
.user-chat-head {
    position: relative;
    padding: 1em;
    background: #fff;
    font-weight: bold;
    font-size: 1.1em;
    z-index:99;
    box-shadow: 0 2px 5px 0 rgba(84,93,120,.1);
    border-top: 2px solid #EEF0F2;
}
.user-chat-head i {
    padding:4px;
}
.modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}
.notification-chat {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    color: #6B748E !important;
    max-width: 100% !important;
}
.notification-dot {
    background: red;
    -webkit-border-radius: 6em;
    -moz-border-radius: 6em;
    border-radius: 6em;
    height:6px;
    width:6px;
    position:absolute;
    margin: 0 3px;
    display:none;
}
.btn-live-bar {
    color: #fff !important;
    text-transform: inherit;
    border: 0 !important;
}
.notification-chat {
    width: 100% !important;
}
.notification-chat-li {
    width: 100% !important;
    float: none !important;
    right: 20px !important;
    margin: 0 !important;
    left: -22px !important;
}
.empty-state-chat {
    height: 85vh;
    width: 100%;
    color:  rgba(0,0,0,0.25);
    position: relative;
    bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.empty-user-list {
    height: 70vh;
}
.empty-state-chat-title {

}
.empty-state-chat i {
    font-size: 6em;
}
.messages-embed .msg-reply-name {
    display:none !important;
}
.live-player-bar {
    position:absolute;
    z-index:999;
    background:var(--primary-color-dark);
    color:#fff;
    width: 77%;
    bottom:0;
    left:0;
    display: flex;
    align-items: center;
    padding: 0.25em 1.5em;
    visibility: hidden;

}
.popup-live {
    position: absolute;
    right: 1.5em;
    bottom: -7em;
    transform: translate3d(0, -50%, 0);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    background: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 31em;
    min-width: 31em;
    max-width: 31em;
    background: white;
    padding: 1.5em;
    display:none;
}
.popup-live:after {
    content: "";
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    z-index: -1;
    bottom: -10px;
    left: calc(50% - 10px);
}
.schedule-visit-btn {
    cursor:pointer;
    margin-right: 2em;
    padding:1em 0;
}
.make-offer-btn {
    cursor:pointer;
    padding:1em 0;
}
.request-info-btn {
    cursor: pointer;
    margin-right: 2em;
    padding: 1em 0;
}
.request-info-btn.embed-iframe ,
.make-offer-btn.embed-iframe ,
.schedule-visit-btn.embed-iframe {
    visibility:hidden;
}
.schedule-visit-btn i,
.make-offer-btn svg,
.request-info-btn i {
    margin-right:0.25em;
}
.slidecontainer {
    width: 100%;
    position: relative;
    left: 1em;
}
.voice-volume .slider {
    -webkit-appearance: none;
    height: 2px;
    background: rgba(255,255,255,0.25);
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    position: relative;
    bottom: 9px;
}
.voice-volume  .slider:hover {
    opacity: 1;
}
.voice-volume  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.voice-volume  .slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.volume-icon {
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
    min-width:30px;
    padding-top:4px;
}
.voice-volume {
    cursor:pointer;
}
.voice-volume  .slider:hover {
    opacity: 1;
}
.voice-volume  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.voice-volume  .slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.volume-icon {
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
    min-width:30px;
    padding-top:1px;
}
.voice-volume {
    min-width: 16em;
    cursor:pointer !important;
}

.circle-warning {
    position: absolute;
    background: #FFF3C4;
    border: 1px solid #FFEEBA;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    padding: 1em;
}
.circle-warning-content {
    color: #856404;
}
.circle-warning-title {
    font-weight: 600;
}
.icon-col {
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle-warning .close{
    top: 0;
    position: absolute;
    right: 0;
    margin: 0 0.4em;
}
.circle-request-permissions {
    background: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
@media (min-width:320px)  {
    .make-offer-text ,
    .schedule-visit-text ,
    .request-info-text {
        display: none;
    }
    .popup-schedule {
        bottom: -9.25em;
        width: 20%;
        right: 3.75em;
    }
    .popup-offer {
        bottom:-9.25em;
        right: 1.75em;
    }
    .popup-info{
        bottom:-9.4em;
        right: 3.75em;
    }
 /*   .voice-volume {
        display: none;
    }*/
    #volumeRange {
        max-width: 4em;
        display: none;
    }
    .btn-voice-volume {
        display: block;
    }
    .btn-live-bar {
        margin:0 !important;
    }
    .live-player-bar {
        width:100%;
    }
    #ohUserNameModal .modal-dialog {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .request-permissions-1 {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }
    .modal-dialog{
        -webkit-transform: none;
        -o-transform: none;
        top:initial
    }
    .remote-circle-warning {
        width: 90%;
        top: 16em;
        left: 50%;
    }
    .self-circle-warning {
        width: 90%;
        top: 16em;
        left: 50%;
    }
  /*  .btn-oh-mic ,
    .show-actions-btn {
        margin-right: 0;
    }
    .btn-oh-cam ,
    .show-chat-btn{
        margin-left: 0;
    }*/
    .private-chat-empty ,
    .public-chat-empty {
        height: 41vh !important;
    }
    .circle-request-permissions {
        width:10em;
        height:10em;
    }
}
@media (min-width: 576px) {
    .voice-volume {
        display: block;
    }
    .live-player-bar {
        width:77%;
    }
    .make-offer-text ,
    .schedule-visit-text ,
    .request-info-text {
        display: none;
    }
    .popup-schedule {
        bottom: -9.5em;
        width: 20%;
        right: 11em;
    }
    .popup-offer {
        bottom:-9.75em;
    }
    .popup-info{
        bottom:-9.4em;
        right: 25em;
    }
   .modal-dialog {
        -webkit-transform: translate(0,-50%) !important;
        -o-transform: translate(0,-50%) !important;
        transform: translate(0,-50%) !important;
        top: 50%;
        margin: 0 auto;
       position: relative;
    }
    .remote-circle-warning,
    .self-circle-warning {
        width: 80%;
        top: 16em;
        left: 50%;
    }
    .private-chat-empty ,
    .public-chat-empty {
        height: 41vh !important;
    }
    .circle-request-permissions {
        margin-top: initial !important;
        width:10em;
        height:10em;
    }
    #volumeRange {
        display: initial;
        max-width: 6em;
    }
    /*.voice-volume {
        display: block;
    }*/
    .btn-voice-volume {
        display: none;
    }
}
@media (min-width: 768px) {
    .live-player-bar {
        width:75% !important;
    }
    .make-offer-text ,
    .schedule-visit-text ,
    .request-info-text {
        display: none;
    }
    .popup-schedule {
        bottom: -9.5em;
        width: 20%;
        right: 11em;
    }
    .popup-offer {
        bottom:-9.75em;
    }
    .popup-info{
        bottom:-9.4em;
        right: 25em;
    }
    #volumeRange {
        max-width: initial;
    }
    .remote-circle-warning {
        width: 41%;
        top: 7em;
        left: 41%;
    }
    .self-circle-warning {
        width: 41%;
        top: 7em;
        left: unset;
        right: 0;
    }
    .private-chat-empty ,
    .public-chat-empty {
        height: 83vh !important;
    }
    .circle-request-permissions,
    .circle-request-permissions video {
        width:12em;
        height:12em;
    }
}
@media (min-width: 992px) {
    .live-player-bar {
        width:75% !important;
    }
    .make-offer-text ,
    .schedule-visit-text ,
    .request-info-text {
        display: inline-block;
    }
    .popup-schedule {
        bottom: -9.5em;
        width: 20%;
        right: 11em;
    }
    .popup-offer {
        bottom:-9.75em;
    }
    .popup-info{
        bottom:-9.4em;
        right: 25em;
    }
    #volumeRange {
        max-width: initial;
    }
    .remote-circle-warning {
        top: 7em;
        width: 34%;
        left: 34%;
    }
    .self-circle-warning {
        top: 7em;
        width: 34%;
        left: unset;
        right: 0%;
    }
    .private-chat-empty ,
    .public-chat-empty {
        height: 83vh !important;
    }
}
@media (min-width: 1200px) {
    .live-player-bar {
        width:75% !important;
    }
    .make-offer-text ,
    .schedule-visit-text ,
    .request-info-text {
        display: inline-block;
    }
    .popup-schedule {
        bottom: -9.5em;
        width: 20%;
        right: 6em;
    }
    .popup-offer {
        bottom:-8.5em;
    }
    .popup-info{
        bottom:-9.4em;
        right: 18em;
    }
    #volumeRange {
        max-width: initial;
    }
    .col-permissions-button {
        position: relative;
    }
    .request-permissions-1 {
        padding-top: 2em !important;
    }
    .remote-circle-warning {
        width: 29%;
        top: 7em;
        left: 29%;
    }
    .self-circle-warning {
        width: 29%;
        top: 7em;
        left: unset;
        right: 0%;
    }
    .private-chat-empty ,
    .public-chat-empty {
        height: 83vh !important;
    }
}
@media screen and (min-width: 1400px) {
    .remote-circle-warning {
        width: 24%;
        top: 7em;
        left: 24%;
    }
    .self-circle-warning {
        width: 24%;
        top: 7em;
        left: unset;
        right: 0;
    }
}
@media screen and (min-width: 1600px) {
    .remote-circle-warning {
        width: 21%;
        top: 7em;
        left: 21%;
    }
    .self-circle-warning {
        width: 21%;
        top: 7em;
        left: unset;
        right: 0%;
    }
    .private-chat-empty ,
    .public-chat-empty {
        height: 83vh !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {
    .remote-circle-warning {
        width: 45%;
        top: 7em;
        left: 45%;
    }
    .self-circle-warning {
        width: 45%;
        top: 7em;
        left: 55%;
    }
    .private-chat-empty ,
    .public-chat-empty {
        height: 83vh !important;
    }

}



.full-screen-btn {
    cursor:pointer;
}
.minimize-icon {
    display: none;
}
#private-chat .messages {
    background:none;
}
.live-layer {
    background:transparent;
    position:absolute;
    z-index:999;
    pointer-events:none;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    padding:1em;
    display: none;
}
.live-layer.embed-full-screen {
    top:5em !important;
}
.live-label {
    font-family: "Red Hat Display", sans-serif !important;
    display:inline-block;
    background: #FE4F51;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0.5em 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-right:0.75em;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.live-label .fa-circle{
    margin-right:0.25em;
    animation: blinker 1s linear infinite;
    vertical-align: 1px;
}
.live-current-viewers {
    display:inline-block;
    padding: 0.54em 1em;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-weight:600;
    color:#fff;
}
.live-current-viewers .fa-eye {
    margin-right:0.25em;
}
#loadingScreen {
    background:#11132C;
}
#propertyInfo .modal-footer,
#videoCallsVisitorActionButtons .modal-footer,
#addActionButtons .modal-footer,
#inviteUserVideocalls .modal-footer {
    border-top:1px solid #DFE3E7;
}
.info-col ,
.copy-col {
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp-share-btn:hover ,
.facebook-share-btn:hover ,
.twitter-share-btn:hover ,
.email-share-btn:hover {
    opacity:.7;
    cursor:pointer;
}
.copy-share-link {
    cursor:pointer;
    text-decoration: underline;
}
.copy-col path {
    stroke: var(--primary-color);
}
#propertyInfo .link-live {
    color:#303AB2 !important;
    font-weight: 500;
}
#inviteUserVideocalls .link-live{
    color:#303AB2 !important;
    font-weight: bold;
    text-decoration: underline;
}
#inviteUserVideocalls .copy-col {
    background: #EEF0F2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#inviteUserVideocalls .copy-col path {
    stroke:#303AB2 !important;
}
#inviteUserVideocalls .modal-header {
    border-bottom: 1px solid #DFE3E7;
}
.snackbar-container {
    bottom: 6em !important;
    margin: 0 1em;
}
.sidebar-action-buttons-content {
    height:initial;
}
.volume-icon {
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
    min-width: 30px;
    padding-top: 1px;
    color:#fff;
}
.openhouse-finish-feedback-popup .swal2-content {
    display: flex;
}
.openhouse-finish-feedback-popup .swal2-footer {
    margin: 0.25em 0 0;
}
.emoji-icon {
    position: relative;
    top: 1px;
    font-size: 1.35em;
}
.msg-sent-name, .msg-reply-name {
    display: block !important;
}
.msg-name {
    font-weight: bold;
}
#frame .content .messages ul li.replies p {
    /*
    background: #f5f5f5;
    */
    float: right;
    margin-bottom: 0 !important;
}

.iti__selected-flag ,
.selected-flag {
    background:none !important;
    border-right: 1px solid var(--gray-100) !important;
}
.intl-tel-input .flag-dropdown { display: none; }
.iti-flag {
    display: none;
}
.selected-dial-code {
    padding-left: 0 !important;
}
.summary-swal-subtitle {
    font-weight: bold;
    margin:0;
    color: var(--gray-800);
}
.summary-swal-content {
    margin:0;
    color: var(--gray-800);
}
.summary-call-duration {
    color: var(--gray-500);
    margin-bottom: 1.5em;
}
.summary-swal-subtitle-offer,
.summary-swal-subtitle-schedule {
    margin-top: 1.5em;
}
.iti--allow-dropdown,
.intl-tel-input {
    width:100% !important;
}