.mp-wrap {
    height: 100%
}

.main_player {
    height: 98%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.app-started .main_player {
    display: block
}

.mp-remote-vid {
    background: #1a1b1c;
    float: left;
    height: 100%;
    position: relative;
    width: 70% !important;
}

.mrv-video {
    height: 100%;
    position: relative;
    overflow: hidden
}

#localVideo,
#remoteVideo,
#videoLoader {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#videoLoader {
    object-fit: cover;
}
#localVideo {
    object-fit: cover;
}

#videoLoader{
}
.randomImagePreview{
    width: 130%;
    height: 130%;
    overflow: hidden;
    object-fit: cover;
    margin-left: -10%;
    margin-top: -10%;
    filter: blur(1rem); 
}

.rlt-info-message {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.rlt-info-message:before {
    color: #000;
    display: block;
    margin: 0 auto;
    font-weight: 400;
    font-family: ChatspinIcons;
    font-size: 72px;
    line-height: 1.2
}

.rlt-accept-connection {
    display: none;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.rlt-accept-connection span {
    border-bottom-width: 2px;
    padding: 0.75em 2em;
    white-space: nowrap
}

.blurred .rlt-accept-connection {
    display: block
}

.blurred.mrv-video .report-list {
    display: none
}

.mrv-cam-nav {
    position: absolute;
    top: 10px;
    left: 10px
}

.mcn-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: ltr;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 6px;
    padding: 0 4px 0 10px;
    position: relative
}

.mcn-wrap>span {
    color: #d1cecb;
    margin-right: 5px;
    white-space: nowrap
}

.mcn-wrap>div {
    position: relative;
    width: 100%
}

.mcn-wrap>div>span {
    border-top-right-radius: 4px;
    color: #FFF;
    cursor: pointer;
    display: block;
    padding: 8px;
    position: relative
}

.mcn-wrap>div>span em {
    margin-right: 5px
}

.mcn-wrap>div>span em.ci-mars,
.mcn-wrap>div>span em.ci-venus,
.mcn-wrap>div>span em.ci-unisex-icon {
    font-weight: 800
}

.mcn-wrap>div>span em.ci-globe-o {
    font-size: larger
}

.mcnb-dropdown {
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1000005;
    height: 250px!important;
}

.mcnb-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: calc(100% - 50px);
    overflow: auto;
    position: relative;
    text-align: left
}

.mcnb-list ul li {
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap
}

.mcnb-list ul li:hover {
    color: #ffc024
}

.mcnb-list ul::-webkit-scrollbar {
    width: 10px
}

.mcnb-list ul::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: 10px
}

.mcnb-list ul::-webkit-scrollbar-thumb {
    background: #6f6f6f;
    border-radius: 10px
}

.mcnb-open.gndr_wrap {
    padding-right: 0
}

.mcnb-open.gndr_wrap .mcnb-list>span {
    background: #fff;
    border-top-right-radius: 0;
    color: #000;
    margin-left: 5px
}

.mcnb-open.gndr_wrap .mcnb-list>span:before {
    content: "";
    border: 7px solid transparent;
    border-right: 7px solid #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.mcnb-list>.rlt-cntr-flag:before {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin-right: 10px;
    height: 21px;
    width: 21px
}

.cntr_wrap>div>span {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.mcnb-open.cntr_wrap>div>span {
    background: #fff;
    border-left: 2px inset rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 0 0;
    color: #000;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 10000
}

.mcnb-list #cntr_lst li.rlt-cntr-flag:before {
    margin-right: 15px;
    vertical-align: -0.7em;
    height: 32px;
    width: 32px
}

.mcnb-list #cntr_lst li em {
    background: #fdbe3b;
    border-radius: 50%;
    color: #000;
    font-size: 32px;
    margin-right: 10px
}

.mcnb-list #cntr_lst li.active {
    background: #e5e5e5;
    color: #000;
    cursor: default
}

.mcnb-list #cntr_lst li.active:after {
    content: "\e845";
    font-family: ChatspinIcons;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mcnb-list #cntr_lst #cl-more {
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid none none;
    display: block;
    margin: 10px auto 0;
    padding-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    width: calc(100% - 30px)
}

.gndr_wrap .mcnb-list ul {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
}

.mcnb-search {
    border: 1px solid #000;
    border-radius: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    margin: 0 auto 0.5em;
    position: relative;
    padding: 0.4em 0.75em;
    width: calc(100% - 1.5em)
}

.mcnb-search input {
    border: none;
    color: #000;
    cursor: text;
    font-size: 0.8em;
    outline: none;
    width: 100%
}

.mcnb-search input:placeholder {
    color: #5a5a5a
}

.mcnb-search em {
    color: #808080;
    font-size: 0.9em;
    margin-right: 0.4em
}

.mcnb-not-found {
    color: #e31f1f;
    display: none;
    font-size: 0.8em;
    font-weight: 500;
    white-space: nowrap
}

.rlt-looking-women {
    direction: ltr;
    display: none;
    position: absolute;
    top: 12px;
    left: calc(100% + 30px);
    z-index: 1
}

.rlw-body {
    background: #fff;
    border-radius: 0 5px 5px 5px;
    -webkit-box-shadow: 0 0 10px 1px rgba(254, 202, 60, 0.75);
    box-shadow: 0 0 10px 1px rgba(254, 202, 60, 0.75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    width: 270px
}

.rlw-body:before {
    content: "";
    border: 10px solid transparent;
    border-top: 20px solid #fff;
    border-right: transparent;
    position: absolute;
    top: 0;
    left: -10px
}

.rlwb-img {
    min-width: 80px
}

.upgrade_girl_cute .rlwb-img {
    background: url() center/cover no-repeat
}

.upgrade_girl_sexy .rlwb-img {
    background: url() center/cover no-repeat
}

.upgrade_girl_lips .rlwb-img {
    background: url() center/cover no-repeat
}

.no-webp .upgrade_girl_cute .rlwb-img {
    background: url() center/cover no-repeat
}

.no-webp .upgrade_girl_sexy .rlwb-img {
    background: url() center/cover no-repeat
}

.no-webp .upgrade_girl_lips .rlwb-img {
    background: url() center/cover no-repeat
}

.rlw-cont {
    font-size: 12px;
    padding: 15px 10px 10px;
    line-height: 1.7;
    font-weight: 500
}

.rlw-cont strong {
    display: block;
    font-style: italic
}

.rlw-cont span {
    background: #202020;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 3px;
    text-align: center
}

.rlw-cont span:hover {
    background: #615f5f
}

.rlw-close {
    color: #202020;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: 7px;
    right: 7px;
    text-shadow: 0 0 0
}

.rlw-close:hover {
    color: #615f5f
}

#water_mrk {
    background: url() center/contain no-repeat;
    width: 140px;
    height: 44px;
    position: absolute;
    bottom: 10px;
    left: 5px;
    opacity: 0.8
}

.mrv-cam-btns {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 10001
}

.mrv-cam-btns em {
    background: rgba(0, 0, 0, 0.6);
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 38px;
    font-weight: bold;
    padding: 18px 12px;
    position: absolute;
    left: 0;
    top: 50%;
    outline: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-shadow: 0 2px 2px rgba(30, 38, 40, 0.35);
    box-shadow: 0 2px 2px rgba(30, 38, 40, 0.35)
}

.mrv-cam-btns #right_button {
    left: auto;
    right: 0
}

.mrv-share {
    background: #000;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 40px;
    line-height: 1em;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    bottom: 70px;
    right: 14px;
    height: 1em;
    width: 1em
}

.mrv-share em {
    color: #ffbf25;
    font-size: 0.62em
}

.mrv-share:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.mrv-gift {
    font-size: 40px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 1em;
    width: 1em
}

.gift-box {
    background: url(../../images/live_mingle/giftbox.svg?v1) no-repeat;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    height: 1em;
    width: .95em;
    z-index: 1
}

.gift-box:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.gift-box:before,
.gift-box:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1
}

.gift-box:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 30px #eb5856;
    margin: -30px;
    -webkit-transform: scale(0);
    transform: scale(0);
    height: 60px;
    width: 60px;
    z-index: -1
}

.gift-box:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 5px -48px 0 -4px #ff8080, -5px -42px 0 -4px #ffed80, 40px -25px 0 -4px #ffed80, 30px -30px 0 -4px #a4ff80, 45px 16px 0 -4px #a4ff80, 42px 4px 0 -4px #80ffc8, 16px 45.5px 0 -4px #80ffc8, 23px 35.5px 0 -4px #80c8ff, -25px 41px 0 -4px #80c8ff, -13.5px 40px 0 -4px #a480ff, -48px 5.5px 0 -4px #a480ff, -40px 14px 0 -4px #ff80ed, -34px -34px 0 -4px #ff80ed, -36px -22px 0 -4px #ff8080;
    box-shadow: 5px -48px 0 -4px #ff8080, -5px -42px 0 -4px #ffed80, 40px -25px 0 -4px #ffed80, 30px -30px 0 -4px #a4ff80, 45px 16px 0 -4px #a4ff80, 42px 4px 0 -4px #80ffc8, 16px 45.5px 0 -4px #80ffc8, 23px 35.5px 0 -4px #80c8ff, -25px 41px 0 -4px #80c8ff, -13.5px 40px 0 -4px #a480ff, -48px 5.5px 0 -4px #a480ff, -40px 14px 0 -4px #ff80ed, -34px -34px 0 -4px #ff80ed, -36px -22px 0 -4px #ff8080;
    margin: -4px;
    height: 8px;
    width: 8px
}

.active .gift-box {
    -webkit-animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
    animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
    color: #e2264d
}

.active .gift-box:before,
.active .gift-box:after {
    -webkit-animation: inherit;
    animation: inherit;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.active .gift-box:before {
    -webkit-animation-name: bubble;
    animation-name: bubble
}

.active .gift-box:after {
    -webkit-animation-name: sparkles;
    animation-name: sparkles
}

.gift-timer {
    font-size: 43px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1.4em;
    width: 1.4em
}

.gift-timer>div {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 50%
}

.gift-timer>div div {
    border: 0.075em solid transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    height: 100%;
    width: 200%
}

.gift-timer>div.timer-right {
    right: 0
}

.gift-timer>div.timer-right div {
    border-top: 0.075em solid #ffbf24;
    border-right: 0.075em solid #ffbf24;
    right: 1px
}

.gift-timer>div.timer-left {
    left: 0
}

.gift-timer>div.timer-left div {
    border-bottom: 0.075em solid #ffbf24;
    border-left: 0.075em solid #ffbf24;
    left: 1px
}

@-webkit-keyframes timerLeft {
    0% {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    50%,
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes timerLeft {
    0% {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    50%,
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes timerRight {
    0%,
    50% {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes timerRight {
    0%,
    50% {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.mrv-send-gem {
    background: #231F20;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 5px 5px 12px;
    position: absolute;
    bottom: 12px;
    right: 30px
}

.mrv-send-gem span {
    padding-right: 33px
}

.mrv-send-gem svg {
    position: absolute;
    bottom: -5px;
    right: 0;
    height: 42px;
    width: 32px
}

.mrv-grey {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    height: 29px
}

.rlt-stop em.mrv-grey {
    border-radius: 50%;
    font-size: 14px;
    line-height: 29px;
    text-align: center;
    width: 29px
}

.rlt-stop span.mrv-grey {
    padding: 0 8px
}

.rlt-stop:hover .mrv-grey {
    background: rgba(0, 0, 0, 0.9)
}

.mrvv-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: calc(100% - 100px)
}

#start_btn {
    border-bottom-width: 3px;
    font-weight: 600;
    white-space: nowrap
}

.mrv-video #start_btn {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 12px 30px;
    position: absolute;
    z-index: 10
}

.rlt-stopped .rlt-stop,
.rlt-stopped .rlt-info-message,
.rlt-stopped .report-list {
    display: none
}

.report-list-body {
    background: rgba(0, 0, 0, 0.65);
    border-radius: 0.5em;
    font-size: 16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1002
}

.report-list-body.active {
    background: #000;
    min-width: 18em;
    opacity: 1
}

.report-list-body.active span {
    color: #ffbf24
}

.report-list-body.active ul {
    max-height: 300px;
    padding: 0 1.25em 0.75em;
    opacity: 1
}

.report-list-body.active .close-icon.report-close {
    display: block
}

.report-list-body span {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.15em;
    font-weight: 600;
    padding: 0.85em 1.5em;
    text-align: center;
    width: 100%
}

.report-list-body span em {
    margin-right: 0.5em
}

.report-list-body ul {
    max-height: 0;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: max-height .25s ease, opacity .25s ease;
    transition: max-height .25s ease, opacity .25s ease
}

.report-list-body ul li {
    border-top: 1px solid #ababab;
    color: #fff;
    cursor: pointer;
    font-size: 0.95em;
    padding: 0.75em 0.5em
}

.report-list-body ul li:hover {
    color: #ffbf24
}

.close-icon.report-close {
    display: none;
    right: 0.75em;
    top: 0.75em;
    height: 1em;
    width: 1em
}

.close-icon.report-close:before,
.close-icon.report-close:after {
    background: #fff
}

.report-bg {
    display: none;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1001
}

.rlt-camera-loading {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}

.rlt-camera-loading:before {
    -webkit-animation: blink 1.2s infinite ease-in-out;
    animation: blink 1.2s infinite ease-in-out;
    background: url() center/contain no-repeat;
    position: absolute;
    height: 75px;
    width: 75px
}

.rlt-camera-loading:before {
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 45px;
    width: 45px;
    z-index: 2
}

#loading_div {
    
    position: absolute;
    height: 75px;
    width: 75px;
    -webkit-animation: blink 1.2s infinite ease-in-out;
    animation: blink 1.2s infinite ease-in-out
}

@-webkit-keyframes blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.mp-remote-vid .rlt-warning {
    top: auto;
    bottom: 0;
    z-index: 100
}

.mp-chat-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
    height: 100%;
    width: 30% !important;
}

.cw-local-vid {
    height: 30%;
    position: relative
}

.clv-video {
    background: #000;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.clv-video .rlt-warning {
    z-index: 100
}

.clv-tokens {
    background: rgba(0, 0, 0, 0.37);
    border-radius: 0 0 12px 12px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    padding: 0.3em 0.35em;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.clv-tokens span {
    font-size: 0.95em
}

.clv-tokens .gem-icon {
    -webkit-filter: none;
    filter: none;
    margin-right: 0.4em;
    height: 1.1em;
    width: 1.3em
}

.clv-tokens .ci {
    color: #ffbf25;
    cursor: pointer;
    font-size: 1.25em;
    margin-left: 0.75em
}

.clv-tokens .ci:hover {
    color: #f1aa00
}

#enable_vid {
    color: #fff;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#enable_vid em {
    display: block;
    font-size: 44px;
    margin-bottom: 15px;
    text-align: center
}

#enable_vid span {
    display: inline-block;
    padding: 8px 16px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    border-bottom-width: 3px
}

#enable_vid.ev_show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.clv-control {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.clvc-list li {
    display: inline-block;
    list-style-type: none
}

.clvc-list li em {
    color: #ffbf25;
    cursor: pointer;
    font-size: 24px;
    margin: 7px 0;
    padding: 5px;
    position: relative
}

.clvc-list li em:hover {
    -webkit-filter: contrast(1.4);
    filter: contrast(1.4)
}

.clvc-list li em.off,
.clvc-list li.off em {
    color: #e2e2e2
}

em.off:after,
.off em:after {
    content: "";
    background: #dc2c2c;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 3px;
    -webkit-transform: translateX(-50%) rotateZ(45deg);
    transform: translateX(-50%) rotateZ(45deg)
}

#switch_camera {
    display: none
}

.remaud_wrp {
    position: relative
}

.remaud_wrp #audio_range {
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 100px 100px 0 0;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    opacity: 0;
    overflow: hidden;
    outline: none;
    visibility: hidden;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 0;
    width: 0
}

.remaud_wrp:hover #audio_range {
    border-radius: 5px 5px 0 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0.03s;
    transition-delay: 0.03s;
    height: 100%;
    width: 140px
}

.remaud_wrp:hover #audio_range::-webkit-slider-thumb {
    opacity: 1
}

.remaud_wrp:hover #audio_range::-moz-range-thumb {
    opacity: 1
}

#audio_range::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #eee;
    border: 0 solid #000
}

#audio_range::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #eee;
    border: 0 solid #000
}

#audio_range::-webkit-slider-thumb {
    border: 0 solid #000;
    height: 25px;
    width: 15px;
    border-radius: 4px;
    background: #ffbf25;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

#audio_range::-moz-range-thumb {
    border: 0 solid #000;
    height: 25px;
    width: 15px;
    border-radius: 12px;
    background: #ffbf25;
    cursor: pointer;
    margin-top: -11px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

#vip-badge {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.8;
    height: 30px;
    width: 30px;
    z-index: 10
}

.clv-masks-wrap {
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: ltr;
    opacity: 0;
    padding: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.cmw-list {
    margin: 0 5px;
    overflow: hidden;
    width: calc(100% - 100px)
}

.clv-masks-wrap ul {
    background: #adb1b5;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    overflow: hidden;
    white-space: nowrap
}

.clv-masks-wrap>.orng-btn,
.clv-masks-wrap ul li {
    display: inline-block;
    height: 40px;
    width: 45px;
    vertical-align: top
}

.clv-masks-wrap ul li {
    border-right: 1px solid #929394;
    cursor: pointer;
    padding: 0 2px
}

.clv-masks-wrap ul li:hover {
    background: rgba(255, 255, 255, 0.6)
}

.clv-masks-wrap ul li.remove-mask,
.clv-masks-wrap>.orng-btn {
    border: 0;
    border-radius: 3px;
    font-size: 30px;
    text-align: center
}

.clv-masks-wrap ul li.remove-mask em,
.clv-masks-wrap>.orng-btn em {
    line-height: 40px;
    vertical-align: top
}

.clv-masks-wrap ul li.remove-mask em {
    color: #19252d
}

.clv-masks-wrap .cmw-next em {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}

.clv-masks-wrap ul.prev-tap li img,
.clv-masks-wrap ul.prev-tap li {
    pointer-events: none
}

.show-masks .clv-masks-wrap {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#mask-btn.active {
    color: #ffbf25
}

.cbw-extra {
    background: #ffbf25;
    cursor: pointer;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 7px
}

.cbw-extra p {
    color: #000;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5
}

.cbw-extra p strong {
    background: #000;
    color: #fff;
    font-weight: 600;
    padding: 1px 4px
}

.cbw-extra span {
    background: #303030;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px #c67b00;
    box-shadow: 0 2px 2px #c67b00;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    margin-left: 5px;
    padding: 7px;
    white-space: nowrap
}

.chat-body {
    position: relative;
    max-height: 100%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.chat-head {
}

.chat-head>div {
    width: 100%
}

.chat-head .rlt-flag {
    font-size: 15px;
    line-height: 1.7em;
    padding: 2px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.chat-head .rlt-flag:before {
    font-size: 1.7em;
    line-height: 1em;
    margin-right: 0.4em;
    height: 1em;
    width: 1em
}

.chat-head .flag-sponsored {
    text-decoration: underline
}

.chat-head .flag-sponsored:before {
    content: '\E88A';
    color: #ffbf25;
    font-family: ChatspinIcons;
    font-size: 1.4em;
    -webkit-filter: none;
    filter: none;
    text-shadow: 1px 1px 0px #0000008f;
    vertical-align: -.1em;
    height: auto;
    width: auto
}

.msg_wrap {
    height: calc(100% - 150px);
    margin-right: 8px;
    overflow: auto;
    padding: 10px 10px 0
}

.msg_wrap::-webkit-scrollbar {
    width: 6px
}

.msg_wrap::-webkit-scrollbar-track {
    background: none;
    border-radius: 6px
}

.msg_wrap::-webkit-scrollbar-thumb {
    background: #6f6f6f;
    border-radius: 6px
}

.rlt-chat-container {
    color: #505050;
    font-size: 13px
}

.rlt-chat-container .bg-primary {
    color: #505050;
    background-color: transparent
}

.rlt-msg-gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.rlt-msg-gift:before {
    content: '';
    background: url(../../images/live_mingle/giftbox.svg?v1) no-repeat;
    display: block;
    font-size: 1.5em;
    margin-right: 0.25em;
    height: 1em;
    width: .95em
}

.connect-item {
    margin: 0;
    line-height: 1.275
}

.connect-item p {
    margin: 0;
    font-weight: 500;
    position: relative
}

#cnct_srch p {
    padding-left: 25px
}

#cnct_srch em {
    color: #fbaf3a;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -2px
}

#cnct_srch span {
    position: relative
}

#cnct_srch span:after {
    content: "\2026";
    -webkit-animation: ellipsis steps(6, end) 900ms infinite;
    animation: ellipsis steps(6, end) 900ms infinite;
    position: absolute;
    bottom: 0;
    padding-left: 2px;
    overflow: hidden;
    width: 0
}

#cnct_srch small {
    display: block;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 3px
}

#cnct_srch small a {
    color: #ffbf25;
    text-shadow: 0 0 #000;
    text-decoration: underline
}

@-webkit-keyframes ellipsis {
    to {
        width: 0.8em
    }
}

@keyframes ellipsis {
    to {
        width: 0.8em
    }
}

.rv_head>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    white-space: nowrap
}

.rlt-reaction-h {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-size: 28px;
    margin-right: 5px;
    position: relative;
    height: 28px;
    min-width: 28px;
    z-index: 1
}

.rlt-reaction-h:before,
.rlt-reaction-h:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1
}

.rlt-reaction-h:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 30px #e2264d;
    margin: -30px;
    -webkit-transform: scale(0);
    transform: scale(0);
    height: 60px;
    width: 60px;
    z-index: -1
}

.rlt-reaction-h:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 5px -48px 0 -4px #ff8080, -5px -42px 0 -4px #ffed80, 40px -25px 0 -4px #ffed80, 30px -30px 0 -4px #a4ff80, 45px 16px 0 -4px #a4ff80, 42px 4px 0 -4px #80ffc8, 16px 45.5px 0 -4px #80ffc8, 23px 35.5px 0 -4px #80c8ff, -25px 41px 0 -4px #80c8ff, -13.5px 40px 0 -4px #a480ff, -48px 5.5px 0 -4px #a480ff, -40px 14px 0 -4px #ff80ed, -34px -34px 0 -4px #ff80ed, -36px -22px 0 -4px #ff8080;
    box-shadow: 5px -48px 0 -4px #ff8080, -5px -42px 0 -4px #ffed80, 40px -25px 0 -4px #ffed80, 30px -30px 0 -4px #a4ff80, 45px 16px 0 -4px #a4ff80, 42px 4px 0 -4px #80ffc8, 16px 45.5px 0 -4px #80ffc8, 23px 35.5px 0 -4px #80c8ff, -25px 41px 0 -4px #80c8ff, -13.5px 40px 0 -4px #a480ff, -48px 5.5px 0 -4px #a480ff, -40px 14px 0 -4px #ff80ed, -34px -34px 0 -4px #ff80ed, -36px -22px 0 -4px #ff8080;
    margin: -4px;
    height: 8px;
    width: 8px
}

.rlt-reaction-h span,
.rlt-reaction-h em {
    color: #e2264d;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.rlt-reaction-h span {
    color: #222;
    font-size: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    top: 47.5%
}

.active.rlt-reaction-h {
    -webkit-animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
    animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
    color: #e2264d
}

.active.rlt-reaction-h:before,
.active.rlt-reaction-h:after {
    -webkit-animation: inherit;
    animation: inherit;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.active.rlt-reaction-h:before {
    -webkit-animation-name: bubble;
    animation-name: bubble
}

.active.rlt-reaction-h:after {
    -webkit-animation-name: sparkles;
    animation-name: sparkles
}

.active.rlt-reaction-h span {
    color: #fff;
    -webkit-animation: heart 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    animation: heart 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.active.rlt-reaction-h em:before {
    content: "\e85c"
}

@-webkit-keyframes heart {
    0%,
    17.5% {
        font-size: 0
    }
}

@keyframes heart {
    0%,
    17.5% {
        font-size: 0
    }
}

@-webkit-keyframes bubble {
    15% {
        border-width: 30px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30%,
    100% {
        border-width: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bubble {
    15% {
        border-width: 30px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30%,
    100% {
        border-width: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes sparkles {
    0%,
    20% {
        opacity: 0
    }
    25% {
        -webkit-box-shadow: 5px -39px 0 0 #ff8080, -5px -33px 0 0 #ffed80, 34px -20px 0 0 #ffed80, 22.5px -25px 0 0 #a4ff80, 37px 14px 0 0 #a4ff80, 33px 2px 0 0 #80ffc8, 12px 37px 0 0 #80ffc8, 19px 27.5px 0 0 #80c8ff, -21.5px 33px 0 0 #80c8ff, -10px 32px 0 0 #a480ff, -39px 3.5px 0 0 #a480ff, -31px 12.5px 0 0 #ff80ed, -27px -28px 0 0 #ff80ed, -29px -16.5px 0 0 #ff8080;
        box-shadow: 5px -39px 0 0 #ff8080, -5px -33px 0 0 #ffed80, 34px -20px 0 0 #ffed80, 22.5px -25px 0 0 #a4ff80, 37px 14px 0 0 #a4ff80, 33px 2px 0 0 #80ffc8, 12px 37px 0 0 #80ffc8, 19px 27.5px 0 0 #80c8ff, -21.5px 33px 0 0 #80c8ff, -10px 32px 0 0 #a480ff, -39px 3.5px 0 0 #a480ff, -31px 12.5px 0 0 #ff80ed, -27px -28px 0 0 #ff80ed, -29px -16.5px 0 0 #ff8080;
        opacity: 1
    }
}

@keyframes sparkles {
    0%,
    20% {
        opacity: 0
    }
    25% {
        -webkit-box-shadow: 5px -39px 0 0 #ff8080, -5px -33px 0 0 #ffed80, 34px -20px 0 0 #ffed80, 22.5px -25px 0 0 #a4ff80, 37px 14px 0 0 #a4ff80, 33px 2px 0 0 #80ffc8, 12px 37px 0 0 #80ffc8, 19px 27.5px 0 0 #80c8ff, -21.5px 33px 0 0 #80c8ff, -10px 32px 0 0 #a480ff, -39px 3.5px 0 0 #a480ff, -31px 12.5px 0 0 #ff80ed, -27px -28px 0 0 #ff80ed, -29px -16.5px 0 0 #ff8080;
        box-shadow: 5px -39px 0 0 #ff8080, -5px -33px 0 0 #ffed80, 34px -20px 0 0 #ffed80, 22.5px -25px 0 0 #a4ff80, 37px 14px 0 0 #a4ff80, 33px 2px 0 0 #80ffc8, 12px 37px 0 0 #80ffc8, 19px 27.5px 0 0 #80c8ff, -21.5px 33px 0 0 #80c8ff, -10px 32px 0 0 #a480ff, -39px 3.5px 0 0 #a480ff, -31px 12.5px 0 0 #ff80ed, -27px -28px 0 0 #ff80ed, -29px -16.5px 0 0 #ff8080;
        opacity: 1
    }
}

.rlt-partner-using-mask {
    display: none;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    margin: 5px 0;
    padding: 0;
    position: relative
}

.rlt-partner-using-mask:before {
    content: "\e839";
    background: #fdbe3b;
    border-radius: 4px 0 0 4px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 23px;
    font-family: ChatspinIcons;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    height: 100%;
    width: 34px
}

.rlt-partner-using-mask span {
    display: block;
    font-size: 12px;
    padding: 5px 5px 5px 40px;
    position: relative
}

.rlt-partner-using-mask span em {
    color: #ffbf25;
    cursor: pointer;
    font-size: larger;
    font-style: normal;
    margin: -2px 1px 0
}

.rlt-partner-using-mask span em:before {
    content: '\e83d';
    font-family: ChatspinIcons
}

#rv_info>.rlt-gender:before {
    font-family: ChatspinIcons;
    font-size: larger;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle
}

.private-gender-m:before,
.male_gndr:before,
.msg_male:before,
.gndr_male:before {
    content: "\f222";
    color: #267cf8
}

.private-gender-f:before,
.female_gndr:before,
.msg_female:before,
.gndr_female:before {
    content: "\f221";
    color: #ff2c8d
}

.private-gender-c:before,
.couple_gndr:before,
.msg_couple:before,
.gndr_couple:before {
    content: "\e836";
    color: #02a007
}

.private-gender-t:before,
.trans_gndr:before,
.msg_trans:before,
.gndr_trans:before {
    content: "\f224";
    color: #be4afc
}

.rlt-partner-tags {
    display: none;
    font-size: 13px;
    margin: -5px 0 10px 7px
}

.rlt-partner-tags:before {
    content: "\e83A";
    font-family: ChatspinIcons;
    color: #ffbf25;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    margin-right: 4px
}

.verify-icon {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99 94.2'%3e%3cpath fill='%23fff' d='M88.2 47.1l-11-9 3.6-13.8-14.2-.7-5.1-13.3-12 7.7-12-7.7-5.1 13.3-14.2.7 3.6 13.8-11 9 11 9-3.6 13.8 14.2.7 5.1 13.3 12-7.7 12 7.7 5.1-13.3 14.2-.7-3.6-13.8z'/%3e%3cpath fill='%237bd500' d='M47.1 63.3L35.7 34h7.1L51 56.6 59.1 34h7.1L54.9 63.3h-7.8z'/%3e%3cpath fill='%237bd500' d='M89.5 18l-18.2-1-6.5-17-15.3 9.9L34.2 0l-6.5 17-18.2 1 4.7 17.6L0 47.1l14.1 11.5-4.6 17.6 18.2 1 6.5 17 15.3-9.9 15.3 9.9 6.5-17 18.2-1-4.7-17.6L99 47.1 84.9 35.6 89.5 18zm-1.3 29.1l-11.1 9 3.7 13.8-14.2.8L61.5 84l-12-7.8-12 7.8-5.1-13.3-14.2-.8 3.7-13.8-11.1-9 11.1-9-3.7-13.8 14.2-.8 5.1-13.3 12 7.8 12-7.8 5.1 13.3 14.2.8-3.7 13.8 11.1 9z'/%3e%3c/svg%3e") no-repeat
}

#chat-vip-badge {
    cursor: pointer;
    margin-left: 7px;
    height: 28px;
    width: 30px
}

.rlt-vip-member #chat-vip-badge {
    cursor: default
}

.m-b {
    margin-bottom: 4px
}

.chatmsg {
    position: relative
}

.chatmsg:before {
    content: attr(data-msg);
    font-weight: bold;
    margin-right: 10px
}

.chatmsg.vip:not(.sysmsg)::after {
    content: "\e825";
    color: #ffbf25;
    font-size: larger;
    font-family: ChatspinIcons;
    position: absolute;
    left: 0;
    top: 0
}

#msg_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    margin-bottom: 0 !important;
    border-radius: 5px!important;    
}

#send_btn {
    background: #000;
    border: 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 11px;
    outline: none
}

.rlt-stopped #send_btn {
    cursor: default;
    background: #989898
}

.msg-translate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0.35em
}

.msg-translate input {
    position: absolute;
    visibility: hidden
}

.msg-translate input:checked+label:after {
    background-color: #fabe3a;
    -webkit-transform: translate(0.85em);
    transform: translate(0.85em)
}

.msg-translate label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2em;
    font-weight: 600;
    position: relative
}

.msg-translate label:before,
.msg-translate label:after {
    border: 1.5px solid #272727;
    cursor: pointer;
    height: 1.1em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.msg-translate label:before {
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#efefef), to(#c3c3c3));
    background: linear-gradient(90deg, #efefef, #c3c3c3);
    border-radius: 2em;
    right: 0;
    width: 1.8em
}

.msg-translate label:after {
    content: '\e872';
    background-color: #949494;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.8em;
    font-weight: 400;
    font-family: ChatspinIcons;
    position: absolute;
    right: 0.85em;
    height: 1.4em;
    width: 1.4em
}

.chat_input {
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    ;
}

.msg-input {
    background: #fff;
    border-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
}

.chat-msg {
    background: #fff;
    border: 0;
    color: #505050;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    overflow: hidden;
    outline: none;
    height: 40px;
    width: 100%;
    white-space: nowrap;
    border-radius: 5px!important;
}

.chat-msg::-webkit-input-placeholder {
    color: #acacac
}

.chat-msg::-moz-placeholder {
    color: #acacac
}

.chat-msg:-ms-input-placeholder {
    color: #acacac
}

.chat-msg:-moz-placeholder {
    color: #acacac
}

.chat-msg>div {
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    overflow: hidden;
    outline: none
}

.rlt-chat-typing {
    background: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
    display: inline-block;
    padding: 3px 6px;
    position: absolute;
    top: -35px;
    right: 20px
}

.rlt-chat-typing:before {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.9);
    position: absolute;
    bottom: -10px;
    right: 15px
}

.rlt-chat-typing .tc-dot {
    background: #fdbe3b;
    border-radius: 50%;
    display: inline-block;
    margin: 0px;
    height: 9px;
    width: 9px;
    -webkit-animation: wave 1s linear infinite;
    animation: wave 1s linear infinite
}

.rlt-chat-typing .tc-dot:nth-child(2) {
    -webkit-animation-delay: -0.66s;
    animation-delay: -0.66s
}

.rlt-chat-typing .tc-dot:nth-child(3) {
    -webkit-animation-delay: -0.33s;
    animation-delay: -0.33s
}

@-webkit-keyframes wave {
    0%,
    40%,
    100% {
        opacity: 1;
        -webkit-transform: initial;
        transform: initial
    }
    30% {
        opacity: 0.3;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes wave {
    0%,
    40%,
    100% {
        opacity: 1;
        -webkit-transform: initial;
        transform: initial
    }
    30% {
        opacity: 0.3;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.chat-emoji .emoji-btn {
    color: #e5e5e5;
    cursor: pointer;
    display: block;
    font-size: 30px;
    line-height: 40px;
    margin-right: 8px;
    padding: 0
}

.chat-emoji .emoji-btn:hover {
    color: #ccc
}

.chat-emoji .emoji-btn em {
    width: 30px;
    height: 30px
}

.gw-body {
    background: #000 url() center/500px repeat;
    cursor: pointer;
    height: 100%
}

.gw-body>div {
    height: 100%
}

.gw-body em {
    width: 1em;
    height: 1em
}

.grls-wrap {
    float: left;
    position: relative;
    height: 100%;
    width: 200px
}

.grls-wrap:hover .orng-btn {
    background: #f2ac00
}

.grls-wrap:hover .gw-head span {
    color: #ffbf25;
    text-shadow: 2px 1px 4px #000
}

.gw-head {
    background: rgba(255, 255, 255, 0.6);
    color: #000;
    cursor: pointer;
    font-style: italic;
    font-weight: 600;
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 1
}

.gw-head span {
    display: block;
    font-size: 15px;
    padding: 5px 10px
}

.rlt-vip-member #vip-badge {
    display: inline-block
}

.rlt-vip-member .msg_wrap {
    height: calc(100% - 90px)
}

.gwb-bnr {
    position: relative;
    padding-top: 32px;
    height: 100%
}

.gwbb-item {
    border: 7px solid #fff;
    display: none;
    position: relative;
    margin: 15px auto 30px;
    height: 120px;
    width: 125px
}

.gwbb-item:after {
    content: "";
    background: url();
    -webkit-filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.75));
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.75));
    position: absolute;
    top: -7px;
    right: -8px;
    height: 40px;
    width: 40px
}

.gwbb-item:nth-child(1) {
    display: block;
    background: url() center/cover no-repeat;
    -webkit-transform: rotateZ(-8.5deg);
    transform: rotateZ(-8.5deg)
}

.gwbb-item:nth-child(2) {
    display: block;
    background: url() center/cover no-repeat;
    -webkit-transform: rotateZ(8.5deg);
    transform: rotateZ(8.5deg)
}

.gwbb-item:nth-child(3) {
    background: url() center/cover no-repeat;
    -webkit-transform: rotateZ(-12deg);
    transform: rotateZ(-12deg)
}

.gwbb-item span {
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    padding: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%
}

.gwbb-item span:after {
    content: "";
    background: #40d024;
    border-radius: 50%;
    float: right;
    margin-top: 5px;
    height: 10px;
    width: 10px
}

.gwbb-cont {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), color-stop(33%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8) 33%, rgba(0, 0, 0, 0));
    padding: 0 10px 60px;
    position: absolute;
    bottom: 0
}

.gwbb-cont h4 {
    background: #000;
    -webkit-box-shadow: 5px 0px 0 2px #000;
    box-shadow: 5px 0px 0 2px #000;
    color: #ffc024;
    display: inline;
    font-size: 33px;
    font-weight: 600;
    line-height: 1.25
}

.gwbb-cont p {
    color: #fff;
    line-height: 1.2;
    font-weight: 600;
    font-size: 14px;
    margin: 7px 0 0
}

.gwbb-btn {
    display: block;
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.gwbb-btn .orng-btn {
    border-bottom-width: 3px;
    cursor: pointer;
    font-size: 16px;
    padding: 6px 3px;
    text-align: center;
    display: block;
    font-weight: 700
}

.rlt-browserNotCompatible-modal .hpm-body,
.rlt-disabledCamera-modal .hpm-body {
    max-width: 800px
}

#dialogButtons.membr-btn {
    text-align: center
}

#dialogButtons.membr-btn>span {
    font-size: 18px;
    margin: 0 10px 10px
}

.rlt-cam-women {
    background: #000 url() center/contain repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100
}

.rcw-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.rcw-body>span {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    padding: 0.25em 1em;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: underline;
    text-shadow: 1px 1px 1px #000000
}

.rcw-body>span:before {
    content: '\E88A';
    color: #ffbf25;
    display: inline-block;
    font-size: 1.5em;
    font-family: 'ChatspinIcons';
    margin-right: 10px;
    vertical-align: -0.125em
}

.rcwb-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.rcw-cont {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 2vw 0 1vw
}

.rcw-cont p {
    background: #000;
    color: #fff;
    font-size: 1.6vw;
    margin: 0 auto 1.3vw;
    letter-spacing: 0.5px;
    line-height: 1.475;
    text-shadow: 0 0 0;
    text-align: center
}

.rcw-cont p strong {
    font-style: italic;
    font-weight: 500
}

