@import "https://fonts.googleapis.com/css?family=Poppins:200";

@font-face {
    font-family: cash-market-rounded;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: cash-market-rounded;
    src: url(../fonts/cash-market-rounded.ttf);
}

@font-face {
    font-family: cash-market-rounded;
    src: url("https://s3.amazonaws.com/franklin-assets/static/fonts/cash-market/v2/CashMarket-MediumRounded.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: cash-market-rounded;
    src: url("https://s3.amazonaws.com/franklin-assets/static/fonts/cash-market/v2/CashMarket-RegularRounded.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 1024px) {
    .container-desktop {
        max-width: 1312px !important;
        margin: 0 auto !important;
    }
}

html,
body {
    font-family: cash-market-rounded, 'Poppins', Arial !important;
    overflow-x: hidden;
    touch-action: pan-x pan-y;
}

div, a, p, span{
    touch-action: pan-x pan-y;
}

#header-promo-section{
    display: inline-flex;
    font-weight: bold;
    color: #414141;
    place-items: center;
    margin-right: 5px;
}

#header-promo-section img{
    height: 15px;
    width: auto;
    object-fit: contain;
    margin-right: 2px;
}

.hd-hr {
    opacity: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.new-avatar {
    display: inline-flex;
    width: 100%;
    height: 50px;
    align-items: center;
    margin: 20px 0;
    padding-left: 25px;
}

.new-avatar-icon {
    width: 50px;
}

.new-change-mode {
    border-radius: 40px;
    padding: 5px 20px;
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.new-colour-selection {
    width: 50%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
}

.new-colour-selection-active {
    border-radius: 40px;
    padding: 5px 0;
}

@media only screen and (max-width: 768px) {
    .new-change-mode {
        width: 80% !important;
        margin-left: 25px !important;
    }

    .hed-sr {
        backdrop-filter: blur(7.5px);
        margin-top: 0 !important;
        padding-left: 0 !important;
    }

    .new-menu-window {
        height: 100%;
        width: 100%;
    }
}

.new-menu-window {
    text-align: center;
}

.new-avatar-change-icon {
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #EDEDED;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
}

.new-avatar-change-icon svg {
    height: 10px;
    width: auto;
    align-self: center;
    margin: 0 auto;
}

.new-avatar-username {
    width: calc(100% - 100px);
    padding-left: 10px;
    font-weight: bold;
    text-align: left;
}

.new-avatar-close {
    width: 50px;
    font-size: 25px;
    text-align: right;
}

.new-menu-element {
    display: inline-flex;
    height: 50px;
    align-items: center;
    padding: 0 10px;
    overflow: hidden;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    padding-left: 20px;
    width: calc(100% - 20px);
    margin: 0 auto;
}

.new-menu-icon {
    width: 30px;
}

.new-menu-name {
    width: calc(100% - 60px);
    text-align: left;
    padding-left: 5px;
}

.new-menu-notification {
    width: 30px;
    text-align: center;
    border-radius: 4px;
    background-color: rgba(0, 128, 146, .73);
    color: white;
}

.new-menu-active .new-menu-notification {
    background-color: white !important;
    color: #377E8F !important;
}

.new-menu-active {
    background: #06B4A8;
    border-radius: 8px;
    text-decoration: none;
}

.new-menu-padd {
    padding-bottom: 150px;
}

.green-text {
    font-style: normal;
    font-weight: bold;
    line-height: 30px;
    text-align: center;

    /* gradient */
    background: #377E8F;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.gray-text {
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #CDCACA;
    border: none;
    background: none;
}

.switchas .green-text {
    border: none;
    border-bottom: 2px solid #008092;
}

.switchas .gray-text:hover {
    border-bottom: 2px solid #008092;
}

#toast-container>div{
    padding: 0 !important;
}

.switchas button:first-child {
    margin-right: 20px;
}

.switchas {
    display: inline-flex;
}

.history-block {
    margin-top: 10px;
    background-color: #F8F8F8;
    display: inline-flex;
    width: 100%;
    padding: 15px 10px;
    font-size: 12px;
}

.history-image {
    width: 60px;
}

.history-image img {
    object-fit: cover;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    justify-content: center;
    border: 1px solid #008092;
    padding: 2px;
}

.history-username a {
    color: #565656;
}

.history-username {
    align-self: center;
    color: #565656;
    width: calc(100% - 260px);
    justify-content: center;
    text-align: left;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history-date {
    color: #A1A1A1;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 3px 10px;
    align-self: center;
    width: 100px;
    justify-content: center;
}

.history-status {
    color: #626262;
    display: inline-flex;
    align-items: center;
    align-self: center;
    width: 100px;
    justify-content: center;
}

.history-status svg {
    margin-right: 5px;
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 100% !important;
        padding: 0 !important;
        padding-left: 50px !important;
    }

    .bor {
        /*height: 100vh;*/
        overflow-y: auto;
        padding: 0 60px;
        border-right: 1px solid rgb(191, 191, 191, 0.4);
        min-height: 100vh !important;
        border-left: 1px solid rgb(191, 191, 191, 0.4);
        /* height: 100% !important; */
        overflow-x: hidden;
        width: 50% !important;
    }

}

@media only screen and (max-width: 1200px) {
    .hed {
        display: none !important;
    }
}

/* @media only screen and (min-width: 1200px)
{
    #design-right{
        display: block !important;
    }
} */


@media only screen and (max-width: 768px) {

    .home-background-image {
        background: black url('/images/homepage/mobi_back_3.png') !important;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    #coupon-modal {
        width: 100% !important;
    }

    .popover {
        width: 50% !important;
    }

    nav .user-ui .headline {
        font-size: 15px !important;
    }

    nav .flex .arrow {
        display: list-item !important;
        line-height: 45px;
    }

    #initiate-expand .flex .arrow {
        line-height: 35px;
    }

    .video-js {
        max-height: 80vh;
    }

    .phone-helper {
        display: inline-block !important;
        margin-right: 10px;
    }

    .msgs-float1 {
        width: 100px !important;
    }

    .type-set2 {
        font-size: 12px !important;
    }

    .multiple-media {
        top: 5px !important;
        right: 5px !important;
        font-size: 13px !important;
    }

    .msg-desk {
        max-width: none !important;
    }

    #tip-main .input-group {
        width: 70% !important;
    }

    .phone-off {
        display: none !important;
    }

    .contact-link {
        width: 85% !important;
        text-align: center;
    }

    #buy-btn-cred {
        width: 50% !important;
    }

    .manage-model-nick {
        font-size: 15px !important;
    }

    .settings-heading {
        padding-top: 30px !important;
    }

    .credit-cards img {
        width: 40px !important;
        height: 40px !important;
    }

    .hed header,
    .hed .hd-hr {
        display: block !important;
    }

    .resend-button {
        width: 100% !important;
    }

    .reg-form {
        margin-bottom: 150px !important;
    }

    .profile-layout2 h2 {
        font-size: 17px !important;
    }

    /*
    .profile-check-symbol{
    display: none !important;
}
    */

    .bor {
        padding: 0 20px !important;

        /*overflow-y: inherit !important;*/
    }

    .phone-container {
        /*--safe-area-inset-top: env(safe-area-inset-top);*/
        /*--safe-area-inset-bottom: env(safe-area-inset-bottom);*/

        /*height: calc(100% + (var(--safe-area-inset-top) + var(--safe-area-inset-bottom)));*/
        /*padding-bottom: env(safe-area-inset-bottom);*/
        /*padding-bottom: calc(.5rem + env(safe-area-inset-bottom))*/

        /*padding-bottom: 65px;*/
    }

    /*
    .media{
    width: 100% !important;
    max-width: none !important;
    height: 165px !important;
}
    */

    .side-nav__list {
        overflow-x: hidden;
    }

    .lang-container-de {
        display: none !important;
    }

    .button-man-videos img {
        height: 25px !important;
    }

    .profile-img {
        padding-bottom: 20px;
    }

    .profile-btn {
        width: 100% !important;
    }

    .item-cont999 {
        height: 225px !important;
    }

    .home-text {
        width: 80% !important;
    }

    #register-right {
        width: 15% !important;
        background-image: url(../images/phone_building_2.png) !important;
    }

    #login-right {
        width: 15% !important;
        background-image: url(../images/phone_building_2.png) !important;
    }

    .cover-block {
        display: none !important;
    }

    .login-btn {
        text-align: center !important;
    }

    .login-btn input {
        width: 40% !important;
    }

    .login-window1 {
        position: relative !important;
        -webkit-transform: none !important;
        transform: none !important;
        width: 80% !important;
        padding: 0 !important;
        margin-top: 10px;
    }

    .home-text span {
        font-size: 14px !important;
    }

    .home-sliders li {
        min-height: 10px !important;
        height: 10px !important;

        min-width: 10px !important;
        width: 10px !important;
    }

    .home-text h3 {
        font-size: 22px !important;
    }

    .home-text p {
        font-size: 12px;
    }

    .home-sliders li {
        min-height: 10px !important;
        height: 10px !important;

        min-width: 10px !important;
        width: 10px !important;
    }

    .home-text button {
        margin-top: 30px !important;
    }

    /*
    .home-left{
    background-image: url(../images/home_bg_phone.png) !important;
}
    */

    .earnings-th {
        display: none !important;
    }

    .phone-on {
        display: block !important;
    }

    .empty {
        width: 100% !important;
        padding: 0 20px;
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .phone-only-menu {
        display: block !important;
    }

    .fixing-link {
        max-width: 100% !important;
        font-size: 10px !important;
    }

    .coins {
        right: 0 !important;
        left: auto !important;
    }

    .floating-box8 {
        width: 20% !important;
    }

    .phone-sugg {
        display: block !important;
    }


    .floating-box2 {
        width: 75% !important;
    }

    .floating-box4 {
        width: 25% !important;
    }

    .holder-logo {
        display: none;
    }

    .modal-alter-logo {
        padding-top: 20px !important;
    }

    #guest-modal {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        pointer-events: all !important;
    }

    #guest-modal .modal-body {
        max-height: 100% !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    #please-login {
        pointer-events: none !important;
    }

    .modal-buy {
        width: 90% !important;
    }

    .tip-backdrop,
    .price-backdrop {
        bottom: 0 !important;
        position: absolute !important;
        left: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }

    .price-backdrop h2 {
        color: #007485;
        font-size: 15px;
    }

    .price-backdrop .modal-content {
        border-top-left-radius: 40px !important;
        border-top-right-radius: 40px !important;
    }

    .profile-layout1 {
        width: 40% !important;
        height: 150px !important;
    }

    .profile-layout2 {
        width: 60% !important;
        padding-top: 0 !important;
        padding-left: 20px !important;
    }

    .height-50 {
        height: 40px !important;
    }

    .hd-hr {
        padding-bottom: 10px !important;
        margin: 0 20px;
        margin-top: 0 !important;
    }

    .phone-centering {
        text-align: center !important;
    }

    .phone-buying {
        width: 90vw !important;
        margin: 50px auto !important;
    }

    .button-man-lock {
        width: 55% !important;
        font-size: 9px !important;
    }

    .button-man-lock2 {
        width: 60% !important;
        font-size: 14px !important;
    }

    .home-right {
        width: 100%;
        position: relative !important;
        -webkit-transform: none !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
    }

    .lang-container {
        display: flex !important;
    }

    .phone-container {
        display: flex !important;
    }

    .back-phone {
        margin-top: 20px !important;
        display: block !important;
        background-position: 30% 40% !important;
        border-radius: 10px;
    }

    .padding-layout {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding: 1.5px !important;
    }

    .button-man {
        font-size: 12px !important;
    }

    .options,
    .follow {
        top: 375px !important;
    }

    .follow {
        padding: 5px 10px !important;
    }

    .options {
        padding: 5px 15px !important;
    }

    .fa-long-arrow-left {
        display: none !important;
    }

    .toggle-profile button {
        font-size: 12px !important;
    }

    .toggle-profile {
        padding: 0 5px !important;
    }

    .side-nav__link {
        line-height: 40px !important;
        font-size: 19px !important;
    }

    .side-nav {
        position: unset !important;
        overflow-y: auto;
        overflow-x: hidden;
        height: 90%;
        padding-bottom: 12px;
    }

    /**/
    .side-nav__container {
        padding: 0 !important;
        padding-top: 50px !important;
        padding-bottom: 60px !important;
    }

    .sent_msg,
    .received_msg {
        width: auto !important;
        min-width: 80%;
        max-width: 80%;
    }

    #add-more .col-md-4 {
        padding-bottom: 25px !important;
    }

    #logout {
        display: none !important;
    }

    .coins-x,
    .coins-amount {
        height: 70px !important;
        width: 70px !important;
    }
}

.profile-layout2 h2 {
    font-size: 20px;
    text-transform: capitalize !important;
}

.modal-body {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    z-index: 99;
    overflow-x: hidden;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
    /* Adjusts for spacing */
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* search form */
#wrap {
    text-align: center;
    margin-bottom: 20px;
}

#nav-search {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.hidden {
    display: none !important;
}

.ifollow {
    text-align: center;
}

.row-follow {
    margin-top: 60px;
}

.edit-photo-box {
    color: rgb(101, 119, 134);
    display: inline-block;
    text-transform: capitalize;
    padding: 0;
    width: 100%;
}

.edit-photo-box ul {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 16px;
    cursor: pointer;
}

.inline-profile {
    color: #333;
    font-family: cash-market-rounded;
    display: inline-block;
    text-transform: capitalize;
    padding: 0 !important;
    margin: 0 !important;
}

.inline-profile a {
    text-transform: lowercase;
}

.inline-profile li,
.edit-photo-box li {
    display: inline-block;
    font-family: cash-market-rounded;
}

.inline-profile li b {
    display: inline-block;
    font-family: cash-market-rounded;
}

.inline-profile2 li {
    display: inline-block;
    padding-right: 8px;
}

.inline-profile2 {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    line-height: 36px;
}

.request-media {
    float: right;
    font-weight: bold;
    color: #008092;
    border-radius: 100px;
    font-size: 14px;
    cursor: pointer;
    background-color: white;
    padding: 0 10px !important;
}

.ifollow img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #008092;
    padding: 2px;
}

.media:hover {
    opacity: 0.7;
}

.ifollow span {
    color: gray;
}

.row-follow .col-md-4 {
    margin-bottom: 40px;
}

.phones {
    background: url(../images/phones.png);
    width: 400px;
    height: 680px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
}

.ajax-load {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(255, 255, 255, .8) url('../images/loading_media.gif') 50% 50% no-repeat;
}

.gray-camera {
    background-color: rgb(245, 248, 250);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid white;
    margin: 0 auto;
    position: relative;
    text-align: center;
    line-height: 85px;
}

.gray-camera i {
    color: #575757;
    font-size: 22px;
}

.header-background-camera-profile {
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    /*height: 25px;*/
    display: inline-grid;
}

.header-background-camera-cover {
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: white;
    border-radius: 5px;
    padding: 5px;
    font-size: 8px;
    font-weight: normal;
    color: #333;
}

.header-background-camera-profile img,
.header-background-camera-cover img {
    height: 15px;
}

.voice-msg-date{
    color: black;
    font-size: 10px;
}

.inner-date {
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 10px;
    color: white;
    min-width: 100px;
    text-align: right;
}

.shoutout-messenger {
    background-color: white !important;
    padding: 0 !important;
}

.shoutout-date {
    color: #474747;
    font-size: 10px;
    /* text-align: left; */
    margin-bottom: 10px;
    padding-left: 5px;
}

.shoutout-chatbox-icon {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.shout-input {
    background-color: transparent;
    color: black;
    border: 0;
    padding: 0 !important;
    padding-top: 10px;
    font-size: 13px;
    text-align: center;
}

#shoutout-message-body {
    display: flex;
    flex-direction: column;
    height: 80vh;
}

.shout-input::placeholder {
    color: black;
    text-align: center;
}

#shout-send {
    background-color: #8a96a3;
    opacity: .2;
    color: white;
    border: none;
    border-radius: 50%;
    padding: 0;
    height: 25px;
    width: 25px;
}

#messages-append {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding: 10px 20px;
    background-color: #EAE5DF;
    background-image: url(../images/shoutout_msg_bg.png);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #BDBDBD;
}

.inner-date-receive {
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 10px;
    color: rgb(0, 0, 0, 0.3);
    min-width: 100px;
    text-align: right;
}

.pswp img {
    object-fit: contain;
}

.desc-gap{
    display: flex;
    gap: 7px !important;
}

.date-gap{
    display: flex;
    gap: 3px !important;
}

.menu-new-container{
    margin-top: 10px;
    padding: 0 10px !important;
    border-bottom: 1px solid rgba(205, 205, 205, 1);
    padding-bottom: 5px !important;
}

.desc-gap div{
display: flex;
gap: 3px !important;
}

.loading {
    display: block !important;
}

.home-right {
    position: absolute;
    left: 20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /*    width: 400px;*/
    margin: 0 auto;
}

.faqs-ul {
    list-style-type: none;
    padding: 0;
}

.faqs-ul li {
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    margin-right: 0;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #4D4D4D;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px solid #D9DBE9;
}

.faq {
    padding-bottom: 10px;
    cursor: pointer;
}

.faq p {
    display: none;
}

.faq h4 {
    color: #4D4D4D;
    display: list-item !important;
    list-style-type: disc;
    list-style-position: inside;
    text-align: left;
    font-weight: 100;
    font-size: 15px;
}

#cancel_form {
    text-align: left;
    padding-left: 50px;
}

.home-right-text h2 {
    font-weight: bold;
}

#sub_price::placeholder {
    color: #bfbfbf !important;
}

.toggle-password {
    font-size: 22px;
    margin-top: -30px !important;
}

.recommended-feeds:first-child {
    /*    margin-top: -15px;*/
}

.tag-div {
    background: -webkit-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    color: white;
    border-radius: 10px;
    display: inline-flex;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.tag-div-closed {
    background: #D9D9D9 !important;
}

.tag-div .closing {
    cursor: pointer;
    margin-left: 10px;
}

.recommended-feeds {
    margin-top: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 10px;
    background-position: 10% 30%;
    position: relative;
    z-index: 2000000000;
}

#please-login .lang22 {
    margin: 0 15px;
}

