/*@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,500;0,600;0,800;0,900;1,800&display=swap);*/
@charset "UTF-8";

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProBlack.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProBlack.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProBlack.otf) format("opentype");
  font-style: normal;
  font-weight: 900
}

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProBlack-Italic.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProBlack-Italic.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProBlack-Italic.otf) format("opentype");
  font-style: italic;
  font-weight: 900
}

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProBold.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProBold.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProBold.otf) format("opentype");
  font-style: normal;
  font-weight: 800
}

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProBold-Italic.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProBold-Italic.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProBold-Italic.otf) format("opentype");
  font-style: italic;
  font-weight: 800
}

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProMedium.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProMedium.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProMedium.otf) format("opentype");
  font-style: normal;
  font-weight: 500
}

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProMedium-Italic.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProMedium-Italic.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProMedium-Italic.otf) format("opentype");
  font-style: italic;
  font-weight: 500
}

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProRegular.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProRegular.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProRegular.otf) format("opentype");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: "sofia-pro";
  src: url(/public/webfonts/sofia-pro/SofiaProRegular-Italic.woff2) format("woff2"), url(/public/webfonts/sofia-pro/SofiaProRegular-Italic.woff) format("woff"), url(/public/webfonts/sofia-pro/SofiaProRegular-Italic.otf) format("opentype");
  font-style: italic;
  font-weight: 300
}

.btn.focus,.btn:focus,.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active,textarea{
    box-shadow:none!important
}
.close,.notify{
    font-weight:700
}
body,html{
    height: 100%;
    width: 100%;
    overflow-x: hidden;}
li{
    list-style:none
}
button,input,textarea{
    outline:0;
    border:none
}
.page-link:focus,button:active,button:focus,input,select{
    outline:0;
    box-shadow:none!important
}
textarea{
    resize:none
}
a{
    outline:0
}
body{
    font-family: sofia-pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color:#5f5f5f
}
h1,h2,h3,h4,h5,h6{
    font-weight:800!important
}
.navbar-absolute{
    position:absolute;
    z-index:1010;
    width:100%
}
.popout,.wrap-full-image{
    position:fixed;
    width:100%;
    text-align:center;
    display:none;
    left:0;
    top:0
}