.rcw-cont span {
    border-bottom-width: 4px;
    display: inline-block;
    font-size: 1.2vw;
    padding: 0.5vw 2vw
}

.scontent {
    z-index: 10000 !important
}

.trns {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

button {
    z-index: 1 !important
}

.rlt-feedback-modal .modal-body>div>label {
    position: absolute;
    visibility: hidden
}

.rlt-feedback-modal .modal-body>div>input {
    min-width: 100%
}

.modal-footer .btn {
    border-radius: 4px;
    border-width: 1px 2px 2px 1px;
    font-weight: 500;
    outline: none;
    padding: 5px 15px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.modal-footer .btn-default {
    background: #ececec
}

.modal-footer .btn-default:hover {
    background: #d8d2d2
}

.modal-footer .btn-default.orng-btn {
    background: #ffbf25
}

.modal-footer .btn-default.orng-btn:hover {
    background: #f2ac00
}

.mrv-private {
    color: #fff;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 2;
}

.mrv-private>.mrvp-btn {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 8px 12px;
    position: relative
}

.mrv-private>.mrvp-start>em {
    color: #ffbf24;
    margin: 0 8px;
    -webkit-transform: scale(1.8) translateY(-1.5px);
    transform: scale(1.8) translateY(-1.5px)
}

.mrv-private>.mrvp-chat>em {
    margin: 0 5px 0 7px;
    -webkit-transform: scale(1.5) translateY(-1px);
    transform: scale(1.5) translateY(-1px)
}

.sys-msg-private:before {
    margin-right: 7px
}

.rlt-private-requested .private-start {
    pointer-events: none
}

.rlt-private-requested .private-start:before {
    content: '';
    background: #00000063;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.rlt-private-requested .private-start em:before {
    content: '\F110';
    -webkit-animation: ci-spin 0.8s infinite steps(8);
    animation: ci-spin 0.8s infinite steps(8);
    color: #ffbf25;
    font-size: 14px;
    font-family: ChatspinIcons;
    position: absolute;
    left: -9px;
    top: -6px;
    text-align: center;
    z-index: 1
}

.rlt-dialog-private {
    text-align: center
}

.rlt-dialog-private:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.rlt-dialog-private .modal-dialog {
    display: inline-block;
    margin: 20px auto;
    max-width: 90%;
    width: 550px;
    vertical-align: middle
}

.rlt-dialog-private .modal-body {
    background: #fabe3a;
    border-radius: 6px 6px 0 0;
    color: #000;
    font-size: 18px;
    font-weight: 900;
    padding: 15px 15px 0;
    text-align: center;
    overflow: visible
}

.rlt-dialog-private .modal-body:before {
    display: block;
    font-family: ChatspinIcons;
    font-size: 65px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 6px
}

.rlt-dialog-private .modal-body:after {
    content: '';
    background: url() 50% 0%/145% no-repeat;
    position: absolute;
    left: 0;
    bottom: 1px;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    height: 100%;
    width: 100%
}

#dialog.rlt-dialog-private .modal-content p {
    background: #fff;
    border-radius: 6px;
    font-size: 15px;
    margin: 10px auto 0;
    padding: 20px 20px 40px;
    position: relative;
    text-align: center;
    max-width: 90%;
    z-index: 1
}

#dialog.rlt-dialog-private .modal-footer {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 5px 20px 15px
}

#dialog.rlt-dialog-private .modal-footer .btn {
    border: 0;
    font-weight: 600;
    margin: 0 10px;
    padding: 8px;
    width: calc(50% - 25px)
}

.private-gender-m,
.private-gender-f,
.private-gender-c {
    display: inline-block;
    font-size: 0;
    vertical-align: super
}

.private-gender-m:before,
.private-gender-f:before,
.private-gender-c:before {
    margin-right: 5px;
    font-size: 26px;
    font-family: ChatspinIcons;
    font-weight: 600;
    vertical-align: middle
}

.sys-msg-private:before,
.private-lock:before {
    content: '\e859';
    font-size: larger;
    font-family: ChatspinIcons
}

.private-lock:before {
    margin: 0 4px 0 8px
}

.private-country {
    display: inline-block;
    margin: 0 3px
}

.private-country.rlt-private-flag:before {
    margin: 0 5px 1px 0;
    height: 25px;
    width: 25px
}

.rlt-privateEnded-modal .modal-body:before,
.rlt-privateChatRequest-modal .modal-body:before {
    content: "\e85a"
}

.rlt-requestPrivate-modal .modal-body:before {
    content: '\e85e'
}

.rlt-privateChatDeclined-modal .modal-body:before {
    content: '\e85b'
}

.rlt-stopPrivate-modal .modal-body:before {
    content: '\e85d'
}

.rlt-privateChatDeclined-modal .modal-body,
.rlt-privateEnded-modal .modal-body,
.rlt-stopPrivate-modal .modal-body {
    font-size: 0
}

.rlt-in-private .mrvp-chat {
    display: block
}

html .camera-hint {
    background-image: url()
}

html .camera-hint .ch-try .ch-text-only {
    background: #ffbf25;
    color: #000
}

html .camera-hint .ch-arrow {
    border-bottom-color: #ffbf25
}

html .camera-hint .ch-arrow:after {
    border-right-color: #ffbf25
}

html .camera-hint .ch-mclr {
    color: #ffbf25
}

.rlt-in-private .mrvp-start,
.rlt-gender-f .grls-wrap,
.rlt-vip-member #cl-more,
.rlt-vip-member .grls-wrap,
.rlt-vip-member .cbw-extra,
.text_mode .rlt-partner-using-mask,
.text_mode #vip-badge,
.text_mode #localVideo,
.text_mode #mask-btn,
.text_mode #switch_camera {
    display: none !important
}

.mp-wrap[lang="pt"] .gwbb-cont h4,
.mp-wrap[lang="de"] .gwbb-cont h4,
.mp-wrap[lang="fr"] .gwbb-cont h4 {
    font-size: 26px
}

.mp-wrap[lang="fr"] .gwbb-btn .orng-btn {
    font-size: 13px;
    padding: 8px 2px
}

.mp-wrap[lang="fr"] .cbw-extra p {
    font-size: 10px
}

.mp-wrap[lang="de"] .rlw-body,
.mp-wrap[lang="fr"] .rlw-body {
    width: 350px
}

.mp-wrap[lang="ru"] .gwbb-btn .orng-btn,
.mp-wrap[lang="pt"] .gwbb-btn .orng-btn,
.mp-wrap[lang="es"] .gwbb-btn .orng-btn,
.mp-wrap[lang="de"] .gwbb-btn .orng-btn {
    font-size: 14px;
    line-height: 1.1;
    padding: 5px 3px
}

.mp-wrap[lang="ar"] .gwbb-cont h4 {
    font-size: 32px
}

.mp-wrap[lang="ar"] .gwbb-cont p {
    font-size: 16px
}

.mp-wrap[lang="ar"] .gwbb-btn .orng-btn {
    font-size: 15px;
    padding: 8px 2px
}

.mp-wrap[lang="pt"] .gwbb-cont,
.mp-wrap[lang="es"] .gwbb-cont {
    padding-bottom: 70px
}

.mp-wrap[lang="es"] .gwbb-cont h4 {
    font-size: 23px
}

.mp-wrap[lang="es"] .rlw-body {
    width: 300px
}

.mp-wrap[lang="it"] .gwbb-btn .orng-btn {
    font-size: 15px
}

.mp-wrap[lang="it"] .rlw-body {
    width: 285px
}

.mp-wrap[lang="pt"] .rlw-body {
    width: 325px
}

.mp-wrap[lang="ru"] .gwbb-cont h4 {
    font-size: 22px
}

.mp-wrap[lang="ru"] .rlw-body {
    width: 375px
}

.mp-wrap[lang="ru"] .gwbb-cont p {
    font-size: 13px
}

.mp-wrap[dir="rtl"] #cnct_srch em {
    right: 0;
    left: auto
}

.mp-wrap[dir="rtl"] #cnct_srch p {
    padding-right: 25px
}

.mp-wrap[dir="rtl"] #cnct_srch span:after {
    display: none
}

.mp-wrap[dir="rtl"] .chat-head .rlt-gender {
    margin-right: 5px
}

.mp-wrap[dir="rtl"] .chat-head .rlt-flag:before {
    margin: 0 5px
}

.mp-wrap[dir="rtl"] .msg-input {
    border-left: 0;
    border-right: 1px solid #e5e5e5
}

.mp-wrap[dir="rtl"] .gwbb-item span:after {
    float: left
}

.mp-wrap[lang="el"] .orng-btn {
    font-size: 12px
}

.mp-wrap[lang="nl"] .orng-text {
    font-size: 28px
}

.mp-wrap[lang="nl"] .orng-btn {
    font-size: 13px
}

.mp-wrap[lang="ru"] .gwbb-cont p {
    font-size: 11px
}

.mp-wrap[lang="ru"] .cbw-extra p {
    font-size: 9px
}

.mp-wrap[lang="sr"] .gwbb-cont p {
    font-size: 11px
}

.mp-wrap[lang="sr"] .gwbb-cont h4 {
    font-size: 26px
}

.mp-wrap[lang="sr"] .gwbb-btn .orng-btn {
    font-size: 15px
}

.mp-wrap[lang="tr"] .gwbb-cont p {
    font-size: 14px;
    padding-bottom: 20px
}

.mp-wrap[lang="tr"] .gwbb-cont h4 {
    font-size: 26px
}

.mp-wrap[lang="tr"] .gwbb-btn .orng-btn {
    font-size: 15px
}

.mp-wrap[lang="ja"] .gwbb-cont p {
    font-size: 14px
}

.mp-wrap[lang="ja"] .gwbb-cont h4 {
    font-size: 33px
}

.mp-wrap[lang="ja"] .gwbb-btn .orng-btn {
    font-size: 13px
}

.mp-wrap[lang="fa"] .gwbb-btn .orng-btn {
    font-size: 13px
}

@media only screen and (max-width: 1300px) {
    .main_player {
    }
    .mp-remote-vid {
        width: calc(100% - 490px)
    }
    .cntr_wrap .mcnb-dropdown {
        width: calc(100vw - 650px)
    }
    .mp-chat-wrap {
        width: 320px
    }
    .cw-local-vid {
        height: 240px
    }
    .chat-body {
        max-height: calc(100% - 240px)
    }
    .grls-wrap {
        width: 170px
    }
    .gwbb-cont h4 {
        font-size: 26px
    }
    .gwbb-btn .orng-btn {
        font-size: 14px
    }
    .mp-wrap[lang="pt"] .gwbb-cont h4,
    .mp-wrap[lang="de"] .gwbb-cont h4,
    .mp-wrap[lang="fr"] .gwbb-cont h4 {
        font-size: 22px
    }
    .mp-wrap[lang="fr"] .gwbb-btn .orng-btn {
        padding: 6px 3px;
        line-height: 1
    }
    .mp-wrap[lang="it"] .gwbb-btn .orng-btn,
    .mp-wrap[lang="ru"] .gwbb-btn .orng-btn,
    .mp-wrap[lang="ar"] .gwbb-btn .orng-btn,
    .mp-wrap[lang="de"] .gwbb-btn .orng-btn {
        font-size: 13px
    }
    .mp-wrap[lang="ar"] .gwbb-cont h4 {
        font-size: 27px
    }
    .mp-wrap[lang="ar"] .gwbb-cont p {
        font-size: 15px
    }
    .mp-wrap[lang="es"] .gwbb-cont h4 {
        font-size: 20px
    }
    .mp-wrap[lang="ru"] .gwbb-cont h4 {
        font-size: 21px
    }
    .mp-wrap[lang="ru"] .gwbb-cont p {
        font-size: 11px
    }
    .mp-wrap[lang="sr"] .gwbb-btn .orng-btn {
        font-size: 13px
    }
}

@media only screen and (max-width: 1200px) {
    .mp-remote-vid {
        width: calc(100% - 320px)
    }
    .rlt-info-message {
        font-size: 20px
    }
    .rlt-info-message:before {
        font-size: 88px
    }
    .clvc-list li em {
        font-size: 22px;
        margin: 5px 0
    }
    .cbw-extra {
        padding: 5px
    }
    .rlt-partner-using-mask span {
        font-size: 10px
    }
    .chat-msg {
        font-size: 13px
    }
    .grls-wrap {
        display: none
    }
    .rcw-cont p {
        font-size: 1.8vw
    }
    .rcw-cont span {
        font-size: 1.5vw
    }
}

@media only screen and (max-width: 1024px) {
    .main_player {
        height: 100%;
    }
    .mp-remote-vid {
        float: none;
        overflow: visible;
        height: 100%;
        width: 100% !important
    }
    .mrv-video {
        height: calc(100% - 65px)
    }
    .rlt-accept-connection {
        font-size: 20px;
        top: 40%
    }
    .mrv-mob-top {
        direction: ltr;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 30px;
        padding: 0.75em 0.5em;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1
    }
    .mrv-mob-top .round-icon {
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
        border-radius: 50%;
        display: inline-block;
        line-height: 2em;
        position: relative;
        text-align: center;
        vertical-align: top;
        height: 2em;
        width: 2em
    }
    .mrv-mob-top .round-icon>span:before {
        font-size: 1.25em;
        line-height: 1.6em
    }
    .mmt-buttons .round-icon {
        margin-bottom: 0.75em
    }
    .mmt-buttons .round-icon#plus-btn {
        background: #ffbf25;
        color: #000
    }
    .mmt-buttons .round-icon.private-start {
        color: #ffbf25
    }
    .rlt-private-requested .private-start:before {
        border-radius: 50%
    }
    .rlt-private-requested .private-start em:before {
        font-size: 28px;
        line-height: 30px;
        left: calc(50% - 14px);
        top: calc(50% - 14px)
    }
    #cntr_sel_mob {
        margin-left: 0.75em
    }
    #cntr_sel_mob:before {
        content: "\e828";
        display: block;
        font-size: 1.4em;
        font-family: ChatspinIcons
    }
    #cntr_sel_mob.csm-multi span {
        background: rgba(253, 253, 253, 0.75);
        border-radius: 50%;
        color: #353535;
        font-size: 25px;
        font-weight: 700;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
    #cntr_sel_mob .rlt-cntr-flag {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
    #cntr_sel_mob .rlt-cntr-flag:before {
        -webkit-filter: none;
        filter: none;
        height: 100%;
        width: 100%
    }
    #cntr_sel_mob .rlt-cntr-flag:after {
        display: none
    }
    #gndr_sel_mob .all_gndr:before {
        content: "\e83f";
        font-weight: 400
    }
    #gndr_sel_mob span:before {
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-family: ChatspinIcons;
        height: 100%;
        width: 100%
    }
    #gndr_sel_mob .male_gndr:before {
        background: #267cf8
    }
    #gndr_sel_mob .female_gndr:before {
        background: #ff2c8d
    }
    #gndr_sel_mob .couple_gndr:before {
        background: #02a007
    }
    #gndr_sel_mob .trans_gndr:before {
        background: #be4afc
    }
    .mp-remote-vid .rlt-warning.warning-small {
        background: rgba(255, 255, 255, 0.6);
        border-radius: 10px;
        color: #000;
        font-size: 2vw;
        font-weight: 500;
        font-family: Avenir, sans-serif;
        top: 85px;
        left: 20px;
        bottom: auto;
        padding: 15px;
        width: calc(100% - 40px);
        z-index: 1
    }
    .mp-remote-vid .rlt-warning.warning-small a {
        color: #000
    }
    .mrv-mob-top .rlt-looking-women {
        position: absolute;
        left: 70px;
        top: 60px
    }
    .rlt-info-message {
        font-size: inherit
    }
    .rlt-info-message:before {
        background: #ffbf25;
        border-radius: 50%;
        color: #fff;
        display: block;
        font-size: 2em;
        font-weight: 700;
        margin: 0 auto 20px;
        line-height: 2em;
        position: relative;
        height: 2em;
        width: 2em
    }
    .mrv-cam-btns,
    .mrvv-center {
        top: 40%
    }
    .mrvv-center {
        font-size: 45px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(100% - 200px)
    }
    #cnct_pause,
    .rlt-info-message,
    #cnct_srch span {
        color: #989898;
        display: block;
        font-size: 0.55em;
        font-family: Avenir, sans-serif;
        font-weight: 600;
        margin-bottom: 5px;
        text-transform: uppercase
    }
    #cnct_srch p {
        padding: 0
    }
    #cnct_srch small {
        color: #b5b4b4;
        font-size: 0.45em;
        font-weight: 500;
        font-family: Avenir, sans-serif
    }
    #cnct_srch em {
        font-size: 2.5em;
        position: relative;
        color: #ffbf25;
        margin-bottom: 20px
    }
    .mrv-cam-btns {
        position: absolute;
        width: 100%
    }
    .mrv-cam-btns em {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: rgba(206, 200, 200, 0.7);
        font-size: 75px;
        font-weight: 400;
        padding: 10px 15px
    }
    .text_mode .mrv-cam-btns em {
        color: #989898
    }
    .mrv-video #start_btn {
        position: relative
    }
    #cnct_pause {
        text-transform: unset;
        margin: 1em 0 0
    }
    .report-list-body {
        border-radius: 0;
        font-size: 2.5vw;
        left: 0;
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
        width: 100%
    }
    .report-list-body.active {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .report-list-body span {
        text-align: left
    }
    .report-list-body ul {
        padding: 0 1.25em 0.75em
    }
    .report-list-body ul li {
        padding: 0.85em 0.5em
    }
    .clv-video {
        border-radius: 0 0 8px 8px;
        position: relative;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        height: 200px;
        width: 160px
    }
    #enable_vid span {
        font-size: 16px;
        padding: 8px;
        text-align: center
    }
    .clv-control {
        background: transparent;
        bottom: auto;
        left: auto;
        top: 0;
        right: 0;
        width: auto
    }
    .clv-control span {
        color: #fff;
        font-size: 36px;
        padding: 2px 7px;
        position: relative
    }
    .clvc-list {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 7px 7px 0 0;
        display: none;
        position: absolute;
        bottom: 100%;
        right: 0;
        text-align: center;
        z-index: 10
    }
    .clvc-list li em {
        color: #e2e2e2;
        font-size: 24px;
        margin: 8px 0;
        padding: 8px
    }
    .clvc-list li em.off {
        color: #c1c1c1;
        color: rgba(255, 255, 255, 0.55)
    }
    .clvc-list li.off em {
        color: #c1c1c1;
        color: rgba(255, 255, 255, 0.55)
    }
    .clv-tokens {
        background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0000009c), to(transparent));
        background: linear-gradient(0, #0000009c, transparent);
        border-radius: 8px 8px 0 0;
        font-size: 19px;
        padding: 0.3em 0.3em 0.2em;
        top: auto;
        bottom: 100%;
        left: 0;
        text-shadow: 0px 0 1px #000;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
    .clv-tokens .gem-icon {
        font-size: 1.2em
    }
    .clv-tokens .ci {
        margin-left: auto
    }
    .mp-chat-wrap {
        -webkit-box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.25);
        box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.25);
        float: none;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100% !important;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease
    }
    .msg_wrap {
        margin: 0;
        padding: 0;
        position: relative;
        bottom: 25px;
        left: 25px;
        overflow: visible;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        height: auto;
        width: 100%
    }
    .rlt-chat-container {
        max-height: 32.5vh !important;
        overflow: auto;
        position: absolute;
        left: 0;
        bottom: 0;
        width: calc(100% - 250px);
        scrollbar-width: none
    }
    .rlt-chat-container::-webkit-scrollbar {
        display: none
    }
    .chat-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-transition: margin 0.25s ease;
        transition: margin 0.25s ease
    }
    .chatmsg {
        display: inline-block
    }
    .chatmsg:before {
        display: none
    }
    .bg-primary .chatmsg,
    .b-light .chatmsg {
        color: #ffbf25;
        font-size: 18px;
        font-family: Avenir, sans-serif;
        font-weight: 600;
        padding: 5px 0;
        position: relative;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75), -2px 0px 3px rgba(0, 0, 0, 0.75)
    }
    .bg-primary .chatmsg {
        color: #fff
    }
    .bg-primary .chatmsg:before,
    .b-light .chatmsg:before {
        content: ">";
        display: inline-block
    }
    .chatmsg.vip:after {
        display: none
    }
    .bg-primary .chatmsg.vip:before,
    .b-light .chatmsg.vip:before {
        content: "\e825";
        color: #ffbf25;
        font-family: ChatspinIcons;
        display: inline-block;
        text-shadow: -1px 2px 3px rgba(0, 0, 0, 0.65)
    }
    .cw-local-vid {
        height: auto;
        position: absolute;
        top: -30px;
        right: 20px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        z-index: 1000
    }
    .rcw-cont {
        max-width: 100%;
        padding: 2vw 0 3vw
    }
    .rcw-cont p {
        font-size: 3.5vw;
        margin: 0 auto 2.5vw;
        max-width: 85%
    }
    .rcw-cont span {
        font-size: 2.75vw;
        padding: 1vw 4vw
    }
    .show-input .msg_wrap {
        bottom: 95px
    }
    .show-input #msg_form {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        z-index: 10
    }
    .show-input .chat-toggle {
        color: #cc991d
    }
    .show-input .cw-local-vid,
    .show-input .cw-bnr-wrap,
    .show-input .chat-head {
        display: none
    }
    .rlt-partner-using-mask {
        border: 0;
        color: #fff;
        margin: 0px auto 10px;
        font-family: Avenir, sans-serif;
        text-align: center;
        position: absolute;
        top: 85px;
        left: 0;
        width: 100%;
        visibility: hidden
    }
    .rlt-partner-using-mask:before {
        display: none
    }
    .rlt-partner-using-mask span {
        background: rgba(255, 255, 255, 0.6);
        color: #000;
        border-radius: 10px;
        display: inline-block;
        font-size: 2vw;
        font-weight: 500;
        padding: 15px 30px;
        text-align: center;
        max-width: calc(100% - 40px)
    }
    #rv_info {
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: 26px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 2.55em;
        padding: 5px
    }
    #rv_info>.rlt-gender {
        font-size: 1em;
        min-width: 1.75em;
        text-align: center;
        padding-right: 0.3em
    }
    #rv_info>.rlt-gender:before {
        color: #fff;
        font-size: 1em;
        margin-left: 0
    }
    #rv_info .report-button-mobile {
        border-left: 1.5px solid rgba(255, 255, 255, 0.6);
        padding: 0.1em 0.5em 0.1em 0.7em;
        font-size: 1.1em;
        margin-left: auto;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2
    }
    .chat-head {
        padding: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .chat-head .rlt-flag {
        border: 1.5px solid rgba(255, 255, 255, 0.6);
        border-style: none solid;
        font-size: 0.675em;
        font-weight: 500;
        padding: 0 1.2em
    }
    .rv_head {
        vertical-align: bottom
    }
    .rlt-reaction-h {
        font-size: 1.4em;
        margin: 0 0.5em;
        min-width: 1em
    }
    .rlt-reaction-h span {
        font-size: 0.325em;
        top: 42.5%
    }
    .rlt-reaction-h em:before {
        position: relative;
        z-index: 1
    }
    .rlt-reaction-h em:after {
        content: "\e85c";
        color: #fff;
        font-size: smaller;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0
    }
    .rlt-reaction-h.active em:after {
        display: none
    }
    #chat-vip-badge {
        background-position: center;
        border-left: 1.5px solid rgba(255, 255, 255, 0.6);
        margin: 0;
        min-width: 2.25em;
        height: 1.25em;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .cbw-extra {
        background: #000;
        padding: 8px 20px
    }
    .cbw-extra p {
        color: #fff;
        font-size: 16px;
        line-height: 1.4
    }
    .cbw-extra p strong {
        background: #ffbf25;
        color: #000
    }
    .cbw-extra span {
        background: #ffbf25;
        color: #000;
        font-size: 15px;
        font-weight: 600;
        padding: 8px 16px
    }
    .msg-input {
        border-radius: 35px;
        width: 100%;
        overflow: hidden
    }
    .msg-input .chat-msg {
        font-size: 16px;
        margin-bottom: 0;
        height: 55px;
        padding-right: 110px
    }
    .chat-msg>div {
        line-height: 55px;
        height: 55px;
        padding: 0 0 0 30px
    }
    #msg_form {
        border: 0;
        position: absolute;
        padding: 0;
        bottom: 0;
        left: 30px;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: calc(100% - 60px)
    }
    .chat_input #send_btn {
        background: #ffbf25;
        border-radius: 50%;
        color: #fff;
        font-size: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 45px;
        width: 45px
    }
    .chat_input #send_btn:before {
        content: "\e809";
        display: block;
        font-family: ChatspinIcons;
        font-size: 35px;
        font-weight: 400;
        line-height: 44px
    }
    .chat-emoji {
        position: absolute;
        right: 70px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .chat-emoji .emoji-btn {
        color: #b0b0b0;
        margin: 0;
        font-size: 36px;
        line-height: 30px
    }
    .rlt-chat-typing {
        top: -38px;
        right: 5px;
        padding: 8px 3px;
        z-index: 10
    }
    .rlt-chat-typing .tc-dot {
        margin: 2px;
        height: 8px;
        width: 8px
    }
    .cw-controls {
        background: #ffbf25;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        z-index: 10
    }
    .cw-controls li {
        display: block;
        font-size: 35px;
        padding: 15px;
        position: relative;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .gift-timer {
        font-size: 1.35em
    }
    .gift-timer>div div {
        border: 0.125em solid transparent
    }
    .gift-timer>div.timer-right div {
        border-top: 0.125em solid #fff;
        border-right: 0.125em solid #fff
    }
    .gift-timer>div.timer-left div {
        border-bottom: 0.125em solid #fff;
        border-left: 0.125em solid #fff
    }
    .gift-box {
        font-size: 1.125em
    }
    .clv-masks-wrap {
        background: #000;
        padding: 5px
    }
    .clv-masks-wrap>.orng-btn,
    .clv-masks-wrap ul li {
        height: 48px;
        width: 53px
    }
    .clv-masks-wrap ul li.remove-mask,
    .clv-masks-wrap>.orng-btn {
        font-size: 38px
    }
    .clv-masks-wrap ul li.remove-mask em,
    .clv-masks-wrap>.orng-btn em {
        line-height: 48px
    }
    .show-masks .mp-chat-wrap {
        padding-bottom: 58px
    }
    .mrv-cam-nav>div {
        border-radius: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        max-height: 0;
        top: 50%;
        height: 100%;
        width: 100%
    }
    .mrv-cam-nav>.mcnb-open {
        background-color: rgba(0, 0, 0, 0.85);
        left: 0;
        top: 0;
        overflow: auto;
        max-height: 100%;
        z-index: 100001;
        opacity: 1
    }
    .mcnb-title {
        background: #fabe39;
        font-size: 32px;
        font-weight: 500;
        line-height: 1.25;
        margin: 0;
        padding: 15px 25px;
        position: relative;
        text-align: left
    }
    .mcnb-title:after {
        content: "";
        background: url() 50% 0%/145% no-repeat;
        position: absolute;
        left: 0;
        bottom: 1px;
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        height: 100%;
        width: 100%
    }
    .mcn-wrap .mcnb-list {
        background: #fff;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        width: calc(100% - 50px);
        max-width: 700px;
        max-height: 0;
        overflow-y: hidden;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s
    }
    .mcn-wrap .mcnb-list ul {
        background: #fff;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        padding: 20px
    }
    .mcn-wrap .mcnb-list ul li {
        border: 0;
        border: 1.5px solid #e2e2e2;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 500;
        padding: 8px 12px;
        width: calc(50% - 7px);
        margin-bottom: 14px
    }
    .mcn-wrap.mcnb-open .mcnb-list {
        max-height: calc(100% - 100px)
    }
    .cntr_wrap .mcnb-list {
        height: 100%
    }
    .mcnb-list .mcnb-dropdown {
        left: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        padding: 5px 20px 20px;
        position: relative;
        width: 100%
    }
    .mcnb-list .mcnbl-cls {
        font-size: 12px;
        font-weight: 800;
        position: absolute;
        top: 10px !important;
        right: 10px !important;
        text-shadow: 0 0 0, 0 0 1px
    }
    .mrv-cam-nav {
        position: static
    }
    #vip-badge {
        right: auto;
        left: 5px
    }
    .gndr_wrap .mcnb-list ul li em {
        font-size: 35px;
        line-height: 1.2;
        margin-right: 10px;
        vertical-align: middle
    }
    .gndr_wrap .mcnb-list #gndr_lst li {
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 20px 10px;
        text-align: center;
        width: 50%
    }
    .gndr_wrap .mcnb-list #gndr_lst li em {
        display: block;
        font-size: 80px;
        margin: 0 0 10px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em.ci-couple {
        color: #fabe39;
        font-size: 60px;
        line-height: 1.6
    }
    .gndr_wrap .mcnb-list #gndr_lst li:nth-child(odd) {
        border-right: 1px solid #e2e2e2
    }
    .gndr_wrap .mcnb-list #gndr_lst li:nth-child(3),
    .gndr_wrap .mcnb-list #gndr_lst li:nth-child(4) {
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2
    }
    .mcnb-list #cntr_lst #cl-more {
        width: 100%
    }
    .mcnb-list #cntr_lst li.active {
        background: #fcde9a
    }
    .mcnb-list #cntr_lst li.active:after {
        display: none
    }
    .mcnb-list #cntr_lst li.rlt-cntr-flag:before {
        vertical-align: -0.55em;
        height: 36px;
        width: 36px
    }
    .mcnb-search {
        background: #fff
    }
    .rlt-vip-member #plus-btn {
        display: none;
        margin-left: auto
    }
    .emoji-lst {
        margin-bottom: 10px;
        z-index: 11
    }
    .rlt-browserNotCompatible-modal .hpm-title h4,
    .rlt-disabledCamera-modal .hpm-title h4 {
        font-size: 19px;
        font-weight: 400
    }
    .mrv-share,
    .mrv-gift,
    .rlt-in-private .mobile-private .private-start,
    body:not(.rlt-in-private) .mobile-private .private-stop,
    .mrv-private,
    .connect-item p .ci-search,
    .clvc-list .mask-btn,
    .clvc-list .rlt-sett,
    #loading_div,
    .rlt-partner-tags,
    .msg_wrap .rlt-partner-using-mask,
    #water_mrk,
    .mcn-wrap>span,
    .mcn-wrap>div>span,
    .rlt-active #connect_wrap,
    .remaud_wrp input,
    #cancelButton,
    .rlt-stopped #cwc-pause,
    .rlt-active #cwc-play,
    #mask-btn,
    .grls-wrap {
        display: none !important
    }
    .mp-wrap[lang="fr"] .cbw-extra p {
        font-size: 14px
    }
    .mp-wrap[dir="rtl"] .msg_wrap {
        left: 0
    }
    .mp-wrap[dir="rtl"] .rlt-chat-container {
        right: 15px;
        left: auto
    }
    .mp-wrap[dir="rtl"] .chatmsg:before {
        margin-left: 10px;
        margin-right: 0
    }
    .mp-wrap[dir="rtl"] .cw-local-vid {
        right: auto;
        left: 20px
    }
    .mp-wrap[dir="rtl"] .rlt-reaction-h {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .mp-wrap[dir="rtl"] #chat-vip-badge {
        border-right: 1.5px solid rgba(255, 255, 255, 0.6);
        border-left: 0
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .mrv-mob-top {
        font-size: 24px
    }
    .clv-video {
        height: 150px;
        width: 190px
    }
    .rlt-chat-container {
        width: calc(100% - 275px)
    }
    .mcn-wrap .mcnb-list {
        max-width: 500px
    }
    .mcn-wrap .mcnb-list ul li {
        font-size: 16px
    }
    .mcnb-title {
        font-size: 24px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em {
        font-size: 60px;
        margin: 0 0 5px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em .ci-couple {
        font-size: 45px;
        line-height: 1.6
    }
    .report-list-body {
        font-size: 1.15vw
    }
}

@media only screen and (max-width: 768px) {
    .mrv-mob-top {
        font-size: 26px
    }
    .mcnb-title {
        font-size: 26px;
        padding-bottom: 15px
    }
    .mcn-wrap .mcnb-list {
        max-width: 650px
    }
    .mcn-wrap .mcnb-list ul {
        padding-left: 10px;
        padding-right: 10px
    }
    .mcn-wrap .mcnb-list ul li {
        font-size: 18px;
        margin-bottom: 10px;
        width: calc(50% - 5px)
    }
    .mcnb-list #cntr_lst li.rlt-cntr-flag:before {
        height: 34px;
        width: 34px
    }
    .mrvv-center {
        font-size: 40px
    }
    .rlt-partner-using-mask,
    .mp-remote-vid .rlt-warning.warning-small {
        top: 80px
    }
    .rlt-accept-connection {
        font-size: 18px
    }
    .mp-wrap[lang="fr"] .cbw-extra p {
        font-size: 13px
    }
}

@media only screen and (max-width: 600px) and (orientation: portrait) {
    .mrv-mob-top {
        font-size: 24px
    }
    .mrv-video {
        height: calc(100% - 60px)
    }
    .rlt-partner-using-mask span {
        font-size: 2.4vw
    }
    .mp-remote-vid .rlt-warning.warning-small {
        font-size: 2.5vw
    }
    .mrvv-center {
        font-size: 33px;
        width: calc(100% - 100px)
    }
    .clv-video {
        height: 170px;
        width: 130px
    }
    .clv-control span {
        font-size: 32px;
        padding: 2px 6px
    }
    .clvc-list li em {
        font-size: 20px;
        margin: 6px 0;
        padding: 6px
    }
    .clv-tokens {
        border-radius: 5px 5px 0 0;
        font-size: 16px
    }
    .report-list-body {
        font-size: 3.25vw
    }
    .rlt-chat-container {
        width: calc(100% - 220px)
    }
    .bg-primary .chatmsg,
    .b-light .chatmsg {
        font-size: 17px;
        padding: 4px 0
    }
    .cbw-extra {
        padding: 7px 10px
    }
    .cbw-extra p {
        font-size: 14px
    }
    .cbw-extra span {
        font-size: 14px;
        padding: 7px 12px
    }
    #rv_info {
        font-size: 24px
    }
    .cw-controls li {
        font-size: 32px;
        padding: 14px
    }
    .mp-wrap[lang="fr"] .cbw-extra p {
        font-size: 11px
    }
}

@media only screen and (max-width: 480px),
only screen and (max-device-width: 812px) and (orientation: landscape) {
    .main_player {

    }
    .rlw-body {
        width: 225px
    }
    .rlwb-img {
        min-width: 60px
    }
    .rlw-cont {
        font-size: 10px;
        line-height: 1.5;
        padding: 12px 8px 5px
    }
    #vip-badge {
        width: 24px;
        height: 24px
    }
    #start_btn {
        font-size: 14px;
        padding: 10px 15px
    }
    .rcw-body>span {
        font-size: 14px
    }
    .mrvv-center {
        font-size: 25px;
        width: calc(100% - 70px)
    }
    .rlt-info-message:before {
        font-size: 32px
    }
    .mrv-cam-btns em {
        font-size: 55px;
        padding: 10px
    }
    .mrv-video #start_btn {
        font-size: 16px
    }
    .rlt-partner-using-mask {
        top: 55px
    }
    .rlt-partner-using-mask span {
        font-size: 3.5vw;
        line-height: 1.5;
        padding: 12px
    }
    .clv-control span {
        font-size: 22px;
        padding: 1px 4px
    }
    .clvc-list li em {
        font-size: 16px;
        margin: 5px 0;
        padding: 5px
    }
    .clv-tokens {
        font-size: 11.5px
    }
    .clv-tokens .gem-icon {
        margin-right: 0.2em
    }
    .rlt-chat-typing {
        top: -27px;
        padding: 6px 2px
    }
    .rlt-chat-typing:before {
        border: 4px solid transparent;
        border-top: 4px solid rgba(0, 0, 0, 0.9);
        bottom: -8px;
        right: 11px
    }
    .rlt-chat-typing .tc-dot {
        margin: 1.5px;
        height: 6px;
        width: 6px
    }
    .msg-input .chat-msg {
        font-size: 14px;
        height: 44px;
        padding-right: 90px
    }
    .chat-msg>div {
        line-height: 45px;
        height: 45px;
        padding: 0 0 0 20px
    }
    .chat-emoji {
        right: 60px
    }
    .chat-emoji .emoji-btn {
        font-size: 28px;
        line-height: 23px
    }
    .chat_input #send_btn {
        right: 5px;
        width: 38px;
        height: 38px
    }
    .chat_input #send_btn:before {
        font-size: 30px;
        line-height: 36px
    }
    .cw-controls li {
        font-size: 6vw;
        padding: 12px
    }
    .show-masks .mp-chat-wrap {
        padding-bottom: 48px
    }
    .clv-masks-wrap>.orng-btn,
    .clv-masks-wrap ul li {
        height: 38px;
        width: 43px
    }
    .clv-masks-wrap ul li.remove-mask em,
    .clv-masks-wrap>.orng-btn em {
        line-height: 38px
    }
    .clv-masks-wrap ul li.remove-mask,
    .clv-masks-wrap>.orng-btn {
        font-size: 29px
    }
    .cmw-list {
        width: calc(100% - 95px)
    }
    .mcn-wrap.mcnb-open .mcnb-list {
        max-height: calc(100% - 50px)
    }
    .mcn-wrap .mcnb-list {
        max-width: 365px
    }
    .mcn-wrap .mcnb-list ul {
        padding: 12px
    }
    .mcn-wrap .mcnb-list ul li {
        font-size: 14px;
        padding: 7px
    }
    .mcnb-title {
        font-size: 4.3vw;
        padding: 15px 25px 15px 15px
    }
    .mcnb-list .mcnb-dropdown {
        padding: 0 10px 15px
    }
    .mcnb-list #cntr_lst li.rlt-cntr-flag:before {
        vertical-align: -0.75em;
        margin-right: 10px;
        height: 30px;
        width: 30px
    }
    .mcnb-list #cntr_lst li em {
        font-size: 30px;
        margin-right: 4px
    }
    .mcnb-list .mcnbl-cls {
        font-size: 10px;
        top: 8px;
        right: 8px
    }
    .mp-wrap[lang="de"] .rlw-body,
    .mp-wrap[lang="fr"] .rlw-body {
        width: 290px
    }
    .mp-wrap[lang="es"] .rlw-body {
        width: 250px
    }
    .mp-wrap[lang="it"] .rlw-body {
        width: 230px
    }
    .mp-wrap[lang="pt"] .rlw-body {
        width: 265px
    }
    .mp-wrap[lang="ru"] .rlw-body {
        width: 305px
    }
}