#please-login .lang-container-de2 {
    margin-top: 15px;
    cursor: pointer;
    list-style: none;
    height: 50px;
    display: flex;
    margin: 0 auto;
    place-content: center;
}

.recommended-feeds .col-xs-12 {
    height: 120px;
    width: 100%;
    border-radius: 10px;
}

.massive-popupas .modal-content .modal-body {
    /* padding: 40px !important; */
}

.massive-popupas .x-button,
#boost-modal .x-button {
    background: -webkit-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    color: white;
    padding: 0;
    width: 25px;
    height: 25px;
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    border-radius: 50%;
    margin-right: 10px;
    line-height: 25px;
    cursor: pointer;
}

.massive-popupas .x-button img,
#boost-modal .x-button img {
    width: 25px;
    height: 25px;
}

.recommended-feeds .profile {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid white;

    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.recommended-feeds .bg-color {
    height: 60px;
    min-height: 60px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgb(0, 0, 0, 0.3);

    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.click-period {
    /* background-color: #F8F8F8; */
    border-radius: 15px;
    padding: 20px;
    position: relative;
    text-align: center;
    /* opacity: 0.4; */
    cursor: pointer;
    line-height: 23px;
    margin-bottom: 20px;
    width: calc(50% - 10px) !important;
    border: 1px solid #008092 !important;
}

.click-period b {
    color: #008092;
    font-size: 16px;
}

.recommended-feeds .text-block {
    position: absolute;
    bottom: 25px;
    left: 120px;
    min-width: 100px;
    line-height: 5px;
    color: white;
}

.recommended-feeds .text-block h3 {
    color: white;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 18px;
}

.recommended-feeds .text-block span {
    font-size: 16px;
}

.recommended-bar {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 12px;
    background: linear-gradient(0deg, #00A893 12.87%, #018093 99.9%);
    height: 30px;
    line-height: 30px;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

.freshy-container .sub {
    background-color: #F4F4F4;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    filter: drop-shadow(0px 0px 9.3px rgba(38, 38, 38, 0.25));
}

.freshy-container .sub-active {
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    color: white;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    filter: drop-shadow(0px 0px 9.3px rgba(38, 38, 38, 0.25));
}

.freshy-container .uploading-area {
    height: 180px;
    min-height: 180px;
}

.freshy-container .uploading-area img {
    height: 100%;
    width: 100%;
}

.home-right-text .login {
    background-image: none;
    background-color: white;
    color: black;
    -webkit-text-fill-color: black;
    border: 1px solid #008092;
}

.progress {
    margin-top: 10px;
}

.date {
    color: rgb(101, 119, 134);
}

/*
.media{
margin: auto;
}
*/

.user-stream-invite,
.model-stream-invite {
    display: flex;
}

#editor {
    width: 100%;
    height: 100%;
}

.statement {
    color: orange;
}

.fancybox__content .fancybox__html5video {
    pointer-events: all !important;
}

.home-background-image {
    background: black url('/images/homepage/desk_back_3.png') center center no-repeat;
    background-size: cover;
}

.shawdy {
    box-shadow: 0px 2px 12px rgb(0 0 0 / 35%);
}

.ui-widget.ui-widget-content {
    z-index: 200000;
}

[contenteditable][placeholder]:empty:before {
    content: attr(placeholder);
    position: relative;
    color: gray;
    background-color: transparent;
    padding-bottom: 5px;
    font-size: 13px;
}

[contenteditable] strong {
    font-weight: normal;
    background: red;
    color: white;
}

#send-massive-message .open-gallery img {
    height: 100px !important;
    object-position: top;
}

#send-massive-message .open-gallery h2 {
    font-size: 13px;
}

#send-massive-message .select-set-to-promote .col-xs-1 {
    display: none;
}


#send-massive-message .tear {
    border: 0.5px solid #848484;
    box-shadow: none;
    margin: 0;
    margin-left: 10px;
}

#boost-preview {
    margin-top: 20px;
}

#send-massive-message .fa-plus {
    background-color: #008092;
    color: white;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    top: 50%;
}

#send-massive-message .fa-plus:before {
    font-size: 14px;
}

#boost-modal .modal-body,
#lists-modal .modal-body {
    max-height: 500px;
}

#boost-modal #search_uplus {
    box-shadow: none;
    display: flex;
    width: 100%;
    border: none;
}

.search-box-with-icon {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #F4F4F2;
    margin-bottom: 20px;
}

.search-box-with-icon .search-bar-find {
    width: auto;
    object-fit: contain;
    height: 19px;
    margin-top: 10px;
    margin-left: 10px;
}

.search-box-with-icon .search-bar-close {
    width: auto;
    object-fit: contain;
    height: 15px;
    margin-top: 13px;
}

.search-box-with-icon input {
    width: 100%;
    padding: 10px;
    outline: none;
}

#lists-modal .lists-block-2 {
    text-align: left;
    font-weight: bold;
    margin-top: 6px;
    color: var(--text-color-profile);
}

#lists-modal .count-label {
    color: gray;
    font-size: 11px;
    font-weight: normal;
}

#lists-modal .list-user {
    margin-top: 13px;
}

.caption-input[contenteditable][placeholder]:empty:before {
    content: attr(placeholder);
    position: relative;
    color: #BDBDBD;
    background-color: transparent;
    padding-bottom: 5px;
    font-size: 13px;
}

.ui-menu .ui-menu-item {
    margin-bottom: 10px !important;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 0 !important;
}

.user-stream-logo {
    height: 40px;
    width: 50px;
}

.user-stream-text {
    width: 120px;
    height: 40px;
}

.feeds-flash {
    text-align: center;
}

.feeds-flash {
    color: #4E4D4D;
    padding: 0 40px;
    margin-bottom: 50px;
    /* margin-top: -40px; */
}

.feeds-flash h1 {
    font-style: italic;
    text-transform: uppercase !important;
}

.feeds-flash p {
    margin-top: 20px;
    color: #848484;
    font-style: normal;
}

.feeds-flash .hras {
    width: 60px;
    min-width: 60px;
    height: 10px;
    border-radius: 20px;
    margin: 0 auto;
    background: -webkit-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
}

.user-stream-container {
    margin: 0 auto;
    display: block;
    width: 250px;
}

.model-stream-container {
    margin: 0 auto;
    display: block;
    width: 215px;
    padding: 10px 0;
}

.messages-helper {
    height: 50px !important;
    background-color: white !important;
    z-index: 555 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
}

.messages-helper img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
    line-height: 50px;
}

.bor form {
    overflow-x: hidden;
}

.messages-helper .menu-button {
    font-size: 25px;
}

.cancel {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    font-size: 25px;
    z-index: 999;
}

.chart-months .col-xs-3 {
    padding: 0 10px;
}

.sub-status {
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 300;
    color: black;
    font-size: 13px;
    text-align: center;
    background-color: rgb(255, 255, 255, 0.5);
}

.edit-profile {
    padding: 5px 25px;
    background-image: none !important;
    background-color: indianred !important;
    color: white !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.popover {
    width: 20%;
    max-width: 100% !important;
}

.freshy-pagination {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
    display: block;
}

.freshy-pagination span.active {
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%) !important;
    color: white !important;
}

.notification-n-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.notification-n-row-avatar{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    color: white;
    position: relative;
}

.notification-n-row-info{
    display: flex;
    flex-direction: column;
    width: calc(100% - 40px);
}

.notification-n-username{
    color: #06B4A8;
    font-weight: bold;
    cursor: pointer;
}

.notification-n-username span{
    color: #979797;
    font-weight: normal;
}

.notification-n-row-line{
    border-top: 1px solid #E4E4E4;
    margin: 15px 0;
}

.notification-n-icon{
    background-color: #EDEDED;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 15px;
    width: 15px;
}

.notification-n-row-date{
    color: #979797;
    font-size: 10px;
}

.notification-n-icon img{
width: 8px;
object-fit:contain;
}

body.modal-open {
    overflow: hidden;
    /* position: fixed; */
}

.notification-row {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: calc(90%);
}

#cannot-send-your-message {
    width: 100%;
    display: inline-flex;
    border-top: 1px solid #C3C3C3;
}

.guest_model_wrapper{
    width: 80%;
    margin: 0 auto;
}

.guest_model_cover_box{
    width: 100%;
    height: 200px;
    position: relative;
}

.guest_model_cover_box h3{
    font-size: 15px;
}

.guest_model_preview{
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 40px;
}

.guest_model_preview div{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.guest_model_preview div img{
    height: 80px;
    object-fit: contain;
}

.guest_model_buttons{
    display: flex;
    gap: 20px;
    margin-top: 40px;
    padding-bottom: 50px;
}

.guest_model_want_more{
    display: flex;
    flex-direction: column;
    font-size: 25px;
    margin-top: 10px;
}

.guest_model_want_more button{
    width: fit-content;
    padding: 10px 20px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 17px;
    height: auto;
}

.guest_model_want_more div{
    font-weight: bold;
    text-transform: uppercase;
}

.guest_model_cover_title{
    position: absolute;
    display: flex;
    height: 100%;
    bottom: 10px;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: end;
    color: white;
}

.guest_model_cover_title h3{
    color: white !important;
}

.guest_model_cover{
width: 100%;
height: 100%;
object-fit: cover;
}

#msg-not-flex {
    border: 2px solid #C3C3C3;
    text-align: center;
    display: inline-flex;
    width: calc(100% - 70px);
    font-size: 12px;
    text-align: left;
    border-radius: 40px;
    background-color: #EFEFEF;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    margin-left: 20px;
    margin-top: 10px;
}

.assign-u-manual{
    position: absolute;
    min-width: 20px;
    min-height: 20px;
    background-color: red;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    z-index: 300;
    border-radius: 50%;
    cursor: pointer;
}

#msg-not-flex .cannotSendIco{
height: 30px;
object-fit: contain;
}

#msg-not-flex .greeny {
    font-size: 11px;
}

#msg-not-flex b {
    font-weight: bold;
}

#msg-not-flex img:nth-child(2) {
    height: 12px;
}

#msg-not-flex .circle-msg {
    height: 20px;
}

.notification-row b {
    color: #008092;
    text-transform: capitalize;
}

.story-profile {
    height: 25px !important;
    width: 25px !important;
    position: absolute;
    left: 10px;
    top: 5px;
    border-radius: 50% !important;
    border: 2px solid #008092;
}

.story-profile img {
    object-fit: cover;
    border-radius: 50% !important;
}

.story-nickname {
    position: absolute;
    bottom: 5px;
    left: 10px;
    display: block !important;
    height: auto !important;
    width: auto !important;
    z-index: 300000000;
    font-size: 10px !important;
    color: white;
}

.story-nickname-streaming {
    position: absolute;

    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    bottom: 35px;
    display: block !important;
    height: auto !important;
    width: auto !important;
    z-index: 300000000;
    font-size: 12px !important;
    color: white;
}

.rightSidebar-search{
    color: #BDBDBD;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

.rightSidebar-title{
    color: #4D4D4D;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.rightSidebar-flex{
    display: flex;
    justify-content: space-between;
}

.rightSidebar-flex img{
    height: 18px;
    cursor: pointer;
    object-fit: contain;
}

.rightSidebar-recommended .feeds-recommended{
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.rightSidebar-search-icon{
    top: 10px !important;
}

.reels-block {
    height: 100vh;
    position: relative;
}

.reels-block-guest {
    height: 200px;
    position: relative;
}

.matches-block {
    height: 100vh;
    position: relative;
}

.matches-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.matches-wrapper {
    color: whitesmoke;
    position: absolute;
    bottom: 0;
    padding: 0 20px;
}

.matches-wrapper p {
    text-align: left;
    color: #bdbdbd;
}

.matches-block h2 {
    text-align: left;
    text-transform: capitalize;
}

.reels-block video {
    object-fit: contain;
}

.reels-block .video-js {
    max-height: 100vh !important;
    object-fit: cover;
    padding: 1px;
    /*z-index: -2;*/
}

.reels-username {
    display: none;
    color: white;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 17px;
}

.reels-photo {
    position: absolute;
    right: 10px;
    bottom: 350px;
}

.reels-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    padding: 0 20px;
    line-height: 60px;
    color: white;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.container a.reels-footer {
    color: white;
}

.container a.reels-footer:hover {
    text-decoration: none;
}

.reels-footer img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid white;
    object-fit: cover;
}

.reels-like {
    position: absolute;
    right: 10px;
    bottom: 290px;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 30px;
}

.reels-star {
    position: absolute;
    right: 10px;
    bottom: 170px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.reels-star img {
    height: 36px;
    width: 60px;
    object-fit: contain;
}

.reels-mute {
    position: absolute;
    right: 22px;
    bottom: 110px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.reels-tipping {
    position: absolute;
    right: 22px;
    bottom: 230px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.reels-tipping img {
    height: 36px;
    object-fit: contain;
}

.reels-mute img {
    height: 36px;
    object-fit: contain;
}

.reels-like img {
    height: 36px;
    width: 60px;
    object-fit: contain;
}

.reels-photo img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid white;
    object-fit: cover;
}

.change-section {
    padding: 0 !important;
    font-size: 17px;
    cursor: pointer;
}

.change-section div {
    padding: 5px 20px;
    border-radius: 5px;
    width: 96%;
    font-weight: bold;
    margin: 0 auto;
    color: #8E8E8E;
}

.section-is-active div {
    border-radius: 5px;
    width: 96%;
    border: none !important;
    /* color: #474747; */
}

.bank-systems {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.bank-system {
    width: 50px;
    margin-right: 15px;
}

.file_upload_button {
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    height: 30px;
    background: #008092;
    line-height: 30px;
    color: #f4f4f4;
    width: 200px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    /* display: inline-block; */
    letter-spacing: 1px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    /* width: 100%; */
    float: none;
    margin: 10px auto;
}

.reasons-list {
    list-style: none;
    margin-top: 30px;
    padding: 0;
    font-size: 12px;
    display: inline-block;
    text-align: left;
}

.fancybox-toolbar {
    display: none;
}

.manage-model-nick {
    font-size: 20px;
}

.referrals-row {
    height: 50px;
    line-height: 50px;
}

.referrals-row img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

#guest-modal {
    width: 50%;
}

#guest-modal .modal-content, #guest-modal .modal-body{
    border-radius: 40px;
    padding: 0;
}

#guest-modal .modal-content{
max-width: 500px;
    margin: 0 auto
}

#card-modal {
    width: 309px;
}

#language_choose {
    width: 100px;
}

table tr th,
table tr td {
    padding: .2625em .325em;
    color: #8a96a3;
}

.reasons-item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}

.reasons-item-content {
    display: inline;
    color: rgba(0, 0, 0, .54);
    font-size: 12px;
}

.notification-bell {
    position: absolute;
    right: 20px;
    color: #008092;
    font-size: 20px;
}

.tear {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*    flex-wrap: wrap;*/
    padding: 0;
    border-radius: 20px;
    margin: 5px 0;
    box-shadow: 0px 0px 7.39884px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    margin-bottom: 10px;
}

.ad-item .col-xs-4 video,
.ad-item .col-xs-4 img {
    height: 170px;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
}

.shoutouts-sender {
    text-align: left;
    background: #DCF4F8;
    width: fit-content;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 0;
}

.shoutouts-receiver {
    text-align: left;
    background: #FFFF;
    width: fit-content;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 0;
    /* float: right; */
}

#shoutout-messages-avatar {
    object-fit: cover;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
}

#shoutout-messges-username {
    width: 160px;
    padding-left: 10px;
    line-height: 40px;
    text-align: left;
    font-weight: bold;
}

.shoutout-date-category {
    background: #E2E2DF;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    border-radius: 35px;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    padding: 3px 20px;
    margin-bottom: 20px;
}

#shoutout-close-chat-container {
    width: calc(100% - 200px);
    text-align: right;
}

#shoutout-close-chat-button {
    background: #00A893;
    border-radius: 15px;
    height: 26px;
    color: white;
    padding: 0 10px;
    line-height: 26px;
    margin-top: 6px;
    float: right;
}

.shoutout-chatbox-media {
    height: auto;
    max-width: 100%;
    max-height: 200px;
    max-height: 150px;
    object-fit: contain;
    margin: 0 auto;
    border-radius: 10px;
}

.shoutout-chatbox-container {
    position: relative;
    /* width: 80%; */
}

.shout-box-sender {
    text-align-last: right;
    text-align: -webkit-right;
}

.shoutbox-chatbox-download {
    position: absolute;
    bottom: -5px;
    right: -5px;
}

.shoutbox-chatbox-download img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
}

.gallery-arrow {
    position: absolute;
    right: 0;
    color: #bfbfbf;
    font-size: 27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    opacity: 0.4;
}

.tear h2 {
    text-transform: uppercase !important;
    text-align: left;
    padding-bottom: 0;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: bold;
    /* color: #474643 !important; */

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 21px;
    cursor: pointer;
}

.feeds-discount {
    background-color: rgb(0, 128, 146, 0.2);
    width: 90%;
    border-radius: 10px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    color: #008092;
    text-align: center;
    margin-bottom: 25px;
}

.story-add .floor-1 {
    height: 60%;
}

.story-add span img {
    height: 40px;
    width: 40px;
}

.img-cor {
    padding: 8px;
    object-fit: contain;
}

.story-add .floor-2 {
    height: 40%;
    background-color: #efefef;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    padding-top: 25px;
    color: #848484;
    font-weight: normal;
}

.tear .col-xs-4 {
    padding: 0 !important;
}

.tear img {
    padding: -2px;
}

#would-you-come-back .cover {
    background-position: 10% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    position: relative;
    border-radius: 10px;
    margin: 0 auto;
}

#would-you-come-back .picture {
    width: 90px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -40px;
}

#would-you-come-back .textas {
    padding-top: 50px;
    text-align: center;
}

#would-you-come-back .modal-content .profile-online {
    right: 5px;
    bottom: 5px;
}

#would-you-come-back .picture img {
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid white;
}

.tear .desc {
    text-align: left;
    font-size: 12px;
    line-height: 16px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.7;
    margin-top: 5px;
}

#coupon-modal {
    padding: 20px;
    height: 100%;
    width: 60%;
}

.gallery-height {
    height: auto;
    padding-bottom: 55px;
}

.about {
    margin-top: 10px;
    color: rgba(77, 77, 77, 1);
    font-size: 12px;
    position: absolute;
    bottom: 13px;
}