iframe{
    border:0;
    outline:0;
    width:100%!important
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
.btn:hover:not(.e-none){
    transform:translateY(-1px);
    box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}
.carousel{
    margin-bottom:4rem
}
.carousel-caption{
    bottom:7rem;
    z-index:10
}

.carousel-item>img{
    position:absolute;
    top:0;
    left:0;
    min-width:100%;
    height:32rem
}
@media (min-width:40em){
    .carousel-caption p{
        margin-bottom:1.25rem;
        font-size:1.25rem;
        line-height:1.4
    }
}
.card{
    border:1px solid rgba(111,111,111,.125)
}
.icon-close,.icon-equis{
    transition:.15s;
    border-radius:50%
}
.noscroll{
    overflow-x:hidden;
    overflow-y:hidden
}
.progress-xs{
    height:8px
}
.lh-inherit{
    line-height:inherit!important
}
input[type=file]{
    opacity:0;
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    outline:0;
    cursor:inherit;
    font-size:100px
}
.text-featured{
    color:#ffc107!important
}
.popout{
    cursor:pointer;
    padding:14px 10px;
    background:#000;
    color:#fff;
    font-size:16px;
    z-index:1100;
    overflow:hidden
}
.popout-error{
    background:red!important
}
.fa-spin{
    -webkit-animation:1s linear infinite fa-spin!important;
    animation:1s linear infinite fa-spin!important
}
.wrap-full-image{
    right:0;
    bottom:0;
    z-index:1000000;
    height:100%;
    padding:10px 20px 20px;
    overflow:auto
}
img.imageFull{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,.8);
    box-shadow:0 0 20px rgba(0,0,0,.8);
    cursor:zoom-in;
    margin:0 auto;
    position:relative
}
.details-full-image{
    padding:10px 0;
    color:#fff;
    text-align:right;
    margin-bottom:30px;
    font-size:25px
}
.readmore-js-toggle,.verify-notice{
    text-align:center
}
.icon-close{
    font-size:40px;
    line-height:17px;
    width:1.25rem;
    height:1.25rem;
    color:#fff;
    background-color:transparent;
    cursor:pointer;
    position:relative
}
.viewFull{
    cursor:zoom-in
}
.container-image{
    left:0;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    background:#252525a6
}
.content-locked{
    background:#ececec
}
.showBanner{
    position:fixed;
    z-index:9999;
    background: rgb(100 50 200 / 75%);
    color:#fff;
    bottom:20px;
    right: 20px;
    max-width: 400px;
    padding:20px 15px;
    border-radius: 12px;
}
.showBanner #close-banner{
    margin-top: 15px;
}
@media (max-width:576px){
    .showBanner{
        left:20px;
        right:20px;
        max-width:calc(100% - 40px)
    }
}
.icon-equis{
    font-size:25px;
    line-height:normal;
    width:1.25rem;
    height:1.25rem;
    background-color:transparent;
    vertical-align:middle;
    margin-right:5px
}
.verify-notice{
    background:red;
    color:#fff
}
.sidebard_edit{
    position:fixed;
    z-index:999;
    border-right:2px solid #c8bdbd75;
    height:100%;
    width:236px
}
.readmore-js-collapsed:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100px;
    background-color:hsla(0,0%,100%,0);
    background-image:linear-gradient(hsla(0,0%,100%,0),#fff 95%);
    z-index:40
}
.text-word-break{
    word-break:break-word
}
.counterLike{
    font-size:14px
}
.post-options{
    font-size:7px;
    margin-top:15px
}
.actionDelete{
    cursor:pointer
}
a.active>i.fas.fa-heart{
    color:red
}
.li-group{
    border-top:1px solid rgba(0,0,0,.05)
}
.notify{
    z-index: 10;
    position: absolute;
    top: -8px;
    right: -10px;
    width: 29px;
    height: 18px;
    height: 18px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #FC5A5A;
    color: white;
    font-size: 11px;
    font-weight: 500;
    opacity: 1;
}
@media only screen and (max-width:1270px){
    .notify{
    top: 0px;
    right: -12px;
    width: 24px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FC5A5A;
}
}
@media only screen and (max-width:991px){
     .notify{
        top:5px;
        right: -5px;
        height: 19px;   
        line-height: 20px;
     }
}
#noti_msg,#noti_notifications,.display-none{
    display:none
}
.c-pointer{
    cursor:pointer!important
}
.animated-ellipsis-container{
    display:inline-block;
    height:16px;
    width:16px;
    transform:translateZ(0)
}
.animated-ellipsis{
    animation:1s infinite ellipsis;
    display:inline-block;
    overflow:hidden;
    vertical-align:bottom
}
@keyframes ellipsis{
    0%{
        width:2px
    }
    to{
        width:16px
    }
}
.cover-user:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(5,5,5,.4);
    left:0;
    top:0
}
.video-responsive{
    position:relative;
    height:0;
    overflow:hidden
}
.video-responsive embed,.video-responsive iframe,.video-responsive object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.verify-notice{
    display:block;
    padding:14px 10px;
    font-size:16px;
    z-index:1100;
    overflow:hidden;
    width:100%;
    left:0;
    bottom:0
}
.verified{
    color:#3897f0
}
.border-dashed{
    border-style:dashed!important
}
.video-js{
    width:100%
}
.StripeElement{
    box-sizing:border-box;
    height:calc(2.75rem + 2px);
    padding:14px 18px;
    background-color:#fff;
    transition:box-shadow .15s;
    border:1px solid #ced4da;
    margin-bottom:10px;
    border-radius:.25rem
}
.blocked,.carousel-cover:before{
    position:absolute;
    width:100%;
    height:100%
}
.StripeElement--focus{
    border-color:#3c8dbc
}
.StripeElement--invalid{
    border-color:#fa755a
}
.StripeElement--webkit-autofill{
    background-color:#fefde5!important
}
.avatar-modal{
    border:3px solid #fff;
    background-color:#fff
}
.modal-offset{
    margin-top:-90px
}
.display-block,.user-nav-info .sidebar_men_icon{
    display:block
}
.blocked{
    background-color:rgba(255,255,255,.6);
    z-index:300
}
.blocked span{
    display:flex;
    justify-content:center;
    align-items:center
}
.button-search{
    color:#ddd;
    background:0 0;
    position:absolute;
    right:0;
    cursor:pointer;
    outline:0;
    border:none
}
button:active.button-search,button:focus.button-search,button:hover.button-search{
    box-shadow:none!important;
    background:0 0!important;
    color:inherit!important;
    transform:none
}
.input-search{
    border-radius:60px;
    padding:12px 20px!important;
    height:40px!important
}
.carousel-cover:before{
    content:'';
    background:rgba(5,5,5,.2);
    left:0;
    top:0
}
.dd-menu-user:before,.dd-menu:before{
    position:absolute;
    width:0;
    height:0;
    vertical-align:middle;
    content:"";
    bottom:-5px;
    border-top:.4em solid;
    border-right:.4em solid transparent;
    border-left:.4em solid transparent;
    color:#fff;
    display:inline-block
}
.p-nav a.nav-link:not(.btn){
    color:#fff;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
    -o-transition:.2s linear;
    -ms-transition:.2s linear;
    transition:.2s linear
}
.nav-link.search:active,.nav-link.search:focus,.nav-link.search:hover,.nav-link:active:not(.search):not(.btn):not(.link-nav),.nav-link:focus:not(.search):not(.btn):not(.link-nav),.nav-link:hover:not(.search):not(.btn):not(.link-nav),.page-link:hover{
    color:#fff
}
.link-scroll a.nav-link:not(.btn){
    color:#3a3a3a
}
.link-scroll a.nav-link:active:not(.search):not(.btn),.link-scroll a.nav-link:focus:not(.search):not(.btn),.link-scroll a.nav-link:hover:not(.search):not(.btn){
    color:#969696
}
.dropdown-menu{
    padding-top:.5rem;
    padding-bottom:.5rem;
    border:0;
    box-shadow:0 5px 50px 0 rgba(0,0,0,.15);
    border-radius:.125rem;
    -webkit-transition:150ms linear;
    -moz-transition:150ms linear;
    -o-transition:150ms linear;
    -ms-transition:150ms linear;
    transition:150ms linear;
    font-size:13px;
    line-height:18px
}
.dropdown-toggle::after,.page-link{
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
    -o-transition:.2s linear;
    -ms-transition:.2s linear
}
.sticky-top{
    z-index:998!important
}
.dd-menu:before{
    left:10px;
    right:auto
}
.dd-menu-user:before{
    left:20px;
   
}
.dropdown .dropdown-menu{
    -webkit-transform:translate3d(0,-25px,0);
    -moz-transform:translate3d(0,-25px,0);
    -o-transform:translate3d(0,-25px,0);
    -ms-transform:translate3d(0,-25px,0);
    transform:translate3d(0,-25px,0);
    visibility:hidden;
    opacity:0;
    display:block
}
.dropdown-menu.open,.dropdown.show .dropdown-menu{
    opacity:1;
    visibility:visible;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.dropdown.show .dropdown-menu{
    -webkit-transform:translate3d(0,7px,0);
    -moz-transform:translate3d(0,7px,0);
    -o-transform:translate3d(0,7px,0);
    -ms-transform:translate3d(0,7px,0);
    transform:translate3d(0,7px,0)
}
.dropdown-toggle::after{
    margin-left:.1em;
    transition:.2s linear
}
.dropdown-toggle[aria-expanded=true]:after{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.dropdown-toggle::after,.dropup .dropdown-toggle::after{
    font-style:normal;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    border:none;
    content:"\f107";
    font-size:14px;
    top:50%;
    right:24px;
    margin-top:-5px;
    vertical-align:baseline
}
.text-shadow-trans{
    text-shadow:0 1px 4px #333333b3
}
.navbar .nav-item{
    margin-left:2px;
    margin-right:2px
}
.sidebar-overlay .navbar .navbar-collapse{
    z-index:100
}
@media (min-width:768px){
    .py-large{
        padding-top:6rem!important;
        padding-bottom:6rem!important
    }
}
@media (max-width:1201px){
    .follomylink .clr-field{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .follomylink .clr-field input{
        width: 100% !important;
    }
    .follomylink{
        text-align: center;
    }}
@media (max-width:991px){
    .follomylink .clr-field{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .follomylink .clr-field input{
        width: 100% !important;
    }
    .follomylink{
        text-align: center;
    }
    .mobile{
        display: none;
    }
    .btn-create,.social-links{
        margin-top:10px
    }
    .navbar .navbar-collapse{
        position:fixed;
        right:-100%;
        width:100%;
        top:0;
        height:100%;
        background:#fff;
        z-index:999999;
        overflow-y:scroll;
        -webkit-transition:.25s ease-out;
        -o-transition:.25s ease-out;
        transition:.25s ease-out;
        padding:15px
    }
    .navbar .navbar-collapse .close-menu{
        color:#000;
        padding:2px 4px;
        background:0 0;
        display:inline-block;
        cursor:pointer;
        font-size:25px;
        text-align:center;
        font-weight:100;
        text-decoration:none
    }
    .dd-menu-user:before,.dd-menu:before{
        border:none
    }
    .carousel-caption .display-4{
        font-size:3.1rem
    }
    .item h5{
        line-height:1.2!important
    }
    .social-links{
        text-align:center!important
    }
    .link-border,.list-social{
        float:none!important
    }
    .copyright{
        text-align:center
    }
    .navbar .navbar-collapse.show{
        right:0
    }
    .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:not(.btn){
        color:#000
    }
    .input-search{
        border:1px solid #c1c1c1!important
    }
    .navbar .navbar-nav .nav-item{
        display:block;
        width:100%;
        margin-right:0;
        margin-bottom:.25rem
    }
    .navbar .navbar-nav .nav-item .nav-link{
        display:block;
        padding:.625rem
    }
    .dropdown .dropdown-menu{
        display:none
    }
    .dropdown-menu.open,.dropdown.show .dropdown-menu{
        display:block;
        box-shadow:none
    }
    .home,.homepage{
        padding-bottom:50px!important
    }
    .homepage{
        padding-top:100px!important
    }
    .img-post{
        height:250px!important
    }
    .btn-profile,.btn-w,.w-small-100{
        width:100%
    }
    .btn-w-mb{
        width:100%;
        margin-bottom:10px
    }
    .first{
        order:1
    }
    .second{
        order:2
    }
    .btn-profile{
        margin-bottom:.5rem!important
    }
    .d-flex-user{
        display:inherit!important
    }
    .navbar-collapse .navbar-toggler{
        position:relative;
        display:inline-block;
        width:20px;
        height:20px;
        padding:0;
        cursor:pointer
    }
    .navbar-collapse .navbar-toggler span{
        position:absolute;
        display:block;
        width:100%;
        height:2px;
        opacity:1;
        border-radius:2px;
        background:#283448
    }
/*     .navbar-collapse .navbar-toggler :first-child{
        transform:rotate(135deg)
    }
    .navbar-collapse .navbar-toggler :nth-child(2){
        transform:rotate(-135deg)
    } */
    .section-sm{
        padding-bottom:48px!important
    }
    .avatar-chat{
        width:25px;
        height:25px
    }
    .loading-name{
        width:60%!important
    }
    .loading-time{
        width:40%!important
    }
    nav.navbar_mobile{
        display:block!important
    }
    section.section.section-bar{
        margin-top:50px
    }
}
.input-group-text,.item h5,.page-link,.sm-btn-size{
    text-align:center
}
.navbar-collapse{
    flex-basis:100%;
    flex-grow:1;
    align-items:center
}
.navbar .navbar-nav .nav-item .nav-link:not(.btn).active{
    background:rgba(0,0,0,.2);
    border-radius:50px
}
.dropdown-item:focus,.dropdown-item:hover{
    color:#fff;
    background-color:#007bff
}
[class^=ribbon-]{
    position:absolute;
    margin-bottom:80px
}
[class^=ribbon-]:after,[class^=ribbon-]:before{
    content:"";
    position:absolute
}
.ribbon-1{
    width:30px;
    height:40px;
    background:#ff9800;
    top:-6px;
    left:25px
}
.ribbon-1:before{
    height:0;
    width:0;
    border-bottom:6px solid #d07e05;
    border-right:6px solid transparent;
    right:-6px
}
.ribbon-1:after{
    height:0;
    width:0;
    border-left:15px solid #ff9800;
    border-right:15px solid #ff9800;
    border-bottom:10px solid transparent;
    bottom:-10px
}
.item h5,.item>a::after,.jumbotron-cover:before{
    position:absolute;
    width:100%
}
.ribbon-1 i{
    position:absolute;
    top:40%;
    left:30%;
    color:#fff
}
.item>a::after{
    content:"";
    display:block;
    background:rgba(0,0,0,.3);
    top:0;
    left:0;
    height:100%
}
.item h5{
    line-height:3;
    left:0;
    top:50%;
    margin-top:-30px;
    color:#fff;
    z-index:5
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background-color:transparent!important;
    transform:scale(.9)
}
.owl-theme .owl-dots .owl-dot span{
    display:inline-block;
    width:.9375rem;
    height:.9375rem;
    box-sizing:border-box;
    border:3px solid transparent;
    border-radius:50%;
    transform:scale(.6);
    transition:.3s linear;
    opacity:.7;
    -webkit-transition:.3s linear;
    -moz-transition:.3s linear;
    -o-transition:.3s linear;
    -ms-transition:.3s linear
}
.bg-dark-2{
    background-color:#1b1b1b
}
.bg-dark-3{
    background-color:#212121
}
.ico-social,.link-footer{
    color:#999
}
.btn-main:hover i{
    -webkit-transform:translateX(6px);
    transform:translateX(6px)
}
.btn-main i{
    -webkit-transform:translateX(0);
    transform:translateX(0);
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.btn{
    padding:.625rem 1.25rem
}
.jumbotron-cover:before{
    content:'';
    height:100%;
    background:rgba(5,5,5,.3);
    left:0;
    top:0
}
.nav-scroller-2::after,.nav-scroller-2::before{
    content:"";
    position:absolute;
    width:2%;
    height:100px;
    background-color:hsla(0,0%,100%,0);
    z-index:40;
    bottom:0
}
.custom-select{
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23a5a5a5' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat #fff
}
.card-avatar,main>div.section:nth-child(odd){
    background-color:#fff
}
main>div.section:nth-child(2n){
    background-color:#fbfafd!important
}
.fixed-top{
    -webkit-transition:.3s ease-out;
    -moz-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    transition:.3s ease-out
}
.home{
    padding:150px 0
}
.homepage{
    padding:180px 0
}
.p-nav{
    padding:1rem
}
.p-nav-scroll{
    padding:.7rem!important
}
.jumbotron{
    border-radius:0!important
}
.img-user{
    width:auto!important;
    border-radius:50%;
    margin:0 auto;
    border:5px solid #fff
}
.f-size-20,.ico-social{
    font-size:20px
}
a:hover.link-border{
    text-decoration:none
}
a.link-border{
    border-bottom:1px solid
}
.card-cover{
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem;
    height:135px;
    padding:1rem
}
.card-avatar{
    left:50%;
    margin-left:-45px;
    position:absolute;
    top:80px;
    border-radius:50%
}
.section-sm{
    padding:10px 0
}
.facebook-btn{
    color:#3e5c9b!important
}
.twitter-btn{
    color:#1da1f2!important
}
.alert-success{
    background-color:#00a65a;
    border-color:#00a65a;
    color:#fff
}
.alert-danger{
    color:#fff;
    background-color:red;
    border-color:#ff012a
}
.alert-primary{
    color:#fff;
    border-color:#7889e8;
    background-color:#7889e8
}
.alert-warning{
    color:#1f2d3d;
    background:#ffc107;
    border-color:#edb100
}
.alert-dismissible .close,.close{
    color:#fff;
    text-shadow:none
}
.close{
    float:right;
    font-size:15px;
    line-height:1.5;
    opacity:.9
}
.page-link{
    border-radius:35px!important;
    border:none;
    margin-right:2px;
    transition:.2s linear;
    height:35px;
    min-width:35px
}
.nav-scroller{
    position:relative;
    z-index:2;
    height:3.5rem;
    overflow-y:hidden
}
.nav-scroller .nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    padding-bottom:1rem;
    margin-top:-1px;
    overflow-x:auto;
    text-align:center;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch
}
.nav-scroller-2::before{
    left:0;
    background-image:linear-gradient(90deg,#fff,transparent)
}
.nav-scroller-2::after{
    right:0;
    background-image:linear-gradient(-90deg,#fff,transparent)
}
.custom-control-label::after,.custom-control-label:not(.switch)::before{
    top:.125rem;
    left:-1.75rem;
    display:block;
    width:1.25rem;
    height:1.25rem;
    content:'';
    position:absolute
}
.btn-category{
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
    -o-transition:.2s linear;
    -ms-transition:.2s linear;
    transition:.2s linear
}
.active-category,.btn-category:hover{
    border-color:#333!important
}
.input-group-text{
    font-size:1rem;
    font-weight:500;
    line-height:1.5;
    display:flex;
    margin-bottom:0;
    padding:.625rem .75rem;
    white-space:nowrap;
    color:#adb5bd;
    border:1px solid #cad1d7;
    border-radius:.25rem;
    background-color:#fff;
    align-items:center
}
.input-group-alternative .form-control,.input-group-alternative .input-group-text{
    border:0;
    box-shadow:none
}

.input-group-alternative{
    border: 1px solid #ced4da;
    padding: 5px;
    border-radius: 12px;
}
.form-control{
    height:calc(2.75rem + 2px);
    padding:.625rem .75rem
}
.custom-control-input:not(:disabled):focus~.custom-control-label::before{
    box-shadow:none
}
.custom-checkbox .custom-control-input~.custom-control-label,.custom-control-label{
    font-size:.875rem;
    cursor:pointer
}
.custom-control-label:not(.switch)::before{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none;
    background-color:#fff;
    box-shadow:none
}
.custom-control-label::after{
    background-repeat:no-repeat;
    background-position:center center;
    background-size:50% 50%
}
.custom-control-label::before{
    box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)
}
.input-group .form-control:not(:first-child){
    padding-left:0;
    border-left:0
}
.custom-select:focus,.form-control:focus{
    border-color:#ced4da!important;
    outline:0;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 0 rgba(50,151,211,.5)
}
.btn-facebook,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover{
    background:#3b579d;
    color:#fff
}
.btn-google,.btn-google:active,.btn-google:focus,.btn-google:hover{
    background:#fff;
    border-color:#ccc;
    color:#333
}
.shadow-custom{
    box-shadow:0 5px 16px rgba(0,9,128,.05)
}
.btn-white,.nav-pills .nav-link{
    box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
.btn-danger{
    color:#fff;
    border-color:#f5365c;
    background-color:#f5365c
}
.nav-wrapper{
    padding:1rem 0;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.nav-pills .nav-link{
    font-size:.875rem;
    font-weight:500;
    padding:.75rem 1rem;
    transition:.15s;
    color:#5e72e4;
    background-color:#fff
}
.nav-pills .nav-item:not(:last-child){
    padding-right:1rem
}
.dropdown-item.balance:hover{
    background:#fff!important;
    color:#212529
}
.page-item.disabled .page-link{
    color:#9daebd
}
.img-profile-user{
    margin-top:-155px!important
}
.ico-no-result{
    width:150px;
    height:150px;
    margin:0 auto
}
.avatar-wrap{
    width:150px;
    height:150px;
}
.modal-danger .modal-content{
    color:#fff;
    background-color:#f5365c
}
.modal-danger .modal-footer,.modal-danger .modal-header{
    border-color:rgba(255,255,255,.075)
}
.focused .form-control{
    border-color:rgba(50,151,211,.25)
}
.btn-white,.btn-white:hover{
    color:#212529;
    border-color:#fff;
    background-color:#fff
}
.text-muted{
    color:#8898aa!important
}
.btn-group-sm>.btn,.btn-sm{
    font-size:.875rem;
    line-height:1.5;
    padding:.5rem 1.8rem;
    border-radius:.25rem
}
.btnLike:hover{
    text-decoration:none!important
}
.bg-success,.popout-success{
    background-color:#2dce89!important
}
.nav-profile .nav-link{
    border-bottom:4px solid #D9D9D9
}

.nav-profile a,.nav-profile li.active a:active,.nav-profile li.active a:focus,.nav-profile li.active a:hover{
    color:#333
}
.nav-profile a:hover{
    text-decoration:none
}
.sm-btn-size{
    color:#333;
    font-weight:700;
    font-size:17px!important;
    line-height:15px
}
.font-icon-lg{
    font-size:120px
}
.d-flex-user,.heading-settings-wrap{
    display:flex
}
.link-share{
    font-size:16px
}
@media (min-width:576px){
    .modal-sm{
        max-width:380px
    }
}
.pb-lg,.py-lg{
    padding-bottom:6rem!important
}
.pt-lg,.py-lg{
    padding-top:6rem!important
}
.ico-no-result{
    color:#c5c5c5;
    border:3px solid #c5c5c5;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    font-size:60px;
    display:block;
    line-height:150px!important
}
.headerModalOverlay:before{
    content:'';
    position:absolute;
    width:100%;
    background:rgba(5,5,5,.4);
    left:0;
    top:0;
    display:block;
    bottom:0;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.user-offline::before,.user-online::before{
    position:absolute;
    display:block;
    bottom:-3px;
    content:"";
    height:30%;
    min-height:30%;
    width:30%;
    min-width:30%;
    right:0
}
.avatar-wrap{
    overflow:hidden;
    background-color:#fff
}


.progress-upload{
    position:absolute;
    top:0;
    background:rgba(0,0,0,.7);
    border-radius:50%;
    width:100%;
    height:100%;
    z-index:2;
    color:#fff;
    line-height:150px;
    display:none
}
.btn-cover-upload{
    position:absolute;
    color:#fff;
    padding:8px 25px;
    background:rgba(0,0,0,.5);
    right:10px;
    bottom:10px;
    z-index:100
}
.btn-cover-upload:disabled,.btn-cover-upload:hover{
    color:#fff;
    background:rgba(0,0,0,.8)!important
}
.progress-upload-cover{
    position:absolute;
    bottom:0;
    left:0;
    height:4px;
    background-color:#28a745;
    transition:width .6s
}
.avatar-user-home{
    margin-top:-25px;
    border:2px solid #fff;
    background-color:#fff
}
.btn-upload{
    padding:7px;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
    -o-transition:.2s linear;
    -ms-transition:.2s linear;
    transition:.2s linear
}
.btn-upload:hover{
    background-color:#f3f3f3
}
.share-btn-user{
    font-size:18px
}
.user-online::before{
    background:#4caf50;
    border:3px solid #fff;
    border-radius:50%
}
.user-offline::before{
    background:#adadad;
    border:3px solid #fff;
    border-radius:50%
}
.user-offline-profile::before,.user-online-profile::before{
    display:block;
    bottom:10px;
    right:15px;
    content:"";
    height:12%;
    width:12%;
    position:absolute
}
.user-online-profile::before{
    background:#4caf50;
    border:3px solid #fff;
    border-radius:50%
}
.user-offline-profile::before{
    background:#adadad;
    border:3px solid #fff;
    border-radius:50%
}
.overflow-visible{
    overflow:visible!important
}
.message{
    padding:6px 14px 7px!important;
    border-radius:25px!important
}
.message.media-container{
    padding-left:0!important;
    padding-right:0!important
}
.message.bg-primary>a{
    color:#fff!important;
    text-decoration:underline!important
}
.content::-webkit-scrollbar{
    display:none
}
.d-scrollbars{
    scrollbar-width:none;
    -ms-overflow-style:none
}
.input-new-msg{
    padding:8px 34px!important;
    height:40px!important
}
.btn-new-msg{
    color:#ddd;
    background:0 0;
    position:absolute;
    outline:0;
    border:none;
    padding:8px 0 8px 10px;
    left:0
}
.btn-cancel-msg{
    cursor:pointer;
    position:absolute;
    top:4px;
    right:0
}
.rounded-bottom-left-0{
    border-bottom-left-radius:0!important
}
.rounded-bottom-right-0{
    border-bottom-right-radius:0!important
}
.btn-removeMsg{
    position:absolute;
    top:20%;
    right:-18px;
    z-index:3
}
.container-media-img{
    background-position:center center;
    background-size:cover;
    max-width:250px;
    max-height:280px;
    width:280px;
    height:280px;
    border-radius:6px
}
.container-media-music{
    width:100%;
    max-width:400px;
    height:auto;
    border:1px solid #ddd;
    border-radius:6px
}
.container-media-msg{
    width:100%;
    max-width:400px;
    max-height:280px;
    height:280px
}
.img-user-small{
    width:auto!important;
    border-radius:50%;
    margin:0 auto;
    border:3px solid #fff
}
.item-loading::before,.wrap-center{
    left:0;
    width:100%;
    position:absolute
}
.icon-notifications{
    font-size:19px;
    color:#c3c3c3
}
.table thead th{
    vertical-align:bottom;
    border:none;
    padding-right:1.5rem;
    padding-left:1.5rem;
    color:#afafaf;
    font-size:14px
}
.table td,.table th{
    padding:.75rem 1.5rem;
    vertical-align:top;
    border:none;
    font-size:14px
}
.error-page h1{
    font-size:10rem;
    line-height:9rem;
    font-weight:700;
    color:#ec2522
}
.wrap-center{
    top:50%;
    z-index:20;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.error-link{
    color:#ec2522
}
.wrap-container{
    max-width:550px;
    margin:0 auto
}
.wrap-container-lg{
    width:650px;
    margin:0 auto
}
.font-tiny{
    font-size:65%!important
}
.item-loading::before{
    background-color:#f5f6f7;
    background-image:url('../img/loadpost.gif');
    background-repeat:repeat-y;
    background-size:100% 1px;
    content:' ';
    display:block;
    height:100%;
    top:0;
    border-radius:50%
}
.loading-avatar{
    width:60px;
    height:60px;
    display:block;
    background-color:#f5f6f7;
    border-radius:50%
}
.loading-name,.loading-text-1,.loading-text-2,.loading-text-3,.loading-time{
    height:10px;
    display:block;
    background-color:#f5f6f7
}
.loading-name{
    width:25%
}
.loading-time{
    width:15%;
    margin-top:8px
}
.loading-text-1{
    width:85%;
    margin-top:8px
}
.loading-text-2{
    width:75%;
    margin-top:8px
}
.loading-text-3{
    width:55%;
    margin-top:8px
}
.custom-switch-lg .custom-control-label::before{
    left:-2.25rem;
    width:3rem;
    border-radius:1.5rem
}
.custom-switch-lg .custom-control-label::after{
    top:calc(.25rem + 3px);
    left:calc(-2.25rem + 4px);
    width:calc(1.5rem - 6px);
    height:calc(1.5rem - 6px);
    border-radius:1.5rem
}
.custom-switch-lg .custom-control-input:checked~.custom-control-label::after{
    transform:translateX(1.4rem)
}
.custom-switch-lg .custom-control-label::before{
    height:1.5rem
}
.custom-switch-lg .custom-control-label{
    padding-left:1.5rem;
    line-height:1.7rem
}
.content-p img{
    max-width:100%!important;
    height:auto!important
}
.content-p li{
    list-style:inherit
}
.content-p ol,.content-p ul{
    margin-top:1rem;
    margin-bottom:1rem
}
.img-post{
    height:430px
}
.max-w-100{
    max-width:100px
}
.max-w-125{
    max-width:125px
}
.visibility-hidden{
    visibility:hidden
}
.f-size-25{
    font-size:25px
}
.moneycolor{
    font-weight:800;
    color:#00a65a!important
}
#iti-0__item-eh{
    display:none!important
}
.user-icon-nav img{
    height:40px;
    width:40px
}
.user-nav-info .user-first-name{
    font-size:14px;
    font-weight:700
}

@media screen and (min-width:1270px){
    .logo-dark,.logo-light{
        display:block
    }
    .logo-dark-mobile,.logo-light-mobile{
        display:none
    }
}
@media screen and (max-width:1270px){
    .menu-left-home li > .username-link:hover, .menu-left-home li > .username-link.active{
        background-color: transparent !important;
    }
    .logo-dark,.logo-light{
        display:none
    }
    .logo-dark-mobile,.logo-light-mobile{
        display:block
    }
    .user-nav-info{
        display:none!important
    }
    #nav-inner-success_dropdown_1{
        padding:0!important
    }
}
@media (min-width:1270px) and (max-width:1300px){
    .settings-container .wrap-post{
        padding-left:20px!important
    }
}
@media (min-width:990px) and (max-width:1050px){
    .settings-container{
        margin-right:0!important
    }
}
@media (min-width:1371px) and (max-width:1574px){
    .settings-container{
        margin-right:7rem!important
    }
}
@media (min-width:1368px) and (max-width:1416px){
    .settings-container{
        margin-right:5rem!important
    }
}
@media (min-width:1270px) and (max-width:1371px){
    .settings-container{
        margin-right:1rem!important
    }
}
@media screen and (max-width:768px){
    #tooltipSaved{
        bottom: -14px !important;
        left: 13% !important;
    }
    
    .btn-upload{
        padding:7px;
    }
    #msform fieldset .form-card{
        padding:15px !important
    }
    
    .no-msg-img{
        width: 250px;
    }
    .bg-document ul li .btn {
        width: 83px !important;
        font-size: 12px !important;
        padding: 4px 5px;
    }
    .step3-link{
        padding: 10px !important;
    }
    .modal-simulator{
        padding: 1.25rem !important;
    }
    #stories{
        padding-top:30px!important
    }
}
@media screen and (max-width:446px){
    #stories{
        padding-top:20px!important
    }
}
@media screen and (max-width:992px){
    .section-sm{
        padding-top:90px!important
    }
    .copyright{
        padding-bottom:80px!important
    }
}
@media (min-width:992px) and (max-width:1125px){
    .settings-container{
        padding-left:90px!important
    }
}
.setting-icon{
    width:30px
}
.icon-chevron-setting{
    margin-top:2px
}
@media (max-width:767px){
    .wallet-list{
        flex-wrap:wrap
    }
   
}
@media (min-width:1533px) and (max-width:1663px){
    .main-section,.row-bookmark .row-explore .row-purchases{
        padding-left:60px
    }
}
@media (min-width:1250px) and (max-width:1533px){
    .main-section,.row-bookmark .row-explore .row-purchases{
        padding-left:80px
    }
}
@media (min-width:991px) and (max-width:1310px){
    .row-bookmark .row-explore .row-purchases,.section-sm .container .main-section{
        padding-left:100px!important
    }
}
@media (min-width:1480px) and (max-width:1606px){
    .products{
        padding-left:60px
    }
}
@media (min-width:1270px) and (max-width:1410px){
    .products{
        padding-left:6.3rem!important
    }
}
@media (min-width:1200px) and (max-width:1290px){
    .products{
        padding-left:60px
    }
}
.section-sm .content .row{
    padding-left:0
}
@media (max-width:992px){
    .message-panel{
        padding-top:44px
    }
}
@media (min-width:1480px) and (max-width:1536px){
    .main-profile{
        padding-left:40px
    }
}
@media (min-width:1270px) and (max-width:1480px){
    .main-profile{
        padding-left:12rem
    }
}
@media (min-width:993px) and (max-width:1154px){
    .main-profile{
        padding-left:90px
    }
}
.navbar-brand{
    padding-top:1.3125rem!important
}
.username-link{
    width:119%
}
.navbar_mobile{
    height:60px
}
.icon-heading{
    margin-right:10px
}
.header-icon{
    width:60px!important
}

.card-settings{
    border-radius:1rem
}
.comment-btn{
    position:absolute;
    right:25px;
    top:27px;
    padding:0;
    color:#6432c8;
    background:0 0;
    border:none;
    font-weight:700
}
.inputComment{
    width:80%!important
}
@media only screen and (max-width:420px){
    .inputComment{
        width:65%!important;
    }
}
.comment-btn:disabled{
    color:#b9f
}
.btn-app .dropdown-toggle{
    color:#fff!important
}
.btn-lang{
    color:#999;
    border:1px solid #999;
    padding:.4rem 1rem
}
.icon-post{
    width:25px!important
}
.card-footer svg{
    width:30px;
    height:20px;
    fill:#6432c8
}
#formUpdateCreate .card-footer svg{
    width:22px !important;
    height:20px;
    fill:#6432c8
}
.verified svg{
    width:20px;
    height:20px;
    fill:#14B6F7
}
.text-featured svg{
    width:20px;
    height:20px;
    fill:#6432c8
}
.nav-profile svg{
    width:16px;
    height:18px;
    fill:#333
}
.sidebard_edit svg{
    width:20px;
    height:20px;
    margin-bottom: 0px;
    flex-shrink: 0;
    display: inline-block;
}
.sidebard_edit .navbar-brand img{
    margin: auto;
}
.menu-left-home li a:hover svg path , .menu-left-home .active svg path  {
stroke:white !important;
}
.list-supp svg{
    fill:white!important
}
.list-supp svg{
    width:18px;
    height:18px
}
.avatar-wrap,.profile-actions a,.rounded-circle{
    border-radius:.7rem!important
}



.card-avatar{
    border-radius:0.7rem!important;
}
.img-user-small{
    border-radius:0.7rem!important;
}
.auth small{
    font-size: 14px;
    font-weight: 700;
}
.gender svg{
    width:20px;
    height:20px
}
.verify-gender{
    width: 100%;
}
.simulator{
    min-width:50%;
}
.modal-simulator{
    background:#282567;
    padding: 5.25rem;
    margin:auto;
    text-align:center;
    border-radius:0.7rem;
}
.min-max-labels{
    display:flex;
    justify-content:space-between;
    margin-top:10px
}
.min-max-labels span{
    font-size:16px;
    line-height:120%;
    font-weight:700
}
.followers,.price{
    margin-bottom:40px;
    position:relative;
    margin-top:40px
}
.slider-tooltip{
    position:absolute;
    background-color:#9c6aff;
    color:#fff;
    padding:2px 5px;
    border-radius:5px;
     text-align:center;
    pointer-events:none;
    transform:translateX(-50%);
    transition:opacity .2s ease-in-out;
    font-size:14px;
    top:-30px;
    font-weight:700
}
input[type=range]:focus{
    outline:0
}
input[type=range]{
    -webkit-appearance:none;
    appearance:none;
    background:0 0;
    border:none;
    height:2px;
    width:100%
}
input[type=range]::-webkit-slider-runnable-track{
    width:100%;
    height:6px;
    background:#fff;
    border-radius:15px
}
input[type=range]::-moz-range-track{
    width:100%;
    height:6px;
    background:#fff;
    border-radius:15px
}
input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:30px;
    height:30px;
    background:url('/public/img/icons/slider-holder-blue.svg') 0 0/cover;
    border:none;
    cursor:pointer;
    margin-top:-12px;
    transition:left .2s
}
input[type=range]::-moz-range-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:30px;
    height:30px;
    background:url('/public/img/icons/slider-holder-blue.svg') 0 0/cover;
    border:none;
    cursor:pointer;
    margin-top:-12px;
    transition:left .2s
}
.close{
    position: absolute;
    top:-12px;
    font-size: 40px;
    color: white;
    right: 10px;
    z-index:999;
}
.bg-document{
    background-color: #e7defe;
    text-align:left;
     border-radius:0.7rem;
    padding:1.25rem;
}
.bg-document li{
    margin:35px 0; 
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnFilePhoto svg{
    width: 34px;
     fill: #272567;
     height: 23px;
}
.btnFilePhoto:hover svg{
     fill: white;
}
.lbl{
    display: block;
     text-align: left!important;
}
.qr-code{
    background:linear-gradient(to right,#6432c8 4px,transparent 4px),linear-gradient(to right,#6432c8 4px,transparent 4px) 0 100%,linear-gradient(to left,#6432c8 4px,transparent 4px) 100% 0,linear-gradient(to left,#6432c8 4px,transparent 4px) 100% 100%,linear-gradient(to bottom,#6432c8 4px,transparent 4px),linear-gradient(to bottom,#6432c8 4px,transparent 4px) 100% 0,linear-gradient(to top,#6432c8 4px,transparent 4px) 0 100%,linear-gradient(to top,#6432c8 4px,transparent 4px) 100% 100%;
    background-repeat:no-repeat;
    background-size:20px 20px;
    max-width:160px!important;
    padding:13px;
    margin-bottom: 30px !important;
}
.btnFilePhoto{
    background: #F0F0FF;
    padding: 18px 0;
}
.text-center{
    text-align: center;
}
@media only screen and (max-width:750px){
    .follomylink{
        text-align: center;
    }
    .mobile{
        display: none;
    }
     .copyright .lines-2{
        display:block
    }
     .copyright .line-1{
        display:none !important
    }
}
 @media only screen and (min-width:750px){
     .copyright .lines-2{
        display:none
    }
     .copyright .line-1{
        display:block !important
    }
}
 .d-lg-block .line-1{
    display:none;
}
#butInstall{
    color: #6432c8;
}
.cmi{
    margin-top: 20px;
}
.alert{
    border-radius: 0.7rem;
}
.tooltip-gender{
    visibility:hidden;
    background-color:#6432c8;
    color:#fff;
    text-align:center;
    border-radius:5px;
    padding:5px;
    position:absolute;
    z-index:1;
    bottom:-20px;
    left:25%;
    margin-left:-60px;
    opacity:0;
    transition:opacity .3s
}
.tooltip-btn:hover .tooltip-gender{
    visibility:visible;
    opacity:1
}
.usertip-price{
    color: #6432c8;
     font-size:18px;
    font-weight:700;
}
.sub-advantages{
    text-align:center;
    background:#fdfcff;
    padding:20px 20px 30px;
    border-radius:.7rem;
    margin-bottom:25px;
    border: 1px solid #6432c8 ;
}
.sub-advantages h6{
    color:#6432c8 ;
     font-weight: 900;
     margin-bottom: 15px;
}
.sub-advantages p{
    text-align: center;
}
.btn-pack{
    margin:auto;
    display: block;
}
.follomylink, .bg_blue{   
    background: #272567;
    padding: 20px;   
    border-radius:20px;
}
.follomylink h5{
    color: #FFC11A !important;
}
.follomylink small{
    color: white !important;
}

.carousel-post{
    margin-bottom: 0px !important;
}

.carousel-indicators button{
    margin-right: 15px;
     height: 5px;
     background: #D7C3FF;
    border-radius: 0.7rem !important;
}
.carousel-indicators .active{
     background-color: #6432c8;
}
.carousel-indicators{
    bottom: -10px !important;
}

#myTooltip, #tooltipSaved{
    visibility: hidden;
}