@media only screen and (max-device-width: 812px) and (orientation: landscape) {
    .mrv-mob-top {
        font-size: 2.5vw
    }
    .mmt-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .mmt-buttons>div+div {
        margin-left: 0.75em
    }
    .mrv-video {
        height: calc(100% - 40px)
    }
    .mp-remote-vid .rlt-warning.warning-small {
        top: 55px
    }
    .rlt-accept-connection {
        font-size: 15px;
        top: 35%
    }
    .mrv-cam-btns,
    .mrvv-center {
        top: 35%
    }
    .cw-local-vid {
        top: -15px;
        right: 15px
    }
    .clv-video {
        height: 80px;
        width: 120px
    }
    #enable_vid span {
        display: none
    }
    #enable_vid em {
        font-size: 30px;
        margin: 0
    }
    .msg_wrap {
        bottom: 15px;
        left: 15px
    }
    .show-input .msg_wrap {
        bottom: 75px
    }
    .bg-primary .chatmsg,
    .b-light .chatmsg {
        font-size: 13px;
        padding: 3px 0
    }
    .rlt-chat-container {
        width: calc(100% - 165px)
    }
    #msg_form {
        width: calc(100% - 30px);
        left: 15px
    }
    .show-input #msg_form {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    .rlt-partner-using-mask span {
        display: none
    }
    .cw-controls li {
        font-size: 24px;
        padding: 8px
    }
    .mcn-wrap.mcnb-open .mcnb-list {
        max-height: calc(100% - 20px)
    }
    .mcnb-title {
        font-size: 16px
    }
    .gndr_wrap .mcnb-list #gndr_lst li {
        padding: 10px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em {
        font-size: 39px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em.ci-couple {
        font-size: 30px;
        line-height: 1.5
    }
    .cw-bnr-wrap {
        display: none
    }
    .rcw-cont {
        max-width: 100%;
        padding: 1.5vw 0
    }
    .rcw-cont p {
        font-size: 2.5vw;
        margin: 0 auto 1.5vw;
        max-width: 100%;
        padding: 5px 20px
    }
    .rcw-cont span {
        font-size: 2.5vw;
        padding: 1vw 4vw
    }
    #rv_info {
        font-size: 18px
    }
    .report-list-body {
        font-size: 1.85vw
    }
}

@media only screen and (max-width: 480px) {
    .mrv-mob-top {
        font-size: 5vw
    }
    .mrv-video {
        height: calc(100% - 43px)
    }
    .mrvv-center {
        font-size: 7vw
    }
    .mp-remote-vid .rlt-warning {
        border-radius: 50px;
        font-size: 2.8vw;
        top: 58px;
        left: 2%;
        padding: 5px 15px;
        width: 96%
    }
    .mp-remote-vid .rlt-warning.warning-small {
        font-size: 3.5vw;
        top: 65px;
        left: 15px;
        padding: 15px;
        width: calc(100% - 30px)
    }
    .rlt-partner-using-mask {
        top: 70px
    }
    .mrv-mob-top .rlt-looking-women {
        top: 52px;
        left: 58px
    }
    .rlt-accept-connection {
        font-size: 3.75vw
    }
    #rv_info {
        font-size: 5vw
    }
    .cw-local-vid {
        top: -18px;
        right: 15px
    }
    .clv-video {
        border-radius: 0 0 5px 5px;
        height: 120px;
        width: 90px
    }
    #enable_vid em {
        font-size: 30px;
        margin-bottom: 10px
    }
    #enable_vid span {
        font-size: 11px;
        padding: 4px 8px
    }
    .clv-video .rlt-warning.warning-tiny {
        font-size: 9px;
        font-weight: 500
    }
    .msg_wrap {
        bottom: 10px;
        left: 15px
    }
    .bg-primary .chatmsg,
    .b-light .chatmsg {
        font-size: 14px;
        padding: 2px 0
    }
    .rlt-chat-container {
        max-height: 25vh !important;
        width: calc(100% - 135px)
    }
    #msg_form {
        width: calc(100% - 30px);
        left: 15px
    }
    .report-list-body {
        font-size: 3.25vw
    }
    .show-input .msg_wrap {
        bottom: 75px
    }
    .show-input #msg_form {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    .gndr_wrap .mcnb-list #gndr_lst li {
        padding: 15px 10px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em {
        font-size: 60px;
        margin: 0 0 5px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em.ci-couple {
        font-size: 48px;
        line-height: 1.5
    }
    .mcnb-search {
        font-size: 16px
    }
    .cbw-extra {
        padding: 8px 5px
    }
    .cbw-extra p {
        font-size: 2.5vw;
        font-weight: 500
    }
    .cbw-extra span {
        font-size: 2.5vw;
        margin-left: 5px;
        padding: 6px 9px
    }
    .rcw-cont {
        padding: 3vw 0 4vw
    }
    .rcw-cont p {
        font-size: 4vw;
        margin: 0 auto 3.5vw;
        max-width: 90%
    }
    .rcw-cont span {
        font-size: 4vw
    }
    .rlt-browserNotCompatible-modal .hpm-body:before,
    .rlt-disabledCamera-modal .hpm-body:before {
        height: 100px;
        width: 220px
    }
    .rlt-browserNotCompatible-modal .hpm-title h4,
    .rlt-disabledCamera-modal .hpm-title h4 {
        font-size: 17px
    }
    #dialogButtons.membr-btn>span {
        display: block;
        margin: 0 0 10px
    }
    .rlt-feedback-modal .modal-content {
        margin: 0 auto;
        max-width: 300px
    }
    .rlt-feedback-modal .modal-body>div>input {
        font-size: 12px
    }
    .rlt-feedback-modal .modal-body>textarea {
        font-size: 12px
    }
    .rlt-feedback-modal .modal-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 5px
    }
    .private-country.rlt-private-flag:before {
        margin: 0 5px -2px 0
    }
    .rlt-feedback-modal .modal-footer .btn {
        margin: 10px 0 0;
        width: 100%;
        max-width: 100%
    }
    #dialog.rlt-dialog-private .modal-body:before {
        font-size: 50px
    }
    #dialog.rlt-dialog-private .modal-body {
        font-size: 16px
    }
    #dialog.rlt-dialog-private .modal-content p {
        font-size: 13px;
        line-height: 1.25;
        padding-bottom: 20px
    }
    #dialog.rlt-dialog-private .modal-footer .btn {
        width: calc(50% - 10px)
    }
    .mp-wrap[lang="fr"] .cbw-extra p {
        font-size: 2.7vw
    }
    .mp-wrap[lang="ar"] .cbw-extra p {
        font-size: 2.8vw
    }
    .mp-wrap[lang="de"] #enable_vid span,
    .mp-wrap[lang="fr"] #enable_vid span,
    .mp-wrap[lang="es"] #enable_vid span {
        font-size: 10px;
        padding: 4px
    }
}

@media only screen and (max-width: 400px) {
    .mcn-wrap.mcnb-open .mcnb-list {
        max-height: calc(100% - 40px)
    }
    .mcn-wrap .mcnb-list {
        width: calc(100% - 40px)
    }
    .mcnb-list .mcnb-dropdown {
        padding: 0 8px 15px
    }
    .mcn-wrap .mcnb-list ul {
        padding: 8px
    }
    .mcn-wrap .mcnb-list ul li {
        font-size: 12px;
        margin-bottom: 6px;
        padding: 6px;
        width: calc(50% - 3px)
    }
    .mcnb-list #cntr_lst li em {
        font-size: 28px;
        margin-right: 4px
    }
    .mcnb-list #cntr_lst li.rlt-cntr-flag:before {
        margin-right: 9px;
        height: 28px;
        width: 28px
    }
}

@media only screen and (max-width: 350px) {
    .sdi-check label {
        font-size: 14px
    }
    .sdi-intro p {
        font-size: 12px
    }
    .rlt-partner-using-mask {
        top: 62px
    }
    .rlt-partner-using-mask span {
        font-size: 3.5vw
    }
    .mrv-mob-top .rlt-looking-women {
        top: 45px;
        left: 55px
    }
    .mp-remote-vid .rlt-warning.warning-small {
        top: 60px
    }
    .mcn-wrap.mcnb-open .mcnb-list {
        max-height: calc(100% - 20px)
    }
    .mcn-wrap .mcnb-list {
        width: calc(100% - 20px)
    }
    .mcn-wrap .mcnb-list ul li {
        font-size: 11px
    }
    .mcnb-list #cntr_lst li em {
        font-size: 26px
    }
    .mcnb-list #cntr_lst li.rlt-cntr-flag:before {
        margin-right: 7px;
        height: 26px;
        width: 26px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em {
        font-size: 50px;
        margin: 0 0 5px
    }
    .gndr_wrap .mcnb-list #gndr_lst li em.ci-couple {
        font-size: 40px;
        line-height: 1.5
    }
    .bg-primary .chatmsg,
    .b-light .chatmsg {
        font-size: 13px
    }
    .mp-wrap[lang="ru"] .rlw-body,
    .mp-wrap[lang="pt"] .rlw-body,
    .mp-wrap[lang="de"] .rlw-body,
    .mp-wrap[lang="fr"] .rlw-body {
        width: 250px
    }
    .mp-wrap[lang="fr"] .rlw-cont {
        font-size: 9px
    }
}

@media only screen and (min-width: 1025px) {
    .main_player {
       
    }
    .chat-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .clvc-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        direction: ltr;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        text-align: center
    }
    .connect-item {
        font-size: 13px
    }
    #rv_info .report-button-mobile {
        display: none
    }
    .mp-remote-vid .report-list-body:hover {
        background: rgba(0, 0, 0, 0.85)
    }
    .mp-remote-vid .mrv-cam-btns em:hover,
    .mp-remote-vid .mrv-cam-nav>div:hover {
        background: rgba(0, 0, 0, 0.85)
    }
    .mp-remote-vid:hover .report-list-body {
        opacity: 1
    }
    .mp-remote-vid:hover .mrv-cam-nav>div,
    .mp-remote-vid:hover .mrv-cam-btns>em {
        background: rgba(14, 18, 21, 0.65)
    }
    .cntr_wrap .mcnb-dropdown {
        background: #fff;
        border-radius: 3px;
        margin-top: -2px;
        max-height: 0;
        max-width: 100%;
        height: calc(100vh - 200px);
        width: calc(100vw - 475px);
        opacity: 0
    }
    .mcnb-open.cntr_wrap .mcnb-dropdown {
        border: 2px solid rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
        padding: 15px 10px 15px 0;
        max-width: 100vw;
        max-height: 500px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        opacity: 1;
        overflow: hidden
    }
    .cntr_wrap .mcnb-list ul {
        left: -3px;
        font-size: 0
    }
    .mcnb-list #cntr_lst li {
        border-left: 3px solid #e5e5e5;
        font-size: 16px;
        padding: 10px 18px;
        width: 33.3%
    }
    .gndr_wrap .mcnb-dropdown {
        left: 100%;
        top: 0;
        height: 100%;
        max-width: 0
    }
    .gndr_wrap .mcnb-dropdown ul {
        background: rgba(14, 18, 21, 0.8);
        height: auto;
        overflow: hidden;
        white-space: nowrap
    }
    .gndr_wrap .mcnb-dropdown ul li {
        border-left: 1px solid rgba(255, 255, 255, 0.4);
        color: #ffc024;
        padding: 7px 20px
    }
    .gndr_wrap .mcnb-dropdown ul li:first-child {
        border-left: 0
    }
    .gndr_wrap .mcnb-dropdown ul li:hover {
        background: rgba(14, 18, 21, 0.85)
    }
    .mcnb-open.gndr_wrap .mcnb-dropdown {
        max-width: 100vw;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s
    }
    .show-masks .clv-control {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .connect-item p .ci-spinner,
    .li-hidden:not(span#all_gndr),
    .cw-controls,
    #clv-toggle,
    .mcnbl-cls,
    .mcnb-title,
    .mrv-mob-mask,
    .mrv-mob-top {
        display: none
    }
    .rlt-gender-f .mp-remote-vid,
    .rlt-vip-member .mp-remote-vid {
        width: calc(100% - 320px)
    }
    .rlt-gender-f .mp-chat-wrap,
    .rlt-vip-member .mp-chat-wrap {
        width: 320px
    }
    .rlt-vip-member .chat-body {
        max-height: calc(100% - 240px)
    }
    .rcw-body>span {
        display: none
    }
    .rlt-in-private .mrv-private {
        display: block
    }
    .chatmsg.vip:not(.sysmsg) {
        padding-left: 22px
    }
    .mp-wrap[lang="ru"] .cbw-extra span,
    .mp-wrap[lang="fr"] .cbw-extra span {
        display: none
    }
    .mp-wrap[lang="ar"] .cbw-extra p {
        font-size: 10px
    }
    .mp-wrap[dir="rtl"] #send_btn {
        border-radius: 4px 0 0 4px
    }
}

@media only screen and (min-width: 1201px) {
    .cntr_wrap .mcnb-dropdown {
        width: calc(100vw - 650px)
    }
    .mp-wrap[lang="nl"] .orng-btn {
        font-size: 13px
    }
    .rlt-gender-f .mp-remote-vid,
    .rlt-vip-member .mp-remote-vid {
        width: calc(100% - 380px)
    }
    .rlt-gender-f .mp-chat-wrap,
    .rlt-vip-member .mp-chat-wrap {
        width: 380px
    }
    .rlt-vip-member .cw-local-vid {
        height: 280px;
        overflow: hidden
    }
    .rlt-vip-member .chat-body {
        max-height: calc(100% - 280px)
    }
}

@media only screen and (min-width: 1301px) {
    .cntr_wrap .mcnb-dropdown {
        width: calc(100vw - 750px)
    }
    .connect-item {
        font-size: 14px
    }
    .mp-wrap[lang="ru"] .cbw-extra span,
    .mp-wrap[lang="fr"] .cbw-extra span {
        display: inline-block
    }
    .mp-wrap[lang="fr"] .connect-item {
        font-size: 12px
    }
}

@media only screen and (min-width: 1550px) {
    .main_player {
        max-height: 800px
    }
    .mp-remote-vid {
        width: calc(100% - 600px)
    }
    .mrv-cam-btns em {
        font-size: 60px;
        padding: 20px 14px
    }
    .mcn-wrap {
        font-size: 16px;
        letter-spacing: 0.5px;
        padding: 0 6px 0 15px
    }
    .mrv-private>.mrvp-btn {
        font-size: 16px
    }
    .mrv-private>.mrvp-start>em {
        margin: 0 10px;
        -webkit-transform: scale(1.8) translateY(-0.5px);
        transform: scale(1.8) translateY(-0.5px)
    }
    .cntr_wrap .mcnb-dropdown {
        width: calc(100vw - 850px)
    }
    .mcnb-list>.rlt-cntr-flag:before {
        height: 23px;
        width: 23px
    }
    .mcnb-list #cntr_lst li.rlt-cntr-flag:before {
        margin-right: 20px;
        height: 36px;
        width: 36px
    }
    .mcnb-open.cntr_wrap .mcnb-dropdown {
        max-height: 650px
    }
    #loading_div {
        height: 90px;
        width: 90px
    }
    .rlt-info-message {
        font-size: 22px
    }
    .rlt-info-message:before {
        font-size: 86px
    }
    .mp-chat-wrap {
        width: 400px
    }
    .chat-body {
        max-height: calc(100% - 300px)
    }
    .msg_wrap {
        height: calc(100% - 155px);
        overflow: auto
    }
    .cw-local-vid {
        height: 300px
    }
    #enable_vid em {
        font-size: 50px
    }
    #enable_vid span {
        padding: 8px 20px;
        font-size: 20px
    }
    .clvc-list li em {
        font-size: 26px;
        margin: 8px 0
    }
    .clv-masks-wrap>.orng-btn,
    .clv-masks-wrap ul li {
        height: 44px;
        width: 49px
    }
    .clv-masks-wrap ul li.remove-mask em,
    .clv-masks-wrap>.orng-btn em {
        line-height: 44px
    }
    .clv-masks-wrap ul li.remove-mask,
    .clv-masks-wrap>.orng-btn {
        font-size: 33px
    }
    .chat-msg>div,
    .chat-msg {
        height: 44px;
        line-height: 44px
    }
    #send_btn {
        padding: 13px
    }
    .chat-emoji .emoji-btn {
        font-size: 36px
    }
    .grls-wrap {
        width: 200px
    }
    .gwbb-item:nth-child(3) {
        display: block
    }
    .cbw-extra {
        padding: 10px
    }
    .cbw-extra p {
        font-size: 12px
    }
    .cbw-extra span {
        font-size: 12px;
        letter-spacing: 0.5px
    }
    .rlt-partner-using-mask:before {
        font-size: 26px
    }
    .rlt-partner-using-mask span {
        padding-left: 45px
    }
    .rlt-gender-f .mp-remote-vid,
    .rlt-vip-member .mp-remote-vid {
        width: calc(100% - 440px)
    }
    .rlt-gender-f .mp-chat-wrap,
    .rlt-vip-member .mp-chat-wrap {
        width: 440px
    }
    .rlt-vip-member .chat-body {
        max-height: calc(100% - 332px)
    }
    .rlt-vip-member .cw-local-vid {
        height: 330px
    }
    .connect-item {
        font-size: 15px
    }
    .gwbb-item {
        margin: 12px auto 25px
    }
    .gwbb-btn .orng-btn {
        font-size: 17px
    }
    .mp-wrap[lang="pt"] .cbw-extra {
        padding: 8px 10px
    }
    .mp-wrap[lang="ar"] .cbw-extra p,
    .mp-wrap[lang="fr"] .cbw-extra p {
        font-size: 11px
    }
    .mp-wrap[lang="fr"] .connect-item {
        font-size: 14px
    }
}

@media only screen and (min-width: 1800px) {
    .main_player {
        max-height: 1000px
    }
    .mp-remote-vid {
        width: calc(100% - 710px)
    }
    .mcn-wrap {
        font-size: 18px;
        padding: 0 8px 0 20px
    }
    .mcn-wrap>span {
        margin-right: 10px
    }
    .mcnb-list #cntr_lst li,
    .mrv-private>.mrvp-btn {
        font-size: 18px
    }
    .mcnb-list>.rlt-cntr-flag:before {
        height: 28px;
        width: 28px
    }
    .cntr_wrap .mcnb-dropdown {
        width: calc(100vw - 1010px)
    }
    .mcnb-open.cntr_wrap .mcnb-dropdown {
        max-height: 750px
    }
    .mcnb-list #cntr_lst li {
        padding: 12px 20px
    }
    .mcnb-list #cntr_lst li.rlt-cntr-flag:before {
        margin-right: 30px;
        height: 40px;
        width: 40px
    }
    .mcnb-list #cntr_lst li em {
        font-size: 40px;
        margin-right: 25px
    }
    .mcnb-open.cntr_wrap .mcnb-dropdown {
        padding: 20px 15px 20px 0
    }
    .cw-local-vid {
        height: 360px
    }
    .clv-masks-wrap {
        padding: 7px
    }
    .mp-chat-wrap {
        width: 470px
    }
    .chat-body {
        max-height: calc(100% - 360px)
    }
    .msg_wrap {
        height: calc(100% - 165px)
    }
    .clvc-list li em {
        font-size: 28px;
        margin: 10px 0
    }
    .cbw-extra p {
        font-size: 14px
    }
    .cbw-extra p strong {
        padding: 3px 6px
    }
    .cbw-extra span {
        padding: 8px 12px
    }
    .rlt-gender-f .mp-remote-vid,
    .rlt-vip-member .mp-remote-vid {
        width: calc(100% - 520px)
    }
    .rlt-gender-f .mp-chat-wrap,
    .rlt-vip-member .mp-chat-wrap {
        width: 520px
    }
    .rlt-vip-member .chat-body {
        max-height: calc(100% - 361px)
    }
    .rlt-vip-member .cw-local-vid {
        height: 390px
    }
    .grls-wrap {
        width: 240px
    }
    .gwb-bnr {
        padding-top: 40px
    }
    .gw-head span {
        font-size: 17px;
        padding: 5px 20px
    }
    .gwbb-item {
        margin: 15px auto 35px;
        height: 155px;
        width: 155px
    }
    .gwbb-item:nth-child(1) {
        left: -14px
    }
    .gwbb-item:nth-child(3) {
        display: block;
        left: -14px;
        top: -5px
    }
    .gwbb-item span {
        font-size: 15px
    }
    .gwbb-item span:after {
        height: 14px;
        width: 14px
    }
    .gwbb-cont h4 {
        font-size: 40px
    }
    .gwbb-cont p {
        font-size: 17px
    }
    .gwbb-btn .orng-btn {
        font-size: 19px
    }
    .mp-wrap[lang="pt"] .gwbb-cont h4,
    .mp-wrap[lang="de"] .gwbb-cont h4,
    .mp-wrap[lang="fr"] .gwbb-cont h4 {
        font-size: 32px
    }
    .mp-wrap[lang="es"] .cbw-extra p,
    .mp-wrap[lang="ar"] .cbw-extra p,
    .mp-wrap[lang="fr"] .cbw-extra p {
        font-size: 13px
    }
    .mp-wrap[lang="fr"] .cbw-extra p strong {
        padding: 2px 6px
    }
    .mp-wrap[lang="fr"] .gwbb-btn .orng-btn {
        font-size: 15px
    }
    .mp-wrap[lang="ar"] .gwbb-cont h4 {
        font-size: 40px
    }
    .mp-wrap[lang="ar"] .gwbb-cont p {
        font-size: 22px
    }
    .mp-wrap[lang="es"] .gwbb-cont {
        padding-bottom: 75px
    }
    .mp-wrap[lang="es"] .gwbb-cont h4 {
        font-size: 28px
    }
    .mp-wrap[lang="es"] .gwbb-btn .orng-btn {
        font-size: 16px
    }
    .mp-wrap[lang="ru"] .gwbb-btn .orng-btn,
    .mp-wrap[lang="it"] .gwbb-btn .orng-btn,
    .mp-wrap[lang="pt"] .gwbb-btn .orng-btn {
        font-size: 17px
    }
    .mp-wrap[lang="ru"] .gwbb-cont h4 {
        font-size: 28px
    }
    .mp-wrap[lang="ru"] .gwbb-cont p {
        font-size: 15px
    }
    .mp-wrap[lang="ru"] .gwbb-cont {
        padding-bottom: 70px
    }
}

@media only screen and (max-height: 630px),
only screen and (min-width: 1550px) and (max-height: 750px),
only screen and (min-width: 1800px) and (max-height: 900px) {
    .gwbb-item:nth-child(3) {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .upgrade_CS_new_a .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-am.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_b .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-bm.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_c .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-cm.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_d .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-dm.jpg) top/cover no-repeat
    }
}

@media only screen and (min-width: 481px) and (max-width: 812px) and (orientation: landscape) {
    .upgrade_CS_new_a .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-aml.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_b .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-bml.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_c .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-cml.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_d .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-dml.jpg) top/cover no-repeat
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait) {
    .upgrade_CS_new_a .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-at.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_b .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-bt.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_c .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-ct.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_d .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-dt.jpg) top/cover no-repeat
    }
}

@media only screen and (min-width: 769px) and (orientation: portrait),
only screen and (min-width: 813px) {
    .upgrade_CS_new_a .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-a.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_b .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-b.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_c .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-c.jpg) top/cover no-repeat
    }
    .upgrade_CS_new_d .rcwb-img {
        background: url(../../images/live_mingle/upgrade-cam-d.jpg) top/cover no-repeat
    }
}

.rlt-private-flag,
.rlt-cntr-flag,
.rlt-flag {
    display: inline-block;
    position: relative
}

.rlt-private-flag:before,
.rlt-cntr-flag:before,
.rlt-flag:before {
    content: "";
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
    -webkit-filter: drop-shadow(2px 2px 0.5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 0.5px rgba(0, 0, 0, 0.25))
}

.rlt-flag---:before {
    content: '\E87D';
    font-family: 'ChatspinIcons'
}

.rlt-flag-gw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gw)
}

.rlt-flag-gu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gu)
}

.rlt-flag-gt:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gt)
}

.rlt-flag-gs:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gs)
}

.rlt-flag-gr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gr)
}

.rlt-flag-gq:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gq)
}

.rlt-flag-gp:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gp)
}

.rlt-flag-gy:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gy)
}

.rlt-flag-gg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gg)
}

.rlt-flag-gf:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gf)
}

.rlt-flag-ge:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ge)
}

.rlt-flag-gd:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gd)
}

.rlt-flag-gb:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gb)
}

.rlt-flag-ga:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ga)
}

.rlt-flag-gn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gn)
}

.rlt-flag-gm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gm)
}

.rlt-flag-gl:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gl)
}

.rlt-flag-gi:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gi)
}

.rlt-flag-gh:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#gh)
}

.rlt-flag-lb:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#lb)
}

.rlt-flag-lc:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#lc)
}

.rlt-flag-la:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#la)
}

.rlt-flag-tv:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tv)
}

.rlt-flag-tw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tw)
}

.rlt-flag-tt:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tt)
}

.rlt-flag-tr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tr)
}

.rlt-flag-lk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#lk)
}

.rlt-flag-li:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#li)
}

.rlt-flag-lv:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#lv)
}

.rlt-flag-to:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#to)
}

.rlt-flag-lt:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#lt)
}

.rlt-flag-lu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#lu)
}

.rlt-flag-lr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#lr)
}

.rlt-flag-ls:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ls)
}

.rlt-flag-th:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#th)
}

.rlt-flag-tf:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tf)
}

.rlt-flag-tg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tg)
}

.rlt-flag-td:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#td)
}

.rlt-flag-tc:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tc)
}

.rlt-flag-ly:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ly)
}

.rlt-flag-do:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#do)
}

.rlt-flag-dm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#dm)
}

.rlt-flag-dj:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#dj)
}

.rlt-flag-dk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#dk)
}

.rlt-flag-um:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#um)
}

.rlt-flag-de:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#de)
}

.rlt-flag-ye:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ye)
}

.rlt-flag-dz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#dz)
}

.rlt-flag-uy:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#uy)
}

.rlt-flag-yt:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#yt)
}

.rlt-flag-vu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#vu)
}

.rlt-flag-qa:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#qa)
}

.rlt-flag-tm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tm)
}

.rlt-flag-eh:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#eh)
}

.rlt-flag-wf:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#wf)
}

.rlt-flag-ee:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ee)
}

.rlt-flag-eg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#eg)
}

.rlt-flag-za:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#za)
}

.rlt-flag-ec:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ec)
}

.rlt-flag-us:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#us)
}

.rlt-flag-eu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#eu)
}

.rlt-flag-et:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#et)
}

.rlt-flag-zw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#zw)
}

.rlt-flag-es:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#es)
}

.rlt-flag-er:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#er)
}

.rlt-flag-ru:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ru)
}

.rlt-flag-rw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#rw)
}

.rlt-flag-rs:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#rs)
}

.rlt-flag-re:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#re)
}

.rlt-flag-it:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#it)
}

.rlt-flag-ro:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ro)
}

.rlt-flag-tk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tk)
}

.rlt-flag-tz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tz)
}

.rlt-flag-bd:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bd)
}

.rlt-flag-be:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#be)
}

.rlt-flag-bf:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bf)
}

.rlt-flag-bg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bg)
}

.rlt-flag-vg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#vg)
}

.rlt-flag-ba:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ba)
}

.rlt-flag-bb:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bb)
}

.rlt-flag-bm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bm)
}

.rlt-flag-bn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bn)
}

.rlt-flag-bo:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bo)
}

.rlt-flag-bh:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bh)
}

.rlt-flag-bj:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bj)
}

.rlt-flag-bt:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bt)
}

.rlt-flag-jm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#jm)
}

.rlt-flag-bv:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bv)
}

.rlt-flag-bw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bw)
}

.rlt-flag-ws:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ws)
}

.rlt-flag-br:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#br)
}

.rlt-flag-bs:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bs)
}

.rlt-flag-je:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#je)
}

.rlt-flag-by:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#by)
}

.rlt-flag-bz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#bz)
}

.rlt-flag-tn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tn)
}

.rlt-flag-om:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#om)
}

.rlt-flag-zm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#zm)
}

.rlt-flag-ua:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ua)
}

.rlt-flag-jo:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#jo)
}

.rlt-flag-mz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mz)
}

.rlt-flag-ck:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ck)
}

.rlt-flag-xk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#xk)
}

.rlt-flag-ci:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ci)
}

.rlt-flag-ch:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ch)
}

.rlt-flag-co:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#co)
}

.rlt-flag-cn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cn)
}

.rlt-flag-cm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cm)
}

.rlt-flag-cl:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cl)
}

.rlt-flag-ca:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ca)
}

.rlt-flag-cg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cg)
}

.rlt-flag-cf:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cf)
}

.rlt-flag-cd:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cd)
}

.rlt-flag-cz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cz)
}

.rlt-flag-cy:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cy)
}

.rlt-flag-vc:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#vc)
}

.rlt-flag-cr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cr)
}

.rlt-flag-cw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cw)
}

.rlt-flag-cv:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cv)
}

.rlt-flag-cu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#cu)
}

.rlt-flag-ve:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ve)
}

.rlt-flag-pr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pr)
}

.rlt-flag-ps:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ps)
}

.rlt-flag-pw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pw)
}

.rlt-flag-pt:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pt)
}

.rlt-flag-py:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#py)
}

.rlt-flag-tl:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tl)
}

.rlt-flag-iq:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#iq)
}

.rlt-flag-pa:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pa)
}

.rlt-flag-pf:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pf)
}

.rlt-flag-pg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pg)
}

.rlt-flag-pe:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pe)
}

.rlt-flag-pk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pk)
}

.rlt-flag-ph:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ph)
}

.rlt-flag-pn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pn)
}

.rlt-flag-pl:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pl)
}

.rlt-flag-pm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#pm)
}

.rlt-flag-hr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#hr)
}

.rlt-flag-ht:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ht)
}

.rlt-flag-hu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#hu)
}

.rlt-flag-hk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#hk)
}

.rlt-flag-hn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#hn)
}

.rlt-flag-vn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#vn)
}

.rlt-flag-hm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#hm)
}

.rlt-flag-jp:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#jp)
}

.rlt-flag-me:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#me)
}

.rlt-flag-md:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#md)
}

.rlt-flag-mg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mg)
}

.rlt-flag-ma:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ma)
}

.rlt-flag-mc:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mc)
}

.rlt-flag-uz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#uz)
}

.rlt-flag-mm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mm)
}

.rlt-flag-ml:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ml)
}

.rlt-flag-mo:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mo)
}

.rlt-flag-mn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mn)
}

.rlt-flag-mh:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mh)
}

.rlt-flag-mk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mk)
}

.rlt-flag-mu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mu)
}

.rlt-flag-mt:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mt)
}

.rlt-flag-mw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mw)
}

.rlt-flag-mv:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mv)
}

.rlt-flag-mq:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mq)
}

.rlt-flag-mp:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mp)
}

.rlt-flag-ms:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ms)
}

.rlt-flag-mr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mr)
}

.rlt-flag-im:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#im)
}

.rlt-flag-ug:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ug)
}

.rlt-flag-my:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#my)
}

.rlt-flag-mx:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#mx)
}

.rlt-flag-il:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#il)
}

.rlt-flag-va:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#va)
}

.rlt-flag-sa:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sa)
}

.rlt-flag-ae:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ae)
}

.rlt-flag-ad:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ad)
}

.rlt-flag-ag:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ag)
}

.rlt-flag-af:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#af)
}

.rlt-flag-ai:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ai)
}

.rlt-flag-vi:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#vi)
}

.rlt-flag-is:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#is)
}

.rlt-flag-ir:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ir)
}

.rlt-flag-am:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#am)
}

.rlt-flag-al:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#al)
}

.rlt-flag-ao:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ao)
}

.rlt-flag-an:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#an)
}

.rlt-flag-as:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#as)
}

.rlt-flag-ar:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ar)
}

.rlt-flag-au:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#au)
}

.rlt-flag-at:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#at)
}

.rlt-flag-aw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#aw)
}

.rlt-flag-in:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#in)
}

.rlt-flag-ic:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ic)
}

.rlt-flag-az:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#az)
}

.rlt-flag-ie:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ie)
}

.rlt-flag-id:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#id)
}

.rlt-flag-ni:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ni)
}

.rlt-flag-nl:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#nl)
}

.rlt-flag-no:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#no)
}

.rlt-flag-na:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#na)
}

.rlt-flag-nc:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#nc)
}

.rlt-flag-ne:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ne)
}

.rlt-flag-nf:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#nf)
}

.rlt-flag-ng:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ng)
}

.rlt-flag-nz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#nz)
}

.rlt-flag-sh:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sh)
}

.rlt-flag-np:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#np)
}

.rlt-flag-so:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#so)
}

.rlt-flag-nr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#nr)
}

.rlt-flag-nu:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#nu)
}

.rlt-flag-fr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#fr)
}

.rlt-flag-io:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#io)
}

.rlt-flag-sv:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sv)
}

.rlt-flag-sb:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sb)
}

.rlt-flag-fi:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#fi)
}

.rlt-flag-fj:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#fj)
}

.rlt-flag-fk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#fk)
}

.rlt-flag-fm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#fm)
}

.rlt-flag-fo:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#fo)
}

.rlt-flag-tj:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#tj)
}

.rlt-flag-sz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sz)
}

.rlt-flag-sy:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sy)
}

.rlt-flag-sx:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sx)
}

.rlt-flag-kg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#kg)
}

.rlt-flag-ke:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ke)
}

.rlt-flag-ss:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ss)
}

.rlt-flag-sr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sr)
}

.rlt-flag-ki:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ki)
}

.rlt-flag-kh:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#kh)
}

.rlt-flag-kn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#kn)
}

.rlt-flag-km:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#km)
}

.rlt-flag-st:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#st)
}

.rlt-flag-sk:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sk)
}

.rlt-flag-kr:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#kr)
}

.rlt-flag-si:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#si)
}

.rlt-flag-kp:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#kp)
}

.rlt-flag-kw:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#kw)
}

.rlt-flag-sn:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sn)
}

.rlt-flag-sm:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sm)
}

.rlt-flag-sl:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sl)
}

.rlt-flag-sc:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sc)
}

.rlt-flag-kz:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#kz)
}

.rlt-flag-ky:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#ky)
}

.rlt-flag-sg:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sg)
}

.rlt-flag-se:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#se)
}

.rlt-flag-sd:before {
    background-image: url(../../images/live_mingle/flag-sprite.svg#sd)
}

.mrv-banner {
    color: #fff;
    display: none;
    font-size: 1.65vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.mrv-banner img {
    margin-bottom: 1em;
    height: 5.5em;
    width: 5.5em
}

.mrv-banner p {
    font-size: 1.2em;
    margin-bottom: 0.9em
}

.mrv-banner .btn {
    background: #FFC915;
    border-radius: 2em;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    padding: 0.5em 2.5em
}

.mrv-banner .btn:hover {
    background: #e6b100
}

.mrv-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 27.5em;
    z-index: 2
}

.live-mingle-header {
    position:absolute;
    bottom: 0px;
    margin-left: -15px;
    width: 100%; 
    height:110px;  
    overflow-y: hidden;
    overflow-x: hidden;  
    line-height: 100%;
    background:none;
}


.modal-in body {
    overflow: hidden
}

.hp-modal-wrp {
    display: none;
    float: none;
    text-align: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100500
}

.hp-modal-wrp:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.hpm-body {
    background: #fff;
    border-radius: 3px;
    display: inline-block;
    margin: 20px auto;
    text-align: left;
    position: relative;
    overflow: hidden;
    width: 95%;
    -webkit-box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.5);
    vertical-align: middle;
    z-index: 1
}

.hpm-body>div {
    position: relative;
    z-index: 1
}

.hpm-title {
    background: #000;
    padding: 20px 35px 0;
}

.hpm-title:after {
    content: "";
    background: url() 50% 0%/145% no-repeat;
    position: absolute;
    left: 0;
    bottom: 1px;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    height: 100%;
    width: 100%;

}

.hpm-title h4 {
    padding-top: 85px;    
    font-size: 34px;
    margin: 0;
    letter-spacing: 0.2px;
    line-height: 1.25;
    position: relative;
    z-index: 1;
    color: #fff !important;    
}

.hpm-title h4 .ht-br {
    display: block
}

.hpm-cont {
    background: #fff !important;
    border-radius: 5px;
    margin: 20px auto;
    padding: 20px 30px;
    vertical-align: top;
    max-width: 440px;
    width: 90%;
    z-index: 1
}

.hpm-cont h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 9px
}