.about img{
    width: 13px !important;
    object-fit: contain !important;
    height: auto !important;
    border-radius: 0 !important;
}

.about .col-xs-12 {
    line-height: 15px !important;
    display: flex;
    gap: 3px;
    align-items: center;
}

.video-duration {
    position: absolute;
    bottom: 20px;
    color: white;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: bold;
    opacity: 0.7;
    width: 100px;
    text-align: center;
    font-size: 15px;
}

.about .col-xs-12 {
    padding-left: 15px !important;
    line-height: 20px;
}

.tear .price {
    position: absolute;
    bottom: 13px;
    color: black;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    padding-right: 10px;
    right: 0;
    text-align: right;
    width: auto;
}

.voice-message-received-container .messages-videocalls-text{
width: 100%;
}

.voice-message-received-container{
    display: flex;
    border: 2px solid #E4E4E4;
    background-color: #F6F6F6;
    padding: 10px 40px;
    border-radius: 10px;
    margin-top: 20px;
    position: relative;
    gap: 10px;
}

.voice-message-received-container img{
    height: 20px;
    object-fit: contain;
}

.messages-videocalls-container {
    display: flex;
    border: 2px solid #E4E4E4;
    background-color: #F6F6F6;
    padding: 10px 40px;
    border-radius: 10px;
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    gap: 10px;
}

.messages-videocalls-container .inner-date{
    position: relative;
    align-self: end;
    color: #A4A4A4 !important;
}

.messages-videocalls-text{
    display: flex;
    flex-direction: column;
}

.messages-videocalls-text div:first-child{
    font-size: 20px;
    font-weight: bold;
}

.messages-videocalls-container img {
    height: 40px;
    object-fit: contain;
}

.messages-tip-container {
    display: flex;
    border: 1px solid #008092;
    padding: 10px 40px;
    border-radius: 5px;
    width: 98%;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}

.messages-tip-container div:first-child {
    text-align: center;
    line-height: 30px;
    width: 30px;
}

.messages-tip-container div {
    text-align: left;
    margin-left: 5px;
    line-height: 30px;
    width: calc(100% - 40px);
}

.messages-tip-container img {
    height: 30px;
    width: auto;
    object-fit: contain;
}

.ad-title {
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    width: 95%;
    margin: 0 auto;
    color: white;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    margin-top: 30px;
}

.ad-titlex {
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    width: 95%;
    margin: 0 auto;
    color: white;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    margin-top: 30px;
}

.fancybox__thumbs {
    display: none;
}

.streaming-invitation {
    width: 95%;
    margin: 0 auto;
    color: white;
    padding: 0 20px;
    text-align: center;
    position: relative;
    margin-top: 30px;
}

.streaming-invitation p {
    border-radius: 50px !important;
    padding-bottom: 10px !important;
    width: 260px !important;
    margin: 0 auto !important;
}

.streaming-invitation p .inner-date {
    right: 20px;
}

.streaming-invitation p .delete-com {
    right: 10px;
}

.streaming-invitation .inner-date-receive {
    right: 25px !important;
}

.streaming-invitation .received_msg,
.streaming-invitation .sent_msg {
    width: 100% !important;
}

.ad-title .floating-container2 {
    position: absolute;
    top: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

nav .flex {
    cursor: pointer;
}

nav .flex .arrow {
    display: none;
}

.active-stream {
    height: 30px;
    line-height: 30px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    color: #007485;
    border: 1px solid #C4C4C4;
    margin-bottom: 30px;
    font-size: 11px;
}

.active-stream img {
    margin-bottom: 2px;
}

nav .flex:hover {
    background-color: rgb(0, 0, 0, 0.1);
    border-radius: 5px;
}

.user-ui .flex {
    width: 100%;
    display: flex;
    /*    height: 70px;*/
    line-height: 30px;
    padding: 20px 0;
    /*    border-bottom: 1px solid #E4E4E4;*/
}

@media only screen and (max-width: 768px) {
    .archived-block {
        height: 230px !important;
    }

    .archived-extend-layout {
        height: 210px !important;
    }
}

.archived-extend-layout {
    height: 310px;
}

.archived-extend-layout .archived-name h3 {
    font-size: 20px !important;
}

.archived-extend-layout .archived-name div {
    font-size: 9px !important;
}

.archived-block {
    width: 49%;
    display: inline-flex;
    position: relative;
}

.archived-block .foto {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.archived-name {
    position: absolute;
    color: white;
    bottom: 10px;
    left: 10px;
    line-height: 5px;
    width: 100%;
}

.archived-author {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: inline-flex;
}

.archived-author div {
    color: #008092;
    font-size: 17px;
    font-weight: bold;
}

.archived-author span {
    color: #848484;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1px;
}

.archived-name h3 {
    font-size: 17px;
    margin-bottom: 5px;
}

.archived-name div {
    font-size: 12px;
}

.archived-arrow {
    position: absolute;
    right: 10px;
    top: 10px;
}

.archived-star {
    position: absolute;
    left: 10px;
    top: 10px;
}

.fix-ui .headline {
    line-height: 47px;
}

.expand .user-ui .flex {
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    padding: 0;
}

#initiate-expand .flex {
    /* line-height: 50px; */
    height: 75px;
}

.expand .user-ui {
    height: 100%;
}

.modal .selection {
    background-color: #F4F4F4;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
}

.user-ui h2 {
    color: #008092;
    font-weight: bold;
    font-size: 20px;
    float: left;
    margin-bottom: 0;
    margin-left: 5px;
    padding-bottom: 0;
}

.user-ui .flex .arrow img {
    height: 15px;
}

.user-ui .ico {
    width: 35px;
    display: inline-block;
}

.user-ui .recommended {
    width: 65px;
    height: 60px;
    display: inline-block;
}

.user-ui .recommended img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: cover;
}

/*
.expand .headline, .expand .arrow{
    line-height: 70px !important;
}
*/

.expand .user-ui .ico img {
    margin-top: 20px;
}

.expand .user-ui .headline {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.user-ui .ico img,
.user-ui .ico svg {
    /*
    width: 100%;
    height: 100%;
    */
    /* width: 30px;
    height: 30px; */
    box-shadow: 0px 0px 9px rgb(0 0 0 / 35%);
    border-radius: 50%;
    margin-top: 7px;
    ;
}

#initiate-expand .ico img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none !important;
    margin-top: 0 !important;
}

#initiate-expand .headline {
    line-height: 35px !important;
}

nav .user-ui .headline {
    font-size: 13px;
}

.user-ui .headline {
    margin-left: 10px;
    width: calc(100% - 80px);
    display: inline-block;
    /* color: #7F8080; */
    font-weight: normal;
    text-transform: none;
    font-size: 15px;
    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.user-ui .arrow {
    width: 20px;
    display: inline-block;
    text-align: right;
    display: list-item;
    list-style-type: none;
}

.h2-free {
    text-transform: uppercase !important;
    color: #008092;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 20px !important;
}

.dynamic-view-block {
    min-height: 600px;
    margin-bottom: 100px !important;
}



.p-free {
    color: #868686;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 30px;
}

.ad-title .user-circle {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background-color: #FFAA40;
    color: white;
    line-height: 46px;
}

.free-content-title {
    margin-left: 10px;
    line-height: 22px;
    color: #BDBDBD;
}

.turn-free .slider {
    background: white;
    border: 2px solid #C4C4C4;
}

.turn-free .slider:before {
    background-color: #C4C4C4;
    bottom: 2px;
}

.turn-free .switch2 input:checked+span {
    /* background: #C4C4C4; */
    border-color: white;
}

.turn-free input:checked+.slider:before {
    background-color: white;
    left: 0;
}

.ad-title img {
    height: 46px;
    width: 46px;
    object-fit: cover;
    border-radius: 50%;
}

.tear .col-xs-3 {
    padding: 0;
    text-align: right;
}

.tear .col-xs-6 {
    line-height: 3px;
    padding-right: 0;
}

.open-ga img,
.open-ga video,
.open-gallery img,
.open-gallery video {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
}

.tear>[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-right: 0;
    padding: 10px;
}


.reasons-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: 0 0;

    border: 1px solid rgba(0, 0, 0, .54);
}

/*
.media img{
width: 100%;
}
*/


.contact-link {
    width: 60%;
    text-align: center;
}

.contact-link ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.classy-btn {
    background-color: #008092;
    color: white;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 10px;
}

.contact-link li {
    display: inline-block;
}

.button-top {
    position: absolute;
    top: 20px;
    right: 20px;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 10px !important;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    line-height: 23px;
    text-transform: uppercase;
    background-color: white;
    color: #171717;
    padding: 5px 10px;
}

.register-class {
    font-size: 43px;
    text-align: center;
    color: rgb(138, 150, 163);
    font-weight: 100;
    text-transform: none;
}

.pictures-sq {
    position: absolute;
    /* Take your picture out of the flow */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* Make the picture taking the size of it's parent */
    width: 100%;
    /* This if for the object-fit */
    height: 100%;
    /* This if for the object-fit */
    object-fit: cover;
    /* Equivalent of the background-size: cover; of a background-image */
    object-position: top;
    border-radius: 10px;
}

.sq-block {
    position: relative;
    width: 100%;
}

.sq-block:after {
    content: "";
    display: block;
    padding-bottom: 110%;
    /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}

.coins-x {
    width: 90px;
    padding: 0;
    box-shadow: none;
    border-radius: 50%;
    position: relative;
    border: 3px solid #008092;
    background: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    margin: 0 auto;
    height: 90px;
}

.coins-amount {
    font-size: 19px;
    font-weight: 500;
    height: 90px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008092;
}

.heading-login img {
    height: 30px;
}

.msg-desk {
    max-width: 400px;
    margin: 0 auto;
}

.heading-login {
    text-align: center;
    margin: 60px 0;
}

.heading {

    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: normal;
    padding-left: 15px;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;

    color: #171717;
}

.reg_errors {
    color: indianred;
    text-align: left;
}

.home-sliders {
    text-decoration: none;
    padding-left: 0;
    margin-left: 0;
}

#open-chat {
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-align: center;
    font-size: 35px;
    width: 70px;
    min-height: 70px;
    min-width: 70px;
    line-height: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #008092;
}

#open-chat .fa-comment:before {
    line-height: 70px !important;
}

.home-sliders li {
    display: inline-block;
    min-height: 14px;
    height: 14px;

    min-width: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255, 0.4);
}

.coins {
    position: absolute;
    top: 50%;
    right: 0;
    color: #8a96a3;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

form {
    overflow-y: auto;
}

select {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 5px;
    height: 34px;
    background: url(../images/gray_arrow_png.png) no-repeat right rgb(245, 248, 250);
    -webkit-appearance: none;
    background-position-x: 99%;
    text-indent: 5px;
}

.coins img {
    height: 20px !important;
}

.amount-form {
    position: relative;
    max-width: 240px;
    margin: 0 auto;
}

.enter-amount-custom {
    border: 1px solid #333;
    color: #333 !important;
    padding: 5px 5px 5px 25px;
    border-radius: 5px;
    background: 0 0;
    width: 230px;
    display: block;
    margin: 0 auto;
}

.options-icon {
    width: 15px;
    margin-right: 15px;
    margin-top: 5px;
}

.options-post {
    color: #BDBDBD;
    width: calc(100% - 25px);
    position: relative;
    line-height: 25px;
    font-size: 15px;
}

.options-line {
    margin-top: 10px;
    padding: 10px;
    border-bottom: 1px solid rgb(189, 189, 189, 0.5);
}

/*
#head-main-unlok{
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
*/

.dollar {
    position: absolute;
    top: 5px;
    left: 15px;
    color: #333;
}

#gallery-button {
    padding-bottom: 10px;
}

#gallery-button2 {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 20px;
}

#gallery-button2 img {
    height: 25px !important;
}

#gallery-button img {
    width: 100%;
    height: auto;
}

.title {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;

    color: #171717;
}

.side-nav__link img {
    padding-right: 5px;
    width: 30px;
}

.info {
    display: inline-block;
    line-height: 40px;
    position: relative;
    width: 100%;
}

.description {
    font-family: cash-market-rounded;
    font-style: normal;
    margin-top: 20px;
    color: #BFBFBF;
}

.description-box {
    color: black;
    text-align: left;
}

.hover-object {
    padding: 10px 0;
}

.hover-object:hover {
    background-color: rgb(245, 248, 250);
    cursor: pointer;
}

.profile-picture-p {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0;
    margin-right: 10px;
    object-fit: cover;
}

.home-left {
    background: url(../images/home_bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-text {
    position: absolute;
    left: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30%;
}

.home-text img {
    height: 50px;
    margin-bottom: 40px;
}

.creators-block img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    object-fit: cover;
}

.creators-block b {
    font-size: 9px;
    color: white;
    padding: 0 20px;
}

.creators-block div,
.creators-block .title-block {
    font-size: 13px;
    color: #848484;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    padding-top: 2px;
}

.creators-block {
    padding: 26px 20px;
    text-align: center;
}

.login-btn {
    text-align: right;
    margin-top: 60px;
}

#login-right {
    width: 40%;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background-image: url(../images/log_screen.png);
    background-position: 30% 1%;
    background-repeat: no-repeat;
    background-size: cover;
}

#register-right {
    width: 40%;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background-image: url(../images/regi_screen.png);
    background-position: 30% 1%;
    background-repeat: no-repeat;
    background-size: cover;
}

.description-desktop {
    text-align: center;
}

.selected-li {
    color: #333 !important;
    border-bottom: 3px solid #008092;
}


.home-text h3 {
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;

    color: #FFFFFF;
    padding-bottom: 10px;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: #575757;
}

.home-text p {
    padding-top: 40px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;

    color: #FFFFFF;
}

.home-text span {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: justify;

    color: #FFFFFF;
}

.home-text button {
    margin-top: 50px;
    border: 1px solid white;
    box-sizing: border-box;
    border-radius: 10px !important;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-transform: uppercase;
    background-color: transparent;
    color: white;
    padding: 5px 10px;
}


.profile-empty-feeds {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
    box-shadow: 0;
    margin-right: 10px;
}

.username {
    color: black;
    font-weight: bold;
    text-transform: capitalize;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
}

.follow-container {
    width: 100%;
    line-height: 40px;
    height: 40px;
    display: inline-block;
}

/*
.row {
margin: 0 !important;
width: 100% !important;
}
*/

.feeds-uplus-logo {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 999;
}

.feeds-uplus-logo img {
    height: 13px;
    width: auto !important;
    object-fit: contain;
}

.model-date {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 999;

    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */

    text-transform: capitalize;

    color: #FFFFFF;
}

.model-delete {
    position: absolute;
    right: 10px;
    top: 10px;
}

.model-dots {
    position: absolute;
    left: 10px;
    top: 10px;
}

.model-price {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: white;
}



.menu-active::before {
    content: "";
    height: 10px;
    width: 10px;
    border: 2px solid #008092 !important;
    margin-right: 10px;
}

/* .model-pic-indicators .indicator1{
    background-color: #F2F2F1;
    width: 100%;
    border-radius: 5px;
    padding: 10px 0;
    text-align: center;
    font-weight: normal;
} */

.model-pic-indicators .indicator1:hover {
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    color: white;
    cursor: pointer;
}

.model-pic-indicators img {
    height: 17px;
}

.model-pic-indicators .indicator2 {
    width: 100%;
    border-radius: 5px;
    padding: 10px 0;
    text-align: center;
    font-weight: normal;
    color: white;
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
}

.model-pic-indicators .indicator a {
    color: black !important;
}

.model-pic-indicators .active {
    width: 100%;
    background-color: #008092;
    border-radius: 10px;
    padding: 10px 0;
    text-align: center;
}

.model-pic-indicators .active a {
    color: white !important;
}