#myTooltip{
    visibility: hidden;
    color: #FFC11A !important;
     position: absolute;
     right: 0;
     font-size: 13px;
}
#tooltipSaved{
    color: #FFC11A !important;
    position: absolute;
    left: 43%;
    bottom: -13px;
    font-size: 13px;
}
#saveColorForm a{
    height: 44px;
    margin-bottom: 6px;
}
#myLinksBtn{
    position: absolute;
    right: 20px;
    bottom: 2px;
    height: 44px;

}

.mylinks{
    background-color: transparent!important;
    border: 1px dashed #FFC11A;
    border-radius: 15px;
    color: white;
   height: 44px;
   position: relative;
   z-index: 999;
}
#select-sub{
    display: none;
}
 .input-gender{
    text-transform: capitalize;
}
.become_creator_steps {
     display: none;
}
.steps-content .desc_upload {
    font-size: 14px !important;
    line-height:1em;
}
.blue-text {
    color: #272567 !important;
    font-size: 21px;
}
.blue-text-mobile {
    color: #272567 !important;
    font-size: 18px;
}
.documents-wrapper{
    width: 50%;
}
.documents-wrapper p{
    margin-bottom: 0 !important;
    text-align: left !important;
}
.documents-wrapper h6{
    margin-bottom: 0 !important;
   
}