.hpmc-input label {
    display: block;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

.hpmc-input label em {
    color: #b3b3b3;
    position: absolute;
    right: 11px;
    top: 11px
}

.hpmc-input input:focus {
    background: #fff
}

.hpmc-input input::-webkit-input-placeholder {
    color: #7d7d7d
}

.hpmc-input input::-moz-placeholder {
    color: #7d7d7d
}

.hpmc-input input:-ms-input-placeholder {
    color: #7d7d7d
}

.hpmc-input input:-moz-placeholder {
    color: #7d7d7d
}

.hpmc-input input[type="checkbox"] {
    visibility: hidden;
    position: absolute
}

.hpmc-input input[type="checkbox"]:checked+label:after {
    opacity: 1
}

.hpmc-input .hpm-checkbox {
    color: #1b2228;
    line-height: 1.3;
    font-size: 11px;
    letter-spacing: 0.2px;
    margin-top: 15px;
    padding-left: 25px;
    position: relative
}

.hpmc-input .hpm-checkbox:before {
    content: "";
    background: #e0e4e7;
    border: 1px solid #969fa6;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 3px;
    height: 13px;
    width: 13px
}

.hpmc-input .hpm-checkbox:after {
    content: "";
    width: 6px;
    height: 3px;
    position: absolute;
    top: 4px;
    left: 6px;
    border: 3px solid #303c47;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hpmc-input .hpm-checkbox a {
    color: #000;
    font-weight: 600;
    text-decoration: underline
}

.hpmc-input .hpm-checkbox span {
    color: #838a8f;
    cursor: pointer
}

.membr-reason textarea,
.hpmc-input input,
.hpmc-input select {
    background: #efefef;
    border: 0;
    font-size: 15px;
    padding: 9px 10px;
    outline-color: #d6d6d6;
    width: 100%
}

.hpmc-drop-form {
    display: none;
    margin-top: 20px
}

.hpmc-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hpmc-btns p {
    color: #1b2228;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    margin: 15px 0;
    text-align: center
}

.hpmc-btns p span {
    text-decoration: underline;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.hpmc-btns .hpmc-lnk {
    cursor: pointer;
    font-weight: bold;
    margin: 0 3px
}

.hpmc-btns .hpmc-lnk:hover {
    color: #f3ab0c;
    text-decoration: underline
}

.hpmc-btns .rlt-fb-login em {
    color: #47609d
}


.black-btn {
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    padding: 11px 25px;
    position: relative;
    min-width: 150px;
    outline: none
}

.black-btn span {
    position: relative;
    z-index: 2
}

.black-btn:hover::before {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
}

.black-btn:hover::after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.black-btn:hover span {
    color: #000;
    font-weight: 500;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}


.border-btn em {
    font-size: x-large;
    padding-right: 7px;
    vertical-align: -0.1em
}

.border-btn:before {
    content: "";
    border: 1px solid #000;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
    width: 100%;
    z-index: 1
}

.border-btn:after {
    background-color: rgba(139, 139, 139, 0.25);
    border-radius: 3px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    height: 100%;
    width: 100%;
    z-index: 1
}

.border-btn:hover::before {
    opacity: 0;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.border-btn:hover::after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.border-btn.email-login-btn em {
    color: #f1ae0d
}

.close-icon {
    cursor: pointer;
    position: absolute !important;
    top: 11px;
    right: 7px;
    height: 18px;
    width: 18px
}

.close-icon:before,
.close-icon:after {
    content: "";
    background: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    height: 1.5px;
    width: 100%
}

.close-icon:before {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.close-icon:after {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.close-icon:hover::after,
.close-icon:hover::before {
    height: 3px
}

.hpm-overlay,
#disclaimer-modal,
.ban-modal-wrp {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0
}

.orng-btn em.ci-crown-1 {
    padding-right: 2px;
    position: relative;
    vertical-align: text-top;
    z-index: 1
}

#join-modal {
    z-index: 100501
}

#join-modal .hpm-body {
    max-width: 890px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#join-modal .hpmc-header:before {
    content: "";
    background: url() center/contain no-repeat;
    display: block;
    margin-bottom: 1.8em;
    height: 2.5em
}

#join-modal .hpmc-header h4,
#join-modal .hpmc-header p {
    color: #fff;
    text-align: center
}

#join-modal .hpmc-header h4 {
    font-size: 1.6em;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
    text-align: center
}

#join-modal .hpmc-header p {
    font-style: italic;
    font-weight: 500;
    margin: 0.9em 0 0.7em
}

#join-modal .hpm-cont {
    background: #070708;
    background: linear-gradient(198deg, #4c4c4c, #070708 90%);
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    margin: 0;
    padding: 20px 60px;
    max-width: 100%;
    width: 100%
}

#join-modal .hpm-cont:before {
    content: "";
    background: url() left top/35%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

#join-modal .hpm-cont .hpm-checkbox a,
#join-modal .hpm-cont .hpm-checkbox span,
#join-modal .hpm-cont h5 {
    color: #fff
}

#join-modal .hpm-cont .hpmc-counter {
    display: none
}

#join-modal .hpmc-btns {
    margin-top: 1.2em
}

#join-modal .hpmc-btns>form {
    margin-bottom: 13px
}

#join-modal .hpmc-btns p {
    color: #fff
}

#join-modal .hpmc-btns .btn:not(.rlt-signup) {
    background: #fff;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    outline: none;
    padding: 10px;
    text-align: center;
    width: 100%
}

#join-modal .hpmc-btns .btn:not(.rlt-signup):hover {
    background: rgba(255, 255, 255, 0.75)
}

#join-modal .hpmc-btns .btn:not(.rlt-signup) span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#join-modal .hpmc-btns .btn:not(.rlt-signup) em:not(.ci-mail) {
    height: 25px;
    width: 25px
}

#join-modal .hpmc-btns .btn:not(.rlt-signup).email-login-btn em {
    font-size: 24px;
    margin-right: 8px
}

#join-modal .hpmc-btns .btn:not(.rlt-signup).rlt-fb-login em {
    background: url() no-repeat;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -0.2em
}

#join-modal .hpmc-btns .btn:not(.rlt-signup).rlt-fb-login em:before {
    display: none
}

#join-modal .hpmc-btns .black-btn {
    color: #000;
    font-weight: 600
}

#join-modal .hpmc-btns .black-btn:before {
    background: #fcc949
}

#join-modal .hpmc-btns .black-btn:after {
    border: 2px solid #fcc949
}

#join-modal .hpmc-btns .black-btn:hover span {
    color: #fff
}

#join-modal .close-icon:before,
#join-modal .close-icon:after {
    background: #fff
}

#join-modal .hpms-msg p {
    color: #000
}

.hpmc-counter {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    width: 100%
}

.hpmc-counter span {
    font-weight: 700;
    margin: 0 2px
}

.hpmc-counter em {
    font-size: 1.2em;
    margin-right: 5px
}

.hpmc-counter em:before {
    content: "";
    background: #20cf63;
    border-radius: 50%;
    display: block;
    height: 0.55em;
    width: 0.55em
}

.rlt-signup-invite {
    display: none;
    color: #fff;
    font-size: 0.9em;
    text-align: center
}

.rlt-signup-invite span {
    display: block;
    font-size: 1.2em;
    font-weight: 500;
    margin: 0 auto;
    max-width: 87.5%
}

.invite-gems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.invite-gems em {
    display: block;
    margin: 0.5em;
    height: 3.5em;
    width: 3.5em
}

.invite-gems em.gi-lg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.invite-gems em:first-child {
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg)
}

.invite-gems em:last-child {
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg)
}

.hp-sm-modal .hpm-body {
    max-width: 480px
}

.hp-modal-wrp.hp-sm-modal .hpm-title h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    padding-right: 75px
}

.hp-sm-modal .hpm-title h4:after {
    content: "";
    background: url() center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 3px;
    height: 65px;
    width: 65px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hp-sm-modal .hpm-title:after {
    background-size: cover;
    height: 150%
}

.hp-sm-modal .hpm-cont {
    display: block;
    font-size: 17px;
    margin: 20px auto 0;
    width: 90%
}

.hp-sm-modal .hpm-cont p {
    font-size: 15px
}

.hp-sm-modal .hpm-cont .skip-link {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    text-decoration: underline;
    text-transform: lowercase
}

.hp-sm-modal .hpmb-btn {
    text-align: center
}

.hp-sm-modal .hpmb-btn strong {
    color: #78868c;
    display: block;
    font-size: 15px;
    margin: 10px 0;
    padding: 0 10px;
    position: relative
}

.hpmb-btn strong:before {
    content: "";
    background: #78868c;
    position: absolute;
    left: 5%;
    top: 50%;
    height: 1px;
    width: 90%;
    z-index: -1
}

.hpmb-btn strong:after {
    content: "";
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 20px;
    width: 55px;
    z-index: -1
}

.hp-sm-modal .btn {
    color: #040707;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 5px;
    outline: none;
    text-align: center;
    text-decoration: none;
    padding: 12px;
    width: 100%
}

.hp-sm-modal .orng-btn {
    border-bottom-width: 4px
}

#reg-success .orng-btn em {
    color: #9b6808;
    margin-top: 3px;
    float: right;
    font-size: larger
}

#reg-success .hpm-cont .reg-email {
    color: #000;
    font-weight: 500
}

#reg-success .hpmb-bottom>span {
    font-size: 12px;
    display: block;
    margin-bottom: 10px
}

.hpmb-bottom {
    background: #eff1f3;
    border-top: 1px solid #e1e4ea;
    color: #78868c;
    padding: 20px 35px 35px;
    position: relative
}

.hpmb-bottom h5 {
    margin: 0 0 5px;
    font-size: 20px
}

.hpmb-bottom p {
    font-size: 12px
}

.hpmb-bottom input {
    background: #fcfcfc
}

#reg-success .hpmb-bottom button {
    margin: 15px 0 0
}

#reg-confirm-modal .hpm-body .orng-btn {
    margin: 25px auto 12px;
    max-width: 90%;
    padding-right: 25px;
    position: relative
}

#reg-confirm-modal .hpm-body .btn span {
    color: #ffbf24;
    line-height: 1.1;
    position: absolute;
    right: 0;
    top: 50%;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index: 1
}

#reg-confirm-modal .hpm-body .btn span:before {
    content: "\E893";
    color: #000;
    font-size: 3.5em;
    font-family: ChatspinIcons;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

#reg-confirm-modal .hpm-body .btn span small {
    color: #fff;
    display: block;
    font-size: 0.7em;
    font-weight: 500
}

#reg-confirm-modal .hpm-body .hpmb-btn>span {
    display: block;
    font-weight: 700;
    font-size: 0.95em;
    line-height: 1
}

#reg-confirm-modal .hpm-body .hpmb-btn>span em {
    font-size: 1.2em;
    font-weight: 600;
    margin-right: 3px;
    vertical-align: baseline
}

#vip-modal {
    z-index: 100501
}

#vip-modal .hpm-body {
    font-size: 18px;
    max-width: 920px
}

#vip-modal .hpm-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0.85em 1.5em 2.5em;
    width: 100%;
    z-index: unset
}

#vip-modal .hpm-title:after {
    display: none
}

#vip-modal .hpm-title h4 {
    font-size: 1.9em;
    font-weight: 500
}

#vip-modal .hpm-title img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 0.8em;
    max-width: 13.25em;
    position: relative;
    top: 1px;
    width: 1%
}

#vip-modal .hpm-features {
    background: #ffc023;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1.7em;
    width: 100%;
    z-index: unset
}

#vip-modal .hpm-features:after {
    content: "";
    background: url() 40% -50px/130% no-repeat;
    position: absolute;
    left: 0;
    bottom: 1px;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    height: 100%;
    width: 100%;
    z-index: -1
}

.hpmf-item {
    display: inline-block;
    margin: 0 0 1.2em;
    padding-left: 2em;
    padding-right: 1em;
    position: relative;
    vertical-align: top;
    width: 33.33%
}

.hpmf-item h5 {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    margin: 0
}

.hpmf-item h5 em {
    cursor: pointer;
    margin-left: 0.15em;
    opacity: 0.4;
    vertical-align: baseline
}

.hpmf-item.show h5 em,
.hpmf-item h5 em:hover {
    opacity: 0.9
}

.hpmf-item svg use {
    fill: #fff;
    color: #000
}

.pi-plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3.3em 1.4em 2em
}

.pi-plans:after {
    content: "";
    background: #a8b3b8;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotateZ(-27deg) translate(5%, 75%);
    transform: rotateZ(-27deg) translate(5%, 75%);
    height: 8.5em;
    width: 15em
}

.pi-plans h4 {
    font-size: 1.65em;
    font-weight: 500;
    margin: 0;
    width: 100%
}

.hpm-body .pi-plans {
    z-index: unset
}

.plan-item {
    background: #fff;
    border-radius: 0.4em;
    -webkit-box-shadow: 0.075em 0.175em 0.5em rgba(0, 0, 0, 0.4);
    box-shadow: 0.075em 0.175em 0.5em rgba(0, 0, 0, 0.4);
    cursor: pointer;
    margin: 0.85em 0 0;
    position: relative;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    max-width: initial;
    width: calc(33.3% - 0.8em);
    z-index: 2
}

.plan-item:hover .orng-btn {
    background: #f2ac00
}

.plan-item:hover .grey-btn {
    background: #93a2ad
}

.vpc-title {
    position: relative
}

.vpc-title h5 {
    color: #aebbc6;
    font-size: 1.6em;
    font-weight: 700;
    margin: 0 0 0;
    line-height: 1.35
}

.vpc-title h6 {
    color: #949ea2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9em;
    font-weight: 500;
    margin: 0.5em 0 0;
    line-height: 1
}

.vpc-title h6 span {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.15em;
    font-weight: 600;
    margin: -0.05em 0.25em 0 0;
    line-height: 1
}

.vpc-title h6 .gem-icon {
    display: inline-block;
    -webkit-filter: none;
    filter: none;
    margin-right: 0.25em;
    height: 1.2em;
    width: 1.35em
}

.vpc-title p {
    color: #949ea2;
    font-size: 0.615em;
    font-weight: 500;
    line-height: 1.2;
    margin: 0.55em 0 0.9em;
    min-height: 2.5em
}

.vpc-btn {
    margin-top: 1.65em;
    position: relative
}

.vpc-btn>span {
    border-width: 0.05em 0.15em 0.2em 0.05em;
    border-radius: 0.315em;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #040707;
    font-size: 1.225em;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.5em 0;
    text-align: center;
    text-shadow: 0 0 0;
    width: 100%
}

.vpc-btn>span em {
    font-size: larger;
    vertical-align: baseline
}

.grey-btn {
    background: #a8b3b8;
    border: 0.05em solid #78868c;
    border-radius: 0.2em;
    -webkit-box-shadow: 0 0.2em 0 0 #8c9ca2;
    box-shadow: 0 0.2em 0 0 #8c9ca2;
    color: #283439
}

.grey-btn:hover {
    background: #93a2ad;
    color: #fff
}

.hpmbp-btn .hpm-close {
    display: none
}

#transaction-success-modal .hpm-title h4 {
    padding-right: 0
}

#transaction-success-modal .hpm-title h4:after {
    display: none
}

.hp-sm-modal .hpmb-social p {
    color: #1b2228;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 90%;
    text-align: center
}

.hpmb-social {
    border: 1px solid #a3adb5;
    border-style: solid none;
    margin: 20px 0;
    padding: 20px 0
}

.hpmb-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0 0;
    padding: 0
}

.hpmb-social ul li {
    list-style-type: none;
    margin: 0 17.5px
}

.hpmb-social ul li a {
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    color: #fff;
    display: inline-block;
    font-size: 24px;
    line-height: 40px;
    position: relative;
    text-align: center;
    height: 40px;
    width: 40px
}

.hpmb-social ul li a.ci-facebook {
    background: #3b5998
}

.hpmb-social ul li a.ci-twitter {
    background: #00acee
}

.hpmb-social ul li a.ci-youtube-play {
    background: #e52d27
}

.hpmb-social ul li a.ci-instagram {
    background: #e4405f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.hpmb-social ul li a:before {
    position: relative;
    z-index: 2
}

.hpmb-social ul li a:after {
    content: "";
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 0;
    height: 0;
    z-index: 0
}

.hpmb-social ul li a:hover {
    color: #ffbf24
}

.hpmb-social ul li a:hover::after {
    width: calc(100% - 5px);
    height: calc(100% - 5px)
}

.hp-sm-modal .hpmb-btn h5 {
    font-weight: 500;
    font-size: 17px
}

#vip-modal.type-b .hpm-body {
    border-radius: 25px
}

#vip-modal.type-b .hpm-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 28px;
    padding: 0.75em 0.5em 1em
}

#vip-modal.type-b .hpm-title h4 {
    font-size: 1em;
    font-weight: 600
}

#vip-modal.type-b .hpm-title img {
    margin-left: 0.5em;
    max-width: 7em
}

#vip-modal.type-b .pi-plans {
    padding: 1.5em 1.75em
}

#vip-modal.type-b .pi-plans h4 {
    display: none
}

#vip-modal.type-b .plan-item {
    border-radius: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center
}

#vip-modal.type-b .plan-item:hover .vpc-btn span {
    border-color: #ffc023
}

#vip-modal.type-b .vpc-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1em 1em 1.5em
}

#vip-modal.type-b .vpc-body>p {
    font-size: 0.625em;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin: 0
}

#vip-modal.type-b .vpc-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.95em;
    margin: -0.1em 0;
    position: relative;
    top: 0;
    right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#vip-modal.type-b .vpc-badge * {
    font-size: 1em !important;
    margin: 0 0.15em
}

#vip-modal.type-b .vpc-badge *:not(em) {
    color: #000;
    font-weight: 600
}

#vip-modal.type-b .vpc-badge em {
    color: #ffc023
}

#vip-modal.type-b .vpc-title {
    position: static
}

#vip-modal.type-b .vpc-title h5 {
    color: #000;
    font-size: 2.5em
}

#vip-modal.type-b .vpc-title h5 span {
    display: block;
    font-size: 0.4em;
    font-weight: 500;
    line-height: 1;
    text-transform: lowercase
}

#vip-modal.type-b .vpc-title h6 {
    color: #acacac;
    margin-top: 0.75em;
    font-size: 1.2em;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#vip-modal.type-b .vpc-title h6 em {
    margin-left: -1em
}

#vip-modal.type-b .vpc-title .vpct-save {
    background: -webkit-gradient(linear, left bottom, left top, from(#ffd854), color-stop(#ffd64b), color-stop(#ffc915), to(#ddaa01));
    background: linear-gradient(0deg, #ffd854, #ffd64b, #ffc915, #ddaa01);
    color: #000;
    -webkit-filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.175));
    filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.175));
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 15px;
    padding: .6em 0 .4em;
    height: auto;
    width: 50px
}

#vip-modal.type-b .vpc-title .vpct-save span {
    font-size: 0.8em
}

#vip-modal.type-b .vpc-title .vpct-save strong {
    color: #000;
    margin-top: 0.15em
}

#vip-modal.type-b .vpc-title .vpct-save:before {
    content: "";
    border: 25px solid #ffd852;
    border-top-width: 5px;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1
}

#vip-modal.type-b .vpc-btn {
    margin: 1em 0 1.15em
}

#vip-modal.type-b .vpc-btn span {
    background: #000;
    border: 0;
    border-radius: 2em;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
    padding: 0.525em;
    text-transform: uppercase
}

#vip-modal.type-b .vpc-btn .vpcb-save {
    display: none
}

#vip-modal.type-b #pi-month .vpc-title p {
    display: none
}

#vip-modal.type-b #pi-month .vpct-limited {
    color: #000;
    font-size: 0.9em;
    letter-spacing: 0;
    line-height: 0.95;
    position: relative;
    top: 0;
    right: 0;
    width: 100%
}

#vip-modal.type-b #pi-month .vpct-limited em {
    display: none
}

#vip-modal.type-b #pi-month .vpc-btn span {
    background: #ffc023;
    color: #000
}

#vip-modal.type-b #pi-month .vpc-btn span:hover {
    background: #f9b200
}

#vip-modal.type-b #pi-month .vpc-badge,
#vip-modal.type-b #pi-month .vpc-body p {
    display: none
}

#vip-modal.type-b #pi-month:hover .vpc-btn span {
    background: #f9b200;
    border-color: #f9b200
}

#vip-modal.type-b .close-icon {
    top: 16px;
    right: 18px
}

#login-modal {
    z-index: 100501
}

#login-modal .hpm-body {
    max-width: 472px
}

#login-modal .hpm-title h4 {
    font-weight: 700;
    text-align: center
}

#login-modal .hpm-title:after {
    background-size: cover;
    background-position: 27% 100%;
    height: 190px
}

#login-modal .hpmc-btns>span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px
}

.hpm-form-bg {
    display: none;
    background: rgba(255, 255, 255, 0.75);
    position: absolute !important;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10000 !important
}

.hpm-form-bg .loader-body {
    -webkit-transform: translate(-50%, -50%) scale(0.85);
    transform: translate(-50%, -50%) scale(0.85)
}

.hpms-msg {
    background: #fff;
    color: #fabe3a;
    font-size: 24px;
    padding: 20px;
    text-align: center;
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 5px 5px -1px #868686;
    box-shadow: 0px 5px 5px -1px #868686;
    width: 90%
}

.hpms-msg p {
    font-size: 17px;
    color: #1b2228;
    margin-bottom: 0
}

.hpms-msg em {
    background: #fabe3a;
    border-radius: 50%;
    color: #000;
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 75px;
    height: 75px;
    width: 75px
}

.hpms-msg .login-mdl:hover {
    cursor: pointer;
    border-bottom: 1px solid #fabe3a
}

.hpmi-error {
    display: none;
    background: #d0421f;
    border-radius: 2px;
    color: #fff !important;
    font-size: 12px;
    line-height: 1.2;
    padding: 3px 10px;
    position: absolute;
    top: -5px;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    text-decoration: none !important;
    z-index: 2
}

.hpmi-error a {
    color: #fff;
    text-decoration: underline
}

.hpmi-error a:hover,
.hpmi-error:hover {
    color: #fff;
    text-decoration: none
}

.hpmi-error:after {
    content: "";
    border: 7px solid transparent;
    border-top: 7px solid #d0421f;
    position: absolute;
    bottom: -12px;
    left: 5px
}

.hpmi-form-error {
    display: none;
    background: #df5331;
    border: 1px solid #d0421f;
    border-radius: 3px;
    color: #fff;
    padding: 3px 10px;
    margin: -10px 0 10px
}

#forgot-modal .hpm-body {
    max-width: 480px
}

#forgot-modal .hpm-title {
    text-align: center
}

#forgot-modal .hpm-title:after {
    height: 150%;
    background-size: cover;
    background-position: 25% 100%
}

#forgot-modal .hpm-cont form>p {
    color: #1b2228;
    display: none;
    font-size: 15px;
    margin: 0 0 20px
}

#forgot-modal .btn {
    margin-top: 15px
}

.recovery-form {
    display: none
}

#member-modal .hpm-body {
    max-width: 550px
}

#member-modal .hpm-title:after {
    background-size: cover;
    height: 150%
}

.member-details {
    background: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    margin: 20px auto 0;
    padding: 20px 30px;
    width: 90%
}

.member-details .hpm-checkbox {
    margin-top: 0;
    font-size: 14px
}

.member-details .rlt-delete-acc {
    color: #9a9a9a;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 500;
    margin-top: 2em;
    text-align: right;
    text-decoration: underline;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.member-details .rlt-delete-acc:hover {
    color: #ffc023
}

.md-common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.md-item {
    border-bottom: 1px solid #eee;
    position: relative
}

.md-item a,
.md-item strong {
    color: #636363;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1em;
    font-weight: 700;
    padding: 1em 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.md-item a em,
.md-item strong em {
    color: #989898;
    font-size: 1.35em;
    margin: 0 0.5em;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.md-item a em+em,
.md-item strong em+em {
    margin-left: auto
}

.md-item a em.ci-angle-right,
.md-item strong em.ci-angle-right {
    font-size: 1.5em
}

.md-item a span,
.md-item strong span {
    color: #000;
    display: inline-block;
    font-weight: 500;
    margin-left: 0.5em
}

.md-item:not(.member-account):not(.member-status) a:hover,
.md-item:not(.member-account):not(.member-status):not(.member-tokens) strong:hover {
    color: #222
}

.md-item:not(.member-account):not(.member-status) a:hover em,
.md-item:not(.member-account):not(.member-status):not(.member-tokens) strong:hover em {
    color: #ffc023
}

.md-item .rlt-vip-upgrade {
    border: 0;
    border-radius: 5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.05em;
    font-weight: 700;
    padding: 0.7em 1.75em;
    text-transform: uppercase
}

.md-item .rlt-vip-upgrade em {
    font-size: 1.4em;
    margin-right: 0.25em
}

.md-item.member-account {
    border-bottom: none
}

.md-item.member-account strong {
    cursor: default
}

#rlt-cancel-warning .hpm-body {
    max-width: 550px
}

#rlt-cancel-warning .hpm-title h4 {
    font-size: 24px
}

#rlt-cancel-warning .hpm-cont {
    max-width: 100%
}

#rlt-cancel-warning .membr-reason p {
    font-size: 16px
}

#rlt-cancel-warning .membr-reason-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 0
}

#rlt-cancel-warning .membr-reason-btns .btn {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 150px
}

#rlt-cancel-warning .membr-reason-btns .btn+.btn {
    margin-left: 1em
}

#rlt-cancel-warning .hpms-msg p {
    font-size: 15px
}

.mdi-tokens {
    background: #fff5dc;
    border-radius: 0.6em;
    border: 2px solid #ffc023;
    margin-bottom: 0.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.8em 0.5em
}

.mdi-tokens p {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    margin-bottom: 0
}

.mdi-tokens p strong {
    cursor: default;
    font-weight: 600;
    padding: 0
}

.mdi-tokens p span {
    margin: 0 0.25em 0 0.5em
}

.mdi-tokens p em {
    margin-right: 0.4em;
    -webkit-filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.3));
    height: 1.9em;
    width: 2em
}

.mdi-tokens>span {
    border: 0;
    border-radius: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 0.8em;
    padding: 0.4em 0.5em 0.4em 0.85em;
    text-transform: uppercase;
    white-space: nowrap
}

.mdi-tokens>span em {
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 1.75em;
    margin-left: 0.25em
}

.mdi-tokens-table {
    margin-left: 0.5em
}

.mdi-tokens-table span {
    color: #9a9a9a;
    cursor: pointer;
    display: inline-block;
    font-size: 0.85em;
    font-weight: 500;
    margin-bottom: 1em;
    text-decoration: underline;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.mdi-tokens-table span em {
    margin-left: 0.5em;
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.mdi-tokens-table span:hover {
    color: #ffc023
}

.rlt-token-history {
    display: none;
    max-height: 15em;
    padding-right: 0.5em;
    overflow: auto
}

.rlt-token-history::-webkit-scrollbar {
    width: 7px
}

.rlt-token-history::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: 10px
}

.rlt-token-history::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px
}

.ht-item {
    border-top: 1px solid #c4c4c4;
    color: #7b7979;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9em;
    font-weight: 500;
    min-height: 3em;
    padding: 0.4em 0.4em
}

.hti-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4.25em;
    padding-right: 0.4em
}

.hti-id:before {
    content: "#";
    font-weight: 700;
    font-size: 0.7em;
    margin-right: 0.25em
}

.hti-dir {
    background: #8c8a8b;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    height: 1em;
    width: 1em
}

.hti-dir.hti-plus {
    background: #ffc023
}

.hti-minus:before {
    content: "-";
    line-height: 1
}

.hti-plus:before {
    content: "+";
    line-height: 1
}

.hti-num {
    font-weight: 600;
    margin-left: 2em;
    margin-right: auto
}

.hti-num:after {
    content: "\E852";
    color: #ffc023;
    font-family: ChatspinIcons;
    font-weight: 400;
    margin-left: 0.5em
}

.hti-datetime {
    font-size: 0.75em;
    letter-spacing: 0.5px
}

.hti-transtype {
    font-size: 0.8em;
    max-width: 8em;
    margin-left: auto;
    text-align: right
}

.hti-transtype.type-bonus_login,
.hti-transtype.type-bonus_signup,
.hti-transtype.type-bonus_signup_referree,
.hti-transtype.type-bonus_signup_referrer,
.hti-transtype.type-bonus_signup_ref_every5,
.hti-transtype.type-bonus_purchase,
.hti-transtype.type-bonus_chat,
.hti-transtype.type-bonus_invite_engage_chat,
.hti-transtype.type-bonus_invite_engage_vip,
.hti-transtype.type-bonus_chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hti-transtype.type-bonus_login:before,
.hti-transtype.type-bonus_signup:before,
.hti-transtype.type-bonus_signup_referree:before,
.hti-transtype.type-bonus_signup_referrer:before,
.hti-transtype.type-bonus_signup_ref_every5:before,
.hti-transtype.type-bonus_purchase:before,
.hti-transtype.type-bonus_chat:before,
.hti-transtype.type-bonus_invite_engage_chat:before,
.hti-transtype.type-bonus_invite_engage_vip:before,
.hti-transtype.type-bonus_chat:before {
    content: '';
    background: url(../../images/live_mingle/gift-box.svg) no-repeat;
    display: inline-block;
    font-size: 2.15em;
    margin-left: 0.25em;
    height: 0.7em;
    width: .95em
}

.mdi-account {
    background: #f5f5f5;
    border-radius: 0.4em;
    padding: 1em 1em 1.5em
}

.mdia-item p {
    color: #9c9c9c;
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 0.5em
}

.mdia-item+.mdia-item {
    margin-top: 2em
}

.mdia-item+.mdia-item .mdia-input span:before {
    content: "";
    border-top: 5px dotted #636363;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    width: 10em
}

.mdia-input {
    border-bottom: 1px solid #d4d4d4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

.mdia-input>span,
.mdia-input input {
    background: transparent;
    border: 0;
    color: #636363;
    cursor: default;
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    margin: 0 0 0.3em;
    min-height: 1.4em;
    padding: 0;
    outline: none;
    width: 100%
}

.mdia-input em {
    color: #636363;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.mdia-input em.ci-ok {
    display: none;
    color: #0abb0f
}

.mdia-input em:hover {
    color: #fabe3a
}

.mdia-input .mdia-input-email {
    width: 100%
}

.mdia-input .mdia-input-email input {
    cursor: text
}

.mdia-input .mdia-input-email .hpmi-error {
    font-size: 0.7em
}

.mdia-input .mdia-input-email,
.mdia-input .hpmi-error {
    display: none
}

.mdia-input:after {
    content: "";
    background: #ffbf24;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    height: 2px;
    width: 0
}

.mdia-input.active:after {
    width: 100%
}

.md-upgrade {
    padding-left: 0.5em;
    text-align: center
}

.md-upgrade p {
    color: #636363;
    font-size: 0.9em;
    font-weight: 500;
    margin-top: 1em;
    padding-left: 0.5em;
    text-align: left
}

.md-upgrade .md-btn {
    margin-top: 1em
}

.member-status strong {
    cursor: default
}


.sm-btn,
.mdi-buttons .sm-btn {
    border-bottom-width: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 8px;
    margin-right: 5px
}

.sm-btn em {
    vertical-align: baseline
}

.md-user-details {
    color: #9a9a9a;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 500;
    margin-left: 0.5em;
    text-decoration: underline;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.md-user-details:hover {
    color: #ffc023
}

.md-user-details em {
    margin: 0 0.3em;
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.md-user-details.active .ci-angle-right {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}


.mdi-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mdi-date strong {
    padding: 0
}

.mdi-date p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin: 0 1em
}

.mdi-date p em {
    margin-right: 0.5em
}

.mdi-table {
    margin: 0;
    min-height: 150px;
    max-height: 255px;
    padding: 0 0 20px;
    overflow: auto
}

.mdi-table strong {
    padding-bottom: 0.5em
}

.mdi-table table {
    border-spacing: 0;
    font-size: 0.775em;
    width: 100%
}

.mdi-table table tr>td,
.mdi-table table tr>th {
    border: 1px solid #989898;
    border-style: none solid solid none;
    padding: 7px
}

.mdi-table thead {
    background: #989898;
    color: #fff
}

.mdi-table tbody>tr>td:first-child {
    border-left: 1px solid #989898
}

.md-btn {
    border-bottom-width: 2px;
    font-size: 17px;
    font-weight: 600;
    padding: 6px 10px;
    outline: none
}

.rlt-vip-cancel {
    color: #636363;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em;
    font-weight: 500;
    margin: 0.5em 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.rlt-vip-cancel:hover {
    color: #ffbf24
}

.rlt-vip-cancel span {
    text-decoration: underline
}

.rlt-vip-cancel em {
    margin-right: 0.5em
}

.rlt-vip-cancel .ci-spinner {
    display: none
}

#delete-acc-modal .hpm-body {
    max-width: 850px
}

.dam-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dam-body>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px 0;
    text-align: center;
    width: 50%
}

.dam-body>div+div {
    border-left: 1px solid #ccc
}

.dam-body>div p {
    margin-bottom: 20px
}

#rlt-cancel-confirm .hpm-body {
    max-width: 650px
}

#rlt-cancel-confirm .hpm-title:after {
    height: 200%
}

#rlt-cancel-confirm .hpm-title h6 {
    font-size: 24px;
    margin: 0
}

.membr-reason-aera {
    position: relative
}

.membr-reason select {
    background: #f3f6f9;
    border: none;
    border-radius: 3px;
    outline-color: #ccc;
    padding: 7px;
    width: 100%
}

.membr-reason textarea {
    background: #f3f6f9;
    border-radius: 3px;
    display: none;
    margin-top: 10px;
    min-height: 120px
}

.membr-btn .rlt-cancel-confirm-yes {
    padding: 5px 30px;
    margin: 20px 0 5px
}

.rlt-cancel-confirm-yes.disabled {
    background: #ecd292;
    border: 1px solid #d8b36d;
    color: #73726f;
    cursor: default;
    pointer-events: none
}

.membr-btn p {
    font-size: 13px
}

.rlt-help-start em {
    font-size: 1.25em;
    margin-right: 5px
}

.rlt-help-wrap {
    background: #fff;
    border-radius: 5px 5px 0 0;
    display: none;
    overflow: auto;
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 388px;
    z-index: 10
}

.rhw-head {
    background: #ffbf24;
    border-radius: 5px 5px 0 0;
    color: #000;
    min-height: 43px;
    padding: 18px 25px;
    text-align: left
}

.rhw-head h5 {
    display: none;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.4px;
    text-transform: capitalize
}

.rhw-head h5 em {
    font-size: 60px;
    vertical-align: middle;
    margin-right: 8px
}

.rhw-head span {
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 15px;
    right: 15px;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease
}

.rhw-head span:hover {
    text-shadow: 1px 1px 0, -1px 1px 0
}

.rhw-body {
    background: #fff;
    min-height: 80px;
    padding: 10px 10px 0
}

.rhw-body>div {
    display: none
}

.rhwb-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.rlt-help {
    height: 515px
}

.rlt-help-messages {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px 10px
}

.rlt-help-messages>div {
    margin-top: 15px;
    font-size: 14px;
    position: relative
}

.rlt-help-messages>div>p {
    border-radius: 20px;
    color: #231f20;
    letter-spacing: 0.5px;
    line-height: 1.45;
    padding: 13px 20px;
    margin: 0
}

.rlt-help-messages>div>.date {
    font-size: 0.75em;
    font-weight: 500;
    margin-bottom: 5px;
    display: block
}

.rlt-help-messages::-webkit-scrollbar {
    width: 7px
}

.rlt-help-messages::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: 10px
}

.rlt-help-messages::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px
}

.rlt-help-to {
    margin-right: 45px;
    text-align: left
}

.rlt-help-to:before {
    content: "";
    background: url() center/contain no-repeat;
    position: absolute;
    right: -48px;
    top: 25px;
    height: 2.5em;
    width: 2.5em
}

.rlt-help-to p {
    border: 2px solid #e8ecef
}

.rlt-help-to .date {
    padding-left: 1.2em
}

.rlt-help-to+.rlt-help-to:before {
    display: none
}

.help-loader-show .rlt-help-to:before {
    display: none
}

.rlt-help-from {
    margin-left: 45px;
    text-align: left
}

.rlt-help-from:before {
    content: "\e810";
    background: #ffbf24;
    border-radius: 50%;
    color: #fff;
    font-family: ChatspinIcons;
    font-size: 1.6em;
    line-height: 1.75em;
    position: absolute;
    left: -50px;
    top: 22px;
    text-align: center;
    width: 1.75em;
    height: 1.75em
}

.rlt-help-from p {
    background: #fff1cf
}

.rlt-help-from .date {
    text-align: right;
    padding-right: 1.2em
}

.rlt-help-from+.rlt-help-from:before {
    display: none
}

.rlt-help-loader {
    background: #ffff;
    color: #ffbf24;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 2em;
    box-shadow: inset 0 0 0 2em;
    font-size: 3.9px;
    position: absolute;
    right: -50px;
    top: 26px;
    height: 10em;
    width: 10em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.rlt-help-loader:before,
.rlt-help-loader:after {
    content: "";
    background: #fff;
    border-radius: 50%;
    position: absolute
}

.rlt-help-loader:before {
    -webkit-animation: help-load 1.33s infinite ease 1s;
    animation: help-load 1.33s infinite ease 1s;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.2em;
    left: -0.2em;
    -webkit-transform-origin: 5.2em 5.2em;
    transform-origin: 5.2em 5.2em;
    height: 10.4em;
    width: 5.2em
}

.rlt-help-loader:after {
    -webkit-animation: help-load 1.33s infinite ease;
    animation: help-load 1.33s infinite ease;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.4em;
    left: 5.2em;
    -webkit-transform-origin: 0.1em 5.4em;
    transform-origin: 0.1em 5.4em;
    height: 10.4em;
    width: 5.4em
}

@-webkit-keyframes help-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes help-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rlw-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 5px
}

.rlw-input input {
    border: 2px solid #e8ecef;
    border-style: solid none solid solid;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    letter-spacing: 0.5px;
    outline: none;
    padding: 9px 15px;
    width: 100%
}

.rlw-input input:focus {
    border-color: #c8cbce
}

.rlt-help-send {
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 17px;
    padding: 10px 14px
}

.rlt-help-started {
    display: none;
    text-align: center;
    margin: 5px 0
}

.rlt-support {
    min-height: 410px;
    padding: 20px 15px
}

.rlt-support textarea,
.rlt-support input {
    background: #e8ecef;
    border: none;
    margin-bottom: 24px;
    font-size: 15px;
    padding: 12px 15px;
    width: 100%
}

.rlt-support textarea:focus,
.rlt-support input:focus {
    background: #fff;
    -webkit-box-shadow: 0 0 0 2px #e8ecef;
    box-shadow: 0 0 0 2px #e8ecef;
    outline: none
}

.rlt-support textarea {
    height: 180px;
    resize: none
}

.rlt-support-form label {
    display: block;
    position: relative
}

.rlt-support-btn {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 8px 16px
}

.rlt-support-btn em {
    margin-right: 5px
}

.rlt-leave-msg {
    display: none;
    margin: -10px 0 25px;
    letter-spacing: 0.25px;
    text-align: center
}

.rlt-solve-msg {
    display: none
}