.fa-flushed {
    font-size: 130px;
    background: radial-gradient(circle farthest-side at left top, #009cde, #008092 100%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hed {
    display: block;
}

#registered .far {
    font-size: 60px;
    background: radial-gradient(circle farthest-side at left top, #009cde, #008092 100%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


.follow-container img {
    object-fit: cover;
}

.phone-sugg {
    display: none;
}

.follow-container-two2 {
    width: 100%;
    line-height: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
}

.suggestions-wrap {
    width: 100%;
    height: 90px;
}

.home-block img,
.home-block video {
    display: inline-block;
    /* max-height: calc(100vh - 100px); */
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.multiple-media {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    z-index: 999;
    font-size: 28px;
    width: 11px;
    opacity: 0.6;
}

.follow-p {
    margin-top: 10px;
    border: 2px solid #008092;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: #008092;

    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0 !important;
}

.share_zoom_content_title {
    font-size: 24px;
    display: inline-block;
    width: 90%;
    color: #008092;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}


.facebook-bg {
    background-color: #3b5998;
    color: #FFFFFF;
    border: solid 1px #3b5998;
}

.twitter-bg {
    background-color: #4099ff;
    color: #FFFFFF;
    border: solid 1px #4099ff;
}

.whatsapp-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  
  .whatsapp-widget img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
  }
  
  .whatsapp-widget:hover img {
    transform: scale(1.1);
  }
  

.whatsapp-bg {
    background-color: #34AF23;
    color: #FFFFFF;
    border: solid 1px #34AF23;
}

.google-bg {
    background-color: #d34836;
    color: #FFFFFF;
    border: solid 1px #d34836;
}

.mail-bg {
    background-color: #3498db;
    color: #FFFFFF;
    border: solid 1px #3498db;
}

#nav-search input {
    font-family: 'Poppins', Arial !important;
    font-size: 13px;
    line-height: 20px;
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 27px 6px 12px;
    cursor: pointer;
    color: black;
    background-color: rgb(245, 248, 250);
    border: none;
    border-radius: 13px 13px 13px 13px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.form-group {
    margin: 0 !important;
}

.search-icon {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    font-size: 20px;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #008092;
}

.rating-list li {
    float: right;
    color: #ddd;
    cursor: pointer;
    padding: 10px 5px;
}

.rating-list li:hover,
.rating-list li:hover~li {
    color: #ffd700;
    cursor: pointer;
}

.rating-list {
    display: inline-block;
    list-style: none;
    cursor: pointer;
}

.checked {
    color: #ffd700;
}

.calculator .col-xs-8 {
    text-align: left;
}

.calculator .col-xs-4 {
    padding: 0;
}

.stars {
    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 11px;
    text-align: center;
    color: black;
}

textarea {
    resize: none !important;
    padding: 10px 0 !important;
}

input,
select,
textarea {
    width: 100%;
}

.explanations {
    margin-top: 10px;
    text-align: center;
    color: white !important;
}

.blurimage {
    filter: blur(50px);
}

.portfolio-adaptive-full-controls {
    height: 50px;
}

.portfolio-adaptive-full-controls #filter {
    float: left !important;
    font-size: 35px;
}

.height-50 {
    height: 30px;
    width: 100% !important;
    text-align: right;
    line-height: 20px;
}

.no-bottom {
    font-size: 30px !important;
    color: #8a96a3;
    cursor: pointer;
}

.portfolio-adaptive-full-controls-border-top {
    /*    border-top: solid 1px rgba(0,0,0,0.1);*/
    border-bottom: none;
    margin-top: 20px;
}

.portfolio-adaptive-full-controls .portfolio-switch-full {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

.phone-on {
    display: none;
}

.button-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    width: 95px;
    height: 95px;
    border: none;
    border-radius: 50%;
    padding: 10px 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

.modal-profile img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.modal-profile {
    padding: 0 30px !important;
}

.modal-alter-logo img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.no-account {
    color: rgb(39, 39, 43);
    font-size: 16px;
}

.image-holder {
    height: 130px;
}

.cover-block {
    display: inline-block;
    width: 75%;
    position: absolute;
    top: 20%;
    left: 30px;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    text-align: center;
    border-radius: 20px;
    background-color: white;
}

.cover-block span {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 59px;
    text-transform: uppercase;
    text-align: left;
    float: left;
    width: 80%;
    padding: 20px 20px;
}

#ccbill-modal {
    height: 100%;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* #ccbill-modal .modal-content, #ccbill-modal .modal-body, .iframe-container, iframe{
    height: 100%;
    width: 100%;
} */

/* .modal-content{
    color: gray !important;
} */

#ccbill-modal .modal-body {
    max-height: none !important;
    padding: 0 !important;
    padding-top: 40px !important;
}

.modal-profile h3 {
    padding-top: 0;
    margin-top: 0;
    text-transform: capitalize;
}

.modal-profile h4 {
    color: #8a96a3;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.modal-content {
    color: #474747;
}

.login-homepage {
    margin: 0 !important;
    height: 100%;
    width: 100%;
}

.login-homepage:hover {
    background-color: white !important;
}

.avatar-gradient {
    border-radius: 5px;
    margin: 0 auto;
    width: 131px;
    height: 131px;
    min-height: 131px;
    border-radius: 50%;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.23) !important;
    padding: 3px !important;
    background-image: linear-gradient(45deg, white 0%, #e6683c 25%, #dc2743 50%, #cc2366 25%, white 90%) !important;
    background-size: 600% 600% !important;
    -webkit-animation: Test 2s ease infinite !important;
    -moz-animation: Test 2s ease infinite !important;
    animation: Test 2s ease infinite !important;
}

@-webkit-keyframes Test {
    0% {
        background-position: 0% 51%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 51%
    }
}

@-moz-keyframes Test {
    0% {
        background-position: 0% 51%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 51%
    }
}

@keyframes Test {
    0% {
        background-position: 0% 51%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 51%
    }
}

.button-buy:hover {
    opacity: 0.6;
}


.cancel-btn {
    position: absolute;
    top: -1px;
    right: 20px;
    z-index: 5;
    background-color: grey !important;
    border-radius: 0 0 15px 15px;
    padding: 4px 7px;
    border-color: #008092;
}

hr {
    border-top: 1px solid rgb(230, 236, 240) !important;
}

#copy-my-link {
    font-size: 11px;
    color: #008092;
    padding: 10px 0;
    cursor: pointer;
}

.fixing-link {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    font-size: 8px;
}

.menu-close {
    position: absolute;
    top: 40px;
    right: 20px;
}

@media screen and (min-width: 1024px) {
    .menu-close {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
    .side-nav__list {
        zoom: 0.9;
    }
}

#menu-overlay {
    display: none;
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    pointer-events: none;
    background-color: rgb(0, 0, 0, 0.2);
    border-radius: 0;
    z-index: 3;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    pointer-events: none;
    background-color: rgb(0, 0, 0, 0.7);
    border-radius: 10px;
    z-index: 0;
}

.animateYes .overlay {
    background: linear-gradient(12.97deg, #16A18F -19.55%, rgba(6, 129, 147, 0) 96.1%) !important;
}

.animateNo .overlay {
    background: linear-gradient(12.97deg, #A00101 -30.55%, rgba(255, 0, 0, 0) 100%) !important;
}

#people .overlay {
    background: linear-gradient(180.16deg, rgba(8, 8, 8, 0) 0.14%, rgba(8, 8, 8, 0.1) 25.18%, rgba(8, 8, 8, 0.24) 46.31%, #191B1A 137.57%);
}

#unlocks {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #008092;
    border-radius: 50%;
    min-height: 15px;
    min-width: 15px;
}

#gallery-pagination a {
    font-size: 20px !important;
}

.overlay3 {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgb(0, 0, 0, 0.7);
}

.overlay5 {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background-color: rgb(0, 0, 0, 0.7);
    border-radius: 10px;
}

.hiddenfile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.button-gray {
    background: #FBFBFB;
    border: 1px solid #DCDCDC;
    border-radius: 20px;
    color: #676767;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 13px;
}


.g-recaptcha div {
    margin: 0 auto !important;
    max-height: 100px !important;
}

.title-img {
    width: 40px;
    height: 40px;
    position: relative;
}

#id-rules-image {
    width: 100%;
    object-fit: contain;
}

h2 {
    padding-top: 5px !important;
    margin-top: 0 !important;
    text-transform: none !important;
}

.not-opened,
.opened {
    padding-right: 5px;
}

.not-opened {
    color: rgb(138, 150, 163);
    font-weight: bold;
}

.opened {
    color: #008092;
    font-weight: bold;
}

.seen-circle {
    display: inline-block;
    background-color: #008092;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-left: 6px;

    min-height: 10px;
    min-width: 10px;
}

.login-window1 {
    width: 50%;
    padding: 50px;
    overflow-y: auto;
}

.feeds-ul {
    padding: 0 !important;
}

.feeds-ul li {
    display: inline-block;
    width: 42%;
    text-align: right;
}

.g-recaptcha-quote div:first-child {
    margin: 0 auto;
}

#frame {
    margin: 0 auto;
    width: 250px;
    position: relative;
    height: 400px;
    overflow: hidden;
    object-fit: contain;
    border: 1px solid rgb(230, 236, 240);

    border-radius: 10px;
    border-bottom: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.profile-layout1 {
    display: inline-block;
    width: 30%;
    height: 250px;
    position: relative;
}

.profile-layout1 img {
    /*    position: absolute;*/
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.feeds-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    height: 45px;
    line-height: 45px;
}

.selected {
    background-color: #DBF5FD;
    border-radius: 10px;
}

.feeds-title img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0;
    object-fit: cover;
    margin-right: 10px;
}

.profile-button {
    background-color: #2980b9 !important;
    color: white !important;
    cursor: pointer !important;
    height: 25px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    padding: 3px 13px;
}

#insta {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 35px;
    /* change this to change the size*/

}

#message {
    background: radial-gradient(circle farthest-side at left top, #008092, #008092 100%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 35px;
    /* change this to change the size*/
    padding-right: 10px;
}

#msgs-back {
    color: #333 !important;
    font-size: 20px !important;
    line-height: 50px !important;
}

#stop {
    background: radial-gradient(circle farthest-side at left top, #009cde, #008092 100%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 105px;
    /* change this to change the size*/
    padding-right: 10px;
}

.profile-layout2 {
    display: inline-block;
    width: 70%;
    padding-left: 30px;
}

.zero-pad {
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 4px !important;
}

.profile-left {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
}

.expand-comments {
    padding-bottom: 50px !important;
}

.previously-expired {
    border: 1px solid #848484;
    border-radius: 5px;
    height: 100px;
    line-height: 100px;
    display: flex;
    color: #848484;
    /* padding: 0 20px; */

    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.previously-expired .attention-mark-expired {
    height: 20px;
    width: auto;
    object-fit: contain;
}

.badge-icon {}

.previously-expired .profile-img-expired {
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.feeds-author {
    display: flex;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    margin-bottom: 10px;
}

.feeds-author-image {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0;
    object-fit: cover;
    margin-right: 10px;
}

.feeds-author-date {
    font-size: 12px;
    width: calc(100% - 200px);
    text-align: right;
    color: #BDBDBD;
    line-height: 20px;
    margin-top: 15px;
}

.feeds-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    height: 45px;
    line-height: 45px;
}

.selected {
    background-color: #EDEDED;
}

.feeds-title img {
    width: 45px;
    height: 45px;
    border-radius: 4px;
    box-shadow: 0;
    object-fit: cover;
    margin-right: 5px;
}


.profile-layout2 .col-xs-12 h2 {
    font-family: cash-market-rounded;
    font-style: normal;
    /*    font-weight: bold;*/
    font-size: 25px;
    text-transform: capitalize !important;
    text-align: left;
    padding: 0;
    color: #171717;
    margin-bottom: 5px;
    color: var(--text-color-profile);
}

.load-msg-note {
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.load-msg-note img {
    max-width: 20px !important;
    object-fit: contain !important;
}

.float-40 {
    width: 40%;
    margin-right: 40px;
}

.float-30 {
    width: 30%;
    margin-right: 40px;
}

.float-40-w {
    width: 40%;
    position: relative;
}

.float-60 {
    width: 60%;
}

.gray-hr {
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 20px;
}

.settings-heading {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase !important;
    text-align: left;
    padding: 0;
    color: #008092;
    margin-bottom: 5px;
}

.menu-small-support.menu2022 {
    margin-top: 38px;
    margin-bottom: 0;
}

.menu-small-logout.menu2022 {
    margin-top: 0px;
    margin-bottom: 38px;
}

.menu-small-logout::after {
    content: ' ';
    display: block;
    height: 1px;
    border-bottom: 2px solid #D1D3D4;
    position: absolute;
    top: 90px;
    opacity: 0.2;
    width: 90%;
}

.menu2022-inside-wrap-element {
    display: flex;
    padding-left: 38px;
    /* margin-top: 15px; */
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px;
}

.menu2022-inside-wrap-element:hover {
    font-weight: bold;
    border-radius: 5px;
}

.menu2022-inside-wrap-element img {
    width: 25px;
}

.menu2022-inside-wrap-element div {
    width: calc(100% - 25px);
    /* color: #8E8E8E; */
    padding-left: 4px;
    line-height: 15px;
}

.lists-block {
    display: flex;
    font-size: 15px;
    padding: 20px 0;
    border-bottom: 1.5px solid #F6F5F5;
}

.lists-block:first-of-type {
    border-top: 1.5px solid #F6F5F5;
}

.menu2022-lists h2 {
    color: #8E8E8E;
    padding-bottom: 0;
    font-size: 20px;
}

.menu2022-lists .section-back {
    display: flex;
    margin-top: 20px;
}

.lists-block-1 {
    width: 30px;
}

.lists-block-2 {
    color: #8E8E8E;
    width: calc(100% - 70px);
}

.lists-block-3 {
    color: #008092;
    font-weight: bold;
    width: 40px;
}

.new-menu-language{
    margin-top: 15px;
    cursor: pointer;
    list-style: none;
    height: 50px;
    display: flex;
    margin: 0 auto;
    z-index:999;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.massive-message {
    /* background-color: #F2F2F1; */
    border-radius: 5px;
    color: #848484;
    border: 1px solid #848484;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.switch-container.menu {
    width: 100%;
    margin-left: 20px;
}

.menu2022 {
    display: flex;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    cursor: pointer;
}

.menu2022-image {
    width: 30px;
    height: 25px;
    line-height: 25px;
}

.menu2022-image-modes {
    width: 30px;
    height: 25px;
    line-height: 25px;
}

.menu2022-title {
    width: 200px;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 15px;
}

.menu2022-arrow {
    width: calc(100% - 230px);
    height: 25px;
    line-height: 25px;
    text-align: right;
    position: relative;
}

.menu2022-arrow img {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 15px;
    width: auto;
}

.menu-2021 {
    display: flex;
    padding-bottom: 100px;
    overflow: hidden;
}

.menu-2021 .main {
    width: 40px;
}

.menu-2021 .main .active {
    background-color: #F6F5F5;
    border-left: 5px solid #008092;
    margin-left: -5px;
}

.menu-2021 .main .col-xs-12 {
    padding: 31px;
    padding-left: 15px;
}

.menu-2021 .main img {
    height: 29px;
}

.menu-2021 .expand {
    width: calc(100% - 50px);
    margin-left: 18px;
}

.expand b {
    color: #7F8181;
    font-size: 15px;
    font-weight: normal;
}

.menu-2021 .expand .flex {
    padding: 0 20px;
    /* margin: 40px 0; */
    margin-top: 20px;
}

.menu-2021 .expand .user-ui {
    background-color: #F6F5F5;
    border-radius: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.floating-container,
.floating-container2,
.floating-blog-bottom {
    width: 100%;
    display: flex;
}

.like-icon,
.share-icon,
.comments-feed {
    width: 35px;
    margin-right: 10px;
    cursor: pointer;
}

.likes-title {
    color: #474747;
}

.like-icon img,
.save-icon img,
.share-icon img,
.comments-feed img {
    object-fit: contain;
    width: auto;
}

.save-icon {
    position: absolute;
    right: 10px;
}

.feeds-online {
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
    border-radius: 50%;
    background-color: #35D063;
    border: 3px solid white;
    position: absolute;
    left: 35px;
    top: 25px;
}

@media only screen and (max-width: 768px) {
    .unlok-layout span{
        display: none !important;
    }
}

.unlok-layout,
.feeds-layout {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
}

.unlok-layout a,
.feeds-layout a {
    margin: 0 auto;
}

.unlok-layout img {
    height: 20px;
    margin: 0 auto;
    width: auto;
}

.feeds-layout img {
    margin: 0 auto;
    width: auto;
}

.sharer-icon {
    position: relative;
    display: flex;
    width: 20%;
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.sharer-title {
    position: relative;
    display: flex;
    font-weight: bold;
    width: 80%;
    height: 50px;
    line-height: 50px;
    color: black;
}

.ulet {
    height: 35px;
}

.layout-active {
    border-bottom: 2px solid #06B4A8;
    padding-bottom: 5px;
    margin-top: 5px;
}

.uplus-ic{
    height: 11px !important;
    object-fit: contain;
}

.unlok-layout a{
    align-items: center;
    display: flex;
    gap: 5px;
    font-weight: bold;
}

.profile-subscription-buttons{
    display: flex;
    gap: 10px;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    max-width: 400px;
}

.profile-stats{
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 20px;
}

.profile-locator{
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
    border-radius: 40px;
    width: fit-content;
    padding: 0 20px;
    height: 20px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.rocket-h1, .rocket-h0{
    color: #5c5c5c;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
}

.rocket-h0{
    font-size: 19px;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(186, 186, 186, 1);
    padding-bottom: 5px;
}

.rocket-h2{
    color: #5c5c5c;
    font-size: 13px;
    text-align: left;
    margin-bottom: 0;
}

.crystal-buttons-wrapper{
    display: flex;
    gap: 5px;
    justify-content: end;
    padding: 0 10px;
}

.crystal-button-green{
    color: #06B4A8;
    border: none;
    background-color: transparent;
    font-weight: bold;
    text-transform: uppercase;
}

.crystal-button-gray{
    color: #4D4D4D;
    border: none;
    background-color: transparent;
    font-weight: bold;
    text-transform: uppercase;
}

#cancellation_sub_error{
    color: red;
    margin-top: 5px;
    text-align: left;
}

.crystal-input-wrapper{
        position: relative;
        margin-bottom: 5px;
        margin-top: 20px;
}

.crystal-input-label{
    position: absolute;
    color: rgba(92, 92, 92, 1);
    z-index: 1;
    left: 20px;
    background-color: white;
    font-size: 13px !important;
    font-weight: normal !important;
    top: -8px;
}

.crystal-input{
    border: 1px solid rgba(197, 197, 197, 1) !important;
    border-radius: 6px !important;
    position: relative !important;
    margin: 10px 0 !important;
    line-height: 15px !important;
    height: 40px !important;
    outline: none !important;
    padding-left: 10px;
    background: white !important;
}

.crystal-input-fields{
    display: flex;
    gap: 10px;
}

.crystal-input-fields .cry-field{
    width: 50%;
}

.crystal-add-card{
    display: flex;
    gap: 5px;
    align-items: center;
    color: rgba(92, 92, 92, 1);
    margin-bottom: 10px;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    width: fit-content;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
    text-transform: capitalize;
}

#rocket-modal .profile-btn-like, #rocket-modal .profile-btn-empty{
    border-radius: 5px;
}

#rocket-modal .profile-btn-empty{
    background-color: rgba(92, 92, 92, 1);
    color: white;
}

.crystal-add-card img{
height: 15px;
width: auto;
}

.profile-locator img{
height: 13px;
}

#rocket-step2, #rocket-step1{
    padding: 10px 15px;
}

.profile-stats div{
    line-height: 18px;
    font-size: 10px;
    color: rgba(168, 168, 168, 1);
    text-align: center;
}

.profile-stats b{
    font-size: 20px;
    color: rgba(83, 83, 83, 1);
    font-weight: normal;
}

.separator{
    background: rgba(33, 33, 33, 0.5);
    width: 1px;
}

.profile-buttons{
    display: flex;
    justify-content: end;
    gap: 10px;
    margin-top: 10px;
}

.profile-buttons div img{
height: 16px;
object-fit: contain;
}

.profile-buttons div{
    background-color: rgba(247, 247, 247, 1);
    color: rgba(77, 77, 77, 1);
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 40px;
}

.enable-desktop-only{
    display: flex;
}

.enable-phone-only{
    display: none;
}

@media only screen and (max-width: 768px) {
    .profile-stats b{
        font-size: 23px !important;
    }

    .phone-profile-padding{
        padding: 0 10px;
    }

    .profile-buttons div{
        background-color: transparent !important;
    }

    .profile-buttons{
        background-color: rgba(247, 247, 247, 1) !important;
        width: fit-content;
        margin: 0 auto;
        margin: 20px auto;
        border-radius: 40px;
    }

    .profile-buttons div span{
        display: none !important;
    }

    .profile-buttons div img{
        height: 23px !important;
    }

    .enable-desktop-only{
        display: none !important;
    }

    .enable-phone-only{
        display: flex !important;
    }

    .profile-buttons{
    justify-content: center !important;
    }
}

.layout-active-category {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 35%);
}

.float-1 {
    position: relative;
    width: 72px;
    display: flex;
}

.float-1 img {
    height: 72px;
    width: 72px;
    border-radius: 50%;
    padding: 3px;
}

.float-2 {
    position: relative;
    width: calc(100% - 72px);
    display: flex;
}

.floating-container-sms {
    /* width: calc(100% - 24px);
    display: flex;
    border-top: 1px solid rgba(138,150,163,.2);
    margin: 0 12px;
    padding-top: 4px; */

    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 10px;
    min-width: 100%;
    padding-bottom: 0;
}

.floating-container-sms2 {
    width: calc(100% - 24px);
    display: flex;
    margin: 0 12px;
    padding-top: 4px;
}

.floating-container-sms2 i {
    font-size: 25px;
    display: inline-block;
    padding-right: 20px;
    color: #8a96a3;
}

.gallery-container {
    display: inline-flex;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
}

.toggleOff{
    display: none;
}

.gallery-container .option-g {
    background-color: #F5F5F5;
    color: var(--btn-color);
    border-radius: 40px;
    padding: 5px 20px;
    font-size: 11px;
    margin-right: 3px;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: bold;
}

.gallery-container .option-g-active {
    background: rgba(6, 180, 168, 0.04);
    border: 1px solid #06B4A8;
    color: var(--btn-color);
}

.modal-tick {
    width: 25px;
    color: #008092;
    text-align: left;
    display: inline;
}

.progress {
    background-color: #f2f2f1 !important;
    color: white;
    border: none;
    height: 20px !important;
    line-height: 20px;
    border-radius: 20px !important;
}

.progress-flex {
    display: flex;
    padding: 0 30px;
    width: 350px;
    margin: 0 auto;
    margin-top: 10px;
    padding-left: 60px;
}

.progress-flex .progress {
    margin: 0;
    width: 200px !important;
}

.progress-percentage {
    line-height: 20px;
    font-size: 11px;
    width: 100px !important;
}

.progress-flex .progress-bar-success {
    height: 20px;
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
}

.progress-bar {
    background-color: #008092 !important;
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
}

.modal-line {
    width: 100%;
    text-align: center;
    color: rgb(39, 39, 43);
    font-size: 15px;
}

.floating-container-mesgs {
    padding: 0 10px;
    width: 100%;
    display: flex;
    padding-right: 15px;
    height: 90px;
    cursor: pointer;
}

.chat_list {
    display: inline-block;
    width: 65px;
    height: 90px;
    line-height: 90px;
    position: relative;
}

.chat_list2 {
    display: inline-block;
    width: calc(100% - 65px);
    height: 90px;
    flex-direction: column;
    border-bottom: 1px solid rgba(138, 150, 163, .22);
    padding-left: 10px;
    position: relative;
}

.chat_list2 div {
    display: flex;
    height: 25px;
}

.chat_list2 .nick {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 18px;
}

.mg-10 {
    margin-top: 35px;
}

.credits-h-pay {
    font-size: 15px !important;
    color: #BFBFBF !important;
    font-weight: bold !important;
    text-align: right;
}

.chat_list3 {
    display: inline-block;
    width: 70px;
    position: relative;
}

.chat_date {
    font-size: 12px;
    color: #333;
    font-weight: bold;
}

.first-span {
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    max-height: 25px;
    white-space: nowrap;
}

.mess {
    color: #8a96a3;
}

.second-span {
    width: 30%;
    text-align: right;
}

.second-span .fas {
    color: #C2D0DA;
}

.title-msg {
    color: #8a96a3;
    padding: 0 10px 0;
    font-size: 17px;
    margin: 15px 0;
}

.chat_list2 h5 {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 80px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
}

.msgs-float1 .fas {
    font-size: 20px;
}

.msgs-float1 {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
}

.floating-container2 {
    padding: 10px 0 !important;
}

.align-middle-vertical {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-49%, -49%);
    width: 100%;
}

