html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
html,body{
    height:100%
}
body{
    font-family:open sans,sans-serif;
    font-weight:400;
    background-color:#181f24;
    -webkit-font-smoothing:antialiased
}
button{
    padding:0;
    border:none;
    background-color:transparent;
    transition:.5s ease;
    transition-property:color,background-color,border-color,box-shadow;
    cursor:pointer
}
button:focus{
    outline:none
}
a{
    transition:.5s ease;
    transition-property:color,background-color,border-color,box-shadow
}
a:hover,a:active,a:focus{
    outline:none;
    text-decoration:none
}
input,textarea,select{
    padding:0;
    margin:0;
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    box-shadow:none;
    transition:.5s ease;
    transition-property:color,background-color,border-color,box-shadow
}
input:focus,textarea:focus,select:focus{
    outline:none
}
select::-ms-expand{
    display:none
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
ul{
    margin:0;
    padding:0;
    list-style:none
}
::-moz-selection{
    background:#fff;
    color:#222227;
    text-shadow:none
}
::selection{
    background:#fff;
    color:#222227;
    text-shadow:none
}
::-webkit-input-placeholder{
    color:silver;
    opacity:1
}
::-moz-placeholder{
    color:silver;
    opacity:1
}
:-moz-placeholder{
    color:silver;
    opacity:1
}
:-ms-input-placeholder{
    color:silver;
    opacity:1
}
:focus{
    outline:-webkit-focus-ring-color auto 0
}
::-webkit-scrollbar{
    width:6px
}
::-webkit-scrollbar-track{
    background:rgba(0,0,0,.4)
}
::-webkit-scrollbar-thumb{
    background-color:#1fd477;
    outline:1px solid #222227
}
.tab-content{
    width:100%
}
.tab-content>.tab-pane{
    display:none
}
.tab-content>.active{
    display:block
}
.fade{
    transition:opacity .4s linear
}
@media screen and (prefers-reduced-motion:reduce){
    .fade{
        transition:none
    }
}
.fade:not(.show){
    opacity:0
}
.collapse:not(.show){
    display:none
}
.collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    transition:height .4s ease
}
@media screen and (prefers-reduced-motion:reduce){
    .collapsing{
        transition:none
    }
}
:focus-visible{
    outline:0 dotted
}
.row--grid{
    margin-right:-10px;
    margin-left:-10px
}
.row--grid .col-6,.row--grid .col-12{
    padding-left:10px;
    padding-right:10px
}
@media(min-width:768px){
    .row--grid{
        margin-right:-15px;
        margin-left:-15px
    }
    .row--grid .col-6,.row--grid .col-12{
        padding-left:15px;
        padding-right:15px
    }
}
.row--sidebar{
    margin-right:-10px;
    margin-left:-10px
}
.row--sidebar .col-6,.row--sidebar .col-12{
    padding-left:10px;
    padding-right:10px
}
.table-responsive{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
}
.owl-carousel .owl-item{
    -webkit-transform:none
}
.header{
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:auto;
    height:70px;
    background-color:#232c32;
    z-index:101
}
.header__content{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    height:100%;
    width:100%;
    position:relative;
    padding:0 15px
}
.header__logo{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    height:70px;
    width:100%
}
.header__logo img{
    width:46px;
    height:auto;
    display:block
}
.header__actions{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    width:auto;
    margin-left:auto;
    margin-right:50px
}
.header__action{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:100%;
    width:24px;
    position:relative;
    margin-left:21px
}
.header__action:first-child{
    margin-left:0
}
.header__action--cart span,.header__action--note span{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:16px;
    min-width:16px;
    color:#fff;
    padding:0 5px;
    border-radius:4px;
    background-color:#25a56a;
    position:absolute;
    top:-2px;
    left:14px;
    font-family:inter,sans-serif;
    font-size:10px;
    pointer-events:none
}
.header__action--cart span:empty,.header__action--note span:empty{
    display:none
}
.header__action--note span{
    background-color:#f05050
}
.header__action--cart .header__drop{
    display:none
}
.header__action:hover .header__drop{
    pointer-events:auto;
    opacity:1;
    z-index:99;
    margin-top:0
}
.header__action-btn{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:36px;
    width:100%
}
.header__action-btn span{
    display:none
}
.header__action-btn i{
    font-size:22px;
    color:silver;
    transition:color .5s ease
}
.header__action-btn:hover i{
    color:#1fd477
}
.header__btn{
    position:absolute;
    width:24px;
    height:22px;
    display:block;
    right:15px;
    top:24px
}
.header__btn span{
    position:absolute;
    right:0;
    width:24px;
    height:2px;
    background-color:silver;
    border-radius:2px;
    transition:.5s ease
}
.header__btn span:first-child{
    top:0
}
.header__btn span:nth-child(2){
    top:10px;
    width:24px
}
.header__btn span:last-child{
    top:20px;
    width:24px
}
.header__btn:hover span{
    background-color:#25a56a
}
.header__btn--active span{
    background-color:#25a56a
}
.header__btn--active span:first-child{
    transform:rotate(-45deg);
    top:9px
}
.header__btn--active span:nth-child(2){
    opacity:0;
    width:0
}
.header__btn--active span:last-child{
    width:24px;
    transform:rotate(45deg);
    top:9px
}
.header__search{
    position:absolute;
    left:0;
    top:-71px;
    width:100%;
    height:70px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    background-color:#16151a;
    z-index:1;
    padding:0 15px;
    border-bottom:1px solid #222227;
    transition:top .5s ease
}
.header__search input{
    width:calc(100% - 30px);
    height:50px;
    background-color:#181f24;
    color:#fff;
    font-size:16px;
    border-radius:10px;
    border:none;
    padding:0 20px;
    font-family:inter,sans-serif
}
.header__search input:focus{
    border-color:#fff
}
.header__search button{
    position:absolute;
    right:60px;
    top:15px;
    height:40px;
    width:auto;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.header__search button i{
    width:20px;
    height:auto;
    color:silver;
    transition:.5s ease
}
.header__search button:hover i{
    color:#1fd477
}
.header__search button.close{
    right:15px
}
.header__search--active{
    top:0
}
.header__nav{
    display:none
}
.header__drop{
    position:absolute;
    top:100%;
    right:-15px;
    background-color:#232c32;
    padding:15px;
    border-radius:12px;
    width:200px;
    pointer-events:none;
    opacity:0;
    z-index:-1;
    transition:.4s ease;
    margin-top:-5px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%)
}
.header__note{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dashed rgba(255,255,255,.1)
}
.header__note:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.header__note i{
    margin-right:6px;
    margin-top:10px;
    font-size:25px;
    color:silver
}
.header__note p{
    color:#fff;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    width:calc(100% - 25px);
    display:block;
    margin-bottom:0;
    font-weight:400
}
.header__note p a{
    color:#fff
}
.header__note p a:hover{
    color:#1fd477;
    text-decoration:none
}
.header__note span{
    padding:0;
    font-size:12px;
    color:silver;
    position:relative;
    background-color:transparent;
    top:auto;
    left:auto;
    display:block;
    width:100%;
    margin-top:5px
}
.header__note--succ i{
    color:#1fd477
}
.header__note--fail i{
    color:#f05050
}
.header__note--info i{
    color:silver
}
.header__product{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dashed rgba(255,255,255,.1);
    position:relative;
    padding-left:56px
}
.header__product button{
    position:absolute;
    width:14px;
    bottom:18px;
    right:0
}
.header__product button i{
    color:silver;
    transition:color .4s ease
}
.header__product button:hover i{
    color:#f05050
}
.header__product img{
    width:46px;
    height:auto;
    position:absolute;
    top:0;
    left:0;
    border-radius:6px
}
.header__product p{
    color:#fff;
    font-size:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    width:100%;
    display:block;
    margin-bottom:0;
    font-weight:400
}
.header__product p a{
    color:#fff
}
.header__product p a:hover{
    color:#25a56a
}
.header__product span{
    padding:0;
    font-size:14px;
    color:silver;
    position:relative;
    background-color:transparent;
    top:auto;
    left:auto;
    display:block;
    width:100%;
    margin-top:5px;
    line-height:100%
}
.header__product:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.header__all{
    display:none
}
.header__action--signin img{
    width:40px;
    border-radius:50px;
    border:3px solid #1fd477;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%)
}
.header__action--signin .header__drop{
    width:190px
}
.header__action--signin .header__drop a{
    display:block;
    color:#f7f7f7;
    padding:10px 8px
}
.header__action--signin .header__drop a i{
    margin-right:4px
}
.header__action--signin .header__drop a:first-child{
    color:#1fd477
}
.header__action--signin .header__drop a:hover{
    color:#1fd477
}
.header__nav .header__drop{
    width:240px
}
.header__nav-drop{
    position:relative
}
.header__nav-drop:hover .header__drop{
    pointer-events:auto;
    opacity:1;
    z-index:99;
    margin-top:0
}
.header__nav .header__drop a{
    display:block;
    color:#f7f7f7;
    padding:8px
}
.header__nav .header__drop a i{
    margin-right:4px;
    font-size:12px;
    color:#1fd477
}
.header__nav .header__drop a:hover{
    color:#1fd477
}
@media(min-width:400px){
    .header__action{
        margin-left:20px
    }
    .header__action:first-child{
        margin-left:0
    }
    .header__actions{
        margin-right:44px
    }
}
@media(min-width:576px){
    .header__action--signin{
        width:auto;
        padding-left:22px
    }
    .header__action-btn span{
        display:block;
        white-space:nowrap;
        color:silver;
        font-size:16px;
        margin-right:10px;
        font-family:inter,sans-serif;
        transition:color .5s ease
    }
    .header__content{
        padding:0 30px
    }
    .header__search{
        padding:0 30px
    }
    .header__search button{
        right:75px
    }
    .header__search button.close{
        right:30px
    }
    .header__btn{
        right:30px
    }
    .header__drop{
        width:260px
    }
}
@media(min-width:768px){
    .header__action{
        margin-left:30px
    }
    .header__action--signin{
        padding-left:32px
    }
}
@media(min-width:1200px){
    .header{
        padding-left:280px
    }
    .header--mobile{
        display:none
    }
    .header__logo,.header__btn{
        display:none
    }
    .header__actions{
        margin-right:0
    }
    .header__action--search{
        display:none
    }
    .header__action--cart .header__drop{
        display:block
    }
    .header__search{
        position:relative;
        top:auto;
        left:auto;
        width:320px;
        padding:0;
        border:none;
        background-color:transparent;
        margin-right:60px
    }
    .header__search input{
        padding:0 60px 0 20px;
        width:100%
    }
    .header__search button{
        right:20px
    }
    .header__search button.close{
        display:none
    }
    .header__search--active{
        top:auto
    }
    .header__nav{
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        margin-right:60px
    }
    .header__nav ul li{
        display:inline-flex;
        margin:0 10px;
        padding:6px
    }
    .header__nav ul li a{
        font-size:16px;
        color:silver;
        font-family:inter,sans-serif
    }
    .header__nav ul li a:last-child{
        margin-right:0
    }
    .header__nav ul li a:hover{
        color:#1fd477
    }
    .header__nav .btn-upload{
        background:#25a56a;
        color:#fff;
        border-radius:8px;
        padding:8px 14px;
        transition:all .5s ease-in-out
    }
    .header__nav .btn-upload:hover{
        background:#fff;
        color:#f05050
    }
    .header__all{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        width:100%;
        background-color:#f05050;
        color:#fff;
        font-size:16px;
        font-weight:400;
        font-family:inter,sans-serif;
        height:40px;
        border-radius:6px
    }
    .header__all:hover{
        color:#232c32
    }
}
.sidebar{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    background-color:#232c32;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:101;
    width:280px;
    transform:translateX(-100%);
    transition:transform .5s ease;
    border-right:1px solid #181f24
}
.sidebar__logo{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    height:70px;
    width:100%;
    padding:0 30px 0 15px
}
.sidebar__logo img{
    width:180px;
    height:auto;
    display:block
}
.sidebar__nav{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    position:relative;
    padding:30px 0 0;
    width:100%;
    max-height:calc(100vh - 150px);
    overflow-y:auto
}
.sidebar__nav .sidebar-title{
    color:silver;
    font-size:12px;
    margin-left:30px
}
.sidebar__nav-link{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    font-size:16px;
    color:silver;
    font-family:inter,sans-serif;
    margin-left:15px;
    transition:.4s ease;
    position:relative
}
.sidebar__nav-link i{
    color:silver;
    transition:color .5s;
    margin-right:12px;
    margin-bottom:2px
}
.sidebar__nav-link i:last-child{
    width:16px;
    margin-right:0;
    margin-top:3px;
    margin-left:2px;
    margin-bottom:0
}
.sidebar__nav-link:hover{
    color:#fff
}
.sidebar__nav-link:hover i{
    color:#25a56a
}
.sidebar__nav-link--active,.sidebar__nav-link[aria-expanded=true]{
    color:#fff
}
.sidebar__nav-link--active i,.sidebar__nav-link[aria-expanded=true] i{
    color:#25a56a
}
.sidebar__nav-link--active:hover i,.sidebar__nav-link[aria-expanded=true]:hover i{
    color:#25a56a
}
.sidebar__nav-link[aria-expanded=true]{
    margin-bottom:15px
}
.sidebar__nav-item{
    width:100%;
    display:block;
    margin-bottom:15px;
    position:relative
}
.sidebar__nav-item:last-child{
    margin-bottom:0
}
.sidebar__menu{
    padding:0;
    display:block;
    width:100%;
    text-align:left;
    overflow:hidden;
    background-color:#181f24;
    transition:.4s ease;
    height:auto;
    border-left:3px solid #1fd477
}
.sidebar__menu--scroll{
    height:165px;
    overflow:hidden
}
.sidebar__menu li{
    padding:0 0 0 49px;
    margin-bottom:15px;
    position:relative
}
.sidebar__menu li:last-child{
    margin-bottom:0;
    padding-bottom:20px
}
.sidebar__menu li:first-child{
    margin-top:0;
    padding-top:20px
}
.sidebar__menu a{
    font-size:14px;
    color:silver;
    display:block;
    font-weight:400
}
.sidebar__menu a i{
    font-size:12px;
    margin-right:10px;
    color:#1fd477
}
.sidebar__menu a:hover{
    color:#1fd477
}
.sidebar__menu a.active{
    color:#1fd477;
    cursor:default
}
.sidebar--active{
    transform:translateX(0)
}
.upload-box{
    position:absolute;
    z-index:104;
    bottom:180px;
    margin-left:30px
}
.upload-box .upload-btn{
    background:#25a56a;
    border:1px solid #25a56a;
    color:#fff
}
@media(min-width:576px){
    .sidebar__logo{
        padding:0 30px
    }
    .sidebar__nav-link{
        margin-left:30px
    }
    .sidebar__menu li{
        padding:0 0 0 64px
    }
}
@media(min-width:1200px){
    .sidebar{
        transform:translateX(0)
    }
    .sidebar__nav{
        max-height:calc(100vh - 250px)
    }
}
.audio_player{
    position:fixed;
    bottom:20px;
    display:flex;
    flex-direction:row;
    background-color:#232c32;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    z-index:102;
    width:64%
}
.audio_player .audio-title-box{
    padding:20px;
    width:300px
}
.audio_player .player__cover{
    display:flex;
    flex-direction:row
}
.audio_player .player__cover img{
    width:100px
}
.audio_player .audio-title{
    font-weight:700;
    font-size:18px;
    color:#1fd477
}
.audio_player .audio-subtitle{
    font-weight:700;
    font-size:18px;
    color:silver;
    margin-top:6px
}
.plyr--audio .plyr__controls{
    background:var(--plyr-audio-controls-background,#fff);
    border-radius:inherit;
    color:#4a5464;
    color:var(--plyr-audio-control-color,#4a5464)
}
.plyr__control{
    padding:8px 8px 4px;
    width:40px!important
}
.plyr__control i{
    transition:color .4s ease;
    font-size:22px;
    padding:0
}
.plyr__control:hover{
    background-color:transparent!important
}
.plyr__control a i{
    color:#4a5464;
    background-color:transparent!important
}
.plyr__control:hover i{
    color:#25a56a
}
.plyr__actions{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%
}
.plyr__actions button{
    margin:0 8px
}
.plyr__tooltip{
    background-color:#222227;
    box-shadow:none;
    color:#fff;
    font-size:14px!important
}
.plyr__tooltip:before{
    border-top-color:#222227
}
.plyr__wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-right:20px
}
.plyr__time{
    margin-left:10px;
    font-size:16px
}
.plyr__time--current{
    margin-left:10px
}
.player__btn i{
    color:#25a56a;
    margin-right:8px
}
.player--active{
    transform:translateY(0)
}
.plyr__progress{
    position:absolute;
    bottom:-12px
}
.plyr__progress{
    width:calc(100% - 13px)
}
.plyr--full-ui input[type=range]{
    color:#25a56a;
    border-radius:0!important
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{
    border-radius:0;
    height:5px
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{
    background:#1fd477!important
}
.plyr__progress__buffer::-webkit-progress-value{
    border-radius:0
}
.plyr__progress__buffer::-moz-progress-bar{
    border-radius:0
}
.plyr__progress__buffer::-ms-fill{
    border-radius:0
}
.player__btn{
    position:fixed;
    display:none;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    background-color:#232c32;
    border-radius:50px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    height:60px;
    width:60px;
    bottom:6px;
    left:10%;
    transform:translateX(-50%);
    z-index:103;
    color:#fff;
    font-size:20px;
    text-align:center;
    border:1px solid #232c32
}
.player__btn i{
    color:#25a56a;
    margin-left:5px
}
.player--active{
    transform:translateY(0)!important
}
@media(max-width:1200px){
    .audio_player{
        width:50%;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
        bottom:0;
        transform:translateY(100%);
        transition:transform .5s ease
    }
    .audio_player .player__cover{
        width:100%;
        margin-bottom:10px;
        box-shadow:0 0 20px 0 rgb(0 0 0/50%)
    }
    .plyr--audio .plyr__controls{
        background:0 0;
        margin-top:20px;
        color:silver
    }
    .plyr__control a i{
        color:silver
    }
    .plyr__controls{
        display:flex;
        flex-direction:column;
        align-items:center;
        margin-right:20px;
        width:100%
    }
    .plyr__progress{
        position:absolute;
        bottom:118px
    }
    .plyr__wrap{
        margin:0
    }
    a.plyr__control{
        margin-left:auto
    }
    .player__btn{
        display:flex
    }
}
.main{
    position:relative;
    margin-top:70px;
    padding:20px 0 60px
}
.main__title{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-end;
    flex-wrap:wrap;
    margin-bottom:10px;
    margin-top:60px
}
.main__title h1{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    font-family:inter,sans-serif;
    font-weight:400;
    color:#fff;
    font-size:30px;
    line-height:140%;
    margin-bottom:0;
    position:relative
}
.main__title h1 b{
    font-weight:500
}
.main__title h1 a{
    color:#fff
}
.main__title h1 a:hover{
    color:#25a56a
}
.main__title h2{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    font-family:inter,sans-serif;
    font-weight:400;
    color:#fff;
    font-size:26px;
    line-height:100%;
    margin-bottom:0;
    position:relative
}
.main__title h2::before{
    position:absolute;
    content:'';
    width:50px;
    height:3px;
    background:#25a56a;
    border-radius:50px;
    bottom:-10px
}
.main__title h2::after{
    position:absolute;
    content:'';
    width:4px;
    height:4px;
    background:#25a56a;
    border-radius:50px;
    bottom:-10.5px;
    left:54px
}
.main__title h2 i{
    color:#25a56a;
    margin-right:10px
}
.main__title h2 b{
    font-weight:500
}
.main__title h2 a{
    color:#fff
}
.main__title h2 a:hover{
    color:#25a56a
}
.main__title h3{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    font-family:inter,sans-serif;
    font-weight:400;
    font-size:24px;
    color:#fff;
    margin-bottom:0;
    line-height:100%;
    position:relative
}
.main__title p{
    display:block;
    width:100%;
    font-size:16px;
    line-height:26px;
    color:silver;
    margin-top:20px;
    margin-bottom:0
}
.main__title p b{
    font-weight:600
}
.main__title p a{
    color:#25a56a;
    text-decoration:underline
}
.main__title p a:hover{
    text-decoration:none
}
.main__title ol{
    padding-left:0;
    list-style:none;
    counter-reset:li;
    margin-bottom:0
}
.main__title ol ol{
    padding-left:15px;
    margin-top:10px
}
.main__title ol ol ol{
    margin-top:10px;
    margin-bottom:10px
}
.main__title ol ol ol li{
    margin-top:5px
}
.main__title ol h4{
    font-size:16px;
    color:#fff;
    display:inline-block;
    margin-bottom:0;
    margin-top:20px;
    font-weight:500;
    font-family:inter,sans-serif
}
.main__title ol li{
    font-size:16px;
    line-height:24px;
    color:silver;
    position:relative
}
.main__title ol li b{
    font-weight:600;
    color:silver
}
.main__title ol li a{
    color:#eb5757
}
.main__title ol li a:hover{
    color:#eb5757;
    text-decoration:underline
}
.main__title ol li:last-child{
    margin-bottom:0
}
.main__title ol li:before{
    counter-increment:li;
    content:counters(li,".") ". "
}
.main__title--page{
    margin-bottom:40px!important;
    margin-top:40px!important
}
.main__link{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    font-size:16px;
    color:silver;
    font-weight:400
}
.main__link i{
    color:silver;
    margin-left:5px;
    transition:color .5s ease
}
.main__link:hover{
    color:#fff
}
.main__link:hover i{
    color:#25a56a
}
.main__carousel-wrap{
    position:relative
}
.main__carousel .owl-dots{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    margin-top:20px;
    position:relative
}
.main__carousel .owl-dot{
    margin-right:10px
}
.main__carousel .owl-dot:last-child{
    margin-right:0
}
.main__carousel .owl-dot span{
    display:block;
    height:4px;
    width:10px;
    border-radius:2px;
    background-color:silver;
    transition:.5s ease
}
.main__carousel .owl-dot.active span{
    width:20px;
    background-color:#25a56a
}
.main__nav{
    display:none
}
.main__list{
    margin-top:20px
}
.main__list--dashbox{
    margin-top:0
}
.main__list--dashbox .single-item__title{
    max-width:80px
}
.main__list--dashbox .single-item__time{
    font-size:12px
}
.main__filter{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%;
    margin-top:20px;
    padding-bottom:20px;
    padding-top:20px;
    position:relative
}
.main__filter-wrap{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    position:relative;
    z-index:2;
    padding:0 20px
}
.main__filter-search{
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    margin-bottom:10px
}
.main__filter-search input{
    width:100%;
    height:40px;
    background-color:#232c32;
    color:#fff;
    font-size:14px;
    border-radius:8px;
    border:none;
    padding:0 60px 0 20px;
    font-family:inter,sans-serif
}
.main__filter-search input:focus{
    border-color:#222227
}
.main__filter-search button{
    position:absolute;
    right:20px;
    top:0;
    height:40px;
    width:auto;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.main__filter-search button i{
    color:silver;
    transition:.5s ease
}
.main__filter-search button:hover i{
    color:#25a56a
}
.main__load{
    width:160px;
    height:50px;
    border-radius:12px;
    background-color:#25a56a;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:14px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:500;
    margin:30px auto 0
}
.main__load:hover{
    color:#25a56a;
    background-color:#232c32
}
.main__tabs{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    width:100%;
    margin-top:10px
}
.main__tabs li{
    margin-top:15px;
    margin-right:15px
}
.main__tabs li:last-child{
    margin-right:0
}
.main__tabs a{
    display:inline-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:auto;
    color:silver;
    font-size:17px
}
.main__tabs a span{
    font-size:15px;
    font-weight:600;
    margin-right:3px;
    margin-top:3px;
    color:silver;
    transition:color .5s ease
}
.main__tabs a:hover{
    color:#fff
}
.main__tabs a.active{
    color:#fff
}
.main__tabs a.active span{
    color:#25a56a
}
.main__table{
    width:100%;
    min-width:520px;
    border-spacing:0
}
.main__table thead{
    border-bottom:1px solid #222227
}
.main__table thead th{
    font-size:14px;
    color:silver;
    font-weight:400;
    padding:0 10px 20px 0;
    line-height:100%;
    margin-bottom:0;
    border:none
}
.main__table thead th a{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    color:silver
}
.main__table thead th a i{
    color:silver;
    transition:color .5s ease
}
.main__table thead th a:hover{
    color:#fff
}
.main__table thead th a:hover i{
    color:#25a56a
}
.main__table thead th a.active{
    color:#fff
}
.main__table thead th a.active i{
    color:#25a56a
}
.main__table tbody tr{
    border-bottom:none;
    background-color:transparent
}
.main__table tbody td{
    padding:0;
    background-color:transparent;
    border:0 solid transparent
}
.main__table tbody td:first-child .main__table-text{
    border-radius:12px 0 0 12px
}
.main__table tbody td:last-child .main__table-text,.main__table tbody td:last-child .main__table-btns{
    border-radius:0 12px 12px 0
}
.main__table tbody td .main__table-text{
    background-color:transparent;
    padding:15px 20px 15px 0
}
.main__table-text{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    font-size:14px;
    color:silver;
    font-weight:400;
    line-height:30px;
    padding:20px;
    white-space:nowrap
}
.main__table-text i{
    transition:color .5s ease;
    color:silver;
    margin-right:5px
}
.main__table-text a{
    font-size:16px;
    color:#fff
}
.main__table-text a:hover{
    color:#25a56a
}
.main__table-text--number a{
    font-size:14px;
    line-height:22px;
    border-bottom:2px dashed #25a56a
}
.main__table-text--price{
    font-family:inter,sans-serif;
    font-weight:500;
    color:silver;
    font-size:16px
}
.main__table-text--red{
    color:#eb5757
}
.main__table-text--red i{
    color:#eb5757
}
.main__table-text--green{
    color:#25a56a
}
.main__table-text--green i{
    color:#25a56a
}
.main__table-text--grey{
    color:silver
}
.main__table-img{
    width:100px;
    height:auto;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    background-color:transparent;
    border-radius:8px;
    overflow:hidden;
    padding:15px 20px 15px 0
}
.main__table-img img{
    width:100%;
    height:auto;
    border-radius:8px
}
@media(min-width:400px){
    .main__list--dashbox .single-item__title{
        max-width:110px
    }
}
@media(min-width:576px){
    .main{
        padding:20px 15px 50px
    }
    .main__list--dashbox .single-item__title{
        max-width:150px
    }
    .main__list--dashbox .single-item__time{
        font-size:14px
    }
    .main__filter:before{
        left:-30px;
        right:-30px
    }
}
@media(min-width:768px){
    .main{
        padding:30px 15px 70px
    }
    .main__title{
        margin-top:70px;
        margin-bottom:0
    }
    .main__title h1{
        font-size:36px
    }
    .main__title h2{
        font-size:30px
    }
    .main__title h2 svg{
        width:30px
    }
    .main__title p:last-child{
        margin-bottom:10px
    }
    .main__title--sidebar{
        margin-bottom:10px
    }
    .main__carousel .owl-dots{
        margin-top:30px
    }
    .main__list{
        margin-top:30px
    }
    .main__list--dashbox{
        margin-top:0
    }
    .main__filter{
        padding:0;
        flex-direction:row;
        align-items:center;
        margin-top:30px;
        height:70px
    }
    .main__filter-wrap{
        padding:0
    }
    .main__load{
        margin:40px auto 0
    }
    .main__tabs li{
        margin-top:20px;
        margin-right:20px
    }
    .main__tabs li:last-child{
        margin-right:0
    }
    .main__filter-search{
        margin-bottom:0;
        width:180px;
        margin-right:30px
    }
    .main__filter-search input{
        width:180px
    }
}
@media(min-width:992px){
    .main__filter-search{
        margin-bottom:0;
        width:250px
    }
    .main__filter-search input{
        width:250px
    }
    .main__title--sidebar{
        margin-top:30px
    }
    .main__list--dashbox .single-item__title{
        max-width:200px
    }
}
@media(min-width:1200px){
    .main{
        padding:70px 15px 70px 295px;
        margin-top:0
    }
    .main__carousel .owl-dots{
        justify-content:flex-end;
        padding-right:50%
    }
    .main__nav{
        position:absolute;
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        width:34px;
        height:34px;
        right:0;
        bottom:-14px;
        z-index:2
    }
    .main__nav i{
        color:silver;
        transition:color .5s ease
    }
    .main__nav:hover i{
        color:#25a56a
    }
    .main__nav--prev{
        right:25px
    }
    .main__nav--next{
        right:-5px
    }
    .main__nav--hero{
        bottom:15px
    }
    .main__nav--hero i{
        color:#fff
    }
    .main__nav--hero.main__nav--prev{
        right:95px
    }
    .main__nav--hero.main__nav--next{
        right:65px
    }
    .main__nav--hero:hover i{
        color:#25a56a
    }
    .main__filter{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        z-index:99;
        border:none
    }
    .main__filter-search{
        margin-bottom:0;
        width:220px
    }
    .main__filter-search input{
        width:220px
    }
}
.breadcrumb{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    padding:0;
    background-color:transparent
}
.breadcrumb__item{
    font-size:14px;
    color:silver;
    transition:.5s ease;
    position:relative;
    margin-right:34px
}
.breadcrumb__item:before{
    content:'\f101';
    font-family:"font awesome 5 pro";
    position:absolute;
    left:40px;
    top:2px;
    bottom:0;
    width:34px;
    text-align:center
}
.breadcrumb__item:hover{
    color:silver
}
.breadcrumb__item:last-child{
    margin-right:0
}
.breadcrumb__item:last-child:before{
    display:none
}
.breadcrumb__item--active{
    cursor:default;
    margin-right:0
}
.breadcrumb__item--active:before{
    display:none
}
.breadcrumb__item--active:hover{
    color:silver
}
.breadcrumb a{
    color:silver
}
.breadcrumb a:hover{
    color:#25a56a
}
@media(min-width:1200px){
    .breadcrumb{
        margin-top:25px
    }
    .breadcrumb--hidden-desk{
        display:none
    }
}
.profile{
    background-color:#232c32;
    padding:20px;
    border-radius:12px;
    border:1px solid #232c32;
    margin-bottom:20px
}
.profile__user{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center
}
.profile .nav{
    margin-top:20px
}
.profile .nav .nav-link{
    color:silver;
    padding-left:0
}
.profile .nav .nav-link:hover{
    color:#25a56a
}
.profile .nav .nav-link i{
    margin-right:10px
}
.profile .nav .active{
    color:#25a56a;
    background:0 0
}
.profile__meta{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.profile__meta h3{
    color:#fff;
    font-family:inter,sans-serif;
    display:block;
    font-size:16px;
    font-weight:400;
    margin-bottom:7px;
    line-height:100%
}
.profile__meta span{
    color:silver;
    font-size:12px;
    line-height:100%
}
.profile__avatar{
    display:block;
    position:relative;
    width:40px;
    cursor:pointer;
    overflow:hidden;
    border-radius:8px;
    margin-right:15px
}
.profile__avatar img{
    width:100%
}
.profile-info{
    background:#232c32;
    border:1px solid #232c32;
    border-radius:10px;
    color:silver;
    padding:10px
}
.profile-info .table{
    color:silver
}
.profile-setting{
    background:#232c32;
    border:1px solid #232c32;
    border-radius:10px;
    color:silver;
    padding:20px
}
@media(min-width:768px){
    .profile__tabs{
        border-bottom:none;
        margin-bottom:0;
        width:auto;
        margin-right:auto
    }
    .profile__tabs li{
        margin-right:30px
    }
    .profile__tabs li:last-child{
        margin-right:0
    }
    .profile__tabs a{
        align-items:center;
        height:70px;
        font-size:16px
    }
    .profile__user{
        margin-bottom:0;
        margin-right:60px
    }
    .profile__logout{
        position:relative;
        top:auto;
        right:auto
    }
    .profile__logout span{
        display:block
    }
}
.common-form .form-control{
    background:#181f24;
    border:2px solid #181f24;
    border-radius:10px;
    color:silver;
    height:48px;
    box-shadow:none
}
.common-form .form-control:focus{
    border:2px solid #25a56a;
    background:#181f24
}
.common-form .custom-select{
    background:#181F24 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px!important
}
.common-form .theme-btn{
    background:#25a56a;
    color:#fff;
    border-radius:10px;
    padding:10px 20px;
    margin-top:20px;
    transition:all .5s ease-in-out
}
.common-form .theme-btn:hover{
    background:#fff;
    color:#25a56a
}
.common-form label{
    color:silver
}
.common-form h4{
    color:silver
}
.pagination{
    margin-top:20px
}
.pagination .page-link{
    background:#232c32;
    border:1px solid #232c32;
    margin:10px;
    color:#25a56a;
    border-radius:10px;
    font-size:20px;
    padding:8px 18px;
    transition:all .5s ease-in-out
}
.page-item:last-child .page-link{
    border-radius:10px
}
.page-item:first-child .page-link{
    border-radius:10px
}
.pagination .page-link:hover{
    background:#25a56a;
    color:#fff;
    border-color:#25a56a
}
.pagination .page-item.active .page-link{
    background:#25a56a;
    color:#fff;
    border-color:#25a56a
}
.playlist{
    background:#232c32;
    padding:10px;
    border:1px solid #232c32;
    border-radius:10px;
    margin-bottom:20px
}
.playlist .playlist__cover img{
    width:100%;
    border-radius:10px
}
.playlist__title{
    text-align:center;
    font-family:inter,sans-serif
}
.playlist__title h3 a{
    color:#fff;
    font-size:18px
}
.playlist__title h3 a:hover{
    color:#25a56a
}
.playlist__title span a{
    font-size:16px;
    color:#eb5757
}
.playlist__title:hover{
    color:#25a56a
}
.playlist__create{
    text-align:center
}
.playlist__create a{
    color:silver;
    padding:71px 0;
    display:block
}
.playlist__create a:hover{
    color:#25a56a
}
.playlist__create a i{
    font-size:50px
}
.create-playlist{
    background:#232c32;
    padding:20px;
    border:1px solid #232c32;
    border-radius:10px;
    margin-bottom:20px
}
.playlist-single{
    background:#232c32;
    padding:0 20px 20px;
    border:1px solid #232c32;
    border-radius:10px;
    margin-bottom:20px
}
@media(max-width:1200px){
    .playlist__create a{
        padding:40px 0
    }
}
.upload-music{
    background:#232c32;
    padding:20px;
    border:1px solid #232c32;
    border-radius:10px;
    margin-bottom:20px
}
.hero{
    display:block;
    width:100%
}
.hero .owl-dots{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    margin-top:20px;
    position:relative
}
.hero .owl-dot{
    margin-right:10px
}
.hero .owl-dot:last-child{
    margin-right:0
}
.hero .owl-dot span{
    display:block;
    height:4px;
    width:10px;
    border-radius:2px;
    background-color:silver;
    transition:.5s ease
}
.hero .owl-dot.active span{
    width:20px;
    background-color:#25a56a
}
.hero .owl-stage-outer{
    border-radius:12px
}
.hero__slide{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    min-height:300px;
    border-radius:12px;
    overflow:hidden;
    padding:40px 20px;
    position:relative
}
.hero__slide:before{
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(45deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    z-index:1
}
.hero__title{
    position:relative;
    z-index:2;
    color:#fff;
    font-weight:400;
    font-size:30px;
    font-family:inter,sans-serif;
    margin-bottom:0;
    line-height:130%
}
.hero__text{
    position:relative;
    z-index:2;
    color:silver;
    font-size:16px;
    line-height:26px;
    margin-bottom:0;
    margin-top:15px
}
.hero__btns{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    width:100%;
    margin-top:10px
}
.hero__btn{
    width:auto;
    min-width:120px;
    height:50px;
    border-radius:12px;
    border:2px solid #25a56a;
    display:inline-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:14px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:500;
    padding:0 20px;
    margin-top:20px;
    margin-right:20px
}
.hero__btn i{
    color:#fff;
    margin-right:7px
}
.hero__btn:last-child{
    margin-right:0
}
.hero__btn:hover{
    color:#25a56a
}
.hero__btn--video{
    text-transform:none;
    font-size:16px
}
.hero__btn--video i{
    color:#25a56a;
    margin-right:10px;
    transition:color .5s ease
}
.hero__btn--video:hover{
    background-color:#25a56a;
    color:#fff
}
.hero__btn--video:hover i{
    color:#fff
}
.hero__btn--green{
    background-color:#25a56a;
    color:#fff
}
.hero__btn--green:hover{
    background-color:#222227;
    color:#25a56a
}
.banner-area{
    padding-top:30px
}
.banner-area img{
    width:100%;
    border-radius:12px
}
@media(min-width:576px){
    .hero__slide{
        min-height:400px
    }
}
@media(min-width:768px){
    .hero .owl-dots{
        margin-top:30px
    }
    .hero__slide{
        padding:40px 30px;
        padding-right:10%;
        min-height:460px
    }
    .hero__title{
        font-size:36px
    }
    .hero__btn{
        margin-top:30px;
        margin-right:30px;
        min-width:160px;
        padding:0 25px
    }
    .hero__btn:last-child{
        margin-right:0
    }
}
@media(min-width:992px){
    .hero__slide{
        padding-right:25%
    }
}
@media(min-width:1200px){
    .hero{
        margin-top:30px
    }
    .hero .owl-dots{
        justify-content:flex-end;
        margin-top:-34px;
        margin-bottom:30px;
        padding-right:50%;
        z-index:2
    }
    .hero .owl-dot span{
        background-color:rgba(255,255,255,.6)
    }
    .hero .owl-dot.active span{
        background-color:#fff
    }
    .hero__title{
        font-size:44px
    }
    .hero__text{
        font-size:17px;
        line-height:28px
    }
    .hero__btn{
        margin-top:40px
    }
    .hero__slide{
        padding:60px;
        padding-right:33%
    }
}
@media(min-width:1900px){
    .hero__slide{
        padding-right:50%
    }
}
.album{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    margin-top:20px;
    width:100%;
    background:#232c32;
    padding:10px;
    border-radius:10px;
    text-align:center
}
.album__cover{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:12px;
    position:relative;
    overflow:hidden;
    width:100%;
    background-color:#000
}
.album__cover img{
    width:100%;
    display:block;
    position:relative;
    z-index:1;
    opacity:1;
    transition:.5s ease
}
.album__cover a{
    position:absolute;
    z-index:2;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:46px;
    height:46px;
    top:50%;
    left:50%;
    margin:-28px 0 0 -28px;
    border-radius:50px;
    background-color:#fff;
    transform:scale(.8);
    opacity:0;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    transition:.5s ease
}
.album__cover a i{
    color:#25a56a;
    margin:1px 0 0 1px;
    transition:color .5s ease
}
.album__cover a:hover i{
    color:#25a56a
}
.album__cover:hover img{
    opacity:.6;
    transform:scale(1.08)
}
.album__cover:hover a{
    opacity:1;
    transform:scale(1)
}
.album__cover:hover .album__stat{
    opacity:1;
    transform:scale(1)
}
.album__title{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%;
    margin-top:5px
}
.album__title h3{
    display:block;
    width:100%;
    color:#fff;
    font-size:16px;
    font-weight:400;
    margin-bottom:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word
}
.album__title h3 a{
    color:#fff
}
.album__title h3 a:hover{
    color:#25a56a
}
.album__title span{
    display:block;
    width:100%;
    color:silver;
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word
}
.album__title span a{
    color:silver
}
.album__title span a:hover{
    color:#25a56a
}
.album__stat{
    position:absolute;
    z-index:2;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    bottom:20px;
    left:0;
    right:0;
    color:#fff;
    font-size:12px;
    transform:scale(.8);
    opacity:0;
    transition:.5s ease
}
.album__stat span{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-right:15px
}
.album__stat span:last-child{
    margin-right:0
}
.album__stat i{
    color:#fff;
    margin-right:5px
}
@media(min-width:768px){
    .album{
        margin-top:30px
    }
    .album--sidebar{
        margin-top:20px
    }
    .album__stat{
        font-size:13px
    }
    .album__stat span{
        margin-right:20px
    }
    .album__stat span:last-child{
        margin-right:0
    }
    .album__stat i{
        width:16px
    }
}
.release{
    margin-top:20px;
    margin-bottom:20px;
    border-radius:12px;
    position:release;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%
}
.release__cover{
    display:block;
    position:relative;
    width:100%;
    border-radius:12px;
    overflow:hidden
}
.release__cover img{
    width:100%
}
.release__list{
    position:relative;
    height:330px;
    width:100%;
    overflow-y:auto;
    padding-right:14px;
    margin-top:20px
}
.release__stat{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    color:silver;
    font-size:14px;
    transition:.5s ease;
    width:100%;
    margin-top:15px
}
.release__stat span{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-right:20px
}
.release__stat span:last-child{
    margin-right:0
}
.release__stat i{
    color:#25a56a;
    margin-right:5px
}
.release__buy{
    width:100%;
    height:50px;
    border-radius:12px;
    background-color:#25a56a;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:14px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:500;
    padding:0 25px;
    margin-top:15px
}
.release__buy i{
    color:#fff;
    margin-right:7px
}
.release__buy:hover{
    background-color:#232c32;
    color:#fff
}
@media(min-width:768px){
    .release{
        flex-direction:row;
        margin-bottom:10px
    }
    .release__list{
        margin-top:0;
        width:calc(100% - 250px)
    }
    .release__content{
        width:230px;
        margin-right:20px
    }
}
@media(min-width:1200px){
    .release__list{
        width:calc(100% - 310px);
        height:520px
    }
    .release__content{
        width:490px
    }
}
.store-item{
    margin-top:20px;
    margin-bottom:30px;
    border-radius:12px;
    position:release;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%
}
.store-item__cover{
    display:block;
    position:release;
    width:100%;
    border-radius:12px;
    overflow:hidden
}
.store-item__cover img{
    width:100%
}
.store-item__description{
    position:relative;
    width:100%;
    margin-top:20px
}
.store-item__buy{
    width:100%;
    height:50px;
    border-radius:12px;
    background-color:#25a56a;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:14px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:500;
    padding:0 25px;
    margin-top:15px
}
.store-item__buy i{
    color:#fff;
    margin-right:7px
}
.store-item__buy:hover{
    background-color:#222227;
    color:#fff
}
.store-item__content{
    width:100%;
    display:block
}
.store-item__carousel{
    position:relative;
    width:100%
}
.store-item__carousel .owl-dots{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    margin-top:20px;
    position:relative
}
.store-item__carousel .owl-dot{
    margin-right:10px
}
.store-item__carousel .owl-dot:last-child{
    margin-right:0
}
.store-item__carousel .owl-dot span{
    display:block;
    height:4px;
    width:10px;
    border-radius:2px;
    background-color:silver;
    transition:.5s ease
}
.store-item__carousel .owl-dot.active span{
    width:20px;
    background-color:#25a56a
}
@media(min-width:768px){
    .store-item{
        flex-direction:row
    }
    .store-item__description{
        margin-top:0;
        width:calc(100% - 250px)
    }
    .store-item__content{
        width:430px;
        margin-right:20px
    }
}
@media(min-width:1200px){
    .store-item__description{
        width:calc(100% - 610px)
    }
    .store-item__content{
        width:490px
    }
}
.artist{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    margin-top:20px;
    width:100%;
    position:relative;
    background:#232c32;
    padding:10px;
    border-radius:10px
}
.artist__cover{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:12px;
    position:relative;
    overflow:hidden;
    width:100%
}
.artist__cover:before{
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(45deg,rgba(37,165,106,0.8) 0%,rgba(37,165,106,0) 100%);
    opacity:0;
    transition:opacity .5s ease;
    z-index:2
}
.artist__cover img{
    width:100%;
    display:block;
    position:relative;
    z-index:1
}
.artist__title{
    z-index:3;
    color:#fff;
    font-size:16px;
    margin-bottom:0;
    text-align:center;
    width:100%;
    transition:color .5s ease;
    margin-top:10px;
    font-family:inter,sans-serif;
    font-weight:400
}
.artist:hover .artist__cover:before{
    opacity:.3
}
.artist:hover .artist__title{
    color:#25a56a
}
@media(min-width:768px){
    .artist{
        margin-top:30px
    }
}
.event{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    margin-top:20px;
    width:100%;
    border-radius:12px;
    position:relative;
    overflow:hidden;
    padding:20px;
    height:300px
}
.event:before{
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(45deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    opacity:.6;
    transition:opacity .5s ease;
    z-index:1
}
.event__date{
    position:relative;
    z-index:2;
    font-size:18px;
    font-weight:400;
    color:#fff;
    margin-bottom:20px
}
.event__time{
    position:relative;
    z-index:2;
    font-size:14px;
    color:#1fd477;
    font-weight:400
}
.event__title{
    position:relative;
    z-index:2;
    font-family:inter,sans-serif;
    font-weight:400;
    color:#fff;
    font-size:24px;
    margin-bottom:5px;
    width:100%
}
.event__title a{
    color:#fff
}
.event__title a:hover{
    color:#25a56a
}
.event__address{
    position:relative;
    z-index:2;
    font-size:14px;
    color:#fff;
    line-height:24px;
    margin-bottom:0;
    width:100%
}
.event__ticket{
    border-radius:50px;
    background-color:#f05050;
    color:#fff;
    font-size:14px;
    font-family:inter,sans-serif;
    font-weight:500;
    padding:9px 15px;
    margin-top:20px;
    z-index:2
}
.event__ticket i{
    margin-right:7px
}
.event__ticket:hover{
    color:#fff;
    background-color:#25a56a;
    border-color:#25a56a
}
.event__ticket:hover i{
    color:#fff
}
.event__out{
    border-radius:50px;
    background-color:#4a5464;
    color:#fff;
    font-size:14px;
    font-family:inter,sans-serif;
    font-weight:500;
    padding:9px 15px;
    margin-top:20px;
    z-index:2
}
.event:hover:before{
    opacity:.8
}
.event-single{
    color:silver
}
.event-single img{
    width:100%;
    border-radius:10px
}
.event-single__meta a{
    color:#fff;
    margin-top:10px
}
.event-single h2{
    color:#fff;
    margin-top:40px;
    margin-bottom:20px
}
@media(min-width:768px){
    .event{
        margin-top:30px;
        height:320px
    }
    .event__title{
        font-size:26px
    }
}
@media(max-width:768px){
    .event-single__meta a{
        font-size:10px
    }
}
.single-item{
    display:flex;
    background:#232c32;
    border:1px solid #232c32;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:10px;
    padding:10px;
    border-radius:10px
}
.single-item__cover{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:8px;
    overflow:hidden;
    transition:.5s ease
}
.single-item__cover img{
    width:48px;
    height:auto;
    opacity:1;
    transition:opacity .5s ease;
    position:relative
}
.single-item__cover i{
    position:absolute;
    opacity:0;
    color:#fff;
    margin:1px 0 0 1px;
    transition:.5s ease
}
.single-item__cover i:last-child{
    opacity:0
}
.single-item__cover:hover i{
    color:#25a56a
}
.single-item__cover.active{
    background-color:#000
}
.single-item__cover.active img{
    opacity:.35
}
.single-item__cover.active i{
    color:#25a56a
}
.single-item__cover.pause i{
    opacity:1
}
.single-item__cover.pause i:last-child{
    opacity:0
}
.single-item__cover.play i{
    opacity:0
}
.single-item__cover.play i:last-child{
    opacity:1
}
.single-item__title{
    display:inline-flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    margin-left:15px;
    margin-right:auto
}
.single-item__title h4{
    display:block;
    width:100%;
    color:#fff;
    font-size:16px;
    line-height:24px;
    font-weight:400;
    margin-bottom:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word
}
.single-item__title h4 a{
    color:#fff
}
.single-item__title h4 a:hover{
    color:#25a56a
}
.single-item__title span{
    display:block;
    width:100%;
    color:silver;
    font-size:14px;
    line-height:24px;
    font-weight:400;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word
}
.single-item__title span a{
    color:silver
}
.single-item__title span a:hover{
    color:#25a56a
}
.single-item__time{
    margin-left:15px;
    font-size:13px;
    color:silver
}
.single-item__time--live{
    background-color:#f05050;
    color:#fff;
    display:inline-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:24px;
    padding:0 12px;
    border-radius:8px;
    font-size:12px;
    font-family:inter,sans-serif;
    font-weight:400
}
.single-item__add{
    margin-left:15px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:32px;
    height:32px;
    border-radius:8px;
    background-color:rgba(37,165,106,.15)
}
.single-item__add i{
    color:#25a56a
}
.single-item__add:hover{
    background-color:rgba(37,165,106,.3)
}
.single-item__export{
    margin-left:15px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:32px;
    height:32px;
    border-radius:8px;
    background-color:rgba(128,81,212,.15)
}
.single-item__export i{
    color:#8051d4
}
.single-item__export:hover{
    background-color:rgba(128,81,212,.3)
}
.single-item:hover .single-item__cover{
    background-color:#222227
}
.single-item:hover .single-item__cover img{
    opacity:.35
}
.single-item:hover .single-item__cover i{
    opacity:1
}
.single-item:hover .single-item__cover i:last-child{
    opacity:0
}
.single-item:hover .single-item__cover.play i{
    opacity:0
}
.single-item:hover .single-item__cover.play i:last-child{
    opacity:1
}
.single-item .moremenu .btn{
    box-shadow:none;
    margin-left:20px;
    color:silver
}
.single-item .moremenu .btn:hover{
    color:#1fd477
}
.single-item .moremenu .dropdown-menu{
    background:#232c32;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    border-radius:10px
}
.single-item .moremenu .dropdown-menu a{
    color:silver
}
.single-item .moremenu .dropdown-menu a:hover{
    color:#1fd477;
    background-color:transparent
}
.single-item .moremenu .dropdown-menu a i{
    margin-right:6px
}
.post{
    position:relative;
    margin-top:20px;
    border-radius:12px;
    width:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    height:calc(100% - 20px)
}
.post__img{
    display:block;
    width:100%;
    position:relative
}
.post__img img{
    width:100%;
    position:relative;
    z-index:1;
    border-radius:12px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%)
}
.post__img:hover:before{
    opacity:.3
}
.post__video{
    position:absolute;
    top:20px;
    left:20px;
    z-index:3;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:40px;
    border-radius:50px;
    background-color:#f05050;
    font-family:inter,sans-serif;
    font-weight:500;
    font-size:14px;
    color:#fff;
    padding:0 15px;
    border:1px solid #f05050
}
.post__video i{
    color:#fff;
    margin-right:7px;
    transition:color .5s ease
}
.post__video:hover{
    background-color:#25a56a;
    color:#fff;
    border-color:#25a56a
}
.post__video:hover i{
    color:#fff
}
.post__content{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%;
    height:100%;
    position:relative
}
.post__category{
    display:inline-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:28px;
    min-width:70px;
    width:auto;
    color:#fff;
    font-size:13px;
    background-color:#25a56a;
    border-radius:8px;
    padding:0 15px;
    margin-bottom:20px;
    position:absolute;
    top:-90px;
    right:20px;
    z-index:2
}
.post__category:hover{
    color:#fff;
    background-color:#25a56a
}
.post__title{
    display:block;
    font-family:inter,sans-serif;
    font-weight:400;
    font-size:22px;
    line-height:140%;
    color:#fff;
    margin-bottom:20px;
    overflow:hidden;
    width:100%
}
.post__title a{
    color:#fff;
    display:block
}
.post__title a:hover{
    color:#25a56a
}
.post__meta{
    width:100%;
    color:silver;
    padding:10px 0
}
.post__meta span{
    margin-right:20px
}
@media(min-width:768px){
    .post{
        margin-top:30px;
        height:calc(100% - 30px)
    }
}
.live{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-top:20px;
    position:relative;
    background:#232c32;
    padding:20px;
    text-align:center;
    border-radius:14px;
    overflow:hidden
}
.live__cover{
    width:100%;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.live__cover img{
    position:relative;
    width:100%;
    z-index:1;
    transition:.5s ease
}
.live__cover i{
    position:absolute;
    display:block;
    color:#25a56a;
    height:60px;
    width:60px;
    border-radius:50px;
    font-size:25px;
    text-align:center;
    padding-top:17px;
    padding-left:5px;
    background:#fff;
    transition:.5s ease;
    z-index:3;
    transform:scale(.8)
}
.live__cover:before{
    content:'';
    position:absolute;
    display:block;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:2;
    background:linear-gradient(45deg,rgba(37,165,106,0.8) 0%,rgba(37,165,106,0) 100%);
    opacity:.1;
    transition:opacity .5s ease
}
.live__value{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    position:absolute;
    bottom:20px;
    left:20px;
    z-index:3;
    pointer-events:none;
    height:28px;
    width:auto;
    padding:0 15px;
    border-radius:8px;
    background-color:rgba(34,34,39,.8);
    color:#fff;
    font-size:12px;
    font-weight:400
}
.live__status{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    position:absolute;
    top:20px;
    left:20px;
    z-index:3;
    pointer-events:none;
    height:24px;
    width:auto;
    padding:0 12px;
    border-radius:8px;
    background-color:#eb5757;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:400
}
.live__title{
    font-size:20px;
    font-family:inter,sans-serif;
    font-weight:400;
    color:#fff;
    margin-bottom:0;
    margin-top:10px;
    width:100%;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    word-wrap:break-word;
    transition:color .5s ease
}
.live__title a{
    color:#fff
}
.live:hover .live__cover:before{
    opacity:.3
}
.live:hover .live__cover i{
    opacity:1;
    transform:scale(1)
}
.live:hover .live__title{
    color:#25a56a
}
.live:hover .live__title a{
    color:#25a56a
}
@media(min-width:768px){
    .live{
        margin-top:30px
    }
}
.product{
    position:relative;
    margin-top:20px;
    border-radius:10px;
    width:100%;
    overflow:hidden;
    background-color:#232c32;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    padding:10px
}
.product__img{
    width:100%;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
.product__img:before{
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(45deg,#000 0%,rgba(0,0,0,0) 100%);
    opacity:0;
    transition:opacity .5s ease;
    z-index:2
}
.product__img img{
    width:100%;
    display:block;
    position:relative;
    z-index:1
}
.product__img:hover:before{
    opacity:.2
}
.product__title{
    display:block;
    width:100%;
    font-size:17px;
    font-weight:400;
    color:#fff;
    margin-bottom:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    margin-top:15px
}
.product__title a{
    color:#fff
}
.product__title a:hover{
    color:#25a56a
}
.product__price{
    font-size:16px;
    color:silver;
    margin-top:5px;
    display:block;
    width:100%;
    font-family:inter,sans-serif;
    font-weight:400
}
.product__new{
    font-size:12px;
    background:#f05050;
    color:#fff;
    padding:2px 8px;
    border-radius:20px;
    position:absolute;
    top:20px;
    right:20px;
    font-weight:600;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    z-index:2
}
.product__cart{
    font-size:14px;
    color:#25a56a;
    position:absolute;
    bottom:16px;
    right:12px;
    font-weight:600;
    background:#fff;
    border-radius:8px;
    padding:8px 10px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    transition:all .5s ease-in-out
}
.product__cart:hover{
    background:#f05050;
    color:#fff
}
@media(min-width:768px){
    .product{
        margin-top:30px
    }
}
.partners{
    margin-top:60px
}
.partners__img img{
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    opacity:.7;
    transition:.5s
}
.partners__img:hover img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    opacity:1
}
@media(min-width:768px){
    .partners{
        margin-top:70px
    }
}
.stats{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    position:relative;
    padding:20px;
    border-radius:12px;
    background-color:#232c32;
    width:100%;
    border:1px solid #232c32;
    margin-bottom:20px
}
.stats span{
    font-family:inter,sans-serif;
    font-size:20px;
    line-height:100%;
    font-weight:400;
    color:#fff;
    margin-bottom:0;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-end
}
.stats span a{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    font-size:13px;
    color:#fff;
    margin-left:10px;
    line-height:100%;
    background:#25a56a;
    padding:4px;
    border-radius:5px
}
.stats span a i{
    color:#25a56a;
    position:relative;
    bottom:auto;
    right:auto;
    transition:.5s ease
}
.stats span a:hover{
    color:#eb5757
}
.stats span a:hover i{
    color:#25a56a
}
.stats p{
    font-size:14px;
    color:silver;
    margin-bottom:0;
    margin-top:20px;
    font-family:inter,sans-serif;
    font-weight:400;
    line-height:100%
}
.stats p b{
    font-size:20px;
    font-weight:500
}
.stats p a{
    color:silver
}
.stats p a:hover{
    color:#25a56a
}
.stats i{
    position:absolute;
    bottom:15px;
    right:20px;
    color:#25a56a
}
.stats__form{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    position:relative;
    width:100%;
    margin-top:10px
}
.stats__form input{
    position:relative;
    z-index:1;
    width:100%;
    height:24px;
    background-color:transparent;
    color:#fff;
    font-size:18px;
    border:none;
    padding:0 50px 0 0
}
.stats__form button{
    position:absolute;
    z-index:2;
    right:0;
    top:0;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-end;
    height:24px;
    color:#25a56a;
    font-size:14px;
    text-transform:uppercase;
    font-weight:500;
    font-family:inter,sans-serif
}
.stats__form button i{
    position:relative;
    top:auto;
    bottom:auto;
    right:auto;
    left:auto;
    transition:color .5s ease
}
.stats__form button:hover{
    color:#fff
}
.stats__form button:hover i{
    color:#25a56a
}
.stats--green i{
    color:#25a56a
}
.stats--purple i{
    color:#8051d4
}
.dashbox{
    background-color:#232c32;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #232c32
}
.dashbox__title{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    border-bottom:1px solid #444
}
.dashbox__title h3{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    color:#fff;
    font-weight:400;
    font-size:20px;
    line-height:100%;
    margin-bottom:0;
    font-family:inter,sans-serif
}
.dashbox__title h3 i{
    color:#25a56a;
    margin-right:10px
}
.dashbox__title h3 span{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:18px;
    min-width:18px;
    color:#fff;
    padding:0 5px;
    border-radius:6px;
    font-family:inter,sans-serif;
    font-size:10px;
    pointer-events:none;
    background-color:#eb5757;
    margin-bottom:auto;
    margin-left:5px
}
.dashbox__wrap{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center
}
.dashbox__more{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    font-size:13px;
    margin-left:15px;
    color:silver;
    font-family:inter,sans-serif
}
.dashbox__more:hover{
    color:#25a56a
}
.dashbox__refresh{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:22px;
    height:30px
}
.dashbox__refresh i{
    color:silver;
    transition:color .5s ease
}
.dashbox__refresh:hover i{
    color:#25a56a
}
.dashbox__table-wrap{
    position:relative;
    display:block;
    width:100%;
    overflow:auto;
    padding:20px 20px 5px
}
.dashbox__table-scroll{
    width:100%;
    display:block
}
.dashbox__list-wrap{
    padding:20px;
    position:relative;
    display:block;
    width:100%
}
.dashbox__scroll{
    position:relative;
    max-height:320px;
    width:100%;
    overflow:hidden;
    padding-right:14px
}
.dashbox__note{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #444;
    height:58px
}
.dashbox__note:last-child{
    height:48px;
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.dashbox__note i{
    font-size:24px;
    margin-right:10px;
    margin-top:10px;
    color:silver
}
.dashbox__note p{
    color:silver;
    font-size:16px;
    line-height:20px;
    display:block;
    margin-bottom:0;
    font-weight:400
}
.dashbox__note p a{
    color:#fff
}
.dashbox__note p a:hover{
    color:#25a56a;
    text-decoration:none
}
.dashbox__note span{
    padding:0;
    font-size:13px;
    color:silver;
    position:relative;
    background-color:transparent;
    top:auto;
    left:auto;
    display:block;
    width:100%;
    margin-top:5px
}
.dashbox__note--succ i{
    color:#25a56a
}
.dashbox__note--fail i{
    color:#eb5757
}
.dashbox__note--info i{
    color:silver
}
.about-box img{
    width:100%;
    border-radius:10px
}
.about .main__title{
    margin-top:0;
    margin-bottom:30px
}
.about-box{
    color:silver;
    margin-bottom:20px
}
.step{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    position:relative;
    overflow:hidden;
    width:100%;
    margin-top:20px;
    padding:20px;
    border-radius:12px;
    background-color:#232c32;
    border:1px solid #232c32
}
.step__number{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:12px;
    width:46px;
    height:46px;
    font-family:inter,sans-serif;
    line-height:100%;
    font-weight:500;
    font-size:20px;
    color:#25a56a;
    background-color:#fff
}
.step__title{
    font-family:inter,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#fff;
    margin-bottom:0;
    margin-left:15px
}
.step__text{
    display:block;
    width:100%;
    font-size:16px;
    line-height:26px;
    color:silver;
    margin-bottom:0;
    margin-top:15px
}
@media(min-width:768px){
    .step{
        margin-top:30px
    }
}
.pricing .plan{
    display:block;
    margin-top:20px;
    padding:20px;
    border-radius:20px;
    background-color:#232c32;
    position:relative;
    overflow:hidden;
    border:1px solid #232c32;
    text-align:center
}
.price__header-icon i{
    color:#fff;
    margin-bottom:20px;
    font-size:40px;
    border:2px solid #fff;
    padding:20px;
    border-radius:50px
}
.pricing .plan--red .plan__title{
    color:#eb5757
}
.pricing .plan--red .plan__list li.green i{
    color:#eb5757
}
.pricing .plan--red .plan__btn{
    color:#eb5757
}
.pricing .plan--red .plan__btn:hover{
    background-color:#eb5757
}
.pricing .plan--green .plan__title{
    color:#25a56a
}
.pricing .plan--purple .plan__title{
    color:#4361ee
}
.pricing .plan--purple .plan__list li.green i{
    color:#4361ee
}
.pricing .plan--purple .plan__btn{
    color:#4361ee
}
.pricing .plan--purple .plan__btn:hover{
    background-color:#4361ee
}
.pricing .plan__title{
    position:relative;
    z-index:2;
    font-size:18px;
    color:#fff;
    line-height:100%;
    display:block;
    font-weight:500;
    margin-bottom:15px;
    font-family:inter,sans-serif
}
.pricing .plan__list{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%
}
.pricing .plan__list li{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-bottom:15px;
    font-size:16px;
    color:silver
}
.pricing .plan__list li:last-child{
    margin-bottom:0
}
.pricing .plan__list li i{
    margin-right:10px
}
.pricing .plan__list li.red i{
    color:silver
}
.pricing .plan__list li.green{
    color:#fff
}
.pricing .plan__list li.green i{
    color:#25a56a
}
.pricing .plan__price{
    position:relative;
    z-index:2;
    font-family:inter,sans-serif;
    font-weight:500;
    font-size:32px;
    color:#fff;
    margin-bottom:20px;
    padding-bottom:15px;
    display:block;
    line-height:100%
}
.pricing .plan__price span{
    font-size:16px
}
.pricing .plan__btn{
    width:100%;
    min-width:140px;
    height:50px;
    border-radius:12px;
    background-color:#232c32;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:#25a56a;
    font-size:14px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:500;
    margin-top:20px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%)
}
.pricing .plan__btn:hover{
    color:#fff;
    background-color:#25a56a
}
@media(min-width:768px){
    .pricing .plan{
        margin-top:30px
    }
    .pricing .plan__btn{
        margin-top:30px
    }
}
.contacts input{
    height:50px;
    background:#232c32;
    border:2px solid #232c32;
    border-radius:10px;
    box-shadow:none
}
.contacts textarea{
    border:2px solid #232c32;
    border-radius:10px;
    background:#232c32
}
.contacts .form-control{
    box-shadow:none;
    color:silver
}
.contacts .form-group{
    margin-bottom:28px
}
.contacts .form-control:focus{
    border:2px solid #25a56a;
    background:#232c32
}
.contacts-btn{
    background:#25a56a;
    color:#fff;
    border-radius:10px;
    padding:10px 20px;
    transition:all .5s ease-in-out
}
.contacts-btn:hover{
    background:#232c32;
    color:#25a56a
}
.contact__sidebar-title{
    margin-top:0!important
}
.contacts__list{
    margin-top:20px
}
.contacts__list li{
    margin-bottom:15px
}
.contacts__list li:last-child{
    margin-bottom:0
}
.contacts__list a{
    font-size:16px;
    color:#fff;
    font-family:inter,sans-serif;
    font-weight:400
}
.contacts__list a:hover{
    color:#25a56a
}
.contacts__list i{
    color:#25a56a;
    margin-right:10px
}
.contact-map iframe{
    border-radius:20px;
    margin-top:30px
}
.cart{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
    padding:0;
    border-radius:20px;
    min-height:400px;
    margin-top:20px
}
.cart__table{
    width:100%;
    min-width:600px
}
.cart__table th{
    font-size:14px;
    font-weight:400;
    color:silver;
    line-height:100%;
    padding:0 20px 10px 0
}
.cart__table th:last-child{
    width:24px;
    padding:0 0 10px
}
.cart__table td{
    font-size:16px;
    font-weight:400;
    color:#fff;
    padding:10px 20px 10px 0
}
.cart__table td a{
    color:#fff;
    font-family:inter,sans-serif;
    font-weight:400
}
.cart__table td a:hover{
    color:#25a56a
}
.cart__table td:last-child{
    width:24px;
    padding:10px 0
}
.cart__table td:first-child{
    width:100px
}
.cart__img img{
    width:60px;
    height:auto;
    border-radius:10px
}
.cart__delete{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:18px;
    height:18px
}
.cart__delete i{
    color:silver;
    transition:.5s ease
}
.cart__delete:hover i{
    color:#25a56a
}
.cart__price{
    font-size:16px;
    color:silver;
    font-family:inter,sans-serif;
    font-weight:500
}
.cart__info{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-end;
    flex-wrap:wrap;
    width:100%;
    margin-top:10px;
    border-top:1px solid #232c32;
    padding-top:10px
}
.cart__total{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.cart__total p{
    font-size:14px;
    color:silver;
    margin-bottom:10px
}
.cart__total span{
    font-size:28px;
    color:#fff;
    line-height:100%;
    font-family:inter,sans-serif;
    font-weight:500
}
.cart__promo{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    position:relative;
    width:100%;
    margin-top:20px
}
.cart__promo .promo__btn{
    width:80px;
    margin:0;
    height:40px;
    border-radius:8px;
    background:#25a56a;
    color:#fff
}
.cart__promo .promo__btn:hover{
    background:#232c32;
    color:#25a56a
}
.cart__promo .promo__input{
    width:calc(100% - 90px);
    height:40px;
    border-radius:8px;
    background:#232c32;
    border:2px solid #232c32;
    padding:0 10px;
    color:silver
}
.cart__amount{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    background-color:#232c32;
    height:36px;
    border-radius:8px;
    padding:0 10px
}
.cart__amount input{
    width:30px;
    height:36px;
    border:none;
    text-align:center;
    background-color:transparent;
    font-size:16px;
    color:#fff;
    font-family:inter,sans-serif;
    pointer-events:none
}
.cart__amount button{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:24px;
    height:36px
}
.cart__amount button i{
    color:silver;
    transition:color .5s ease
}
.cart__amount button:hover i{
    color:#25a56a
}
.cart__table-wrap{
    position:relative;
    display:block;
    width:100%;
    overflow:auto
}
.cart__table-scroll{
    width:100%;
    display:block
}
.checkout__title{
    color:#fff
}
.checkout .form-control{
    border-radius:8px;
    background:#232c32;
    border:2px solid #232c32;
    box-shadow:none;
    height:46px;
    color:silver
}
.payment__btn{
    background:#eb5757;
    color:#fff;
    border-radius:8px;
    padding:10px 20px
}
.payment__btn:hover{
    background:#232c32;
    color:#25a56a
}
.checkout label{
    color:silver
}
.checkout .custom-control-input:checked~.custom-control-label::before{
    color:#fff;
    border-color:#25a56a;
    background-color:#25a56a
}
.checkout .custom-control-label::before{
    border:none
}
.checkout .custom-control-input:focus~.custom-control-label::before{
    box-shadow:none!important
}
@media(min-width:768px){
    .cart{
        margin-top:30px
    }
    .cart__table th{
        padding:0 20px 15px 0
    }
    .cart__table th:last-child{
        padding:0 0 15px
    }
    .cart__total{
        order:1
    }
    .cart__promo{
        width:250px;
        margin-top:0;
        order:3
    }
}
.news__single{
    display:block;
    position:relative;
    width:100%;
    margin-top:20px
}
.news__single--page{
    margin-top:0
}
.news__single__category{
    display:inline-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:30px;
    min-width:70px;
    width:auto;
    color:#fff;
    font-size:13px;
    background-color:#eb5757;
    border-radius:8px;
    padding:0 15px
}
.news__single__category:hover{
    color:#fff;
    background-color:#25a56a
}
.news__single__date{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    font-size:13px;
    color:silver;
    height:30px
}
.news__single__date svg{
    fill:#fff;
    width:16px;
    height:auto;
    margin-right:5px
}
.news__single__place{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    font-size:14px;
    color:silver;
    min-height:30px;
    width:100%;
    margin-bottom:10px
}
.news__single__place svg{
    fill:#fff;
    width:18px;
    height:auto;
    margin-right:5px
}
.news__single__place:hover{
    color:#25a56a
}
.news__single__content{
    position:relative
}
.news__single__content img{
    display:block;
    width:100%;
    height:auto;
    margin-bottom:20px;
    border-radius:12px
}
.news__single__content iframe{
    display:block;
    width:100%;
    height:240px;
    margin-bottom:20px;
    border-radius:12px;
    border:none
}
.news__single__content h1,.news__single__content h2,.news__single__content h3,.news__single__content h4,.news__single__content h5,.news__single__content h6{
    font-family:inter,sans-serif;
    font-weight:400;
    color:#fff;
    margin-bottom:15px;
    line-height:140%
}
.news__single__content h1:last-child,.news__single__content h2:last-child,.news__single__content h3:last-child,.news__single__content h4:last-child,.news__single__content h5:last-child,.news__single__content h6:last-child{
    margin-bottom:0
}
.news__single__content h1{
    font-size:30px
}
.news__single__content h2{
    font-size:28px
}
.news__single__content h3{
    font-size:24px
}
.news__single__content h4{
    font-size:22px
}
.news__single__content h5{
    font-size:18px
}
.news__single__content h6{
    font-size:16px
}
.news__single__content p{
    display:block;
    font-size:16px;
    line-height:26px;
    font-weight:400;
    color:silver;
    margin-bottom:20px
}
.news__single__content p b{
    font-weight:600
}
.news__single__content p a{
    color:#25a56a;
    text-decoration:underline
}
.news__single__content p a:hover,.news__single__content p a:focus{
    color:#25a56a;
    text-decoration:none
}
.news__single__content p:last-child{
    margin-bottom:0
}
.news__single__content blockquote{
    display:block;
    position:relative;
    font-family:inter,sans-serif;
    padding:20px;
    font-size:16px;
    line-height:28px;
    color:#fff;
    font-weight:400;
    margin-bottom:20px;
    background:#232c32;
    border-left:3px solid #25a56a
}
.news__single__content ul{
    margin-bottom:20px;
    display:block
}
.news__single__content ul li{
    font-size:16px;
    line-height:28px;
    font-weight:400;
    color:silver;
    padding-left:20px;
    position:relative
}
.news__single__content ul li:before{
    content:'';
    position:absolute;
    display:block;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#25a56a;
    left:0;
    top:50%;
    margin-top:-2px
}
.news__single__content ul:last-child{
    margin-bottom:0
}
.news__single__meta{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:20px
}
.news__single__price{
    font-size:30px;
    line-height:100%;
    color:#fff;
    display:block;
    width:100%;
    font-family:inter,sans-serif;
    font-weight:500;
    margin-bottom:15px
}
.news__single__amount{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    background-color:#232c32;
    height:36px;
    border-radius:8px;
    padding:0 10px;
    margin-bottom:20px
}
.news__single__amount input{
    width:30px;
    height:36px;
    border:none;
    text-align:center;
    background-color:transparent;
    font-size:16px;
    color:#fff;
    font-family:inter,sans-serif;
    pointer-events:none
}
.news__single__amount button{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:24px;
    height:36px
}
.news__single__amount button i{
    color:silver;
    transition:color .5s ease
}
.news__single__amount button:hover i{
    color:#25a56a
}
.news__single__buy{
    width:180px;
    height:50px;
    border-radius:12px;
    background-color:#25a56a;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:14px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:500;
    padding:0 25px;
    margin-bottom:20px
}
.news__single__buy i{
    color:#fff;
    margin-right:7px
}
.news__single__buy:hover{
    background-color:#222227;
    color:#25a56a
}
.news__single__artist{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%;
    margin-bottom:20px
}
.news__single__artist img{
    height:auto;
    width:400px!important;
    margin-right:20px;
    border-radius:12px
}
.news__single__artist div{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.news__single__artist div h1{
    margin-bottom:0
}
.news__single__artist div span{
    font-size:14px;
    color:silver;
    display:block;
    margin-bottom:20px
}
@media(min-width:576px){
    .news__single__content iframe{
        height:280px
    }
}
@media(min-width:768px){
    .news__single{
        margin-top:30px
    }
    .news__single--page{
        margin-top:0
    }
    .news__single__content h1{
        font-size:36px
    }
    .news__single__content h2{
        font-size:32px
    }
    .news__single__content h3{
        font-size:28px
    }
    .news__single__content h4{
        font-size:24px
    }
    .news__single__content h5{
        font-size:20px
    }
    .news__single__content h6{
        font-size:18px
    }
    .news__single__content iframe{
        height:400px
    }
    .news__single__meta{
        margin-bottom:25px
    }
    .news__single__place{
        margin-bottom:0;
        width:auto
    }
    .news__single__artist{
        flex-direction:row
    }
    .news__single__artist img{
        margin-bottom:0!important
    }
    .news__single__artist div{
        width:calc(100% - 220px)
    }
    .news__single__artist div span{
        margin-bottom:30px
    }
}
@media(min-width:1200px){
    .news__single--page{
        margin-top:30px
    }
    .news__single__content iframe{
        height:460px
    }
}
.share{
    margin-top:10px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    width:100%
}
.share__link{
    margin-top:20px;
    margin-right:20px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    padding:10px;
    height:40px;
    width:40px;
    border-radius:8px;
    color:#fff;
    font-size:14px;
    text-align:center;
    background-color:#232c32
}
.share__link svg{
    fill:#fff;
    margin-right:10px;
    margin-top:1px
}
.share__link:last-child{
    margin-right:0
}
.share__link:hover{
    background-color:#25a56a;
    color:#fff
}
.comments{
    margin-top:50px;
    padding-top:50px;
    border-top:1px solid #232c32
}
.comments__title{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    margin-bottom:30px
}
.comments__title h4{
    color:#fff;
    font-weight:400;
    font-size:24px;
    line-height:100%;
    margin-bottom:0;
    position:relative;
    font-family:inter,sans-serif
}
.comments__title--tabs li{
    position:relative;
    margin-right:20px
}
.comments__title--tabs li:last-child{
    margin-right:0
}
.comments__title--tabs a{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    opacity:.5;
    transition:opacity .4s linear
}
.comments__title--tabs a:hover{
    opacity:1
}
.comments__title--tabs a.active{
    opacity:1;
    cursor:default
}
.comments__autor{
    display:block;
    position:relative;
    padding-left:55px;
    margin-bottom:20px
}
.comments__avatar{
    position:absolute;
    top:0;
    left:0;
    width:40px;
    border-radius:50px
}
.comments__name{
    display:block;
    font-size:16px;
    color:#fff;
    line-height:20px;
    font-weight:400;
    font-family:inter,sans-serif
}
.comments__time{
    display:block;
    font-size:12px;
    color:silver;
    line-height:20px;
    font-weight:400
}
.comments__text{
    display:block;
    margin-bottom:0;
    color:silver;
    font-size:16px;
    line-height:26px;
    padding:20px 0;
    position:relative;
    border-bottom:1px solid #444
}
.comments__text b{
    font-weight:600
}
.comments__text a{
    color:#25a56a
}
.comments__text a:hover{
    color:#25a56a;
    text-decoration:underline
}
.comments__text span{
    display:block;
    margin-bottom:20px;
    padding:20px;
    position:relative;
    min-height:80px;
    border-radius:12px;
    color:silver;
    background-color:#222227
}
.comments__item{
    margin-bottom:20px;
    display:block;
    background-color:#232c32;
    padding:20px;
    border-radius:12px
}
.comments__item--answer{
    margin-left:20px
}
.comments__actions{
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    padding:20px 0 0;
    position:relative
}
.comments__actions button{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-right:20px;
    height:20px
}
.comments__actions button span{
    font-size:12px;
    color:silver;
    text-transform:uppercase;
    transition:color .5s ease;
    display:none
}
.comments__actions button i{
    color:silver;
    transition:color .5s ease
}
.comments__actions button:hover span{
    color:#fff
}
.comments__actions button:hover i{
    color:#25a56a
}
.comments__actions button:last-child{
    margin-right:0
}
.comments__actions button:last-child i{
    width:18px
}
.comments__rate{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    position:absolute;
    left:0;
    top:20px
}
.comments__rate button{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:silver;
    font-size:14px;
    margin-right:24px;
    position:relative;
    height:20px
}
.comments__rate button i{
    transition:.5s ease;
    margin-top:1px
}
.comments__rate button:last-child{
    margin-right:0
}
.comments__rate button:last-child i{
    margin-right:8px;
    color:#eb5757
}
.comments__rate button:first-child i{
    margin-right:8px;
    color:#25a56a
}
.comments__rate button:hover{
    color:#fff
}
.comments__rate button:hover i{
    opacity:1
}
.comments__form{
    border-radius:12px;
    padding:20px;
    border:1px solid #232c32;
    background-color:#232c32;
    margin-top:30px
}
.comments__form h4{
    color:#fff;
    margin-bottom:30px
}
.comments__form .row{
    margin-left:-10px;
    margin-right:-10px
}
.comments__form .col-12{
    padding-left:10px;
    padding-right:10px
}
.comments__form .comment__btn{
    background:#25a56a;
    color:#fff;
    padding:10px 20px;
    border-radius:8px
}
.comments__form input{
    height:44px;
    background:#181f24;
    border:2px solid #181f24;
    border-radius:8px;
    color:silver
}
.comments__form textarea{
    background:#181f24;
    border:2px solid #181f24;
    border-radius:8px;
    color:silver
}
.comments__form .form-control{
    box-shadow:none
}
.comments__form .form-control:focus{
    border:2px solid #25a56a;
    background:#181f24
}
.comments__form .comment__btn:hover{
    color:#25a56a;
    background:#fff
}
@media(min-width:576px){
    .comments__actions button span{
        display:block;
        margin-left:6px
    }
    .comments__form .sign__btn{
        width:180px
    }
}
@media(min-width:768px){
    .comments{
        margin-top:60px;
        padding-top:60px
    }
    .comments__item--answer,.comments__item--quote{
        margin-left:30px
    }
    .comments__title--tabs li{
        margin-right:30px
    }
    .comments__title--tabs li:last-child{
        margin-right:0
    }
}
.footer{
    background-color:#232c32;
    padding:30px 0 20px;
    position:relative;
    overflow:hidden
}
.footer__logo{
    margin-top:60px
}
.footer__logo img{
    width:180px;
    height:auto
}
.footer__tagline{
    margin-top:15px;
    display:block;
    font-size:14px;
    line-height:24px;
    color:silver;
    margin-bottom:0
}
.footer__links{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%;
    margin-top:5px
}
.footer__links a{
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-top:10px;
    color:silver;
    font-size:16px
}
.footer__links a i{
    color:#25a56a;
    margin-right:10px
}
.footer__links a:hover{
    color:#25a56a
}
.footer__social{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    width:100%
}
.footer__social a{
    margin-top:20px;
    margin-right:15px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:36px;
    height:36px;
    position:relative;
    background:#232c32;
    color:#1fd477;
    border-radius:10px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    transition-property:all
}
.footer__social a:last-child{
    margin-right:0
}
.footer__social a:hover{
    opacity:1!important;
    -webkit-filter:grayscale(0)!important;
    filter:grayscale(0)!important
}
.footer__social:hover a{
    opacity:.6;
    -webkit-filter:grayscale(.6);
    filter:grayscale(.6)
}
.footer__content{
    margin-top:60px;
    border-top:1px solid rgba(255,255,255,.1)
}
.footer__newsletter{
    margin-top:20px
}
.footer__newsletter .form-control{
    background:0 0;
    height:46px;
    border-radius:10px;
    border:2px solid silver;
    color:silver;
    box-shadow:unset
}
.footer__newsletter .form-control:focus{
    border-color:#25a56a
}
.footer__newsletter .subscribe-btn{
    background:#25a56a;
    color:#fff;
    height:46px;
    border-radius:10px
}
.footer__download{
    margin-top:20px
}
.footer__download img{
    margin-bottom:20px;
    border-radius:8px;
    display:block
}
.footer__copyright{
    display:block;
    font-size:14px;
    color:silver;
    margin-top:20px
}
.footer__copyright a{
    color:#1fd477
}
.footer__copyright i{
    color:#f05050
}
.footer__copyright a:hover{
    color:#25a56a
}
.footer__title{
    display:block;
    margin-top:30px;
    font-size:16px;
    color:#fff;
    font-family:inter,sans-serif;
    font-weight:500;
    margin-bottom:30px;
    position:relative
}
.footer__title::before{
    position:absolute;
    content:'';
    width:30px;
    height:3px;
    background:#25a56a;
    border-radius:50px;
    bottom:-10px
}
.footer__title::after{
    position:absolute;
    content:'';
    width:4px;
    height:4px;
    background:#25a56a;
    border-radius:50px;
    bottom:-10.5px;
    left:40px
}
.footer__nav{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.footer__nav a{
    font-size:15px;
    line-height:24px;
    margin-bottom:10px;
    color:silver
}
.footer__nav a:last-child{
    margin-bottom:0
}
.footer__nav a:hover{
    color:#25a56a
}
@media(min-width:576px){
    .footer{
        padding:30px 15px 20px
    }
}
@media(min-width:768px){
    .footer{
        padding:20px 15px 25px
    }
    .footer__content{
        margin-top:70px;
        padding-top:25px;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        width:100%;
        margin-bottom:120px
    }
    .footer__logo{
        margin-top:50px
    }
    .footer__title{
        margin-top:50px
    }
    .footer__social{
        width:auto;
        order:2
    }
    .footer__social a{
        margin-top:0
    }
    .footer__copyright{
        margin-top:0;
        order:1
    }
}
@media(min-width:1200px){
    .footer{
        padding-left:295px;
        padding-right:15px
    }
    .footer__social{
        display:inline-flex;
        width:auto
    }
}
.bottom__to-top{
    position:fixed;
    bottom:20px;
    right:20px;
    font-size:26px;
    padding:8px 16px;
    background:#232c32;
    border-radius:10px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    z-index:2;
    cursor:pointer;
    display:none
}
.bottom__to-top:hover{
    background:#25a56a
}
.bottom__to-top a{
    color:#fff
}
.login{
    background:#232c32;
    border-radius:10px;
    padding:20px;
    margin:40px 0
}
.login__form h3{
    color:#1fd477
}
.login__form p{
    color:silver
}
.login__form .form-group a{
    color:silver;
    font-size:14px;
    transition:all .5s ease-in-out
}
.login__form .form-group a:hover{
    color:#eb5757
}
.login__form .form-control{
    box-shadow:none;
    height:50px;
    border-radius:10px;
    border:2px solid #232c32;
    background:#181f24;
    color:silver
}
.login__btn{
    margin-top:20px;
    background:#25a56a;
    color:#fff;
    height:46px;
    border-radius:10px;
    transition:all .5s ease-in-out
}
.login__btn:hover{
    background:#181f24;
    color:#25a56a
}
.login__form .custom-control-label{
    color:silver;
    cursor:pointer
}
.login__form .custom-control-input:checked~.custom-control-label::before{
    color:#fff;
    border-color:#181f24;
    background-color:#181f24
}
.login__form .custom-control-label::before{
    border:none;
    background-color:#181f24;
    top:.2rem;
    left:-1.75rem;
    display:block;
    width:1.25rem;
    height:1.2rem;
    border-radius:6px;
    box-shadow:none
}
.login__form .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    content:'\f00c';
    font-family:"font awesome 5 pro";
    background:unset;
    color:#1fd477;
    font-size:12px
}
.login__form .custom-control-input:focus~.custom-control-label::before{
    box-shadow:none!important
}
.login__form .custom-control a{
    color:#1fd477
}
.login__form .custom-control a:hover{
    color:#25a56a
}
.login__form .login__divider{
    color:silver;
    text-align:center;
    margin:10px 0
}
.login__social a{
    background:#232c32;
    padding:8px 40px;
    border-radius:10px;
    box-shadow:0 0 20px 0 rgb(0 0 0/50%);
    color:#1fd477
}
.login__social a:hover{
    background:#fff;
    color:#25a56a
}
.login__account{
    margin-top:20px
}
.login__account a{
    color:#1fd477
}
.login__account a:hover{
    color:#25a56a
}
.page-404{
    display:block;
    position:relative
}
.page-404__wrap{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    height:auto;
    padding:20px 0 0
}
.page-404__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border-radius:12px;
    padding:20px;
    position:relative;
    width:100%;
    max-width:600px
}
.page-404__title{
    position:relative;
    color:#fff;
    line-height:100%;
    font-size:100px;
    margin-bottom:10px;
    font-weight:700;
    font-family:inter,sans-serif
}
.page-404__title b{
    color:#f05050
}
.page-404__content h5{
    color:silver;
    font-weight:700
}
.page-404__content p{
    color:silver
}
.page-404__btn{
    padding:10px 16px;
    border-radius:10px;
    background-color:#25a56a;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:14px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    font-family:inter,sans-serif;
    font-weight:500;
    margin:30px auto
}
.page-404__btn:hover{
    color:#fff;
    background-color:#232c32
}
@media(min-width:576px){
    .page-404__content{
        padding:40px
    }
}
@media(min-width:768px){
    .page-404__wrap{
        padding:30px 0 0
    }
}
.slider-radio{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    padding:5px 0;
    margin-top:10px;
    position:relative;
    width:100%;
    z-index:2
}
.slider-radio label{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:30px;
    padding:0 15px;
    font-size:14px;
    color:silver;
    margin-bottom:0;
    cursor:pointer;
    border-radius:6px;
    margin:0 5px;
    position:relative;
    z-index:100;
    transition:color .5s;
    font-family:inter,sans-serif;
    font-weight:400
}
.slider-radio label:hover{
    color:#fff
}
.slider-radio .sliding-piece{
    border-radius:6px;
    background-color:#f05050;
    z-index:99
}
.slider-radio input[type=radio]:checked+label{
    color:#fff;
    background-color:#f05050
}
@media(min-width:768px){
    .slider-radio{
        margin-left:auto;
        margin-top:0;
        width:auto
    }
}
.select2-container{
    width:auto!important;
    margin-right:30px
}
.select2-container .select2-selection--single{
    height:40px;
    background-color:transparent;
    border-radius:0;
    border:none
}
.select2-container .select2-selection--single .select2-selection__rendered{
    line-height:40px;
    color:#fff;
    padding:0 18px 0 0;
    font-size:14px;
    font-family:inter,sans-serif;
    font-weight:400;
    transition:.5s ease
}
.select2-container .select2-selection--single[aria-expanded=true]{
    background-color:transparent
}
.select2-container .select2-selection--single:hover .select2-selection__rendered{
    color:#25a56a
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:20px;
    width:18px;
    top:10px;
    right:0;
    background:url(../img/arrow.svg) no-repeat center right;
    background-size:18px auto;
    margin-top:1px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display:none
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:#25a56a;
    color:#fff;
    white-space:nowrap
}
.select2-container--default .select2-results__option--selected{
    color:#fff;
    background-color:#25a56a;
    cursor:default
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color:transparent;
    color:#25a56a;
    cursor:default
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:transparent;
    color:#25a56a
}
.select2-results__option{
    padding:0;
    font-size:14px;
    font-family:inter,sans-serif;
    font-weight:400;
    color:#fff;
    height:40px;
    line-height:40px;
    transition:.5s ease
}
.select2-dropdown{
    border-left:none;
    border-right:none;
    border-bottom:none;
    border-top:none;
    border-radius:12px!important;
    min-width:180px;
    padding:5px 0 5px 15px;
    background-color:#232c32
}
.select2-container--open .select2-dropdown--below{
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px
}
.select2-container--open .select2-dropdown--above{
    border-top-left-radius:12px;
    border-top-right-radius:12px
}
.preloader{
    background:#232c32;
    display:block;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:100000
}
#loader{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    height:50px;
    width:50px;
    margin:-25px 0 0 -25px
}
#loader span{
    position:absolute;
    display:block;
    bottom:10px;
    width:4px;
    height:5px;
    border-radius:10px;
    background:#25a56a;
    -webkit-animation:loader 1.5s infinite ease-in-out;
    animation:loader 1.5s infinite ease-in-out
}
#loader span:nth-child(2){
    left:11px;
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
#loader span:nth-child(3){
    left:22px;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
#loader span:nth-child(4){
    left:33px;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
#loader span:nth-child(5){
    left:44px;
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
@keyframes loader{
    0%{
        height:5px;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        background:#25a56a
    }
    25%{
        height:30px;
        -webkit-transform:translateY(15px);
        transform:translateY(15px);
        -webkit-transform:translateY(15px);
        transform:translateY(15px);
        background:#25a56a
    }
    50%{
        height:5px;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        background:#25a56a
    }
    100%{
        height:5px;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        background:#25a56a
    }
}
@-webkit-keyframes loader{
    0%{
        height:5px;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        background:#25a56a
    }
    25%{
        height:30px;
        -webkit-transform:translateY(15px);
        transform:translateY(15px);
        background:#25a56a
    }
    50%{
        height:5px;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        background:#25a56a
    }
    100%{
        height:5px;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        background:#25a56a
    }
}
.term-condition{
    color:silver
}
.term-condition i{
    font-size:12px;
    margin-right:10px
}
.privacy-policy{
    color:silver
}
.privacy-policy i{
    font-size:12px;
    margin-right:10px
}
.faq-area .btn-link{
    width:100%;
    margin:0;
    text-align:left;
    color:#151a33;
    padding:18px;
    box-shadow:unset;
    text-decoration:none;
    font-weight:700;
    font-size:20px
}
.faq-area .faq-ques i{
    font-size:26px;
    margin:auto 20px
}
.faq-area .card{
    border:0;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
    margin-bottom:30px;
    border-radius:10px!important
}
.faq-area .card:last-child{
    margin-bottom:0
}
.faq-area .card-body{
    border-top:2px dashed #7e7d7d
}
@media(min-width:1200px){
    .free-music .release__list{
        width:100%
    }
}
@media(min-width:768px){
    .free-music .release__list{
        width:100%
    }
}