.rlt-solve-quest {
    min-height: 300px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rlt-solve-btn {
    margin-top: 10px
}

.rlt-solve-btn>span {
    border-bottom-width: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
    margin: 10px;
    padding: 8px 30px
}

.suport-msg {
    color: #000000;
    padding: 0 0 40px;
    text-align: center
}

.suport-msg img {
    width: 300px;
    margin: 20px auto
}

.suport-msg h5 {
    font-size: 18px;
    letter-spacing: 0.1px;
    margin: 25px 0 5px
}

.suport-msg p {
    margin: 0 0 15px;
    font-size: 17px
}

.suport-msg>span {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline
}

.suport-msg>span:hover {
    color: #ffbf24;
    text-decoration: none
}

.rlt-help-wrap .rlt-help-loading {
    background: #fff;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.rlt-help-wrap .loader-body {
    top: 65%;
    width: 120px;
    height: 130px
}

.rlt-help .rlt-lh-leave-msg {
    color: #ffbf24
}

#rlt-chng-pass .hpm-body {
    max-width: 600px
}

#rlt-chng-pass .hpm-title:after {
    background-size: cover
}

#rlt-chng-pass .orng-btn {
    margin-top: 15px;
    font-weight: 500;
    padding: 10px
}

#pay-modal {
    overflow: auto;
    z-index: 100503
}

#pay-modal .hpm-body {
    background: #101c24;
    border-radius: 10px;
    max-width: 550px;
    padding: 0
}

#pay-modal .hpm-body iframe {
    border: 0;
    overflow: hidden;
    position: relative;
    height: 820px;
    width: 100%;
    margin: 10px 0 -75px
}

#pay-modal .hpm-body .hpm-close {
    top: 4px;
    right: 4px;
    height: 14px;
    width: 14px
}

#pay-modal .hpm-body .hpm-close:before,
#pay-modal .hpm-body .hpm-close:after {
    background: #f93636;
    height: 2px
}

#pay-modal .hpm-body .hpm-close:hover::after,
#pay-modal .hpm-body .hpm-close:hover::before {
    height: 3px
}

#pay-modal::-webkit-scrollbar {
    background: transparent;
    border-radius: 10px;
    height: 5px;
    width: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

#pay-modal::-webkit-scrollbar:hover {
    background: rgba(255, 255, 255, 0.15)
}

#pay-modal::-webkit-scrollbar-thumb {
    background: #777779;
    border-radius: 10px
}

.hpm-crypto {
    background: #101c24;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    padding: 0 1.25em 0.75em
}

.hpm-crypto p {
    font-size: 0.975em;
    margin: 0 1em 0 0
}

.coin-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.coin-item {
    cursor: pointer;
    display: block;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    height: 2em;
    width: 2em
}

.coin-item:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.coin-btc {
    background: url(/assets/img/crypto/btc.svg)
}

.coin-eth {
    background: url(/assets/img/crypto/eth.svg)
}

.coin-usdc {
    background: url(/assets/img/crypto/usdc.svg)
}

.coin-doge {
    background: url(/assets/img/crypto/doge.svg)
}

.coin-ltc {
    background: url(/assets/img/crypto/ltc.svg)
}

.coin-dai {
    background: url(/assets/img/crypto/dai.svg)
}

.coin-bch {
    background: url(/assets/img/crypto/bch.svg)
}

.rlt-modal-is-feature {
    background: rgba(250, 190, 58, 0.8);
    color: #000;
    display: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

.rmf-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 600
}

.rmf-body p {
    color: #000;
    margin: 0
}

.rmf-body em {
    font-size: larger;
    margin-right: 5px
}

#settings-modal .hpm-body {
    max-width: 700px
}

#settings-modal .hpm-title:after {
    height: 200px
}

.hpm-cont.settings-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px;
    margin: 20px auto;
    max-width: initial;
    width: calc(100% - 70px)
}

.sd-col {
    width: 100%
}

.sd-balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sd-balance p {
    font-weight: 700;
    margin: 0
}

.sd-balance p strong {
    color: #8d8b8b;
    font-weight: 600;
    margin-right: 1em
}

.sd-balance p em {
    display: inline-block;
    -webkit-filter: none;
    filter: none;
    vertical-align: middle;
    height: 1.7em;
    width: 2em
}

.sd-balance>em {
    color: #ffc023;
    cursor: pointer;
    font-size: 1.55em;
    margin-left: auto;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.sd-balance>em:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sd-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
    padding-bottom: 1em
}

.sd-item.sd-free h5 {
    font-size: 1.25em
}

.sd-item.sd-free .sd-upgrade-btn {
    font-size: 1.05em;
    padding: 0.5em 1em
}

.sd-item.sd-free .sd-upgrade-btn em {
    font-size: 1.4em;
    vertical-align: middle
}

.sdi-check input {
    position: absolute;
    visibility: hidden
}

.sdi-check input:checked+label:after {
    background-color: #fabe3a;
    -webkit-box-shadow: 0.1563em 0.1563em 0 0 #fabe3a inset, -0.25em -0.25em 0 0.25em #fabe3a inset, 0.25em 0.25em 0 0 #fff inset;
    box-shadow: 0.1563em 0.1563em 0 0 #fabe3a inset, -0.25em -0.25em 0 0.25em #fabe3a inset, 0.25em 0.25em 0 0 #fff inset;
    -webkit-transform: translate(1em, -50%);
    transform: translate(1em, -50%)
}

.sdi-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em;
    font-weight: 600;
    position: relative;
    padding-right: 2.75em
}

.sdi-check label:before,
.sdi-check label:after {
    content: "";
    border: 1.5px solid #272727;
    cursor: pointer;
    height: 1.1em;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sdi-check label:before {
    background-color: #ccc;
    background: -webkit-gradient(linear, left top, right top, from(#efefef), to(#c3c3c3));
    background: linear-gradient(90deg, #efefef, #c3c3c3);
    border-radius: 2em;
    right: 0;
    width: 2em
}

.sdi-check label:after {
    -webkit-box-shadow: 0.1563em 0.1563em 0 0 #949494 inset, -0.25em -0.25em 0 0.25em #949494 inset, 0.25em 0.25em 0 0 #fff inset;
    box-shadow: 0.1563em 0.1563em 0 0 #949494 inset, -0.25em -0.25em 0 0.25em #949494 inset, 0.25em 0.25em 0 0 #fff inset;
    background-color: #949494;
    border-radius: 50%;
    right: 1em;
    width: 1.1em
}

.sdi-check label[for="sdi-hide-location"]>em:first-child {
    font-size: 1.5em;
    margin-right: 0.35em
}

.sdi-check label[for="sdi-rear-camera"]>em:first-child {
    font-size: 1.35em;
    margin-right: 0.35em
}

.sdi-info:hover p {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.sdi-info:hover em {
    color: #ffc023
}

.sdi-info:hover em:after {
    opacity: 1
}

.sdi-info em {
    color: #bbbbbc;
    cursor: pointer;
    display: block;
    margin-left: 0.5em;
    position: relative;
    top: -0.1em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.sdi-info em:after {
    content: "";
    border: 7px solid transparent;
    border-top: 7px solid #ffefcc;
    position: absolute;
    top: -10px;
    left: 2px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.sdi-info p {
    background: rgba(255, 238, 200, 0.92);
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: calc(100% + 7px);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 11
}

.sdi-ci-right {
    display: none;
    color: #ffc023;
    font-size: 1.4em;
    margin-left: auto
}

.vip-feature .sdi-ci-right {
    display: block
}

.sdi-get-verify span {
    background: #fdd46d;
    color: #130920;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 600;
    margin: 0.75em 0;
    padding: 0.4em 0.75em;
    text-transform: lowercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.sdi-get-verify span:hover {
    background: #ffc023
}

.sdi-get-verify small {
    display: block;
    font-size: 0.8em
}

.sdi-verify-icon {
    display: block;
    margin: 0 0.75em
}

.sdi-verify-icon:after {
    content: "";
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99 94.2'%3e%3cpath fill='%23fff' d='M88.2 47.1l-11-9 3.6-13.8-14.2-.7-5.1-13.3-12 7.7-12-7.7-5.1 13.3-14.2.7 3.6 13.8-11 9 11 9-3.6 13.8 14.2.7 5.1 13.3 12-7.7 12 7.7 5.1-13.3 14.2-.7-3.6-13.8z'/%3e%3cpath fill='%237bd500' d='M47.1 63.3L35.7 34h7.1L51 56.6 59.1 34h7.1L54.9 63.3h-7.8z'/%3e%3cpath fill='%237bd500' d='M89.5 18l-18.2-1-6.5-17-15.3 9.9L34.2 0l-6.5 17-18.2 1 4.7 17.6L0 47.1l14.1 11.5-4.6 17.6 18.2 1 6.5 17 15.3-9.9 15.3 9.9 6.5-17 18.2-1-4.7-17.6L99 47.1 84.9 35.6 89.5 18zm-1.3 29.1l-11.1 9 3.7 13.8-14.2.8L61.5 84l-12-7.8-12 7.8-5.1-13.3-14.2-.8 3.7-13.8-11.1-9 11.1-9-3.7-13.8 14.2-.8 5.1-13.3 12 7.8 12-7.8 5.1 13.3 14.2.8-3.7 13.8 11.1 9z'/%3e%3c/svg%3e") no-repeat;
    display: block;
    height: 1.75em;
    width: 1.75em
}

.sdi-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px
}

.sdi-input.deactive {
    cursor: default
}

.sdi-input.deactive .sdif-select ul li,
.sdi-input.deactive .sdi-select>span,
.sdi-input.deactive .sdif-select>span,
.sdi-input.deactive>*:not(.sdif-select):not(.sdi-select) {
    opacity: 0.3
}

.sdi-input p {
    margin: 0
}

.sdi-input input {
    background: #efefef;
    border: 0;
    cursor: text;
    font-size: 0.9em;
    outline: none;
    padding: 0.65em 1em;
    width: 100%
}

.sdi-input.sdi-gender {
    margin: 0;
    padding: 5px 0
}

.sdi-input.sdi-gender p {
    font-weight: 600
}

.sdi-intro p {
    font-size: 0.85em;
    margin-bottom: 10px
}

.sdil-title {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    padding: 10px 25px;
    white-space: nowrap
}

.sdi-list {
    display: none;
    -webkit-box-shadow: 1px 2px 3px rgba(34, 34, 34, 0.3);
    box-shadow: 1px 2px 3px rgba(34, 34, 34, 0.3);
    background: #fff;
    border-radius: 4px;
    height: calc(100% - 40px);
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 300px;
    z-index: 20
}

.sdi-gender .sdi-list {
    height: auto;
    max-height: calc(100% - 40px)
}

.sdi-select {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px
}

.sdi-select>span {
    border-bottom: 1px solid #bdbdbd;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    padding-bottom: 3px;
    position: relative
}

.sdi-select>span:hover {
    color: #fabe3a
}

.sdi-select>span:after {
    content: "\e806";
    color: #fabe3a;
    font-size: larger;
    font-family: ChatspinIcons;
    font-weight: bold;
    position: absolute;
    right: 2px;
    top: -1px
}

.sdi-select ul {
    height: calc(100% - 65px);
    overflow: auto;
    padding: 0 25px
}

.sdi-select ul li {
    cursor: pointer;
    list-style-type: none;
    padding: 12px 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.sdi-select ul li:hover {
    color: #fabe3a
}

.sdi-select ul li+li {
    border-top: 1px solid #eee
}

.sdic-descr+.sdic-descr {
    margin-top: 25px
}

.sdic-descr label p {
    margin: 0 0 -4px
}

.sdic-descr label small {
    color: #a0a4ab
}

.stc-interests {
    font-size: 0.9em;
    position: relative;
    z-index: 10
}

.stc-area {
    background: #efefef;
    cursor: text;
    margin: 1em 0;
    padding: 0.65em 1em;
    word-break: break-word
}

.stc-area form {
    display: inline-block;
    min-width: 12em;
    vertical-align: middle
}

.stc-area input {
    background: transparent;
    border: 0;
    border-radius: 1em;
    cursor: text;
    font-size: 1em;
    margin-left: auto;
    outline: none;
    padding: 0.25em 0.25em 0.25em 0;
    width: 100%
}

.stc-area>span {
    background: #fabe3a;
    border-radius: 0.3em;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 500;
    margin: 0 0.5em 0.5em 0;
    padding: 0.3em 1.65em 0.3em 0.5em;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stc-area>span:hover {
    background: #f2ac00
}

.stc-area>span:before,
.stc-area>span:after {
    content: "";
    background: #000;
    position: absolute;
    top: 50%;
    right: 0.5em;
    height: 1px;
    width: 0.75em
}

.stc-area>span:after {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.stc-area>span:before {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.stc-area>span:hover::after,
.stc-area>span:hover::before {
    height: 1.5px
}

.stc-available {
    background: #fdfdfd;
    -webkit-box-shadow: 4px 6px 6px -3px #e8ecef;
    box-shadow: 4px 6px 6px -3px #e8ecef;
    border: 1px solid #e8ecef;
    display: none;
    min-height: 5.25em;
    padding: 0.75em 0.5em 0.5em;
    position: absolute;
    top: 100%;
    height: 100%;
    width: 100%
}

.stc-available .stca-list {
    overflow: auto;
    height: 100%
}

.stc-available .stca-list::-webkit-scrollbar {
    width: 8px
}

.stc-available .stca-list::-webkit-scrollbar-thumb {
    background: #dbdee0;
    border-radius: 10px
}

.stc-available .stca-list::-webkit-scrollbar-track {
    background: #e8ecef;
    border: 4.5px solid transparent;
    background-clip: content-box
}

.stc-available span {
    cursor: pointer;
    display: block;
    font-size: 1em;
    text-align: left;
    padding: 0.15em 0.5em 0.2em;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.stc-available span:before {
    content: "\e808";
    color: #949494;
    display: inline-block;
    margin-right: 0.5em;
    font-size: 0.9em;
    font-family: ChatspinIcons;
    vertical-align: middle
}

.stc-available span:focus {
    border: 0;
    outline: none
}

.stc-available span.active,
.stc-available span:hover {
    background: #f3f5f6
}

.stc-available span.active:before,
.stc-available span:hover::before {
    color: #3e3e3d
}

.stc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sdi-tags-cloud>p {
    font-weight: 600;
    margin: 0 0 5px
}

.hpm-hidden,
.rlt-vip-member .sd-free,
.rlt-vip-member .sdi-get-verify {
    display: none !important
}

.sdi-follow-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sdi-follow-input>*:not(.rlt-sett-follow-msg-preview) {
    max-width: calc(50% - 5px);
    width: 100%
}

.sdi-follow-input .rlt-sett-follow-msg-preview {
    margin-top: 1em;
    font-size: 0.9em;
    width: 100%
}

.sdi-follow-input .rlt-sett-follow-msg-preview small {
    font-weight: 500
}

.sdif-select {
    cursor: pointer;
    font-size: 0.9em;
    position: relative
}

.sdif-select span {
    background: #efefef;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.65em 1.5em
}

.sdif-select span:before {
    content: "";
    display: inline-block;
    margin-right: 1em;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    height: 1em;
    width: 1em
}

.sdif-select span:after {
    content: "\e806";
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #a0a0a0;
    font-size: 1.15em;
    font-family: "ChatspinIcons";
    line-height: 1;
    margin-left: auto
}

.sdif-select ul {
    display: none;
    background: #fafafa;
    position: absolute;
    width: 100%;
    z-index: 10
}

.sdif-select ul li {
    border-top: 1px solid #c1c1c1;
    list-style-type: none
}

.sdif-select ul li span {
    padding: 0.75em 1.15em
}

.sdif-select ul li span:after {
    display: none
}

.sdif-select ul li span:hover {
    background: #fbfbfb
}

.sdif-select .sdfi-snap:before {
    background: url(../../images/live_mingle/snapchat.svg) no-repeat
}

.sdif-select .sdfi-insta:before {
    background: url(../../images/live_mingle/instagram.svg) no-repeat
}

.sdif-select .sdfi-tik:before {
    background: url(../../images/live_mingle/tik-tok.svg) no-repeat
}

.sdif-select .sdfi-fans:before {
    background: url(../../images/live_mingle/only-fans.svg) no-repeat
}

.sda-ava-wrap {
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sda-image {
    background: #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 6.25em;
    min-width: 6.25em
}

.sda-image:before {
    content: "\E863";
    color: #c5c5c5;
    font-size: 5em;
    font-family: "ChatspinIcons"
}

.sda-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding-left: 2em
}

.sda-btns>span {
    background: #888;
    border-radius: 2em;
    color: #d3d3d3;
    cursor: pointer;
    display: inline-block;
    font-size: 0.965em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.4em 1em;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%
}

.sda-btns>span+span {
    margin-top: 0.75em
}

.sda-btns>span:hover {
    background: #222;
    color: #fff
}

.sd-like .sdi-input {
    font-size: 0.9em
}

.sdi-likes {
    position: relative;
    margin-left: 10px
}

.sdi-likes em {
    color: #ec2525;
    font-size: 2.2em
}

.sdi-likes span {
    color: #fff;
    font-size: 0.7em;
    font-weight: 600;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.sd-button span {
    border-bottom-width: 3px;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px
}

.sdi-overlay {
    display: none;
    background: rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12
}

.hpm-report {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    cursor: pointer;
    display: inline-block;
    font-size: 0.85em;
    margin-left: auto
}

.hpm-report:hover {
    color: #ffbf24
}

.hpm-report em {
    color: #fabe39;
    display: inline-block;
    font-size: larger;
    margin-right: 3px;
    text-shadow: 1.25px 1.25px 0 rgba(0, 0, 0, 0.3);
    vertical-align: baseline
}

.applet #join-modal .rlt-google-login {
    display: none !important
}

#disclaimer-modal {
    z-index: 100501
}

#disclaimer-modal .hpm-body {
    width: 720px;
    max-width: 95%
}

#disclaimer-modal .hpm-cont {
    font-size: 15px;
    margin-bottom: 0;
    max-width: 90%
}

#disclaimer-modal .hpm-cont>strong {
    display: block;
    margin-bottom: 3px
}

#disclaimer-modal .hpm-title h4 {
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

#disclaimer-modal .hpmc-scroll {
    border: 1px solid #a0afbc;
    border-style: solid none;
    margin: 10px 0 15px;
    padding: 10px 0
}

#disclaimer-modal .hpmc-scroll p {
    margin: 0 0 10px
}

#disclaimer-modal .hpmc-scrl-body {
    max-height: 200px;
    overflow: auto;
    padding: 0 10px 0 0
}

#disclaimer-modal .hpmc-scrl-body::-webkit-scrollbar {
    width: 10px
}

#disclaimer-modal .hpmc-scrl-body::-webkit-scrollbar-track {
    background: #a0afbc;
    border: 4.5px solid transparent;
    background-clip: content-box
}

#disclaimer-modal .hpmc-scrl-body::-webkit-scrollbar-thumb {
    background: #a0afbc;
    border-radius: 10px
}

#disclaimer-modal .hpmc-scrl-body ul li {
    list-style-type: circle;
    margin-left: 20px
}

.dmw-btns {
    padding: 0 40px 20px;
    text-align: right
}

.dmw-btns .btn {
    border-bottom-width: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
    padding: 8px 20px;
    text-decoration: none
}

.ban-modal-wrp {
    display: none;
    overflow: auto;
    z-index: 100400
}

.bmw-body {
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 405px;
    width: 95%
}

.bmw-body:before {
    content: "";
    background: url() 20% 100%/125% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px
}

.bmw-title {
    padding: 30px 30px 0
}

.bmw-title img {
    width: 213px
}

.bmw-title h4 {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4;
    margin: 1em 0 1.3em
}

.bmw-title h4 span:not(.rlt-appeal-link) {
    color: #ff0000
}

.bmw-title em {
    color: #c9d9e6;
    position: absolute;
    top: -45px;
    right: -21px;
    font-size: 98px
}

.bmws-top {
    display: inline-block;
    font-size: 20px;
    position: relative
}

.bmw-safe {
    border-top: 1px solid #ccc;
    padding: 25px 30px 30px
}

.bmw-safe .bmw-check input {
    position: absolute;
    visibility: hidden
}

.bmw-safe .bmw-check input:checked+label:after {
    background-color: #fabe3a;
    -webkit-box-shadow: 2.5px 2.5px 0 0 #fabe3a inset, -4px -4px 0 2.5px #fabe3a inset, 4.5px 4.5px 0 0 #fff inset;
    box-shadow: 2.5px 2.5px 0 0 #fabe3a inset, -4px -4px 0 2.5px #fabe3a inset, 4.5px 4.5px 0 0 #fff inset;
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
}

.bmw-safe .bmw-check label {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-right: 62px
}

.bmw-safe .bmw-check label:after,
.bmw-safe .bmw-check label:before {
    content: "";
    cursor: pointer;
    height: 24px;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.bmw-safe .bmw-check label:before {
    background-color: #ccc;
    background: -webkit-gradient(linear, left top, right top, from(#efefef), to(#c3c3c3));
    background: linear-gradient(90deg, #efefef, #c3c3c3);
    border: 2px solid #272727;
    border-radius: 34px;
    right: 0;
    top: -1px;
    width: 41px
}

.bmw-safe .bmw-check label:after {
    border: 1.5px solid #272727;
    background-color: #949494;
    border-radius: 50%;
    -webkit-box-shadow: 2.5px 2.5px 0 0 #949494 inset, -4px -4px 0 2.5px #949494 inset, 4.5px 4.5px 0 0 #fff inset;
    box-shadow: 2.5px 2.5px 0 0 #949494 inset, -4px -4px 0 2.5px #949494 inset, 4.5px 4.5px 0 0 #fff inset;
    right: 18px;
    top: 0;
    width: 24px
}

.bmw-safe .bmw-check label h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.bmw-safe .bmw-check em.trns {
    border: 1.5px solid #3d3d3d;
    border-radius: 50%;
    color: #3d3d3d;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    line-height: 17px;
    position: relative;
    top: -18px;
    left: 2px;
    text-align: center;
    text-shadow: 0 0 0;
    height: 20px;
    width: 20px
}

.bmw-safe .bmw-check em.trns:hover {
    border-color: #fabe3a;
    color: #fabe3a
}

.bmw-safe .bmw-check em.active:after {
    content: "";
    border: 7px solid transparent;
    border-top: 8px solid rgba(255, 238, 200, 0.92);
    position: absolute;
    top: -10px;
    left: 2px
}

.bmw-safe .bmw-check p {
    background: rgba(255, 238, 200, 0.92);
    border-radius: 5px;
    display: none;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    min-width: 350px;
    padding: 15px;
    position: absolute;
    bottom: calc(100% + 18px);
    left: calc(100% - 40px);
    z-index: 1
}

.bmw-safe .bmw-check p em {
    top: 5px;
    right: 5px;
    height: 12px;
    width: 12px
}

.bmw-safe .bmw-check span {
    display: block;
    font-size: 18px;
    margin-top: 7.5px;
    position: relative;
    padding-right: 40px
}

.bmw-arrow {
    position: absolute;
    top: -12px;
    right: 14px;
    width: 35px;
    height: 50px;
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg)
}

.bmw-arrow:after {
    content: "";
    border: 0 solid transparent;
    border-right: 5px solid #fabe3a;
    border-top: 7px solid #fabe3a;
    border-radius: 0 100px 100px 0;
    position: absolute;
    width: 25px;
    height: 45px
}

.bmw-arrow:before {
    content: "";
    border: 10px solid transparent;
    border-bottom: 14px solid #fabe3a;
    display: block;
    position: absolute;
    left: -18px;
    top: -8px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 0;
    width: 0
}

.bmw-title-tokens {
    display: none
}

.bmw-title-tokens h4 a {
    color: #000;
    text-decoration: underline
}

.bmw-title-tokens h4 a:hover {
    color: #ffc023
}

.bmw-detal {
    display: none;
    color: #1b2228;
    padding: 0 2em 1.3em
}

.bmw-detal h6 {
    color: #000;
    font-weight: 600;
    font-size: 0.95em;
    margin: 0.95em 0 0.65em
}

.bmw-detal p {
    color: #000;
    font-size: 0.95em;
    font-weight: 500;
    line-height: 1.2;
    margin: 0.33em 0 0
}

.bmw-detal p span {
    color: #ff0000;
    font-weight: 500
}

.bmw-cont-bg {
    display: none;
    padding: 0.3em 2em 1.3em
}

.bmw-cont-bg .rlt-appeal-link {
    display: block;
    margin: 1em 0 0;
    font-size: 0.95em;
    text-align: center
}

.bmw-cont {
    border: 1px solid #bbc7d1;
    border-radius: 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.75em;
    padding: 0.65em
}

.bmw-cont p {
    color: #647989;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0
}

.bmw-cont em {
    color: #687988;
    font-size: 2.65em;
    margin-right: 0.225em
}

.bmw-btn {
    border: 0;
    border-radius: 2em;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0.5em
}

.bmw-btn em {
    font-size: 2.75em;
    margin-right: 0.3em
}

.bmw-btn span {
    font-size: 1.2em
}

.bmw-btn small {
    display: block;
    font-size: 0.65em;
    line-height: 1
}

.unban-tokens .bmw-detal,
.unban-tokens .bmw-cont-bg,
.unban-tokens .bmw-title-tokens {
    display: block
}

.unban-tokens .bmw-title-safe,
.unban-tokens .bmw-safe {
    display: none
}

.rlt-appeal-link {
    color: #eaa919;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0.025em;
    margin: 0 5px;
    text-decoration: underline
}

.rlt-appeal-link:hover {
    text-decoration: none
}

.bmw-appeal {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.bmw-appeal-body {
    padding: 0 2em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bmw-appeal-body em {
    border: 0.075em solid;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2.75em;
    margin: 0 auto 0.5em;
    height: 1.65em;
    width: 1.65em
}

.bmw-appeal-body h4 {
    font-size: 1.65em;
    margin: 0 0 0.5em
}

.bmw-appeal-body p {
    font-size: 1em;
    font-weight: 500;
    margin: 0.5em 0 0;
    line-height: 1.45
}

.rlt-appeal-processing,
.bmw-accepted,
.bmw-rejected {
    display: none
}

.bmw-accepted em {
    border-color: #26cf1d;
    color: #26cf1d
}

.bmw-rejected em {
    border-color: #cf1c1c;
    color: #cf1c1c
}

.bmw-processing em {
    border: none;
    color: #ffbf24;
    font-size: 4em;
    margin-bottom: 0
}

.coin-modal {
    font-family: "Avenir", sans-serif
}

#invite-friends-modal .hpm-body {
    max-width: 550px
}

#invite-friends-modal .hpm-title {
    font-size: 22px;
    padding: 15px 15px 50px;
    text-align: center;
    z-index: 2!important;
}

#invite-friends-modal .hpm-title h4 {
    font-size: 1em;
    font-weight: 700
}

#invite-friends-modal .hpm-title p {
    font-size: 0.825em;
    font-weight: 800;
    letter-spacing: 0.025em;
    margin: 0.8em 0;
    text-shadow: 0 0 black;

}

#invite-friends-modal .hpm-title p em {
    display: inline-block;
    vertical-align: -0.55em;
    height: 1.7em;
    width: 2.175em
}

#invite-friends-modal .hpm-title strong {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5em;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 800;
    text-shadow: 0 0;
    padding: 0.45em 1em
}

#invite-friends-modal .hpm-title:after {
    display: none
}

#invite-friends-modal .hpm-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

#invite-friends-modal .hpm-cont {
    margin-top: 12px;
    max-width: 100%;
    width: 100%
}

.if-title {
    font-size: 21px;
    text-align: center;
    margin-bottom: 30px;
}

.if-title>span {
    background: #ffc023;
    border-radius: 3em;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    padding: 0.3em 2.8em;
    text-transform: uppercase
}

.if-title>span:hover {
    background: #fcb400
}

.ift-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.725em;
    margin-top: 15px
}

.ift-code p {
    color: #8a8a8a;
    font-weight: 600;
    font-size: 0.9em;
    margin: 0 0.55em 0 0;
    letter-spacing: 0.025em
}

.ift-code strong {
    display: inline-block;
    letter-spacing: 0.025em;
    line-height: 1
}

.ift-code span {
    border: 1px solid #222;
    border-radius: 2em;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-size: 0.685em;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 0.7;
    margin-left: 1em;
    padding: 0.5em 0.9em;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.ift-code span:hover {
    color: #000;
    border-color: #000
}

.ift-code span em {
    background: #ffc023;
    border-radius: 0.4em;
    color: #222;
    display: inline-block;
    font-style: normal;
    letter-spacing: 0;
    padding: 0.5em 0.6em;
    position: absolute;
    top: 25px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    text-transform: capitalize;
}

.ift-code span em:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: 0.4em solid transparent;
    border-bottom: 0.4em solid #ffc023;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ift-code span em.show {
    -webkit-transform: translate(-50%, calc(100% + 0.6em));
    transform: translate(-50%, calc(100% + 0.6em));
    opacity: 1;
    visibility: visible
}

.if-earn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ife-item {
    font-size: 15px;
    text-align: center;
    width: calc(33.33% - 10px)
}

.ife-item h6 {
    background: #6e6e6e;
    border: 1px solid #5d5d5d;
    border-radius: 0.5em 0.5em 0 0;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
    color: #fff;
    font-size: 1em;
    margin: 0;
    padding: 0.35em
}

.ife-item .ife-cont {
    border-width: 1px;
    border-style: none solid;
    -o-border-image: linear-gradient(to bottom, rgba(110, 110, 110, 0.58), rgba(0, 0, 0, 0) 75%) 1 100%;
    border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(110, 110, 110, 0.58)), color-stop(75%, rgba(0, 0, 0, 0))) 1 100%;
    border-image: linear-gradient(to bottom, rgba(110, 110, 110, 0.58), rgba(0, 0, 0, 0) 75%) 1 100%;
    padding-top: 0.7em;
    height: calc(100% - 30px)
}

.ife-item p {
    color: #8a8a8a;
    font-weight: 700;
    margin: 0 0 0.5em
}

.ife-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.05em;
    font-weight: 700
}

.ife-item span em {
    display: inline-block;
    margin-right: 0.3em;
    -webkit-filter: none;
    filter: none;
    height: 1.7em;
    width: 1.7em
}

.ife-item strong {
    color: #ff8c5a;
    display: block;
    font-weight: 800;
    margin-top: 0.5em
}

.ife-lead {
    background: #f2f2f2;
    border-radius: 3em;
    font-size: 18px;
    font-weight: 700;
    margin-top: 2.5em;
    letter-spacing: 0.03em;
    padding: 0.6em 1.5em;
    text-align: center
}

.if-description {
    padding: 30px 10px
}

.ifd-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.ifd-item svg {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.33));
    filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.33));
    margin-right: 1em;
    height: 2.5em;
    width: 2.4em
}

.ifd-item p {
    color: #5b5465;
    font-size: 1.05em;
    font-weight: 500;
    letter-spacing: 0.025em;
    margin: 0;
    text-shadow: 0 0;
    width: 100%
}

.ifd-item p strong {
    color: #313131;
    font-weight: 800;
    text-shadow: none
}

.ifd-item span {
    font-size: 1.15em;
    font-weight: 800;
    letter-spacing: 0.025em;
    margin: 0 0.5em 0 2em;
    text-align: center;
}

.ifd-item span em {
    display: block;
    -webkit-filter: none;
    filter: none;
    margin-bottom: 0.1em;
    height: 2.15em;
    width: 2.15em
}

.ifd-item+.ifd-item {
    border-top: 1px solid #e3e3e3;
    padding-top: 1em;
    margin-top: 1em
}

.if-rewards {
    font-size: 16px;
    margin-top: 1.3em
}

.if-rewards h6 {
    background: #6e6e6e;
    border: 1px solid #5d5d5d;
    border-radius: 0.5em 0.5em 0 0;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
    color: #fff;
    font-size: 1em;
    margin: 0;
    padding: 0.575em 1em
}

.ifr-cont {
    border: 1px solid #c3c3c3;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
    border-radius: 0 0 0.5em 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ifr-cont>div {
    padding: 1.5em 0.85em 0;
    position: relative;
    width: 33.33%
}

.ifr-cont>div>strong {
    display: block;
    font-size: 1.25em;
    text-align: center
}

.ifr-cont>div>strong em {
    background: #ffc023;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-style: normal;
    line-height: 1.5em;
    margin-right: 0.1em;
    text-align: center;
    height: 1.5em;
    width: 1.5em
}

.ifr-cont>div p {
    color: #5b5465;
    font-size: 0.965em;
    font-weight: 500;
    margin: 1.2em 0;
    text-shadow: 0 0
}

.ifr-cont>div p strong {
    color: #313131;
    font-weight: 800
}

.ifr-cont>div+div:before {
    content: "";
    background: #e1e1e1;
    position: absolute;
    top: 20%;
    left: 0;
    height: 60%;
    width: 1px
}

#free-tokens-added-modal .hpm-body {
    max-width: 460px
}

#free-tokens-added-modal .hpm-title {
    text-align: center
}

#free-tokens-added-modal .hpm-title:after {
    background-size: 200%;
    height: 200%
}

.token-bonus {
    font-size: 16px;
    text-align: center
}

.token-bonus h4 {
    font-size: 1.4em;
    font-weight: 600;
    margin: 1.5em 0 0.75em
}

.token-bonus p {
    color: #777;
    font-size: 1.1em;
    margin: 0 auto 2em;
    max-width: 85%
}

.token-bonus .btn {
    font-size: 1.4em;
    font-weight: 600;
    padding: 0.45em 1em;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 75%
}

.tb-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5em
}

.tb-head span {
    color: #222;
    font-size: 2.25em;
    font-weight: 800;
    margin-left: 0.15em;
    margin-top: 0.3em
}

.tb-head span:before {
    content: "+"
}

.tb-gems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tb-gems .gem-icon {
    display: block;
    font-size: 1em;
    -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
    -webkit-transform: rotateZ(16deg) translate(0.2em, 1em);
    transform: rotateZ(16deg) translate(0.2em, 1em);
    height: 2.5em;
    width: 2.25em
}

.tb-gems .gem-icon.gi-lg {
    margin-right: 0.175em;
    -webkit-transform: rotateZ(-10deg) scale(2.4);
    transform: rotateZ(-10deg) scale(2.4)
}

#buy-tokens-modal {
    z-index: 100502
}

#buy-tokens-modal .hpm-body {
    max-width: 585px
}

#buy-tokens-modal .hpm-cont {
    font-size: 18px;
    max-width: 100%
}

#buy-tokens-modal .hpm-cont>p {
    display: none;
    font-size: 0.985em;
    margin: 0;
    text-shadow: 0 0
}

.bt-count {
    font-size: 0.95em;
    margin: 1.5em 0 1.7em;
    text-align: center
}

.bt-count p {
    background: #f2f2f2;
    border-radius: 5em;
    color: #868484;
    display: inline-block;
    font-size: 1.1em;
    letter-spacing: 0.035em;
    margin: 0;
    padding: 0.5em 1.2em
}

.bt-count p strong {
    color: #3f3c3d;
    margin: 0 0.5em
}

.bt-count p em {
    display: inline-block;
    -webkit-filter: none;
    filter: none;
    vertical-align: middle;
    height: 1.7em;
    width: 2em
}

.bt-count>strong {
    display: none;
    font-size: 1.05em;
    font-weight: 800;
    letter-spacing: 0.01em;
    margin: 1em 0 0
}

.gem-packages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px
}

.gp-item {
    -webkit-box-shadow: 0 0 0 2px #c3c3c3, 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 2px #c3c3c3, 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 0.65em;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1em;
    margin-bottom: 0.85em;
    overflow: hidden;
    padding: 3em 0 0;
    position: relative;
    width: calc(33.33% - 0.5em)
}

.gp-item.gp-popular {
    -webkit-box-shadow: 0 0 0 3px #000, 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 3px #000, 0 2px 4px rgba(0, 0, 0, 0.2)
}

.gp-item.gp-popular strong {
    background: #000
}

.gp-item.gp-popular .orng-btn {
    background: #000
}

.gp-item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

.gp-item:nth-child(4),
.gp-item:nth-child(5) {
    width: calc(50% - 0.5em)
}

.gp-item .gp-gems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gp-item .gem-icon {
    display: block;
    -webkit-filter: none;
    filter: none;
    vertical-align: middle;
    height: 1.8em;
    width: 2em
}

.gp-item .gem-icon.gi-lg {
    -webkit-transform: translateY(0.3em) scale(1.8);
    transform: translateY(0.3em) scale(1.8)
}

.gp-item:nth-child(3) .gem-icon {
    -webkit-transform: translateY(0.8em);
    transform: translateY(0.8em)
}

.gp-item:nth-child(3) .gem-icon:nth-child(2) {
    position: absolute;
    -webkit-transform: translateY(-0.4em);
    transform: translateY(-0.4em)
}

.gp-item:last-child .gem-icon:nth-child(2) {
    -webkit-transform: translateY(0.8em);
    transform: translateY(0.8em)
}

.gp-item strong {
    background: #c3c3c3;
    color: #fff;
    font-size: 0.7em;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 0.5em;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    text-align: center;
    width: 100%
}

.gp-item .gpi-num {
    font-size: 1.15em;
    font-weight: 800;
    margin: 1.4em 0 0.4em;
    text-align: center;
    width: 100%
}

.gp-item .btn {
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    padding: 0.4em;
    text-align: center;
    width: 100%
}

.bt-earn {
    margin-top: 0.8em;
    text-align: center
}

.bt-earn span {
    color: #9b999a;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.1;
    position: relative;
    -webkit-transition: all 0.2s esae;
    transition: all 0.2s esae
}

.bt-earn span:after {
    content: "";
    background: #9b999a;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.2s esae;
    transition: all 0.2s esae;
    height: 1px;
    width: 100%
}

.bt-earn span:hover {
    color: #ffc023
}

.bt-earn span:hover::after {
    background: #ffc023
}

#earn-tokens-modal .hpm-body {
    font-size: 16px;
    max-width: 600px
}

#earn-tokens-modal .hpm-title {
    background: transparent;
    color: #8f8f8f;
    padding: 1.8em 0 0;
    text-align: center
}

#earn-tokens-modal .hpm-title h4 {
    font-size: 1.65em;
    font-weight: 600;
    letter-spacing: 0.015em
}

#earn-tokens-modal .hpm-title div {
    margin: 1.2em 0 0.75em
}

#earn-tokens-modal .hpm-title div p {
    background: #eaeaea;
    border-radius: 2em;
    color: #828080;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.05em;
    font-weight: 600;
    margin: 0;
    padding: 0.4em 1.2em
}

#earn-tokens-modal .hpm-title div em {
    -webkit-filter: none;
    filter: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 1.6em;
    width: 1.8em
}