.align-middle-vertical2 {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /* width: 100%; */
}

.open-users-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.5);
    z-index: 10000000;
}

.open-users-content span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    color: white;
    text-align: center;
}

.report-users-message {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 90%;
    color: white;
    text-align: right;
    z-index: 300000000;
}

.hide-users-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.5);
    z-index: 10000000;
}

.hide-users-content span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 90%;
    color: white;
    text-align: right;
}

.hide-users-content button {
    width: 100px;
}

.rejected-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.5);
    z-index: 100;
}

.rejected-content span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    color: white;
    text-align: center;
}

.rejection-block .model-date {
    display: none;
}

.align-middle-vertical-y {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.creds-dashboard .col-xs-4 {
    text-align: center;
    position: relative;
    height: 60px;
}

.creds-dashboard {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    margin-bottom: 20px;
    border-radius: 15px;
    border-top: 1px solid #bfbfbf;
    cursor: pointer;
}

.creds-dashboard:hover {
    opacity: 0.6;
}

.creds-dashboard .price {
    background-color: #008092;
    color: white;
    border-radius: 10px;
    padding: 7px;
    width: 60px !important;
}

.creds-wrapper {
    padding: 0 40px;
}

.creds-wrapper h3 {
    font-size: 17px;
    margin: 0;
    font-weight: normal;
    color: #008092;
}

.price-box {
    width: auto;
    background-color: #F6F5F5;
    color: #008092 !important;
    padding: 5px 10px;
    border-radius: 10px;
}

.creds-wrapper .bonus {
    font-size: 12px;
}

.creds-wrapper b {
    color: #008092;
}

/*
.creds-dashboard .col-xs-4:nth-child(2){
border-left: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
}
*/

.hed header,
.hed .hd-hr {
    display: none;
}

.msgs-float2 {
    display: flex;
    width: calc(100% - 50px);
    height: 50px;
    color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    position: relative;
    text-transform: capitalize;
}

.alert.alert-info {
    background-color: #008092 !important;
}

.user-info h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    width: 150px;
    text-overflow: ellipsis;
    font-size: 25px;
}

.manage-bg {
    background-color: rgb(0, 0, 0, 0.3);
    height: 60px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 30px;
}

.model-picture img {
    margin: 0 auto;
    text-align: center;
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}

.display-upload-cover {
    position: absolute;
    right: 5px;
    top: 15px;
    color: #575757;
    font-size: 22px !important;
    cursor: pointer;
    z-index: 90;
    background-image: url('../images/green_gradient.svg');
    background-size: cover;
}

.display-upload-profile {
    position: absolute;
    left: 35px;
    top: 115px;
    color: darkgray;
    font-size: 20px !important;
    cursor: pointer;
    z-index: 90;
}

.change-camera {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    color: rgb(0, 128, 146, 0.5);
    font-size: 20px !important;
    cursor: pointer;
    z-index: 90;
}

.model-picture {
    position: relative;
    top: -27px;
    height: 150px;
    text-align: left;
    cursor: pointer;
}

.model-picture2 {
    position: absolute;
    bottom: -70px;
    height: 150px;
    text-align: left;
    cursor: pointer;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.font-700 {
    color: #008092 !important;
    font-family: cash-market-rounded !important;
}

.model-picture2 .home-picture {
    margin: 0 auto;
    text-align: center;
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}


.model-picture img:hover {
    border: 3px solid rgb(0, 112, 186, 0.3);
}

.upload-txt2 {
    position: absolute;
    right: 7px;
    top: 75px;
    color: darkgray;
    font-size: 10px;
    left: 27px;
    top: 140px;
}

.upload-txt {
    position: absolute;
    right: 5px;
    top: 30px;
    color: darkgray;
    font-size: 10px;
}

.user-info span {
    font-size: 20px;
    font-weight: normal;
    font-family: cash-market-rounded;
    text-transform: uppercase;
    color: black;
    display: inline-block;

    vertical-align: top;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}

#user-pic {
    border-radius: 10px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    object-fit: cover;
    display: inline-block;
}

.phone-helper {
    color: #333 !important;
    font-size: 20px !important;
    line-height: 50px !important;
    display: none;
}

.msgs-exception1 {
    display: inline-flex;
    width: calc(100% - 30px);
    height: 50px;
    color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    text-transform: capitalize;
}

.edit-user-note img {
    margin-top: 20px;
    margin-left: 5px;
}

.msgs-exception1 .username {
    display: block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msgs-exception1 b {
    color: #BDBDBD;
    font-size: 12px;
    font-weight: normal;
}

.messages-story-reaction-image {
    height: 200px;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.messages-uplus-sold-image {
    height: 200px;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
}

.messages-story-reaction,
.messages-uplus-sold {
    color: #333;
}

.user-circle-profile {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    color: white;
    text-align: center;
    position: relative;
}

.msgs-exception2 {
    display: inline-block;
    width: 30px;
    height: 50px;
    color: #C2D0DA;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    text-transform: capitalize;
}

.floating-box8 {
    display: inline-block;
    width: 10%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: green;
    font-size: 20px;
}

.headline1 {
    display: inline-block;
    width: 90%;
    height: 50px;
}

.headline1 h3 {
    padding: 0;
    margin: 0;
    line-height: 50px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: cash-market-rounded;
}

.headline2 {
    display: inline-block;
    width: 10%;
    text-align: right;
    text-align: center;
    font-size: 20px;
    height: 50px;
}

.floating-box1 {
    display: inline-block;
    width: 10%;
    height: 50px;
    margin: 5px;
}

.floating-box2 {
    display: inline-block;
    width: 75%;
    height: 50px;
}

.box-zero {
    display: flex;
    gap: 3px;
    margin-left: 10px;
    padding-bottom: 20px;
    padding-top: 5px;
}

.voice-price-tag-container{
    display: flex;
    width: 100%;
}

.voice-price-tag-container div{
    width: 50%;
    padding: 20px;
    cursor: pointer;
}

.voice-prige-tag-price{
    display: flex;
    gap: 10px;
}

.voice-tag-img-status{
    height: 15px;
    object-fit: contain;
}

.voice-tag-img-price{
    height: 20px;
    object-fit: contain;
}

.voice-tag-active{
    background-color: #F0F0F0;
}

.voice-recording-container{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.voice-recording-container div{
    width: 50px;
}

.voice-recording-container img{
    height: 35px;
    object-fit: contain;
}

.voice-recording-result{
    color: gray;
    display: flex;
    justify-content: center;
    color: #4D4D4D;
    font-weight: bold;
    font-size: 20px;
}

.videocall-selection{
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.videocall-selection div{
    border: 1px solid #0681936E;
    border-radius: 20px;
    padding: 5px 10px;
}

#video-call-receiving-image{
    border-radius: 50%;
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 3px solid white;
    top: -80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 200;
}

#video-call-receiving-accept{
    color: #06B4A8;
    border-radius: 20px;
    padding: 5px 10px;
    border: none;
    width: 50%;
    background-color: transparent;
}

#video-call-receiving-decline{
    color: #4D4D4D;
    border-radius: 20px;
    padding: 5px 10px;
    border: none;
    width: 50%;
    background-color: transparent;
}

#videocall-selection-errors{
    background-color: #9F98991A;
    padding: 5px 10px;
    color: #FC015B;
    margin-bottom: 15px;
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: center;
    border-radius: 20px;
    display: none;
}

#video-call-receiving-p{
    margin-top: 10px;
}

.history-active-status{
    color: #008767;
    font-weight: 700;
    border: 1px solid #00B087;
    background: rgba(22, 192, 152, 0.06);
    border-radius: 5px;
    align-items: center;
    display: flex;
    height: 30px;
    align-self: center;
    padding: 0 20px;
    cursor: pointer;
}

#video-call-receiving-username{
    margin-bottom: 0;
    padding-bottom: 0;
    color: #525252;
    font-size: 20px;
    padding-top: 50px !important;
}

#videocall-submission{
    border-radius: 30px;
    padding: 10px 15px;
    border: 1px solid #787878;
    color: #787878;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
}

.videocall-submission-hover{
    background-color: #0681938F;
    color: white;
    border: none !important;
}

.box-one {
    position: relative;
    /* width: calc(100% - 140px); */
    height: 50px;
    overflow: hidden;
    min-width: 60%;
    flex: 1 1 0;
    border: 1px solid #E8EAED;
    margin: 0 10px;
    border-radius: 5px;
}

.box-full {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 30px;
    display: inline-flex;
}

.o-main {}

.o-refunds,
.charges-form,
.msg-refunds,
.tips-refunds,
.media-refunds,
.hold-form {
    margin-top: 5px;
    color: rgb(138, 150, 163);
}

.o-refunds,
.o-main,
.subs-form,
.charges-form,
.msg-refunds,
.tips-refunds,
.media-refunds,
.hold-form {
    cursor: pointer;
}

.comments-section {
    margin-top: 25px;
}

.comments-date {
    color: #848484;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
}

.comments-likes {
    color: #848484;
    font-size: 15px;
    padding-bottom: 5px;
}

.comments-input {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    color: #848484;
    padding-left: 10px;
    margin-right: 10px;
}

.comments-block {
    /* margin-top: 5px; */
    cursor: pointer;
}

.comments-block .comments-comment:last-child {
    margin-bottom: 15px;
}

.comments-author {
    font-weight: bold;
    text-transform: capitalize;
}

.comments-comment {
    overflow-wrap: anywhere;
}

.comments-person {
    display: flex;
    margin-top: 10px;
}

.comments-actions {
    width: 15px;
    color: #008092;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
}

.comments-person-image,
.comments-person-image img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.comments-person-block {
    padding-left: 15px;
    width: calc(100% - 65px);
}

.comments-person-image .item-cont33 {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
}

.box-two {
    position: relative;
    height: 50px;
    overflow: hidden;
}

.messages_button {
    background-color: transparent;
    opacity: .2;
    border: none;
    margin-top: 6px;
}

.floating-tips {
    position: relative;
    display: none;
    width: 15%;
    height: 50px;
    overflow: hidden;
}

.floating-tips .fas {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 1px solid #008092;
    padding: 5px 8px;
    border-radius: 50%;
    color: #008092;
}

.floating-box2 textarea {
    resize: none;

    min-height: 30px;

    margin: 3px 0;

    height: 40px !important;

    text-indent: 10px;

    line-height: 40px;

    width: 100%;

    border: none;

    border-radius: 20px !important;

    word-break: break-word;

    overflow-y: auto;

    overflow-x: hidden;

    position: relative;

    border: 1px solid rgb(230, 236, 240);

    color: #607ba4;
}

.floating-box3 {
    display: inline-block;
    width: 10%;
    height: 50px;
    margin: 5px;
}

.floating-box4 {
    display: inline-block;
    width: 15%;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.floating-box4 button {
    border: none;
    background-color: transparent;
    color: #008092;
}

.title-img img {
    object-fit: cover;
    height: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.picture-wrap {
    position: relative;
    width: 100%;
    text-align: center;
}

.subscribe-button {
    background-color: transparent;

    border: solid rgba(219, 209, 4, 1) 3px !important;

    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.23);

    cursor: pointer !important;

    transition: color 0.4s ease 0s;

    color: rgb(138, 150, 163);

    display: inline-block;

    margin: calc(-1 * 2px) 2px 0;

    margin-right: 2px;
    margin-bottom: 0px;

    position: relative;

    white-space: nowrap;

    min-width: 150px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    outline: 0;

    padding: 5px 10px;

    border-radius: 25px;

    height: 40px;

    margin-top: 10px;

    float: right;

    font-size: 18px;

    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.notifi {
    background-color: #008092;
    border-radius: 50%;
    padding: 4px;
    color: white;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: -1px;
    line-height: 13px;
    font-size: 10px;
    text-align: center;
}

.post-title {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    color: #171717;
}


#design-right {
    display: none;
    width: 75px;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background-image: url(../images/right-img.png);
    background-position: 30% 1%;
    background-repeat: no-repeat;
    background-size: cover;
}

.date {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;

    text-transform: capitalize;
    margin-top: 15px;
    color: #BFBFBF;
}

.footer-btn {
    width: 70px;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    background-color: white;
    color: #171717;
    padding: 5px 10px;
    margin-top: 15px;
}

.freshy-type {
    background-color: #F2F2F1;
    color: #575757 !important;
    border: 0;
    width: 100%;
    font-size: 13px;
    padding-left: 5px !important;
    border-radius: 5px;
    height: 35px;
    box-shadow: 0px 0px 9.3px rgba(38, 38, 38, 0.25);
    overflow: auto;
    padding-top: 5px;
    font-weight: normal !important;
}

.input-new-wrapper{
        position: relative;
}

.input-new-wrapper label {
    position: absolute;
    color: rgba(134, 134, 134, 1) !important;
    z-index: 1;
    left: 20px;
    background-color: white;
    font-size: 13px !important;
    font-weight: normal !important;
}

.input-new-wrapper input, select, textarea {
    border: 1px solid rgba(197, 197, 197, 1) !important;
    border-radius: 6px !important;
    position: relative !important;
    margin: 10px 0 !important;
    line-height: 15px !important;
    height: 40px !important;
    outline: none !important;
    padding-left: 10px;
    background: white !important;
}

.uplus-preview-checkbox {
    /* display: block !important; */
    z-index: 5;
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: auto;
}

.free-preview-button {
    position: absolute;
    z-index: 15;
    border: 1px solid #008092;
    border-radius: 6px;
    padding: 3px 15px;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    font-size: 12px;
    color: #008092;
    background-color: white;
    font-weight: bold;
    text-align: center;
}

.open-gallery .free-preview-button {
    min-width: 100px;
    font-size: 10px;
}

#process-gallery-multiple .freshy-type {
    box-shadow: none;
    border: 1px solid grey;
}

#process-gallery-multiple .preview-button-active {
    color: #008092 !important;
    border: 1px solid #008092;
}

#process-gallery-multiple #uplus-preview-icon {
    content: url("../images/camera_icon.svg");
    height: 15;
}