.bg-document ul li .btn{
    width: 120px ;
}
#navbarUserHome{
    height: 100%;
}
#navbarUserHome .sticky-top{
    top:20px !important;
}



.profile-right-sidebar-wrapper {
    position: sticky;
    top: 50px; 
}

.text-size-xsmall{
    font-size: 11px;}
.b-radius{
    border-radius: 0.7rem !important;
}    
.invalid-feedback{
    padding: 6px ;
}
.bg_blue h5{
    color: #FFC11A !important;
}
.bg_blue p{
    color: white;
}
.clr-field button{
    border-radius: 0 0.7rem 0.7rem 0;
}
.plyr--audio{
    border-radius: 0.7rem !important;
}
.card-settings a{
    background-color: transparent;
}
.lh-sm{
    line-height: 1rem !important;
}
.previewImageVerification p{
    text-align: left !important;
}
.previewImageVerification h5{
    text-align: left !important;
}
.bg-purple-light{
    background-color: #9c6aff !important;
    border-color: #9c6aff !important;
}
.hidden{
    visibility: hidden;
}

.carousel-control-next, .carousel-control-prev{
    height: 40px;
    bottom: 50% !important;
    top: unset !important;
}

.icon-wrap-lock{
    position: absolute;
    top: 114px;
    right: 0px;
    z-index: 0;
    transform: rotate(15deg);
    opacity: 0.2;
}
.icon-wrap-lock-msg{
    position: absolute;
    top: -15px;
    right: 0px;
    z-index: 0;
    transform: rotate(15deg);
    opacity: 0.2;
}
.gender svg{
    height: 20px !important;
}
.media-theme-spotify {
    display: inline-block;
    min-width: 250px;
   
    color: #fff;
  

    --media-icon-color: #fff;
    --media-button-icon-height: 28px;
    --media-range-track-height: 4px;
    --media-range-track-background: rgba(255, 255, 255, 0.3);
    --media-range-thumb-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px 0px;
    --media-preview-time-background: rgba(20,20,30, 1);
    --media-preview-time-margin: 0 0 -9px;
  }

  .media-theme-spotify .custom-chrome {
    display: flex;
    flex-flow: row nowrap;
  }

  .media-theme-spotify :not(media-play-button) {
    --media-control-background: none;
    --media-control-hover-background: none;
  }

  .media-theme-spotify media-time-range {
    --media-box-padding-left: 7px;
    --media-box-padding-right: 7px;
  }

  .media-theme-spotify media-time-range:not(:hover) {
    --media-range-thumb-opacity: 0;
  }

  .media-theme-spotify media-text-display {
    font-size: 14px;
    line-height: 19px;
    padding: 0 8px;
  }

  .media-theme-spotify media-time-display,
  .media-theme-spotify media-preview-time-display {
    font-size: 10px;
  }

  .media-theme-spotify .media-poster {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .media-theme-spotify media-play-button {
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 6px;

    transition: all 0.1s;
  }

  .media-theme-spotify .media-poster:hover media-play-button {
    transform: scale(1.1);
  }

  .media-theme-spotify .content-area {
    flex-grow: 1;
    border-radius: 0 0.7rem 0.7rem 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;

    padding-top: 8px;
    background-color:#4F2CAF;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.8)
    );
  }

  .media-theme-spotify .content-area media-control-bar {
    align-self: stretch;
  }

  .media-theme-spotify .content-area media-control-bar > * {
    height: 36px;
  }
  /*.bcm-creator span{
    color: #6432c8;
  }*/
  .bcm-creator svg{
    fill: #6432c8;
  }
  .bcm-creator:hover span{
    color: white !important;
  }
  .bcm-creator:hover svg{
    fill: #6432c8;
  }

 .active .bcm-span{
    color:white
 }
 .active .bcm-svg{
    fill:white
 }
 .icons-info H6{
    font-size: 16px;
    font-weight: 400 !important;
 }
 .icons-info svg{
   height: 25px;
   fill: #6432c8;
 }
 .dropdown .dropdown-navbar path{
    fill:#212121
 }
 .dropdown .dropdown-navbar:hover{
    border: none !important;
  }
 .dropdown .dropdown-navbar svg{
    margin-right:10px !important;
 }

 .dropdown .dropdown-navbar:hover path{
    fill:white !important;
 }
 .badge{
    padding:5px 10px !important;
 }
@media (min-width: 1203px) {
    .d-custom-flex {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

@media (max-width: 1202px) {
    .btn-mylink {
        width: 48%;
    }
}
/* PROFILE PAGE*/

.userInfo{
    text-align: left;
    padding-left: 175px;
    margin-top: -35px;
}
@media only screen and (max-width:992px){
    .userInfo{
        padding-left: 0px;
        margin-top: 17px;
    }
        .img-profile-user{
        margin-top: -175px!important;
    }
        .sm-wrapper{
        justify-content: center !important;
    }
    #themeFilter{
        max-width: 120px !important;
    }
}
.sm-wrapper{
    gap: 8px; padding:6px 12px; border-radius:10px; border:1px solid #6332C824;
}
.profileReport{ position: absolute; right: 15px;}

.profile-actions .sm-wrapper svg{
    width:20px !important;
    height:20px !important;
}
.profile-actions .btn-brd{
    border:1px solid #6332C8;
     padding-left:14px !important;
     padding-right:14px !important;
}
@media only screen and (min-width:992px){
    .profile-action-btns{
        display: flex;
        gap:5px
    }
    .profile-action-btns .btn-profile{
        display: flex;
        align-items: center;
        justify-content: center;
        gap:3px
    }
}