#earn-tokens-modal .hpm-title strong {
    color: #484042;
    margin: 0 0.4em
}

#earn-tokens-modal .hpm-title>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 1.05em;
    font-weight: 500;
    margin: 0
}

#earn-tokens-modal .hpm-title>p em {
    color: #bababa;
    font-size: 1.6em;
    margin-left: 0.3em
}

#earn-tokens-modal .hpm-title:after {
    display: none
}

#earn-tokens-modal .hpm-title>span {
    cursor: pointer;
    color: #4a90e2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.85em;
    font-weight: 600;
    margin-bottom: 1.35em;
    text-transform: uppercase
}

#earn-tokens-modal .hpm-title>span:hover {
    color: #1f69c1
}

#earn-tokens-modal .hpm-title>span:hover em {
    color: #efab00
}

#earn-tokens-modal .hpm-title>span span {
    text-decoration: underline
}

#earn-tokens-modal .hpm-title>span em {
    color: #ffc023;
    font-size: 1.35em;
    margin-left: 0.35em
}

#earn-tokens-modal .hpm-cont {
    margin: 0 auto;
    max-width: 100%;
    padding: 1.4em 0
}

#earn-tokens-modal .earn-tokens-item {
    border: 1px solid #c3c3c3;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 4px rgba(195, 195, 195, 0.5);
    box-shadow: 0px 2px 4px rgba(195, 195, 195, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.5em;
    padding: 0.7em 1.4em 1.4em
}

#earn-tokens-modal .earn-tokens-item h5 {
    font-size: 1.35em;
    font-weight: 800;
    margin: 0 0 -0.5em;
    text-align: center;
    width: 100%
}

#earn-tokens-modal .earn-tokens-item>em {
    font-size: 6em
}

#earn-tokens-modal .earn-tokens-item:last-child>em:before {
    font-size: 0.9em;
    margin-left: 0.05em
}

#earn-tokens-modal .eti-count {
    background: #f2f2f2;
    border-radius: 5em;
    color: #494143;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    min-width: 9.5em;
    padding: 0.4em 1em
}

#earn-tokens-modal .eti-count em {
    -webkit-filter: none;
    filter: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 -1em 0 0.4em;
    height: 1.6em;
    width: 1.9em
}

#earn-tokens-modal .eti-btn {
    text-align: center;
    width: 100%
}

#earn-tokens-modal .eti-btn p {
    color: #7a7475;
    display: none;
    font-weight: 500;
    margin: -1em 0 0.35em;
    text-shadow: 0 0
}

#earn-tokens-modal .eti-btn p .ci {
    color: #74c21f;
    font-size: 1.05em;
    margin-right: 0.2em;
    vertical-align: baseline
}

#earn-tokens-modal .eti-btn p .gem-icon {
    display: inline-block;
    -webkit-filter: none;
    filter: none;
    vertical-align: sub;
    height: 1.2em;
    width: 1.4em
}

#earn-tokens-modal .eti-btn .btn {
    border: 0;
    border-radius: 5em;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    min-width: 12.5em;
    letter-spacing: 0.015em;
    padding: 0.5em 1em;
    text-transform: uppercase
}

#earn-tokens-modal .eti-btn .btn[disabled="disabled"] {
    background: #9b9b9b;
    color: #fff;
    cursor: default;
    pointer-events: none
}

@media only screen and (max-width: 1200px) {
    .hpmf-item {
        padding-right: 20px
    }
    .gom-conent {
        padding: 25px
    }
    .gom-conent h4 {
        font-size: 33px
    }
    .gom-img {
        max-width: 360px
    }
    .gom-btn .orng-btn {
        padding: 12px 15px;
        font-size: 21px
    }
}

@media only screen and (max-width: 1024px) {
    #join-modal .hpm-body {
        max-width: 445px
    }
    #join-modal .hpm-img {
        display: none
    }
    #join-modal .hpmc-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: 1.4em;
        height: 17.5em
    }
    #join-modal .hpmc-header:before {
        margin-bottom: 11.25em;
        height: 1.55em
    }
    #join-modal .hpmc-header h4 {
        font-size: 1em;
        padding: 0 1.75em
    }
    #join-modal .hpmc-header p {
        font-size: 0.75em;
        margin: 0.5em 0 0.8em;
        padding: 0 1.75em
    }
    #join-modal .hpm-cont {
        font-size: 20px;
        padding: 20px 0 0
    }
    #join-modal .hpm-cont:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -2
    }
    #join-modal .hpm-cont>.hpmc-btns {
        background: rgba(0, 0, 0, 0.9);
        padding: 0 1.75em;
        position: relative
    }
    #join-modal .hpm-cont>.hpmc-btns:before {
        content: "";
        background: url(../../images/live_mingle/join-girl-1.png) 60% 100%/90% no-repeat;
        position: absolute;
        bottom: 100%;
        left: 0;
        height: 500px;
        width: 100%;
        z-index: -1
    }
    #join-modal .hpm-cont>.hpmc-btns:after {
        content: "";
        background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
        background: linear-gradient(0deg, #000, transparent);
        position: absolute;
        bottom: 100%;
        left: 0;
        height: 125px;
        width: 100%;
        z-index: -1
    }
    #join-modal .hpm-cont .hpmc-btns>form {
        margin-bottom: 1em
    }
    #join-modal .hpm-cont .hpmc-btns .btn:not(.rlt-signup) {
        font-size: 0.85em;
        padding: 0.7em
    }
    #join-modal .hpm-cont .hpmc-btns .btn:not(.rlt-signup) em:not(.ci-mail) {
        margin-right: 0.75em;
        height: 1.85em;
        width: 1.85em
    }
    #join-modal .hpm-cont .hpmc-btns .btn:not(.rlt-signup) em.ci-mail {
        margin-right: 0.4em;
        font-size: 1.75em;
        position: relative;
        top: -0.05em
    }
    #join-modal .hpm-cont .hpmc-counter {
        background: rgba(0, 0, 0, 0.9);
        display: block;
        font-size: 0.75em;
        margin: 0;
        padding: 1.05em 0
    }
    #join-modal #hpmc-form-signup {
        background: rgba(0, 0, 0, 0.9);
        padding: 0 1.75em
    }
    .rlt-signup-invite {
        font-size: 0.6em
    }
    .rlt-signup-invite span {
        max-width: 85%
    }
    #vip-modal .hpm-body {
        border-radius: 0.5em;
        max-width: 515px
    }
    #vip-modal .hpm-body .close-icon {
        right: 0.5em;
        top: 0.5em;
        height: 1em;
        width: 1em
    }
    #vip-modal .hpm-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.5em 0.5em 0.5em
    }
    #vip-modal .hpm-title h4 {
        font-size: 1.55em;
        font-weight: 700
    }
    #vip-modal .hpm-title img {
        margin-left: 0.55em;
        max-width: 11.25em;
        width: 100%
    }
    #vip-modal .hpm-features:after {
        background-position: 25% -10px;
        height: 4em
    }
    .hpmf-item {
        -webkit-animation-name: fade;
        animation-name: fade;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        display: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
    .hpmf-item svg {
        display: block;
        margin: 1em auto;
        height: 6em;
        width: 6em
    }
    .hpmf-item h5 {
        font-size: 1.475em;
        font-weight: 700
    }
    .hpmf-item p {
        color: #000;
        display: block !important;
        font-weight: 500;
        font-size: 0.9em;
        line-height: 1.5;
        margin: 0.55em 0
    }
    .hpmf-item em {
        display: none
    }
    .hpmf-item h5,
    .hpmf-item p,
    .hpmf-item:nth-child(1) {
        display: block
    }
    .hpmf-dots {
        margin: 0.65em 0 0;
        text-align: center;
        width: 100%
    }
    .hpmf-dots span {
        border: 1px solid #644c17;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        margin: 0 0.4em;
        -webkit-transition: background-color 0.6s ease;
        transition: background-color 0.6s ease;
        height: 0.725em;
        width: 0.725em
    }
    .hpmf-dots .active {
        background: #644c17
    }
    .pi-plans {
        margin-top: 2em;
        padding: 1em 0.55em 1.5em
    }
    .pi-plans:after {
        background: #e6e9ef;
        -webkit-transform: rotateZ(-30deg) translate(5%, 70%);
        transform: rotateZ(-30deg) translate(5%, 70%);
        height: 6.1em;
        width: 11.95em
    }
    .pi-plans h4 {
        font-size: 1.45em;
        font-weight: 600;
        margin-left: 0.45em
    }
    .pi-plans h4 strong {
        font-weight: 600
    }
    .plan-item {
        background: transparent;
        border-radius: 0.835em;
        border: 3px solid #d1d1d1;
        -webkit-box-shadow: 0 0.165em 0.265em rgba(0, 0, 0, 0.3);
        box-shadow: 0 0.165em 0.265em rgba(0, 0, 0, 0.3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 1.75em;
        text-align: center;
        padding: 0;
        overflow: hidden;
        width: calc(33.33% - 0.35em)
    }
    .plan-item.active {
        background: #fff;
        border-color: #fabe3a
    }
    .plan-item.active .vpc-badge {
        background: #fabe3a;
        color: #fff
    }
    .plan-item.active .vpc-badge * {
        color: #fff
    }
    .plan-item.active .vpc-title h6 {
        color: #000
    }
    .plan-item.active .vpc-title h6 span {
        color: #000;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .plan-item.active .vpc-title p {
        color: #949ea2
    }
    .plan-item.active .vpc-title h5,
    .plan-item.active .vpct-save {
        color: #fabe3a
    }
    .vpc-badge {
        font-size: 0.675em;
        font-weight: 600;
        line-height: 1;
        right: 0;
        padding: 0.6em 0;
        text-transform: uppercase;
        -webkit-transition: color 0.25s ease;
        transition: color 0.25s ease
    }
    .vpc-badge * {
        color: #949ea2;
        display: inline-block;
        font-size: 1.1em;
        font-weight: 800;
        margin: 0
    }
    .vpc-badge p {
        letter-spacing: 0
    }
    .vpc-badge strong {
        color: #f9be3a
    }
    .plan-item:not(.active) .vpc-badge {
        top: 0.15em;
        position: relative
    }
    .vpc-btn,
    .vpc-badge em,
    .vpct-limited {
        display: none
    }
    .vpc-title {
        padding: 0 0.25em
    }
    .vpc-title h5 {
        color: #000;
        font-size: 2.5em;
        margin: 0.25em 0 0;
        line-height: 1
    }
    .vpc-title h5 span {
        color: #282a2b;
        display: block;
        font-size: 0.375em;
        font-weight: 500;
        margin-top: 0.3em;
        text-transform: lowercase
    }
    .vpc-title h6 {
        color: #828789;
        font-size: 0.85em;
        margin: 1.15em 0 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .vpc-title h6 span {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 0.35em -0.35em;
        width: 100%
    }
    .vpc-title>span {
        color: #acb4b7;
        margin: 0.55em 0 0.33em;
        padding: 0 0.475em
    }
    .vpc-title p {
        color: #000;
        font-size: 0.5em;
        line-height: 1.4;
        margin: 0.33em 0;
        min-height: 1.25em;
        padding: 0 0.225em
    }
    .vpct-save {
        color: #282828;
        margin: 0.65em 0;
        font-weight: 700;
        font-size: 0.95em;
        text-transform: uppercase
    }
    #pi-week {
        padding-top: 1.45em
    }
    .hpmbp-btn {
        margin: 1.5em auto 0.55em;
        text-align: center;
        max-width: 80%;
        position: relative;
        width: 100%;
        z-index: 1
    }
    .hpmbp-btn .orng-btn {
        border: 0;
        -webkit-box-shadow: 0.165em 0.165em 0.175em rgba(0, 0, 0, 0.3);
        box-shadow: 0.165em 0.165em 0.175em rgba(0, 0, 0, 0.3);
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.5em;
        font-weight: 700;
        letter-spacing: 0.025em;
        padding: 0.6em;
        position: relative
    }
    .hpmbp-btn .orng-btn em {
        margin-right: 0.5em;
        -webkit-transform: scale(1.35);
        transform: scale(1.35)
    }
    @-webkit-keyframes fade {
        from {
            opacity: 0.4
        }
        to {
            opacity: 1
        }
    }
    @keyframes fade {
        from {
            opacity: 0.4
        }
        to {
            opacity: 1
        }
    }
    #vip-modal.type-b .hpm-title {
        font-size: 29px;
        padding-bottom: 0
    }
    #vip-modal.type-b .hpmf-item {
        font-size: 23px
    }
    #vip-modal.type-b .hpmf-item svg {
        margin: 1.15em auto;
        height: 3.5em;
        width: 3.5em
    }
    #vip-modal.type-b .hpmf-item h5 {
        font-size: 1.175em
    }
    #vip-modal.type-b .hpmf-item p {
        font-size: 0.75em
    }
    #vip-modal.type-b .pi-plans {
        padding: 0 12px 30px
    }
    #vip-modal.type-b .plan-item {
        background: #fff;
        -webkit-box-shadow: 0 0 0 3px #c3c3c3, 0.115em 0.165em 0.165em rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 0 3px #c3c3c3, 0.115em 0.165em 0.165em rgba(0, 0, 0, 0.3);
        border: none;
        font-size: 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: calc(33.33% - 0.65em)
    }
    #vip-modal.type-b .plan-item.active {
        -webkit-box-shadow: 0 0 0 3px #000, 1px 3px 8px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 3px #000, 1px 3px 8px rgba(0, 0, 0, 0.4)
    }
    #vip-modal.type-b .plan-item.active .vpct-save {
        background: #000
    }
    #vip-modal.type-b .vpc-body {
        margin-bottom: auto;
        padding: 0 0 1.25em
    }
    #vip-modal.type-b .vpc-body>p {
        padding: 0 0.5em 0.3em
    }
    #vip-modal.type-b .vpc-title h5 {
        margin-top: 1.2em
    }
    #vip-modal.type-b .vpc-title h6 {
        font-size: 1em;
        margin: 1.15em 0
    }
    #vip-modal.type-b .vpc-title .vpct-save {
        background: #c3c3c3;
        color: #fff;
        font-size: 1em;
        font-weight: 500;
        margin: 0;
        -webkit-filter: none;
        filter: none;
        padding: 0.35em;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%
    }
    #vip-modal.type-b .vpc-title .vpct-save:before {
        display: none
    }
    #vip-modal.type-b .vpc-title .vpct-save strong {
        color: #fff
    }
    #vip-modal.type-b .vpc-title .vpct-save span {
        font-size: 0.75em
    }
    #vip-modal.type-b .vpc-badge {
        background: transparent;
        font-size: 0.85em;
        padding: 0
    }
    #vip-modal.type-b .vpc-badge em {
        display: block
    }
    #vip-modal.type-b .vpc-badge *:not(em) {
        color: #7b7b7b
    }
    #vip-modal.type-b #pi-month .vpct-limited {
        color: #000;
        display: block;
        font-size: 0.8em;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase
    }
    #vip-modal.type-b #pi-week {
        padding: 0
    }
    #vip-modal.type-b .hpmbp-btn {
        font-size: 24px
    }
    #vip-modal.type-b .hpmbp-btn .orng-btn {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 5em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1em;
        font-weight: 600;
        text-transform: uppercase;
        padding: 0.65em
    }
    #vip-modal.type-b .hpmbp-btn .orng-btn em {
        margin-right: 0.4em;
        -webkit-transform: scale(1.25) translateY(-5%);
        transform: scale(1.25) translateY(-5%)
    }
    #vip-modal.type-b .hpmbp-btn .hpm-close {
        cursor: pointer;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 1em
    }
    #vip-modal.type-b .hpm-body .close-icon {
        display: none
    }
    .rlt-help-wrap {
        background: #fff;
        border-radius: 4px 4px 0 0;
        right: 15%;
        width: 70%;
        height: 90%;
        bottom: 5%
    }
    .rhw-head h5 {
        font-size: 22px
    }
    .rhw-body {
        height: calc(100% - 96px)
    }
    .rhw-body>div {
        height: 100%
    }
    .suport-msg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .rlt-help {
        height: 100%
    }
    .rlt-support-btn.md-btn {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        font-size: 3vw;
        margin-top: auto;
        margin-bottom: 10px;
        padding: 1.5vw 3vw
    }
    .rlt-leave-msg {
        font-size: 20px;
        text-align: left
    }
    .rlt-support textarea,
    .rlt-support input {
        font-size: 18px;
        padding: 12px 18px
    }
    .vip-dstp {
        display: none
    }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
    .suport-msg h5 {
        font-size: 4vw;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .suport-msg img {
        margin: 30px auto;
        width: 70%
    }
    .suport-msg p {
        max-width: 70%;
        margin: 0 auto 40px
    }
    .suport-msg p,
    .suport-msg>span {
        font-size: 3vw
    }
}

@media only screen and (max-width: 991px) {
    .hpm-title h4 {
        font-size: 32px
    }
    .md-btn {
        font-size: 15px
    }
    #rlt-cancel-confirm .hpm-body {
        max-width: 500px
    }
    .rmf-body {
        font-size: 15px
    }
    #settings-modal .hpm-body {
        max-width: 600px
    }
    .sd-button {
        margin-top: 20px;
        width: 100%
    }
    .hpm-report.trns {
        margin: 20px 0 0
    }
    .bmw-safe .bmw-check p {
        left: calc(100% - 100px)
    }
}

@media only screen and (max-width: 768px) {
    .hpm-body {
        margin-bottom: 54px
    }
    .hpm-title {
        padding: 20px 20px 0
    }
    .hpm-title h4 {
        font-size: 30px
    }
    .hpmc-btns .border-btn {
        padding: 7px 20px 7px 15px;
        width: 100%
    }
    .border-btn em {
        font-size: 20px
    }
    .hpm-features {
        margin-top: 0;
        width: 100%
    }
    #member-modal .hpm-title {
        padding: 20px 0 0
    }
    #member-modal .hpm-title h4 {
        margin: 0 auto;
        max-width: 90%
    }
    .dam-body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .dam-body>div {
        padding: 0;
        width: 100%
    }
    .dam-body>div+div {
        border-left: 0;
        border-top: 1px solid #ccc;
        margin-top: 20px;
        padding-top: 20px
    }
    .membr-btn .rlt-cancel-confirm-yes {
        display: block;
        padding: 7px;
        text-align: center
    }
    .hpm-cont.settings-details {
        width: calc(100% - 40px)
    }
    .bmws-top {
        display: block
    }
    .bmw-safe .bmw-check p {
        left: auto;
        right: 0;
        min-width: auto;
        width: 100%
    }
    .sd-item {
        margin-bottom: 1.25em;
        padding-bottom: 1.25em
    }
    #invite-friends-modal .hpm-body {
        max-width: 450px
    }
    #invite-friends-modal .hpm-title {
        font-size: 25px;
        padding: 30px 15px 220px
    }
    #invite-friends-modal .hpm-title:before {
        background: url(../../images/live_mingle/home-mob-bg.webp?v1.1) right 100%/107.5% no-repeat
    }
    #invite-friends-modal .hpm-title h4 {
        font-size: 0.9em
    }
    #invite-friends-modal .hpm-cont {
        padding: 25px 5px 0
    }
    .if-title {
        font-size: 22px
    }
    .ife-lead {
        margin-top: 1.5em
    }
    .ifd-item+.ifd-item {
        border-top: 1px solid #e3e3e3;
        padding-top: 2em;
        margin-top: 2em
    }
    .if-rewards {
        padding: 0 5px
    }
    .ifr-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ifr-cont>div {
        margin: 0 auto;
        padding: 1.2em 0;
        width: calc(100% - 2em)
    }
    .ifr-cont>div:before {
        display: none
    }
    .ifr-cont>div+div {
        border-top: 1px solid #e3e3e3
    }
    .ifr-cont>div>strong {
        text-align: left
    }
    .ifr-cont>div>strong em {
        border: 0.25em solid #fff;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        font-size: 0.85em;
        -webkit-filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.33));
        filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.33));
        margin-right: 0.3em
    }
    .ifr-cont>div P {
        margin: 0;
        padding-left: 3em
    }
    .token-bonus {
        font-size: 15px
    }
}

@media only screen and (max-width: 600px) {
    .hpm-title h4 {
        font-size: 27px;
        letter-spacing: 0;
        line-height: 1.3
    }
    .hpm-cont {
        margin: 15px auto
    }
    #join-modal .hpm-title h4 {
        font-size: 27px
    }
    #login-modal .hpm-title h4 {
        font-size: 30px
    }
    #member-modal .hpm-body {
        max-width: 450px
    }
    .member-details {
        padding: 20px;
        font-size: 15px
    }
    .mdi-buttons .sm-btn {
        display: block;
        margin: 8px 0;
        text-align: center;
        padding: 5px;
        font-size: 14px
    }
    .member-status .rlt-vip-upgrade {
        display: block;
        text-align: center
    }
    .hpmc-btns .black-btn {
        font-size: 22px;
        padding: 10px 20px
    }
    .hpmc-btns p {
        font-size: 10px
    }
    .hpmc-btns p span {
        font-size: 13px
    }
    .acrdn-head h4 {
        padding: 12px 50px 12px 20px;
        line-height: 1.3
    }
    .acrdn-body {
        padding: 15px 20px
    }
    .rmf-body {
        padding: 8px 20px 8px 8px;
        font-size: 15px;
        text-align: left;
        line-height: 1.2
    }
    .rmf-body em {
        margin-right: 8px
    }
    .rhw-head h5 {
        font-size: 20px
    }
    .rlt-help-wrap {
        right: 8%;
        width: 84%
    }
    .rlt-support-btn.md-btn {
        font-size: 4vw;
        padding: 2vw 4vw
    }
    .suport-msg h5 {
        font-size: 5vw
    }
    .suport-msg p,
    .suport-msg>span {
        font-size: 4vw
    }
    #disclaimer-modal .hpm-title h4 {
        font-size: 26px
    }
    .token-bonus {
        font-size: 14px
    }
}

@media only screen and (max-width: 480px) {
    #join-modal .hpm-cont {
        font-size: 4.3vw
    }
    .hpm-cont {
        padding: 15px 10px;
        width: 95%
    }
    .hpm-cont h5 {
        font-size: 16px
    }
    .hpm-title {
        padding: 15px 15px 0
    }
    .hpm-title:after {
        background-size: cover
    }
    .hpm-title h4 {
        font-size: 23px;
        letter-spacing: 0
    }
    #join-modal .hpm-title h4 {
        font-size: 5.7vw
    }
    #member-modal .hpm-title h4,
    #login-modal .hpm-title h4 {
        font-size: 28px
    }
    .hpm-title h4 .ht-hidn {
        display: none
    }
    .hpmc-counter {
        font-size: 14px;
        margin-top: 20px
    }
    .hp-modal-wrp.hp-sm-modal .hpm-title h4 {
        font-size: 6.6vw;
        padding-right: 60px
    }
    .hp-sm-modal .hpm-title h4:after {
        right: 8px;
        height: 55px;
        width: 55px
    }
    .hp-sm-modal .hpm-cont h5 {
        font-size: 18px;
        margin-bottom: 5px
    }
    .hp-sm-modal .hpm-cont .skip-link,
    .hp-sm-modal .hpm-cont p {
        font-size: 14px
    }
    .hp-sm-modal .hpmb-social p {
        font-size: 15px
    }
    .hp-sm-modal .btn {
        font-size: 17px;
        margin: 15px 0 5px;
        padding: 10px
    }
    .hp-sm-modal .hpmb-btn h5 {
        font-size: 4vw
    }
    .hp-sm-modal .hpmb-btn strong {
        font-size: 14px
    }
    .hpmb-social ul {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 15px 10px 0
    }
    .hpmb-social ul li {
        margin: 0
    }
    .hpmb-social ul li a {
        font-size: 20px;
        line-height: 36px;
        height: 36px;
        width: 36px
    }
    #reg-success .orng-btn em {
        margin-top: 2px
    }
    .hpmb-bottom {
        padding: 20px 25px 35px
    }
    .hpmb-bottom h5 {
        font-size: 18px
    }
    #forgot-modal .hpm-cont {
        padding: 15px
    }
    .hpm-checkbox span {
        font-size: 11px
    }
    .hpmc-input .hpm-checkbox:before {
        top: 3px
    }
    .hpmc-input .hpm-checkbox:after {
        top: 5px
    }
    .hpmc-btns p span {
        display: inline-block
    }
    .hpmc-btns .black-btn {
        padding: 10px 15px;
        width: 100%
    }
    .hpmc-btns .border-btn {
        font-size: 14px
    }
    .hpmc-btns .border-btn em {
        font-size: 17px
    }
    .member-details {
        padding: 16px 10px;
        font-size: 3.65vw;
        width: 95%
    }
    .hpms-msg p,
    .md-btn,
    .membr-reason textarea,
    .hpmc-input select,
    .hpmc-input input {
        font-size: 14px
    }
    .hpms-msg {
        padding: 15px
    }
    .hpms-msg em {
        font-size: 32px;
        margin-bottom: 15px;
        line-height: 55px;
        height: 55px;
        width: 55px
    }
    .mdi-tokens {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0.35em 0.5em 0.65em
    }
    .mdi-tokens>span {
        margin-top: 0.5em
    }
    #rlt-cancel-confirm .hpm-title h6 {
        font-size: 5vw
    }
    #rlt-cancel-warning .hpm-title h4 {
        font-size: 5vw
    }
    #rlt-cancel-warning .membr-reason-btns .btn {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: auto;
        width: 50%
    }
    #rlt-cancel-warning .membr-reason,
    #rlt-cancel-warning .hpms-msg p {
        font-size: 3.5vw
    }
    .rlt-leave-msg {
        font-size: 4.5vw
    }
    .rlt-support-btn.md-btn {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        font-size: 5vw;
        padding: 3vw 7.5vw
    }
    .suport-msg h5 {
        font-size: 6vw
    }
    .suport-msg p,
    .suport-msg>span {
        font-size: 5vw
    }
    .suport-msg img {
        margin: 20px auto;
        width: 70%
    }
    #vip-modal .hpm-body {
        font-size: 3.5vw
    }
    .hpmf-item svg {
        height: 5em;
        width: 5em
    }
    .pi-plans h4 {
        display: none
    }
    #pay-modal:after {
        display: none
    }
    #pay-modal .hpm-body {
        width: 100%
    }
    #pay-modal .hpm-body iframe {
        margin: 20px 0 -27.5vw
    }
    #pay-modal .hpm-body .hpm-close {
        top: 8px;
        right: 8px
    }
    .hpm-crypto {
        font-size: 4vw
    }
    .hpm-crypto p {
        margin: 0 0 0.75em;
        width: 100%
    }
    #vip-modal.type-b .hpm-title {
        font-size: 5.7vw
    }
    #vip-modal.type-b .hpmbp-btn,
    #vip-modal.type-b .hpmf-item {
        font-size: 4.5vw
    }
    #vip-modal.type-b .pi-plans {
        padding: 0 10px 15px
    }
    #vip-modal.type-b .plan-item {
        font-size: 3.5vw;
        width: calc(33.33% - 0.5em)
    }
    .hpm-cont.settings-details {
        font-size: 3.65vw;
        margin: 10px auto;
        width: calc(100% - 30px)
    }
    .sd-button span {
        display: block;
        font-size: 16px;
        text-align: center
    }
    .sdil-title {
        font-size: 22px
    }
    .sd-item.sd-free .sd-upgrade-btn {
        width: 100%;
        text-align: center
    }
    .sdi-follow-input>*:not(.rlt-sett-follow-msg-preview) {
        max-width: 100%
    }
    .sdi-follow-input>input {
        margin-top: 1em
    }
    .bmw-safe {
        padding: 20px 15px
    }
    .bmw-safe .bmw-check label {
        padding-right: 55px
    }
    .bmw-safe .bmw-check label h4 {
        font-size: 20px
    }
    .bmw-safe .bmw-check label:before {
        height: 22px;
        width: 40px
    }
    .bmw-safe .bmw-check label:after {
        height: 22px;
        width: 22px
    }
    .bmw-safe .bmw-check span {
        font-size: 14px
    }
    .bmw-arrow {
        right: 0;
        -webkit-transform: rotate(17deg) scale(0.85);
        transform: rotate(17deg) scale(0.85)
    }
    #disclaimer-modal .hpm-title h4 {
        font-size: 5vw
    }
    #disclaimer-modal .hpm-cont {
        font-size: 13px;
        margin: 10px auto;
        max-width: 95%
    }
    #disclaimer-modal .hpmc-scrl-body {
        max-height: 100px
    }
    #disclaimer-modal .hpmc-scroll {
        margin: 10px 0
    }
    .dmw-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px 20px
    }
    .dmw-btns .btn {
        font-size: 14px;
        margin: 0;
        padding: 7px 0;
        text-align: center;
        width: calc(50% - 7px)
    }
    #invite-friends-modal .hpm-title {
        font-size: 6vw;
        padding-bottom: 8em
    }
    #invite-friends-modal .close-icon {
        top: 12px;
        right: 10px
    }
    .if-title {
        font-size: 5.5vw
    }
    .ife-item {
        font-size: 3.85vw;
        width: 90%
    }
    .ife-item+.ife-item {
        margin-top: 1.5em
    }
    .ife-lead {
        font-size: 4.35vw;
        width: 90%
    }
    .ifd-item {
        font-size: 3.55vw
    }
    .if-rewards {
        font-size: 3.8vw
    }
    .bt-count p {
        font-size: 1.05em
    }
    .bt-count p strong {
        margin: 0 0.2em
    }
    .gem-packages {
        padding: 0
    }
    #buy-tokens-modal .hpm-title:after {
        height: 250%
    }
    #buy-tokens-modal .hpm-cont {
        font-size: 3.75vw
    }
    #free-tokens-added-modal .hpm-title h4 {
        font-size: 23px
    }
    .token-bonus {
        font-size: 12px
    }
    #earn-tokens-modal .hpm-body {
        font-size: 3.5vw
    }
}

@media only screen and (max-width: 480px),
only screen and (max-width: 812px) and (orientation: landscape) {
    .close-icon {
        top: 5px;
        right: 5px;
        height: 14px;
        width: 14px
    }
    .rlt-help-wrap {
        background: #fff;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%
    }
    .rhw-head {
        border-radius: 0
    }
    .rhw-head h5 {
        font-size: 17px
    }
    .rhw-head em {
        font-size: 50px
    }
    .rhw-body {
        height: calc(100vh - 86px)
    }
    .rhw-body>div {
        height: calc(100vh - 100px)
    }
    .rlw-input input {
        font-size: 15px
    }
    .rlt-support textarea,
    .rlt-support input {
        font-size: 16px;
        padding: 9px 16px
    }
    .suport-msg img {
        width: 200px
    }
    .bmw-body {
        font-size: 13px;
        position: relative;
        margin: 0 auto 50px;
        top: 30px;
        left: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .bmw-title {
        padding: 30px 15px 0
    }
    .bmw-title img {
        width: 165px
    }
    .bmw-appeal {
        font-size: 14px
    }
    .bmw-detal {
        padding: 0 1.1em 0.5em
    }
    .bmw-cont-bg {
        padding: 0.3em 1em 1.3em
    }
    #dialogBody.hpm-title h4 {
        font-size: 17px !important;
        font-weight: 500
    }
    .rmf-body {
        font-size: 13px
    }
    #earn-tokens-modal .hpm-title {
        font-size: 1.1em
    }
    #earn-tokens-modal .hpm-title h4 {
        font-size: 1.45em
    }
    #earn-tokens-modal .earn-tokens-item h5 {
        margin: 0 0 0.5em
    }
    #earn-tokens-modal .earn-tokens-item>em {
        font-size: 5.15em;
        margin-left: 0.25em
    }
    #earn-tokens-modal .eti-count {
        font-size: 1.15em
    }
    #earn-tokens-modal .eti-btn {
        font-size: 1.15em;
        margin-top: 1.5em;
        text-align: center
    }
    #earn-tokens-modal .eti-btn .btn {
        display: block
    }
    #earn-tokens-modal .eti-btn p {
        margin: 0 0 0.35em
    }
}

@media only screen and (max-width: 812px) and (orientation: landscape) {
    #earn-tokens-modal .hpm-body {
        font-size: 15px;
        max-width: 500px
    }
    #vip-modal .hpm-body {
        max-width: 400px;
        font-size: 15px
    }
    .hpmf-item svg {
        margin: 0 auto 1.385em;
        height: 5.5em;
        width: 5.5em
    }
}

@media only screen and (max-width: 400px) {
    .hpm-title {
        padding: 15px 10px 0
    }
    .hpm-title h4 {
        font-size: 20px;
        letter-spacing: 0
    }
    #member-modal .hpm-title h4,
    #login-modal .hpm-title h4 {
        font-size: 25px
    }
    .hpmc-btns .black-btn {
        font-size: 18px
    }
    .hpmc-counter {
        font-size: 13px
    }
    .membr-reason textarea,
    .hpmc-input select,
    .hpmc-input input {
        font-size: 13px
    }
    .gom-conent p {
        font-size: 14px;
        line-height: 1.3
    }
    .hp-sm-modal .hpm-cont {
        font-size: 14px;
        margin: 15px auto 10px;
        width: 95%
    }
    .hp-sm-modal .hpm-cont h5 {
        font-size: 16px
    }
    .hp-modal-wrp.hp-sm-modal .hpm-title h4 {
        margin-left: 3px
    }
    .hp-sm-modal .hpm-title h4:after {
        height: 48px;
        width: 48px
    }
    #reg-success .hpmb-bottom {
        padding: 20px 20px 25px
    }
    .hpm-cont.settings-details {
        width: calc(100% - 20px)
    }
    .dmw-btns .btn {
        font-size: 13px
    }
}

@media only screen and (max-width: 350px) {
    .app-started .nav-login.hn-user span {
        max-width: 160px
    }
    .hpm-title h4 {
        font-size: 17px
    }
    #member-modal .hpm-title h4,
    #login-modal .hpm-title h4 {
        font-size: 22px
    }
    .hpm-cont h5 {
        font-size: 14px
    }
    .hpmc-counter {
        font-size: 12px
    }
    .hpmc-btns .black-btn {
        font-size: 17px;
        padding: 7px 12px
    }
    .border-btn {
        font-size: 13px
    }
    .mdi-buttons .sm-btn,
    .md-btn {
        font-size: 13px
    }
    .gom-conent p {
        margin: 15px 0
    }
    .hp-sm-modal .hpm-cont h5 {
        font-size: 14px
    }
    .hp-sm-modal .hpm-cont .skip-link,
    .hp-sm-modal .hpm-cont p {
        font-size: 13px
    }
    .hpmb-bottom h5 {
        font-size: 16px
    }
    .hpmb-bottom p {
        font-size: 10px
    }
    .hp-sm-modal .hpmb-btn strong {
        font-size: 13px
    }
    .hp-sm-modal .btn {
        font-size: 15px;
        padding: 8px
    }
    .hp-sm-modal .hpm-cont {
        font-size: 12px
    }
    #settings-modal .hpm-title h4 {
        font-size: 20px
    }
    .rmf-body {
        padding: 6px 20px 6px 6px;
        font-size: 12px
    }
    .sdi-check label {
        font-size: 13px
    }
    .sdi-input {
        margin-top: 8px
    }
    .sdi-input .sdi-intro p {
        font-size: 11px
    }
    .sdi-list {
        min-width: 275px
    }
    .sdil-title {
        font-size: 18px;
        padding: 10px 15px
    }
    .sdi-select ul {
        padding: 0 15px
    }
    #disclaimer-modal .hpm-cont,
    .dmw-btns .btn {
        font-size: 11px
    }
    .bmw-safe {
        padding: 20px 10px
    }
}

@media only screen and (min-height: 1000px) {
    #pay-modal .hpm-body .hpm-close {
        right: 5px
    }
}

@media only screen and (min-width: 769px) {
    #invite-friends-modal .hpm-title:before {
        
        z-index: -1;
    }
}

@media only screen and (min-width: 1025px) {
    #join-modal .hpm-img {
        background: url() center/cover no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: 0;
        padding: 0;
        min-height: 505px;
        min-width: 410px
    }
    #join-modal .hpm-img:before,
    #join-modal .hpm-img:after {
        content: "";
        position: absolute;
        z-index: -1
    }
    #join-modal .hpm-img:before {
        background: url(../../images/live_mingle/join-girl.png) bottom/contain no-repeat;
        bottom: 0;
        left: 2.5%;
        height: 100%;
        width: 95%
    }
    #join-modal .hpm-img:after {
        background: url() no-repeat;
        top: 10px;
        left: 10px;
        height: 78px;
        width: 78px
    }
    .hpmf-item svg {
        position: absolute;
        left: -0.15em;
        top: -0.15em;
        height: 1.7em;
        width: 1.8em
    }
    .hpmf-item p {
        background: #ffd577;
        border: 1px solid #cf9004;
        border-radius: 5px;
        -webkit-box-shadow: 1px 2px 2px #755b2154;
        box-shadow: 1px 2px 2px #755b2154;
        color: #000;
        display: none;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.5;
        position: absolute;
        left: 0;
        top: 35px;
        padding: 7px 15px;
        z-index: 10
    }
    .hpmf-item p:after {
        content: "";
        border: 5px solid transparent;
        border-bottom: 5px solid #cf9004;
        position: absolute;
        top: -10px;
        left: 6px
    }
    .vpc-body {
        padding: 1.125em 1.125em 1.25em
    }
    .vpcb-save {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.95em;
        line-height: 1.2;
        margin-top: -1.5em;
        text-align: center;
        position: absolute;
        top: 50%;
        right: -0.6em;
        height: 3em;
        width: 3em;
        z-index: 2
    }
    .vpcb-save:before {
        content: "\e893";
        color: #000;
        font-size: 3.75em;
        font-family: ChatspinIcons;
        position: absolute;
        z-index: -1
    }
    .vpcb-save span {
        display: block;
        font-size: 0.75em;
        font-weight: 600;
        line-height: 0.95;
        margin: 1px 0;
        max-width: 80%;
        word-break: break-all
    }
    .vpcb-save strong {
        color: #ffbf24;
        font-weight: 600
    }
    .vpc-btn>span {
        padding: 0.365em 0
    }
    .vpc-btn .orng-btn em {
        display: none
    }
    .vpct-limited {
        color: #8f999d;
        display: block;
        font-size: 0.615em;
        font-weight: 600;
        letter-spacing: -0.02em;
        line-height: 1;
        position: absolute;
        top: -0.75em;
        right: -0.95em;
        text-align: center;
        text-transform: uppercase;
        width: 6.35em
    }
    .vpct-limited em {
        color: #fabe3a;
        display: block;
        font-size: 1.65em;
        font-weight: 600;
        margin-bottom: 0.3em
    }
    .vpc-badge {
        text-align: center;
        position: absolute;
        top: 0.65em;
        right: 0.5em
    }
    .vpc-badge * {
        color: #8e989c;
        display: block;
        font-size: 0.725em;
        line-height: 1.1;
        text-transform: uppercase
    }
    .vpc-badge em {
        font-size: 1.15em;
        margin-bottom: 0.1em
    }
    .vpc-badge strong {
        color: #fabe3a
    }
    #vip-modal.type-b .hpmf-item {
        margin: 0 0 20px
    }
    #vip-modal.type-b .hpmf-item h5 {
        font-size: 17px
    }
    #vip-modal.type-b .hpmf-item h5 em {
        opacity: 0.3
    }
    #vip-modal.type-b .hpmf-item h5 em:hover {
        opacity: 0.6
    }
    #vip-modal.type-b .hpmf-item svg {
        left: 0;
        top: 0;
        height: 25px;
        width: 27px
    }
    #vip-modal.type-b .plan-item {
        -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.4);
        box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.4);
        border-radius: 1em;
        font-size: 17px
    }
    #vip-modal.type-b .plan-item#pi-six-month {
        -webkit-box-shadow: 0 0 0 3px #000, 1px 3px 8px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 3px #000, 1px 3px 8px rgba(0, 0, 0, 0.4)
    }
    #vip-modal.type-b #pi-month .vpc-title h5 {
        color: #000
    }
    #vip-modal.type-b .vpct-save {
        display: block
    }
    #pi-month .vpc-title h5 {
        color: #fabe3a
    }
    .plan-item:hover {
        -webkit-box-shadow: 0 0.3em 0.65em rgba(0, 0, 0, 0.2);
        box-shadow: 0 0.3em 0.65em rgba(0, 0, 0, 0.2);
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
    .vpct-save,
    .vip-mob {
        display: none
    }
}