.preview-button-active #uplus-preview-icon {
    content: url("../images/camera_icon_green.svg") !important;
}

.caption-input {
    color: #575757 !important;
    border: 0;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 25%);
    margin-top: 7px;
}

#copy-url-input {
    color: #575757 !important;
    -webkit-text-fill-color: #575757;
    opacity: 1;
}

.freshy-input {
    background-color: #F2F2F1;
    color: #575757 !important;
    border: 0;
    width: 50%;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0px 0px 9.3px rgba(38, 38, 38, 0.25);
}

.freshy-input input {
    color: #575757 !important;
}

.freshy-copy {
    color: white;
    background-color: #008092;
    padding: 10px;
    border: 0;
    border-radius: 5px;
    width: 30%;
}

.freshy-label {
    color: #008092;
    /*font-weight: bold;*/
    font-weight: 500;
    text-align: left;
    margin-bottom: 5px;
    overflow-wrap: break-word;
}

.website-label {
    color: #4A4A4A;
    font-weight: bold;
    margin-bottom: 5px;
    overflow-wrap: break-word;
    font-size: 15px;
}

.website-paragraph {
    font-size: 13px;
    text-align: left;
    color: #4A4A4A;
}

.website-select {
    background-color: white;
    color: #575757 !important;
    border: 0;
    width: 100%;
    font-size: 13px;
    padding-left: 5px !important;
    height: 35px;
    overflow: auto;
    padding-top: 5px;
    font-weight: 400 !important;

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.website-button {
    width: 100%;
    border: none;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    text-transform: none;
    color: #fff;
    padding: 0;
    height: 30px;
    background-color: #939393;
}

.freshy-btn {
    border: 1px solid #008092;
    background-color: white;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 5px;
    width: 50%;
}


.freshy-container .col-xs-12 {
    padding: 0;
}

.freshy-title {
    color: #007485;
    float: left;
    font-size: 16px;
}

.colo-input {
    border: none;
    border-bottom: 1px solid #CDCCCC;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #4D4D4D !important;
}

.colo-input::placeholder{
    color: #4D4D4D !important;
    opacity: 0.7;
}

input:-webkit-autofill{
    -webkit-text-fill-color: #4D4D4D !important;
}

.expanded-list-name {
    display: flex;
    color: #008092;
    font-weight: bold;
    margin-top: 20px;
    width: 100%;
}

#list-name {
    text-transform: capitalize;
}

.expanded-list-name div {
    display: inline-block;
}

.expanded-list-name img {
    height: 15px;
    width: auto;
    object-fit: contain;
}