@media only screen and (min-width: 1550px) {
    .rmf-body {
        font-size: 19px
    }
}

.hp-sm-modal[lang="de"] .hpm-body {
    max-width: 500px
}

.hp-modal-wrp[lang="de"] .hpmc-input .rlt-new-email {
    font-size: 14px
}

.ban-modal-wrp[lang="de"] .bmw-btn {
    font-size: 18px
}

.ban-modal-wrp[lang="de"] .bmw-body {
    max-width: 430px
}

.ban-modal-wrp[lang="de"] .bmw-cont p {
    font-size: 12px
}

.ban-modal-wrp[lang="de"] .bmw-cont em {
    margin-top: 2px
}

#reg-confirm-modal[lang="de"] .hpm-title h4 {
    padding-right: 0;
    font-size: 24px
}

#reg-confirm-modal[lang="de"] .hpm-title h4:after {
    display: none
}

#reg-confirm-modal[lang="de"] .btn span small {
    font-size: 0.5em
}

#buy-tokens-modal[lang="de"] .gp-item strong {
    font-size: 0.6em
}

#warning-modal[lang="de"] .hpm-title h4 {
    font-size: 23px
}

#vip-modal[lang="de"] .hpmf-item h5 {
    font-size: 16px
}

#join-modal[lang="de"] .hpmc-header h4 {
    font-size: 1.4em
}

.unban-tokens[lang="de"] .bmw-btn span {
    font-size: 0.9em
}

#login-modal[lang="fr"] .hpm-body {
    max-width: 570px
}

#join-modal[lang="fr"] .hpmc-header h4 {
    font-size: 1.2em
}

#join-modal[lang="fr"] .rlt-signup {
    font-size: 17px
}

#reg-confirm-modal[lang="fr"] .hpm-title h4 {
    font-size: 25px
}

#reg-confirm-modal[lang="fr"] .btn span small {
    font-size: 0.35em
}

#reg-success[lang="fr"] .hpm-title h4 {
    font-size: 28px
}

#vip-modal[lang="fr"] .hpm-body {
    max-width: 940px
}

#vip-modal[lang="fr"] .hpmf-item {
    width: 47%
}

#buy-tokens-modal[lang="fr"] .gp-item strong {
    font-size: 0.5em
}

.ban-modal-wrp[lang="fr"] .bmw-body {
    max-width: 500px
}

.ban-modal-wrp[lang="fr"] .bmw-btn {
    font-size: 15px
}

.ban-modal-wrp[lang="fr"] .bmw-btn em {
    font-size: 38px
}

.ban-modal-wrp[lang="fr"] .bmw-btn small {
    font-size: 11px
}

.ban-modal-wrp[lang="fr"] .bmw-cont p {
    font-size: 12px
}

.ban-modal-wrp[lang="fr"] .bmw-cont em {
    margin-top: 2px
}

#login-modal[lang="es"] .hpm-body {
    max-width: 520px
}

#forgot-modal[lang="es"] .hpm-body {
    max-width: 500px
}

.ban-modal-wrp[lang="es"] .bmw-body {
    max-width: 450px
}

.ban-modal-wrp[lang="es"] .bmw-cont p {
    font-size: 12px
}

#reg-confirm-modal[lang="es"] .orng-btn {
    font-size: 17px
}

#reg-confirm-modal[lang="es"] .btn {
    font-size: 16px
}

#reg-confirm-modal[lang="es"] .btn span small {
    font-size: 0.5em
}

#join-modal[lang="es"] .hpmc-header h4 {
    font-size: 1.4em
}

#vip-modal[lang="es"] .vpct-limited {
    font-size: 9px
}

#vip-modal[lang="es"] .vpct-save span {
    font-size: 0.6em
}

#invite-friends-modal[lang="es"] .ifr-cont p {
    font-size: 0.9em
}

#warning-modal[lang="es"] .hpm-title h4 {
    font-size: 25px
}

.ban-modal-wrp[lang="it"] .bmw-body {
    max-width: 440px
}

.hp-modal-wrp.hp-sm-modal[lang="it"] .hpm-title h4 {
    font-size: 26px
}

#reg-confirm-modal[lang="it"] .hpm-title h4 {
    font-size: 23px
}

#reg-confirm-modal[lang="it"] .orng-btn {
    font-size: 18px
}

#reg-success[lang="it"] .hpm-title h4 {
    font-size: 24px
}

#vip-modal[lang="it"] .hpm-body {
    max-width: 1040px
}

.ban-modal-wrp[lang="pt"] .bmw-cont em {
    margin-top: 2px
}

.ban-modal-wrp[lang="pt"] .bmw-body {
    max-width: 450px
}

.ban-modal-wrp[lang="pt"] .bmw-btn {
    font-size: 16px
}

.ban-modal-wrp[lang="pt"] .bmw-btn em {
    font-size: 30px
}

#reg-confirm-modal[lang="pt"] .btn span small {
    font-size: 0.3em
}

#reg-confirm-modal[lang="pt"] .orng-btn {
    font-size: 18px
}

#buy-tokens-modal[lang="pt"] .gp-item strong {
    font-size: 0.5em
}

#invite-friends-modal[lang="pt"] .ifr-step p {
    font-size: 0.85em
}

#vip-modal[lang="pt"] .hpm-body {
    max-width: 1140px
}

#vip-modal[lang="pt"] .hpmf-item h5 {
    font-size: 17px
}

.unban-tokens[lang="pt"] .bmw-btn span {
    font-size: 0.9em
}

#login-modal[lang="ru"] .hpm-body {
    max-width: 520px
}

.hp-sm-modal[lang="ru"] .hpmc-input input {
    font-size: 14px;
    padding: 10px 10px
}

.hp-modal-wrp[lang="ru"] .hpm-title h4 {
    font-size: 32px
}

.hp-modal-wrp[lang="ru"] .vpc-badge strong {
    font-size: 12px
}

.hp-modal-wrp[lang="ru"] .vpc-badge p {
    letter-spacing: 0;
    font-size: 9px
}

.hp-modal-wrp[lang="ru"] .hpmc-input .hpm-checkbox {
    font-size: 10px
}

.ban-modal-wrp[lang="ru"] .bmw-btn {
    font-size: 17px
}

.ban-modal-wrp[lang="ru"] .bmw-body {
    max-width: 475px
}

.ban-modal-wrp[lang="ru"] .bmw-cont em {
    margin-top: 2px
}

#reg-confirm-modal[lang="ru"] .hpm-title h4 {
    font-size: 21px
}

#reg-confirm-modal[lang="ru"] .orng-btn {
    font-size: 17px
}

#reg-confirm-modal[lang="ru"] .btn span small {
    font-size: 0.4em
}

#buy-tokens-modal[lang="ru"] .gp-item strong {
    font-size: 0.5em
}

#invite-friends-modal[lang="ru"] .ifr-step p {
    font-size: 0.8em
}

#member-modal[lang="ru"] .rhwh-support {
    font-size: 15px
}

#member-modal[lang="ru"] .rhwh-support em {
    font-size: 40px
}

#rlt-ban-modal[lang="ru"] .orng-text {
    font-size: 22px
}

#rlt-ban-modal[lang="ru"] .bmw-check span {
    font-size: 17px
}

#vip-modal[lang="ru"] .hpm-body {
    max-width: 940px
}

#vip-modal[lang="ru"] .hpmf-item {
    width: 48%
}

#vip-modal[lang="ru"] .hpm-features:after {
    background: url() 29% -50px/152% no-repeat
}

#vip-modal[lang="ru"] .vpc-btn span {
    font-size: 20px
}

.unban-tokens[lang="ru"] .bmw-btn span {
    font-size: 0.9em
}

#join-modal[lang="ru"] .black-btn {
    font-size: 20px
}

.hp-modal-wrp.hp-sm-modal[lang="pl"] .hpm-title h4 {
    font-size: 27px
}

#reg-confirm-modal[lang="pl"] .hpm-title h4 {
    font-size: 24px
}

#reg-confirm-modal[lang="pl"] .btn span small {
    font-size: 0.6em
}

#reg-confirm-modal[lang="pl"] .orng-btn {
    font-size: 18px
}

#login-modal[lang="pl"] .border-btn {
    font-size: 14px
}

#reg-success[lang="pl"] .hpm-title h4 {
    font-size: 22px
}

#buy-tokens-modal[lang="pl"] .gp-item strong {
    font-size: 0.5em
}

#invite-friends-modal[lang="pl"] .ifr-step p {
    font-size: 0.9em
}

#warning-modal[lang="pl"] .hpm-title h4 {
    font-size: 23px
}

.ban-modal-wrp[lang="pl"] .bmw-body {
    max-width: 440px
}

.ban-modal-wrp[lang="pl"] .bmw-safe .bmw-check label h4 {
    font-size: 16px;
    padding-top: 4px
}

.ban-modal-wrp[lang="pl"] .bmw-safe .bmw-check span {
    font-size: 16px
}

#join-modal[lang="cs"] .hpmc-header h4 {
    font-size: 1.4em
}

#reg-confirm-modal[lang="cs"] .hpm-title h4 {
    font-size: 26px
}

#reg-confirm-modal[lang="cs"] .hpm-cont h5 {
    font-size: 17px
}

#reg-confirm-modal[lang="cs"] .rlt-confirm-upgrade {
    font-size: 17px
}

#reg-confirm-modal[lang="cs"] .rlt-confirm-upgrade small {
    font-size: 0.6em
}

#vip-modal[lang="cs"] .vpc-btn span {
    font-size: 18px
}

#vip-modal[lang="cs"] .vpct-limited {
    font-size: 8px
}

#invite-friends-modal[lang="cs"] .ifr-cont p {
    font-size: 0.93em
}

#rlt-ban-modal[lang="cs"] .orng-text {
    font-size: 19px
}

#rlt-ban-modal[lang="cs"] .bmw-check span {
    font-size: 15px
}

#rlt-ban-modal[lang="cs"] .bmw-arrow {
    right: 0px
}

#rlt-ban-modal[lang="cs"] .bmws-top .orng-text {
    padding-top: 3px
}

.unban-tokens[lang="cs"] .bmw-btn span {
    font-size: 1em
}

#join-modal[lang="da"] .hpmc-header h4 {
    font-size: 1.5em
}

#reg-confirm-modal[lang="da"] .hpm-cont h5 {
    font-size: 17px
}

#reg-confirm-modal[lang="da"] .rlt-confirm-upgrade {
    font-size: 18px
}

#vip-modal[lang="da"] .hpmf-item h5 {
    font-size: 16px
}

#vip-modal[lang="da"] .vpct-limited {
    font-size: 10px
}

#buy-tokens-modal[lang="da"] .hpm-cont p {
    font-size: 0.95em
}

#invite-friends-modal[lang="da"] .ifr-cont p {
    font-size: 1em
}

#rlt-ban-modal[lang="da"] .orng-text {
    font-size: 22px
}

#rlt-ban-modal[lang="da"] .bmw-check span {
    font-size: 15px
}

#rlt-ban-modal[lang="da"] .bmws-top .orng-text {
    padding-top: 3px
}

#reg-confirm-modal[lang="el"] .hpm-title h4 {
    font-size: 28px
}

#reg-confirm-modal[lang="el"] .btn {
    font-size: 17px
}

#reg-confirm-modal[lang="el"] .btn small {
    font-size: 0.4em
}

#reg-success[lang="el"] .hpm-title h4 {
    font-size: 31px
}

#reg-success[lang="el"] .rlt-signup-email2 {
    font-size: 13px
}

#vip-modal[lang="el"] .hpmf-item {
    width: 47%
}

#vip-modal[lang="el"] .vpct-limited {
    font-size: 8px
}

#vip-modal[lang="el"] .vpc-badge * {
    font-size: 10px
}

#vip-modal[lang="el"] .vpct-save span {
    font-size: 0.6em
}

#join-modal[lang="el"] .hpmc-header h4 {
    font-size: 1.4em
}

#invite-friends-modal[lang="el"] .ifr-step p {
    font-size: 0.9em
}

#invite-friends-modal[lang="el"] .ife-item {
    font-size: 14px
}

#delete-acc-modal[lang="el"] .md-btn {
    font-size: 15px
}

#rlt-ban-modal[lang="el"] .orng-text {
    font-size: 18px
}

#rlt-ban-modal[lang="el"] .bmw-check span {
    font-size: 14px
}

#rlt-ban-modal[lang="el"] .bmw-arrow {
    right: 0px
}

.unban-tokens[lang="el"] .bmw-btn span {
    font-size: 0.9em
}

#reg-confirm-modal[lang="fi"] .hpm-title h4 {
    font-size: 26px
}

#reg-confirm-modal[lang="fi"] .btn {
    font-size: 18px
}

#reg-confirm-modal[lang="fi"] .btn small {
    font-size: 0.5em
}

#reg-success[lang="fi"] .hpm-title h4 {
    font-size: 29px
}

#join-modal[lang="fi"] .hpmc-header h4 {
    font-size: 1.3em
}

#vip-modal[lang="fi"] .vpct-limited {
    font-size: 9px
}

#vip-modal[lang="fi"] .vpct-save {
    top: 102px
}

#vip-modal[lang="fi"] .vpct-save span {
    font-size: 0.5em
}

#vip-modal[lang="fi"] .vpc-title h5 {
    font-size: 25px
}

#rlt-ban-modal[lang="fi"] .orng-text {
    font-size: 19px
}

#rlt-ban-modal[lang="fi"] .bmw-check span {
    font-size: 14px
}

#reg-confirm-modal[lang="ms"] .hpm-title h4 {
    font-size: 29px
}

#reg-confirm-modal[lang="ms"] .btn small {
    font-size: 0.6em
}

#reg-success[lang="ms"] .hpm-title h4 {
    font-size: 30px
}

#vip-modal[lang="ms"] .hpm-body {
    max-width: 1024px
}

#vip-modal[lang="ms"] .vpct-limited {
    font-size: 10px
}

#vip-modal[lang="ms"] .vpct-save span {
    font-size: 0.6em
}

#vip-modal[lang="ms"] .hpmf-item {
    width: 33%;
    padding-right: 5px
}

#vip-modal[lang="ms"] .hpmf-item h5 {
    font-size: 17px
}

#buy-tokens-modal[lang="ms"] .gp-item strong {
    font-size: 0.6em
}

#invite-friends-modal[lang="ms"] .hpm-title h4 {
    font-size: 0.9em
}

#invite-friends-modal[lang="ms"] .ifr-cont p {
    font-size: 0.9em
}

#warning-modal[lang="ms"] .hpm-title h4 {
    font-size: 24px
}

#rlt-ban-modal[lang="ms"] .orng-text {
    font-size: 22px
}

#rlt-ban-modal[lang="ms"] .bmw-check span {
    font-size: 16px
}

#rlt-ban-modal[lang="ms"] .bmw-arrow {
    right: 5px
}

.unban-tokens[lang="ms"] .bmw-btn span {
    font-size: 1em
}

.unban-tokens[lang="ms"] .bmw-btn small {
    font-size: 0.65em
}

#join-modal[lang="nl"] .hpmc-header h4 {
    font-size: 1.2em
}

#reg-confirm-modal[lang="nl"] .hpm-title h4 {
    font-size: 29px
}

#reg-confirm-modal[lang="nl"] .btn small {
    font-size: 0.5em
}

#forgot-modal[lang="nl"] .hpm-title h4 {
    font-size: 28px;
    text-align: left
}

#vip-modal[lang="nl"] .hpmf-item {
    width: 45%
}

#vip-modal[lang="nl"] .vpct-limited {
    font-size: 9px
}

#vip-modal[lang="nl"] .vpct-save span {
    font-size: 0.5em
}

#warning-modal[lang="nl"] .hpm-title h4 {
    font-size: 24px
}

#rlt-ban-modal[lang="nl"] .bmw-check span {
    font-size: 16px
}

.unban-tokens[lang="nl"] .bmw-btn span {
    font-size: 1.1em
}

#join-modal[lang="ro"] .hpmc-header h4 {
    font-size: 1.5em
}

#reg-confirm-modal[lang="ro"] .hpm-title h4 {
    font-size: 26px
}

#reg-confirm-modal[lang="ro"] .btn small {
    font-size: 0.5em
}

#reg-success[lang="ro"] .hpm-title h4 {
    font-size: 33px
}

#vip-modal[lang="ro"] .vpct-save span {
    font-size: 0.6em
}

#invite-friends-modal[lang="ro"] .ifr-step p {
    font-size: 0.8em
}

#invite-friends-modal[lang="ro"] .ife-lead {
    font-size: 16px
}

#buy-tokens-modal[lang="ro"] .gp-item strong {
    font-size: 0.5em
}

#rlt-ban-modal[lang="ro"] .orng-text {
    font-size: 22px
}

#rlt-ban-modal[lang="ro"] .bmw-check span {
    font-size: 14px
}

#rlt-ban-modal[lang="ro"] .bmw-arrow {
    right: 5px
}

.unban-tokens[lang="ro"] .bmw-btn span {
    font-size: 1em
}

#join-modal[lang="sk"] .hpmc-header h4 {
    font-size: 1.5em
}

#reg-confirm-modal[lang="sk"] .hpm-title h4 {
    font-size: 24px
}

#reg-confirm-modal[lang="sk"] .btn {
    font-size: 19px
}

#reg-confirm-modal[lang="sk"] .btn small {
    font-size: 0.6em
}

#vip-modal[lang="sk"] .hpm-body {
    max-width: 940px
}

#vip-modal[lang="sk"] .vpc-title h5 {
    font-size: 24px
}

#vip-modal[lang="sk"] .vpc-title h6 {
    font-size: 18px
}

#vip-modal[lang="sk"] .vpc-badge * {
    font-size: 8px
}

#vip-modal[lang="sk"] .vpct-save {
    top: 101px
}

#buy-tokens-modal[lang="sk"] .gp-item strong {
    font-size: 0.5em
}

#rlt-ban-modal[lang="sk"] .orng-text {
    font-size: 17px;
    padding-top: 3px
}

#rlt-ban-modal[lang="sk"] .bmw-check span {
    font-size: 14px
}

#rlt-ban-modal[lang="sk"] .bmw-arrow {
    top: -10px;
    right: 0px
}

#rlt-ban-modal[lang="sk"] .bmw-body {
    max-width: 430px
}

.unban-tokens[lang="sk"] .bmw-btn span {
    font-size: 1em
}

.unban-tokens[lang="sk"] .bmw-btn small {
    font-size: 0.6em
}

#join-modal[lang="sr"] .hpmc-header h4 {
    font-size: 1.4em
}

#join-modal[lang="sr"] .rlt-signup {
    font-size: 20px
}

#reg-confirm-modal[lang="sr"] .hpm-title h4 {
    font-size: 24px
}

#reg-confirm-modal[lang="sr"] .btn small {
    font-size: 0.6em
}

#vip-modal[lang="sr"] .hpm-body {
    max-width: 930px
}

#vip-modal[lang="sr"] .vpct-save span {
    font-size: 0.6em
}

#vip-modal[lang="sr"] .vpct-limited {
    font-size: 9px
}

#buy-tokens-modal[lang="sr"] .gp-item strong {
    font-size: 0.5em
}

#rlt-ban-modal[lang="sr"] .orng-text {
    font-size: 22px;
    width: 185px
}

#rlt-ban-modal[lang="sr"] .bmw-check span {
    font-size: 15px
}

#rlt-ban-modal[lang="sr"] .bmw-arrow {
    top: -25px
}

.unban-tokens[lang="sr"] .bmw-btn span {
    font-size: 1em
}

#reg-confirm-modal[lang="sv"] .hpm-title h4 {
    font-size: 26px
}

#vip-modal[lang="sv"] .hpm-body {
    max-width: 980px
}

#vip-modal[lang="sv"] .vpc-title h6 {
    font-size: 16px
}

#vip-modal[lang="sv"] .vpct-limited {
    font-size: 9px
}

#vip-modal[lang="sv"] .vpc-badge * {
    font-size: 10px
}

#vip-modal[lang="sv"] .vpct-save {
    top: 101px
}

#vip-modal[lang="sv"] .vpct-save span {
    font-size: 0.6em
}

#vip-modal[lang="sv"] .hpmf-item h5 {
    font-size: 16px
}

.unban-tokens[lang="sv"] .bmw-btn small {
    font-size: 0.6em
}

#reg-success[lang="th"] .hpm-title h4 {
    font-size: 33px
}

#rlt-ban-modal[lang="th"] .bmw-check span {
    font-size: 19px
}

#join-modal[lang="tr"] .hpmc-header h4 {
    font-size: 1.5em
}

#reg-confirm-modal[lang="tr"] .btn small {
    font-size: 0.6em
}

#vip-modal[lang="tr"] .vpct-save span {
    font-size: 0.6em
}

#invite-friends-modal[lang="tr"] .rlt-invite-friends-btn {
    font-size: 0.8em
}

#rlt-ban-modal[lang="tr"] .orng-text {
    font-size: 22px
}

#rlt-ban-modal[lang="tr"] .bmw-check span {
    font-size: 16px
}

.unban-tokens[lang="tr"] .bmw-btn span {
    font-size: 1.1em
}

.unban-tokens[lang="tr"] .bmw-btn small {
    font-size: 0.65em
}

#reg-confirm-modal[lang="vi"] .hpm-title h4 {
    font-size: 24px
}

#reg-confirm-modal[lang="vi"] .btn {
    font-size: 17px
}

#member-modal[lang="vi"] .member-status {
    font-size: 0.9em
}

#rlt-ban-modal[lang="vi"] .orng-text {
    font-size: 21px
}

#rlt-ban-modal[lang="vi"] .bmw-check span {
    font-size: 17px
}

#rlt-ban-modal[lang="vi"] .bmw-arrow {
    right: 5px
}

.unban-tokens[lang="vi"] .bmw-btn span {
    font-size: 1em
}

#rlt-ban-modal[lang="zh"] .bmw-arrow {
    top: -30px
}

#reg-confirm-modal[lang="hi"] .hpm-title h4 {
    font-size: 31px
}

#reg-confirm-modal[lang="hi"] .btn small {
    font-size: 0.6em
}

#vip-modal[lang="hi"] .vpct-save span {
    font-size: 0.7em
}

#rlt-ban-modal[lang="hi"] .bmw-arrow {
    right: 0px
}

#join-modal[lang="hr"] .rlt-signup {
    font-size: 19px
}

#reg-confirm-modal[lang="hr"] .hpm-title h4 {
    font-size: 26px
}

#reg-confirm-modal[lang="hr"] .btn small {
    font-size: 0.6em
}

#vip-modal[lang="hr"] .hpm-body {
    max-width: 930px
}

#vip-modal[lang="hr"] .vpct-save span {
    font-size: 0.6em
}

#vip-modal[lang="hr"] .vpct-limited {
    font-size: 9px
}

#buy-tokens-modal[lang="hr"] .gp-item strong {
    font-size: 0.5em
}

#rlt-ban-modal[lang="hr"] .orng-text {
    font-size: 21px;
    width: 185px
}

#rlt-ban-modal[lang="hr"] .bmw-check span {
    font-size: 14px
}

#rlt-ban-modal[lang="hr"] .bmw-arrow {
    right: 5px;
    top: -20px
}

.unban-tokens[lang="hr"] .bmw-btn span {
    font-size: 1.1em
}

#reg-confirm-modal[lang="hu"] .hpm-title h4 {
    font-size: 24px
}

#reg-confirm-modal[lang="hu"] .btn small {
    font-size: 0.6em
}

#buy-tokens-modal[lang="hu"] .gp-item strong {
    font-size: 0.5em
}

#vip-modal[lang="hu"] .hpm-body {
    max-width: 980px
}

#vip-modal[lang="hu"] .vpct-save span {
    font-size: 0.6em
}

#vip-modal[lang="hu"] .vpct-save {
    top: 101px
}

#vip-modal[lang="hu"] .hpmf-item h5 {
    font-size: 16px
}

#rlt-ban-modal[lang="hu"] .orng-text {
    font-size: 21px;
    width: 185px
}

#rlt-ban-modal[lang="hu"] .bmw-check span {
    font-size: 15px
}

#rlt-ban-modal[lang="hu"] .bmw-arrow {
    right: 5px;
    top: -20px
}

#join-modal[lang="hu"] .black-btn {
    font-size: 20px
}

#reg-confirm-modal[lang="id"] .hpm-title h4 {
    font-size: 26px
}

#reg-confirm-modal[lang="id"] .btn small {
    font-size: 0.6em
}

#join-modal[lang="id"] .hpmc-header p {
    font-size: 0.8em
}

#buy-tokens-modal[lang="id"] .gp-item strong {
    font-size: 0.5em
}

#invite-friends-modal[lang="id"] .ifr-step p {
    font-size: 0.9em
}

#vip-modal[lang="id"] .hpm-body {
    max-width: 1050px
}

#vip-modal[lang="id"] .vpct-limited {
    font-size: 9px
}

#vip-modal[lang="id"] .vpct-save span {
    font-size: 0.6em
}

#rlt-ban-modal[lang="id"] .orng-text {
    font-size: 20px
}

#rlt-ban-modal[lang="id"] .bmw-check span {
    font-size: 15px
}

#rlt-ban-modal[lang="id"] .bmw-arrow {
    right: 5px
}

#reg-confirm-modal[lang="ja"] .hpm-title h4 {
    font-size: 25px
}

#rlt-ban-modal[lang="ja"] .bmw-arrow {
    right: 0px
}

#reg-success[lang="ja"] .hpm-title h4 {
    font-size: 27px
}

#reg-success[lang="ko"] .hpm-title h4 {
    font-size: 25px
}

#rlt-ban-modal[lang="ko"] .bmw-arrow {
    top: -23px
}

#rlt-ban-modal[lang="ko"] .bmw-check span {
    font-size: 16px
}

#reg-confirm-modal[lang="he"] .hpm-title h4 {
    font-size: 25px
}

#vip-modal[lang="he"] .hpm-body {
    max-width: 940px
}

#vip-modal[lang="he"] .hpmf-item h5 {
    font-size: 17px
}

#vip-modal[lang="he"] .vpc-badge * {
    font-size: 9px
}

.unban-tokens[lang="he"] .bmw-btn span {
    font-size: 1em
}

#reg-confirm-modal[lang="fa"] .hpm-title h4 {
    font-size: 25px
}

#reg-success[lang="fa"] .hpm-title h4 {
    font-size: 34px
}

#vip-modal[lang="fa"] .hpm-body {
    max-width: 970px
}

#vip-modal[lang="fa"] .hpmf-item h5 {
    font-size: 17px
}

#login-modal[lang="ar"] .hpmc-input input {
    padding: 10px 30px
}

#rlt-ban-modal[lang="ar"] .bmw-arrow {
    top: -25px
}

#reg-confirm-modal[lang="no"] .hpm-title h4 {
    font-size: 27px
}

#reg-success[lang="no"] .hpm-title h4 {
    font-size: 28px
}

#vip-modal[lang="no"] .vpct-limited {
    font-size: 8px
}

#buy-tokens-modal[lang="no"] .gp-item strong {
    font-size: 0.6em
}

#member-modal[lang="no"] .rhw-head h5 {
    font-size: 18px
}

#member-modal[lang="no"] .rhw-head h5 em {
    font-size: 45px
}

#vip-modal[dir="rtl"] .hpm-title img {
    margin-right: 10px;
    margin-left: 0
}

.hp-modal-wrp[dir="rtl"] .border-btn em {
    padding-right: 0;
    margin-left: 7px
}

.hp-modal-wrp[dir="rtl"] .hpmc-input label em {
    right: auto;
    left: 11px
}

.hp-modal-wrp[dir="rtl"] .hpmbp-btn .orng-btn em {
    margin-left: 5px
}

.hp-modal-wrp[dir="rtl"] .member-details {
    text-align: right
}

.hp-modal-wrp[dir="rtl"] .hpm-cont.settings-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.hp-modal-wrp[dir="rtl"] .sd-item {
    text-align: right
}

.hp-modal-wrp[dir="rtl"] .sdi-select {
    margin-right: 10px;
    margin-left: 0;
    text-align: right
}

.hp-modal-wrp[dir="rtl"] .sdi-select>span:after {
    left: 2px;
    right: auto
}

.hp-modal-wrp[dir="rtl"] .sdi-likes,
.hp-modal-wrp[dir="rtl"] .sdi-input input {
    margin-left: 0;
    margin-right: 10px
}

.hp-modal-wrp[dir="rtl"] .sd-tags-wrap div>span {
    margin: 0 0 5px 5px
}

.ban-modal-wrp[dir="rtl"] .bmw-btn em,
.ban-modal-wrp[dir="rtl"] .bmw-cont em {
    margin-left: 10px;
    margin-right: 0
}

.ban-modal-wrp[dir="rtl"] .bmw-safe .bmw-check span {
    padding-right: 0;
    padding-left: 40px
}

.ban-modal-wrp[dir="rtl"] .bmw-safe .bmw-check p {
    left: auto;
    right: 0
}

.ban-modal-wrp[dir="rtl"] .bmw-safe .bmw-arrow:before {
    left: -15px
}

.ban-modal-wrp[dir="rtl"] .bmw-arrow {
    right: auto;
    left: 0;
    -webkit-transform: rotateY(180deg) rotate(17deg);
    transform: rotateY(180deg) rotate(17deg)
}

#member-modal[dir="rtl"] .rhwh-support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#member-modal[dir="rtl"] .rhwh-support em {
    margin-right: 10px
}

#member-modal[dir="rtl"] .ci-angle-right {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    position: absolute;
    left: 30px
}

#member-modal[dir="rtl"] .token-details em {
    display: none
}

#rlt-cancel-warning[dir="rtl"] .rlt-cancel-warning-no {
    margin-left: 0;
    margin-right: 1em
}

#settings-modal[dir="rtl"] .sdi-check label {
    padding-right: 0px
}

#settings-modal[dir="rtl"] .sdi-check label:before {
    right: auto;
    left: 0
}

#settings-modal[dir="rtl"] .sdi-check label:after {
    right: auto;
    left: 0
}

#settings-modal[dir="rtl"] .sdi-ci-right {
    position: absolute;
    left: 50px
}

#settings-modal[dir="rtl"] .get-tokens {
    position: absolute;
    left: 0
}

#settings-modal[dir="rtl"] .sd-item {
    position: relative
}

#settings-modal[dir="rtl"] .ci-hide-location {
    margin-right: 0;
    margin-left: 0.5em
}

#settings-modal[dir="rtl"] .sd-balance p strong {
    margin-right: 0
}

#settings-modal[dir="rtl"] .sdi-info {
    margin-right: 0.5em;
    margin-left: 0em
}

#settings-modal[dir="rtl"] .sdif-select span:before {
    margin-right: 0em;
    margin-left: 1em
}

#join-modal[dir="rtl"] .btn em {
    margin-right: 0px;
    margin-left: 7px
}

#join-modal[dir="rtl"] .hpmc-counter em {
    margin-right: 0px;
    margin-left: 5px
}

#invite-friends-modal[dir="rtl"] .ift-copy-code {
    margin-right: 1em;
    margin-left: 0em
}

#invite-friends-modal[dir="rtl"] .ifd-item span {
    margin: 0 2em 0 0.5em
}

@media only screen and (max-width: 1200px) {
    #vip-modal[lang="pl"] .hpmf-item h5 {
        font-size: 17.9px
    }
    #vip-modal[lang="pt"] .hpm-body {
        max-width: 1140px
    }
    #vip-modal[lang="pt"] .hpmf-item h5 {
        font-size: 15px
    }
    #vip-modal[lang="id"] .hpmf-item h5 {
        font-size: 16px
    }
}

@media only screen and (max-width: 1024px) {
    #vip-modal[lang="pt"] .hpm-body,
    #vip-modal[lang="de"] .hpm-body {
        max-width: 450px
    }
    #vip-modal[lang="ru"] .hpm-body {
        max-width: 470px
    }
    #vip-modal[lang="it"] .hpm-title h4 {
        font-size: 21px
    }
    #vip-modal[lang="it"] .hpm-title img {
        max-width: 175px
    }
    .hp-modal-wrp[lang="it"] .vpct-save {
        font-size: 15px
    }
    .hp-modal-wrp[lang="de"] .vpct-save,
    .hp-modal-wrp[lang="es"] .vpct-save {
        font-size: 14px
    }
    .hp-modal-wrp[lang="ru"] .vpct-save,
    .hp-modal-wrp[lang="de"] .vpct-save {
        font-size: 13px
    }
    .hp-modal-wrp[lang="es"] .vpc-badge *,
    .hp-modal-wrp[lang="pt"] .vpc-badge *,
    .hp-modal-wrp[lang="de"] .vpc-badge * {
        font-size: 12px
    }
    .hp-modal-wrp[lang="pt"] .vpct-save,
    .hp-modal-wrp[lang="it"] .vpc-badge *,
    .hp-modal-wrp[lang="fr"] .vpc-badge *,
    .hp-modal-wrp[lang="fr"] .vpct-save {
        font-size: 11px
    }
    .hp-modal-wrp[lang="ru"] .vpc-badge * {
        font-size: 10px
    }
    .hp-modal-wrp[lang="ru"] .vpc-title p,
    .hp-modal-wrp[lang="pt"] .vpc-title p {
        font-size: 8px
    }
    #vip-modal[lang="pl"] .vpc-badge,
    #vip-modal[lang="pl"] .vpc-badge * {
        font-size: 10px
    }
    #delete-acc-modal[lang="de"] .member-details {
        font-size: 14px
    }
    #rlt-ban-modal[lang="de"] .bmw-check span {
        font-size: 14px
    }
    #vip-modal[lang="cs"] .hpm-title h4 {
        font-size: 22px
    }
    #vip-modal[lang="cs"] .vpc-badge {
        font-size: 11px
    }
    #vip-modal[lang="cs"] .vpc-badge * {
        font-size: 12px
    }
    #vip-modal[lang="ms"] .hpm-body {
        border-radius: 8px;
        max-width: 420px
    }
    #vip-modal[lang="ms"] .hpmf-item {
        width: 100%
    }
    #join-modal[lang="fi"] .hpmc-header h4 {
        font-size: 0.79em
    }
    #vip-modal[lang="ms"] .hpm-title h4 {
        font-size: 19px
    }
    #vip-modal[lang="ms"] .hpm-title img {
        max-width: 185px
    }
    #join-modal[lang="cs"] .hpmc-header h4 {
        font-size: 1em
    }
    #join-modal[lang="cs"] .hpmc-header p {
        font-size: 0.7em
    }
    #join-modal[lang="da"] .hpmc-header h4 {
        font-size: 0.8em
    }
    #join-modal[lang="da"] .hpmc-header p {
        font-size: 0.7em
    }
    #join-modal[lang="de"] .hpmc-header h4 {
        font-size: 0.8em
    }
    #join-modal[lang="de"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="es"] .hpmc-header h4 {
        font-size: 0.8em
    }
    #join-modal[lang="fi"] .hpmc-header p {
        font-size: 0.7em
    }
    #join-modal[lang="pl"] .hpmc-header h4 {
        font-size: 0.8em
    }
    #join-modal[lang="pl"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="pt"] .hpmc-header h4 {
        font-size: 0.95em
    }
    #join-modal[lang="pt"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="ro"] .hpmc-header h4 {
        font-size: 0.85em
    }
    #join-modal[lang="ro"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="ru"] .hpmc-header h4 {
        font-size: 0.8em
    }
    #join-modal[lang="ru"] .hpmc-header p {
        font-size: 0.6em
    }
    #join-modal[lang="sk"] .hpmc-header h4 {
        font-size: 0.8em
    }
    #join-modal[lang="sk"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="sk"] .hpm-cont .hpmc-btns .btn {
        font-size: 0.74em
    }
    #join-modal[lang="sk"] .hpm-cont .hpmc-btns .black-btn {
        font-size: 1.2em
    }
    #join-modal[lang="fr"] .hpm-cont .hpmc-btns .black-btn {
        font-size: 0.9em
    }
    #join-modal[lang="hu"] .hpm-cont .hpmc-btns .black-btn {
        font-size: 1.1em
    }
    #join-modal[lang="nl"] .hpmc-header h4 {
        font-size: 0.75em
    }
    #join-modal[lang="nl"] .hpmc-header p {
        font-size: 0.6em
    }
    #vip-modal[lang="ru"] .hpmf-item {
        width: 100%
    }
    #join-modal[lang="sr"] .hpmc-header h4 {
        font-size: 0.8em
    }
    #join-modal[lang="sr"] .hpmc-header p {
        font-size: 0.6em
    }
    #join-modal[lang="sv"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #join-modal[lang="sv"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="tr"] .hpmc-header h4 {
        font-size: 0.85em
    }
    #join-modal[lang="vi"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #join-modal[lang="vi"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="fr"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #join-modal[lang="fr"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="fr"] .rlt-signup {
        font-size: 14px
    }
    #join-modal[lang="hr"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #join-modal[lang="hr"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="hr"] .rlt-signup {
        font-size: 15px
    }
    #join-modal[lang="hu"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="id"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #join-modal[lang="id"] .hpmc-header p {
        font-size: 0.65em
    }
    #join-modal[lang="it"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #join-modal[lang="ja"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #join-modal[lang="ja"] .hpmc-header p {
        font-size: 0.65em
    }
    #vip-modal[lang="ja"] .hpm-title h4 {
        font-size: 20px
    }
    #vip-modal[lang="ja"] .hpm-title img {
        width: 190px
    }
    #vip-modal[lang="ko"] .hpm-title h4 {
        font-size: 20px
    }
    #vip-modal[lang="ko"] .hpm-title img {
        width: 190px
    }
    #join-modal[lang="el"] .hpmc-header h4 {
        font-size: 1em
    }
    #vip-modal[lang="el"] .hpmf-item {
        width: 100%
    }
    #vip-modal[lang="el"] .hpm-title h4 {
        font-size: 20px
    }
    #vip-modal[lang="el"] .hpm-title img {
        width: 190px
    }
    #vip-modal[lang="fr"] .hpmf-item {
        width: 100%
    }
    #delete-acc-modal[lang="el"] .md-btn {
        font-size: 13px
    }
    #vip-modal[lang="nl"] .hpmf-item {
        width: 100%
    }
    #join-modal[lang="pl"] .hpm-cont .hpmc-btns .btn {
        font-size: 0.7em
    }
    #join-modal[lang="pl"] .hpm-cont .hpmc-btns .black-btn {
        font-size: 1.2em
    }
    #join-modal[lang="no"] .hpmc-header p {
        font-size: 0.65em
    }
}

@media only screen and (max-width: 991px) {
    .hp-modal-wrp[lang="ru"] .hpm-title h4,
    .hp-modal-wrp[lang="es"] .hpm-title h4 {
        font-size: 30px
    }
    .hp-modal-wrp[lang="pt"] .hpm-title h4 {
        font-size: 35px
    }
}

@media only screen and (max-width: 768px) {
    .hp-modal-wrp[lang="es"] .hpm-title h4,
    .hp-modal-wrp[lang="de"] .hpm-title h4 {
        font-size: 4.7vw
    }
    .hp-modal-wrp[lang="ru"] .hpm-title h4,
    .hp-modal-wrp[lang="fr"] .hpm-title h4 {
        font-size: 4.5vw
    }
    .hp-modal-wrp[lang="pt"] .hpm-title h4 {
        font-size: 4.8vw
    }
    .hp-modal-wrp[lang="ru"] .hpmc-input .hpm-checkbox span {
        font-size: 9px
    }
    #reg-success[lang="ms"] .hpm-title h4 {
        font-size: 33px
    }
    #invite-friends-modal[lang="ms"] .hpm-title h4 {
        font-size: 1.3em
    }
    #invite-friends-modal[lang="da"] .ife-item h6 {
        font-size: 0.85em
    }
    #reg-confirm-modal[lang="de"] .hpm-title h4 {
        font-size: 26px
    }
    #reg-success[lang="fi"] .hpm-title h4 {
        font-size: 33px
    }
    #buy-tokens-modal[lang="pl"] .gp-item strong {
        font-size: 0.4em
    }
    #buy-tokens-modal[lang="pt"] .gp-item strong {
        font-size: 0.4em
    }
    #reg-confirm-modal[lang="th"] .hpm-title h4 {
        font-size: 33px
    }
    #invite-friends-modal[lang="tr"] .ife-item {
        font-size: 13px
    }
    #reg-success[lang="vi"] .hpm-title h4 {
        font-size: 7.5vw
    }
    #invite-friends-modal[lang="hr"] .ife-item {
        font-size: 13px
    }
    #invite-friends-modal[lang="hu"] .ife-item h6 {
        font-size: 0.8em
    }
    #reg-success[lang="el"] .hpm-title h4 {
        font-size: 33px
    }
    #invite-friends-modal[lang="fr"] .hpm-title h4 {
        font-size: 0.8em
    }
    #invite-friends-modal[dir="rtl"] .ifr-step em {
        position: absolute;
        right: 0px
    }
    #invite-friends-modal[dir="rtl"] .ifr-step p {
        margin-right: 3em;
        padding-left: 0em
    }
    #forgot-modal[lang="nl"] .hpm-title h4 {
        font-size: 24px
    }
}

@media only screen and (max-width: 600px) {
    #vip-modal[lang="sk"] .vpc-title h6 {
        font-size: 3vw
    }
    #rlt-ban-modal[lang="fr"] .orng-text {
        font-size: 4.5vw
    }
}

@media only screen and (max-width: 480px) {
    #join-modal[lang="de"] .hpm-title h4 {
        font-size: 5vw
    }
    .hp-modal-wrp[lang="de"] .hpmb-bottom h5 {
        font-size: 16px
    }
    .ban-modal-wrp[lang="de"] .bmw-btn {
        font-size: 14px
    }
    #join-modal[lang="fr"] .hpm-title h4 {
        font-size: 4.3vw
    }
    .hp-modal-wrp[lang="fr"] .hpm-checkbox span {
        font-size: 10px
    }
    .ban-modal-wrp[lang="fr"] .bmw-safe .bmw-check label h4 {
        font-size: 18px;
        padding-top: 4px
    }
    .ban-modal-wrp[lang="es"] .bmw-safe .bmw-check label h4 {
        font-size: 19px;
        padding-top: 2px
    }
    #reg-confirm-modal[lang="es"] .orng-btn {
        font-size: 3.5vw
    }
    .hp-modal-wrp.hp-sm-modal[lang="it"] .hpm-title h4 {
        font-size: 5.75vw
    }
    #transaction-success-modal.hp-sm-modal[lang="it"] .hpm-title h4 {
        font-size: 7vw
    }
    #reg-confirm-modal[lang="it"] .orng-btn {
        font-size: 4vw
    }
    .ban-modal-wrp[lang="pt"] .bmw-btn {
        font-size: 15px
    }
    .ban-modal-wrp[lang="pt"] .bmw-btn em {
        display: none
    }
    #reg-confirm-modal[lang="pt"] .orng-btn {
        font-size: 4vw
    }
    #reg-success[lang="ru"] .hpmc-input input {
        font-size: 11px
    }
    #join-modal[lang="ru"] .hpm-title h4 {
        font-size: 4.7vw
    }
    #reg-confirm-modal[lang="ru"] .orng-btn {
        font-size: 15px
    }
    .ban-modal-wrp[lang="ru"] .bmw-safe .bmw-check label h4 {
        font-size: 18px;
        padding-top: 4px
    }
    .hp-modal-wrp.hp-sm-modal[lang="pl"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-confirm-modal[lang="pl"] .orng-btn {
        font-size: 4vw
    }
    #join-modal[lang="nl"] .hpm-title h4 {
        font-size: 4.25vw
    }
    #reg-confirm-modal[lang="fi"] .hpm-title h4 {
        font-size: 5.6vw
    }
    #reg-confirm-modal[lang="fi"] .btn {
        font-size: 16px
    }
    #vip-modal[lang="ms"] .hpm-title h4 {
        font-size: 4.3vw
    }
    #vip-modal[lang="ms"] .hpm-title img {
        max-width: 35vw
    }
    #warning-modal[lang="ms"] .hpm-title h4 {
        font-size: 17px
    }
    #invite-friends-modal[lang="ms"] .rlt-invite-friends-btn {
        font-size: 0.8em
    }
    #invite-friends-modal[lang="es"] .hpm-title h4 {
        font-size: 0.8em
    }
    #join-modal[lang="ms"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #rlt-ban-modal[lang="ms"] .orng-text {
        font-size: 17px
    }
    #rlt-ban-modal[lang="ms"] .bmw-check span {
        font-size: 16px
    }
    #rlt-ban-modal[lang="ms"] .bmw-arrow {
        right: 5px
    }
    #join-modal[lang="nl"] .hpmc-header h4 {
        font-size: 0.9em
    }
    #invite-friends-modal[lang="nl"] .hpm-title h4 {
        font-size: 0.8em
    }
    #invite-friends-modal[lang="nl"] .rlt-invite-friends-btn {
        font-size: 0.9em
    }
    #vip-modal[lang="nl"] .hpm-title h4 {
        font-size: 4.6vw
    }
    #vip-modal[lang="nl"] .hpm-title img {
        width: 40vw
    }
    #reg-confirm-modal[lang="cs"] .hpm-title h4 {
        font-size: 5.7vw
    }
    #reg-confirm-modal[lang="cs"] .rlt-confirm-upgrade {
        font-size: 4vw
    }
    #reg-confirm-modal[lang="da"] .rlt-confirm-upgrade {
        font-size: 4vw
    }
    #login-modal[lang="fi"] .hpmc-btns .btn {
        font-size: 3.5vw
    }
    #warning-modal[lang="de"] .hpm-title h4 {
        font-size: 5vw
    }
    #member-modal[lang="fi"] .rlt-vip-upgrade {
        font-size: 0.95em
    }
    #rlt-ban-modal[lang="fi"] .orng-text {
        font-size: 16px
    }
    #warning-modal[lang="es"] .hpm-title h4 {
        font-size: 17px
    }
    #reg-success[lang="ms"] .hpm-title h4 {
        font-size: 7vw
    }
    #reg-confirm-modal[lang="de"] .hpm-title h4 {
        font-size: 6vw
    }
    #reg-confirm-modal[lang="de"] .rlt-confirm-upgrade {
        font-size: 4vw
    }
    #vip-modal[lang="cs"] .hpm-title h4 {
        font-size: 22px
    }
    #vip-modal[lang="cs"] .vpc-badge {
        font-size: 9px
    }
    #login-modal[lang="pl"] .border-btn {
        font-size: 3.3vw
    }
    #reg-confirm-modal[lang="pl"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-success[lang="pl"] .hpm-title h4 {
        font-size: 5vw
    }
    #vip-modal[lang="pl"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="pl"] .hpm-title img {
        width: 40vw
    }
    #invite-friends-modal[lang="pl"] .rlt-invite-friends-btn {
        font-size: 0.9em
    }
    #invite-friends-modal[lang="pl"] .ife-lead {
        font-size: 4vw
    }
    #warning-modal[lang="pl"] .hpm-title h4 {
        font-size: 18px
    }
    #member-modal[lang="pt"] .rhw-head h5 {
        font-size: 17px
    }
    #member-modal[lang="pt"] .rhw-head h5 em {
        font-size: 45px
    }
    #login-modal[lang="ro"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="ro"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-success[lang="ro"] .hpm-title h4 {
        font-size: 6vw
    }
    #member-modal[lang="ro"] .rhw-head h5 {
        font-size: 17px
    }
    #member-modal[lang="ro"] .rhw-head h5 em {
        font-size: 45px
    }
    #rlt-ban-modal[lang="ro"] .orng-text {
        font-size: 18px
    }
    #rlt-ban-modal[lang="ro"] .bmw-check span {
        font-size: 12px
    }
    #login-modal[lang="ru"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="ru"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #reg-confirm-modal[lang="ru"] .orng-btn {
        font-size: 3.5vw
    }
    #reg-success[lang="ru"] .rlt-signup-email2 {
        font-size: 2.5vw
    }
    #invite-friends-modal[lang="ru"] .rlt-invite-friends-btn {
        font-size: 0.9em
    }
    #member-modal[lang="ru"] .rhwh-support {
        font-size: 3.5vw
    }
    #member-modal[lang="ru"] .rhwh-support em {
        font-size: 11vw
    }
    #rlt-ban-modal[lang="ru"] .orng-text {
        font-size: 4.5vw
    }
    #rlt-ban-modal[lang="ru"] .bmw-check span {
        font-size: 4vw
    }
    #login-modal[lang="sk"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="sk"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-confirm-modal[lang="sk"] .btn {
        font-size: 4vw
    }
    #vip-modal[lang="sk"] .vpc-badge {
        font-size: 2.3vw
    }
    #login-modal[lang="ms"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="ms"] .hpm-title h4 {
        font-size: 5vw
    }
    #member-modal[lang="ms"] .rhw-head h5 {
        font-size: 17px
    }
    #member-modal[lang="ms"] .rhw-head h5 em {
        font-size: 45px
    }
    #reg-confirm-modal[lang="nl"] .hpm-title h4 {
        font-size: 7vw
    }
    #rlt-ban-modal[lang="nl"] .bmw-check span {
        font-size: 14px
    }
    #reg-success[lang="sk"] .hpm-title h4 {
        font-size: 7vw
    }
    #join-modal[lang="sr"] .rlt-signup {
        font-size: 4.5vw
    }
    #reg-confirm-modal[lang="sr"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-success[lang="sr"] .hpm-title h4 {
        font-size: 7vw
    }
    #vip-modal[lang="sr"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="sr"] .hpm-title img {
        width: 40vw
    }
    #vip-modal[lang="sr"] .vpc-badge {
        font-size: 2.3vw
    }
    #rlt-ban-modal[lang="sr"] .orng-text {
        font-size: 5vw;
        width: 40vw
    }
    #rlt-ban-modal[lang="sr"] .bmw-check span {
        font-size: 13px
    }
    #rlt-ban-modal[lang="sr"] .bmw-arrow {
        top: -25px
    }
    #login-modal[lang="sv"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="sv"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #vip-modal[lang="sv"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="sv"] .hpm-title img {
        width: 40vw
    }
    #vip-modal[lang="sv"] .vpc-title h6 {
        font-size: 4vw
    }
    #member-modal[lang="sv"] .rhw-head h5 {
        font-size: 17px
    }
    #member-modal[lang="sv"] .rhw-head h5 em {
        font-size: 45px
    }
    #reg-confirm-modal[lang="th"] .hpm-title h4 {
        font-size: 7vw
    }
    #reg-success[lang="th"] .hpm-title h4 {
        font-size: 6vw
    }
    #rlt-ban-modal[lang="th"] .bmw-check span {
        font-size: 15px
    }
    #rlt-ban-modal[lang="tr"] .orng-text {
        font-size: 19px
    }
    #rlt-ban-modal[lang="tr"] .bmw-check span {
        font-size: 13px
    }
    #reg-confirm-modal[lang="vi"] .hpm-title h4 {
        font-size: 6vw
    }
    #reg-confirm-modal[lang="vi"] .btn {
        font-size: 3.5vw
    }
    #vip-modal[lang="vi"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="vi"] .hpm-title img {
        width: 40vw
    }
    #rlt-cancel-warning[lang="vi"] .hpm-title h4 {
        font-size: 4vw
    }
    #rlt-cancel-confirm[lang="vi"] .hpm-title h4 {
        font-size: 4vw
    }
    #rlt-ban-modal[lang="vi"] .orng-text {
        font-size: 16px
    }
    #login-modal[lang="fr"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="hi"] .hpm-title h4 {
        font-size: 5vw
    }
    #rlt-cancel-warning[lang="hi"] .hpm-title h4 {
        font-size: 4vw
    }
    #rlt-cancel-confirm[lang="hi"] .hpm-title h4 {
        font-size: 4vw
    }
    #login-modal[lang="hr"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="hr"] .hpm-title h4 {
        font-size: 5vw
    }
    #vip-modal[lang="hr"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="hr"] .hpm-title img {
        width: 40vw
    }
    #vip-modal[lang="hr"] .vpc-badge {
        font-size: 2.5vw
    }
    #member-modal[lang="hr"] .rlt-vip-upgrade {
        font-size: 1em
    }
    #rlt-ban-modal[lang="hr"] .orng-text {
        font-size: 18px;
        width: 160px
    }
    #rlt-ban-modal[lang="hr"] .bmw-check span {
        font-size: 13px
    }
    #rlt-ban-modal[lang="hr"] .bmw-arrow {
        top: -10px
    }
    #login-modal[lang="hu"] .border-btn {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="hu"] .hpm-title h4 {
        font-size: 5vw
    }
    #reg-success[lang="hu"] .hpm-title h4 {
        font-size: 7vw
    }
    #member-modal[lang="hu"] .rhw-head h5 {
        font-size: 17px
    }
    #member-modal[lang="hu"] .rhw-head h5 em {
        font-size: 45px
    }
    #rlt-ban-modal[lang="hu"] .orng-text {
        font-size: 18px;
        width: 160px
    }
    #rlt-ban-modal[lang="hu"] .bmw-check span {
        font-size: 13px
    }
    #rlt-ban-modal[lang="hu"] .bmw-arrow {
        top: -15px
    }
    #reg-confirm-modal[lang="id"] .hpm-title h4 {
        font-size: 6vw
    }
    #reg-success[lang="id"] .hpm-title h4 {
        font-size: 7vw
    }
    #vip-modal[lang="id"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="id"] .hpm-title img {
        width: 40vw
    }
    #rlt-ban-modal[lang="id"] .orng-text {
        font-size: 17px
    }
    #rlt-ban-modal[lang="id"] .bmw-check span {
        font-size: 12px
    }
    #reg-confirm-modal[lang="it"] .hpm-title h4 {
        font-size: 5vw
    }
    #reg-success[lang="it"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #member-modal[lang="it"] .rhw-head h5 {
        font-size: 17px
    }
    #member-modal[lang="it"] .rhw-head h5 em {
        font-size: 45px
    }
    #reg-confirm-modal[lang="ja"] .hpm-title h4 {
        font-size: 5vw
    }
    #vip-modal[lang="ja"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="ja"] .hpm-title img {
        width: 40vw
    }
    #reg-success[lang="ko"] .hpm-title h4 {
        font-size: 5vw
    }
    #vip-modal[lang="ko"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="ko"] .hpm-title img {
        width: 40vw
    }
    #member-modal[lang="ko"] .rlt-vip-upgrade {
        font-size: 1em
    }
    #reg-success[lang="el"] .hpm-title h4 {
        font-size: 7vw
    }
    #vip-modal[lang="el"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="el"] .hpm-title img {
        width: 40vw
    }
    #invite-friends-modal[lang="el"] .rlt-invite-friends-btn {
        font-size: 0.9em
    }
    #member-modal[lang="el"] .rhw-head h5 {
        font-size: 17px
    }
    #member-modal[lang="el"] .rhw-head h5 em {
        font-size: 45px
    }
    #rlt-ban-modal[lang="el"] .orng-text {
        font-size: 16px
    }
    #rlt-ban-modal[lang="el"] .bmw-check span {
        font-size: 13px
    }
    #reg-success[lang="fr"] .hpm-title h4 {
        font-size: 6vw
    }
    #reg-confirm-modal[lang="fr"] .hpm-title h4 {
        font-size: 6vw
    }
    #reg-confirm-modal[lang="he"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-confirm-modal[lang="fa"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-success[lang="fa"] .hpm-title h4 {
        font-size: 6vw
    }
    #vip-modal[lang="fa"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="fa"] .hpm-title img {
        width: 40vw
    }
    #reg-success[lang="fr"] .hpmc-input input {
        font-size: 3vw
    }
    #rlt-chng-pass[lang="fr"] .hpmc-input input {
        font-size: 3.5vw
    }
    #reg-confirm-modal[lang="el"] .hpm-title h4 {
        font-size: 6vw
    }
    #reg-confirm-modal[lang="el"] .rlt-confirm-upgrade {
        font-size: 3.5vw
    }
    #reg-success[lang="el"] .hpmc-input input {
        font-size: 2.5vw
    }
    #join-modal[lang="ja"] .hpmc-input input {
        font-size: 3vw
    }
    #reg-success[lang="ja"] .hpm-title h4 {
        font-size: 5vw
    }
    #join-modal[lang="el"] .hpmc-input input {
        font-size: 3vw
    }
    #invite-friends-modal[lang="el"] .ift-code {
        font-size: 0.6em
    }
    #rlt-chng-pass[lang="el"] .hpmc-input input {
        font-size: 3vw
    }
    #rlt-ban-modal[lang="cs"] .orng-text {
        font-size: 17px
    }
    #rlt-ban-modal[lang="cs"] .bmw-check span {
        font-size: 13px
    }
    #rlt-ban-modal[lang="da"] .orng-text {
        font-size: 17px
    }
    #rlt-ban-modal[lang="da"] .bmw-check span {
        font-size: 13px
    }
    #reg-success[lang="fi"] .hpm-title h4 {
        font-size: 7vw
    }
    .unban-tokens[lang="fr"] .bmw-btn span {
        font-size: 0.9em
    }
    .unban-tokens[lang="fr"] .bmw-btn small {
        font-size: 10px
    }
    #forgot-modal[lang="nl"] .hpm-title h4 {
        font-size: 5vw
    }
    #join-modal[lang="ru"] .black-btn {
        font-size: 4.5vw
    }
    #rlt-cancel-confirm[lang="ar"] .hpm-title h6 {
        font-size: 4vw
    }
    #reg-confirm-modal[lang="no"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #reg-success[lang="no"] .hpm-title h4 {
        font-size: 5.5vw
    }
    #vip-modal[lang="no"] .hpm-title h4 {
        font-size: 4.5vw
    }
    #vip-modal[lang="no"] .hpm-title img {
        width: 40vw
    }
    #member-modal[lang="no"] .rhw-head h5 {
        font-size: 4.5vw
    }
    #member-modal[lang="no"] .rhw-head h5 em {
        font-size: 15vw
    }
}

@media only screen and (max-width: 480px),
only screen and (max-width: 736px) and (orientation: landscape) {
    .hp-modal-wrp[lang="fr"] .vpct-save,
    .hp-modal-wrp[lang="fr"] .vpc-badge *,
    .hp-modal-wrp[lang="de"] .vpc-badge *,
    .hp-modal-wrp[lang="ru"] .vpct-save,
    .ban-modal-wrp[lang="es"] .bmw-cont p,
    .ban-modal-wrp[lang="ru"] .bmw-cont p,
    .ban-modal-wrp[lang="it"] .bmw-cont p,
    .ban-modal-wrp[lang="de"] .bmw-cont p,
    .ban-modal-wrp[lang="fr"] .bmw-cont p {
        font-size: 10px
    }
    .hp-modal-wrp[lang="pt"] .vpct-save {
        font-size: 9px
    }
    .hp-modal-wrp[lang="de"] .vpc-title p {
        font-size: 8px
    }
    .hp-modal-wrp[lang="ru"] .vpc-title p,
    .hp-modal-wrp[lang="pt"] .vpc-title p {
        font-size: 7px
    }
    .ban-modal-wrp[lang="de"] .bmw-cont,
    .ban-modal-wrp[lang="es"] .bmw-cont,
    .ban-modal-wrp[lang="fr"] .bmw-cont {
        padding: 10px 15px
    }
    .hp-modal-wrp[lang="de"] .vpct-save,
    .hp-modal-wrp[lang="pt"] .vpc-badge *,
    .ban-modal-wrp[lang="hi"] .bmw-cont p,
    .ban-modal-wrp[lang="pt"] .bmw-cont p {
        font-size: 11px
    }
    .hp-modal-wrp[lang="es"] .vpct-save,
    .hp-modal-wrp[lang="pt"] .hpmf-item p,
    .hp-modal-wrp[lang="ru"] .hpmf-item p {
        font-size: 12px
    }
    .ban-modal-wrp[lang="ru"] .bmw-detal p,
    .hp-modal-wrp[lang="it"] .vpct-save {
        font-size: 13px
    }
    .ban-modal-wrp[lang="ru"] .bmw-btn {
        font-size: 15px
    }
    .ban-modal-wrp[lang="ru"] .bmw-btn em {
        font-size: 30px
    }
    .ban-modal-wrp[lang="fr"] .bmw-btn {
        font-size: 15px
    }
    .ban-modal-wrp[lang="fr"] .bmw-btn em {
        display: none
    }
    #vip-modal[lang="it"] .hpm-title h4 {
        font-size: 19px
    }
    #vip-modal[lang="it"] .hpm-title img {
        max-width: 155px
    }
    #vip-modal[lang="pl"] .vpc-badge {
        font-size: 8px
    }
    #vip-modal[lang="pl"] .vpc-badge * {
        font-size: 9px
    }
    #vip-modal[dir="rtl"] .hpm-title img {
        margin-right: 10px;
        margin-left: 0
    }
}

@media only screen and (max-width: 400px) {
    .hp-modal-wrp[lang="de"] .hpmc-input .rlt-new-email {
        font-size: 12px;
        padding: 10px
    }
    #vip-modal[lang="it"] .hpm-title h4 {
        font-size: 17px
    }
    #vip-modal[lang="it"] .hpm-title img {
        max-width: 145px
    }
    .hp-modal-wrp[lang="de"] .hpmb-bottom h5,
    .ban-modal-wrp[lang="ru"] .bmw-btn {
        font-size: 14px
    }
    .hp-modal-wrp[lang="es"] .vpct-save,
    .hp-modal-wrp[lang="it"] .vpct-save,
    .hp-modal-wrp[lang="ru"] .hpmf-item p {
        font-size: 11px
    }
    .hp-modal-wrp[lang="fr"] .hpmf-item p,
    .hp-modal-wrp[lang="es"] .vpc-badge * {
        font-size: 10px
    }
    .hp-modal-wrp[lang="fr"] .vpct-save,
    .hp-modal-wrp[lang="fr"] .vpc-badge *,
    .hp-modal-wrp[lang="it"] .vpc-badge *,
    .hp-modal-wrp[lang="ru"] .vpct-save {
        font-size: 9px
    }
    .hp-modal-wrp[lang="fr"] .vpc-badge *,
    .hp-modal-wrp[lang="pt"] .vpct-save {
        font-size: 8px
    }
    .hp-modal-wrp[lang="pt"] .vpc-title p {
        font-size: 6px
    }
    .ban-modal-wrp[lang="pl"] .bmw-safe .bmw-check span,
    .ban-modal-wrp[lang="pl"] .bmw-safe .bmw-check label h4 {
        font-size: 14px
    }
    #vip-modal[lang="cs"] .hpm-title h4 {
        font-size: 17px
    }
    #warning-modal[lang="de"] .hpm-title h4 {
        font-size: 17px
    }
    #join-modal[lang="ru"] .hpmc-input input {
        font-size: 3vw
    }
    #join-modal[lang="hu"] .hpmc-input input {
        font-size: 3vw
    }
    #vip-modal[dir="rtl"] .hpm-title img {
        margin-right: 6px;
        margin-left: 0
    }
    #rlt-ban-modal[lang="sk"] .orng-text {
        font-size: 4vw;
        padding-top: 6px
    }
    #rlt-ban-modal[lang="sk"] .bmw-check span {
        font-size: 12px
    }
}

@media only screen and (max-width: 350px) {
    .ban-modal-wrp[lang="pt"] .bmw-btn {
        font-size: 13px
    }
    #vip-modal[lang="pt"] .hpm-title h4 {
        font-size: 17px
    }
    #vip-modal[lang="pt"] .hpm-title img {
        max-width: 135px
    }
    #vip-modal[lang="ru"] .hpm-title img {
        max-width: 140px
    }
    #vip-modal[lang="it"] .hpm-title h4 {
        font-size: 14px
    }
    #vip-modal[lang="it"] .hpm-title img {
        max-width: 125px
    }
    .hp-modal-wrp[lang="de"] .vpc-title p,
    .hp-modal-wrp[lang="ru"] .vpc-title p {
        font-size: 6px
    }
    .hp-modal-wrp[lang="pt"] .vpct-save {
        font-size: 7px
    }
    .hp-modal-wrp[lang="fr"] .vpct-save,
    .hp-modal-wrp[lang="de"] .vpc-badge *,
    .hp-modal-wrp[lang="it"] .vpc-badge *,
    .hp-modal-wrp[lang="ru"] .vpct-save,
    .hp-modal-wrp[lang="pt"] .vpc-badge *,
    .hp-modal-wrp[lang="ru"] .vpc-badge p {
        font-size: 8px
    }
    .hp-modal-wrp[lang="de"] .vpct-save,
    .hp-modal-wrp[lang="es"] .vpc-badge * {
        font-size: 9px
    }
    .hp-modal-wrp[lang="es"] .vpct-save,
    .hp-modal-wrp[lang="ru"] .vpc-badge strong,
    .hp-modal-wrp[lang="pt"] .hpmf-item p,
    .hp-modal-wrp[lang="ru"] .hpmf-item p {
        font-size: 10px
    }
    .ban-modal-wrp[lang="fr"] .bmw-safe .bmw-check label h4 {
        font-size: 15px
    }
    .ban-modal-wrp[lang="fr"] .bmw-safe .bmw-check span {
        font-size: 13px
    }
    .ban-modal-wrp[lang="es"] .bmw-safe .bmw-check label h4 {
        font-size: 16px
    }
    .ban-modal-wrp[lang="es"] .bmw-safe .bmw-check span {
        font-size: 13px
    }
    .ban-modal-wrp[lang="ru"] .bmw-btn {
        font-size: 12px
    }
    .ban-modal-wrp[lang="ru"] .bmw-safe .bmw-check label h4 {
        font-size: 16px
    }
    .ban-modal-wrp[lang="ru"] .bmw-title h4 {
        font-size: 14px
    }
    .ban-modal-wrp[lang="ru"] .bmw-safe .bmw-check span {
        font-size: 12px
    }
    #vip-modal[lang="pl"] .vpc-badge {
        font-size: 7px
    }
    #vip-modal[lang="pl"] .vpc-badge * {
        font-size: 8px
    }
    .ban-modal-wrp[lang="pl"] .bmw-title h4 {
        font-size: 14px
    }
    .ban-modal-wrp[lang="pl"] .bmw-safe .bmw-check span,
    .ban-modal-wrp[lang="pl"] .bmw-safe .bmw-check label h4 {
        font-size: 12px
    }
    #reg-confirm-modal[lang="fi"] .btn {
        font-size: 14px
    }
    #vip-modal[lang="cs"] .hpm-title h4 {
        font-size: 15px
    }
    #warning-modal[lang="nl"] .hpm-title h4 {
        font-size: 18px
    }
    #member-modal[lang="de"] .rhw-head h5 em {
        font-size: 40px
    }
}

@media only screen and (min-width: 401px) {
    .hp-modal-wrp[lang="fr"] .hpmc-btns .black-btn {
        font-size: 20px
    }
}

@media only screen and (min-width: 481px) {
    .hp-modal-wrp[dir="rtl"] .md-item {
        padding-left: 30px;
        padding-right: 0px
    }
}

@media only screen and (min-width: 601px) {
    .hp-modal-wrp[lang="ru"] .hpmc-btns p span {
        font-size: 14px
    }
    .hp-modal-wrp[lang="fr"] .hpmc-btns .black-btn {
        font-size: 22px
    }
}

@media only screen and (min-width: 769px) {
    .hp-modal-wrp[lang="fr"] .hpm-title h4 {
        font-size: 32px;
        letter-spacing: 0
    }
    .hp-modal-wrp[lang="it"] .hpm-title h4 {
        font-size: 28px;
        letter-spacing: 0
    }
    .hp-modal-wrp[lang="es"] .hpm-title h4 {
        font-size: 34px;
        letter-spacing: 0
    }
    .hp-modal-wrp[dir="rtl"] .dam-body>div+div {
        border-left: 0;
        border-right: 1px solid #ccc
    }
}

@media only screen and (min-width: 992px) {
    .hp-modal-wrp[lang="it"] .hpm-title h4 {
        font-size: 35px
    }
    .hp-modal-wrp[lang="pt"] .hpm-title h4 {
        font-size: 35px;
        letter-spacing: 0
    }
}

@media only screen and (min-width: 1025px) {
    #vip-modal[lang="de"] .hpm-body {
        max-width: 940px
    }
    #vip-modal[lang="de"] .vpct-save span {
        font-size: 0.6em
    }
    #vip-modal[lang="de"] .vpct-limited {
        font-size: 10px;
        width: 90px
    }
    .hp-modal-wrp[lang="de"] .vpc-badge p {
        font-size: 11px
    }
    .ban-modal-wrp[lang="de"] .bmw-safe .bmw-check span {
        font-size: 16px
    }
    #vip-modal[lang="fr"] .vpct-save span {
        display: none
    }
    #vip-modal[lang="fr"] .vpct-save strong:before {
        content: "-";
        margin-right: 3px
    }
    #vip-modal[lang="fr"] .vpct-limited {
        font-size: 10px;
        width: 80px
    }
    .hp-modal-wrp[lang="fr"] .vpc-badge * {
        font-size: 12px;
        letter-spacing: 0
    }
    .hp-modal-wrp[lang="fr"] .vpc-badge strong {
        font-size: 10px
    }
    .hp-modal-wrp[lang="it"] .vpc-badge * {
        font-size: 11px
    }
    #vip-modal[lang="it"] .vpct-limited {
        font-size: 10px;
        width: 80px
    }
    #vip-modal[lang="ru"] .hpm-features:after {
        background-position-y: -75px
    }
    #vip-modal[lang="ru"] .vpct-save span {
        display: none
    }
    #vip-modal[lang="ru"] .vpct-save strong:before {
        content: "-";
        margin-right: 3px
    }
    #vip-modal[lang="ru"] .vpct-limited {
        font-size: 10px;
        width: 90px
    }
    #vip-modal[lang="pt"] .vpct-save span {
        display: none
    }
    #vip-modal[lang="pt"] .vpct-save strong:before {
        content: "-";
        margin-right: 3px
    }
    #vip-modal[lang="pl"] .hpm-body {
        max-width: 1000px
    }
    #vip-modal[lang="pl"] .vpct-limited {
        font-size: 9px
    }
    #vip-modal[lang="pl"] .vpct-save span {
        font-size: 0.65em
    }
    #vip-modal[lang="es"] .hpm-body {
        max-width: 1050px
    }
    .hp-modal-wrp[dir="rtl"] .hpmf-item {
        text-align: right;
        padding-right: 38px;
        padding-left: 0
    }
    .hp-modal-wrp[dir="rtl"] .hpmf-item svg {
        left: auto;
        right: -3px
    }
    .hp-modal-wrp[dir="rtl"] .hpmf-item p:after {
        left: auto;
        right: 6px
    }
}

.mingle-loader {
  position: relative;
  width: 90px;
  height: 90px;
  background: linear-gradient(#fccc63, #fbad50, #e95950, #cd486b, #bc2a8d, #8a3ab9, #4c68d7);
  border-radius: 50%;
  animation: 1s rotate infinite ease;
  display: block;
  margin: 5px;
}
.mingle-loader:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 100%;
  top: 5px;
  left: 5px;
}

@keyframes spinner-mingle {
  to {transform: rotate(360deg);}
}
.spinner-live-mingle{

}
.spinner-live-mingle:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  margin-top: -80px;
  margin-left: -80px;
  border-radius: 50%;
  border: 3px solid #f6f;
  border-top-color: #0e0;
  border-right-color: #0dd;
  border-bottom-color: #f90;
  animation: spinner-mingle .6s linear infinite;
}


.btn-open-live {
  position: relative;
  background: linear-gradient(-90deg, #EE7752, #E73C7E, #23A6D5, #23D5AB, #EE7752);
  background-size: 400% 100%;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  border-radius: 2.25em;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0;
  margin: 0;
  animation: Gradient 4s ease infinite;
  text-decoration: none;
}

.btn-open-live div {
  color: white;
  padding: 0.35em 1.618em;
  border-radius: inherit;
  background-size: inherit;
  background-image: inherit;
  animation: Gradient 4s ease infinite;
  position: relative;
  z-index: 1;
  mix-blend-mode: overlay;
  font-family: 'Inter';
  font-size: 14px;
  
}

@keyframes Gradient {
    50% {
        background-position: 140% 50%;
    transform: skew(-2deg);
    }
}

.btn-open-live::after {
  content: '';
  position: absolute;
  background-size: inherit;
  background-image: inherit;
  animation: inherit;
  left: 0px;
  right: 0px;
  top: 2px;
  height: 100%;
  filter: blur(1rem);
}

.open-live-explorer{
    position:fixed;width: 40%;height: 40px;left: 30%;top:125px;text-align: center;z-index: 999;
}

.margin-left-80{
    margin-left: 79px;
}
.margin-left-10{
    margin-left: 10px;
}
.padding-right-0 {
    padding-right: 0px;
}
.padding-left-10 {
    padding-left: 10px;
}
.margin-0{
    margin: 0;
}
.border-right-none{
    border-right: none;
}
.display-none{
    display: none;
}
.display-block{
    display: block;
}
.display-inline-block{
    display: inline-block;
}
.live-mingle-chat-c{
    border-right: none;
    border-bottom: none;
}
.live-mingle-chat-h{
    background: none!important;
}
.live-mingle-photo{
    width:34px;
    height:34px;
    border-radius:50px;
    display:inline-block;
    margin: 10px;
    display: none;
    left: 5px;
}
.live-mingle-photo-mobile{
    position: absolute;
    left: 5px;
    width:34px;
    height:34px!important;
    border-radius:50px;
    display:inline-block;
    margin: 10px;
    display: none;
}
.live-mingle-name-mobile{
    margin-left: 55px;
    display: inline-block;
    cursor: default;
    color:#fff;
    font-size:14px;
}
.live-mingle-name{
    display: inline-block;
    cursor: default;
    color:#fff
}
.live-mingle-btn{
    opacity: 1;
    transform: translateY(0px);
}
.live-mingle-btn svg{
    width: 40px;height: 40px;
}

.live-mingle-center{
    position:absolute;
    margin-top: -5px;
}
.live-mingle-notification-center{
    display:block;
    color: #fff;
}
.live-mingle-ul{
    margin:0;
    padding-bottom:2px
}

.live-mingle-local-vid{
    border-right: 1px solid #e5e5e5;
}

.live-mingle-local-vid-img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.live-mingle-cancel{
    font-size:8vw;
    padding:8px;
}