.expanded-list-searchbox {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.expanded-list-row {
    display: flex;
    margin-top: 30px;
    text-align: left;
    line-height: 30px;
    color: gray;
}


.checkbox-round {
    display: block !important;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}

.checkbox-round:checked {
    background: linear-gradient(0deg, #00A893 53.12%, #018093 100%);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.freshy-container {
    padding: 0;
    padding-bottom: 550px;
}

.freshy-title i {
    padding-right: 15px;
}

.feeds-date {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    /* identical to box height */

    text-transform: capitalize;

    color: #BFBFBF;
    padding-left: 0;
    padding-top: 10px;
}

.section h3 {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
    padding-top: 0;

    color: #171717;
}

.section img {
    width: 100%;
    max-height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.post-hr {
    margin: 5px 0 !important;
}

.post {
    padding-left: 0;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;

    color: #333;
    height: auto;
    /* overflow-y: auto; */
    /*    margin-bottom: 30px;*/
}

.float-50 {
    display: inline-block;
    width: 50%;
    height: 30px;
}

.credit-cards img {
    width: 48px;
    height: 48px;
}

.tips-collab {
    color: #008092;
    text-align: right;
    font-family: cash-market-rounded;
    font-size: 15px;
    cursor: pointer;
}

.profile-btn {
    width: 100%;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    text-transform: uppercase;
    background-color: white;
    color: #171717;
    padding: 5px 10px;
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.10);
    opacity: 0.7;
}

.bor {
    /*height: 100% !important;*/
}


.profile-btns-block {
    margin-top: 5px;
}

.profile-btns-block .col-xs-4 {
    padding-right: 0;
}

.discount-container s {
    line-height: 30px;
}

.discount-pre-container .fas {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #bfbfbf;
    font-size: 18px;
}

.discount-pre-container p {
    padding-left: 30px;
    text-align: initial;
    line-height: 20px;
}

.discount-pre-container .left {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #bfbfbf;
    font-size: 10px;
    font-weight: bold;
}

.discount-pre-container {
    border: 1px solid #008092;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
}

.discount-container {
    text-align: center;
    line-height: 30px;
    border: none;
    box-sizing: border-box;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    margin: 0 auto;
    text-transform: uppercase;
    color: white;
    padding: 0 10px;
    height: 30px;
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.profile-btn-empty {
    width: 100%;
    border: 1px solid #008092;
    box-sizing: border-box;
    border-radius: 40px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    text-transform: none;
    color: #008092;
    padding: 0;
    height: 30px;
    background: white;
    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
}

.profile-btn-gray {
    width: 100%;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    text-transform: none;
    color: white;
    padding: 0;
    height: 30px;
    background: #D9D9D9;
    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
}

.all-time-earnings {
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    color: white;
    display: flex;
    border-radius: 5px;
    padding: 0 20px;
    background: -webkit-linear-gradient(bottom, #00A893 0%, #00A193 30.59%, #018E93 74.41%, #018093 100%);
    background: -o-linear-gradient(bottom, #00A893 0%, #00A193 30.59%, #018E93 74.41%, #018093 100%);
    background: -ms-linear-gradient(bottom, #00A893 0%, #00A193 30.59%, #018E93 74.41%, #018093 100%);
    background: -moz-linear-gradient(bottom, #00A893 0%, #00A193 30.59%, #018E93 74.41%, #018093 100%);
    background: linear-gradient(to bottom, #00A893 0%, #00A193 30.59%, #018E93 74.41%, #018093 100%);
}

.profile-btn-like,
.reels-button-pagination {
    width: 100%;
    border: none;
    box-sizing: border-box;
    border-radius: 40px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    text-transform: none;
    color: white;
    padding: 0;
    height: 30px;
    background: #06B4A8;
    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
}

.profile-btn-like:active {
    background: #E8EAED;
    color: #848484;
}

.reels-button-pagination {
    width: 100px;
    margin-top: 20px;
}

.change-graph {
    background: white;
    color: black;
}

.reels-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.active-graph {
    color: white !important;
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%) !important;
}

.maylike {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.maylike div {}

.maylike img {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    object-fit: cover;
}

.profile-btn-req {
    width: 100%;
    border: 1px solid #008092;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    text-transform: uppercase;
    background-color: #008092;
    color: white;
    padding: 5px 10px;
}


.tips-collab b {
    border-bottom: 1px solid #008092;
}

.tips-collab b:hover {
    opacity: 0.7;
}

.profile-row .item-cont33 {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.27);
}

/* .item-cont33{
    position: relative;
    width: 100%;
    border-radius: 3px;
} */

.waiting-for-thumbnail {
    position: relative;
    background-color: gray;
    color: white;
    border-radius: 10px;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.waiting-for-thumbnail .imgas {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.model-side-dots {
    border-radius: 20px !important;
    color: white;
    padding: 5px 10px !important;
    margin-top: 4px !important;
    box-shadow: 0 5px 10px rgba(50, 50, 50, .2) !important;
    float: right !important;
    border: 1px solid #008092 !important;
}

.follow {
    background-color: #008092;
    padding: 0px 15px;
    border-radius: 1000px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: white;
}

.tip-author {
    text-transform: capitalize;
    color: #008092;
}

.my-options {
    border: 2px solid #008092;
    padding: 5px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    color: #008092;
    transition: .2s ease-in-out;
}

#user-options {
    position: absolute;
    right: 0;
    -webkit-transition: .2s ease-in-out;
    color: #008092;
    transition: .2s ease-in-out;
    cursor: pointer;
    font-weight: 600;
    font-size: 35px;
}

.followed {
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    padding: 0px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: #999;
}

.item-cont333 {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.item-cont35 {
    position: relative;
    width: 100%;
    /*    height: 450px;*/
    margin: 0 auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    border-radius: 10px;
}

.item-cont999 {
    position: relative;
    width: 100%;
    /*    height: 450px;*/
    margin: 0 auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    border-radius: 10px;
    height: 450px;
}

.item-cont33:after,
.item-cont35:after,
.item-cont333:after,
.item-cont999:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}

.upload-picture-model {}

.content {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    text-transform: capitalize;

    color: #171717;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float: right;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}


.lang-container {
    width: 140px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

.lang-container-de {
    margin-top: 15px;
    width: 150px;
    cursor: pointer;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100px;
}

.lang1 {
    margin-top: 5px;
    display: inline-block;
    /*    width: 20%;*/
    height: 50px;
    padding-right: 5px;
    font-size: 12px;
}

.lang2 {
    margin-top: 5px;
    display: inline-block;
    width: 40px;
    height: 30px;
}

.button-man-lock-free {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
    background: none;
    padding: 3px 0;
    color: white;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    width: 90% !important;
    height: auto !important;
    line-height: 23px;
}

.button-man-lock-free span {
    font-weight: bold;
    border: 1px solid white;
    padding: 2px 15px;
    border-radius: 5px;
    font-size: 15px;
}

.button-coming-soon {
    color: white;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    font-size: 12px;
}

.button-coming-soon b {
    font-size: 15px;
}

.button-coming-soon-feed {
    color: white;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    font-size: 16px;
}

.button-coming-soon-feed b {
    font-size: 19px;
}

.button-man-lock-icon {

    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    background: #008092;
    border: none;
    border-radius: 100px;
    background: none;
    padding: 3px 0;
    color: #008092;
    cursor: pointer;
    min-width: 10px !important;
    width: 160px;
    height: 40px;
    text-align: center;
    position: relative;
    font-weight: 700;


    font-size: 10px !important;
    min-width: 10px !important;
    width: 40px !important;
    height: 40px !important;

    pointer-events: none;
}

.lang3 {
    margin-top: 5px;
    display: inline-block;
    /*    width: 20%;*/
    height: 50px;
    padding-left: 5px;
    font-size: 12px;
}

.profile-online {
    min-width: 17px;
    min-height: 17px;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    position: absolute;
    bottom: 8px;
    right: 15px;
    background-color: #35D063;
    border: 3px solid white;
}

.modal-content .profile-online {
    bottom: 0;
    right: 0;
}

/* The switch - the box around the slider */
.switch2 {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    float: right;
}

.switc2:checked {
    background-color: red;
}

/* Hide default HTML checkbox */
.switch2 input {
    display: none;
}

.switch2 input:checked+span {
    background: -webkit-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input.default:checked+.slider {
    background-color: #444;
}

input.primary:checked+.slider {
    background-color: #2196F3;
}

input.success:checked+.slider {
    background-color: #8bc34a;
}

input.info:checked+.slider {
    background-color: #3de0f5;
}

input.warning:checked+.slider {
    background-color: #FFC107;
}

input.danger:checked+.slider {
    background-color: #f44336;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.model-side-dots {
    border-radius: 20px !important;
    color: white;
    padding: 5px 10px !important;
    margin-top: 4px !important;
    box-shadow: 0 5px 10px rgba(50, 50, 50, .2) !important;
    float: right !important;
    border: 1px solid #008092 !important;
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

.slider.round:before {
    border-radius: 50%;
}

.elipsis-name,
.elipsis-name a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dz-details img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.elipsis-name {
    width: calc(90%);
    padding-left: 20px;
}

.elipsis-name a {
    width: 100%;
}

.item-cont5:hover .overlay5 {
    opacity: 0;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.text2 {
    color: black;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.profile-nick {
    width: inherit;

    color: #000 !important;

    max-width: 100%;
    white-space: nowrap;

    text-overflow: ellipsis;

    display: inline-block;

    overflow: hidden;
    font-family: cash-market-rounded;

    color: #fcca45;

    font-size: 20px;

    font-weight: 400;
    padding: 0px;

    margin: 0px;
}

.col-gap .col-xs-6 {
    margin-bottom: 20px;
}

.follow {
    background-color: #008092;
    padding: 0px 15px;
    border-radius: 1000px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: white;
}

.followed {
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    padding: 0px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: #999;
}

.cancel-dots {
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    padding: 0px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: #999;
}

.follow:hover,
.options:hover {
    opacity: 0.6;
}

#user-options {
    position: absolute;
    right: 0;
    -webkit-transition: .2s ease-in-out;
    color: #008092;
    transition: .2s ease-in-out;
    cursor: pointer;
    font-weight: 600;
    font-size: 35px;
}

.block-button {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 15px;
    color: indianred;
}

#tip-author {
    text-transform: capitalize;
    color: #008092;
}

.tip-backdrop {
    width: 400px;
}

.my-options {
    border: 2px solid #008092;
    padding: 5px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    color: #008092;
    transition: .2s ease-in-out;
}

.text-wrapper {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.padding-layout {
    padding: 10px 10px;
}

.my-options:hover,
#user-options:hover {
    opacity: 0.6;
}

.options {
    border: 2px solid #008092;
    padding: 5px 30px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: .2s ease-in-out;
    color: #008092;
    transition: .2s ease-in-out;
}

#options {
    position: relative;
    background-color: white;
    z-index: 20;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 10px;
    filter: drop-shadow(0px 17px 15px rgba(0, 0, 0, 0.3));
}


.video-js {
    width: 100%;
    height: 100%;
}

.vjs-poster {
    background-size: contain !important;
}

.vjs-has-started .vjs-control-bar {
    background: none;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) .vjs-slider{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 32px;
    border-radius: 1000px;
    background: rgba(0, 0, 0, .5);
    opacity: .7;
    color: #fefefe;
    -webkit-transition: background-color .3s ease, opacity .3s ease;
    transition: background-color .3s ease, opacity .3s ease;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
}

.message-boost .item-cont33 {
    max-height: 150px;
}

.hide-dropdown-arrow {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.message-boost .messages-images-container-locked,
.message-boost p,
.message-boost .messages-images-container {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.message-boost .messages-video-container,
.message-boost .messages-video-container-locked,
.message-boost .messages-images-container,
.message-boost .messages-images-container-locked {
    border-radius: 0 !important;
}

.message-boost .messages-images-container-locked img:not(.cu-thumb),
.message-boost .profile-activity:not(.cu-thumb) {
    border-radius: 0 !important;
}

.message-boost .sent_msg,
.message-boost .received_msg,
.message-boost .cu-thumb {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.message-boost .time_date p,
.message-boost .sent_msg,
.message-boost .received_msg {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.message-boost .received_msg,
.message-boost .sent_msg {
    box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
    padding: 0;
}

.message-boost .not-opened {
    display: none;
}

.messages-video-container,
.messages-video-container-locked,
.messages-images-container,
.messages-images-container-locked {
    /* height: 300px !important; */
    /*    height: calc(100vh - 450px) !important;*/
    width: 100% !important;
    position: relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    z-index: 999;
}

.messages-video-container video,
.messages-video-container-locked video,
.messages-video-container-locked img,
.messages-images-container img,
.messages-images-container-locked img,
.vjs-poster {
    height: 100%;
    width: 100%;
}

.messages-video-container video,
.messages-video-container-locked video,
.messages-video-container-locked img,
.messages-images-container img,
.messages-images-container-locked img {
    object-fit: contain;
}

.messages-video-container-locked img,
.messages-images-container img,
.messages-images-container-locked img {
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

a {
    cursor: pointer;
}


.simple-btn:hover {
    background-image: radial-gradient(circle farthest-side at left top, #009cde, #008092 100%);
    color: white !important;
}

.active-but {
    background-image: radial-gradient(circle farthest-side at left top, #009cde, #008092 100%) !important;
    color: white !important;
}

.model-cover-image-new {
    background-position: 10% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toolbar-for-pictures{
    cursor: pointer;
    height: 30px;
    object-fit: contain;
}

.model-profile-imag-new{
display: flex;
position: relative;
height: 100px;
}

.model-profile-imag-new .toolbar-for-pictures{
    position: absolute;
    top: -10px;
    left: 35px;
}

.model-profile-imag-img{
    border-radius: 50%;
    height: 100px;
    width: 100px;
    object-fit: cover;
    position: absolute;
    top: -50px;
    left: 20px;
    border: 2px solid white;
}

.spi img {
    object-position: center;
}

.simple-btn {
    background-color: transparent;

    border: solid #008092 2px;

    cursor: pointer !important;

    transition: color 0.4s ease 0s;

    color: rgb(138, 150, 163);

    display: inline-block;

    margin: calc(-1 * 2px) 2px 0;

    margin-right: 2px;
    margin-bottom: 0px;

    position: relative;

    white-space: nowrap;

    min-width: 150px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    outline: 0;

    padding: 5px 10px;

    border-radius: 25px;

    margin-bottom: 10px;

    height: 40px;

    max-width: 100%;

    width: 100%;

    background: 0 0;

    font-size: 18px;

    margin-right: 10px;

    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;

}

.main-picture-wrap {
    position: relative;

    width: 100%;

    padding-top: 100%;

    border-radius: calc(20px - 1px) calc(20px - 1px) calc(20px - 1px) calc(20px - 1px);

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

    border: 1px solid rgba(255, 255, 255, 1);

    background: rgba(0, 0, 0, .1);
}

.accept-button {
    margin-top: 10px;
    border: 2px solid #008092;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    background-color: #008092;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: white !important;
    width: 100%;
    text-align: center;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0 !important;
}

.profile-send-message {
    border: 1px solid #cacaca;
    border-radius: 1000px;
    cursor: pointer;
    font-size: 14px !important;
    background-color: transparent;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: #8a96a3 !important;
    width: 100%;
    text-align: center;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0 !important;
}

.profile-send-message .fa,
.profile-send-message .fas {
    padding-right: 10px;
    color: #008092 !important;
}


.profile-send-message .fa,
.profile-send-message .fas {
    padding-right: 10px;
    color: #008092 !important;
}

.decline-button {
    margin-top: 10px;
    border: 2px solid #008092 !important;
    border-radius: 20px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    background-color: transparent !important;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    color: #008092 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0 !important;
}


.modal-body .btn {
    color: #fff !important;
    font-size: 16px;
    margin: 0 auto;
    background: #008092;
    border: none;
    border-radius: 10px;
    padding: 10px 0;
    width: 100%;
    max-width: 150px;
}

#tip-main .input-group {
    width: 40%;
}

.col-xs-12 a {
    color: #008092;
    font-size: 13px;
    line-height: 19px;
    outline: none;
}

.col-xs-12 a:active,
.col-xs-12 a:focus {
    outline: none;
    text-decoration: none;
    border: none;
}

.tear a {
    font-size: 18px !important;
}

.main-picture {
    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    border-radius: calc(20px - 1px) calc(20px - 1px) calc(20px - 1px) calc(20px - 1px);

    cursor: pointer;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

    background-color: rgba(255, 255, 255, 1);

    border: 1px solid rgba(255, 255, 255, 1);
}

.please-buy {
    background: #008092 !important;
    color: white !important;
    padding: 5px 40px !important;
    margin-top: 20px;
}

.profile-picture {
    height: 40px;

    width: 40px;

    -o-object-fit: cover;

    object-fit: cover;

    border-radius: 50%;

    margin-right: 15px;

    cursor: pointer;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

h2 {
    text-transform: capitalize;
}

.close-wrap {
    text-align: right;
    cursor: pointer;
}

.close-menu {
    opacity: 0.4;
}

.close-menu:hover {
    opacity: 1;
}

.x-button {
    position: absolute;

    top: 0;

    right: 0;

    z-index: 500;

    background: transparent;

    border-radius: 0 0 15px 15px;

    padding: 4px 7px;

    /*    border-color: #717171;*/

    opacity: 0.7;

    border: 0;

    font-size: 25px;
}

.x-button img {
    width: 32px;
    height: 32px;
}

.x-button:hover {
    opacity: 1;
}

#edit-profile-h3 {
    padding-top: 0;
    margin-top: 0;
    font-weight: bold;
    text-align: left;
    margin-left: 20px;
}

.home-background b {
    font-size: 20px !important;
}

.home-background:hover {
    opacity: 0.7;
}

.home-background {
    cursor: pointer;
}

footer ul {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-left: 0;
}

footer ul li {
    display: inline-block;
    margin-right: 10px;
    color: black;
    font-weight: normal;
    font-size: 14px;
}

footer a {
    text-decoration: none;
    color: #bdbdbd !important;
}

.wrapper-icon {
    font-size: 10px;
    width: 100%;
    text-align: center;
    opacity: 0.7;
    cursor: pointer;
}

.wrapper-icon a {
    color: black !important;
    text-decoration: none !important;
}

.wrapper-icon:hover {
    opacity: 1;
}

.not-working {
    opacity: 0.2;
}

.carousel-inner {
    margin-bottom: 45px;
}

.upload {
    cursor: pointer;
    color: #008092;
}

#menu {
    z-index: 5555;
}

#main-pic {
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
}


h2 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 15px;
}

#stream .col-md-6 {
    padding-bottom: 40px;
    text-align: center;
}

#user .col-xs-3 {
    font-weight: bold;
}

.col-md-3 a img {
    width: 80%;
    height: 260px;
    object-fit: cover;
}

.col-md-8 {
    padding-bottom: 15px;
}

.col-md-4 {
    font-weight: bold;
}

.col-md-4 img:hover {
    opacity: 0.7;
    cursor: pointer;
}

body {
    background-color: #F5F6FA !important;
}

.carousel-indicators li {
    background-color: #fff !important;
}

/* .right img{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    right: 10px;
    height: 30px;
    width: auto;
}

.left img{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    left: 10px;
    height: 30px;
    width: auto;
} */

/* .carousel-indicators .active{
    border: none !important;
    height: 14px !important;
    width: 14px !important;
    background: -webkit-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
} */

input[type="reset"],
input[type="submit"],
input[type="button"],
.submit {
    width: 20%;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 10px !important;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-transform: uppercase;
    background-color: white;
    color: #171717;
    padding: 5px 10px;

}

.register-as {
    padding: 0;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    border-bottom: 1px solid #E2E2DF;
}

.register-as li {
    display: inline-block;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    cursor: pointer;
    color: #171717;
    width: 50%;
    text-align: center;
    padding-bottom: 15px;
}

.extra-link {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    /* identical to box height */
    float: left;
    margin-top: 5px;
    text-transform: none;

    color: #008092;
}

.protection {
    padding-bottom: 20px;
}

.links-item {
    margin-right: 20px;
}

.preview-image,
.preview-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.statement {
    text-align: center;

    margin: 0 auto;
    margin-top: 15px;
}

.statement-link {
    text-decoration: none !important;

    color: rgb(138, 150, 163);
}

.links-item a {
    color: rgb(138, 150, 163);
}

.protection {
    font-size: 14px;

    margin: 0;

    line-height: 1;

    color: rgb(138, 150, 163);
    font-weight: bold;

    text-align: center;
    margin-top: 50px;


}

.button-man-lock {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    min-width: 10px !important;
    width: 60%;
    position: relative;
    font-weight: 700;
    padding: 0;
    border: none;
    background: transparent;
    max-width: 100px;
}

.platform-video-css img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.platform-video-css{
    overflow: hidden;
}

#platform-show-video .modal-body{
    cursor: move;
    padding: 0;
}

#platform-show-video .body-main {
    height: fit-content;
    max-height: 90dvh;
}

#platform-show-video video{
    height: auto;
    position: relative;
}

.livechat-button {
    display: inline-flex;
    border: 1px solid #C4C4C4;
    border-radius: 40px;
    color: var(--text-color);
    align-items: center;
    font-size: 25px;
    margin-top: 55px;
    gap: 10px;
    cursor: pointer;
    justify-content: center;
    margin-bottom: 20px;
    height: 70px;
    line-height: 70px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}

.livechat-button img {
    height: 20px;
    object-fit: contain;
}

@media all and (max-width: 991px) {

    #platform-show-video .modal-dialog{
        width: 100% !important;
        margin: 0;
    }

    .livechat-button {
        margin: 15px 0 !important;
    }

    .sidebar-menu-anon .livechat-button {
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
}

.button-man-lock-home {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    min-width: 10px !important;
    width: 80%;
    position: relative;
    font-weight: 700;
    padding: 0;
    border: none;
    background: transparent;
}

.button-man-lock2 {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    min-width: 10px !important;
    width: 60%;
    position: relative;
    font-weight: 700;
    padding: 0;
    border: none;
    background: transparent;
}

.button-man-bg {
    background: #06B4A8;
    border: none;
    color: white;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
}

.button-man-bg-home {
    background: -webkit-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    color: white;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
}

.locked-image {
    background: url(../images/background.png) 50%/cover;
}

.button-man-bg2 {
    background: -webkit-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    background: linear-gradient(to top, rgba(0, 169, 146, 0.92) 0%, rgba(0, 128, 145, 0.93) 100%);
    border: 1px solid #008092;
    color: white;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
}

.button-man-lock .row {
    width: 100%;
    margin: 0;
}

.button-man-lock .col-xs-6 {
    padding: 0;
}

.button-man-lock:hover .fa-lock,
.button-man-lock .fa-lock-open {
    display: none;
}

.button-man-lock:hover .fa-lock-open {
    display: inline;
}

.button-man {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    background: #008092;
    border: none;
    border-radius: 50%;
    padding: 3px 0;
    color: #008092;
    font-size: 18px;
    cursor: pointer;
    min-width: 10px !important;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    position: relative;
    font-weight: 700;
}

#tip-check {
    font-size: 50px;
    color: #008092;
}

.button-man .fa-lock {
    font-size: 20px;
}



.msg_send_btn .fa {
    color: #008092 !important;
    font-size: 30px !important;
}

.button-man-videos {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    padding: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    font-size: 13px;
    background: transparent;
    border: none;
    border-radius: 0;
    /* padding: 20px; */
    font-size: 18px;
    cursor: pointer;
    min-width: 10px !important;

    pointer-events: none;
}

.button-man-videos .fa-play,
.button-man .fa-lock {
    color: #fafafa;
}

.button-man-videos img {
    height: 50px;
}

.unlock-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    min-width: 135px;
    background: #008092;
    border: none;
    border-radius: 100px;
    padding: 3px 0;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    min-width: 150px;
    text-align: center;
    position: relative;
    font-weight: 700;
}

.unlock-button2 {
    display: flex;
    position: absolute !important;
    bottom: 15px;
    left: 15px;
    text-transform: none;
    font-weight: 700;
    font-size: 15px;
    min-width: 135px;
    background: transparent;
    border: none;
    border-radius: 100px;
    padding: 3px 0;
    color: #fff;
    cursor: pointer;
    min-width: 150px;
    text-align: center;
    position: relative;
    font-weight: 700;
}

.lock-ic-m {
    display: flex;
    position: absolute !important;
    top: 15px;
    right: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    background: transparent;
    border: none;
    border-radius: 100px;
    padding: 3px 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-weight: 700;

    border: 1px solid white;
    border-radius: 50%;
    padding: 10px 12px;
}

.type-set {
    display: flex;
    position: absolute !important;
    bottom: 65px;
    left: 15px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    line-height: 20px;
}

.type-set .free-preview-button {
    position: static;
    margin-left: 5px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 1px 15px;
}

.type-set2 {
    display: flex;
    position: absolute !important;
    bottom: 7px;
    left: 10px;
    font-weight: 700;
    font-size: 16px;
    color: rgb(255, 255, 255, 0.2) !important;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    line-height: 20px;
}

.type-set2 .fas {
    color: rgb(255, 255, 255, 0.2) !important;
    margin-left: 5px;
    line-height: 20px;
}

.profile-section-heading {
    color: #008092;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.profile-section-heading img {
    margin-top: 10px;
}

.profile-section-button {
    border: 1px solid #008092;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: #333;
    padding: 0 10px;
    min-width: 300px;
    height: 30px;
    background: white;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}

.profile-section-clear {
    padding-bottom: 100px;
}

.profile-section-p {
    margin-top: 10px;
    color: #868686;
    padding: 0 30px;
}

.outside-lock {
    display: flex;
    position: absolute !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    font-weight: 700;
    font-size: 13px;
    color: #8a96a3;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    line-height: 20px;
}

.delete-com {
    position: absolute;
    right: 3px;
    top: 1px;
    color: white;
    width: 100%;
    text-align: right;
    z-index: 1000;
}

.type-set i {
    padding-right: 5px;
    line-height: 20px;
}

.phone-container {
    height: 100%;
    bottom: 0;
    border-top: 1px solid rgba(138, 150, 163, .2);
    background: #f5f5f5;
    position: fixed;
    z-index: 1000;
    height: 48px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .16);
    flex: 0;
    transition: height .3s ease, padding-bottom .3s ease;
    display: none;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

    padding-bottom: calc(2.5 * env(safe-area-inset-bottom));
}

.phone-container2 {
    height: 100%;
    padding: 0 12px;
    width: 100vw;
    margin-right: auto;
    margin-left: auto;
}

.phone-main {
    display: flex;
    justify-content: center;
    height: 47px;
    gap: 60px;
}

.message-options-block{
    height: 30px;
    border-radius: 50px;
    background: #efefef;
    color: #858585;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 15px;
    cursor: pointer;
    font-weight: bold;
}

#uploadimageWithMessage .box-zero{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

#uploadimageWithMessage{
    background-color: #F9F9F9;
    margin: 0;
}

@media screen and (min-width: 991px) {
    #uploadimageWithMessage{
        margin-bottom: 20px;
    }
}

.heading-item {
    position: relative;
    color: #8a96a3;
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-size: 24px;
}


#close-button-right-menu {
    color: gray;
    font-size: 35px;
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer;
}

.home-background {
    background-color: rgb(245, 248, 250);
    height: 150px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


#close-button-right-menu:hover {
    color: white;
}

.line-break {
    width: 100%;
}

.app-header {
    height: 80px;
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 80px;
}

.app-header__text-links {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 1px;
    flex: 1 0 1px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap;
    line-height: 80px;

}

.app-header__link {
    line-height: 80px;
    color: rgb(138, 150, 163);
    font-size: 14px;
    line-height: 80px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 20px;
}

.app-header__crest {

    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;

}

.ui-v-align__container {

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.ui-grid-container {

    width: 95%;

}

.ui-grid-container {

    margin: 0 auto;
    min-width: 288px;
    width: 90%;

}

#logout {
    color: rgb(138, 150, 163);
    font-size: 14px;
    line-height: 55px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 80px;
    padding: 0 20px;
}


.app-header__logo {

    height: 70px;

}

.app-header__text-links--right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1 0 1px;

    flex: 1 0 1px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: flex-end;

    white-space: nowrap;

    text-align: end;

}

.active-slider {
    background-color: white !important;
}



.left-profile-shadow {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.profile-check-symbol {
    height: 14px !important;
    width: 14px !important;
    margin-bottom: 3px;
}

.terms-gr {
    font-family: cash-market-rounded !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 17px !important;
    padding-bottom: 5px;
    text-transform: capitalize !important;

    color: #333;
}

.profile-nickname {
    text-align: center;
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 35px;
    text-transform: uppercase;
    /* color: #171717; */
    margin-top: 8px;
}

.balance {
    font-family: cash-market-rounded;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: left;
    color: #BFBFBF;
}


.fa-fw {
    padding-right: 10px !important;
}

.side-nav__link:hover {
    opacity: 0.7;
    text-decoration: none;
}

.left-box {
    width: 100%;
    background-color: rgb(245, 248, 250);
    border-radius: 10px;
}

.left-box h3 {
    padding-top: 15px;
    margin-left: 15px;
    margin-top: 0;
}

.wrapx {
    text-align: center;
}

/* hr{
    margin-bottom: 10px !important;
    margin-top: 10px !important;
} */

.ui-font__avenir--bold {
    font-weight: 700;
}

.side-nav__list {

    list-style-type: none;
    margin: 0;
    padding: 0;

}


.side-nav__container {
    overflow-y: auto;
    width: 100%;
}


header {
    height: 60px;
    line-height: 60px;
    display: flex !important;
    position: relative;
}

header .block-side {
    width: 100px;
    line-height: 60px;
    text-align: center;
    position: relative;
}

header .block-side:first-child {
    display: none;
}

header .block-logo {
    width: calc(100% - 80px);
    text-align: left;
}

header .block-logo img {
    max-height: 30px;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 768px) {
    .button-man-lock-free {
        font-size: 8px !important;
        line-height: 15px !important;
    }

    .button-man-lock-free span {
        font-size: 5px !important;
    }

    header .block-side:first-child {
        display: block !important;
    }

    header .block-logo {
        width: calc(100% - 160px) !important;
        text-align: center !important;
    }
}

hr {
    border-top: 1px solid rgb(191, 191, 191, 0.4) !important;
}

.search {
    float: right;
    color: #BFBFBF;
    font-size: 20px;
}

.active-nav {
    background: rgba(0, 0, 0, .25);

    pointer-events: all;
}

.app-header__link:hover {
    opacity: 0.7;
}

.ui-font__avenir--bold {
    font-size: 15px;
    font-weight: 700;
    transition: 0.3s;
}

.ui-font__avenir--bold:hover {
    color: white;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none !important;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgb(138, 150, 163) !important;
    margin: 8px 0px;
    line-height: 1.6em;

    -webkit-text-size-adjust: none;

    color: #252525;
    font-weight: bold;
}

.hr-sect::before,
.hr-sect::after {
    content: "";
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

.sign-up-fb {
    min-width: 125px;
    width: 145px;

    font-size: 16px;
    background-color: #4362a5;


    color: #fff;
    border-radius: 40px;

    transition: all .3s;
}

.feeds-menu-button {
    position: absolute;
    right: 20px;
    border-radius: 10px;
    top: 20px;
    font-size: 25px;
    z-index: 99;
    color: #171717;
}

#open-options {
    display: none;
}

#feeds-heart-icon {
    position: absolute;
    right: 55px;
    border-radius: 10px;
    top: 20px;
    font-size: 25px;
    z-index: 99;
    color: #171717;

    display: none;
}

.profile-activity {
    position: absolute;
    /* Take your picture out of the flow */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* Make the picture taking the size of it's parent */
    width: 100%;
    /* This if for the object-fit */
    height: 100%;
    /* This if for the object-fit */
    object-fit: cover;
    /* Equivalent of the background-size: cover; of a background-image */
    object-position: center;
}



.toggle-profile .btn-active {
    font-weight: bold !important;
}

.toggle-profile {
    padding: 0 !important;
}

.btn-active {
    border-bottom: 2px solid #008092 !important;
    padding-bottom: 6px !important;
}

.toggle-profile {
    padding: 0 !important;
}

.square-blocks img {
    height: 25px;
}

.btn-active:visited,
.btn-active:focus {
    outline: none !important;
    box-shadow: none;
}

.checkbox label {
    float: left !important;
}

.checkbox-material {
    margin-right: 10px !important;
    top: 2px !important;
}

.btn:not(.btn-raised).btn-primary {
    color: white !important;
}

.btn {
    color: #008092 !important;
}


.checkbox {
    border: 0 !important;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label:before {
    font-family: FontAwesome;
    display: inline-block;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    padding: 5px;
    color: #06B4A8;
}

.change-pic-label {
    color: #008092;
}

input[type="checkbox"]+label:before:not(.woot--bubble-holder) {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
}

/* unchecked icon */
input[type="checkbox"]+label:before {}

/* space between checkbox and label */

input[type="checkbox"]:checked+label:before {
    content: "\f14a";
}

/* checked icon */
input[type="checkbox"]:checked+label:before {}

/* allow space for check mark */

.table-editi {
    color: grey;
    border: 1px solid rgb(211, 211, 211, 1);
}

.alert-mine {
    background-color: #008092 !important;
    color: white !important;
}

alert-mine a {
    color: white !important;
}

.input-group .form-control {
    float: none;
}

.input-group .input-buttons {
    position: relative;
    z-index: 3;
}

.input-group-addon {
    border: 1px solid rgb(211, 211, 211, 1) !important;
    color: #008092 !important;
    border-right: none !important;
}

.table-wrap {
    overflow: auto;
    border-radius: 5px;
    border: 1px solid rgb(211, 211, 211, 1);
}

.table-wrap table {
    border-spacing: 0;
    border-collapse: collapse;
    border-style: hidden;

    width: 100%;
    max-width: 100%;
}

.input-currency input {
    height: 45px;
    text-indent: 0;
    font-size: 15px;
    border-left: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.editi {
    height: 45px;
    width: 100% !important;
    text-indent: 0;
    padding: 10px 0 !important;
    margin: 0;
    border-radius: 0 !important;
    background-color: white !important;

    outline: none;
    font-size: 15px;


    -webkit-text-size-adjust: none;

    color: black;
    border: none;
    border-bottom: 0.75px solid #bfbfbf;
    text-align: left;
}

.editi::placeholder {
    color: black;
}

#tip-model .freshy-input::placeholder,
#tip-model select {
    color: #BDBDBD !important;
}

/* .abcRioButton, .abcRioButtonBlue { margin: 0 auto;} */

/* .fancybox__nav .carousel__button.is-next, .fancybox__nav .carousel__button.is-prev, .fancybox__toolbar__items{
    display: none !important;
} */

.fancybox__button--thumbs,
.fancybox__button--fullscreen,
.fancybox__button--slideshow,
.fancybox__button--zoom,
.fancybox__toolbar__items--left {
    display: none !important;
}

.fancybox__html5video,
.fancybox__iframe,
.has-html5video .fancybox__content {
    height: auto !important;
    max-height: 85vh !important;
    background: transparent !important;
    border: none !important;
    outline: transparent;
    pointer-events: none;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    background: transparent !important;
    border: none !important;
    outline: transparent;
}

.fancybox__content .vjs-poster {
    display: none;
}

.fancybox__content .vjs-tech {
    width: 100%;
    height: 100%;
}

.fancybox__content .fancybox__nav {
    display: none;
}

.fancybox__html5video:focus,
.vjs-tech:focus {
    outline: none !important;
}

.fancybox__nav {
    display: none;
}

@media screen and (max-width : 480px) {
    #main-pic {
        margin-top: 80px;
    }

    #stream .col-md-4 {
        padding-bottom: 80px;
    }

    .mesgs {
        margin-top: 50px;
    }

    .col-md-10 {
        z-index: -2;
    }

}


/*MESSAGES*/
.app-wrapper #wrapper-content {
    width: 100% !important;
}

.app-wrapper #wrapper-content main {
    width: 100vw;
}

.middle_content {
    min-height: 300px;
}

footer {
    display: none;
}

.app-wrapper #wrapper-content {
    padding: 0;
    padding-top: 90px;
}

.container {
    max-width: 1170px;
    margin: auto;
}

.can {
    /*        height: 100px;*/
    width: calc((100vh - 144px)/1.962962962962963);
}

video {
    /*        height: 100px;*/
    width: width: calc((100vh - 144px)/1.962962962962963);
}

.inbox_people {
    /*        background: #f8f8f8 none repeat scroll 0 0;*/
    float: left;
    overflow: hidden;
    width: 25%;
    border-right: 1px solid #c4c4c4;
    padding: 0 16px;
}

#phone-chat {
    display: none;
}

.phone-only {
    display: none;
}

.inbox_msg {
    /*        border: 1px solid #c4c4c4;*/
    clear: both;
    overflow: hidden;
}

.top_spac {
    margin: 20px 0 0;
}


.recent_heading {
    float: left;
    width: 40%;
}

.srch_bar {
    display: inline-block;
    text-align: right;
    width: 60%;
    padding:
}

.headind_srch {
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
    color: #349ebc;
    font-size: 21px;
    margin: auto;
}

.srch_bar input {
    border: 1px solid #cdcdcd;
    border-width: 0 0 1px 0;
    width: 80%;
    padding: 2px 0 4px 6px;
    background: none;
}

.srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
}

.srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
}

.chat_ib h5 {
    font-size: 15px;
    color: rgb(138, 150, 163);
    margin: 0 0 8px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90px;
}

.chat_ib h5 span {
    font-size: 11px;
    float: left;
    color: black;
}

.chat_ib p {
    font-size: 14px;
    color: #989898;
    margin: auto
}

.chat_img {
    float: left;
    width: 40px;
    height: 40px;
}

.chat_ib {
    float: left;
    margin-left: 15px;
}

.chat_people {
    clear: both;
}

.inbox_chat {
    height: 350px;
    overflow-y: scroll;
    border-top-left-radius: 20px;
}

.active_chat {
    background: rgba(0, 175, 240, .12) none repeat scroll 0 0;
}

.incoming_msg_img {
    display: inline-block;
    width: 25px;
    height: 25px;
}

.incoming_msg_img img {
    border-radius: 50% 50%;
    width: 100%;
    height: 100%;
}

.received_msg {
    display: inline-block;
    /* padding: 0 0 0 10px; */
    vertical-align: top;
    width: 88%;
}

.label-send {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#msg_sendbtn button {
    border: none;
}

.time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.mesgs {
    float: left;
    width: 75%;
    word-break: break-word;
}

.homepage-video-box{
    height: 80vh;
    position: relative;
    margin-bottom: 50px;
}

.homepage-login-float{
    max-width: 400px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 50%;
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 25px;
    line-height: 30px;
}

.video-js .vjs-time-control{
    font-size: 14px;
    line-height: 30px;
}

.video-js .vjs-play-progress{
    background-color: #bfbfbf;
}

.video-js .vjs-progress-holder{
    height: 24px;
    overflow: hidden;
}

.video-js .vjs-slider, .video-js .vjs-load-progress, .video-js .vjs-play-progress{
    border-radius: 20px;
}

.video-js .vjs-load-progress div, .video-js .vjs-play-progress:before, .video-js .vjs-load-progress{
    opacity: 0;
}

.video-js .vjs-control-bar{
    bottom: 10px;
    height: 30px;
    gap: 10px;
    padding: 0 10px;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{
    background-color: rgba(31,33,35,.2);
    border-radius: 50%;
    font-size: 20px;
}

.video-js .vjs-time-control{
    padding: 0 !important;
}

.video-js .vjs-control{
    width: 30px;
    height: 30px;
}

.homepage-login-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(249, 249, 249, 0.65);
}

.homepage-video-box video{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.white-overlay{
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    pointer-events: none;
    background: linear-gradient(360deg, #FFF 16.69%, rgba(255, 255, 255, 0.77) 39.77%, rgba(255, 255, 255, 0.00) 63.96%);
    border-radius: 10px;
    z-index: 0;
}

@media only screen and (max-width: 768px) {
    .homepage-video-box video{
        object-fit: contain !important;
    }

    .white-overlay{
        display: block !important;
    }

    .hero-form svg{
        display: none;
    }

    .homepage-login-box{
        top: 100px !important;
        width: 100% !important;
        background: linear-gradient(360deg, #FFF 16.69%, rgba(255, 255, 255, 0.77) 39.77%, rgba(255, 255, 255, 0.00) 63.96%) !important;
    }

    .homepage-login-float{
        width: 90% !important;
        top: 120% !important;
    }

    .homepage-video-box{
        height: auto !important;
        margin-bottom: 400px !important;
    }
}

#imgfile {
    box-shadow: none !important;
}

.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.type_msg {
    position: relative;
}

/*    .messaging { padding: 0 0 50px 0;}*/
.msg_history {
    height: 350px;
    overflow-y: auto;
    width: 100%;

    display: flex;
    flex-direction: column-reverse;
}


div.write_msg {
    position: absolute;
    bottom: 4px;
    left: 1px;
    right: 50px;
    padding: 10px;
    min-height: 40px;
    background: #fff;
    margin-top: 7px;
    padding: 5px 10px;
    resize: none;
    min-height: 40px;
    max-height: 50px;
    height: 40px;
    width: 100%;
    border: 2px solid rgb(230, 236, 240);
    word-break: break-word;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    color: #607ba4;
}



.icons-container {
    height: 30px;
}

.unreadchat {
    font-weight: bold;
    color: rgb(138, 150, 163) !important;
}

.input_msg_write textarea {
    padding: 5px 10px;

    resize: none;

    min-height: 30px;
    height: 50px;

    max-height: 50px;

    width: 80%;

    margin: 0 5px;

    border: 2px solid #cfe0f9;

    border-radius: 20px;

    word-break: break-word;

    overflow-y: auto;

    overflow-x: hidden;

    position: relative;

    color: #607ba4;
    margin-left: 5px;

}

#charNum_1 {
    margin-top: 8px;
}

@media screen and (max-width : 480px) {

    .disable-on-phone{
        display: none !important;
    }

    #tipz {
        display: none;
    }

    .app-toolbar {
        display: none !important;
    }


    h2.floatleft {
        text-align: center;
    }

    #charNum_1 {
        margin-top: 7px;
    }

    footer {
        display: none;
    }

    .phone-only {
        display: block;
    }

    .chat_img img {
        border-radius: 10px;
        width: 100%;
        height: 100%;
    }

    .two img {
        margin-top: 25%;
    }

    #wrapper-content {
        padding: 0 !important;
    }

    h2 {
        margin-top: 0;
    }

    h4 {
        display: none;
    }


    .inbox_people {
        border-right: 0;
        width: 100%;
    }

    .mesgs {
        width: 0;
    }

    =.headind_srch {
        padding: 0;
        overflow: hidden;
        border-bottom: 1px solid #c4c4c4;
    }

    .recent_heading h4 {
        color: #349ebc;
        font-size: 15px;
        margin: auto;
        float: left;
    }

    .input_msg_write textarea {
        padding: 5px 10px;

        resize: none;

        min-height: 30px;
        height: 40px;

        max-height: 50px;

        width: 67%;

        margin: 0 5px;

        border: 2px solid #cfe0f9;

        border-radius: 20px;

        word-break: break-word;

        overflow-y: auto;

        overflow-x: hidden;

        position: relative;

        color: #607ba4;
        margin-left: 5px;

    }
}

@media (min-width:481px) and (max-width:1000px) {
    .input_msg_write textarea {
        width: 70%;
    }

}

#tips-btn {
    float: right;
    border: none;
    background-color: white !important;
    border-radius: 20px;
    padding: 0 10px;
    color: rgb(138, 150, 163);
}


@media only screen and (max-width: 768px) {
    header .block-logo img {
        height: 20px !important;
        /* margin-top: 20px !important; */
        position: absolute !important;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }
}

.messages-category {
    color: grey;
    padding: 0;
    cursor: pointer;
}

.messages-category-active {
    /* color: #333; */
    border-bottom: 2px solid #333;
    padding: 0;
    padding-bottom: 7px;
    cursor: pointer;
    font-weight: bold;
}

.model-image-uploader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 40px;
    z-index: 9999;
    border-radius: 15px;
    border: 1px solid grey;
    min-width: 550px;
}

.model-image-uploader-shade {
    content: ' ';
    display: none;
    position: fixed;
    background-color: black;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 99;
    opacity: 0.5;
}

.model-image-uploader label {
    display: block;
}

.model-image-uploader div {
    border-radius: 15px;
    background: #FFF;
    border: 1px solid #008092;
    padding: 20px 15px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    gap: 10px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: #616161;
}

.model-image-uploader svg {
    height: 20px;
}

.model-image-uploader .model-image-uploader-profile-pic {
    margin-bottom: 25px;
}

.anon-btn-gr {
    border-radius: 50px;
    background: rgba(205, 205, 205, 0.22);
    color: #636363;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-bottom: 23px;
}

.anon-btn-cl {
    border-radius: 50px;
    background: transparent;
    color: #636363;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
    display: block;
    margin-bottom: 23px;
    border: 1px solid #00A893;
    text-transform: none !important;
    margin-bottom: 45px;

    height: 70px;
    line-height: 70px !important;
}

#platform-video-modal .body-main{
    height: fit-content;
    max-height: 70vh;
}

#platform-video-modal .closing-button{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
    color: white;
}

#platform-video-modal .displaying-date{
    position: absolute;
    top: 10px;
    right: left;
    font-size: 40px;
    color: white;
}

#platform-video-modal video{
    height: 80%;
    width: 100%;
    padding-bottom: 50px;
    object-fit: contain;
    background-color: black;
}

#error-area, #error-area-user-birth{
    background-color: white;
    color: red;
    border: 2px solid indianred;
}

.watch-video-button:hover {
    opacity: 0.7;
}

.toggle-password {
    color: gray;
    position: absolute;
    bottom: 17px;
    right: 2px;
}

.watch-video-button {
    color: rgba(75, 75, 75, 1);
    text-transform: uppercase;
    border: 2px solid rgba(173, 173, 173, 1);
    background-color: white;
    border-radius: 15px;
    width: fit-content;
    padding: 10px 20px;
    margin: 0 auto;
    margin-bottom: 20px;
    align-items: center;
    display: flex;
    gap: 10px;
    cursor: pointer;
}

.sidebar-menu-anon .anon-btn-cl{
    margin-bottom: 20px;
}

.sidebar-menu-anon .new-menu-language{
    margin-bottom: 15px;
    margin-top: 10px;
}

.anon-dk {
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.anon-dk>*:not(.livechat-button) {
    display: block;
    width: 100%;
    font-size: 14px !important;
    color: #717171 !important;
}

.sidebar-menu-anon {
    text-align: center;
    padding: 0 30px;
}

@media screen and (max-width: 991px) {
    .menu-align-guest{
        position: absolute;
        top: 47%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .model-image-uploader>div {
        font-size: 17px;
    }

    .model-image-uploader {
        padding: 20px;
        min-width: 350px;
    }
}

@media screen and (min-width: 1023px) {
    .anon-btn-gr {
        font-size: 16px !important;
        padding: 5px;
    }

    .anon-btn-cl {
        font-size: 16px !important;
        padding: 5px;
    }

    .sidebar-menu-anon {
        text-align: center;
        padding: 0 10px;
    }
}

.unlocked-icon-shadow-round::after {
    display: block;
    content: ' ';
    position: absolute;
    height: 50px;
    width: 50px;
    fill: #FFF;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.21));
    top: 3px;
    border-radius: 50%;
    border: 1px solid beige;
    left: 13px;
}

.unlocked-extend-layout {
    width: 33.1% !important;
    height: 283px !important;
}

.unlocked-extend-layout .unlocked-model-description {
    color: #717171;
    font-size: 9.17px;
    font-style: normal;
    font-weight: 400;
    line-height: 11.355px;
    margin-top: 9px;
    overflow: hidden;
    height: 12px;
}

.unlocked-extend-layout .unlocked-name {
    left: 10px !important;
    border-radius: 0px 0px 20px 20px;
    background: #FFF;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);
}

.unlocked-extend-layout .unlocked-name .unlocked-username {
    color: var(--blue, #377E8F);
    font-size: 14.83px;
    font-style: normal;
    font-weight: 500;
    line-height: 11.355px;
}

.unlocked-extend-layout .unlocked-name h3 {
    color: #717171;

    /* Tittle Desktop */
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 11.355px;
}


.unlocked-block {
    flex-direction: column;
    width: calc(50% - 16px);
    display: inline-flex;
    position: relative;
    height: 500px;
    padding: 2px;
    z-index: 0;
    margin: 6px;
}

.unlocked-block .foto {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 170px;
    border-radius: 20px 20px 0 0;
}

.unlocked-name {
    color: white;
    bottom: 10px;
    left: 10px;
    line-height: 5px;
    width: 100%;
    padding: 18px;
}

.unlocked-author {
    text-align: right;
    color: var(--menu-letters);
}

.credits-container .credits-h-pay {
    position: relative;
    top: 10px;
}

.recommended-wrapper, .search-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.creators-user-side .archived-block {
    border-radius: 10px !important;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21) !important;
    overflow: hidden !important;
    display: inline-block !important;
    flex: calc(20% - 20px);
}

@media all and (min-width: 991px) {
    .creators-user-side .archived-block {
        max-width: 20%;
    }
}

@media all and (max-width: 991px) {
    .creators-user-side .archived-block {
        flex: 30% !important;
        max-width: 30%;
    }

    .archived-extend-layout .archived-name h3 {
        font-size: 13px !important;
    }

    .feeds-recommended{
        width: 90% !important;
    }
}

#online_users_num{
    color: indianred;
}

.scrollable-modal{
    max-height: 60vh;
    overflow-y: auto;
}

#modal-user-select-date{
    display: flex;
}

#modal-user-select-date div{
    width: 33%;
    padding: 0 10px;
}

.purchases-block{
    height: 90px;
    display: flex;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
}

.feeds-recommended-suggestions{
    display: flex;
}

.feeds-recommended-suggestions-item{
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: auto !important;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    color: #4D4D4D;
}

.feeds-recommended-suggestions-item img{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.feeds-recommended{
    width: calc(100% - 40px);
    height: 90px;
    display: flex;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}

.feeds-recommended:hover{
    opacity: 0.8;
}

.feeds-recommended .overlay{
    background-color: rgb(0, 0, 0, 0.4);
}

.feeds-recommended-flex{
    color: white;
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding-left: 10px;
    gap: 10px;
    cursor: pointer;
    z-index: 2;
}

.feeds-recommended-text div{
    font-size: 13px;
}

.feeds-recommended-text{
    font-size: 18px;
    line-height: 20px;
}

.feeds-recommended-flex img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.creators-user-side .archived-block .archived-small-pic {
    height: 39px;
    width: 39px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid white;
    left: 10px;
    top: -20px;
    object-fit: cover;
}

.creators-user-side .archived-block .archived-meta {
    height: 100px !important;
    background-color: white !important;
    position: relative !important;
}

.creators-user-side .archived-block .archived-meta .archived-name h3 {
    font-size: 24px !important;
}

.creators-user-side .archived-block .archived-meta {
    position: absolute !important;
    bottom: 0;
}

.creators-user-side .archived-block .archived-meta .archived-name>div {
    color: #377E8F !important;
    font-family: Poppins !important;
    font-size: 14.83px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 11.355px !important;
}

.creators-user-side .archived-block .archived-description-model {
    color: #717171;
    font-family: Poppins;
    font-size: 9.17px;
    font-style: normal;
    font-weight: 400;
    line-height: 11.355px;
    position: absolute;
    overflow: hidden;
    height: 12px;
    bottom: 10px;
    padding: 0 10px;
}

.bubble-buttons-container #bubble-button-main:not(:checked) ~ .bubble-hidden {
    /*transform: none;*/
}