 @charset "UTF-8";
:root{
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3dd598;
    --secondary: #101010;
    --success: #48bb78;
    --info: #17a2b8;
    --warning: #ffc526;
    --purple: #6f42c1;
    --cyan: #17a2b8;
    --danger: #fd4056;
    --light: #E8E9EB;
    --dark: #18191A;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,*::before,*::after{
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
.list-scrollable::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:25px
}
.list-scrollable::-webkit-scrollbar{
    height:5px
}
.list-scrollable::-webkit-scrollbar-track{
    background:0 0;
    margin-left:10px;
    margin-right:10px
}
.list-scrollable::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:25px
}

.mobile_slide::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:25px
}
.mobile_slide::-webkit-scrollbar{
    height:5px
}
.mobile_slide::-webkit-scrollbar-track{
    background:0 0;
    margin-left:10px;
    margin-right:10px
}
.mobile_slide::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:25px
}

.desktop_slide::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:25px
}
.desktop_slide::-webkit-scrollbar{
    height:5px
}
.desktop_slide::-webkit-scrollbar-track{
    background:0 0;
    margin-left:10px;
    margin-right:10px
}
.desktop_slide::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:25px
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,inter,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
    font-size:.875rem;
    font-weight:400;
    line-height:1.6;
    color:#b5b5be;
    text-align:left;
    background-color:#000
}
[tabindex="-1"]:focus:not(:focus-visible){
    outline:0!important
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[title],abbr[data-original-title]{
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0;
    -webkit-text-decoration-skip-ink:none;
    text-decoration-skip-ink:none
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,ul,dl{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ul ul,ol ul,ul ol{
    margin-bottom:0
}
dt{
    font-weight:600
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
b,strong{
    font-weight:700
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:#b5b5be;
    text-decoration:none;
    background-color:transparent
}
a:hover{
    color:var(--theme-color);
    text-decoration:none
}
a:not([href]){
    color:inherit;
    text-decoration:none
}
a:not([href]):hover{
    color:inherit;
    text-decoration:none
}
pre,code,kbd,samp{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
figure{
    margin:0 0 1rem
}
img{
    vertical-align:middle;
    border-style:none
}
svg{
    overflow:hidden;
    vertical-align:middle
}
table{
    border-collapse:collapse
}
caption{
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#9999a5;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
input,button,select,optgroup,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[role=button]{
    cursor:pointer
}
select{
    word-wrap:normal
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){
    cursor:pointer
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=radio],input[type=checkbox]{
    box-sizing:border-box;
    padding:0
}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
summary{
    display:list-item;
    cursor:pointer
}
template{
    display:none
}
[hidden]{
    display:none!important
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2
}
h1,.h1{
    font-size:2.1875rem
}
h2,.h2{
    font-size:1.75rem
}
h3,.h3{
    font-size:1.53125rem
}
h4,.h4{
    font-size:1.3125rem
}
h5,.h5{
    font-size:1.09375rem
}
h6,.h6{
    font-size:.875rem
}
.lead{
    font-size:1.09375rem;
    font-weight:300
}
.display-1{
    font-size:6rem;
    font-weight:300;
    line-height:1.2
}
.display-2{
    font-size:5.5rem;
    font-weight:300;
    line-height:1.2
}
.display-3{
    font-size:4.5rem;
    font-weight:300;
    line-height:1.2
}
.display-4{
    font-size:3.5rem;
    font-weight:300;
    line-height:1.2
}
hr{
    margin-top:1rem;
    margin-bottom:1rem;
    border:0;
    border-top:1px solid rgba(0,0,0,.1)
}
small,.small{
    font-size:80%;
    font-weight:400
}
mark,.mark{
    padding:.2em;
    background-color:#fcf8e3
}
.list-unstyled{
    padding-left:0;
    list-style:none
}
.list-inline{
    padding-left:0;
    list-style:none
}
.list-inline-item{
    display:inline-block
}
.list-inline-item:not(:last-child){
    margin-right:.5rem
}
.initialism{
    font-size:90%;
    text-transform:uppercase
}
.blockquote{
    margin-bottom:1rem;
    font-size:1.09375rem
}
.blockquote-footer{
    display:block;
    font-size:80%;
    color:#6c757d
}
.blockquote-footer::before{
    content:"— "
}
.img-fluid{
    max-width:100%;
    height:auto
}
.img-thumbnail{
    padding:.25rem;
    background-color:#000;
    border:1px solid #dee2e6;
    border-radius:6px;
    max-width:100%;
    height:auto
}
.figure{
    display:inline-block
}
.figure-img{
    margin-bottom:.5rem;
    line-height:1
}
.figure-caption{
    font-size:90%;
    color:#6c757d
}
code{
    font-size:87.5%;
    color:#e83e8c;
    word-wrap:break-word
}
a>code{
    color:inherit
}
kbd{
    padding:.2rem .4rem;
    font-size:87.5%;
    color:#fff;
    background-color:#212529;
    border-radius:6px
}
kbd kbd{
    padding:0;
    font-size:100%;
    font-weight:600
}
pre{
    display:block;
    font-size:87.5%;
    color:#212529
}
pre code{
    font-size:inherit;
    color:inherit;
    word-break:normal
}
.pre-scrollable{
    max-height:340px;
    overflow-y:scroll
}
.container{
    width:100%;
    padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto
}
@media(min-width:576px){
    .container{
        max-width:540px
    }
}
@media(min-width:768px){
    .container{
        max-width:720px
    }
}
@media(min-width:992px){
    .container{
        max-width:1170px
    }
}
@media(min-width:1200px){
    .container{
        max-width:1270px
    }
}
.container-fluid,.container-xl,.container-lg,.container-md,.container-sm{
    width:100%;
    padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto
}
@media(min-width:576px){
    .container-sm,.container{
        max-width:100%;
    }
}
@media(min-width:768px){
    .container-md,.container-sm,.container{
        max-width:100%;
    }
}
@media(min-width:992px){
    .container-lg,.container-md,.container-sm,.container{
        max-width:100%
    }
}
@media(min-width:1200px){
    .container-xl,.container-lg,.container-md,.container-sm,.container{
        /*max-width:1270px*/
        
        /*full scrend live chat contoiner*/
        max-width:1523px 
    }
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-10px;
    margin-left:-10px
}
.no-gutters{
    margin-right:0;
    margin-left:0
}
.no-gutters>.col,.no-gutters>[class*=col-]{
    padding-right:0;
    padding-left:0
}
.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{
    position:relative;
    width:100%;
    padding-right:10px;
    padding-left:10px
}
.col{
    flex-basis:0;
    flex-grow:1;
    min-width:0;
    max-width:100%
}
.row-cols-1>*{
    flex:0 0 100%;
    max-width:100%
}
.row-cols-2>*{
    flex:0 0 50%;
    max-width:50%
}
.row-cols-3>*{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
}
.row-cols-4>*{
    flex:0 0 25%;
    max-width:25%
}
.row-cols-5>*{
    flex:0 0 20%;
    max-width:20%
}
.row-cols-6>*{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
}
.row-cols-7>*{
    flex:0 0 14.2857142857%;
    max-width:14.2857142857%
}
.row-cols-8>*{
    flex:0 0 12.5%;
    max-width:12.5%
}
.col-auto{
    flex:0 0 auto;
    width:auto;
    max-width:100%
}
.col-1{
    flex:0 0 8.3333333333%;
    max-width:8.3333333333%
}
.col-2{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
}
.col-3{
    flex:0 0 25%;
    max-width:25%
}
.col-4{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
}
.col-5{
    flex:0 0 41.6666666667%;
    max-width:41.6666666667%
}
.col-6{
    flex:0 0 50%;
    max-width:50%
}
.col-7{
    flex:0 0 58.3333333333%;
    max-width:58.3333333333%
}
.col-8{
    flex:0 0 66.6666666667%;
    max-width:66.6666666667%
}
.col-9{
    flex:0 0 75%;
    max-width:75%
}
.col-10{
    flex:0 0 83.3333333333%;
    max-width:83.3333333333%
}
.col-11{
    flex:0 0 91.6666666667%;
    max-width:91.6666666667%
}
.col-12{
    flex:0 0 100%;
    max-width:100%
}
.order-first{
    order:-1
}
.order-last{
    order:13
}
.order-0{
    order:0
}
.order-1{
    order:1
}
.order-2{
    order:2
}
.order-3{
    order:3
}
.order-4{
    order:4
}
.order-5{
    order:5
}
.order-6{
    order:6
}
.order-7{
    order:7
}
.order-8{
    order:8
}
.order-9{
    order:9
}
.order-10{
    order:10
}
.order-11{
    order:11
}
.order-12{
    order:12
}
.offset-1{
    margin-left:8.3333333333%
}
.offset-2{
    margin-left:16.6666666667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.3333333333%
}
.offset-5{
    margin-left:41.6666666667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.3333333333%
}
.offset-8{
    margin-left:66.6666666667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.3333333333%
}
.offset-11{
    margin-left:91.6666666667%
}
@media(min-width:576px){
    .col-sm{
        flex-basis:0;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-sm-1>*{
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-sm-2>*{
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-sm-3>*{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .row-cols-sm-4>*{
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-sm-5>*{
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-sm-6>*{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .row-cols-sm-7>*{
        flex:0 0 14.2857142857%;
        max-width:14.2857142857%
    }
    .row-cols-sm-8>*{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-sm-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-sm-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-sm-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-sm-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-sm-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-sm-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-sm-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-sm-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-sm-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-sm-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-sm-first{
        order:-1
    }
    .order-sm-last{
        order:13
    }
    .order-sm-0{
        order:0
    }
    .order-sm-1{
        order:1
    }
    .order-sm-2{
        order:2
    }
    .order-sm-3{
        order:3
    }
    .order-sm-4{
        order:4
    }
    .order-sm-5{
        order:5
    }
    .order-sm-6{
        order:6
    }
    .order-sm-7{
        order:7
    }
    .order-sm-8{
        order:8
    }
    .order-sm-9{
        order:9
    }
    .order-sm-10{
        order:10
    }
    .order-sm-11{
        order:11
    }
    .order-sm-12{
        order:12
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.3333333333%
    }
    .offset-sm-2{
        margin-left:16.6666666667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.3333333333%
    }
    .offset-sm-5{
        margin-left:41.6666666667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.3333333333%
    }
    .offset-sm-8{
        margin-left:66.6666666667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.3333333333%
    }
    .offset-sm-11{
        margin-left:91.6666666667%
    }
}
@media(min-width:768px){
    .col-md{
        flex-basis:0;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-md-1>*{
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-md-2>*{
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-md-3>*{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .row-cols-md-4>*{
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-md-5>*{
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-md-6>*{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .row-cols-md-7>*{
        flex:0 0 14.2857142857%;
        max-width:14.2857142857%
    }
    .row-cols-md-8>*{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-md-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-md-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-md-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-md-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-md-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-md-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-md-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-md-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-md-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-md-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-md-first{
        order:-1
    }
    .order-md-last{
        order:13
    }
    .order-md-0{
        order:0
    }
    .order-md-1{
        order:1
    }
    .order-md-2{
        order:2
    }
    .order-md-3{
        order:3
    }
    .order-md-4{
        order:4
    }
    .order-md-5{
        order:5
    }
    .order-md-6{
        order:6
    }
    .order-md-7{
        order:7
    }
    .order-md-8{
        order:8
    }
    .order-md-9{
        order:9
    }
    .order-md-10{
        order:10
    }
    .order-md-11{
        order:11
    }
    .order-md-12{
        order:12
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.3333333333%
    }
    .offset-md-2{
        margin-left:16.6666666667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.3333333333%
    }
    .offset-md-5{
        margin-left:41.6666666667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.3333333333%
    }
    .offset-md-8{
        margin-left:66.6666666667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.3333333333%
    }
    .offset-md-11{
        margin-left:91.6666666667%
    }
}
@media(min-width:992px){
    .col-lg{
        flex-basis:0;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-lg-1>*{
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-lg-2>*{
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-lg-4>*{
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-lg-5>*{
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-lg-6>*{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .row-cols-lg-7>*{
        flex:0 0 14.2857142857%;
        max-width:14.2857142857%
    }
    .row-cols-lg-8>*{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-lg-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-lg-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-lg-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-lg-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-lg-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-lg-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-lg-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-lg-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-lg-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-lg-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-lg-first{
        order:-1
    }
    .order-lg-last{
        order:13
    }
    .order-lg-0{
        order:0
    }
    .order-lg-1{
        order:1
    }
    .order-lg-2{
        order:2
    }
    .order-lg-3{
        order:3
    }
    .order-lg-4{
        order:4
    }
    .order-lg-5{
        order:5
    }
    .order-lg-6{
        order:6
    }
    .order-lg-7{
        order:7
    }
    .order-lg-8{
        order:8
    }
    .order-lg-9{
        order:9
    }
    .order-lg-10{
        order:10
    }
    .order-lg-11{
        order:11
    }
    .order-lg-12{
        order:12
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.3333333333%
    }
    .offset-lg-2{
        margin-left:16.6666666667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.3333333333%
    }
    .offset-lg-5{
        margin-left:41.6666666667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.3333333333%
    }
    .offset-lg-8{
        margin-left:66.6666666667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.3333333333%
    }
    .offset-lg-11{
        margin-left:91.6666666667%
    }
}
@media(min-width:1200px){
    .col-xl{
        flex-basis:0;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-xl-1>*{
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-xl-2>*{
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-xl-3>*{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .row-cols-xl-4>*{
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-xl-5>*{
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-xl-6>*{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .row-cols-xl-7>*{
        flex:0 0 14.2857142857%;
        max-width:14.2857142857%
    }
    .row-cols-xl-8>*{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-xl-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-xl-1{
        flex:0 0 8.3333333333%;
        max-width:8.3333333333%
    }
    .col-xl-2{
        flex:0 0 16.6666666667%;
        max-width:16.6666666667%
    }
    .col-xl-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        flex:0 0 33.3333333333%;
        max-width:33.3333333333%
    }
    .col-xl-5{
        flex:0 0 41.6666666667%;
        max-width:41.6666666667%
    }
    .col-xl-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        flex:0 0 58.3333333333%;
        max-width:58.3333333333%
    }
    .col-xl-8{
        flex:0 0 66.6666666667%;
        max-width:66.6666666667%
    }
    .col-xl-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        flex:0 0 83.3333333333%;
        max-width:83.3333333333%
    }
    .col-xl-11{
        flex:0 0 91.6666666667%;
        max-width:91.6666666667%
    }
    .col-xl-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-xl-first{
        order:-1
    }
    .order-xl-last{
        order:13
    }
    .order-xl-0{
        order:0
    }
    .order-xl-1{
        order:1
    }
    .order-xl-2{
        order:2
    }
    .order-xl-3{
        order:3
    }
    .order-xl-4{
        order:4
    }
    .order-xl-5{
        order:5
    }
    .order-xl-6{
        order:6
    }
    .order-xl-7{
        order:7
    }
    .order-xl-8{
        order:8
    }
    .order-xl-9{
        order:9
    }
    .order-xl-10{
        order:10
    }
    .order-xl-11{
        order:11
    }
    .order-xl-12{
        order:12
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.3333333333%
    }
    .offset-xl-2{
        margin-left:16.6666666667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.3333333333%
    }
    .offset-xl-5{
        margin-left:41.6666666667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.3333333333%
    }
    .offset-xl-8{
        margin-left:66.6666666667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.3333333333%
    }
    .offset-xl-11{
        margin-left:91.6666666667%
    }
}
.table{
    width:100%;
    margin-bottom:1rem;
    color:#b5b5be
}
.table th,.table td{
    padding:.75rem;
    vertical-align:top;
    border-top:1px solid #1f2122
}
.table thead th{
    vertical-align:bottom;
    border-bottom:2px solid #1f2122
}
.table tbody+tbody{
    border-top:2px solid #1f2122
}
.table-sm th,.table-sm td{
    padding:.3rem
}
.table-bordered{
    border:1px solid #1f2122
}
.table-bordered th,.table-bordered td{
    border:1px solid #1f2122
}
.table-bordered thead th,.table-bordered thead td{
    border-bottom-width:2px
}
.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{
    border:0
}
.table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(0,0,0,.05)
}
.table-hover tbody tr:hover{
    color:#b5b5be;
    background-color:rgba(0,0,0,.075)
}
.table-primary,.table-primary>th,.table-primary>td{
    background-color:#c9f3e2
}
.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{
    border-color:#9ae9c9
}
.table-hover .table-primary:hover{
    background-color:#b4eed7
}
.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{
    background-color:#b4eed7
}
.table-secondary,.table-secondary>th,.table-secondary>td{
    background-color:#bcbcbc
}
.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{
    border-color:#838383
}
.table-hover .table-secondary:hover{
    background-color:#afafaf
}
.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{
    background-color:#afafaf
}
.table-success,.table-success>th,.table-success>td{
    background-color:#ccecd9
}
.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{
    border-color:#a0dcb9
}
.table-hover .table-success:hover{
    background-color:#b9e5cb
}
.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{
    background-color:#b9e5cb
}
.table-info,.table-info>th,.table-info>td{
    background-color:#bee5eb
}
.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{
    border-color:#86cfda
}
.table-hover .table-info:hover{
    background-color:#abdde5
}
.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{
    background-color:#abdde5
}
.table-warning,.table-warning>th,.table-warning>td{
    background-color:#ffefc2
}
.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{
    border-color:#ffe18e
}
.table-hover .table-warning:hover{
    background-color:#ffe8a9
}
.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{
    background-color:#ffe8a9
}
.table-purple,.table-purple>th,.table-purple>td{
    background-color:#d7caee
}
.table-purple th,.table-purple td,.table-purple thead th,.table-purple tbody+tbody{
    border-color:#b49ddf
}
.table-hover .table-purple:hover{
    background-color:#c8b7e8
}
.table-hover .table-purple:hover>td,.table-hover .table-purple:hover>th{
    background-color:#c8b7e8
}
.table-cyan,.table-cyan>th,.table-cyan>td{
    background-color:#bee5eb
}
.table-cyan th,.table-cyan td,.table-cyan thead th,.table-cyan tbody+tbody{
    border-color:#86cfda
}
.table-hover .table-cyan:hover{
    background-color:#abdde5
}
.table-hover .table-cyan:hover>td,.table-hover .table-cyan:hover>th{
    background-color:#abdde5
}
.table-danger,.table-danger>th,.table-danger>td{
    background-color:#fecad0
}
.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{
    border-color:#fe9ca7
}
.table-hover .table-danger:hover{
    background-color:#feb1ba
}
.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{
    background-color:#feb1ba
}
.table-light,.table-light>th,.table-light>td{
    background-color:#f9f9f9
}
.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{
    border-color:#f3f4f5
}
.table-hover .table-light:hover{
    background-color:#ececec
}
.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{
    background-color:#ececec
}
.table-dark,.table-dark>th,.table-dark>td{
    background-color:#bebfbf
}
.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{
    border-color:#878788
}
.table-hover .table-dark:hover{
    background-color:#b1b2b2
}
.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{
    background-color:#b1b2b2
}
.table-active,.table-active>th,.table-active>td{
    background-color:rgba(0,0,0,.075)
}
.table-hover .table-active:hover{
    background-color:rgba(0,0,0,.075)
}
.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{
    background-color:rgba(0,0,0,.075)
}
.table .thead-dark th{
    color:#fff;
    background-color:#343a40;
    border-color:#454d55
}
.table .thead-light th{
    color:#495057;
    background-color:#e9ecef;
    border-color:#1f2122
}
.table-dark{
    color:#fff;
    background-color:#343a40
}
.table-dark th,.table-dark td,.table-dark thead th{
    border-color:#454d55
}
.table-dark.table-bordered{
    border:0
}
.table-dark.table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(255,255,255,.05)
}
.table-dark.table-hover tbody tr:hover{
    color:#fff;
    background-color:rgba(255,255,255,.075)
}
@media(max-width:575.98px){
    .table-responsive-sm{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-sm>.table-bordered{
        border:0
    }
}
@media(max-width:767.98px){
    .table-responsive-md{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-md>.table-bordered{
        border:0
    }
}
@media(max-width:991.98px){
    .table-responsive-lg{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-lg>.table-bordered{
        border:0
    }
}
@media(max-width:1199.98px){
    .table-responsive-xl{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-xl>.table-bordered{
        border:0
    }
}
.table-responsive{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
.table-responsive>.table-bordered{
    border:0
}
.form-control{
    display:block;
    width:100%;
    height:calc(1.6em + 1.55rem + 0px);
    padding:.775rem 1.25rem;
    font-size:.875rem;
    font-weight:400;
    line-height:1.6;
    color:#b5b5be;
    background-color:#101010;
    background-clip:padding-box;
    border:0 solid #fff;
    border-radius:6px;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .form-control{
        transition:none
    }
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #b5b5be
}
.form-control:focus{
    color:#b5b5be;
    background-color:#101010;
    border-color:#a6ecd0;
    outline:0;
    box-shadow:0 0 0 0 rgba(61,213,152,.25)
}
.form-control::placeholder{
    color:#9999a5;
    opacity:1
}
.form-control:disabled,.form-control[readonly]{
    background-color:#e9ecef;
    opacity:1
}
input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
select.form-control:focus::-ms-value{
    color:#b5b5be;
    background-color:#101010
}
.form-control-file,.form-control-range{
    display:block;
    width:100%
}
.col-form-label{
    padding-top:calc(0.775rem + 0px);
    padding-bottom:calc(0.775rem + 0px);
    margin-bottom:0;
    font-size:inherit;
    line-height:1.6
}
.col-form-label-lg{
    padding-top:calc(1rem + 0px);
    padding-bottom:calc(1rem + 0px);
    font-size:.875rem;
    line-height:1.6
}
.col-form-label-sm{
    padding-top:calc(0.575rem + 0px);
    padding-bottom:calc(0.575rem + 0px);
    font-size:.775rem;
    line-height:1.6
}
.form-control-plaintext{
    display:block;
    width:100%;
    padding:.775rem 0;
    margin-bottom:0;
    font-size:.875rem;
    line-height:1.6;
    color:#b5b5be;
    background-color:transparent;
    border:solid transparent;
    border-width:0 0
}
.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{
    padding-right:0;
    padding-left:0
}
.form-control-sm{
    height:calc(1.6em + 1.15rem + 0px);
    padding:.575rem 1.25rem;
    font-size:.775rem;
    line-height:1.6;
    border-radius:6px
}
.form-control-lg{
    height:calc(1.6em + 2rem + 0px);
    padding:1rem 1.25rem;
    font-size:.875rem;
    line-height:1.6;
    border-radius:6px
}
select.form-control[size],select.form-control[multiple]{
    height:auto
}
textarea.form-control{
    height:auto
}
.form-group{
    margin-bottom:1rem
}
.form-text{
    display:block;
    margin-top:.25rem
}
.form-row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-left:-5px
}
.form-row>.col,.form-row>[class*=col-]{
    padding-right:5px;
    padding-left:5px
}
.form-check{
    position:relative;
    display:block;
    padding-left:1.25rem
}
.form-check-input{
    position:absolute;
    margin-top:.3rem;
    margin-left:-1.25rem
}
.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{
    color:#9999a5
}
.form-check-label{
    margin-bottom:0
}
.form-check-inline{
    display:inline-flex;
    align-items:center;
    padding-left:0;
    margin-right:.75rem
}
.form-check-inline .form-check-input{
    position:static;
    margin-top:0;
    margin-right:.3125rem;
    margin-left:0
}
.valid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#48bb78
}
.valid-tooltip{
    position:absolute;
    top:100%;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.775rem;
    line-height:1.6;
    color:#fff;
    background-color:#48bb78;
    border-radius:6px
}
.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{
    display:block
}
.was-validated .form-control:valid,.form-control.is-valid{
    border-color:#48bb78;
    padding-right:calc(1.6em + 1.55rem);
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyM0OGJiNzgnIGQ9J00yLjMgNi43M0wuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4=);
    background-repeat:no-repeat;
    background-position:right calc(0.4em + 0.3875rem) center;
    background-size:calc(0.8em + 0.775rem) calc(0.8em + 0.775rem)
}
.was-validated .form-control:valid:focus,.form-control.is-valid:focus{
    border-color:#48bb78;
    box-shadow:0 0 0 0 rgba(72,187,120,.25)
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{
    padding-right:calc(1.6em + 1.55rem);
    background-position:top calc(0.4em + 0.3875rem) right calc(0.4em + 0.3875rem)
}
.was-validated .custom-select:valid,.custom-select.is-valid{
    border-color:#48bb78;
    padding-right:calc(0.75em + 3.4125rem);
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.25rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2348bb78' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #101010 no-repeat center right 2.25rem/calc(0.8em + 0.775rem) calc(0.8em + 0.775rem)
}
.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{
    border-color:#48bb78;
    box-shadow:0 0 0 0 rgba(72,187,120,.25)
}
.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{
    color:#48bb78
}
.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{
    display:block
}
.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label{
    color:#48bb78
}
.was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before{
    border-color:#48bb78
}
.was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before{
    border-color:#6dc993;
    background-color:#6dc993
}
.was-validated .custom-control-input:valid:focus~.custom-control-label::before,.custom-control-input.is-valid:focus~.custom-control-label::before{
    box-shadow:0 0 0 0 rgba(72,187,120,.25)
}
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{
    border-color:#48bb78
}
.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label{
    border-color:#48bb78
}
.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label{
    border-color:#48bb78;
    box-shadow:0 0 0 0 rgba(72,187,120,.25)
}
.invalid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#fd4056
}
.invalid-tooltip{
    position:absolute;
    top:100%;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.775rem;
    line-height:1.6;
    color:#fff;
    background-color:#fd4056;
    border-radius:6px
}
.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{
    display:block
}
.was-validated .form-control:invalid,.form-control.is-invalid{
    border-color:#fd4056;
    padding-right:calc(1.6em + 1.55rem);
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZmQ0MDU2JyB2aWV3Qm94PScwIDAgMTIgMTInPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2ZkNDA1Nicgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
    background-repeat:no-repeat;
    background-position:right calc(0.4em + 0.3875rem) center;
    background-size:calc(0.8em + 0.775rem) calc(0.8em + 0.775rem)
}
.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{
    border-color:#fd4056;
    box-shadow:0 0 0 0 rgba(253,64,86,.25)
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{
    padding-right:calc(1.6em + 1.55rem);
    background-position:top calc(0.4em + 0.3875rem) right calc(0.4em + 0.3875rem)
}
.was-validated .custom-select:invalid,.custom-select.is-invalid{
    border-color:#fd4056;
    padding-right:calc(0.75em + 3.4125rem);
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.25rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd4056' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd4056' stroke='none'/%3e%3c/svg%3e") #101010 no-repeat center right 2.25rem/calc(0.8em + 0.775rem) calc(0.8em + 0.775rem)
}
.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{
    border-color:#fd4056;
    box-shadow:0 0 0 0 rgba(253,64,86,.25)
}
.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{
    color:#fd4056
}
.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{
    display:block
}
.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label{
    color:#fd4056
}
.was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before{
    border-color:#fd4056
}
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before{
    border-color:#fe7283;
    background-color:#fe7283
}
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,.custom-control-input.is-invalid:focus~.custom-control-label::before{
    box-shadow:0 0 0 0 rgba(253,64,86,.25)
}
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{
    border-color:#fd4056
}
.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label{
    border-color:#fd4056
}
.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label{
    border-color:#fd4056;
    box-shadow:0 0 0 0 rgba(253,64,86,.25)
}
.form-inline{
    display:flex;
    flex-flow:row wrap;
    align-items:center
}
.form-inline .form-check{
    width:100%
}
@media(min-width:576px){
    .form-inline label{
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:0
    }
    .form-inline .form-group{
        display:flex;
        flex:0 0 auto;
        flex-flow:row wrap;
        align-items:center;
        margin-bottom:0
    }
    .form-inline .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .form-inline .form-control-plaintext{
        display:inline-block
    }
    .form-inline .input-group,.form-inline .custom-select{
        width:auto
    }
    .form-inline .form-check{
        display:flex;
        align-items:center;
        justify-content:center;
        width:auto;
        padding-left:0
    }
    .form-inline .form-check-input{
        position:relative;
        flex-shrink:0;
        margin-top:0;
        margin-right:.25rem;
        margin-left:0
    }
    .form-inline .custom-control{
        align-items:center;
        justify-content:center
    }
    .form-inline .custom-control-label{
        margin-bottom:0
    }
}
.btn{
    display:inline-block;
    font-weight:400;
    color:#b5b5be;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    user-select:none;
    background-color:transparent;
    border:0 solid transparent;
    padding:.775rem 1.25rem;
    font-size:.875rem;
    line-height:1.6;
    border-radius:6px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .btn{
        transition:none
    }
}
.btn:hover{
    color:#b5b5be;
    text-decoration:none
}
.btn:focus,.btn.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(61,213,152,.25)
}
.btn.disabled,.btn:disabled{
    opacity:.65
}
.btn:not(:disabled):not(.disabled){
    cursor:pointer
}
a.btn.disabled,fieldset:disabled a.btn{
    pointer-events:none
}
.btn-primary{
    color:#fff;
    background-color:#3dd598;
    border-color:#3dd598
}
.btn-primary:hover{
    color:#fff;
    background-color:#2ac285;
    border-color:#28b77e
}
.btn-primary:focus,.btn-primary.focus{
    color:#fff;
    background-color:#2ac285;
    border-color:#28b77e;
    box-shadow:0 0 0 0 rgba(90,219,167,.5)
}
.btn-primary.disabled,.btn-primary:disabled{
    color:#fff;
    background-color:#3dd598;
    border-color:#3dd598
}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{
    color:#fff;
    background-color:#28b77e;
    border-color:#25ad76
}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(90,219,167,.5)
}
.btn-secondary{
    color:#fff;
    background-color:#101010;
    border-color:#101010
}
.btn-secondary:hover{
    color:#fff;
    background-color:#000;
    border-color:#000
}
.btn-secondary:focus,.btn-secondary.focus{
    color:#fff;
    background-color:#000;
    border-color:#000;
    box-shadow:0 0 0 0 rgba(52,52,52,.5)
}
.btn-secondary.disabled,.btn-secondary:disabled{
    color:#fff;
    background-color:#101010;
    border-color:#101010
}
.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{
    color:#fff;
    background-color:#000;
    border-color:#000
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(52,52,52,.5)
}
.btn-success{
    color:#fff;
    background-color:#48bb78;
    border-color:#48bb78
}
.btn-success:hover{
    color:#fff;
    background-color:#3ca166;
    border-color:#389860
}
.btn-success:focus,.btn-success.focus{
    color:#fff;
    background-color:#3ca166;
    border-color:#389860;
    box-shadow:0 0 0 0 rgba(99,197,140,.5)
}
.btn-success.disabled,.btn-success:disabled{
    color:#fff;
    background-color:#48bb78;
    border-color:#48bb78
}
.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{
    color:#fff;
    background-color:#389860;
    border-color:#358e5a
}
.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(99,197,140,.5)
}
.btn-info{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-info:hover{
    color:#fff;
    background-color:#138496;
    border-color:#117a8b
}
.btn-info:focus,.btn-info.focus{
    color:#fff;
    background-color:#138496;
    border-color:#117a8b;
    box-shadow:0 0 0 0 rgba(58,176,195,.5)
}
.btn-info.disabled,.btn-info:disabled{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{
    color:#fff;
    background-color:#117a8b;
    border-color:#10707f
}
.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(58,176,195,.5)
}
.btn-warning{
    color:#212529;
    background-color:#ffc526;
    border-color:#ffc526
}
.btn-warning:hover{
    color:#212529;
    background-color:#fb0;
    border-color:#f2b100
}
.btn-warning:focus,.btn-warning.focus{
    color:#212529;
    background-color:#fb0;
    border-color:#f2b100;
    box-shadow:0 0 0 0 rgba(222,173,38,.5)
}
.btn-warning.disabled,.btn-warning:disabled{
    color:#212529;
    background-color:#ffc526;
    border-color:#ffc526
}
.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{
    color:#212529;
    background-color:#f2b100;
    border-color:#e5a800
}
.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(222,173,38,.5)
}
.btn-purple{
    color:#fff;
    background-color:#6f42c1;
    border-color:#6f42c1
}
.btn-purple:hover{
    color:#fff;
    background-color:#5e37a6;
    border-color:#59339d
}
.btn-purple:focus,.btn-purple.focus{
    color:#fff;
    background-color:#5e37a6;
    border-color:#59339d;
    box-shadow:0 0 0 0 rgba(133,94,202,.5)
}
.btn-purple.disabled,.btn-purple:disabled{
    color:#fff;
    background-color:#6f42c1;
    border-color:#6f42c1
}
.btn-purple:not(:disabled):not(.disabled):active,.btn-purple:not(:disabled):not(.disabled).active,.show>.btn-purple.dropdown-toggle{
    color:#fff;
    background-color:#59339d;
    border-color:#533093
}
.btn-purple:not(:disabled):not(.disabled):active:focus,.btn-purple:not(:disabled):not(.disabled).active:focus,.show>.btn-purple.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(133,94,202,.5)
}
.btn-cyan{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-cyan:hover{
    color:#fff;
    background-color:#138496;
    border-color:#117a8b
}
.btn-cyan:focus,.btn-cyan.focus{
    color:#fff;
    background-color:#138496;
    border-color:#117a8b;
    box-shadow:0 0 0 0 rgba(58,176,195,.5)
}
.btn-cyan.disabled,.btn-cyan:disabled{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-cyan:not(:disabled):not(.disabled):active,.btn-cyan:not(:disabled):not(.disabled).active,.show>.btn-cyan.dropdown-toggle{
    color:#fff;
    background-color:#117a8b;
    border-color:#10707f
}
.btn-cyan:not(:disabled):not(.disabled):active:focus,.btn-cyan:not(:disabled):not(.disabled).active:focus,.show>.btn-cyan.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(58,176,195,.5)
}
.btn-danger{
    color:#fff;
    background-color:#fd4056;
    border-color:#fd4056
}
.btn-danger:hover{
    color:#fff;
    background-color:#fd1a35;
    border-color:#fc0e29
}
.btn-danger:focus,.btn-danger.focus{
    color:#fff;
    background-color:#fd1a35;
    border-color:#fc0e29;
    box-shadow:0 0 0 0 rgba(253,93,111,.5)
}
.btn-danger.disabled,.btn-danger:disabled{
    color:#fff;
    background-color:#fd4056;
    border-color:#fd4056
}
.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{
    color:#fff;
    background-color:#fc0e29;
    border-color:#fb031f
}
.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(253,93,111,.5)
}
.btn-light{
    color:#212529;
    background-color:#e8e9eb;
    border-color:#e8e9eb
}
.btn-light:hover{
    color:#212529;
    background-color:#d4d5d9;
    border-color:#cdcfd3
}
.btn-light:focus,.btn-light.focus{
    color:#212529;
    background-color:#d4d5d9;
    border-color:#cdcfd3;
    box-shadow:0 0 0 0 rgba(202,204,206,.5)
}
.btn-light.disabled,.btn-light:disabled{
    color:#212529;
    background-color:#e8e9eb;
    border-color:#e8e9eb
}
.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{
    color:#212529;
    background-color:#cdcfd3;
    border-color:#c6c8cd
}
.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(202,204,206,.5)
}
.btn-dark{
    color:#fff;
    background-color:#18191a;
    border-color:#18191a
}
.btn-dark:hover{
    color:#fff;
    background-color:#060606;
    border-color:#000
}
.btn-dark:focus,.btn-dark.focus{
    color:#fff;
    background-color:#060606;
    border-color:#000;
    box-shadow:0 0 0 0 rgba(59,60,60,.5)
}
.btn-dark.disabled,.btn-dark:disabled{
    color:#fff;
    background-color:#18191a;
    border-color:#18191a
}
.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{
    color:#fff;
    background-color:#000;
    border-color:#000
}
.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(59,60,60,.5)
}
.btn-outline-primary{
    color:#3dd598;
    border-color:#3dd598
}
.btn-outline-primary:hover{
    color:#fff;
    background-color:#3dd598;
    border-color:#3dd598
}
.btn-outline-primary:focus,.btn-outline-primary.focus{
    box-shadow:0 0 0 0 rgba(61,213,152,.5)
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{
    color:#3dd598;
    background-color:transparent
}
.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{
    color:#fff;
    background-color:#3dd598;
    border-color:#3dd598
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(61,213,152,.5)
}
.btn-outline-secondary{
    color:#101010;
    border-color:#101010
}
.btn-outline-secondary:hover{
    color:#fff;
    background-color:#101010;
    border-color:#101010
}
.btn-outline-secondary:focus,.btn-outline-secondary.focus{
    box-shadow:0 0 0 0 rgba(16,16,16,.5)
}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{
    color:#101010;
    background-color:transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{
    color:#fff;
    background-color:#101010;
    border-color:#101010
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(16,16,16,.5)
}
.btn-outline-success{
    color:#48bb78;
    border-color:#48bb78
}
.btn-outline-success:hover{
    color:#fff;
    background-color:#48bb78;
    border-color:#48bb78
}
.btn-outline-success:focus,.btn-outline-success.focus{
    box-shadow:0 0 0 0 rgba(72,187,120,.5)
}
.btn-outline-success.disabled,.btn-outline-success:disabled{
    color:#48bb78;
    background-color:transparent
}
.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{
    color:#fff;
    background-color:#48bb78;
    border-color:#48bb78
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(72,187,120,.5)
}
.btn-outline-info{
    color:#17a2b8;
    border-color:#17a2b8
}
.btn-outline-info:hover{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-outline-info:focus,.btn-outline-info.focus{
    box-shadow:0 0 0 0 rgba(23,162,184,.5)
}
.btn-outline-info.disabled,.btn-outline-info:disabled{
    color:#17a2b8;
    background-color:transparent
}
.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(23,162,184,.5)
}
.btn-outline-warning{
    color:#ffc526;
    border-color:#ffc526
}
.btn-outline-warning:hover{
    color:#212529;
    background-color:#ffc526;
    border-color:#ffc526
}
.btn-outline-warning:focus,.btn-outline-warning.focus{
    box-shadow:0 0 0 0 rgba(255,197,38,.5)
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{
    color:#ffc526;
    background-color:transparent
}
.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{
    color:#212529;
    background-color:#ffc526;
    border-color:#ffc526
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(255,197,38,.5)
}
.btn-outline-purple{
    color:#6f42c1;
    border-color:#6f42c1
}
.btn-outline-purple:hover{
    color:#fff;
    background-color:#6f42c1;
    border-color:#6f42c1
}
.btn-outline-purple:focus,.btn-outline-purple.focus{
    box-shadow:0 0 0 0 rgba(111,66,193,.5)
}
.btn-outline-purple.disabled,.btn-outline-purple:disabled{
    color:#6f42c1;
    background-color:transparent
}
.btn-outline-purple:not(:disabled):not(.disabled):active,.btn-outline-purple:not(:disabled):not(.disabled).active,.show>.btn-outline-purple.dropdown-toggle{
    color:#fff;
    background-color:#6f42c1;
    border-color:#6f42c1
}
.btn-outline-purple:not(:disabled):not(.disabled):active:focus,.btn-outline-purple:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(111,66,193,.5)
}
.btn-outline-cyan{
    color:#17a2b8;
    border-color:#17a2b8
}
.btn-outline-cyan:hover{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-outline-cyan:focus,.btn-outline-cyan.focus{
    box-shadow:0 0 0 0 rgba(23,162,184,.5)
}
.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{
    color:#17a2b8;
    background-color:transparent
}
.btn-outline-cyan:not(:disabled):not(.disabled):active,.btn-outline-cyan:not(:disabled):not(.disabled).active,.show>.btn-outline-cyan.dropdown-toggle{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.btn-outline-cyan:not(:disabled):not(.disabled):active:focus,.btn-outline-cyan:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(23,162,184,.5)
}
.btn-outline-danger{
    color:#fd4056;
    border-color:#fd4056
}
.btn-outline-danger:hover{
    color:#fff;
    background-color:#fd4056;
    border-color:#fd4056
}
.btn-outline-danger:focus,.btn-outline-danger.focus{
    box-shadow:0 0 0 0 rgba(253,64,86,.5)
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{
    color:#fd4056;
    background-color:transparent
}
.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{
    color:#fff;
    background-color:#fd4056;
    border-color:#fd4056
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(253,64,86,.5)
}
.btn-outline-light{
    color:#e8e9eb;
    border-color:#e8e9eb
}
.btn-outline-light:hover{
    color:#212529;
    background-color:#e8e9eb;
    border-color:#e8e9eb
}
.btn-outline-light:focus,.btn-outline-light.focus{
    box-shadow:0 0 0 0 rgba(232,233,235,.5)
}
.btn-outline-light.disabled,.btn-outline-light:disabled{
    color:#e8e9eb;
    background-color:transparent
}
.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{
    color:#212529;
    background-color:#e8e9eb;
    border-color:#e8e9eb
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(232,233,235,.5)
}
.btn-outline-dark{
    color:#18191a;
    border-color:#18191a
}
.btn-outline-dark:hover{
    color:#fff;
    background-color:#18191a;
    border-color:#18191a
}
.btn-outline-dark:focus,.btn-outline-dark.focus{
    box-shadow:0 0 0 0 rgba(24,25,26,.5)
}
.btn-outline-dark.disabled,.btn-outline-dark:disabled{
    color:#18191a;
    background-color:transparent
}
.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{
    color:#fff;
    background-color:#18191a;
    border-color:#18191a
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{
    box-shadow:0 0 0 0 rgba(24,25,26,.5)
}
.btn-link{
    font-weight:400;
    color:#b5b5be;
    text-decoration:none
}
.btn-link:hover{
    color:var(--theme-color);
    text-decoration:none
}
.btn-link:focus,.btn-link.focus{
    text-decoration:none
}
.btn-link:disabled,.btn-link.disabled{
    color:#6c757d;
    pointer-events:none
}
.btn-lg,.btn-group-lg>.btn{
    padding:1rem 1.25rem;
    font-size:.875rem;
    line-height:1.6;
    border-radius:6px
}
.btn-sm,.btn-group-sm>.btn{
    padding:.575rem 1.25rem;
    font-size:.775rem;
    line-height:1.6;
    border-radius:6px
}
.btn-block{
    display:block;
    width:100%
}
.btn-block+.btn-block{
    margin-top:.5rem
}
input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{
    width:100%
}
.fade{
    transition:opacity .15s linear
}
@media(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 .35s ease
}
@media(prefers-reduced-motion:reduce){
    .collapsing{
        transition:none
    }
}
.dropup,.dropright,.dropdown,.dropleft{
    position:relative
}
.dropdown-toggle{
    white-space:nowrap
}
.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:10rem;
    padding:.5rem 0;
    margin:.125rem 0 0;
    font-size:.875rem;
    color:#b5b5be;
    text-align:left;
    list-style:none;
    background-color:#101010;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.15);
    border-radius:6px
}
.dropdown-menu-left{
    right:auto;
    left:0
}
.dropdown-menu-right{
    right:0;
    left:auto
}
@media(min-width:576px){
    .dropdown-menu-sm-left{
        right:auto;
        left:0
    }
    .dropdown-menu-sm-right{
        right:0;
        left:auto
    }
}
@media(min-width:768px){
    .dropdown-menu-md-left{
        right:auto;
        left:0
    }
    .row-cols-lg-3>*{
        flex:0 0 33.3333333334%;
        max-width:33.3333333334%;
        padding:1%
    }
    .dropdown-menu-md-right{
        right:0;
        left:auto
    }
}
@media(min-width:992px){
    .dropdown-menu-lg-left{
        right:auto;
        left:0
    }
    .dropdown-menu-lg-right{
        right:0;
        left:auto
    }
}
@media(min-width:1200px){
    .dropdown-menu-xl-left{
        right:auto;
        left:0
    }
    .dropdown-menu-xl-right{
        right:0;
        left:auto
    }
}
.dropup .dropdown-menu{
    top:auto;
    bottom:100%;
    margin-top:0;
    margin-bottom:.125rem
}
.dropright .dropdown-menu{
    top:0;
    right:auto;
    left:100%;
    margin-top:0;
    margin-left:.125rem
}
.dropright .dropdown-toggle::after{
    vertical-align:0
}
.dropleft .dropdown-menu{
    top:0;
    right:100%;
    left:auto;
    margin-top:0;
    margin-right:.125rem
}
.dropleft .dropdown-toggle::before{
    vertical-align:0
}
.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left]{
    right:auto;
    bottom:auto
}
.dropdown-divider{
    height:0;
    margin:.25rem 0;
    overflow:hidden;
    border-top:1px solid transparent
}
.dropdown-item{
    display:block;
    width:100%;
    padding:.25rem 1.5rem;
    clear:both;
    font-weight:400;
    color:#b5b5be;
    text-align:inherit;
    white-space:nowrap;
    background-color:transparent;
    border:0
}
.dropdown-item:hover,.dropdown-item:focus{
    color:var(--theme-color);
    text-decoration:none;
    background-color:transparent
}
.dropdown-item.active,.dropdown-item:active{
    color:var(--theme-color);
    text-decoration:none;
    background-color:none
}
.dropdown-item.disabled,.dropdown-item:disabled{
    color:#6c757d;
    pointer-events:none;
    background-color:transparent
}
.dropdown-menu.show{
    display:block
}
.dropdown-header{
    display:block;
    padding:.5rem 1.5rem;
    margin-bottom:0;
    font-size:.775rem;
    color:#6c757d;
    white-space:nowrap
}
.dropdown-item-text{
    display:block;
    padding:.25rem 1.5rem;
    color:#b5b5be
}
.btn-group,.btn-group-vertical{
    position:relative;
    display:inline-flex;
    vertical-align:middle
}
.btn-group>.btn,.btn-group-vertical>.btn{
    position:relative;
    flex:1 1 auto
}
.btn-group>.btn:hover,.btn-group-vertical>.btn:hover{
    z-index:1
}
.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{
    z-index:1
}
.btn-toolbar{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}
.btn-toolbar .input-group{
    width:auto
}
.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){
    margin-left:0
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.dropdown-toggle-split{
    padding-right:.9375rem;
    padding-left:.9375rem
}
.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after{
    margin-left:0
}
.dropleft .dropdown-toggle-split::before{
    margin-right:0
}
.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{
    padding-right:.9375rem;
    padding-left:.9375rem
}
.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{
    padding-right:.9375rem;
    padding-left:.9375rem
}
.btn-group-vertical{
    flex-direction:column;
    align-items:flex-start;
    justify-content:center
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{
    width:100%
}
.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){
    margin-top:0
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{
    margin-bottom:0
}
.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox]{
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}
.input-group{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    width:100%
}
.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file{
    position:relative;
    flex:1 1 auto;
    width:1%;
    min-width:0;
    margin-bottom:0
}
.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file{
    margin-left:0
}
.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label{
    z-index:3
}
.input-group>.custom-file .custom-file-input:focus{
    z-index:4
}
.input-group>.form-control:not(:last-child),.input-group>.custom-select:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group>.custom-file{
    display:flex;
    align-items:center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group>.custom-file:not(:first-child) .custom-file-label{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group-prepend,.input-group-append{
    display:flex
}
.input-group-prepend .btn,.input-group-append .btn{
    position:relative;
    z-index:2
}
.input-group-prepend .btn:focus,.input-group-append .btn:focus{
    z-index:3
}
.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn{
    margin-left:0
}
.input-group-prepend{
    margin-right:0
}
.input-group-append{
    margin-left:0
}
.input-group-text{
    display:flex;
    align-items:center;
    padding:.775rem 1.25rem;
    margin-bottom:0;
    font-size:.875rem;
    font-weight:400;
    line-height:1.6;
    color:#b5b5be;
    text-align:center;
    white-space:nowrap;
    background-color:#e9ecef;
    border:0 solid #fff;
    border-radius:6px
}
.input-group-text input[type=radio],.input-group-text input[type=checkbox]{
    margin-top:0
}
.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select{
    height:calc(1.6em + 2rem + 0px)
}
.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn{
    padding:1rem 1.25rem;
    font-size:.875rem;
    line-height:1.6;
    border-radius:6px
}
.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select{
    height:calc(1.6em + 1.15rem + 0px)
}
.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn{
    padding:.575rem 1.25rem;
    font-size:.775rem;
    line-height:1.6;
    border-radius:6px
}
.input-group-lg>.custom-select,.input-group-sm>.custom-select{
    padding-right:2.25rem
}
.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.custom-control{
    position:relative;
    display:block;
    min-height:1.4rem;
    padding-left:1.5rem
}
.custom-control-inline{
    display:inline-flex;
    margin-right:1rem
}
.custom-control-input{
    position:absolute;
    left:0;
    z-index:-1;
    width:1rem;
    height:1.2rem;
    opacity:0
}
.custom-control-input:checked~.custom-control-label::before{
    color:#000;
    border-color:var(--theme-color);
    background-color:var(--theme-color)
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow:0 0 0 0 rgba(61,213,152,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
    border-color:#a6ecd0
}
.custom-control-input:not(:disabled):active~.custom-control-label::before{
    color:#000;
    background-color:#d0f5e6;
    border-color:#d0f5e6
}
.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label{
    color:#6c757d
}
.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before{
    background-color:#e9ecef
}
.custom-control-label{
    position:relative;
    margin-bottom:0;
    vertical-align:top
}
.custom-control-label::before{
    position:absolute;
    top:.2rem;
    left:-1.5rem;
    display:block;
    width:1rem;
    height:1rem;
    pointer-events:none;
    content:"";
    background-color:#101010;
    border:#adb5bd solid 0
}
.custom-control-label::after{
    position:absolute;
    top:.2rem;
    left:-1.5rem;
    display:block;
    width:1rem;
    height:1rem;
    content:"";
    background:no-repeat 50%/50% 50%
}
.custom-checkbox .custom-control-label::before{
    border-radius:6px
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMwMDAnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+)
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{
    border-color:#3dd598;
    background-color:#3dd598
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHZpZXdCb3g9JzAgMCA0IDQnPjxwYXRoIHN0cm9rZT0nIzAwMCcgZD0nTTAgMmg0Jy8+PC9zdmc+)
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color:rgba(61,213,152,.5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{
    background-color:rgba(61,213,152,.5)
}
.custom-radio .custom-control-label::before{
    border-radius:50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgdmlld0JveD0nLTQgLTQgOCA4Jz48Y2lyY2xlIHI9JzMnIGZpbGw9JyMwMDAnLz48L3N2Zz4=)
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color:rgba(61,213,152,.5)
}
.custom-switch{
    padding-left:2.25rem
}
.custom-switch .custom-control-label::before{
    left:-2.25rem;
    width:1.75rem;
    pointer-events:all;
    border-radius:.5rem
}
.custom-switch .custom-control-label::after{
    top:.2rem;
    left:-2.25rem;
    width:1rem;
    height:1rem;
    background-color:#adb5bd;
    border-radius:.5rem;
    transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .custom-switch .custom-control-label::after{
        transition:none
    }
}
.custom-switch .custom-control-input:checked~.custom-control-label::after{
    background-color:#101010;
    transform:translateX(0.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color:rgba(61,213,152,.5)
}
.custom-select{
    display:inline-block;
    width:100%;
    height:calc(1.6em + 1.55rem + 0px);
    padding:.775rem 2.25rem .775rem 1.25rem;
    font-size:.875rem;
    font-weight:400;
    line-height:1.6;
    color:#b5b5be;
    vertical-align:middle;
    background:#101010 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.25rem center/8px 10px;
    border:0 solid #fff;
    border-radius:6px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.custom-select:focus{
    border-color:#a6ecd0;
    outline:0;
    box-shadow:0 0 0 0 rgba(61,213,152,.25)
}
.custom-select:focus::-ms-value{
    color:#b5b5be;
    background-color:#101010
}
.custom-select[multiple],.custom-select[size]:not([size="1"]){
    height:auto;
    padding-right:1.25rem;
    background-image:none
}
.custom-select:disabled{
    color:#6c757d;
    background-color:#e9ecef
}
.custom-select::-ms-expand{
    display:none
}
.custom-select:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #b5b5be
}
.custom-select-sm{
    height:calc(1.6em + 1.15rem + 0px);
    padding-top:.575rem;
    padding-bottom:.575rem;
    padding-left:1.25rem;
    font-size:.775rem
}
.custom-select-lg{
    height:calc(1.6em + 2rem + 0px);
    padding-top:1rem;
    padding-bottom:1rem;
    padding-left:1.25rem;
    font-size:.875rem
}
.custom-file{
    position:relative;
    display:inline-block;
    width:100%;
    height:calc(1.6em + 1.55rem + 0px);
    margin-bottom:0
}
.custom-file-input{
    position:relative;
    z-index:2;
    width:100%;
    height:calc(1.6em + 1.55rem + 0px);
    margin:0;
    opacity:0
}
.custom-file-input:focus~.custom-file-label{
    border-color:#a6ecd0;
    box-shadow:0 0 0 0 rgba(61,213,152,.25)
}
.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label{
    background-color:#e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after{
    content:"Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after{
    content:attr(data-browse)
}
.custom-file-label{
    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:1;
    height:calc(1.6em + 1.55rem + 0px);
    padding:.775rem 1.25rem;
    font-weight:400;
    line-height:1.6;
    color:#b5b5be;
    background-color:#101010;
    border:0 solid #fff;
    border-radius:6px
}
.custom-file-label::after{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:3;
    display:block;
    height:calc(1.6em + 1.55rem);
    padding:.775rem 1.25rem;
    line-height:1.6;
    color:#b5b5be;
    content:"Browse";
    background-color:transparent;
    border-left:inherit;
    border-radius:0 6px 6px 0
}
.custom-range{
    width:100%;
    height:1rem;
    padding:0;
    background-color:transparent;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.custom-range:focus{
    outline:none
}
.custom-range:focus::-webkit-slider-thumb{
    box-shadow:0 0 0 1px #000,0 0 0 0 rgba(61,213,152,.25)
}
.custom-range:focus::-moz-range-thumb{
    box-shadow:0 0 0 1px #000,0 0 0 0 rgba(61,213,152,.25)
}
.custom-range:focus::-ms-thumb{
    box-shadow:0 0 0 1px #000,0 0 0 0 rgba(61,213,152,.25)
}
.custom-range::-moz-focus-outer{
    border:0
}
.custom-range::-webkit-slider-thumb{
    width:1rem;
    height:1rem;
    margin-top:-.25rem;
    background-color:#3dd598;
    border:0;
    border-radius:1rem;
    -webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance:none;
    appearance:none
}
@media(prefers-reduced-motion:reduce){
    .custom-range::-webkit-slider-thumb{
        -webkit-transition:none;
        transition:none
    }
}
.custom-range::-webkit-slider-thumb:active{
    background-color:#d0f5e6
}
.custom-range::-webkit-slider-runnable-track{
    width:100%;
    height:.5rem;
    color:transparent;
    cursor:pointer;
    background-color:#dee2e6;
    border-color:transparent;
    border-radius:1rem
}
.custom-range::-moz-range-thumb{
    width:1rem;
    height:1rem;
    background-color:#3dd598;
    border:0;
    border-radius:1rem;
    -moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance:none;
    appearance:none
}
@media(prefers-reduced-motion:reduce){
    .custom-range::-moz-range-thumb{
        -moz-transition:none;
        transition:none
    }
}
.custom-range::-moz-range-thumb:active{
    background-color:#d0f5e6
}
.custom-range::-moz-range-track{
    width:100%;
    height:.5rem;
    color:transparent;
    cursor:pointer;
    background-color:#dee2e6;
    border-color:transparent;
    border-radius:1rem
}
.custom-range::-ms-thumb{
    width:1rem;
    height:1rem;
    margin-top:0;
    margin-right:0;
    margin-left:0;
    background-color:#3dd598;
    border:0;
    border-radius:1rem;
    -ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance:none
}
@media(prefers-reduced-motion:reduce){
    .custom-range::-ms-thumb{
        -ms-transition:none;
        transition:none
    }
}
.custom-range::-ms-thumb:active{
    background-color:#d0f5e6
}
.custom-range::-ms-track{
    width:100%;
    height:.5rem;
    color:transparent;
    cursor:pointer;
    background-color:transparent;
    border-color:transparent;
    border-width:.5rem
}
.custom-range::-ms-fill-lower{
    background-color:#dee2e6;
    border-radius:1rem
}
.custom-range::-ms-fill-upper{
    margin-right:15px;
    background-color:#dee2e6;
    border-radius:1rem
}
.custom-range:disabled::-webkit-slider-thumb{
    background-color:#adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track{
    cursor:default
}
.custom-range:disabled::-moz-range-thumb{
    background-color:#adb5bd
}
.custom-range:disabled::-moz-range-track{
    cursor:default
}
.custom-range:disabled::-ms-thumb{
    background-color:#adb5bd
}
.custom-control-label::before,.custom-file-label,.custom-select{
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .custom-control-label::before,.custom-file-label,.custom-select{
        transition:none
    }
}
.nav{
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav-link{
    display:block;
    padding:.5rem 1rem
}
.nav-link:hover,.nav-link:focus{
    text-decoration:none
}
.nav-link.disabled{
    color:#6c757d;
    pointer-events:none;
    cursor:default
}
.nav-tabs{
    border-bottom:1px solid #dee2e6
}
.nav-tabs .nav-item{
    margin-bottom:-1px
}
.nav-tabs .nav-link{
    border:1px solid transparent;
    border-top-left-radius:6px;
    border-top-right-radius:6px
}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{
    border-color:#e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled{
    color:#6c757d;
    background-color:transparent;
    border-color:transparent
}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{
    color:#495057;
    background-color:#000;
    border-color:#dee2e6 #dee2e6 #000
}
.nav-tabs .dropdown-menu{
    margin-top:-1px;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.nav-pills .nav-link{
    border-radius:6px
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    color:#000;
    background-color:#3dd598
}
.nav-fill .nav-item{
    flex:1 1 auto;
    text-align:center
}
.nav-justified .nav-item{
    flex-basis:0;
    flex-grow:1;
    text-align:center
}
.tab-content>.tab-pane{
    display:none
}
.tab-content>.active{
    display:block
}
.navbar{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.5rem 1rem
}
.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between
}
.navbar-brand{
    display:inline-block;
    padding-top:.5rem;
    padding-bottom:.5rem;
    margin-right:1rem;
    font-size:.875rem;
    line-height:inherit;
    white-space:nowrap
}
.navbar-brand:hover,.navbar-brand:focus{
    text-decoration:none
}
.navbar-nav{
    display:flex;
    flex-direction:-webkit-inline-box;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.navbar-nav .nav-link{
    padding-right:0;
    padding-left:0
}
.navbar-nav .dropdown-menu{
    position:static;
    float:none
}
.navbar-text{
    display:inline-block;
    padding-top:.5rem;
    padding-bottom:.5rem
}
.navbar-collapse{
    flex-basis:100%;
    flex-grow:1;
    align-items:center
}
.navbar-toggler{
    padding:.25rem .75rem;
    font-size:.875rem;
    line-height:1;
    background-color:transparent;
    border:1px solid transparent;
    border-radius:6px
}
.navbar-toggler:hover,.navbar-toggler:focus{
    text-decoration:none
}
.navbar-toggler-icon{
    display:inline-block;
    width:1.5em;
    height:1.5em;
    vertical-align:middle;
    content:"";
    background:no-repeat center center;
    background-size:100% 100%
}
@media(max-width:575.98px){
    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{
        padding-right:0;
        padding-left:0
    }
}
@media(min-width:576px){
    .navbar-expand-sm{
        flex-flow:row nowrap;
        justify-content:flex-start
    }
    .navbar-expand-sm .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link{
        padding-right:1rem;
        padding-left:1rem
    }
    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{
        flex-wrap:nowrap
    }
    .navbar-expand-sm .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-sm .navbar-toggler{
        display:none
    }
}
@media(max-width:767.98px){
    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{
        padding-right:0;
        padding-left:0
    }
}
@media(min-width:768px){
    .navbar-expand-md{
        flex-flow:row nowrap;
        justify-content:flex-start
    }
    .navbar-expand-md .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-md .navbar-nav .nav-link{
        padding-right:1rem;
        padding-left:1rem
    }
    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{
        flex-wrap:nowrap
    }
    .navbar-expand-md .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-md .navbar-toggler{
        display:none
    }
}
@media(max-width:991.98px){
    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{
        padding-right:0;
        padding-left:0
    }
}
@media(min-width:992px){
    .navbar-expand-lg{
        flex-flow:row nowrap;
        justify-content:flex-start
    }
    .navbar-expand-lg .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:1rem;
        padding-left:1rem
    }
    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{
        flex-wrap:nowrap
    }
    .navbar-expand-lg .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-lg .navbar-toggler{
        display:none
    }
}
@media(max-width:1199.98px){
    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{
        padding-right:0;
        padding-left:0
    }
}
@media(min-width:1200px){
    .navbar-expand-xl{
        flex-flow:row nowrap;
        justify-content:flex-start
    }
    .navbar-expand-xl .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link{
        padding-right:1rem;
        padding-left:1rem
    }
    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{
        flex-wrap:nowrap
    }
    .navbar-expand-xl .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-xl .navbar-toggler{
        display:none
    }
}
.navbar-expand{
    flex-flow:row nowrap;
    justify-content:flex-start
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{
    padding-right:0;
    padding-left:0
}
.navbar-expand .navbar-nav{
    flex-direction:row
}
.navbar-expand .navbar-nav .dropdown-menu{
    position:absolute
}
.navbar-expand .navbar-nav .nav-link{
    padding-right:1rem;
    padding-left:1rem
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{
    flex-wrap:nowrap
}
.navbar-expand .navbar-collapse{
    display:flex!important;
    flex-basis:auto
}
.navbar-expand .navbar-toggler{
    display:none
}
.navbar-light .navbar-brand{
    color:rgba(0,0,0,.9)
}
.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{
    color:rgba(0,0,0,.9)
}
.navbar-light .navbar-nav .nav-link{
    color:rgba(0,0,0,.5)
}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{
    color:rgba(0,0,0,.7)
}
.navbar-light .navbar-nav .nav-link.disabled{
    color:rgba(0,0,0,.3)
}
.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{
    color:rgba(0,0,0,.9)
}
.navbar-light .navbar-toggler{
    color:rgba(0,0,0,.5);
    border-color:rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)
}
.navbar-light .navbar-text{
    color:rgba(0,0,0,.5)
}
.navbar-light .navbar-text a{
    color:rgba(0,0,0,.9)
}
.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{
    color:rgba(0,0,0,.9)
}
.navbar-dark .navbar-brand{
    color:#fff
}
.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{
    color:#fff
}
.navbar-dark .navbar-nav .nav-link{
    color:rgba(255,255,255,.5)
}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{
    color:rgba(255,255,255,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled{
    color:rgba(255,255,255,.25)
}
.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{
    color:#fff
}
.navbar-dark .navbar-toggler{
    color:rgba(255,255,255,.5);
    border-color:rgba(255,255,255,.1)
}
.navbar-dark .navbar-toggler-icon{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMjU1LCAyNTUsIDI1NSwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)
}
.navbar-dark .navbar-text{
    color:rgba(255,255,255,.5)
}
.navbar-dark .navbar-text a{
    color:#fff
}
.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{
    color:#fff
}
.card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#101010;
    background-clip:border-box;
    border:1px solid rgba(0,0,0,.125);
    border-radius:6px
}
.card>hr{
    margin-right:0;
    margin-left:0
}
.card>.list-group{
    border-top:inherit;
    border-bottom:inherit
}
.card>.list-group:first-child{
    border-top-width:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.card>.list-group:last-child{
    border-bottom-width:0;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
.card-body{
    flex:1 1 auto;
    min-height:1px;
    padding:1.65rem
}
.card-title{
    margin-bottom:.875rem
}
.card-subtitle{
    margin-top:-.4375rem;
    margin-bottom:0
}
.card-text:last-child{
    margin-bottom:0
}
.card-link:hover{
    text-decoration:none
}
.card-link+.card-link{
    margin-left:1.65rem
}
.card-header{
    padding:.875rem 1.65rem;
    margin-bottom:0;
    background-color:rgba(0,0,0,.03);
    border-bottom:1px solid rgba(0,0,0,.125)
}
.card-header:first-child{
    border-radius:5px 5px 0 0
}
.card-header+.list-group .list-group-item:first-child{
    border-top:0
}
.card-footer{
    padding:.875rem 1.65rem;
    background-color:rgba(0,0,0,.03);
    border-top:1px solid rgba(0,0,0,.125)
}
.card-footer:last-child{
    border-radius:0 0 5px 5px
}
.card-header-tabs{
    margin-right:-.825rem;
    margin-bottom:-.875rem;
    margin-left:-.825rem;
    border-bottom:0
}
.card-header-pills{
    margin-right:-.825rem;
    margin-left:-.825rem
}
.card-img-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:1.25rem
}
.card-img,.card-img-top,.card-img-bottom{
    flex-shrink:0;
    width:100%
}
.card-img,.card-img-top{
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.card-img,.card-img-bottom{
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
.card-deck .card{
    margin-bottom:10px
}
@media(min-width:576px){
    .card-deck{
        display:flex;
        flex-flow:row wrap;
        margin-right:-10px;
        margin-left:-10px
    }
    .card-deck .card{
        flex:1 0 0%;
        margin-right:10px;
        margin-bottom:0;
        margin-left:10px
    }
}
.card-group>.card{
    margin-bottom:10px
}
@media(min-width:576px){
    .card-group{
        display:flex;
        flex-flow:row wrap
    }
    .card-group>.card{
        flex:1 0 0%;
        margin-bottom:0
    }
    .card-group>.card+.card{
        margin-left:0;
        border-left:0
    }
    .card-group>.card:not(:last-child){
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{
        border-top-right-radius:0
    }
    .card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{
        border-bottom-right-radius:0
    }
    .card-group>.card:not(:first-child){
        border-top-left-radius:0;
        border-bottom-left-radius:0
    }
    .card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{
        border-top-left-radius:0
    }
    .card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{
        border-bottom-left-radius:0
    }
}
.card-columns .card{
    margin-bottom:.875rem
}
@media(min-width:576px){
    .card-columns{
        column-count:3;
        column-gap:1.25rem;
        orphans:1;
        widows:1
    }
    .card-columns .card{
        display:inline-block;
        width:100%
    }
}
.accordion>.card{
    overflow:hidden
}
.accordion>.card:not(:last-of-type){
    border-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.accordion>.card:not(:first-of-type){
    border-top-left-radius:0;
    border-top-right-radius:0
}
.accordion>.card>.card-header{
    border-radius:0;
    margin-bottom:-1px
}
.breadcrumb{
    display:flex;
    flex-wrap:wrap;
    padding:.75rem 1rem;
    margin-bottom:1rem;
    list-style:none;
    background-color:#e9ecef;
    border-radius:6px
}
.breadcrumb-item{
    display:flex
}
.breadcrumb-item+.breadcrumb-item{
    padding-left:.5rem
}
.breadcrumb-item+.breadcrumb-item::before{
    display:inline-block;
    padding-right:.5rem;
    color:#6c757d;
    content:"/"
}
.breadcrumb-item+.breadcrumb-item:hover::before{
    text-decoration:underline
}
.breadcrumb-item+.breadcrumb-item:hover::before{
    text-decoration:none
}
.breadcrumb-item.active{
    color:#6c757d
}
.pagination{
    display:flex;
    padding-left:0;
    list-style:none;
    border-radius:6px
}
.page-link{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#b5b5be;
    background-color:#fff;
    border:1px solid #dee2e6
}
.page-link:hover{
    z-index:2;
    color:var(--theme-color);
    text-decoration:none;
    background-color:#e9ecef;
    border-color:#dee2e6
}
.page-link:focus{
    z-index:3;
    outline:0;
    box-shadow:0 0 0 0 rgba(61,213,152,.25)
}
.page-item:first-child .page-link{
    margin-left:0;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.page-item:last-child .page-link{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.page-item.active .page-link{
    z-index:3;
    color:#000;
    background-color:#3dd598;
    border-color:#3dd598
}
.page-item.disabled .page-link{
    color:#6c757d;
    pointer-events:none;
    cursor:auto;
    background-color:#fff;
    border-color:#dee2e6
}
.pagination-lg .page-link{
    padding:.75rem 1.5rem;
    font-size:.875rem;
    line-height:1.6
}
.pagination-lg .page-item:first-child .page-link{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.pagination-lg .page-item:last-child .page-link{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.pagination-sm .page-link{
    padding:.25rem .5rem;
    font-size:.775rem;
    line-height:1.6
}
.pagination-sm .page-item:first-child .page-link{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.pagination-sm .page-item:last-child .page-link{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.badge{
    display:inline-block;
    padding:.25em .4em;
    font-size:75%;
    font-weight:600;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:6px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .badge{
        transition:none
    }
}
a.badge:hover,a.badge:focus{
    text-decoration:none
}
.badge:empty{
    display:none
}
.btn .badge{
    position:relative;
    top:-1px
}
.badge-pill{
    padding-right:.6em;
    padding-left:.6em;
    border-radius:10rem
}
.badge-primary{
    color:#fff;
    background-color:#3dd598
}
a.badge-primary:hover,a.badge-primary:focus{
    color:#fff;
    background-color:#28b77e
}
a.badge-primary:focus,a.badge-primary.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(61,213,152,.5)
}
.badge-secondary{
    color:#fff;
    background-color:#101010
}
a.badge-secondary:hover,a.badge-secondary:focus{
    color:#fff;
    background-color:#000
}
a.badge-secondary:focus,a.badge-secondary.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(16,16,16,.5)
}
.badge-success{
    color:#fff;
    background-color:#48bb78
}
a.badge-success:hover,a.badge-success:focus{
    color:#fff;
    background-color:#389860
}
a.badge-success:focus,a.badge-success.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(72,187,120,.5)
}
.badge-info{
    color:#fff;
    background-color:#17a2b8
}
a.badge-info:hover,a.badge-info:focus{
    color:#fff;
    background-color:#117a8b
}
a.badge-info:focus,a.badge-info.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(23,162,184,.5)
}
.badge-warning{
    color:#212529;
    background-color:#ffc526
}
a.badge-warning:hover,a.badge-warning:focus{
    color:#212529;
    background-color:#f2b100
}
a.badge-warning:focus,a.badge-warning.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(255,197,38,.5)
}
.badge-purple{
    color:#fff;
    background-color:#6f42c1
}
a.badge-purple:hover,a.badge-purple:focus{
    color:#fff;
    background-color:#59339d
}
a.badge-purple:focus,a.badge-purple.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(111,66,193,.5)
}
.badge-cyan{
    color:#fff;
    background-color:#17a2b8
}
a.badge-cyan:hover,a.badge-cyan:focus{
    color:#fff;
    background-color:#117a8b
}
a.badge-cyan:focus,a.badge-cyan.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(23,162,184,.5)
}
.badge-danger{
    color:#fff;
    background-color:#fd4056
}
a.badge-danger:hover,a.badge-danger:focus{
    color:#fff;
    background-color:#fc0e29
}
a.badge-danger:focus,a.badge-danger.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(253,64,86,.5)
}
.badge-light{
    color:#212529;
    background-color:#e8e9eb
}
a.badge-light:hover,a.badge-light:focus{
    color:#212529;
    background-color:#cdcfd3
}
a.badge-light:focus,a.badge-light.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(232,233,235,.5)
}
.badge-dark{
    color:#fff;
    background-color:#18191a
}
a.badge-dark:hover,a.badge-dark:focus{
    color:#fff;
    background-color:#000
}
a.badge-dark:focus,a.badge-dark.focus{
    outline:0;
    box-shadow:0 0 0 0 rgba(24,25,26,.5)
}
.jumbotron{
    padding:2rem 1rem;
    margin-bottom:2rem;
    background-color:#e9ecef;
    border-radius:6px
}
@media(min-width:576px){
    .jumbotron{
        padding:4rem 2rem
    }
}
.jumbotron-fluid{
    padding-right:0;
    padding-left:0;
    border-radius:0
}
.alert{
    position:relative;
    padding:.75rem 1.25rem;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:6px
}
.alert-heading{
    color:inherit
}
.alert-link{
    font-weight:600
}
.alert-dismissible{
    padding-right:3.8125rem
}
.alert-dismissible .close{
    position:absolute;
    top:0;
    right:0;
    padding:.75rem 1.25rem;
    color:inherit
}
.alert-primary{
    color:#206f4f;
    background-color:#d8f7ea;
    border-color:#c9f3e2
}
.alert-primary hr{
    border-top-color:#b4eed7
}
.alert-primary .alert-link{
    color:#154733
}
.alert-secondary{
    color:#080808;
    background-color:#cfcfcf;
    border-color:#bcbcbc
}
.alert-secondary hr{
    border-top-color:#afafaf
}
.alert-secondary .alert-link{
    color:#000
}
.alert-success{
    color:#25613e;
    background-color:#daf1e4;
    border-color:#ccecd9
}
.alert-success hr{
    border-top-color:#b9e5cb
}
.alert-success .alert-link{
    color:#173c26
}
.alert-info{
    color:#0c5460;
    background-color:#d1ecf1;
    border-color:#bee5eb
}
.alert-info hr{
    border-top-color:#abdde5
}
.alert-info .alert-link{
    color:#062c33
}
.alert-warning{
    color:#856614;
    background-color:#fff3d4;
    border-color:#ffefc2
}
.alert-warning hr{
    border-top-color:#ffe8a9
}
.alert-warning .alert-link{
    color:#59440d
}
.alert-purple{
    color:#3a2264;
    background-color:#e2d9f3;
    border-color:#d7caee
}
.alert-purple hr{
    border-top-color:#c8b7e8
}
.alert-purple .alert-link{
    color:#24153e
}
.alert-cyan{
    color:#0c5460;
    background-color:#d1ecf1;
    border-color:#bee5eb
}
.alert-cyan hr{
    border-top-color:#abdde5
}
.alert-cyan .alert-link{
    color:#062c33
}
.alert-danger{
    color:#84212d;
    background-color:#ffd9dd;
    border-color:#fecad0
}
.alert-danger hr{
    border-top-color:#feb1ba
}
.alert-danger .alert-link{
    color:#5b171f
}
.alert-light{
    color:#79797a;
    background-color:#fafbfb;
    border-color:#f9f9f9
}
.alert-light hr{
    border-top-color:#ececec
}
.alert-light .alert-link{
    color:#606060
}
.alert-dark{
    color:#0c0d0e;
    background-color:#d1d1d1;
    border-color:#bebfbf
}
.alert-dark hr{
    border-top-color:#b1b2b2
}
.alert-dark .alert-link{
    color:#000
}
@keyframes progress-bar-stripes{
    from{
        background-position:1rem 0
    }
    to{
        background-position:0 0
    }
}
.progress{
    display:flex;
    height:1rem;
    overflow:hidden;
    line-height:0;
    font-size:.65625rem;
    background-color:#e9ecef;
    border-radius:6px
}
.progress-bar{
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    background-color:#3dd598;
    transition:width .6s ease
}
@media(prefers-reduced-motion:reduce){
    .progress-bar{
        transition:none
    }
}
.progress-bar-striped{
    background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size:1rem 1rem
}
.progress-bar-animated{
    animation:progress-bar-stripes 1s linear infinite
}
@media(prefers-reduced-motion:reduce){
    .progress-bar-animated{
        animation:none
    }
}
.media{
    display:flex;
    align-items:flex-start
}
.media-body{
    flex:1
}
.list-group{
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    border-radius:6px
}
.list-group-item-action{
    width:100%;
    color:#495057;
    text-align:inherit
}
.list-group-item-action:hover,.list-group-item-action:focus{
    z-index:1;
    color:#495057;
    text-decoration:none;
    background-color:#f8f9fa
}
.list-group-item-action:active{
    color:#b5b5be;
    background-color:#e9ecef
}
.list-group-item{
    position:relative;
    display:block;
    padding:.75rem 1.25rem;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child{
    border-top-left-radius:inherit;
    border-top-right-radius:inherit
}
.list-group-item:last-child{
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.list-group-item.disabled,.list-group-item:disabled{
    color:#6c757d;
    pointer-events:none;
    background-color:#fff
}
.list-group-item.active{
    z-index:2;
    color:#000;
    background-color:#3dd598;
    border-color:#3dd598
}
.list-group-item+.list-group-item{
    border-top-width:0
}
.list-group-item+.list-group-item.active{
    margin-top:-1px;
    border-top-width:1px
}
.list-group-horizontal{
    flex-direction:row
}
.list-group-horizontal>.list-group-item:first-child{
    border-bottom-left-radius:6px;
    border-top-right-radius:0
}
.list-group-horizontal>.list-group-item:last-child{
    border-top-right-radius:6px;
    border-bottom-left-radius:0
}
.list-group-horizontal>.list-group-item.active{
    margin-top:0
}
.list-group-horizontal>.list-group-item+.list-group-item{
    border-top-width:1px;
    border-left-width:0
}
.list-group-horizontal>.list-group-item+.list-group-item.active{
    margin-left:-1px;
    border-left-width:1px
}
@media(min-width:576px){
    .list-group-horizontal-sm{
        flex-direction:row
    }
    .list-group-horizontal-sm>.list-group-item:first-child{
        border-bottom-left-radius:6px;
        border-top-right-radius:0
    }
    .list-group-horizontal-sm>.list-group-item:last-child{
        border-top-right-radius:6px;
        border-bottom-left-radius:0
    }
    .list-group-horizontal-sm>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item{
        border-top-width:1px;
        border-left-width:0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active{
        margin-left:-1px;
        border-left-width:1px
    }
}
@media(min-width:768px){
    .list-group-horizontal-md{
        flex-direction:row
    }
    .list-group-horizontal-md>.list-group-item:first-child{
        border-bottom-left-radius:6px;
        border-top-right-radius:0
    }
    .list-group-horizontal-md>.list-group-item:last-child{
        border-top-right-radius:6px;
        border-bottom-left-radius:0
    }
    .list-group-horizontal-md>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item{
        border-top-width:1px;
        border-left-width:0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active{
        margin-left:-1px;
        border-left-width:1px
    }
}
@media(min-width:992px){
    .list-group-horizontal-lg{
        flex-direction:row
    }
    .list-group-horizontal-lg>.list-group-item:first-child{
        border-bottom-left-radius:6px;
        border-top-right-radius:0
    }
    .list-group-horizontal-lg>.list-group-item:last-child{
        border-top-right-radius:6px;
        border-bottom-left-radius:0
    }
    .list-group-horizontal-lg>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item{
        border-top-width:1px;
        border-left-width:0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active{
        margin-left:-1px;
        border-left-width:1px
    }
}
@media(min-width:1200px){
    .list-group-horizontal-xl{
        flex-direction:row
    }
    .list-group-horizontal-xl>.list-group-item:first-child{
        border-bottom-left-radius:6px;
        border-top-right-radius:0
    }
    .list-group-horizontal-xl>.list-group-item:last-child{
        border-top-right-radius:6px;
        border-bottom-left-radius:0
    }
    .list-group-horizontal-xl>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item{
        border-top-width:1px;
        border-left-width:0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active{
        margin-left:-1px;
        border-left-width:1px
    }
}
.list-group-flush{
    border-radius:0
}
.list-group-flush>.list-group-item{
    border-width:0 0 1px
}
.list-group-flush>.list-group-item:last-child{
    border-bottom-width:0
}
.list-group-item-primary{
    color:#206f4f;
    background-color:#c9f3e2
}
.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{
    color:#206f4f;
    background-color:#b4eed7
}
.list-group-item-primary.list-group-item-action.active{
    color:#fff;
    background-color:#206f4f;
    border-color:#206f4f
}
.list-group-item-secondary{
    color:#080808;
    background-color:#bcbcbc
}
.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{
    color:#080808;
    background-color:#afafaf
}
.list-group-item-secondary.list-group-item-action.active{
    color:#fff;
    background-color:#080808;
    border-color:#080808
}
.list-group-item-success{
    color:#25613e;
    background-color:#ccecd9
}
.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{
    color:#25613e;
    background-color:#b9e5cb
}
.list-group-item-success.list-group-item-action.active{
    color:#fff;
    background-color:#25613e;
    border-color:#25613e
}
.list-group-item-info{
    color:#0c5460;
    background-color:#bee5eb
}
.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{
    color:#0c5460;
    background-color:#abdde5
}
.list-group-item-info.list-group-item-action.active{
    color:#fff;
    background-color:#0c5460;
    border-color:#0c5460
}
.list-group-item-warning{
    color:#856614;
    background-color:#ffefc2
}
.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{
    color:#856614;
    background-color:#ffe8a9
}
.list-group-item-warning.list-group-item-action.active{
    color:#fff;
    background-color:#856614;
    border-color:#856614
}
.list-group-item-purple{
    color:#3a2264;
    background-color:#d7caee
}
.list-group-item-purple.list-group-item-action:hover,.list-group-item-purple.list-group-item-action:focus{
    color:#3a2264;
    background-color:#c8b7e8
}
.list-group-item-purple.list-group-item-action.active{
    color:#fff;
    background-color:#3a2264;
    border-color:#3a2264
}
.list-group-item-cyan{
    color:#0c5460;
    background-color:#bee5eb
}
.list-group-item-cyan.list-group-item-action:hover,.list-group-item-cyan.list-group-item-action:focus{
    color:#0c5460;
    background-color:#abdde5
}
.list-group-item-cyan.list-group-item-action.active{
    color:#fff;
    background-color:#0c5460;
    border-color:#0c5460
}
.list-group-item-danger{
    color:#84212d;
    background-color:#fecad0
}
.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{
    color:#84212d;
    background-color:#feb1ba
}
.list-group-item-danger.list-group-item-action.active{
    color:#fff;
    background-color:#84212d;
    border-color:#84212d
}
.list-group-item-light{
    color:#79797a;
    background-color:#f9f9f9
}
.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{
    color:#79797a;
    background-color:#ececec
}
.list-group-item-light.list-group-item-action.active{
    color:#fff;
    background-color:#79797a;
    border-color:#79797a
}
.list-group-item-dark{
    color:#0c0d0e;
    background-color:#bebfbf
}
.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{
    color:#0c0d0e;
    background-color:#b1b2b2
}
.list-group-item-dark.list-group-item-action.active{
    color:#fff;
    background-color:#0c0d0e;
    border-color:#0c0d0e
}
.close{
    float:right;
    font-size:1.3125rem;
    font-weight:600;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.5
}
.close:hover{
    color:#000;
    text-decoration:none
}
.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{
    opacity:.75
}
button.close{
    padding:0;
    background-color:transparent;
    border:0
}
a.close.disabled{
    pointer-events:none
}
.toast{
    max-width:350px;
    overflow:hidden;
    font-size:.875rem;
    background-color:rgba(255,255,255,.85);
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.1);
    box-shadow:0 .25rem .75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    opacity:0;
    border-radius:.25rem
}
.toast:not(:last-child){
    margin-bottom:.75rem
}
.toast.showing{
    opacity:1
}
.toast.show{
    display:block;
    opacity:1
}
.toast.hide{
    display:none
}
.toast-header{
    display:flex;
    align-items:center;
    padding:.25rem .75rem;
    color:#6c757d;
    background-color:rgba(255,255,255,.85);
    background-clip:padding-box;
    border-bottom:1px solid rgba(0,0,0,.05)
}
.toast-body{
    padding:.75rem
}
.modal-open{
    overflow:hidden
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    display:none;
    width:100%;
    height:100%;
    overflow:hidden;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:.5rem;
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out;
    transform:translate(0,-50px)
}
@media(prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        transition:none
    }
}
.modal.show .modal-dialog{
    transform:none
}
.modal.modal-static .modal-dialog{
    transform:scale(1.02)
}
.modal-dialog-scrollable{
    display:flex;
    max-height:calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content{
    max-height:calc(100vh - 1rem);
    overflow:hidden
}
.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{
    flex-shrink:0
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
    min-height:calc(100% - 1rem)
}
.modal-dialog-centered::before{
    display:block;
    height:calc(100vh - 1rem);
    height:-webkit-min-content;
    height:min-content;
    content:""
}
.modal-dialog-centered.modal-dialog-scrollable{
    flex-direction:column;
    justify-content:center;
    height:100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{
    max-height:none
}
.modal-dialog-centered.modal-dialog-scrollable::before{
    content:none
}
.modal-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background-color:#000;
    background-clip:padding-box;
    border:0 solid rgba(0,0,0,.2);
    border-radius:10px;
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1040;
    width:100vw;
    height:100vh;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:1
}
.modal-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:1rem;
    border-bottom:0 solid #1f2122;
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
.modal-header .close{
    padding:1rem;
    margin:-1rem -1rem -1rem auto
}
.modal-title{
    margin-bottom:0;
    line-height:1.6
}
.modal-body{
    position:relative;
    flex:1 1 auto;
    padding:4rem
}
.modal-footer{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    padding:3.75rem;
    border-top:0 solid #1f2122;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px
}
.modal-footer>*{
    margin:.25rem
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@media(min-width:576px){
    .modal-dialog{
        max-width:700px;
        margin:1.75rem auto
    }
    .modal-dialog-scrollable{
        max-height:calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content{
        max-height:calc(100vh - 3.5rem)
    }
    .modal-dialog-centered{
        min-height:calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before{
        height:calc(100vh - 3.5rem);
        height:-webkit-min-content;
        height:min-content
    }
    .modal-sm{
        max-width:400px
    }
}
@media(min-width:992px){
    .modal-lg,.modal-xl{
        max-width:900px
    }
}
@media(min-width:1200px){
    .modal-xl{
        max-width:1140px
    }
}
.tooltip{
    position:absolute;
    z-index:1070;
    display:block;
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,inter,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
    font-style:normal;
    font-weight:400;
    line-height:1.6;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    white-space:normal;
    line-break:auto;
    font-size:.775rem;
    word-wrap:break-word;
    opacity:0
}
.tooltip.show{
    opacity:1
}
.tooltip .arrow{
    position:absolute;
    display:block;
    width:.8rem;
    height:.3rem
}
.tooltip .arrow::before{
    position:absolute;
    content:"";
    border-color:transparent;
    border-style:solid
}
.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{
    padding:.3rem 0
}
.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{
    bottom:0
}
.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{
    top:0;
    border-width:.3rem .4rem 0;
    border-top-color:#222
}
.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{
    padding:0 .3rem
}
.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{
    left:0;
    width:.3rem;
    height:.8rem
}
.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{
    right:0;
    border-width:.4rem .3rem .4rem 0;
    border-right-color:#222
}
.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{
    padding:.3rem 0
}
.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{
    top:0
}
.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{
    bottom:0;
    border-width:0 .4rem .3rem;
    border-bottom-color:#222
}
.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{
    padding:0 .3rem
}
.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{
    right:0;
    width:.3rem;
    height:.8rem
}
.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{
    left:0;
    border-width:.4rem 0 .4rem .3rem;
    border-left-color:#222
}
.tooltip-inner{
    max-width:200px;
    padding:.25rem .5rem;
    color:#fff;
    text-align:center;
    background-color:#222;
    border-radius:6px
}
.popover{
    position:absolute;
    top:0;
    left:0;
    z-index:1060;
    display:block;
    max-width:276px;
    font-family:-apple-system,BlinkMacSystemFont,inter,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
    font-style:normal;
    font-weight:400;
    line-height:1.6;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    white-space:normal;
    line-break:auto;
    font-size:.775rem;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px
}
.popover .arrow{
    position:absolute;
    display:block;
    width:1rem;
    height:.5rem;
    margin:0 6px
}
.popover .arrow::before,.popover .arrow::after{
    position:absolute;
    display:block;
    content:"";
    border-color:transparent;
    border-style:solid
}
.bs-popover-top,.bs-popover-auto[x-placement^=top]{
    margin-bottom:.5rem
}
.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{
    bottom:calc(-0.5rem - 1px)
}
.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{
    bottom:0;
    border-width:.5rem .5rem 0;
    border-top-color:rgba(0,0,0,.25)
}
.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after{
    bottom:1px;
    border-width:.5rem .5rem 0;
    border-top-color:#fff
}
.bs-popover-right,.bs-popover-auto[x-placement^=right]{
    margin-left:.5rem
}
.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{
    left:calc(-0.5rem - 1px);
    width:.5rem;
    height:1rem;
    margin:6px 0
}
.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{
    left:0;
    border-width:.5rem .5rem .5rem 0;
    border-right-color:rgba(0,0,0,.25)
}
.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after{
    left:1px;
    border-width:.5rem .5rem .5rem 0;
    border-right-color:#fff
}
.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{
    margin-top:.5rem
}
.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{
    top:calc(-0.5rem - 1px)
}
.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{
    top:0;
    border-width:0 .5rem .5rem;
    border-bottom-color:rgba(0,0,0,.25)
}
.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after{
    top:1px;
    border-width:0 .5rem .5rem;
    border-bottom-color:#fff
}
.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-header::before{
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:1rem;
    margin-left:-.5rem;
    content:"";
    border-bottom:1px solid #f7f7f7
}
.bs-popover-left,.bs-popover-auto[x-placement^=left]{
    margin-right:.5rem
}
.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{
    right:calc(-0.5rem - 1px);
    width:.5rem;
    height:1rem;
    margin:6px 0
}
.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{
    right:0;
    border-width:.5rem 0 .5rem .5rem;
    border-left-color:rgba(0,0,0,.25)
}
.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after{
    right:1px;
    border-width:.5rem 0 .5rem .5rem;
    border-left-color:#fff
}
.popover-header{
    padding:.5rem .75rem;
    margin-bottom:0;
    font-size:.875rem;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.popover-header:empty{
    display:none
}
.popover-body{
    padding:.5rem .75rem;
    color:#b5b5be
}
.carousel{
    position:relative
}
.carousel.pointer-event{
    touch-action:pan-y
}
.carousel-inner{
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner::after{
    display:block;
    clear:both;
    content:""
}
.carousel-item{
    position:relative;
    display:none;
    float:left;
    width:100%;
    margin-right:-100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:transform .6s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .carousel-item{
        transition:none
    }
}
.carousel-item.active,.carousel-item-next,.carousel-item-prev{
    display:block
}
.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{
    transform:translateX(100%)
}
.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{
    transform:translateX(-100%)
}
.carousel-fade .carousel-item{
    opacity:0;
    transition-property:opacity;
    transform:none
}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{
    z-index:1;
    opacity:1
}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{
    z-index:0;
    opacity:0;
    transition:opacity 0s .6s
}
@media(prefers-reduced-motion:reduce){
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{
        transition:none
    }
}
.carousel-control-prev,.carousel-control-next{
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:15%;
    color:#fff;
    text-align:center;
    opacity:.5;
    transition:opacity .15s ease
}
@media(prefers-reduced-motion:reduce){
    .carousel-control-prev,.carousel-control-next{
        transition:none
    }
}
.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{
    color:#fff;
    text-decoration:none;
    outline:0;
    opacity:.9
}
.carousel-control-prev{
    left:0
}
.carousel-control-next{
    right:0
}
.carousel-control-prev-icon,.carousel-control-next-icon{
    display:inline-block;
    width:20px;
    height:20px;
    background:no-repeat 50%/100% 100%
}
.carousel-control-prev-icon{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J001LjI1IDBsLTQgNCA0IDQgMS41LTEuNUw0LjI1IDRsMi41LTIuNUw1LjI1IDB6Jy8+PC9zdmc+)
}
.carousel-control-next-icon{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J00yLjc1IDBsLTEuNSAxLjVMMy43NSA0bC0yLjUgMi41TDIuNzUgOGw0LTQtNC00eicvPjwvc3ZnPg==)
}
.carousel-indicators{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:15;
    display:flex;
    justify-content:center;
    padding-left:0;
    margin-right:15%;
    margin-left:15%;
    list-style:none
}
.carousel-indicators li{
    box-sizing:content-box;
    flex:0 1 auto;
    width:30px;
    height:3px;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    opacity:.5;
    transition:opacity .6s ease
}
@media(prefers-reduced-motion:reduce){
    .carousel-indicators li{
        transition:none
    }
}
.carousel-indicators .active{
    opacity:1
}
.carousel-caption{
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center
}
@keyframes spinner-border{
    to{
        transform:rotate(360deg)
    }
}
.spinner-border{
    display:inline-block;
    width:2rem;
    height:2rem;
    vertical-align:text-bottom;
    border:.25em solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:spinner-border .75s linear infinite
}
.spinner-border-sm{
    width:1rem;
    height:1rem;
    border-width:.2em
}
@keyframes spinner-grow{
    0%{
        transform:scale(0)
    }
    50%{
        opacity:1;
        transform:none
    }
}
.spinner-grow{
    display:inline-block;
    width:2rem;
    height:2rem;
    vertical-align:text-bottom;
    background-color:currentColor;
    border-radius:50%;
    opacity:0;
    animation:spinner-grow .75s linear infinite
}
.spinner-grow-sm{
    width:1rem;
    height:1rem
}
.align-baseline{
    vertical-align:baseline!important
}
.align-top{
    vertical-align:top!important
}
.align-middle{
    vertical-align:middle!important
}
.align-bottom{
    vertical-align:bottom!important
}
.align-text-bottom{
    vertical-align:text-bottom!important
}
.align-text-top{
    vertical-align:text-top!important
}
.bg-primary{
    background-color:#3dd598!important
}
a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{
    background-color:#28b77e!important
}
.bg-secondary{
    background-color:#101010!important
}
a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{
    background-color:#000!important
}
.bg-success{
    background-color:#48bb78!important
}
a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{
    background-color:#389860!important
}
.bg-info{
    background-color:#17a2b8!important
}
a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{
    background-color:#117a8b!important
}
.bg-warning{
    background-color:#ffc526!important
}
a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{
    background-color:#f2b100!important
}
.bg-purple{
    background-color:#6f42c1!important
}
a.bg-purple:hover,a.bg-purple:focus,button.bg-purple:hover,button.bg-purple:focus{
    background-color:#59339d!important
}
.bg-cyan{
    background-color:#17a2b8!important
}
a.bg-cyan:hover,a.bg-cyan:focus,button.bg-cyan:hover,button.bg-cyan:focus{
    background-color:#117a8b!important
}
.bg-danger{
    background-color:#fd4056!important
}
a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{
    background-color:#fc0e29!important
}
.bg-light{
    background-color:#e8e9eb!important
}
a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{
    background-color:#cdcfd3!important
}
.bg-dark{
    background-color:#18191a!important
}
a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{
    background-color:#000!important
}
.bg-white{
    background-color:#fff!important
}
.bg-transparent{
    background-color:transparent!important
}
.border{
    border:1px solid #1f2122!important
}
.border-top{
    border-top:1px solid #1f2122!important
}
.border-right{
    border-right:1px solid #1f2122!important
}
.border-bottom{
    border-bottom:1px solid #1f2122!important
}
.border-left{
    border-left:1px solid #1f2122!important
}
.border-0{
    border:0!important
}
.border-top-0{
    border-top:0!important
}
.border-right-0{
    border-right:0!important
}
.border-bottom-0{
    border-bottom:0!important
}
.border-left-0{
    border-left:0!important
}
.border-primary{
    border-color:#3dd598!important
}
.border-secondary{
    border-color:#101010!important
}
.border-success{
    border-color:#48bb78!important
}
.border-info{
    border-color:#17a2b8!important
}
.border-warning{
    border-color:#ffc526!important
}
.border-purple{
    border-color:#6f42c1!important
}
.border-cyan{
    border-color:#17a2b8!important
}
.border-danger{
    border-color:#fd4056!important
}
.border-light{
    border-color:#e8e9eb!important
}
.border-dark{
    border-color:#18191a!important
}
.border-white{
    border-color:#fff!important
}
.rounded-sm{
    border-radius:6px!important
}
.rounded{
    border-radius:6px!important
}
.rounded-top{
    border-top-left-radius:6px!important;
    border-top-right-radius:6px!important
}
.rounded-right{
    border-top-right-radius:6px!important;
    border-bottom-right-radius:6px!important
}
.rounded-bottom{
    border-bottom-right-radius:6px!important;
    border-bottom-left-radius:6px!important
}
.rounded-left{
    border-top-left-radius:6px!important;
    border-bottom-left-radius:6px!important
}
.rounded-lg{
    border-radius:6px!important
}
.rounded-circle{
    border-radius:50%!important
}
.rounded-pill{
    border-radius:50rem!important
}
.rounded-0{
    border-radius:0!important
}
.clearfix::after{
    display:block;
    clear:both;
    content:""
}
.d-none{
    display:none!important
}
.d-inline{
    display:inline!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-table{
    display:table!important
}
.d-table-row{
    display:table-row!important
}
.d-table-cell{
    display:table-cell!important
}
.d-flex{
    display:flex!important
}
.d-inline-flex{
    display:inline-flex!important
}
@media(min-width:576px){
    .d-sm-none{
        display:none!important
    }
    .d-sm-inline{
        display:inline!important
    }
    .d-sm-inline-block{
        display:inline-block!important
    }
    .d-sm-block{
        display:block!important
    }
    .d-sm-table{
        display:table!important
    }
    .d-sm-table-row{
        display:table-row!important
    }
    .d-sm-table-cell{
        display:table-cell!important
    }
    .d-sm-flex{
        display:flex!important
    }
    .d-sm-inline-flex{
        display:inline-flex!important
    }
}
@media(min-width:991px){
    .d-md-none{
        display:none!important
    }
    .d-md-inline{
        display:inline!important
    }
    .d-md-inline-block{
        display:inline-block!important
    }
    .d-md-block{
        display:block!important
    }
    .d-md-table{
        display:table!important
    }
    .d-md-table-row{
        display:table-row!important
    }
    .d-md-table-cell{
        display:table-cell!important
    }
    .d-md-flex{
        display:flex!important
    }
    .d-md-inline-flex{
        display:inline-flex!important
    }
}
@media(min-width:1200px){
    .d-xl-none{
        display:none!important
    }
    .d-xl-inline{
        display:inline!important
    }
    .d-xl-inline-block{
        display:inline-block!important
    }
    .d-xl-block{
        display:block!important
    }
    .d-xl-table{
        display:table!important
    }
    .d-xl-table-row{
        display:table-row!important
    }
    .d-xl-table-cell{
        display:table-cell!important
    }
    .d-xl-flex{
        display:flex!important
    }
    .d-xl-inline-flex{
        display:inline-flex!important
    }
}
@media print{
    .d-print-none{
        display:none!important
    }
    .d-print-inline{
        display:inline!important
    }
    .d-print-inline-block{
        display:inline-block!important
    }
    .d-print-block{
        display:block!important
    }
    .d-print-table{
        display:table!important
    }
    .d-print-table-row{
        display:table-row!important
    }
    .d-print-table-cell{
        display:table-cell!important
    }
    .d-print-flex{
        display:flex!important
    }
    .d-print-inline-flex{
        display:inline-flex!important
    }
}
.embed-responsive{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden
}
.embed-responsive::before{
    display:block;
    content:""
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.embed-responsive-21by9::before{
    padding-top:42.8571428571%
}
.embed-responsive-16by9::before{
    padding-top:56.25%
}
.embed-responsive-4by3::before{
    padding-top:75%
}
.embed-responsive-1by1::before{
    padding-top:100%
}
.embed-responsive-21by9::before{
    padding-top:42.8571428571%
}
.embed-responsive-16by9::before{
    padding-top:56.25%
}
.embed-responsive-4by3::before{
    padding-top:75%
}
.embed-responsive-1by1::before{
    padding-top:100%
}
.flex-row{
    flex-direction:row!important
}
.flex-column{
    flex-direction:column!important
}
.flex-row-reverse{
    flex-direction:row-reverse!important
}
.flex-column-reverse{
    flex-direction:column-reverse!important
}
.flex-wrap{
    flex-wrap:wrap!important
}
.flex-nowrap{
    flex-wrap:nowrap!important
}
.flex-wrap-reverse{
    flex-wrap:wrap-reverse!important
}
.flex-fill{
    flex:1 1 auto!important
}
.flex-grow-0{
    flex-grow:0!important
}
.flex-grow-1{
    flex-grow:1!important
}
.flex-shrink-0{
    flex-shrink:0!important
}
.flex-shrink-1{
    flex-shrink:1!important
}
.justify-content-start{
    justify-content:flex-start!important
}
.justify-content-end{
    justify-content:flex-end!important
}
.justify-content-center{
    justify-content:center!important
}
.justify-content-between{
    justify-content:space-between!important
}
.justify-content-around{
    justify-content:space-around!important
}
.align-items-start{
    align-items:flex-start!important
}
.align-items-end{
    align-items:flex-end!important
}
.align-items-center{
    align-items:center!important
}
.align-items-baseline{
    align-items:baseline!important
}
.align-items-stretch{
    align-items:stretch!important
}
.align-content-start{
    align-content:flex-start!important
}
.align-content-end{
    align-content:flex-end!important
}
.align-content-center{
    align-content:center!important
}
.align-content-between{
    align-content:space-between!important
}
.align-content-around{
    align-content:space-around!important
}
.align-content-stretch{
    align-content:stretch!important
}
.align-self-auto{
    align-self:auto!important
}
.align-self-start{
    align-self:flex-start!important
}
.align-self-end{
    align-self:flex-end!important
}
.align-self-center{
    align-self:center!important
}
.align-self-baseline{
    align-self:baseline!important
}
.align-self-stretch{
    align-self:stretch!important
}
@media(min-width:576px){
    .flex-sm-row{
        flex-direction:row!important
    }
    .flex-sm-column{
        flex-direction:column!important
    }
    .flex-sm-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-sm-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-sm-wrap{
        flex-wrap:wrap!important
    }
    .flex-sm-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-sm-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-sm-fill{
        flex:1 1 auto!important
    }
    .flex-sm-grow-0{
        flex-grow:0!important
    }
    .flex-sm-grow-1{
        flex-grow:1!important
    }
    .flex-sm-shrink-0{
        flex-shrink:0!important
    }
    .flex-sm-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-sm-start{
        justify-content:flex-start!important
    }
    .justify-content-sm-end{
        justify-content:flex-end!important
    }
    .justify-content-sm-center{
        justify-content:center!important
    }
    .justify-content-sm-between{
        justify-content:space-between!important
    }
    .justify-content-sm-around{
        justify-content:space-around!important
    }
    .align-items-sm-start{
        align-items:flex-start!important
    }
    .align-items-sm-end{
        align-items:flex-end!important
    }
    .align-items-sm-center{
        align-items:center!important
    }
    .align-items-sm-baseline{
        align-items:baseline!important
    }
    .align-items-sm-stretch{
        align-items:stretch!important
    }
    .align-content-sm-start{
        align-content:flex-start!important
    }
    .align-content-sm-end{
        align-content:flex-end!important
    }
    .align-content-sm-center{
        align-content:center!important
    }
    .align-content-sm-between{
        align-content:space-between!important
    }
    .align-content-sm-around{
        align-content:space-around!important
    }
    .align-content-sm-stretch{
        align-content:stretch!important
    }
    .align-self-sm-auto{
        align-self:auto!important
    }
    .align-self-sm-start{
        align-self:flex-start!important
    }
    .align-self-sm-end{
        align-self:flex-end!important
    }
    .align-self-sm-center{
        align-self:center!important
    }
    .align-self-sm-baseline{
        align-self:baseline!important
    }
    .align-self-sm-stretch{
        align-self:stretch!important
    }
}
@media(min-width:768px){
    .flex-md-row{
        flex-direction:row!important
    }
    .flex-md-column{
        flex-direction:column!important
    }
    .flex-md-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-md-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-md-wrap{
        flex-wrap:wrap!important
    }
    .flex-md-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-md-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-md-fill{
        flex:1 1 auto!important
    }
    .flex-md-grow-0{
        flex-grow:0!important
    }
    .flex-md-grow-1{
        flex-grow:1!important
    }
    .flex-md-shrink-0{
        flex-shrink:0!important
    }
    .flex-md-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-md-start{
        justify-content:flex-start!important
    }
    .justify-content-md-end{
        justify-content:flex-end!important
    }
    .justify-content-md-center{
        justify-content:center!important
    }
    .justify-content-md-between{
        justify-content:space-between!important
    }
    .justify-content-md-around{
        justify-content:space-around!important
    }
    .align-items-md-start{
        align-items:flex-start!important
    }
    .align-items-md-end{
        align-items:flex-end!important
    }
    .align-items-md-center{
        align-items:center!important
    }
    .align-items-md-baseline{
        align-items:baseline!important
    }
    .align-items-md-stretch{
        align-items:stretch!important
    }
    .align-content-md-start{
        align-content:flex-start!important
    }
    .align-content-md-end{
        align-content:flex-end!important
    }
    .align-content-md-center{
        align-content:center!important
    }
    .align-content-md-between{
        align-content:space-between!important
    }
    .align-content-md-around{
        align-content:space-around!important
    }
    .align-content-md-stretch{
        align-content:stretch!important
    }
    .align-self-md-auto{
        align-self:auto!important
    }
    .align-self-md-start{
        align-self:flex-start!important
    }
    .align-self-md-end{
        align-self:flex-end!important
    }
    .align-self-md-center{
        align-self:center!important
    }
    .align-self-md-baseline{
        align-self:baseline!important
    }
    .align-self-md-stretch{
        align-self:stretch!important
    }
}
@media(min-width:992px){
    .flex-lg-row{
        flex-direction:row!important
    }
    .flex-lg-column{
        flex-direction:column!important
    }
    .flex-lg-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-lg-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-lg-wrap{
        flex-wrap:wrap!important
    }
    .flex-lg-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-lg-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-lg-fill{
        flex:1 1 auto!important
    }
    .flex-lg-grow-0{
        flex-grow:0!important
    }
    .flex-lg-grow-1{
        flex-grow:1!important
    }
    .flex-lg-shrink-0{
        flex-shrink:0!important
    }
    .flex-lg-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-lg-start{
        justify-content:flex-start!important
    }
    .justify-content-lg-end{
        justify-content:flex-end!important
    }
    .justify-content-lg-center{
        justify-content:center!important
    }
    .justify-content-lg-between{
        justify-content:space-between!important
    }
    .justify-content-lg-around{
        justify-content:space-around!important
    }
    .align-items-lg-start{
        align-items:flex-start!important
    }
    .align-items-lg-end{
        align-items:flex-end!important
    }
    .align-items-lg-center{
        align-items:center!important
    }
    .align-items-lg-baseline{
        align-items:baseline!important
    }
    .align-items-lg-stretch{
        align-items:stretch!important
    }
    .align-content-lg-start{
        align-content:flex-start!important
    }
    .align-content-lg-end{
        align-content:flex-end!important
    }
    .align-content-lg-center{
        align-content:center!important
    }
    .align-content-lg-between{
        align-content:space-between!important
    }
    .align-content-lg-around{
        align-content:space-around!important
    }
    .align-content-lg-stretch{
        align-content:stretch!important
    }
    .align-self-lg-auto{
        align-self:auto!important
    }
    .align-self-lg-start{
        align-self:flex-start!important
    }
    .align-self-lg-end{
        align-self:flex-end!important
    }
    .align-self-lg-center{
        align-self:center!important
    }
    .align-self-lg-baseline{
        align-self:baseline!important
    }
    .align-self-lg-stretch{
        align-self:stretch!important
    }
}
@media(min-width:1200px){
    .flex-xl-row{
        flex-direction:row!important
    }
    .flex-xl-column{
        flex-direction:column!important
    }
    .flex-xl-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-xl-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-xl-wrap{
        flex-wrap:wrap!important
    }
    .flex-xl-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-xl-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-xl-fill{
        flex:1 1 auto!important
    }
    .flex-xl-grow-0{
        flex-grow:0!important
    }
    .flex-xl-grow-1{
        flex-grow:1!important
    }
    .flex-xl-shrink-0{
        flex-shrink:0!important
    }
    .flex-xl-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-xl-start{
        justify-content:flex-start!important
    }
    .justify-content-xl-end{
        justify-content:flex-end!important
    }
    .justify-content-xl-center{
        justify-content:center!important
    }
    .justify-content-xl-between{
        justify-content:space-between!important
    }
    .justify-content-xl-around{
        justify-content:space-around!important
    }
    .align-items-xl-start{
        align-items:flex-start!important
    }
    .align-items-xl-end{
        align-items:flex-end!important
    }
    .align-items-xl-center{
        align-items:center!important
    }
    .align-items-xl-baseline{
        align-items:baseline!important
    }
    .align-items-xl-stretch{
        align-items:stretch!important
    }
    .align-content-xl-start{
        align-content:flex-start!important
    }
    .align-content-xl-end{
        align-content:flex-end!important
    }
    .align-content-xl-center{
        align-content:center!important
    }
    .align-content-xl-between{
        align-content:space-between!important
    }
    .align-content-xl-around{
        align-content:space-around!important
    }
    .align-content-xl-stretch{
        align-content:stretch!important
    }
    .align-self-xl-auto{
        align-self:auto!important
    }
    .align-self-xl-start{
        align-self:flex-start!important
    }
    .align-self-xl-end{
        align-self:flex-end!important
    }
    .align-self-xl-center{
        align-self:center!important
    }
    .align-self-xl-baseline{
        align-self:baseline!important
    }
    .align-self-xl-stretch{
        align-self:stretch!important
    }
}
.float-left{
    float:left!important
}
.float-right{
    float:right!important
}
.float-none{
    float:none!important
}
@media(min-width:576px){
    .float-sm-left{
        float:left!important
    }
    .float-sm-right{
        float:right!important
    }
    .float-sm-none{
        float:none!important
    }
}
@media(min-width:768px){
    .float-md-left{
        float:left!important
    }
    .float-md-right{
        float:right!important
    }
    .float-md-none{
        float:none!important
    }
}
@media(min-width:992px){
    .float-lg-left{
        float:left!important
    }
    .float-lg-right{
        float:right!important
    }
    .float-lg-none{
        float:none!important
    }
}
@media(min-width:1200px){
    .float-xl-left{
        float:left!important
    }
    .float-xl-right{
        float:right!important
    }
    .float-xl-none{
        float:none!important
    }
}
.user-select-all{
    -webkit-user-select:all!important;
    user-select:all!important
}
.user-select-auto{
    -webkit-user-select:auto!important;
    user-select:auto!important
}
.user-select-none{
    -webkit-user-select:none!important;
    user-select:none!important
}
.overflow-auto{
    overflow:auto!important
}
.overflow-hidden{
    overflow:hidden!important
}
.position-static{
    position:static!important
}
.position-relative{
    position:relative!important
}
.position-absolute{
    position:absolute!important
}
.position-fixed{
    position:fixed!important
}
.position-sticky{
    position:sticky!important
}
.fixed-top{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030
}
.fixed-bottom{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:1030
}
@supports(position:sticky){
    .sticky-top{
        position:sticky;
        top:0;
        z-index:1020
    }
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
    white-space:normal
}
.shadow-sm{
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg{
    box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none{
    box-shadow:none!important
}
.w-25{
    width:25%!important
}
.w-50{
    width:50%!important
}
.w-75{
    width:75%!important
}
.w-100{
    width:100%!important
}
.w-auto{
    width:auto!important
}
.h-25{
    height:25%!important
}
.h-50{
    height:50%!important
}
.h-75{
    height:75%!important
}
.h-100{
    height:100%!important
}
.h-auto{
    height:auto!important
}
.mw-100{
    max-width:100%!important
}
.mh-100{
    max-height:100%!important
}
.min-vw-100{
    min-width:100vw!important
}
.min-vh-100{
    min-height:100vh!important
}
.vw-100{
    width:100vw!important
}
.vh-100{
    height:100vh!important
}
.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:.25rem!important
}
.mt-1,.my-1{
    margin-top:.25rem!important
}
.mr-1,.mx-1{
    margin-right:.25rem!important
}
.mb-1,.my-1{
    margin-bottom:.25rem!important
}
.ml-1,.mx-1{
    margin-left:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.ml-2,.mx-2{
    margin-left:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.ml-3,.mx-3{
    margin-left:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4,.my-4{
    margin-top:1.5rem!important
}
.mr-4,.mx-4{
    margin-right:1.5rem!important
}
.mb-4,.my-4{
    margin-bottom:1.5rem!important
}
.ml-4,.mx-4{
    margin-left:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5,.my-5{
    margin-top:3rem!important
}
.mr-5,.mx-5{
    margin-right:3rem!important
}
.mb-5,.my-5{
    margin-bottom:3rem!important
}
.ml-5,.mx-5{
    margin-left:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.pl-0,.px-0{
    padding-left:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1,.py-1{
    padding-top:.25rem!important
}
.pr-1,.px-1{
    padding-right:.25rem!important
}
.pb-1,.py-1{
    padding-bottom:.25rem!important
}
.pl-1,.px-1{
    padding-left:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2,.py-2{
    padding-top:.5rem!important
}
.pr-2,.px-2{
    padding-right:.5rem!important
}
.pb-2,.py-2{
    padding-bottom:.5rem!important
}
.pl-2,.px-2{
    padding-left:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3,.py-3{
    padding-top:1rem!important
}
.pr-3,.px-3{
    padding-right:1rem!important
}
.pb-3,.py-3{
    padding-bottom:1rem!important
}
.pl-3,.px-3{
    padding-left:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4,.py-4{
    padding-top:1.5rem!important
}
.pr-4,.px-4{
    padding-right:1.5rem!important
}
.pb-4,.py-4{
    padding-bottom:1.5rem!important
}
.pl-4,.px-4{
    padding-left:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5,.py-5{
    padding-top:3rem!important
}
.pr-5,.px-5{
    padding-right:.5rem!important
}
.pb-5,.py-5{
    padding-bottom:3rem!important
}
.pl-5,.px-5{
    padding-left:.5rem!important
}
.m-n1{
    margin:-.25rem!important
}
.mt-n1,.my-n1{
    margin-top:-.25rem!important
}
.mr-n1,.mx-n1{
    margin-right:-.25rem!important
}
.mb-n1,.my-n1{
    margin-bottom:-.25rem!important
}
.ml-n1,.mx-n1{
    margin-left:-.25rem!important
}
.m-n2{
    margin:-.5rem!important
}
.mt-n2,.my-n2{
    margin-top:-.5rem!important
}
.mr-n2,.mx-n2{
    margin-right:-.5rem!important
}
.mb-n2,.my-n2{
    margin-bottom:-.5rem!important
}
.ml-n2,.mx-n2{
    margin-left:-.5rem!important
}
.m-n3{
    margin:-1rem!important
}
.mt-n3,.my-n3{
    margin-top:-1rem!important
}
.mr-n3,.mx-n3{
    margin-right:-1rem!important
}
.mb-n3,.my-n3{
    margin-bottom:-1rem!important
}
.ml-n3,.mx-n3{
    margin-left:-1rem!important
}
.m-n4{
    margin:-1.5rem!important
}
.mt-n4,.my-n4{
    margin-top:-1.5rem!important
}
.mr-n4,.mx-n4{
    margin-right:-1.5rem!important
}
.mb-n4,.my-n4{
    margin-bottom:-1.5rem!important
}
.ml-n4,.mx-n4{
    margin-left:-1.5rem!important
}
.m-n5{
    margin:-3rem!important
}
.mt-n5,.my-n5{
    margin-top:-3rem!important
}
.mr-n5,.mx-n5{
    margin-right:-3rem!important
}
.mb-n5,.my-n5{
    margin-bottom:-3rem!important
}
.ml-n5,.mx-n5{
    margin-left:-3rem!important
}
.m-auto{
    margin:auto!important
}
.mt-auto,.my-auto{
    margin-top:auto!important
}
.mr-auto,.mx-auto{
    margin-right:auto!important
}
.mb-auto,.my-auto{
    margin-bottom:auto!important
}
.ml-auto,.mx-auto{
    margin-left:auto!important
}
@media(min-width:576px){
    .m-sm-0{
        margin:0!important
    }
    .mt-sm-0,.my-sm-0{
        margin-top:0!important
    }
    .mr-sm-0,.mx-sm-0{
        margin-right:0!important
    }
    .mb-sm-0,.my-sm-0{
        margin-bottom:0!important
    }
    .ml-sm-0,.mx-sm-0{
        margin-left:0!important
    }
    .m-sm-1{
        margin:.25rem!important
    }
    .mt-sm-1,.my-sm-1{
        margin-top:.25rem!important
    }
    .mr-sm-1,.mx-sm-1{
        margin-right:.25rem!important
    }
    .mb-sm-1,.my-sm-1{
        margin-bottom:.25rem!important
    }
    .ml-sm-1,.mx-sm-1{
        margin-left:.25rem!important
    }
    .m-sm-2{
        margin:.5rem!important
    }
    .mt-sm-2,.my-sm-2{
        margin-top:.5rem!important
    }
    .mr-sm-2,.mx-sm-2{
        margin-right:.5rem!important
    }
    .mb-sm-2,.my-sm-2{
        margin-bottom:.5rem!important
    }
    .ml-sm-2,.mx-sm-2{
        margin-left:.5rem!important
    }
    .m-sm-3{
        margin:1rem!important
    }
    .mt-sm-3,.my-sm-3{
        margin-top:1rem!important
    }
    .mr-sm-3,.mx-sm-3{
        margin-right:1rem!important
    }
    .mb-sm-3,.my-sm-3{
        margin-bottom:1rem!important
    }
    .ml-sm-3,.mx-sm-3{
        margin-left:1rem!important
    }
    .m-sm-4{
        margin:1.5rem!important
    }
    .mt-sm-4,.my-sm-4{
        margin-top:1.5rem!important
    }
    .mr-sm-4,.mx-sm-4{
        margin-right:1.5rem!important
    }
    .mb-sm-4,.my-sm-4{
        margin-bottom:1.5rem!important
    }
    .ml-sm-4,.mx-sm-4{
        margin-left:1.5rem!important
    }
    .m-sm-5{
        margin:3rem!important
    }
    .mt-sm-5,.my-sm-5{
        margin-top:3rem!important
    }
    .mr-sm-5,.mx-sm-5{
        margin-right:3rem!important
    }
    .mb-sm-5,.my-sm-5{
        margin-bottom:3rem!important
    }
    .ml-sm-5,.mx-sm-5{
        margin-left:3rem!important
    }
    .p-sm-0{
        padding:0!important
    }
    .pt-sm-0,.py-sm-0{
        padding-top:0!important
    }
    .pr-sm-0,.px-sm-0{
        padding-right:0!important
    }
    .pb-sm-0,.py-sm-0{
        padding-bottom:0!important
    }
    .pl-sm-0,.px-sm-0{
        padding-left:0!important
    }
    .p-sm-1{
        padding:.25rem!important
    }
    .pt-sm-1,.py-sm-1{
        padding-top:.25rem!important
    }
    .pr-sm-1,.px-sm-1{
        padding-right:.25rem!important
    }
    .pb-sm-1,.py-sm-1{
        padding-bottom:.25rem!important
    }
    .pl-sm-1,.px-sm-1{
        padding-left:.25rem!important
    }
    .p-sm-2{
        padding:.5rem!important
    }
    .pt-sm-2,.py-sm-2{
        padding-top:.5rem!important
    }
    .pr-sm-2,.px-sm-2{
        padding-right:.5rem!important
    }
    .pb-sm-2,.py-sm-2{
        padding-bottom:.5rem!important
    }
    .pl-sm-2,.px-sm-2{
        padding-left:.5rem!important
    }
    .p-sm-3{
        padding:1rem!important
    }
    .pt-sm-3,.py-sm-3{
        padding-top:1rem!important
    }
    .pr-sm-3,.px-sm-3{
        padding-right:1rem!important
    }
    .pb-sm-3,.py-sm-3{
        padding-bottom:1rem!important
    }
    .pl-sm-3,.px-sm-3{
        padding-left:1rem!important
    }
    .p-sm-4{
        padding:1.5rem!important
    }
    .pt-sm-4,.py-sm-4{
        padding-top:1.5rem!important
    }
    .pr-sm-4,.px-sm-4{
        padding-right:1.5rem!important
    }
    .pb-sm-4,.py-sm-4{
        padding-bottom:1.5rem!important
    }
    .pl-sm-4,.px-sm-4{
        padding-left:1.5rem!important
    }
    .p-sm-5{
        padding:3rem!important
    }
    .pt-sm-5,.py-sm-5{
        padding-top:3rem!important
    }
    .pr-sm-5,.px-sm-5{
        padding-right:3rem!important
    }
    .pb-sm-5,.py-sm-5{
        padding-bottom:3rem!important
    }
    .pl-sm-5,.px-sm-5{
        padding-left:3rem!important
    }
    .m-sm-n1{
        margin:-.25rem!important
    }
    .mt-sm-n1,.my-sm-n1{
        margin-top:-.25rem!important
    }
    .mr-sm-n1,.mx-sm-n1{
        margin-right:-.25rem!important
    }
    .mb-sm-n1,.my-sm-n1{
        margin-bottom:-.25rem!important
    }
    .ml-sm-n1,.mx-sm-n1{
        margin-left:-.25rem!important
    }
    .m-sm-n2{
        margin:-.5rem!important
    }
    .mt-sm-n2,.my-sm-n2{
        margin-top:-.5rem!important
    }
    .mr-sm-n2,.mx-sm-n2{
        margin-right:-.5rem!important
    }
    .mb-sm-n2,.my-sm-n2{
        margin-bottom:-.5rem!important
    }
    .ml-sm-n2,.mx-sm-n2{
        margin-left:-.5rem!important
    }
    .m-sm-n3{
        margin:-1rem!important
    }
    .mt-sm-n3,.my-sm-n3{
        margin-top:-1rem!important
    }
    .mr-sm-n3,.mx-sm-n3{
        margin-right:-1rem!important
    }
    .mb-sm-n3,.my-sm-n3{
        margin-bottom:-1rem!important
    }
    .ml-sm-n3,.mx-sm-n3{
        margin-left:-1rem!important
    }
    .m-sm-n4{
        margin:-1.5rem!important
    }
    .mt-sm-n4,.my-sm-n4{
        margin-top:-1.5rem!important
    }
    .mr-sm-n4,.mx-sm-n4{
        margin-right:-1.5rem!important
    }
    .mb-sm-n4,.my-sm-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-sm-n4,.mx-sm-n4{
        margin-left:-1.5rem!important
    }
    .m-sm-n5{
        margin:-3rem!important
    }
    .mt-sm-n5,.my-sm-n5{
        margin-top:-3rem!important
    }
    .mr-sm-n5,.mx-sm-n5{
        margin-right:-3rem!important
    }
    .mb-sm-n5,.my-sm-n5{
        margin-bottom:-3rem!important
    }
    .ml-sm-n5,.mx-sm-n5{
        margin-left:-3rem!important
    }
    .m-sm-auto{
        margin:auto!important
    }
    .mt-sm-auto,.my-sm-auto{
        margin-top:auto!important
    }
    .mr-sm-auto,.mx-sm-auto{
        margin-right:auto!important
    }
    .mb-sm-auto,.my-sm-auto{
        margin-bottom:auto!important
    }
    .ml-sm-auto,.mx-sm-auto{
        margin-left:auto!important
    }
}
@media(min-width:768px){
    .m-md-0{
        margin:0!important
    }
    .mt-md-0,.my-md-0{
        margin-top:0!important
    }
    .mr-md-0,.mx-md-0{
        margin-right:0!important
    }
    .mb-md-0,.my-md-0{
        margin-bottom:0!important
    }
    .ml-md-0,.mx-md-0{
        margin-left:0!important
    }
    .m-md-1{
        margin:.25rem!important
    }
    .mt-md-1,.my-md-1{
        margin-top:.25rem!important
    }
    .mr-md-1,.mx-md-1{
        margin-right:.25rem!important
    }
    .mb-md-1,.my-md-1{
        margin-bottom:.25rem!important
    }
    .ml-md-1,.mx-md-1{
        margin-left:.25rem!important
    }
    .m-md-2{
        margin:.5rem!important
    }
    .mt-md-2,.my-md-2{
        margin-top:.5rem!important
    }
    .mr-md-2,.mx-md-2{
        margin-right:.5rem!important
    }
    .mb-md-2,.my-md-2{
        margin-bottom:.5rem!important
    }
    .ml-md-2,.mx-md-2{
        margin-left:.5rem!important
    }
    .m-md-3{
        margin:1rem!important
    }
    .mt-md-3,.my-md-3{
        margin-top:1rem!important
    }
    .mr-md-3,.mx-md-3{
        margin-right:1rem!important
    }
    .mb-md-3,.my-md-3{
        margin-bottom:1rem!important
    }
    .ml-md-3,.mx-md-3{
        margin-left:1rem!important
    }
    .m-md-4{
        margin:1.5rem!important
    }
    .mt-md-4,.my-md-4{
        margin-top:1.5rem!important
    }
    .mr-md-4,.mx-md-4{
        margin-right:1.5rem!important
    }
    .mb-md-4,.my-md-4{
        margin-bottom:1.5rem!important
    }
    .ml-md-4,.mx-md-4{
        margin-left:1.5rem!important
    }
    .m-md-5{
        margin:3rem!important
    }
    .mt-md-5,.my-md-5{
        margin-top:3rem!important
    }
    .mr-md-5,.mx-md-5{
        margin-right:3rem!important
    }
    .mb-md-5,.my-md-5{
        margin-bottom:3rem!important
    }
    .ml-md-5,.mx-md-5{
        margin-left:3rem!important
    }
    .p-md-0{
        padding:0!important
    }
    .pt-md-0,.py-md-0{
        padding-top:0!important
    }
    .pr-md-0,.px-md-0{
        padding-right:0!important
    }
    .pb-md-0,.py-md-0{
        padding-bottom:0!important
    }
    .pl-md-0,.px-md-0{
        padding-left:0!important
    }
    .p-md-1{
        padding:.25rem!important
    }
    .pt-md-1,.py-md-1{
        padding-top:.25rem!important
    }
    .pr-md-1,.px-md-1{
        padding-right:.25rem!important
    }
    .pb-md-1,.py-md-1{
        padding-bottom:.25rem!important
    }
    .pl-md-1,.px-md-1{
        padding-left:.25rem!important
    }
    .p-md-2{
        padding:.5rem!important
    }
    .pt-md-2,.py-md-2{
        padding-top:.5rem!important
    }
    .pr-md-2,.px-md-2{
        padding-right:.5rem!important
    }
    .pb-md-2,.py-md-2{
        padding-bottom:.5rem!important
    }
    .pl-md-2,.px-md-2{
        padding-left:.5rem!important
    }
    .p-md-3{
        padding:1rem!important
    }
    .pt-md-3,.py-md-3{
        padding-top:1rem!important
    }
    .pr-md-3,.px-md-3{
        padding-right:1rem!important
    }
    .pb-md-3,.py-md-3{
        padding-bottom:1rem!important
    }
    .pl-md-3,.px-md-3{
        padding-left:1rem!important
    }
    .p-md-4{
        padding:1.5rem!important
    }
    .pt-md-4,.py-md-4{
        padding-top:1.5rem!important
    }
    .pr-md-4,.px-md-4{
        padding-right:1.5rem!important
    }
    .pb-md-4,.py-md-4{
        padding-bottom:1.5rem!important
    }
    .pl-md-4,.px-md-4{
        padding-left:1.5rem!important
    }
    .p-md-5{
        padding:3rem!important
    }
    .pt-md-5,.py-md-5{
        padding-top:3rem!important
    }
    .pr-md-5,.px-md-5{
        padding-right:.5rem!important
    }
    .pb-md-5,.py-md-5{
        padding-bottom:3rem!important
    }
    .pl-md-5,.px-md-5{
        padding-left:.5rem!important
    }
    .m-md-n1{
        margin:-.25rem!important
    }
    .mt-md-n1,.my-md-n1{
        margin-top:-.25rem!important
    }
    .mr-md-n1,.mx-md-n1{
        margin-right:-.25rem!important
    }
    .mb-md-n1,.my-md-n1{
        margin-bottom:-.25rem!important
    }
    .ml-md-n1,.mx-md-n1{
        margin-left:-.25rem!important
    }
    .m-md-n2{
        margin:-.5rem!important
    }
    .mt-md-n2,.my-md-n2{
        margin-top:-.5rem!important
    }
    .mr-md-n2,.mx-md-n2{
        margin-right:-.5rem!important
    }
    .mb-md-n2,.my-md-n2{
        margin-bottom:-.5rem!important
    }
    .ml-md-n2,.mx-md-n2{
        margin-left:-.5rem!important
    }
    .m-md-n3{
        margin:-1rem!important
    }
    .mt-md-n3,.my-md-n3{
        margin-top:-1rem!important
    }
    .mr-md-n3,.mx-md-n3{
        margin-right:-1rem!important
    }
    .mb-md-n3,.my-md-n3{
        margin-bottom:-1rem!important
    }
    .ml-md-n3,.mx-md-n3{
        margin-left:-1rem!important
    }
    .m-md-n4{
        margin:-1.5rem!important
    }
    .mt-md-n4,.my-md-n4{
        margin-top:-1.5rem!important
    }
    .mr-md-n4,.mx-md-n4{
        margin-right:-1.5rem!important
    }
    .mb-md-n4,.my-md-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-md-n4,.mx-md-n4{
        margin-left:-1.5rem!important
    }
    .m-md-n5{
        margin:-3rem!important
    }
    .mt-md-n5,.my-md-n5{
        margin-top:-3rem!important
    }
    .mr-md-n5,.mx-md-n5{
        margin-right:-3rem!important
    }
    .mb-md-n5,.my-md-n5{
        margin-bottom:-3rem!important
    }
    .ml-md-n5,.mx-md-n5{
        margin-left:-3rem!important
    }
    .m-md-auto{
        margin:auto!important
    }
    .mt-md-auto,.my-md-auto{
        margin-top:auto!important
    }
    .mr-md-auto,.mx-md-auto{
        margin-right:auto!important
    }
    .mb-md-auto,.my-md-auto{
        margin-bottom:auto!important
    }
    .ml-md-auto,.mx-md-auto{
        margin-left:auto!important
    }
}
@media(min-width:992px){
    .m-lg-0{
        margin:0!important
    }
    .mt-lg-0,.my-lg-0{
        margin-top:0!important
    }
    .mr-lg-0,.mx-lg-0{
        margin-right:0!important
    }
    .mb-lg-0,.my-lg-0{
        margin-bottom:0!important
    }
    .ml-lg-0,.mx-lg-0{
        margin-left:0!important
    }
    .m-lg-1{
        margin:.25rem!important
    }
    .mt-lg-1,.my-lg-1{
        margin-top:.25rem!important
    }
    .mr-lg-1,.mx-lg-1{
        margin-right:.25rem!important
    }
    .mb-lg-1,.my-lg-1{
        margin-bottom:.25rem!important
    }
    .ml-lg-1,.mx-lg-1{
        margin-left:.25rem!important
    }
    .m-lg-2{
        margin:.5rem!important
    }
    .mt-lg-2,.my-lg-2{
        margin-top:.5rem!important
    }
    .mr-lg-2,.mx-lg-2{
        margin-right:.5rem!important
    }
    .mb-lg-2,.my-lg-2{
        margin-bottom:.5rem!important
    }
    .ml-lg-2,.mx-lg-2{
        margin-left:.5rem!important
    }
    .m-lg-3{
        margin:1rem!important
    }
    .mt-lg-3,.my-lg-3{
        margin-top:1rem!important
    }
    .mr-lg-3,.mx-lg-3{
        margin-right:1rem!important
    }
    .mb-lg-3,.my-lg-3{
        margin-bottom:1rem!important
    }
    .ml-lg-3,.mx-lg-3{
        margin-left:1rem!important
    }
    .m-lg-4{
        margin:1.5rem!important
    }
    .mt-lg-4,.my-lg-4{
        margin-top:1.5rem!important
    }
    .mr-lg-4,.mx-lg-4{
        margin-right:1.5rem!important
    }
    .mb-lg-4,.my-lg-4{
        margin-bottom:1.5rem!important
    }
    .ml-lg-4,.mx-lg-4{
        margin-left:1.5rem!important
    }
    .m-lg-5{
        margin:3rem!important
    }
    .mt-lg-5,.my-lg-5{
        margin-top:3rem!important
    }
    .mr-lg-5,.mx-lg-5{
        margin-right:3rem!important
    }
    .mb-lg-5,.my-lg-5{
        margin-bottom:3rem!important
    }
    .ml-lg-5,.mx-lg-5{
        margin-left:3rem!important
    }
    .p-lg-0{
        padding:0!important
    }
    .pt-lg-0,.py-lg-0{
        padding-top:0!important
    }
    .pr-lg-0,.px-lg-0{
        padding-right:0!important
    }
    .pb-lg-0,.py-lg-0{
        padding-bottom:0!important
    }
    .pl-lg-0,.px-lg-0{
        padding-left:0!important
    }
    .p-lg-1{
        padding:.25rem!important
    }
    .pt-lg-1,.py-lg-1{
        padding-top:.25rem!important
    }
    .pr-lg-1,.px-lg-1{
        padding-right:.25rem!important
    }
    .pb-lg-1,.py-lg-1{
        padding-bottom:.25rem!important
    }
    .pl-lg-1,.px-lg-1{
        padding-left:.25rem!important
    }
    .p-lg-2{
        padding:.5rem!important
    }
    .pt-lg-2,.py-lg-2{
        padding-top:.5rem!important
    }
    .pr-lg-2,.px-lg-2{
        padding-right:.5rem!important
    }
    .pb-lg-2,.py-lg-2{
        padding-bottom:.5rem!important
    }
    .pl-lg-2,.px-lg-2{
        padding-left:.5rem!important
    }
    .p-lg-3{
        padding:1rem!important
    }
    .pt-lg-3,.py-lg-3{
        padding-top:1rem!important
    }
    .pr-lg-3,.px-lg-3{
        padding-right:1rem!important
    }
    .pb-lg-3,.py-lg-3{
        padding-bottom:1rem!important
    }
    .pl-lg-3,.px-lg-3{
        padding-left:1rem!important
    }
    .p-lg-4{
        padding:1.5rem!important
    }
    .pt-lg-4,.py-lg-4{
        padding-top:1.5rem!important
    }
    .pr-lg-4,.px-lg-4{
        padding-right:1.5rem!important
    }
    .pb-lg-4,.py-lg-4{
        padding-bottom:1.5rem!important
    }
    .pl-lg-4,.px-lg-4{
        padding-left:1.5rem!important
    }
    .p-lg-5{
        padding:3rem!important
    }
    .pt-lg-5,.py-lg-5{
        padding-top:3rem!important
    }
    .pr-lg-5,.px-lg-5{
        padding-right:3rem!important
    }
    .pb-lg-5,.py-lg-5{
        padding-bottom:3rem!important
    }
    .pl-lg-5,.px-lg-5{
        padding-left:3rem!important
    }
    .m-lg-n1{
        margin:-.25rem!important
    }
    .mt-lg-n1,.my-lg-n1{
        margin-top:-.25rem!important
    }
    .mr-lg-n1,.mx-lg-n1{
        margin-right:-.25rem!important
    }
    .mb-lg-n1,.my-lg-n1{
        margin-bottom:-.25rem!important
    }
    .ml-lg-n1,.mx-lg-n1{
        margin-left:-.25rem!important
    }
    .m-lg-n2{
        margin:-.5rem!important
    }
    .mt-lg-n2,.my-lg-n2{
        margin-top:-.5rem!important
    }
    .mr-lg-n2,.mx-lg-n2{
        margin-right:-.5rem!important
    }
    .mb-lg-n2,.my-lg-n2{
        margin-bottom:-.5rem!important
    }
    .ml-lg-n2,.mx-lg-n2{
        margin-left:-.5rem!important
    }
    .m-lg-n3{
        margin:-1rem!important
    }
    .mt-lg-n3,.my-lg-n3{
        margin-top:-1rem!important
    }
    .mr-lg-n3,.mx-lg-n3{
        margin-right:-1rem!important
    }
    .mb-lg-n3,.my-lg-n3{
        margin-bottom:-1rem!important
    }
    .ml-lg-n3,.mx-lg-n3{
        margin-left:-1rem!important
    }
    .m-lg-n4{
        margin:-1.5rem!important
    }
    .mt-lg-n4,.my-lg-n4{
        margin-top:-1.5rem!important
    }
    .mr-lg-n4,.mx-lg-n4{
        margin-right:-1.5rem!important
    }
    .mb-lg-n4,.my-lg-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-lg-n4,.mx-lg-n4{
        margin-left:-1.5rem!important
    }
    .m-lg-n5{
        margin:-3rem!important
    }
    .mt-lg-n5,.my-lg-n5{
        margin-top:-3rem!important
    }
    .mr-lg-n5,.mx-lg-n5{
        margin-right:-3rem!important
    }
    .mb-lg-n5,.my-lg-n5{
        margin-bottom:-3rem!important
    }
    .ml-lg-n5,.mx-lg-n5{
        margin-left:-3rem!important
    }
    .m-lg-auto{
        margin:auto!important
    }
    .mt-lg-auto,.my-lg-auto{
        margin-top:auto!important
    }
    .mr-lg-auto,.mx-lg-auto{
        margin-right:auto!important
    }
    .mb-lg-auto,.my-lg-auto{
        margin-bottom:auto!important
    }
    .ml-lg-auto,.mx-lg-auto{
        margin-left:auto!important
    }
}
@media(min-width:1200px){
    .m-xl-0{
        margin:0!important
    }
    .mt-xl-0,.my-xl-0{
        margin-top:0!important
    }
    .mr-xl-0,.mx-xl-0{
        margin-right:0!important
    }
    .mb-xl-0,.my-xl-0{
        margin-bottom:0!important
    }
    .ml-xl-0,.mx-xl-0{
        margin-left:0!important
    }
    .m-xl-1{
        margin:.25rem!important
    }
    .mt-xl-1,.my-xl-1{
        margin-top:.25rem!important
    }
    .mr-xl-1,.mx-xl-1{
        margin-right:.25rem!important
    }
    .mb-xl-1,.my-xl-1{
        margin-bottom:.25rem!important
    }
    .ml-xl-1,.mx-xl-1{
        margin-left:.25rem!important
    }
    .m-xl-2{
        margin:.5rem!important
    }
    .mt-xl-2,.my-xl-2{
        margin-top:.5rem!important
    }
    .mr-xl-2,.mx-xl-2{
        margin-right:.5rem!important
    }
    .mb-xl-2,.my-xl-2{
        margin-bottom:.5rem!important
    }
    .ml-xl-2,.mx-xl-2{
        margin-left:.5rem!important
    }
    .m-xl-3{
        margin:1rem!important
    }
    .mt-xl-3,.my-xl-3{
        margin-top:1rem!important
    }
    .mr-xl-3,.mx-xl-3{
        margin-right:1rem!important
    }
    .mb-xl-3,.my-xl-3{
        margin-bottom:1rem!important
    }
    .ml-xl-3,.mx-xl-3{
        margin-left:1rem!important
    }
    .m-xl-4{
        margin:1.5rem!important
    }
    .mt-xl-4,.my-xl-4{
        margin-top:1.5rem!important
    }
    .mr-xl-4,.mx-xl-4{
        margin-right:1.5rem!important
    }
    .mb-xl-4,.my-xl-4{
        margin-bottom:1.5rem!important
    }
    .ml-xl-4,.mx-xl-4{
        margin-left:1.5rem!important
    }
    .m-xl-5{
        margin:3rem!important
    }
    .mt-xl-5,.my-xl-5{
        margin-top:3rem!important
    }
    .mr-xl-5,.mx-xl-5{
        margin-right:3rem!important
    }
    .mb-xl-5,.my-xl-5{
        margin-bottom:3rem!important
    }
    .ml-xl-5,.mx-xl-5{
        margin-left:3rem!important
    }
    .p-xl-0{
        padding:0!important
    }
    .pt-xl-0,.py-xl-0{
        padding-top:0!important
    }
    .pr-xl-0,.px-xl-0{
        padding-right:0!important
    }
    .pb-xl-0,.py-xl-0{
        padding-bottom:0!important
    }
    .pl-xl-0,.px-xl-0{
        padding-left:0!important
    }
    .p-xl-1{
        padding:.25rem!important
    }
    .pt-xl-1,.py-xl-1{
        padding-top:.25rem!important
    }
    .pr-xl-1,.px-xl-1{
        padding-right:.25rem!important
    }
    .pb-xl-1,.py-xl-1{
        padding-bottom:.25rem!important
    }
    .pl-xl-1,.px-xl-1{
        padding-left:.25rem!important
    }
    .p-xl-2{
        padding:.5rem!important
    }
    .pt-xl-2,.py-xl-2{
        padding-top:.5rem!important
    }
    .pr-xl-2,.px-xl-2{
        padding-right:.5rem!important
    }
    .pb-xl-2,.py-xl-2{
        padding-bottom:.5rem!important
    }
    .pl-xl-2,.px-xl-2{
        padding-left:.5rem!important
    }
    .p-xl-3{
        padding:1rem!important
    }
    .pt-xl-3,.py-xl-3{
        padding-top:1rem!important
    }
    .pr-xl-3,.px-xl-3{
        padding-right:1rem!important
    }
    .pb-xl-3,.py-xl-3{
        padding-bottom:1rem!important
    }
    .pl-xl-3,.px-xl-3{
        padding-left:1rem!important
    }
    .p-xl-4{
        padding:1.5rem!important
    }
    .pt-xl-4,.py-xl-4{
        padding-top:1.5rem!important
    }
    .pr-xl-4,.px-xl-4{
        padding-right:1.5rem!important
    }
    .pb-xl-4,.py-xl-4{
        padding-bottom:1.5rem!important
    }
    .pl-xl-4,.px-xl-4{
        padding-left:1.5rem!important
    }
    .p-xl-5{
        padding:3rem!important
    }
    .pt-xl-5,.py-xl-5{
        padding-top:3rem!important
    }
    .pr-xl-5,.px-xl-5{
        padding-right:3rem!important
    }
    .pb-xl-5,.py-xl-5{
        padding-bottom:3rem!important
    }
    .pl-xl-5,.px-xl-5{
        padding-left:3rem!important
    }
    .m-xl-n1{
        margin:-.25rem!important
    }
    .mt-xl-n1,.my-xl-n1{
        margin-top:-.25rem!important
    }
    .mr-xl-n1,.mx-xl-n1{
        margin-right:-.25rem!important
    }
    .mb-xl-n1,.my-xl-n1{
        margin-bottom:-.25rem!important
    }
    .ml-xl-n1,.mx-xl-n1{
        margin-left:-.25rem!important
    }
    .m-xl-n2{
        margin:-.5rem!important
    }
    .mt-xl-n2,.my-xl-n2{
        margin-top:-.5rem!important
    }
    .mr-xl-n2,.mx-xl-n2{
        margin-right:-.5rem!important
    }
    .mb-xl-n2,.my-xl-n2{
        margin-bottom:-.5rem!important
    }
    .ml-xl-n2,.mx-xl-n2{
        margin-left:-.5rem!important
    }
    .m-xl-n3{
        margin:-1rem!important
    }
    .mt-xl-n3,.my-xl-n3{
        margin-top:-1rem!important
    }
    .mr-xl-n3,.mx-xl-n3{
        margin-right:-1rem!important
    }
    .mb-xl-n3,.my-xl-n3{
        margin-bottom:-1rem!important
    }
    .ml-xl-n3,.mx-xl-n3{
        margin-left:-1rem!important
    }
    .m-xl-n4{
        margin:-1.5rem!important
    }
    .mt-xl-n4,.my-xl-n4{
        margin-top:-1.5rem!important
    }
    .mr-xl-n4,.mx-xl-n4{
        margin-right:-1.5rem!important
    }
    .mb-xl-n4,.my-xl-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-xl-n4,.mx-xl-n4{
        margin-left:-1.5rem!important
    }
    .m-xl-n5{
        margin:-3rem!important
    }
    .mt-xl-n5,.my-xl-n5{
        margin-top:-3rem!important
    }
    .mr-xl-n5,.mx-xl-n5{
        margin-right:-3rem!important
    }
    .mb-xl-n5,.my-xl-n5{
        margin-bottom:-3rem!important
    }
    .ml-xl-n5,.mx-xl-n5{
        margin-left:-3rem!important
    }
    .m-xl-auto{
        margin:auto!important
    }
    .mt-xl-auto,.my-xl-auto{
        margin-top:auto!important
    }
    .mr-xl-auto,.mx-xl-auto{
        margin-right:auto!important
    }
    .mb-xl-auto,.my-xl-auto{
        margin-bottom:auto!important
    }
    .ml-xl-auto,.mx-xl-auto{
        margin-left:auto!important
    }
}
.stretched-link::after{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:transparent
}
.text-monospace{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace!important
}
.text-justify{
    text-align:justify!important
}
.text-wrap{
    white-space:normal!important
}
.text-nowrap{
    white-space:nowrap!important
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
@media(min-width:576px){
    .text-sm-left{
        text-align:left!important
    }
    .text-sm-right{
        text-align:right!important
    }
    .text-sm-center{
        text-align:center!important
    }
}
@media(min-width:768px){
    .text-md-left{
        text-align:left!important
    }
    .text-md-right{
        text-align:right!important
    }
    .text-md-center{
        text-align:center!important
    }
}
@media(min-width:992px){
    .text-lg-left{
        text-align:left!important
    }
    .text-lg-right{
        text-align:right!important
    }
    .text-lg-center{
        text-align:center!important
    }
}
@media(min-width:1200px){
    .text-xl-left{
        text-align:left!important
    }
    .text-xl-right{
        text-align:right!important
    }
    .text-xl-center{
        text-align:center!important
    }
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.font-weight-light{
    font-weight:400!important
}
.font-weight-lighter{
    font-weight:lighter!important
}
.font-weight-normal{
    font-weight:400!important
}
.font-weight-bold{
    font-weight:600!important
}
.font-weight-bolder{
    font-weight:700!important
}
.font-italic{
    font-style:italic!important
}
.text-white{
    color:#fff!important
}
.text-primary{
    color:#3dd598!important
}
a.text-primary:hover,a.text-primary:focus{
    color:#23a26f!important
}
.text-secondary{
    color:#101010!important
}
a.text-secondary:hover,a.text-secondary:focus{
    color:#000!important
}
.text-success{
    color:#48bb78!important
}
a.text-success:hover,a.text-success:focus{
    color:#318554!important
}
.text-info{
    color:#17a2b8!important
}
a.text-info:hover,a.text-info:focus{
    color:#0f6674!important
}
.text-warning{
    color:#ffc526!important
}
a.text-warning:hover,a.text-warning:focus{
    color:#d99f00!important
}
.text-purple{
    color:#6f42c1!important
}
a.text-purple:hover,a.text-purple:focus{
    color:#4e2d89!important
}
.text-cyan{
    color:#17a2b8!important
}
a.text-cyan:hover,a.text-cyan:focus{
    color:#0f6674!important
}
.text-danger{
    color:#fd4056!important
}
a.text-danger:hover,a.text-danger:focus{
    color:#ee021e!important
}
.text-light{
    color:#e8e9eb!important
}
a.text-light:hover,a.text-light:focus{
    color:#bfc2c7!important
}
.text-dark{
    color:#18191a!important
}
a.text-dark:hover,a.text-dark:focus{
    color:#000!important
}
.text-body{
    color:#b5b5be!important
}
.text-muted{
    color:#9999a5!important
}
.text-black-50{
    color:rgba(0,0,0,.5)!important
}
.text-white-50{
    color:rgba(255,255,255,.5)!important
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.text-decoration-none{
    text-decoration:none!important
}
.text-break{
    word-wrap:break-word!important
}
.text-reset{
    color:inherit!important
}
.visible{
    visibility:visible!important
}
.invisible{
    visibility:hidden!important
}
@media print{
    *,*::before,*::after{
        text-shadow:none!important;
        box-shadow:none!important
    }
    a:not(.btn){
        text-decoration:underline
    }
    abbr[title]::after{
        content:" (" attr(title) ")"
    }
    pre{
        white-space:pre-wrap!important
    }
    pre,blockquote{
        border:1px solid #adb5bd;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    tr,img{
        page-break-inside:avoid
    }
    p,h2,h3{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    @page{
        size:a3
    }
    body{
        min-width:992px!important
    }
    .container{
        min-width:992px!important
    }
    .navbar{
        display:none
    }
    .badge{
        border:1px solid #000
    }
    .table{
        border-collapse:collapse!important
    }
    .table td,.table th{
        background-color:#fff!important
    }
    .table-bordered th,.table-bordered td{
        border:1px solid #dee2e6!important
    }
    .table-dark{
        color:inherit
    }
    .table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{
        border-color:#1f2122
    }
    .table .thead-dark th{
        color:inherit;
        border-color:#1f2122
    }
}
.dropdown-menu{
    box-shadow:none;
    border:0;
    min-width:8rem;
    padding-top:10px;
    padding-bottom:10px
}
.dropdown-menu .dropdown-item{
    font-size:12px;
    padding:5px 20px
}
.dropdown-profile{
    max-width:160px
}
.dropdown-profile a{
    padding:5px 20px
}
.dropdown-notification{
    width:340px;
    margin-top:10px
}
.dropdown-notification .dropdown-header{
    font-size:12px;
    font-weight:500;
    color:#b5b5be
}
.dropdown-notification a.all{
    font-size:12px;
    padding:8px 20px;
    display:block;
    margin:10px auto 0
}
.dropdown-notification a.dropdown-link{
    color:#b5b5be;
    display:flex;
    padding:10px 20px
}
.dropdown-notification a.dropdown-link .dropdown-icon{
    flex:0 0 40px;
    max-width:40px
}
.dropdown-notification a.dropdown-link .dropdown-text{
    flex:0 0 1;
    font-size:12px;
    padding-left:20px;
    max-width:100%;
    line-height:1.4
}
.dropdown-notification a.dropdown-link .dropdown-text .dropdown-date{
    color:#9999a5
}
.breadcrumb{
    padding:10px 0 0;
    background-color:transparent;
    font-size:12px;
    color:#9999a5
}
.breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    content:"– ";
    color:#9999a5!important
}
.breadcrumb .breadcrumb-item,.breadcrumb .breadcrumb-item a{
    color:#9999a5!important
}
.pagination a{
    padding:.75rem 1rem;
    border:1px solid #1f2122
}
.pagination .page-link,.pagination li a{
    color:inherit!important;
    border-color:#1f2122!important;
    display:block;
    margin:0 3px;
    border-radius:6px!important;
    padding:.75rem 1rem;
    background-color:#101010!important;
    border-color:#101010!important
}
.pagination .page-link:hover,.pagination .page-link:focus,.pagination li a:hover,.pagination li a:focus{
    color:#fff!important;
    background-color:#222!important;
    border-color:#222!important
}
.pagination .active .page-link,.pagination .active .page-link,.pagination .active a{
    color:#fff!important;
    background-color:var(--theme-color)!important;
    border-color:var(--theme-color)!important
}
.btn-theme{
    background-color:var(--button-color);
    color:#fff
}
.btn-theme:hover{
    color:#fff
}
.btn-secondary{
    background-color:#101010;
    color:#fff
}
.btn-secondary:hover{
    background-color:var(--button-color);
    color:#fff
}
.modal-cookie{
    border:0;
    position:fixed;
    margin:0;
    bottom:30px;
    left:30px;
    display:none;
    z-index:300;
    max-width:300px;
    background-color:#101010;
    padding:30px;
    border-radius:10px
}
.modal-cookie.show{
    display:block
}
.modal-close{
    position:fixed;
    top:15px;
    right:30px;
    font-size:28px;
    border:0;
    color:#b5b5be;
    background-color:transparent;
    z-index:10
}
.modal-close svg{
    fill:#b5b5be;
    width:30px!important;
    height:30px!important
}
.modal-close:hover{
    outline:none;
    color:#fff
}
.modal-close:hover svg{
    fill:#fff
}
@media(max-width:767.98px){
    .modal-close{
        top:10px;
        right:10px
    }
    .modal-body{
        padding:10px
    }
}
.modal.fade .modal-left,.modal.fade .modal-right,.modal.fade .modal-top,.modal.fade .modal-bottom{
    position:fixed;
    z-index:1055;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    max-width:100%
}
.modal.fade .modal-left{
    right:auto!important;
    transform:translate3d(-100%,0,0);
    transition:transform .3s cubic-bezier(.25,.8,.25,1)
}
.modal.fade .modal-right{
    left:auto!important;
    transform:translate3d(100%,0,0);
    transition:transform .3s cubic-bezier(.25,.8,.25,1)
}
.modal.fade .modal-top{
    bottom:auto!important;
    transform:translate3d(0,-100%,0);
    transition:transform .3s cubic-bezier(.25,.8,.25,1)
}
.modal.fade .modal-bottom{
    top:auto!important;
    transform:translate3d(0,100%,0);
    transition:transform .3s cubic-bezier(.25,.8,.25,1)
}
.modal.fade.show .modal-left,.modal.fade.show .modal-right,.modal.fade.show .modal-top,.modal.fade.show .modal-bottom{
    transform:translate3d(0,0,0)
}
.modal.fade.inactive{
    bottom:auto;
    overflow:visible
}
.modal-open-aside{
    overflow:visible
}
.modal-header,.modal-content,.modal-footer{
    border:none
}
.modal-dialog>*{
    pointer-events:auto
}
.modal-header{
    margin-top:-1px;
    border-top-left-radius:inherit;
    border-top-right-radius:inherit
}
.modal-footer{
    margin-top:auto;
    border-bottom-left-radius:inherit;
    border-tbottomop-right-radius:inherit
}
.modal .close{
    float:none
}
.padding{
    padding:2rem
}
.row-md{
    margin-left:-.75rem;
    margin-right:-.75rem
}
.row-md [class*=col-],.row-md .col{
    padding-left:.75rem;
    padding-right:.75rem
}
.row-md .card,.row-md .block{
    margin-bottom:1.5rem
}
.row-sm{
    margin-left:-.5rem;
    margin-right:-.5rem
}
.row-sm [class*=col-],.row-sm .col{
    padding-left:.5rem;
    padding-right:.5rem
}
.row-sm .card,.row-sm .block{
    margin-bottom:1rem
}
.row-xs{
    margin-left:-.25rem;
    margin-right:-.25rem
}
.row-xs [class*=col-],.row-xs .col{
    padding-left:.25rem;
    padding-right:.25rem
}
.row-xs .card,.row-xs .block{
    margin-bottom:.5rem
}
@media(min-width:992px){
    .col-lg-2-4{
        flex:0 0 20%;
        max-width:20%
    }
}
@media(min-width:1200px){
    .col-xl-1-8{
        flex:0 0 12.5%;
        max-width:12.5%
    }
}
@media(max-width:991.98px){
    .padding{
        padding:1.5rem
    }
}
@media(max-width:767.98px){
    .padding{
        padding:1rem
    }
}
@font-face{
    font-family:inter;
    font-style:normal;
    font-weight:400;
    font-display:block;
    src:url(../../../../public/assets/webfonts/inter/Inter-Regular.woff2) format("woff2"),url(../../../../public/assets/webfonts/inter/Inter-Regular.woff) format("woff")
}
@font-face{
    font-family:inter;
    font-style:normal;
    font-weight:500;
    font-display:block;
    src:url(../../../../public/assets/webfonts/inter/Inter-Medium.woff2) format("woff2"),url(../../../../public/assets/webfonts/inter/Inter-Medium.woff) format("woff")
}
@font-face{
    font-family:inter;
    font-style:normal;
    font-weight:600;
    font-display:block;
    src:url(../../../../public/assets/webfonts/inter/Inter-SemiBold.woff2) format("woff2"),url(../../../../public/assets/webfonts/inter/Inter-SemiBold.woff) format("woff")
}
@font-face{
    font-family:inter;
    font-style:normal;
    font-weight:700;
    font-display:block;
    src:url(../../../../public/assets/webfonts/inter/Inter-Bold.woff2) format("woff2"),url(../../../../public/assets/webfonts/inter/Inter-Bold.woff) format("woff")
}
@font-face{
    font-family:inter;
    font-style:normal;
    font-weight:800;
    font-display:block;
    src:url(../../../../public/assets/webfonts/inter/Inter-ExtraBold.woff2) format("woff2"),url(../../../../public/assets/webfonts/inter/Inter-ExtraBold.woff) format("woff")
}
@font-face{
    font-family:inter;
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url(../../../../public/assets/webfonts/inter/Inter-Black.woff2) format("woff2"),url(../../../../public/assets/webfonts/inter/Inter-Black.woff) format("woff")
}
body{
    overflow-x:hidden
}
body.boxed{
    background-color:var(--background-color)
}
.body-lock{
    overflow:hidden
}
::selection{
    color:#fff;
    background:var(--theme-color)
}
svg.icon{
    fill:#fff;
    stroke:#fff;
    width:18px;
    height:18px
}
.text-10{
    font-size:10px!important
}
.text-12{
    font-size:12px!important
}
.text-14{
    font-size:14px!important
}
.text-16{
    font-size:16px!important
}
.text-18{
    font-size:18px!important
}
.text-20{
    font-size:20px!important
}
.text-22{
    font-size:22px!important
}
.text-24{
    font-size:24px!important
}
.text-28{
    font-size:28px!important
}
.text-32{
    font-size:32px!important
}
.text-36{
    font-size:36px!important
}
.text-42{
    font-size:42px!important
}
.text-48{
    font-size:48px!important
}
.text-56{
    font-size:56px!important
}
.text-64{
    font-size:64px!important
}
.app{
    display:flex;
    flex-direction:column;
    border-radius:20px;
    background-color:#000
}
.app.app-boxed{
    padding:0 30px;
    position:relative
}
.app .navbar-brand{
    margin-right:30px;
    font-size:32px;
    color:#fff;
    padding:0;
    line-height:1;
    font-weight:700
}
.app .navbar-brand img{
    max-height:50px;
    height:36px
}
.app .navbar-brand svg{
    fill:var(--theme);
    width:59px!important;
    height:40px!important
}
.app .app-header{
    padding-top:5px
}
.app .app-header .navbar{
    height:62px
}
@media(max-width:991.98px){
    .app .nav-user{
        display:none
    }
    .app .app-header{
        padding-top:5px
    }
    .app .app-header .navbar{
        padding-left:10px;
        padding-right:10px;
        height:72px
    }
}
.app .app-wrapper{
    display:flex
}
@media(max-width:991.98px){
    .app .app-wrapper{
        display:block
    }
}
@media(min-width:768px){
    .app.wide .app-container{
        margin-left:-200px
    }
}
.app .app-filter{
    flex:0 0 200px;
    max-width:200px
}
.app .app-filter-md{
    flex:0 0 240px;
    max-width:240px
}
.app .app-page{
    flex:0 0 220px;
    max-width:220px
}
.app .app-content{
    flex:1 1 auto;
    max-width:100%
}
.app .app-search{
    margin-left:40px;
	margin-top: 15px;
    position:relative;
    display:flex;
    align-items:center;
    border-radius:100px;
    width:340px;
    background-color:#101010!important;
    margin-top: 20px;
}
.app .app-search.result{
    width:500px;
    color:#fff!important
}
.app .app-search.result input{
    color:#fff!important
}
.app .app-search .btn{
    position:absolute;
    left:20px;
    top:50%;
    border:0;
    background-color:transparent!important;
    transform:translateY(-50%);
    z-index:10
}
.app .app-search .btn svg{
    position:relative;
    top:-1px;
    width:16px;
    height:16px;
    fill:#9999a5!important;
    stroke:#9999a5!important;
    stroke-width:3px
}
.app .app-search .btn.close-btn{
    left:auto;
    right:20px
}
.app .app-search input{
    border:0;
    padding:16px 10px 16px 50px!important;
    height:auto;
    box-shadow:none;
    color:#b5b5be
}
.app .app-search input::placeholder{
    color:#9999a5;
    opacity:1
}
.app .app-search .form-control{
    background:0 0!important
}
.app .app-search .typeahead__list{
    color:#fff;
    border-radius:10px;
    border:0;
    padding-bottom:20px;
    top:105%;
    left:10px!important;
    right:10px!important;
    width:auto;
    font-weight:500
}
.app .app-search .typeahead__list .media{
    max-width:50px;
    width:50px
}
.app .app-search .typeahead__list a{
    color:#fff
}
.app .app-search .typeahead__list a .caption{
    line-height:1.4
}
.app .app-search .typeahead__list a:hover{
    color:var(--theme-color)!important
}
.app-section{
    padding:0 0 1rem
}
.app-section .app-heading{
    margin-bottom:20px;
    display:flex;
    align-items:center
}
.app-section .app-heading .text{
    font-size:18px;
    font-weight:600;
    width:18rem;
    color:#fff;
    padding-left:20px;
    position:relative
}
.app-section .app-heading .text:before{
    background-color:var(--theme-color);
    border-radius:4px;
    content:"";
    align-self:flex-start;
    position:absolute;
    top:4px;
    bottom:4px;
    left:0;
    width:6px
}
.app-section .app-heading .all{
    font-size:14px;
    color:#9999a5
}
.app-section .app-heading .all:hover{
    color:#fff
}
.scroll-up{
    width:56px;
    height:56px;
    border-radius:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    right:50px;
    bottom:40px;
    background-color:#222;
    cursor:pointer;
    display:none;
    z-index:11;
    transition:all .3s
}
@media(prefers-reduced-motion:reduce){
    .scroll-up{
        transition:none
    }
}
.scroll-up svg{
    width:20px;
    height:20px;
    fill:#fff
}
.scroll-up.show{
    display:flex
}
.scroll-up:hover{
    background-color:var(--theme-color)
}
.container-boxed{
    max-width:1040px
}
.filter-btn{
    padding:25px;
    border-radius:100px;
    display:none;
    align-items:center;
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:30px;
    background-color:var(--theme-color);
    cursor:pointer;
    display:none;
    z-index:11;
    transition:all .3s
}
@media(prefers-reduced-motion:reduce){
    .filter-btn{
        transition:none
    }
}
.filter-btn svg{
    width:16px;
    height:16px;
    fill:#fff
}
@media(max-width:991px){
    .app .app-header{
        padding-top:0
    }
    .filter-btn{
        display:flex
    }
    .header-search{
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:101
    }
    .header-search.show{
        display:flex!important
    }
    .header-search .app-search{
        margin-left:0;
        margin-top:0;
        border-radius:0;
        width:100%;
        z-index:104
    }
    .header-search .app-search input{
        padding-top:20px!important;
        padding-bottom:20px!important
    }
    .header-search .app-search .typeahead__list{
        border-radius:0;
        top:100%;
        left:0!important;
        right:0!important
    }
    .app-boxed{
        padding:0 10px 30px!important
    }
    .app-section{
        padding:0 0 2rem
    }
    .navbar-brand{
        margin-right:0!important
    }
}
.app-toolbar{
    margin-bottom:1rem
}
.w-thumb{
    width:60px
}
.w-sm-thumb{
    width:50px
}
.bg-facebook{
    color:#fff!important;
    background-color:#3b5999!important
}
.bg-facebook svg{
    fill:#fff!important
}
.bg-facebook:hover{
    color:#fff!important;
    background-color:#35508a!important
}
.bg-twitter{
    color:#fff!important;
    background-color:#1da1f2!important
}
.bg-twitter svg{
    fill:#fff!important
}
.bg-twitter:hover{
    color:#fff!important;
    background-color:#0e98ed!important
}
.bg-instagram{
    color:#fff!important;
    background-color:#e4405f!important
}
.bg-instagram svg{
    fill:#fff!important
}
.bg-instagram:hover{
    color:#fff!important;
    background-color:#e12e50!important
}
.bg-whatsapp{
    color:#fff!important;
    background-color:#25d366!important
}
.bg-whatsapp svg{
    fill:#fff!important
}
.bg-whatsapp:hover{
    color:#fff!important;
    background-color:#22c25e!important
}
.bg-pinterest{
    color:#fff!important;
    background-color:#bd081c!important
}
.bg-pinterest svg{
    fill:#fff!important
}
.bg-pinterest:hover{
    color:#fff!important;
    background-color:#a90719!important
}
.bg-youtube{
    color:#fff!important;
    background-color:#cd201f!important
}
.bg-youtube svg{
    fill:#fff!important
}
.bg-youtube:hover{
    color:#fff!important;
    background-color:#bb1d1c!important
}
.bg-primary-lt{
    color:#3dd598!important;
    background-color:#113c2b!important
}
.bg-primary-lt a{
    color:#3dd598!important;
    font-weight:500
}
.bg-primary-lt a:hover{
    color:#fff
}
.bg-secondary-lt{
    color:#101010!important;
    background-color:#040404!important
}
.bg-secondary-lt a{
    color:#101010!important;
    font-weight:500
}
.bg-secondary-lt a:hover{
    color:#fff
}
.bg-success-lt{
    color:#48bb78!important;
    background-color:#143422!important
}
.bg-success-lt a{
    color:#48bb78!important;
    font-weight:500
}
.bg-success-lt a:hover{
    color:#fff
}
.bg-info-lt{
    color:#17a2b8!important;
    background-color:#062d34!important
}
.bg-info-lt a{
    color:#17a2b8!important;
    font-weight:500
}
.bg-info-lt a:hover{
    color:#fff
}
.bg-warning-lt{
    color:#ffc526!important;
    background-color:#47370b!important
}
.bg-warning-lt a{
    color:#ffc526!important;
    font-weight:500
}
.bg-warning-lt a:hover{
    color:#fff
}
.bg-purple-lt{
    color:#6f42c1!important;
    background-color:#1f1236!important
}
.bg-purple-lt a{
    color:#6f42c1!important;
    font-weight:500
}
.bg-purple-lt a:hover{
    color:#fff
}
.bg-cyan-lt{
    color:#17a2b8!important;
    background-color:#062d34!important
}
.bg-cyan-lt a{
    color:#17a2b8!important;
    font-weight:500
}
.bg-cyan-lt a:hover{
    color:#fff
}
.bg-danger-lt{
    color:#fd4056!important;
    background-color:#471218!important
}
.bg-danger-lt a{
    color:#fd4056!important;
    font-weight:500
}
.bg-danger-lt a:hover{
    color:#fff
}
.bg-light-lt{
    color:#e8e9eb!important;
    background-color:#414142!important
}
.bg-light-lt a{
    color:#e8e9eb!important;
    font-weight:500
}
.bg-light-lt a:hover{
    color:#fff
}
.bg-dark-lt{
    color:#18191a!important;
    background-color:#070707!important
}
.bg-dark-lt a{
    color:#18191a!important;
    font-weight:500
}
.bg-dark-lt a:hover{
    color:#fff
}
.btn-theme-lt{
    background-color:#101010;
    color:#b5b5be
}
.btn-theme-lt:hover{
    background-color:var(--theme-color);
    color:#fff
}
.aside{
    opacity:1!important;
    display:flex;
    position:relative;
    z-index:140
}
.aside.show{
    width:100%!important;
    top:0;
    bottom:0
}
.aside.show>*{
    left:0;
    transform:translate3d(0,0,0)
}
.aside>*{
    transition:cubic-bezier(.25,.8,.25,1)
}
.aside>.modal-dialog{
    margin:0;
    max-width:inherit;
    pointer-events:inherit;
    width:100%;
    background-color:#000
}
.aside.aside-right>*{
    right:0;
    left:auto
}
.aside.aside-right.show>*{
    transform:translate3d(0%,0,0)!important
}
.aside-lg{
    display:none;
    opacity:0;
    position:fixed!important;
    z-index:1050!important;
    left:0
}
.aside-lg>*{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    transform:translate3d(-100%,0,0)
}
.aside-lg~*{
    width:100%
}
.aside-lg.aside-right>*{
    transform:translate3d(100%,0,0)
}
@media(max-width:1200px){
    .aside-md{
        display:none;
        opacity:0;
        position:fixed!important;
        background:0 0!important;
        z-index:1050!important
    }
    .aside-md>*{
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        transform:translate3d(-100%,0,0)
    }
    .aside-md~*{
        width:100%
    }
    .aside-md.aside-right>*{
        transform:translate3d(100%,0,0)
    }
}
@media(max-width:991px){
    .aside-sm{
        display:none;
        opacity:0;
        background:0 0!important;
        position:fixed!important;
        z-index:1050!important
    }
    .aside-sm>*{
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        transform:translate3d(-100%,0,0)
    }
    .aside-sm~*{
        width:100%
    }
    .aside-sm>.modal-dialog{
        margin:0;
        max-width:inherit;
        pointer-events:inherit;
        width:100%;
        overflow:auto
    }
    .aside-sm.aside-right>*{
        transform:translate3d(100%,0,0)
    }
}
.custom-label{
    font-size:12px;
    color:#9999a5
}
textarea{
    resize:none
}
.more{
    font-size:12px;
    color:#9999a5;
    cursor:pointer
}
.more:hover{
    color:var(--theme-color)
}
.switches-list .switch-container{
    width:100%
}
.switches-list .switch-container:last-child label{
    margin-bottom:0
}
.switch-container{
    display:block;
    cursor:pointer;
    margin:5px 0
}
label.switch{
    position:relative;
    height:18px;
    padding-left:45px;
    cursor:pointer;
    font-size:14px;
    margin-bottom:0;
    display:inline-flex;
    align-items:center
}
.switches-list .switch-container label{
    cursor:pointer;
    position:relative;
    padding-left:40px;
    line-height:1.6
}
.switch-button{
    position:relative;
    display:inline-block;
    width:30px;
    height:18px;
    cursor:pointer;
    background-color:#222;
    border-radius:50px;
    transition:.4s;
    margin:0 7px 0 0;
    position:absolute;
    top:0;
    left:0
}
.switch span.switch-text{
    display:block;
    padding-left:48px;
    font-size:.875rem;
    line-height:22px;
    color:#b5b5be
}
.switch input{
    display:none
}
.switch.interactive-effect input:checked+.switch-button:before{
    animation:switch-shadow-color .2s
}
.switch.interactive-effect .switch-button:before{
    animation:switch-shadow .2s
}
@keyframes switch-shadow{
    0%{
        box-shadow:0 0 0 0 rgba(0,0,0,.3)
    }
    100%{
        box-shadow:0 0 0 10px transparent
    }
}
@keyframes switch-shadow-color{
    0%{
        box-shadow:0 0 0 0 rgba(var(--theme-color),0.6)
    }
    100%{
        box-shadow:0 0 0 10px transparent
    }
}
.switch-button:before{
    position:absolute;
    content:"";
    height:12px;
    width:12px;
    bottom:3px;
    left:3px;
    background-color:#fff;
    transition:.4s,box-shadow .3s;
    border-radius:50px
}
input:checked+.switch-button{
    background-color:var(--theme-color)
}
input:checked+.switch-button:before{
    transform:translateX(12px)
}
.spinner{
    margin:0 auto;
    width:70px;
    text-align:center
}
.spinner>div{
    width:18px;
    height:18px;
    background-color:#fff;
    border-radius:100%;
    display:inline-block;
    animation:sk-bouncedelay 1.4s infinite ease-in-out both
}
.spinner .bounce1{
    animation-delay:-.32s
}
.spinner .bounce2{
    animation-delay:-.16s
}
@keyframes sk-bouncedelay{
    0%,80%,100%{
        transform:scale(0)
    }
    40%{
        transform:scale(1)
    }
}
.app-header .navbar{
    position:relative
}
.app-header .navbar-menu .nav-link{
    font-size:16px;
    font-weight:500;
    padding-left:15px;
    padding-right:15px;
    color:#fff
}
.app-header .navbar-menu .nav-link svg{
    stroke:#fff;
    stroke-width:3px!important;
    width:20px!important;
    height:20px!important
}
.app-header .navbar-menu .nav-link:hover{
    color:var(--theme-color)
}
.app-header .navbar-menu .nav-link:hover svg{
    fill:var(--theme-color);
    stroke:var(--theme-color)
}
.app-header .navbar-user .nav-link{
    font-size:14px;
    padding-left:15px;
    padding-right:15px;
    color:#fff;
    position:relative
}
.app-header .navbar-user .nav-link .on{
    padding:0;
    width:8px;
    height:8px;
    background-color:#ffc526;
    border-radius:100px;
    position:absolute;
    right:7px;
    top:2px
}
.app-header .navbar-user .nav-link svg{
    fill:#fff;
    stroke:#fff;
    stroke-width:3px;
    width:18px;
    height:18px
}
.app-header .navbar-user .nav-link:hover{
    color:var(--theme-color)
}
.app-header .navbar-user .nav-link:hover svg{
    fill:var(--theme-color);
    stroke:var(--theme-color)
}
.app-header .navbar-user .nav-profile{
    display:flex;
    align-items:center
}
.app-header .navbar-user .nav-profile .avatar{
    background-color:#222
}
.app-header .navbar-user .nav-profile .profile-text{
    line-height:1.4;
    padding-left:20px;
    font-weight:500
}
.app-header .navbar-user .nav-profile .profile-text .profile-head{
    font-weight:400;
    font-size:12px;
    color:#9999a5
}
.app-header .search-btn{
    position:relative
}
.app-header .search-btn svg{
    position:relative;
    z-index:101
}
.app-header .search-header{
    position:absolute;
    right:-10px;
    min-width:300px;
    top:-4px;
    z-index:100;
    width:auto
}
.app-header .search-header .app-search{
    margin-left:0;
    width:100%
}
.app-header .search-header .app-search input{
    padding:16px 20px 16px 30px!important
}
.nav-user .nav-link{
    font-size:14px;
    color:#fff;
    position:relative
}
.nav-user .nav-link .on{
    padding:0;
    width:8px;
    height:8px;
    background-color:#ffc526;
    border-radius:100px;
    position:absolute;
    right:7px;
    top:2px
}
.nav-user .nav-link svg{
    fill:#fff;
    stroke:#fff;
    stroke-width:3px;
    width:18px;
    height:18px
}
.nav-user .nav-link:hover{
    color:var(--theme-color)
}
.nav-user .nav-link:hover svg{
    fill:var(--theme-color);
    stroke:var(--theme-color)
}
.nav-user .nav-profile{
    display:flex;
    align-items:center
}
.nav-user .nav-profile .avatar{
    background-color:#222;
    width:50px;
    height:50px
}
.nav-user .nav-profile .profile-text{
    line-height:1.4;
    padding-left:20px;
    font-weight:500
}
.nav-user .nav-profile .profile-text .profile-head{
    font-weight:400;
    font-size:12px;
    color:#9999a5
}
.header-search-fixed{
    position:absolute;
    top:10%;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    justify-content:center;
    z-index:1090
}
.header-search-fixed .app-search{
    width:500px;
    background-color:#fff!important
}
@media(max-width:990.8px){
    .app{
        padding:0
    }
    .header-search-fixed{
        position:fixed;
        top:0;
        left:0;
        right:0;
        transform:none
    }
    .nav-profile{
        padding-top:0!important;
        padding-bottom:0!important
    }
    .app-header .navbar-user{
        display:none
    }
}
.app-footer{
    padding:2rem 1rem
}
.app-footer .nav-head{
    color:#9999a5;
    margin-bottom:10px;
    font-size:12px
}
.app-footer .brand{
    display:block
}
.app-footer .brand svg{
    fill:var(--theme-color);
    width:30px;
    height:30px
}
.app-footer .nav-col-2{
    display:flex;
    flex-wrap:wrap;
    font-size:12px
}
.app-footer .nav-col-2 a{
    padding:3px 10px 3px 0;
    flex:0 0 50%;
    max-width:50%;
    max-height:28.8px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.app-footer .nav-col-3{
    display:flex;
    flex-wrap:wrap;
    font-size:12px
}
.app-footer .nav-col-3 a{
    padding:3px 10px 3px 0;
    flex:0 0 30%;
    max-width:30%;
    max-height:28.8px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.app-footer .footer-text{
    font-size:12px;
    color:#9999a5
}
.app-footer .footer-text a{
    color:var(--theme-color)
}
.app-footer .nav-social a{
    width:44px;
    height:44px;
    border-radius:20px
}
.app-footer .nav-social a svg{
    fill:#b5b5be;
    stroke:#b5b5be;
    width:14px;
    height:14px
}
@media(max-width:991.98px){
    .app-footer{
        display:none
    }
}
.play-btn{
    width:60px;
    height:60px;
    border-radius:100%;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--theme-color);
    cursor:pointer
}
.play-btn svg{
    width:24px;
    height:24px;
    position:relative;
    stroke-width:2px;
    right:-2px
}
.ads-skin{
    position:fixed;
    top:0;
    right:0;
    left:0;
    width:100%;
    bottom:0;
    z-index:0;
    background-color:var(--theme-color);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat
}
.ads-skin+.container{
    margin-top:30px;
    margin-bottom:30px;
    position:relative;
    z-index:2
}
.ads-skin+.container .app{
    padding:20px
}
@media(max-width:991.98px){
    .ads-skin{
        display:none!important
    }
    .ads-skin+.container{
        margin-top:0;
        margin-bottom:0
    }
    .ads-skin+.container .app{
        padding:0
    }
}
.ads-sticky{
    position:fixed;
    bottom:10px;
    right:0;
    left:0;
    display:none!important;
    align-items:center;
    justify-content:center;
    width:100%;
    z-index:10
}
.ads-sticky.show{
    display:flex!important
}
.ads-sticky .ads-close{
    position:absolute;
    top:-34px;
    padding:5px 15px;
    cursor:pointer;
    border-radius:100px;
    background-color:rgba(0,0,0,.75);
    border:2px solid rgba(255,255,255,.2);
    color:#fff;
    font-size:10px;
    font-weight:500
}
.ads-sticky .ads-close:hover{
    background-color:#fff;
    border-color:#fff;
    color:#000
}
.ads-300{
    width:300px;
    overflow:hidden;
    background-color:#101010;
    border-radius:6px
}
.ads-embed{
    display:flex;
    justify-content:center;
    align-items:center
}
.ads-embed img{
    border-radius:6px;
    max-width:100%;
    height:auto
}
.ads-embed iframe{
    overflow:hidden;
    border:0;
    width:100%
}
.nav-aside{
    margin:0;
    pointer-events:inherit;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    flex:0 0 230px;
    max-width:230px;
    position:sticky
}
.nav-aside ul{
    padding-left:0;
    padding-right:0;
    list-style:none;
    display:block;
    white-space:nowrap
}
.nav-aside ul .nav-header{
    padding:10px 1rem
}
.nav-aside ul>li.active{
    position:relative
}
.nav-aside ul>li.active>a{
    color:var(--theme-color)
}
.nav-aside ul>li.active>a .nav-icon{
    fill:var(--theme-color);
    stroke:var(--theme-color)
}
.nav-aside ul>li.active>a .nav-caret:after{
    transform:rotate(180deg);
    margin-bottom:0
}
.nav-aside ul a{
    color:inherit;
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap;
    padding:5px 1rem;
    position:relative;
    font-size:16px;
    font-weight:600
}
.nav-aside ul a:hover{
    color:#fff
}
.nav-aside ul a:hover .nav-icon{
    fill:#fff;
    stroke:#fff
}
.nav-aside .footer{
    padding:9px 0 20px
}
.nav-aside .footer a{
    font-size:14px
}
.nav-aside .footer a:hover{
    color:#fff
}
@media(max-width:1199.98px){
    .nav-aside{
        flex:0 0 160px!important;
        max-width:160px
    }
}
@media(max-width:991px){
    .nav-aside{
        width:100%!important;
        max-width:100%;
        height:100%!important;
        top:0!important;
        left:0;
        position:fixed;
        z-index:1050!important;
        display:none;
        opactiy:0;
        background-color:#000;
        padding:12px 10px 20px
    }
    .nav-aside .dropdown-menu a{
        font-weight:400
    }
    .nav-aside.show{
        width:100%!important;
        top:0;
        bottom:0
    }
    .nav-aside .close{
        position:absolute;
        right:10px;
        top:20px;
        cursor:pointer;
        width:24px;
        height:24px
    }
    .nav-aside .close svg{
        width:24px;
        height:24px
    }
}
.nav-icon{
    margin-right:15px;
    width:18px;
    height:18px;
    position:relative;
    fill:#b5b5be;
    stroke:#b5b5be;
    top:0
}
.nav-header{
    margin-top:20px;
    color:#9999a5;
    font-size:12px
}
.nav-header.trend{
    font-weight:500;
    font-size:14px;
    color:var(--theme-color)
}
.nav-filter{
    padding:0 0;
    margin-bottom:2rem
}
.nav-filter label,.nav-filter a{
    padding:6px 0;
    font-weight:500;
    cursor:pointer;
    display:block;
    margin:0;
    border-radius:6px
}
.nav-filter label.active,.nav-filter a.active{
    color:var(--theme-color)
}
.nav-filter input[type=radio]:checked+label{
    color:var(--theme-color)
}
.form-nav-filter{
    position:relative
}
.form-nav-filter:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background-color:#101010
}
.form-nav-filter .btn-radio{
    color:#b5b5be;
    padding:13px 20px;
    position:relative
}
.form-nav-filter .btn-radio:before{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:0;
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:transparent
}
.form-nav-filter .btn-radio:hover,.form-nav-filter .btn-radio.active{
    color:var(--theme-color)!important
}
.form-nav-filter .btn-radio.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:var(--theme-color);
    opacity:.045
}
.form-nav-filter .btn-radio.active:before{
    left:0;
    right:0;
    border-bottom-color:var(--theme-color)
}
.nav-filter-column{
    display:flex;
    flex-direction:row!important;
    justify-content:space-between
}
.nav-filter-column li{
    flex:0 0 48%;
    max-width:48%;
    font-size:12px
}
@media(max-width:767.98px){
    .app-filter{
        flex:1 1 100%!important;
        max-width:100%!important
    }
    .nav-filter{
        padding:20px
    }
}
.nav-social a{
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:#101010;
    border-radius:18px;
    margin-right:5px
}
.nav-social a svg{
    fill:#b5b5be;
    stroke:#b5b5be;
    width:14px;
    height:14px
}
.nav-social a:hover{
    background-color:var(--theme-color)
}
.nav-social a:hover svg{
    fill:#fff;
    stroke:#fff
}
.nav-active-border{
    position:relative
}
.nav-active-border:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background-color:#101010
}
.nav-active-border li>a,.nav-active-border .nav-link{
    padding-top:1rem;
    padding-bottom:1rem;
    position:relative;
    font-weight:500;
    padding:15px 25px
}
.nav-active-border li>a:before,.nav-active-border .nav-link:before{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:0;
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:transparent;
    transition:all .2s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .nav-active-border li>a:before,.nav-active-border .nav-link:before{
        transition:none
    }
}
.nav-active-border li>a.active,.nav-active-border .nav-link.active{
    color:var(--theme-color)
}
.nav-active-border li>a.active:after,.nav-active-border .nav-link.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:var(--theme-color);
    opacity:.045
}
.nav-active-border li>a.active:before,.nav-active-border .nav-link.active:before{
    left:0;
    right:0;
    border-bottom-color:var(--theme-color)
}
.nav-active-border li.active>a:before{
    left:1rem;
    right:1rem;
    border-bottom-color:var(--theme-color)
}
.nav-active-border.top li.active>a:before,.nav-active-border.top .nav-link:before{
    bottom:auto;
    top:0
}
.nav-active-border.right li.active>a:before,.nav-active-border.right .nav-link:before{
    bottom:0;
    right:0;
    left:auto;
    top:0;
    border-bottom-width:0;
    border-right-width:3px;
    border-right-style:solid;
    border-right-color:transparent
}
.menu{
    position:relative;
    cursor:pointer
}
.menu svg{
    width:20px;
    height:20px
}
.search-btn{
    position:relative;
    cursor:pointer
}
.search-btn svg{
    width:20px;
    height:20px;
    stroke-width:3px
}
.nav-trend{
    margin-top:1rem
}
.nav-trend .nav-header{
    font-weight:600;
    color:var(--theme-color)
}
.nav-trend .nav-content{
    align-items:flex-start;
    font-size:.785rem;
    display:flex;
    flex-direction:column;
    font-weight:500
}
.nav-trend .nav-content svg{
    width:12px;
    height:12px;
    stroke-width:3px;
    margin-right:10px
}
.nav-trend .nav-content .view{
    display:flex;
    align-items:center;
    font-size:.75rem;
    font-weight:400;
    color:#9999a5
}
.media{
    position:relative;
    display:flex;
    padding:0;
    flex-shrink:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-color:#101010;
    overflow:hidden;
    border-radius:6px;
    align-items:center;
    justify-content:center
}
.media:after{
    display:block;
    content:"";
    padding-top:100%
}
.media-cover .mpaa{
    border:1px solid #b5b5be;
    font-weight:bolder;
    color:#fff;
    background:#00000069;
    font-size:10px;
    display:inline-flex;
    position:absolute;
    right:0;
    top:3px;
    z-index:1;
    white-space:nowrap;
    align-items:center;
    align-content:center;
    padding:.06em 4px .15em!important;
    line-height:1;
    border-radius:2px;
    margin-right:7px
}
.media-cover-temp:after{
    padding-top:120%
}
.media-actor:after{
    padding-top:100%
}
.media-episode:after{
    padding-top:56.25%
}
.media-cover:after{
    padding-top:150%
}
.media-collection:after{
    padding-top:50%
}
.media-slide:after{
    padding-top:45%
}
.media-select{
    padding:50px;
    background-color:#101010;
    border-radius:6px;
    cursor:pointer;
    position:relative;
    overflow:visible
}
.media-select .media-remove,.media-select .media-btn{
    position:absolute;
    bottom:-15px;
    left:10px;
    color:#000;
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    border-radius:100px;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    background:rgba(255,255,255,.5)
}
.media-select .media-remove svg,.media-select .media-btn svg{
    fill:#000;
    width:14px!important;
    height:14px!important
}
.media-select .media-remove:hover,.media-select .media-btn:hover{
    background-color:#3dd598;
    color:#fff
}
.media-select .media-remove:hover svg,.media-select .media-btn:hover svg{
    fill:#fff
}
.media-select .media-remove{
    left:55px
}
.media-select .media-remove:hover{
    background-color:#fd4056;
    color:#fff
}
.media-select .media-icon{
    position:absolute;
    top:48%;
    left:50%;
    transform:translate(-50%,-48%);
    color:#000;
    font-size:42px
}
.media-select.media-selected .media-icon,.media-select.media-selected .media-text{
    display:none
}
.avatar{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-color:#101010;
    color:#fff;
    border-radius:100px;
    font-weight:600;
    width:50px;
    height:50px
}
.avatar.avatar-lg{
    width:80px;
    height:80px;
    font-size:18px
}
.avatar.avatar-sm{
    width:40px;
    height:40px;
    font-size:12px
}
.avatar.avatar-xs{
    width:24px;
    height:24px;
    font-size:12px
}
.list-sport{
    margin-bottom:2rem;
    position:relative;
    display:block
}
.list-sport .list-media{
    position:relative;
    display:block
}
.list-sport .list-media .list-media-attr{
    position:absolute;
    left:0;
    bottom:0;
    top:0;
    right:0;
    z-index:1;
    padding:12px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    transition:all .35s
}
.list-sport .list-media .list-media-attr:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    transition:all .15s ease-in-out;
    opacity:0;
    border-radius:6px;
    background-color:rgba(0,0,0,.85)
}
.list-sport .list-media .list-media-attr .quality{
    color:#fff;
    font-size:12px;
    font-weight:bolder;
    display:inline-block;
    position:absolute;
    left:0;
    bottom:5px;
    z-index:1;
    opacity:0
}
.list-sport .list-media .list-media-attr .genre{
    color:#fff;
    font-size:12px;
    font-weight:bolder;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:0
}
.list-sport .list-media .list-media-attr .description{
    color:#fff;
    font-size:10px;
    padding:0;
    display:inline-block;
    position:absolute;
    left:auto;
    right:auto;
    top:20%;
    z-index:1;
    opacity:0
}
.truncate-ellipsis{
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    width:98%;
    height:65%;
    overflow:hidden
}
.list-sport .list-media .list-media-attr .mpaa{
    border:1px solid #b5b5be;
    font-weight:bolder;
    color:#fff;
    font-size:10px;
    display:inline-flex;
    position:absolute;
    right:0;
    top:3px;
    z-index:1;
    opacity:0;
    white-space:nowrap;
    align-items:center;
    align-content:center;
    padding:.06em 4px .15em!important;
    line-height:1;
    border-radius:2px;
    margin-right:7px
}
.list-sport .list-media .list-media-attr .date{
    font-weight:500;
    color:#fff;
    font-size:10px;
    padding:4px 8px;
    display:inline-flex;
    white-space:nowrap;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    background:rgba(0,0,0,.65);
    border-radius:25px 50px 50px 50px
}
.list-sport .list-media .list-media-attr .imdb{
    font-size:12px;
    font-weight:500;
    color:#fff;
    position:absolute;
    right:0;
    bottom:5px;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100px;
    opacity:0
}
.list-sport .list-media .list-media-attr .imdb svg{
    width:40px;
    height:40px;
    display:block;
    position:absolute;
    top:-2px;
    right:-2px;
    left:-2px;
    bottom:-2px
}
.list-sport .list-media .list-media-attr .imdb circle{
    stroke:var(--theme-color);
    stroke-width:3;
    stroke-linecap:round;
    fill:none;
    animation:circle-chart-fill 2s reverse;
    transform:rotate(-90deg);
    transform-origin:center
}
.list-sport .list-media .list-media-attr .remove{
    font-weight:500;
    color:#fff;
    font-size:12px;
    padding:4px 8px;
    display:inline-flex;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    background:rgba(253,64,86,.65);
    border-radius:25px 50px 50px 50px
}
.list-sport .list-caption{
    margin-top:10px;
    display:block
}
.list-sport .list-caption .list-title{
    font-size:14px;
    max-height:22.4px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    font-weight:600;
    -webkit-box-orient:vertical;
    color:#fff
}
.list-sport .list-caption .list-title:hover{
    color:var(--theme-color)
}
.list-sport .list-caption .list-titlesub{
    font-size:12px;
    max-height:19.2px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    color:#b5b5be
}
.list-sport .list-caption .list-titlesub:hover{
    color:var(--theme-color)
}
.list-sport .list-caption .list-category{
    display:block;
    font-size:12px;
    color:#9999a5
}
.list-sport .list-caption .list-category span{
    display:inline-block;
    margin-left:0;
    color:#9999a5
}
.list-year{
    display:block;
    font-size:10px;
    color:#b5b5be
}
.list-sport .list-date{
    font-size:10px;
    background-color:#222;
    padding:4px 5px;
    border-radius:6px;
    position:absolute;
    right:15px;
    top:-5px
}
.list-sport .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
    opacity:0
}
.list-sport:hover .list-media-attr:before,.list-sport:hover .imdb,.list-sport:hover .quality,.list-sport:hover .genre,.list-sport:hover .description,.list-sport:hover .mpaa,.list-sport:hover .play-btn{
    opacity:1!important
}
.list-sport:hover .list-media-attr:before svg,.list-sport:hover .imdb svg,.list-sport:hover .quality svg,.list-sport:hover .genre svg,.list-sport:hover .description svg,.list-sport:hover .mpaa svg,.list-sport:hover .play-btn svg{
    stroke-fill:#fff
}
.list-episode{
    flex-direction:row;
    display:flex;
    background-color:#101010;
    padding:10px;
    border-radius:6px;
    align-items:center;
    margin-bottom:15px;
    z-index:1
}
.list-episode.list-featured{
    background-color:#222;
    position:relative
}
.list-episode.list-featured::before{
    content:"";
    background-color:var(--theme-color);
    top:5px;
    bottom:5px;
    left:-5px;
    width:5px;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    position:absolute;
    z-index:-1
}
.list-episode.list-featured .list-date{
    background:rgba(47,47,47,.65)
}
.list-episode .list-media{
    flex:0 0 40px;
    max-width:40px;
    margin-right:15px
}
.list-episode .list-media .media:after{
    padding-top:100%!important
}
.list-episode .list-caption{
    margin:0
}
.list-episode .list-caption .list-title{
    font-size:12px
}
.list-episode .list-date{
    font-weight:500;
    color:#fff;
    font-size:10px;
    padding:4px 8px;
    display:inline-flex;
    white-space:nowrap;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    background:rgba(34,34,34,.65);
    border-radius:25px 50px 50px 50px;
    position:absolute;
    right:10px;
    top:-2px;
    transform:translateY(-50%)
}
.list-trend{
    flex-direction:row;
    display:flex;
    margin-bottom:1rem;
    padding-bottom:1rem;
    z-index:1
}
.list-trend .list-media{
    flex:0 0 140px;
    max-width:140px;
    margin-right:30px;
    position:relative
}
.list-trend .list-caption{
    line-height:1.6;
    margin:0;
    flex:1 1 auto;
    max-width:100%
}
.list-trend .list-caption .list-title{
    font-size:18px;
    max-height:28.8px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    font-weight:600;
    -webkit-box-orient:vertical;
    color:#fff
}
.list-trend .list-caption .list-title:hover{
    color:var(--theme-color)
}
.list-trend .list-caption .list-title-sub{
    font-size:14px;
    max-height:22.4px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    font-weight:500;
    -webkit-box-orient:vertical;
    color:#b5b5be
}
.list-trend .list-caption .list-title-sub:hover{
    color:var(--theme-color)
}
.list-trend .list-caption .list-view{
    display:block;
    font-size:12px;
    color:#9999a5;
    margin-top:.25rem
}
.list-trend .list-caption .list-view svg{
    width:14px;
    height:14px;
    stroke-width:3px;
    margin-right:10px
}
.list-trend .list-caption .list-view span{
    display:inline-block;
    margin-left:0;
    color:#9999a5
}
.list-trend .list-description{
    font-size:12px;
    max-height:38.4px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:#b5b5be
}
.list-trend .list-attr-box{
    display:flex;
    align-items:center;
    padding-top:5px;
    margin-top:5px
}
.list-trend .list-attr-box .list-attr{
    margin-right:2rem
}
.list-trend .list-attr{
    margin:5px 0;
    font-size:12px
}
.list-trend .list-attr .attr{
    color:#9999a5;
    margin-bottom:2px
}
.list-trend .list-attr .text{
    color:#fff;
    font-size:14px
}
.list-trend .list-attr .text a{
    margin-right:10px;
    display:inline-block
}
.list-trend .list-date{
    font-weight:500;
    color:#fff;
    font-size:10px;
    padding:4px 8px;
    display:inline-flex;
    white-space:nowrap;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    background:rgba(34,34,34,.65);
    border-radius:25px 50px 50px 50px;
    position:absolute;
    right:-5px;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:991.98px){
    .list-trend .list-media{
        flex:0 0 80px;
        max-width:80px;
        margin-right:20px;
        position:relative
    }
    .list-trend .list-caption .list-title{
        font-size:18px;
        max-height:28.8px
    }
    .list-trend .list-attr-box{
        flex-direction:column;
        align-items:flex-start
    }
    .list-trend .list-attr-box .list-attr{
        margin-right:0
    }
}
.list-actor{
    margin-bottom:2rem
}
.list-actor .list-media{
    position:relative;
    display:block
}
.list-actor .list-caption{
    margin-top:10px;
    display:block
}
.list-actor .list-caption .list-title{
    font-size:14px;
    max-height:22.4px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    color:#fff;
    font-weight:500;
    -webkit-box-orient:vertical
}
.list-actor .list-caption .list-title:hover{
    color:var(--theme-color)
}
.list-actor .list-caption .list-desc{
    display:block;
    font-size:12px;
    color:#9999a5
}
.list-category-box{
    display:block;
    margin-bottom:1rem;
    text-align:center;
    background-color:#101010;
    color:#fff!important;
    padding:20px;
    border-radius:6px;
    font-size:16px;
    font-weight:600;
    transition:all .3s
}
@media(prefers-reduced-motion:reduce){
    .list-category-box{
        transition:none
    }
}
.list-grouped{
    display:flex;
    flex-direction:row;
    flex-flow:row wrap
}
.list-grouped>.col{
    display:flex
}
.list-grouped>.col>div{
    flex:1 1 auto;
    max-width:100%
}
.list-collection{
    display:block;
    border-radius:6px;
    position:relative;
    margin-bottom:1rem;
    background-color:#101010
}
.list-collection .list-caption{
    display:block;
    padding:30px;
    z-index:3
}
.list-collection .list-caption .list-title{
    font-size:16px;
    max-height:51.2px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    color:#fff;
    -webkit-box-orient:vertical;
    font-weight:500
}
.list-collection .list-caption .list-title:hover{
    color:#fff
}
.list-collection .list-caption .list-user{
    display:block;
    font-size:12px;
    margin-bottom:5px;
    color:rgba(255,255,255,.7)
}
.list-collection .list-caption .list-desc{
    display:block;
    font-size:12px;
    color:rgba(255,255,255,.59)
}
.list-collection .list-user{
    font-size:12px;
    display:flex;
    align-items:center;
    margin-top:10px
}
.list-collection .list-user .avatar{
    margin-right:10px;
    background-color:rgba(255,255,255,.5);
    color:inherit
}
.list-forum{
    display:flex;
    margin-bottom:15px;
    border-bottom:solid 1px #101010;
    padding-bottom:15px
}
.list-forum .list-avatar{
    margin-right:20px;
    flex:0 0 50px;
    max-width:50px
}
.list-forum .list-avatar .avatar{
    background-color:#222;
    width:50px;
    height:50px
}
.list-forum .list-forum-comment{
    padding:5px;
    text-align:center;
    flex:0 0 70px;
    max-width:70px;
    border-radius:6px;
    background-color:#101010;
    line-height:1.4;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.list-forum .list-forum-comment .count{
    font-size:18px;
    font-weight:600
}
.list-forum .list-forum-comment .text{
    font-size:12px;
    color:#9999a5
}
.list-forum .name{
    font-weight:500;
    color:#fff;
    margin-bottom:5px
}
.list-forum .name:hover{
    color:var(--theme-color)
}
.list-forum .desc{
    font-size:12px;
    color:#b5b5be
}
.list-forum .list-footer{
    font-size:12px;
    color:#9999a5
}
.list-forum .list-footer a{
    color:#9999a5
}
.list-forum .list-footer .user{
    color:#ffc526
}
.list-trailer{
    display:flex;
    flex-direction:column
}
.list-trailer .media-story{
    margin:0 5px;
    position:relative;
    z-index:2;
    border-radius:100%
}
.list-trailer .media-story:after{
    background-color:#222;
    content:"";
    border-radius:100%;
    position:absolute;
    top:-4px;
    bottom:-4px;
    right:-4px;
    left:-4px;
    z-index:-1
}
.list-trailer .media-story.active:after{
    background-color:inherit
}
.list-trailer .media{
    border:solid 5px #000;
    width:100%;
    height:100%;
    border-radius:100%;
    background-color:#101010
}
.list-trailer .list-caption{
    margin-top:10px;
    display:block;
    text-align:center
}
.list-trailer .list-caption .list-title{
    font-size:14px;
    max-height:22.4px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    font-weight:500;
    -webkit-box-orient:vertical;
    color:#fff
}
.list-trailer .list-caption .list-title:hover{
    color:var(--theme-color)
}
.list-trailer .list-caption .list-description{
    display:block;
    font-size:12px;
    color:#9999a5
}
.mini-post{
    margin:1rem 0 0
}
.mini-post .head{
    font-size:12px;
    color:#9999a5
}
.mini-post .post-content{
    display:flex;
    align-items:center
}
.mini-post .post-content .cover{
    flex:0 0 80px;
    max-width:80px
}
.mini-post .post-content .flex-fill{
    flex:1 1 auto;
    max-width:100%;
    padding:0 20px
}
.mini-post .post-content .flex-fill .name{
    font-weight:500;
    color:#fff;
    font-size:16px
}
.mini-post .post-content .flex-fill .category{
    font-size:12px;
    color:#9999a5
}
.mini-post .post-content .flex-fill .btn{
    margin-top:10px;
    padding:10px 30px
}
.mini-post .post-content:hover .name{
    color:var(--theme-color)
}
/*modif css*/
@media(max-width:2560.98px){
    .list-scrollable{
        overflow-x:auto;
        flex-wrap:nowrap
    }
    .list-scrollable>*{
        width:150px;
        min-width:150px
    }
    .list-scrollable.list-scrollablev2>*{
        width:280px;
        min-width:280px
    }
    /*.list-story{*/
    /*    overflow-x:auto;*/
    /*    flex-wrap:nowrap;*/
    /*    padding-top:10px*/
    /*}*/
    /*.list-story>*{*/
    /*    width:120px;*/
    /*    min-width:120px*/
    /*}*/
    
    .list-story{
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-top:10px;
        margin:auto;
    }
    .list-story>*{
        width:100px;
        min-width:100px
    }
}
.app-detail h1{
    font-size:28px;
    color:#fff;
    margin-bottom:5px;
    font-weight:600
}
.app-detail h2{
    font-size:18px;
    margin-bottom:5px;
    font-weight:400
}
.app-detail .categories{
    margin:.25rem 0
}
.app-detail .categories a{
    display:inline-block;
    margin-right:10px
}
.app-detail .tags{
    margin:1rem 0
}
.app-detail .tags div{
    background-color:#101010;
    padding:6px 14px;
    border-radius:6px;
    display:inline-flex;
    margin-right:3px;
    font-size:12px;
    color:#fff
}
.app-detail .featured-box{
    display:flex;
    align-items:center
}
.app-detail .featured-box .featured-attr{
    margin-right:2rem
}
.app-detail .detail-attr{
    margin:1rem 0
}
.app-detail .detail-attr .attr{
    font-size:12px;
    color:#9999a5;
    margin-bottom:10px
}
.app-detail .detail-attr .text{
    color:#fff
}
.app-detail .detail-attr .text .text-content.toggle{
    max-height:134.4px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical
}
.app-detail .detail-attr .text a{
    margin-right:10px;
    display:inline-block;
    color:#fff
}
.app-detail .detail-attr .text a:hover{
    color:var(--theme-color)
}
.app-detail .btn-follow{
}
.app-detail .btn-follow.active,.app-detail .btn-follow:hover{
    color:var(--theme-color)
}
.app-detail .episode-nav{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.app-detail .episode-nav a{
    display:flex;
    align-items:center;
    padding:15px 0;
    border-radius:6px;
    line-height:1.6
}
.app-detail .episode-nav a .svg-icon{
    width:50px;
    height:50px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#222
}
.app-detail .episode-nav a svg{
    width:20px;
    height:20px;
    stroke:#fff
}
.app-detail .episode-nav a .name{
    font-size:.875rem;
    font-weight:500;
    color:#fff
}
.app-detail .episode-nav a .episode{
    font-size:12px;
    color:#9999a5
}
.app-detail .episode-nav a:hover{
    color:var(--theme-color)
}
.app-detail .episode-nav a:hover .svg-icon{
    background-color:var(--theme-color)
}
.app-detail .episode-nav a:hover .name{
    color:var(--theme-color)
}
.app-detail .episode-nav a:hover .episode{
    color:rgba(255,255,255,.75)
}
@media(max-width:767.98px){
    .app-detail .episode-nav{
        display:none
    }
}
.app-detail .featured-attr{
    margin:10px 0;
    font-size:12px
}
.app-detail .featured-attr .attr{
    color:#9999a5;
    margin-bottom:5px;
    font-weight:500
}
.app-detail .featured-attr .text{
    flex:1 1 auto;
    max-width:100%;
    color:#fff;
    font-size:14px
}
.app-detail .featured-attr .text a{
    margin-right:10px;
    display:inline-block;
    color:#fff
}
.app-detail .featured-attr .text a:hover{
    color:var(--theme-color)
}
.app-detail .season-list{
    margin:2rem 0;
    display:flex;
    flex-direction:row;
    max-width:100%;
    max-height:600px;
    overflow-y:auto;
    background-color:#101010;
    border-radius:6px
}
.app-detail .season-list .seasons{
    flex:0 0 180px;
    max-width:180px;
    padding:10px;
    margin-bottom:10px;
    border-right:solid 1px #151515
}
.app-detail .season-list .seasons li{
    width:100%
}
.app-detail .season-list .seasons a{
    padding:12px 20px;
    font-size:14px
}
.app-detail .season-list .seasons a.active{
    position:relative;
    color:var(--theme-color)
}
.app-detail .season-list .seasons a.active:after{
    content:"";
    position:absolute;
    right:-10px;
    bottom:5px;
    top:5px;
    border-color:var(--theme-color);
    border-width:4px;
    border-right-style:solid
}
@media(max-width:767.98px){
    .app-detail .season-list{
        background-color:transparent;
        flex-direction:column
    }
    .app-detail .season-list .seasons{
        background-color:#101010;
        padding:0;
        border-radius:6px;
        flex:1 1 auto;
        max-width:100%
    }
    .app-detail .season-list .seasons .nav{
        flex-wrap:nowrap;
        overflow-x:auto
    }
    .app-detail .season-list .seasons .nav a{
        padding:15px 20px!important;
        display:block;
        text-align:center
    }
    .app-detail .season-list .seasons .nav a.active{
        position:relative;
        color:var(--theme-color)
    }
    .app-detail .season-list .seasons .nav a.active:after{
        content:"";
        position:absolute;
        right:0!important;
        left:0!important;
        top:auto!important;
        bottom:0!important;
        border-right:0!important;
        border-color:var(--theme-color);
        border-width:4px;
        border-bottom-style:solid
    }
    .app-detail .season-list .episodes{
        padding:0!important
    }
    .app-detail .season-list .episodes a{
        margin-bottom:5px
    }
}
.app-detail .season-list .episodes{
    padding:15px;
    flex:1 1 auto;
    max-width:100%
}
.app-detail .season-list .episodes a{
    display:flex;
    align-items:center;
    border-radius:6px;
    background-color:#101010;
    padding:8px 15px;
    white-space:nowrap;
    overflow-x:auto;
    flex-wrap:nowrap;
    border-bottom:solid 1px #151515
}
.app-detail .season-list .episodes a>*{
    padding:4px 15px
}
.app-detail .season-list .episodes a .date,.app-detail .season-list .episodes a .episode{
    flex:0 0 120px;
    max-width:120px;
    color:#b5b5be
}
.app-detail .season-list .episodes a .date{
    font-size:12px;
    color:#9999a5;
    text-align:right
}
.app-detail .season-list .episodes a .name{
    color:#fff;
    flex:1 1 auto;
    max-width:100%
}
.app-detail .season-list .episodes a.active,.app-detail .season-list .episodes a:hover{
    background-color:#222
}
.app-detail .season-list .episodes a.active .date,.app-detail .season-list .episodes a.active .episode,.app-detail .season-list .episodes a.active .name,.app-detail .season-list .episodes a:hover .date,.app-detail .season-list .episodes a:hover .episode,.app-detail .season-list .episodes a:hover .name{
    color:#fff!important
}
.app-detail .nav-social{
    margin-top:1rem
}
.app-detail .nav-social a{
    width:36px;
    height:36px;
    border-radius:16px
}
.app-detail .nav-social a svg{
    width:14px;
    height:14px
}
.app-detail .app-detail-embed{
    display:flex;
    justify-content:space-between;
    margin-bottom:1rem
}
.app-detail .app-detail-embed .embed-col{
    flex:1 1 auto;
    max-width:100%;
    position:relative
}
.app-detail .app-detail-embed .embed-col .spinner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.app-detail .app-detail-embed .embed-col .embed-code,.app-detail .app-detail-embed .embed-col .embed-play{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden;
    border-radius:6px
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-video-ads,.app-detail .app-detail-embed .embed-col .embed-play .embed-video-ads{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
    z-index:10
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-cover,.app-detail .app-detail-embed .embed-col .embed-play .embed-cover{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    border-bottom-left-radius:8px
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-cover:before,.app-detail .app-detail-embed .embed-col .embed-play .embed-cover:before{
    position:absolute;
    top:-1px;
    left:-5px;
    right:-5px;
    bottom:-5px;
    background:linear-gradient(220deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.96) 80%);
    content:""
}
.app-detail .app-detail-embed .embed-col .embed-code iframe,.app-detail .app-detail-embed .embed-col .embed-code .embed-responsive-item,.app-detail .app-detail-embed .embed-col .embed-play iframe,.app-detail .app-detail-embed .embed-col .embed-play .embed-responsive-item{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-lock,.app-detail .app-detail-embed .embed-col .embed-play .embed-lock{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    min-width:280px
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-lock svg,.app-detail .app-detail-embed .embed-col .embed-play .embed-lock svg{
    width:60px;
    height:60px;
    stroke-width:2;
    margin-bottom:1rem
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-lock .svg-icon,.app-detail .app-detail-embed .embed-col .embed-play .embed-lock .svg-icon{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100px;
    background:#fd4056 linear-gradient(45deg,#fd4056,#ff5926)
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-lock .heading,.app-detail .app-detail-embed .embed-col .embed-play .embed-lock .heading{
    font-size:32px;
    font-weight:600;
    color:#fff
}
.app-detail .app-detail-embed .embed-col .embed-code .embed-lock .subtext,.app-detail .app-detail-embed .embed-col .embed-play .embed-lock .subtext{
    font-size:14px;
    color:#b5b5be
}
.app-detail .app-detail-embed .embed-col .embed-code .play-btn,.app-detail .app-detail-embed .embed-col .embed-play .play-btn{
    width:84px;
    height:84px;
    position:absolute;
    background-color:var(--theme-color);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:11
}
.app-detail .app-detail-embed .embed-col .embed-code .play-btn svg,.app-detail .app-detail-embed .embed-col .embed-play .play-btn svg{
    width:26px;
    height:26px
}
.app-detail .app-detail-embed .embed-col .embed-code .play-btn:hover,.app-detail .app-detail-embed .embed-col .embed-play .play-btn:hover{
    width:90px;
    height:90px
}
.app-detail .app-detail-embed .embed-col .embed-code .play-btn:hover svg,.app-detail .app-detail-embed .embed-col .embed-play .play-btn:hover svg{
    width:30px;
    height:30px
}
.app-detail .app-detail-embed .embed-col .embed-code::before,.app-detail .app-detail-embed .embed-col .embed-play::before{
    display:block;
    content:"";
    padding-top:56.25%
}
.app-detail .app-detail-embed .embed-ads{
    flex:0 0 250px;
    max-width:250px;
    margin-left:.77rem
}
@media(max-width:767.98px){
    .app-detail .embed-ads{
        display:none!important
    }
}
.app-detail .detail-header{
    margin:1rem 0;
    position:relative
}
.app-detail .detail-header .nav a{
    font-weight:400;
    font-weight:500
}
.app-detail .detail-header .btn-service{
    padding:10px 24px;
    border-radius:6px;
    font-size:12px;
    color:#fff;
    display:inline-block;
    margin-right:6px;
    border:0;
    background-color:#101010
}
.app-detail .detail-header .btn-service.selected,.app-detail .detail-header .btn-service:focus,.app-detail .detail-header .btn-service:hover{
    outline:none;
    background-color:var(--theme-color)
}
.app-detail .detail-header .btn-svg{
    display:inline-flex;
    align-items:center;
    background-color:transparent;
    border:none;
    padding-left:0;
    margin-right:20px;
    color:#b5b5be
}
.app-detail .detail-header .btn-svg:focus{
    outline:none
}
.app-detail .detail-header .btn-svg svg{
    width:16px;
    height:16px;
    margin-right:15px;
    stroke:#b5b5be;
    fill:#b5b5be;
    position:relative
}
.app-detail .detail-header .btn-svg.active,.app-detail .detail-header .btn-svg:hover{
    color:var(--theme-color)
}
.app-detail .detail-header .btn-svg.active svg,.app-detail .detail-header .btn-svg:hover svg{
    stroke:var(--theme-color);
    fill:var(--theme-color)
}
.app-detail .detail-header .nav-player-select{
    margin-right:30px
}
.app-detail .detail-header .nav-player-select .dropdown-toggle{
    background-color:#101010;
    padding:14px 25px;
    display:inline-block;
    border-radius:6px;
    color:#b5b5be;
    font-size:12px;
    font-weight:500
}
.app-detail .detail-header .nav-player-select .dropdown-toggle span{
    color:var(--theme-color);
    display:inline-block;
    margin-left:10px
}
.app-detail .detail-header .nav-player-select .dropdown-menu{
    width:18rem
}
@media(max-width:767.98px){
    .app-detail .app-detail-embed{
        display:flex;
        justify-content:space-between;
        margin:0px 0px 1rem
    }
    .app-detail .app-detail-embed .embed-code,.app-detail .app-detail-embed .embed-play{
        border-radius:0
    }
    .app-detail .detail-header .nav-player-select{
        margin-right:0;
        position:fixed;
        /*off versi mobile */
        /*bottom:10px;*/
        left:20px;
        right:20px;
        z-index:100
    }
    #subtitle_button{
        margin-right:0;
        position:fixed;
        bottom:60px;
        left:20px;
        right:20px;
        z-index:100
    }
    .app-detail .detail-header .nav-player-select .dropdown-toggle{
        width:100%;
        background-color:#222
    }
    .app-detail .detail-header .nav-player-select .dropdown-menu{
        width:100%;
        margin-bottom:-8px;
        background-color:#222
    }
    .app-detail .detail-header .btn-svg{
        margin-right:20px;
        height:34px
    }
    .app-detail .detail-header .btn-svg svg{
        width:16px;
        height:16px;
        margin-right:0
    }
    .app-detail .detail-header .btn-svg span{
        display:none
    }
}
.app-detail .detail-content{
    display:flex;
    margin:2rem 0
}
.app-detail .detail-content .cover{
    flex:0 0 100px;
    max-width:100px
}
@media(max-width:767.98px){
    .app-detail .detail-content .cover{
        flex:0 0 80px;
        max-width:80px
    }
}
.app-detail .detail-content .detail-text{
    display:flex;
    padding-left:30px
}
.app-detail .detail-content .caption{
    flex:1 1 auto;
    max-width:100%
}
.app-detail .detail-content .caption .caption-content{
    margin-bottom:20px
}
.app-detail .detail-content .caption h1{
    font-size:18px;
    color:#fff;
    margin-bottom:10px;
    font-weight:600
}
.app-detail .detail-content .caption h2{
    font-size:14px;
    margin-bottom:5px;
    font-weight:400
}
.app-detail .detail-content .caption h3{
    font-size:14px;
    margin-bottom:10px;
    font-weight:400
}
.app-detail .detail-content .caption .category{
    margin-bottom:5px;
    font-size:12px
}
.app-detail .detail-content .caption .category a{
    margin-right:10px;
    display:inline-block
}
.app-detail .detail-content .action{
    flex:0 0 140px;
    max-width:140px
}
.app-detail .detail-content .action .video-view{
    text-align:right
}
.app-detail .detail-content .action .video-view .view-text{
    font-size:16px
}
.app-detail .detail-content .action .video-view .view-text span{
    margin-left:10px;
    color:#9999a5;
    font-size:12px
}
.app-detail .detail-content .action .action-bar{
    background-color:#101010;
    height:6px;
    margin:.5rem 0;
    border-radius:10px;
    display:flex
}
.app-detail .detail-content .action .action-bar span{
    background-color:var(--theme-color);
    height:100%;
    border-radius:10px;
    display:inline-block
}
.app-detail .detail-content .action .action-btns{
    display:flex;
    justify-content:flex-end
}
.app-detail .detail-content .action .action-btn{
    margin-left:20px;
    display:flex
}
.app-detail .detail-content .action .action-btn svg{
    width:20px;
    height:20px;
    stroke:#b5b5be;
    fill:#b5b5be;
    position:relative;
    cursor:pointer
}
.app-detail .detail-content .action .action-btn span{
    margin-left:10px;
    font-size:12px;
    font-weight:500
}
.app-detail .detail-content .action .action-btn.active,.app-detail .detail-content .action .action-btn:hover{
    cursor:pointer
}
.app-detail .detail-content .action .action-btn.active svg,.app-detail .detail-content .action .action-btn:hover svg{
    fill:var(--theme-color)!important
}
@media(max-width:767.98px){
    .app-detail .detail-content .action .video-view{
        text-align:left
    }
    .app-detail .detail-content .action .action-btn{
        margin-left:0;
        margin-right:20px
    }
}
@media(max-width:767.98px){
    .app-detail .detail-content .detail-text{
        flex-direction:column;
        padding-left:20px
    }
}
.app-detail .video-attr{
    margin:5px 0;
    font-size:12px;
    display:flex
}
.app-detail .video-attr .attr{
    color:#9999a5;
    margin-bottom:5px;
    flex:0 0 150px;
    max-width:150px
}
.app-detail .video-attr .text a{
    margin-right:10px;
    display:inline-block
}
.app-detail .dropdown-toggle.btn-service{
    font-size:14px
}
.app-detail .dropdown-menu .btn-service{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    background-color:transparent!important;
    padding:6px 25px!important;
    width:100%;
    font-size:14px!important
}
.app-detail .dropdown-menu .btn-service .name{
    margin-right:10px
}
.app-detail .dropdown-menu .btn-service .language{
    font-size:12px;
    color:#9999a5
}
.app-detail .dropdown-share{
    background-color:transparent;
    padding:0;
    margin-top:10px
}
.app-detail .dropdown-share a{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:#101010;
    border-radius:100px;
    margin-right:2px
}
.app-detail .dropdown-share a svg{
    fill:#fff;
    width:14px;
    height:14px
}
.app-detail .dropdown-share a.bg-whatsapp svg{
    width:16px;
    height:16px
}
.app-detail .dropdown-share a:hover{
    background-color:var(--theme-color)
}
.app-detail .dropdown-share a:hover svg{
    fill:#fff;
    stroke:#fff
}
@media(max-width:767.98px){
    .action-btns{
        justify-content:flex-start!important
    }
    .action-btn{
        margin-left:0
    }
}
.actor-profile h1{
    font-size:28px;
    color:#fff;
    margin-bottom:10px;
    margin-top:10px;
    font-weight:600
}
.actor-profile h2{
    font-size:14px;
    margin-bottom:10px;
    font-weight:400
}
.actor-profile .profile-attr{
    margin:2rem 0
}
.actor-profile .profile-attr .attr{
    font-weight:500;
    font-size:14px;
    margin-bottom:10px;
    color:#fff
}
.actor-profile .profile-attr .text a{
    margin-right:10px;
    display:inline-block
}
.actor-profile .profile-attr-small{
    margin:1rem 0
}
.actor-profile .profile-attr-small .attr{
    font-size:12px;
    margin-bottom:5px;
    color:#fff
}
.actor-profile .profile-attr-small .text{
    font-size:12px
}
.actor-profile .profile-attr-small .text a{
    margin-right:10px;
    display:inline-block
}
.user-profile .cover{
    position:relative;
    background-color:#101010;
    border-radius:6px
}
.user-profile .avatar{
    width:100px;
    height:100px;
    background-color:#101010;
    border-radius:100px;
    font-size:24px
}
.user-profile .profile-header{
    position:relative;
    padding:0;
    display:flex;
    padding:10px 0
}
.user-profile .profile-header .profile-avatar{
    flex:0 0 100px;
    max-width:100px;
    position:relative;
    z-index:2
}
.user-profile .profile-header .profile-avatar svg{
    width:130px;
    height:130px;
    display:block;
    position:absolute;
    top:-15px;
    left:-15px
}
.user-profile .profile-header .profile-avatar circle{
    stroke:var(--theme-color);
    stroke-width:1;
    stroke-linecap:round;
    fill:none;
    animation:circle-chart-fill 2s reverse;
    transform:rotate(-90deg);
    transform-origin:center
}
.user-profile .profile-header .profile-content{
    flex:1 1 auto;
    max-width:100%;
    padding:0 40px
}
.user-profile .profile-header .name{
    font-size:18px;
    font-weight:600;
    color:#fff
}
.user-profile .profile-header .username{
    font-size:12px;
    color:#9999a5;
    margin-bottom:5px
}
.user-profile .profile-header .about{
    margin-bottom:1rem;
    font-size:12px
}
.user-profile .profile-header .nav-social a{
    width:28px;
    height:28px;
    border-radius:12px;
    background-color:transparent
}
.user-profile .profile-header .nav-social a svg{
    width:16px!important;
    height:16px!important
}
.user-profile .profile-header .nav-social a:hover svg{
    fill:var(--theme-color)
}
.user-profile .profile-heading{
    font-weight:500;
    color:#fff;
    margin-bottom:1rem
}
.user-profile .profile-attr{
    margin:10px 0 1rem;
    font-size:12px
}
.user-profile .profile-attr .attr{
    color:#9999a5;
    margin-bottom:5px
}
.user-profile .profile-attr .text a{
    margin-right:10px;
    display:inline-block
}
.user-profile .profile-box{
    margin-bottom:2rem
}
.user-profile .profile-activity{
    margin-bottom:5px;
    font-size:12px
}
.user-profile .profile-activity a{
    font-weight:500;
    color:var(--theme-color)
}
.user-profile .profile-activity .date{
    color:#9999a5
}
.user-profile .profile-tab{
    position:relative
}
.user-profile .profile-tab a{
    padding:16px 20px;
    font-size:12px
}
.notification{
    margin-bottom:10px;
    font-size:12px;
    display:flex
}
.notification .notification-icon{
    flex:0 0 46px;
    max-width:46px;
    height:46px;
    background-color:#6f42c1;
    border-radius:100px;
    display:flex;
    align-items:center;
    justify-content:center
}
.notification .notification-icon svg{
    width:16px;
    height:16px;
    fill:#fff!important
}
.notification .flex-fill{
    padding-left:20px
}
.notification a{
    font-weight:500;
    color:#fff;
    white-space:normal
}
.notification .date{
    color:#9999a5
}
.notifications{
    padding:20px 20px 0
}
@media(max-width:767.98px){
    .user-profile .profile-tab a{
        padding:15px 10px
    }
}
.forum-filter{
    margin-bottom:2rem
}
.forum-filter .btn{
    margin-right:20px;
    padding:15px 40px
}
.forum-filter a{
    display:inline-block;
    margin-right:10px;
    padding:5px;
    font-size:12px
}
.forum-detail{
    display:flex
}
.forum-detail .forum-avatar{
    flex:0 0 50px;
    max-width:50px;
    position:relative;
    z-index:2
}
.forum-detail .forum-avatar .avatar{
    width:50px;
    height:50px;
    background-color:#101010;
    border-radius:100px;
    font-size:18px
}
.forum-detail .forum-avatar svg{
    width:70px;
    height:70px;
    display:block;
    position:absolute;
    top:-10px;
    left:-10px
}
.forum-detail .forum-avatar circle{
    stroke:var(--theme-color);
    stroke-width:2;
    stroke-linecap:round;
    fill:none;
    animation:circle-chart-fill 2s reverse;
    transform:rotate(-90deg);
    transform-origin:center
}
.forum-detail .forum-content{
    flex:1 1 auto;
    max-width:100%;
    padding:0 30px
}
.forum-detail .forum-footer{
    font-size:12px;
    color:#9999a5
}
.forum-detail .forum-footer a{
    color:#9999a5
}
.forum-detail .forum-footer .user{
    color:#ffc526
}
.forum-detail .forum-post{
    margin:1rem 0
}
.forum-detail .forum-post .head{
    font-size:12px;
    color:#9999a5
}
.forum-detail .forum-post .post-content{
    display:flex;
    align-items:center;
    margin-top:10px
}
.forum-detail .forum-post .post-content .cover{
    flex:0 0 50px;
    max-width:50px
}
.forum-detail .forum-post .post-content .flex-fill{
    flex:1 1 auto;
    max-width:100%;
    padding:0 20px
}
.forum-detail .forum-post .post-content .flex-fill .name{
    font-weight:500;
    color:#fff
}
.forum-detail .forum-post .post-content .flex-fill .category{
    font-size:12px;
    color:#9999a5
}
.forum-detail .forum-post .post-content:hover .name{
    color:var(--theme-color)
}
.forum-detail h1{
    font-size:20px;
    color:#fff;
    font-weight:600;
    margin-bottom:5px
}
.forum-detail p{
    margin:1rem 0 2rem
}
.collection-detail .collection-footer{
    font-size:12px;
    color:#9999a5;
    margin-bottom:1rem
}
.collection-detail .collection-footer a{
    color:#9999a5
}
.collection-detail .collection-footer a.edit{
    color:var(--theme-color);
    margin-left:10px
}
.collection-detail .collection-footer .user{
    color:#ffc526
}
.collection-detail .form-control,.collection-detail .alert,.collection-detail .btn{
    display:none
}
.collection-detail.collection-edit h1{
    display:none!important
}
.collection-detail.collection-edit input{
    margin-bottom:10px;
    display:block
}
.collection-detail.collection-edit .btn{
    display:inline-block;
    margin-bottom:1rem
}
.collection-detail.collection-edit .alert{
    font-size:12px;
    display:block
}
.collection-detail.collection-edit .checked{
    opacity:.4
}
.collection-detail h1{
    font-size:24px;
    color:#fff;
    font-weight:600;
    margin-bottom:5px
}
.collection-detail p{
    margin:1rem 0 2rem
}
.auth{
    max-width:440px;
    margin:2rem auto
}
.noting a{
    padding:14px 34px;
    background-color:#222;
    border-radius:100px;
    color:#fff;
    white-space:nowrap;
    font-weight:500;
    margin-top:20px;
    position:relative
}
.noting a:hover{
    border-color:#3dd598;
    background-color:#3dd598
}
.noting .glitch{
    color:#fff;
    margin:0;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:6rem;
    position:relative;
    white-space:nowrap;
    font-weight:700
}
.noting .glitch.glitch-p{
    font-size:3rem;
    font-weight:900
}
.noting .glitch:after,.noting .glitch:before{
    content:attr(data-text);
    position:absolute;
    top:0;
    color:#fff;
    background-color:#000;
    overflow:hidden
}
.noting .glitch:after{
    left:2px;
    text-shadow:-1px 0 #ff1b1b;
    animation:glitch1 3s infinite ease
}
.noting .glitch:before{
    left:-2px;
    text-shadow:1px 0 #2124ff;
    animation:glitch2 10s infinite ease
}
@media(max-width:767.98px){
    .noting .glitch{
        font-size:4rem
    }
    .noting .glitch.glitch-p{
        font-size:1.5rem;
        font-weight:900
    }
}
@keyframes glitch1{
    0%{
        -webkit-clip-path:inset(71% 0 25% 0);
        clip-path:inset(71% 0 25% 0)
    }
    4%{
        -webkit-clip-path:inset(43% 0 15% 0);
        clip-path:inset(43% 0 15% 0)
    }
    8%{
        -webkit-clip-path:inset(6% 0 1% 0);
        clip-path:inset(6% 0 1% 0)
    }
    12%{
        -webkit-clip-path:inset(98% 0 1% 0);
        clip-path:inset(98% 0 1% 0)
    }
    16%{
        -webkit-clip-path:inset(5% 0 18% 0);
        clip-path:inset(5% 0 18% 0)
    }
    20%{
        -webkit-clip-path:inset(47% 0 26% 0);
        clip-path:inset(47% 0 26% 0)
    }
    24%{
        -webkit-clip-path:inset(95% 0 3% 0);
        clip-path:inset(95% 0 3% 0)
    }
    28%{
        -webkit-clip-path:inset(1% 0 88% 0);
        clip-path:inset(1% 0 88% 0)
    }
    32%{
        -webkit-clip-path:inset(50% 0 22% 0);
        clip-path:inset(50% 0 22% 0)
    }
    36%{
        -webkit-clip-path:inset(26% 0 6% 0);
        clip-path:inset(26% 0 6% 0)
    }
    40%{
        -webkit-clip-path:inset(11% 0 79% 0);
        clip-path:inset(11% 0 79% 0)
    }
    44%{
        -webkit-clip-path:inset(61% 0 39% 0);
        clip-path:inset(61% 0 39% 0)
    }
    48%{
        -webkit-clip-path:inset(39% 0 56% 0);
        clip-path:inset(39% 0 56% 0)
    }
    52%{
        -webkit-clip-path:inset(75% 0 18% 0);
        clip-path:inset(75% 0 18% 0)
    }
    56%{
        -webkit-clip-path:inset(78% 0 3% 0);
        clip-path:inset(78% 0 3% 0)
    }
    60%{
        -webkit-clip-path:inset(90% 0 3% 0);
        clip-path:inset(90% 0 3% 0)
    }
    64%{
        -webkit-clip-path:inset(82% 0 16% 0);
        clip-path:inset(82% 0 16% 0)
    }
    68%{
        -webkit-clip-path:inset(27% 0 19% 0);
        clip-path:inset(27% 0 19% 0)
    }
    72%{
        -webkit-clip-path:inset(77% 0 12% 0);
        clip-path:inset(77% 0 12% 0)
    }
    76%{
        -webkit-clip-path:inset(33% 0 6% 0);
        clip-path:inset(33% 0 6% 0)
    }
    80%{
        -webkit-clip-path:inset(28% 0 12% 0);
        clip-path:inset(28% 0 12% 0)
    }
    84%{
        -webkit-clip-path:inset(43% 0 52% 0);
        clip-path:inset(43% 0 52% 0)
    }
    88%{
        -webkit-clip-path:inset(69% 0 7% 0);
        clip-path:inset(69% 0 7% 0)
    }
    92%{
        -webkit-clip-path:inset(65% 0 15% 0);
        clip-path:inset(65% 0 15% 0)
    }
    96%{
        -webkit-clip-path:inset(57% 0 29% 0);
        clip-path:inset(57% 0 29% 0)
    }
    100%{
        -webkit-clip-path:inset(36% 0 58% 0);
        clip-path:inset(36% 0 58% 0)
    }
}
@keyframes glitch2{
    0%{
        -webkit-clip-path:inset(32% 0 55% 0);
        clip-path:inset(32% 0 55% 0)
    }
    4%{
        -webkit-clip-path:inset(16% 0 40% 0);
        clip-path:inset(16% 0 40% 0)
    }
    8%{
        -webkit-clip-path:inset(12% 0 87% 0);
        clip-path:inset(12% 0 87% 0)
    }
    12%{
        -webkit-clip-path:inset(72% 0 22% 0);
        clip-path:inset(72% 0 22% 0)
    }
    16%{
        -webkit-clip-path:inset(33% 0 18% 0);
        clip-path:inset(33% 0 18% 0)
    }
    20%{
        -webkit-clip-path:inset(15% 0 10% 0);
        clip-path:inset(15% 0 10% 0)
    }
    24%{
        -webkit-clip-path:inset(93% 0 2% 0);
        clip-path:inset(93% 0 2% 0)
    }
    28%{
        -webkit-clip-path:inset(70% 0 17% 0);
        clip-path:inset(70% 0 17% 0)
    }
    32%{
        -webkit-clip-path:inset(32% 0 60% 0);
        clip-path:inset(32% 0 60% 0)
    }
    36%{
        -webkit-clip-path:inset(53% 0 18% 0);
        clip-path:inset(53% 0 18% 0)
    }
    40%{
        -webkit-clip-path:inset(83% 0 14% 0);
        clip-path:inset(83% 0 14% 0)
    }
    44%{
        -webkit-clip-path:inset(89% 0 7% 0);
        clip-path:inset(89% 0 7% 0)
    }
    48%{
        -webkit-clip-path:inset(85% 0 3% 0);
        clip-path:inset(85% 0 3% 0)
    }
    52%{
        -webkit-clip-path:inset(8% 0 43% 0);
        clip-path:inset(8% 0 43% 0)
    }
    56%{
        -webkit-clip-path:inset(6% 0 93% 0);
        clip-path:inset(6% 0 93% 0)
    }
    60%{
        -webkit-clip-path:inset(2% 0 85% 0);
        clip-path:inset(2% 0 85% 0)
    }
    64%{
        -webkit-clip-path:inset(100% 0 1% 0);
        clip-path:inset(100% 0 1% 0)
    }
    68%{
        -webkit-clip-path:inset(3% 0 11% 0);
        clip-path:inset(3% 0 11% 0)
    }
    72%{
        -webkit-clip-path:inset(44% 0 19% 0);
        clip-path:inset(44% 0 19% 0)
    }
    76%{
        -webkit-clip-path:inset(71% 0 21% 0);
        clip-path:inset(71% 0 21% 0)
    }
    80%{
        -webkit-clip-path:inset(58% 0 36% 0);
        clip-path:inset(58% 0 36% 0)
    }
    84%{
        -webkit-clip-path:inset(53% 0 42% 0);
        clip-path:inset(53% 0 42% 0)
    }
    88%{
        -webkit-clip-path:inset(47% 0 25% 0);
        clip-path:inset(47% 0 25% 0)
    }
    92%{
        -webkit-clip-path:inset(79% 0 12% 0);
        clip-path:inset(79% 0 12% 0)
    }
    96%{
        -webkit-clip-path:inset(62% 0 19% 0);
        clip-path:inset(62% 0 19% 0)
    }
    100%{
        -webkit-clip-path:inset(9% 0 19% 0);
        clip-path:inset(9% 0 19% 0)
    }
}
.filter-toolbar{
    flex:1 1 auto;
    max-width:100%;
    display:flex;
    align-items:center;
    margin:.75rem 0 2rem
}
@media(max-width:991.98px){
    .filter-toolbar{
        display:none
    }
}
.filter-item{
    margin-right:2.5rem;
    position:relative
}
.filter-item label{
    color:#9999a5;
    font-size:12px;
    display:block;
    margin-bottom:4px
}
.filter-item .filter-value{
    font-size:14px;
    font-weight:500;
    color:#fff
}
.filter-item .filter-item-content{
    display:flex;
    align-items:center
}
.filter-item .dropdown-btn{
    position:relative;
    width:16px;
    height:16px;
    display:block;
    margin-top:2px;
    margin-left:15px;
    cursor:pointer
}
.filter-item .dropdown-btn:before,.filter-item .dropdown-btn:after{
    content:"";
    position:absolute;
    display:block;
    width:16px;
    height:2px;
    background-color:rgba(255,255,255,.7);
    left:0;
    top:50%;
    transition:.2s ease;
    margin-top:-5px
}
.filter-item .dropdown-btn:after{
    margin-top:2px;
    width:10px
}
.filter-item .filter-item-content[aria-expanded=true] .dropdown-btn:before{
    transform:rotate(45deg);
    margin-top:-2px;
    background-color:var(--theme-color)
}
.filter-item .filter-item-content[aria-expanded=true] .dropdown-btn:after{
    margin-top:-2px;
    width:16px;
    transform:rotate(-45deg);
    background-color:var(--theme-color)
}
.filter-item .dropdown-menu{
    left:-20px!important;
    margin-top:10px;
    background-color:#101010;
    padding:1rem 0
}
.filter-item .dropdown-menu li{
    font-size:14px;
    cursor:pointer;
    padding:4px 20px
}
.filter-item .dropdown-menu li:hover,.filter-item .dropdown-menu li.selected{
    color:var(--theme-color)
}
.filter-item .dropdown-menu.dropdown-2x.show{
    display:inline-flex;
    flex-wrap:wrap;
    max-width:20rem;
    width:20rem
}
.filter-item .dropdown-menu.dropdown-2x.show li{
    flex:0 0 50%;
    max-width:50%
}
.btn-apply{
    border-radius:100px;
    padding:14px 40px;
    font-size:12px;
    font-weight:500
}
.app-slider{
    overflow:hidden;
    border-radius:6px;
    position:relative
}
.app-slider a:hover{
    color:#fff
}
.app-slider .carousel-control-next{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    z-index:10
}
.app-slider .carousel-control-prev{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    z-index:10
}
.app-slider .carousel-indicators{
    right:auto;
    margin-left:0;
    bottom:2%;
    left:60px;
    align-items:center
}
.app-slider .carousel-indicators li{
    width:6px;
    height:6px;
    margin:0 6px;
    border-radius:20px;
    border:0;
    opacity:1;
    background-color:rgba(255,255,255,.3);
    transition:none
}
.app-slider .carousel-indicators li.active{
    height:12px;
    width:12px;
    background-color:var(--theme-color)
}
.app-slider .control-next,.app-slider .control-prev{
    width:60px;
    height:60px;
    border-radius:100%;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--theme-color);
    cursor:pointer;
    color:#fff;
    transition:.7s;
    border:none
}
.app-slider .control-next svg,.app-slider .control-prev svg{
    stroke:#fff;
    width:24px;
    height:24px
}
.app-slider .control-next:hover,.app-slider .control-prev:hover{
    background-color:var(--theme-color)
}
.app-slider .control-prev svg{
    position:relative;
    left:-2px
}
.app-slider .slide{
    position:relative;
    cursor:pointer;
    transition:all .3s;
    background-size:100%
}
@media(prefers-reduced-motion:reduce){
    .app-slider .slide{
        transition:none
    }
}
.app-slider .slide:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(220deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.96) 80%);
    content:""
}
.app-slider .slide .cover{
    flex:0 0 80px;
    max-width:80px;
    margin-right:20px
}
.app-slider .slide .cover .media{
    background-color:#222
}
.app-slider .slide .slide-caption{
    position:absolute;
    z-index:1;
    left:auto;
    top:0;
    display:flex;
    align-items:center;
    bottom:0;
    right:auto;
    max-width:70%;
    width:100%
}
.app-slider .slide .slide-caption .title{
    color:#fff;
    font-size:56px;
    line-height:1.2;
    max-height:134.4px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-weight:900;
    background:url(../img/texture.webp);
    background-repeat:repeat-x;
    background-position:100% 100%;
    color:transparent;
    -webkit-font-smoothing:antialiased;
    -webkit-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    text-transform:uppercase
}
.app-slider .slide .slide-caption .titlev2{
    font-size:14px;
    max-height:22.4px
}
.app-slider .slide .slide-caption .category{
    color:rgba(255,255,255,.6);
    font-size:12px
}
.app-slider .slide .slide-caption .description{
    color:#fff;
    font-size:16px;
    max-height:51.2px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    margin-top:1rem;
    -webkit-box-orient:vertical;
    color:rgba(255,255,255,.76)
}
.app-slider .slide .slide-caption .imdb{
    /*background: #ff0000;*/
    /*border-radius:.25rem;*/
    /*padding:3px 6px;*/
    /*margin-right:20px;*/
    /*color:#fff;*/
    /*text-shadow:none;*/
    /*font-size:.9em;*/
    /*display:inline*/
    
    background: #fd1b44;
    border-radius: 17.25rem;
    padding: 10px 33px;
    margin-right:20px;
    color:#fff;
    text-shadow:none;
    font-size:.9em;
    display:inline
}

.playslider {
    display: inline-flex; /* Menggunakan inline-flex untuk menyamakan sejajar secara horizontal */
    align-items: center; /* Menyamakan tinggi untuk vertikal */
    background: #fd1b44;
    border-radius: 17.25rem;
    padding: 10px 33px;
    margin-right:20px;
    color:#fff;

}

.playslider i {
    margin-right: 9px; /* Memberi jarak kanan pada ikon */
}

/* Media query untuk perangkat mobile */
@media (max-width: 768px) {
    .playslider {
        padding: 3px 8px; /* Mengurangi padding untuk perangkat mobile */
        margin-right: 10px; /* Mengurangi margin untuk perangkat mobile */
        font-size: 10px; /* Mengurangi ukuran teks untuk perangkat mobile */
    }

    .playslider i {
        margin-right: 6px; /* Mengurangi jarak kanan ikon untuk perangkat mobile */
        font-size: 10px; /* Ukuran untuk perangkat mobile */

    }
}
                                        
.app-slider .slide .slide-caption .slide-btn{
    margin-top:1rem
}
.app-slider .slide .slide-caption .slide-btn>*{
    margin-right:.5rem
}
.app-slider .slide .slide-caption .btn{
    padding:14px 50px;
    border-radius:6px
}
.app-slider .slide .slide-caption .slide-header{
    font-size:12px;
    display:flex;
    align-items:center
}
.app-slider .slide .slide-caption .slide-header>div{
    margin-right:10px
}
@media(max-width:767.98px){
    .app-slider .slide .slide-caption{
    }
    .app-slider .slide .slide-caption .title{
        font-size:20px;
        line-height:1.2;
        max-height:67.2px
    }
    .app-slider .slide .slide-caption .description{
        display:none
    }
    .app-slider .slide .slide-caption .btn{
        display:none
    }
    .app-slider .carousel-indicators{
        left:20px;
        bottom:5px
    }
    .app-slider .carousel-indicators li{
        width:6px;
        height:6px;
        margin:0 3px
    }
    .app-slider .carousel-indicators li.active{
        height:8px;
        width:8px;
        background-color:var(--theme-color)
    }
    .app-slider .carousel-control{
        display:none
    }
    .app-slider .control-next,.app-slider .control-prev{
        width:44px;
        height:44px;
        margin:0 5px
    }
    .app-slider .control-next svg,.app-slider .control-prev svg{
        stroke:#fff;
        width:14px;
        height:14px
    }
}
@keyframes plyr-progress{
    to{
        background-position:25px 0
    }
}
@keyframes plyr-popup{
    0%{
        opacity:.5;
        transform:translateY(10px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes plyr-fade-in{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.plyr{
    -moz-osx-font-smoothing:auto;
    -webkit-font-smoothing:subpixel-antialiased;
    align-items:center;
    direction:ltr;
    display:flex;
    flex-direction:column;
    font-family:Avenir,avenir next,helvetica neue,segoe ui,Helvetica,Arial,sans-serif;
    font-variant-numeric:tabular-nums;
    font-weight:500;
    height:100%;
    line-height:1.7;
    max-width:100%;
    min-width:200px;
    position:relative;
    text-shadow:none;
    transition:box-shadow .3s ease;
    z-index:0
}
.plyr video,.plyr audio,.plyr iframe{
    display:block;
    height:100%;
    width:100%
}
.plyr button{
    font:inherit;
    line-height:inherit;
    width:auto
}
.plyr:focus{
    outline:0
}
.plyr--full-ui{
    box-sizing:border-box
}
.plyr--full-ui *,.plyr--full-ui *::after,.plyr--full-ui *::before{
    box-sizing:inherit
}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{
    touch-action:manipulation
}
.plyr__badge{
    background:#4a5764;
    border-radius:2px;
    color:#fff;
    font-size:9px;
    line-height:1;
    padding:3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container{
    display:none
}
.plyr__captions{
    animation:plyr-fade-in .3s ease;
    bottom:0;
    color:#fff;
    display:none;
    font-size:14px;
    left:0;
    padding:10px;
    position:absolute;
    text-align:center;
    transition:transform .4s ease-in-out;
    width:100%
}
.plyr__captions .plyr__caption{
    background:rgba(0,0,0,.8);
    border-radius:2px;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    line-height:185%;
    padding:.2em .5em;
    white-space:pre-wrap
}
.plyr__captions .plyr__caption div{
    display:inline
}
.plyr__captions span:empty{
    display:none
}
@media(min-width:480px){
    .plyr__captions{
        font-size:16px;
        padding:20px
    }
}
@media(min-width:768px){
    .plyr__captions{
        font-size:18px
    }
}
.plyr--captions-active .plyr__captions{
    display:block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{
    transform:translateY(-40px)
}
.plyr__control{
    background:0 0;
    border:0;
    border-radius:3px;
    color:inherit;
    cursor:pointer;
    flex-shrink:0;
    overflow:visible;
    padding:7px;
    position:relative;
    transition:all .3s ease
}
.plyr__control svg{
    display:block;
    fill:currentColor;
    height:20px;
    pointer-events:none;
    width:20px
}
.plyr__control:focus{
    outline:0
}
.plyr__control.plyr__tab-focus{
    box-shadow:0 0 0 5px rgba(var(--theme-color),0.5);
    outline:0
}
a.plyr__control{
    text-decoration:none
}
a.plyr__control::after,a.plyr__control::before{
    display:none
}
.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,.plyr__control.plyr__control--pressed .label--not-pressed{
    display:none
}
.plyr--full-ui ::-webkit-media-controls{
    display:none
}
.plyr__controls{
    align-items:center;
    display:flex;
    justify-content:flex-end;
    text-align:center
}
.plyr__controls .plyr__progress__container{
    flex:1;
    min-width:0
}
.plyr__controls .plyr__controls__item{
    margin-left:2.5px
}
.plyr__controls .plyr__controls__item:first-child{
    margin-left:0;
    margin-right:auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container{
    padding-left:2.5px
}
.plyr__controls .plyr__controls__item.plyr__time{
    padding:0 5px
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time{
    padding-left:0
}
.plyr__controls:empty{
    display:none
}
.plyr [data-plyr=captions],.plyr [data-plyr=pip],.plyr [data-plyr=airplay],.plyr [data-plyr=fullscreen]{
    display:none
}
.plyr--captions-enabled [data-plyr=captions],.plyr--pip-supported [data-plyr=pip],.plyr--airplay-supported [data-plyr=airplay],.plyr--fullscreen-enabled [data-plyr=fullscreen]{
    display:inline-block
}
.plyr__menu{
    display:flex;
    position:relative
}
.plyr__menu .plyr__control svg{
    transition:transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg{
    transform:rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{
    display:none
}
.plyr__menu__container{
    animation:plyr-popup .2s ease;
    background:rgba(255,255,255,.9);
    border-radius:4px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    color:#4a5764;
    font-size:16px;
    margin-bottom:10px;
    position:absolute;
    right:-3px;
    text-align:left;
    white-space:nowrap;
    z-index:3
}
.plyr__menu__container>div{
    overflow:hidden;
    transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}
.plyr__menu__container::after{
    border:4px solid transparent;
    border-top-color:rgba(255,255,255,.9);
    content:"";
    height:0;
    position:absolute;
    right:15px;
    top:100%;
    width:0
}
.plyr__menu__container [role=menu]{
    padding:7px
}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{
    margin-top:2px
}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{
    margin-top:0
}
.plyr__menu__container .plyr__control{
    align-items:center;
    color:#4a5764;
    display:flex;
    font-size:14px;
    padding:4px 11px;
    -webkit-user-select:none;
    user-select:none;
    width:100%
}
.plyr__menu__container .plyr__control>span{
    align-items:inherit;
    display:flex;
    width:100%
}
.plyr__menu__container .plyr__control::after{
    border:4px solid transparent;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.plyr__menu__container .plyr__control--forward{
    padding-right:28px
}
.plyr__menu__container .plyr__control--forward::after{
    border-left-color:rgba(74,87,100,.8);
    right:5px
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{
    border-left-color:currentColor
}
.plyr__menu__container .plyr__control--back{
    font-weight:500;
    margin:7px;
    margin-bottom:3px;
    padding-left:28px;
    position:relative;
    width:calc(100% - 14px)
}
.plyr__menu__container .plyr__control--back::after{
    border-right-color:rgba(74,87,100,.8);
    left:7px
}
.plyr__menu__container .plyr__control--back::before{
    background:rgba(114,133,151,.2);
    box-shadow:0 1px 0 #fff;
    content:"";
    height:1px;
    left:0;
    margin-top:4px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:100%
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{
    border-right-color:currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio]{
    padding-left:7px
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before,.plyr__menu__container .plyr__control[role=menuitemradio]::after{
    border-radius:100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before{
    background:rgba(0,0,0,.1);
    content:"";
    display:block;
    flex-shrink:0;
    height:16px;
    margin-right:10px;
    transition:all .3s ease;
    width:16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after{
    background:#fff;
    border:0;
    height:6px;
    left:12px;
    opacity:0;
    top:50%;
    transform:translateY(-50%) scale(0);
    transition:transform .3s ease,opacity .3s ease;
    width:6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{
    background:var(--theme-color)
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{
    opacity:1;
    transform:translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{
    background:rgba(0,0,0,.1)
}
.plyr__menu__container .plyr__menu__value{
    align-items:center;
    display:flex;
    margin-left:auto;
    margin-right:-5px;
    overflow:hidden;
    padding-left:25px;
    pointer-events:none
}
.plyr--full-ui input[type=range]{
    -webkit-appearance:none;
    background:0 0;
    border:0;
    border-radius:26px;
    color:var(--theme-color);
    display:block;
    height:19px;
    margin:0;
    padding:0;
    transition:box-shadow .3s ease;
    width:100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    -webkit-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    -webkit-user-select:none;
    user-select:none;
    background-image:linear-gradient(to right,currentColor var(--value,0%),transparent var(--value,0%))
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height:13px;
    position:relative;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    width:13px;
    -webkit-appearance:none;
    margin-top:-4px
}
.plyr--full-ui input[type=range]::-moz-range-track{
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    -moz-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    user-select:none
}
.plyr--full-ui input[type=range]::-moz-range-thumb{
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height:13px;
    position:relative;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    width:13px
}
.plyr--full-ui input[type=range]::-moz-range-progress{
    background:currentColor;
    border-radius:2.5px;
    height:5px
}
.plyr--full-ui input[type=range]::-ms-track{
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    -ms-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    user-select:none;
    color:transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper{
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    -ms-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    user-select:none
}
.plyr--full-ui input[type=range]::-ms-fill-lower{
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    -ms-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    user-select:none;
    background:currentColor
}
.plyr--full-ui input[type=range]::-ms-thumb{
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height:13px;
    position:relative;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    width:13px;
    margin-top:0
}
.plyr--full-ui input[type=range]::-ms-tooltip{
    display:none
}
.plyr--full-ui input[type=range]:focus{
    outline:0
}
.plyr--full-ui input[type=range]::-moz-focus-outer{
    border:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{
    box-shadow:0 0 0 5px rgba(var(--theme-color),0.5);
    outline:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{
    box-shadow:0 0 0 5px rgba(var(--theme-color),0.5);
    outline:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{
    box-shadow:0 0 0 5px rgba(var(--theme-color),0.5);
    outline:0
}
.plyr__poster{
    background-color:#000;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity .2s ease;
    width:100%;
    z-index:1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster{
    opacity:1
}
.plyr__time{
    font-size:14px
}
.plyr__time+.plyr__time::before{
    content:"⁄";
    margin-right:10px
}
@media(max-width:767px){
    .plyr__time+.plyr__time{
        display:none
    }
}
.plyr__tooltip{
    background:rgba(255,255,255,.9);
    border-radius:3px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    color:#4a5764;
    font-size:14px;
    font-weight:500;
    left:50%;
    line-height:1.3;
    margin-bottom:10px;
    opacity:0;
    padding:5px 7.5px;
    pointer-events:none;
    position:absolute;
    transform:translate(-50%,10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s .1s ease,opacity .2s .1s ease;
    white-space:nowrap;
    z-index:2
}
.plyr__tooltip::before{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid rgba(255,255,255,.9);
    bottom:-4px;
    content:"";
    height:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr .plyr__control:hover .plyr__tooltip,.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__tooltip--visible{
    opacity:1;
    transform:translate(-50%,0) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip{
    z-index:3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{
    left:0;
    transform:translate(0,10px) scale(.8);
    transform-origin:0 100%
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{
    left:17px
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{
    left:auto;
    right:0;
    transform:translate(0,10px) scale(.8);
    transform-origin:100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{
    left:auto;
    right:17px;
    transform:translateX(50%)
}
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible{
    transform:translate(0,0) scale(1)
}
.plyr__progress{
    left:6.5px;
    margin-right:13px;
    position:relative
}
.plyr__progress input[type=range],.plyr__progress__buffer{
    margin-left:-6.5px;
    margin-right:-6.5px;
    width:calc(100% + 13px)
}
.plyr__progress input[type=range]{
    position:relative;
    z-index:2;
    cursor:pointer
}
.plyr__progress .plyr__tooltip{
    font-size:14px;
    left:0
}
.plyr__progress__buffer{
    -webkit-appearance:none;
    background:0 0;
    border:0;
    border-radius:100px;
    height:5px;
    left:0;
    margin-top:-2.5px;
    padding:0;
    position:absolute;
    top:50%
}
.plyr__progress__buffer::-webkit-progress-bar{
    background:0 0
}
.plyr__progress__buffer::-webkit-progress-value{
    background:currentColor;
    border-radius:100px;
    min-width:5px;
    -webkit-transition:width .2s ease;
    transition:width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar{
    background:currentColor;
    border-radius:100px;
    min-width:5px;
    -moz-transition:width .2s ease;
    transition:width .2s ease
}
.plyr__progress__buffer::-ms-fill{
    border-radius:100px;
    -ms-transition:width .2s ease;
    transition:width .2s ease
}
.plyr--loading .plyr__progress__buffer{
    animation:plyr-progress 1s linear infinite;
    background-image:linear-gradient(-45deg,rgba(35,41,47,0.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,0.6) 50%,rgba(35,41,47,0.6) 75%,transparent 75%,transparent);
    background-repeat:repeat-x;
    background-size:25px 25px;
    color:transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer{
    background-color:rgba(255,255,255,.25)
}
.plyr--audio.plyr--loading .plyr__progress__buffer{
    background-color:rgba(193,201,209,.66)
}
.plyr__volume{
    align-items:center;
    display:flex;
    max-width:110px;
    min-width:80px;
    position:relative;
    width:20%
}
.plyr__volume input[type=range]{
    margin-left:5px;
    margin-right:5px;
    position:relative;
    z-index:2
}
.plyr--is-ios .plyr__volume{
    min-width:0;
    width:auto
}
.plyr--audio{
    display:block
}
.plyr--audio .plyr__controls{
    background:#fff;
    border-radius:inherit;
    color:#4a5764;
    padding:10px
}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{
    background:var(--theme-color);
    color:#fff
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{
    background-color:rgba(193,201,209,.66)
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{
    background-color:rgba(193,201,209,.66)
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{
    background-color:rgba(193,201,209,.66)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}
.plyr--audio .plyr__progress__buffer{
    color:rgba(193,201,209,.66)
}
.plyr--video{
    background:#000;
    overflow:hidden
}
.plyr--video.plyr--menu-open{
    overflow:visible
}
.plyr__video-wrapper{
    background:#000;
    height:100%;
    margin:auto;
    overflow:hidden;
    width:100%
}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
    height:0;
    padding-bottom:56.25%
}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{
    border:0;
    left:0;
    position:absolute;
    top:0
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{
    padding-bottom:240%;
    position:relative;
    transform:translateY(-38.28125%)
}
.plyr--video .plyr__controls{
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
    bottom:0;
    color:#fff;
    left:0;
    padding:20px 5px 5px;
    position:absolute;
    right:0;
    transition:opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index:3
}
@media(min-width:480px){
    .plyr--video .plyr__controls{
        padding:35px 10px 10px
    }
}
.plyr--video.plyr--hide-controls .plyr__controls{
    opacity:0;
    pointer-events:none;
    transform:translateY(100%)
}
.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{
    color:#fff
}
.plyr__control--overlaid{
    background:var(--theme-color);
    border:0;
    border-radius:100%;
    color:#fff;
    display:none;
    left:50%;
    padding:27px;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:2
}
.plyr__control--overlaid svg{
    left:2px;
    position:relative
}
.plyr__control--overlaid:hover,.plyr__control--overlaid:focus{
    background:var(--theme-color)
}
.plyr--playing .plyr__control--overlaid{
    opacity:0;
    visibility:hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid{
    display:block
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{
    background-color:rgba(255,255,255,.25)
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{
    background-color:rgba(255,255,255,.25)
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{
    background-color:rgba(255,255,255,.25)
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)
}
.plyr--video .plyr__progress__buffer{
    color:rgba(255,255,255,.25)
}
.plyr:-webkit-full-screen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:fullscreen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-webkit-full-screen video{
    height:100%
}
.plyr:fullscreen video{
    height:100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:fullscreen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-webkit-full-screen.plyr--hide-controls{
    cursor:none
}
.plyr:fullscreen.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr:-webkit-full-screen .plyr__captions{
        font-size:21px
    }
    .plyr:fullscreen .plyr__captions{
        font-size:21px
    }
}
.plyr:-webkit-full-screen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-webkit-full-screen video{
    height:100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-webkit-full-screen.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr:-webkit-full-screen .plyr__captions{
        font-size:21px
    }
}
.plyr:-moz-full-screen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-moz-full-screen video{
    height:100%
}
.plyr:-moz-full-screen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-moz-full-screen.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr:-moz-full-screen .plyr__captions{
        font-size:21px
    }
}
.plyr:-ms-fullscreen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-ms-fullscreen video{
    height:100%
}
.plyr:-ms-fullscreen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-ms-fullscreen.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr:-ms-fullscreen .plyr__captions{
        font-size:21px
    }
}
.plyr--fullscreen-fallback{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%;
    bottom:0;
    display:block;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:10000000
}
.plyr--fullscreen-fallback video{
    height:100%
}
.plyr--fullscreen-fallback .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr--fullscreen-fallback.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr--fullscreen-fallback .plyr__captions{
        font-size:21px
    }
}
.plyr__ads{
    border-radius:inherit;
    bottom:0;
    cursor:pointer;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.plyr__ads>div,.plyr__ads>div iframe{
    height:100%;
    position:absolute;
    width:100%
}
.plyr__ads::after{
    background:rgba(35,41,47,.8);
    border-radius:2px;
    bottom:10px;
    color:#fff;
    content:attr(data-badge-text);
    font-size:11px;
    padding:2px 6px;
    pointer-events:none;
    position:absolute;
    right:10px;
    z-index:3
}
.plyr__ads::after:empty{
    display:none
}
.plyr__cues{
    background:currentColor;
    display:block;
    height:5px;
    left:0;
    margin:-2.5px 0 0;
    opacity:.8;
    position:absolute;
    top:50%;
    width:3px;
    z-index:3
}
.plyr__preview-thumb{
    background-color:rgba(255,255,255,.9);
    border-radius:3px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    margin-bottom:10px;
    opacity:0;
    padding:3px;
    pointer-events:none;
    position:absolute;
    transform:translate(0,10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s .1s ease,opacity .2s .1s ease;
    z-index:2
}
.plyr__preview-thumb--is-shown{
    opacity:1;
    transform:translate(0,0) scale(1)
}
.plyr__preview-thumb::before{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid rgba(255,255,255,.9);
    bottom:-4px;
    content:"";
    height:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr__preview-thumb__image-container{
    background:#c1c9d1;
    border-radius:2px;
    overflow:hidden;
    position:relative;
    z-index:0
}
.plyr__preview-thumb__image-container img{
    height:100%;
    left:0;
    max-height:none;
    max-width:none;
    position:absolute;
    top:0;
    width:100%
}
.plyr__preview-thumb__time-container{
    bottom:6px;
    left:0;
    position:absolute;
    right:0;
    white-space:nowrap;
    z-index:3
}
.plyr__preview-thumb__time-container span{
    background-color:rgba(0,0,0,.55);
    border-radius:2px;
    color:#fff;
    font-size:14px;
    padding:3px 6px
}
.plyr__preview-scrubbing{
    bottom:0;
    filter:blur(1px);
    height:100%;
    left:0;
    margin:auto;
    opacity:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    transition:opacity .3s ease;
    width:100%;
    z-index:1
}
.plyr__preview-scrubbing--is-shown{
    opacity:1
}
.plyr__preview-scrubbing img{
    height:100%;
    left:0;
    max-height:none;
    max-width:none;
    object-fit:contain;
    position:absolute;
    top:0;
    width:100%;
    display:none
}
.plyr--no-transition{
    transition:none!important
}
.plyr__sr-only{
    clip:rect(1px,1px,1px,1px);
    overflow:hidden;
    border:0!important;
    height:1px!important;
    padding:0!important;
    position:absolute!important;
    width:1px!important
}
.plyr [hidden]{
    display:none!important
}
.snackbar-container{
    transition:all 500ms ease;
    transition-property:top,right,bottom,left,opacity;
    font-size:12px;
    min-height:14px;
    background-color:#18191a;
    border-radius:6px;
    position:fixed;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    line-height:22px;
    padding:16px 25px;
    bottom:-100px;
    top:-100px;
    opacity:0;
    z-index:9999
}
.snackbar-container .action{
    background:inherit;
    display:inline-block;
    border:none;
    font-size:inherit;
    text-transform:uppercase;
    color:#4caf50;
    margin:0 0 0 24px;
    padding:0;
    font-size:12px;
    font-weight:600;
    opacity:.5;
    min-width:-webkit-min-content;
    min-width:min-content;
    cursor:pointer;
    outline:none
}
@media(min-width:640px){
    .snackbar-container{
        min-width:420px;
        max-width:568px;
        display:inline-flex
    }
}
@media(max-width:640px){
    .snackbar-container{
        left:0;
        right:0;
        width:100%
    }
}
.snackbar-pos.bottom-center{
    top:auto!important;
    bottom:20px;
    left:50%;
    transform:translate(-50%,0)
}
.snackbar-pos.bottom-left{
    top:auto!important;
    bottom:0;
    left:0
}
.snackbar-pos.bottom-right{
    top:auto!important;
    bottom:40px;
    right:20px
}
.snackbar-pos.top-left{
    bottom:auto!important;
    top:0;
    left:0
}
.snackbar-pos.top-center{
    bottom:auto!important;
    top:20px;
    left:50%;
    transform:translate(-50%,0)
}
.snackbar-pos.top-right{
    bottom:auto!important;
    top:16px;
    right:20px
}
@media(max-width:640px){
    .snackbar-pos.bottom-center,.snackbar-pos.top-center{
        left:0;
        transform:none
    }
}
.list-comments{
    padding:0;
    margin:0
}
.list-comments.children{
    padding-left:60px
}
.comment-total{
    font-size:12px
}
.character-count{
    display:none
}
.list-more{
    font-weight:500;
    color:var(--theme-color);
    position:relative;
    z-index:4
}
.list-more:hover{
    text-decoration:underline
}
.list-comment{
    list-style:none;
    position:relative
}
.list-comment.spoiler{
    position:relative
}
.list-comment.spoiler:before{
    position:absolute;
    top:-10px;
    right:0;
    left:-10px;
    bottom:-10px;
    content:"";
    z-index:2;
    background:rgba(0,0,0,.7);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.list-comment .spoiler-btn{
    position:absolute;
    top:50%;
    left:70px;
    font-size:12px;
    transform:translateY(-50%);
    z-index:3;
    cursor:pointer;
    color:#fff
}
.list-comment .spoiler-btn span{
    font-weight:500
}
.list-comment .spoiler-btn:hover{
    color:var(--theme-color)
}
.list-comment form{
    display:none
}
.list-comment.list-hide{
    display:none
}
.list-comment .list-comment-content{
    padding:15px 0;
    display:flex
}
.list-comment .list-comment-content.list-comment-reply{
    padding-left:60px
}
.list-comment .list-comment-content .list-avatar{
    flex:0 0 40px;
    max-width:40px
}
.list-comment .list-comment-content .list-body{
    flex:1 1 auto;
    max-width:100%;
    padding-left:20px;
    max-width:100%
}
.list-comment .list-comment-content .list-body .list-name{
    font-weight:500;
    color:#fff;
    font-size:12px;
    margin-bottom:5px;
    display:inline-block
}
.list-comment .list-comment-content .list-body .list-date{
    display:inline-block;
    margin-left:10px;
    color:#9999a5;
    font-size:12px
}
.list-comment .list-comment-content .list-body .list-status{
    display:inline-block;
    margin-left:10px;
    color:#ffc526;
    font-size:12px
}
.list-comment .list-comment-content .list-comment-footer{
    display:flex;
    align-items:center;
    margin-top:5px
}
.list-comment .list-comment-content .list-comment-footer .reply,.list-comment .list-comment-content .list-comment-footer .report,.list-comment .list-comment-content .list-comment-footer a{
    cursor:pointer;
    font-size:12px;
    display:inline-block;
    margin-right:20px;
    color:#9999a5
}
.list-comment .list-comment-content .list-comment-footer .reply:hover,.list-comment .list-comment-content .list-comment-footer .report:hover,.list-comment .list-comment-content .list-comment-footer a:hover{
    color:var(--theme-color)
}
.list-comment .list-comment-content .list-comment-footer .votes{
    display:inline-flex;
    align-items:center
}
.list-comment .list-comment-content .list-comment-footer .like,.list-comment .list-comment-content .list-comment-footer .dislike{
    display:inline-flex;
    align-items:center
}
.list-comment .list-comment-content .list-comment-footer .like.voted,.list-comment .list-comment-content .list-comment-footer .dislike.voted{
    color:var(--theme-color)
}
.list-comment .list-comment-content .list-comment-footer .like svg,.list-comment .list-comment-content .list-comment-footer .dislike svg{
    width:16px;
    height:16px;
    margin-right:10px;
    fill:#b5b5be
}
.list-comment .list-comment-content .list-comment-footer .like span,.list-comment .list-comment-content .list-comment-footer .dislike span{
    font-size:12px;
    color:#9999a5
}
.list-comment .list-comment-content .list-comment-footer .like.voted svg,.list-comment .list-comment-content .list-comment-footer .like:hover svg,.list-comment .list-comment-content .list-comment-footer .dislike.voted svg,.list-comment .list-comment-content .list-comment-footer .dislike:hover svg{
    cursor:pointer;
    fill:var(--theme-color)
}
.list-comment .edit-form,.list-comment .reply-form{
    margin-top:10px;
    display:none;
    align-items:center;
    position:relative
}
.list-comment .edit-form.show,.list-comment .reply-form.show{
    display:block
}
.list-comment .edit-form .form-control,.list-comment .reply-form .form-control{
    flex:1 1 auto;
    max-width:100%
}
.list-comment .edit-form .comment-btn,.list-comment .reply-form .comment-btn{
    flex:1 1 auto;
    margin-top:0!important
}
.list-comment .edit-form .comment-btn .btn,.list-comment .reply-form .comment-btn .btn{
    padding:8px 20px;
    font-size:12px
}
.comments-load{
    margin-top:1rem;
    cursor:pointer;
    padding:4px 0;
    font-size:12px
}
.comment-form{
    margin:1rem 0;
    display:flex;
    position:relative
}
.comment-form .character-count{
    position:absolute;
    right:20px;
    bottom:14px;
    color:#9999a5;
    font-size:12px
}
.comment-form .comment-avatar{
    flex:0 0 40px;
    max-width:40px
}
.comment-form .form-control{
    resize:none
}
.comment-form .comment-content{
    padding-left:20px;
    flex:1 1 auto;
    max-width:100%
}
.comment-form .comment-content .btn{
    background-color:#101010;
    padding:10px 30px;
    margin-top:10px;
    font-size:12px
}
.comment-form .comment-content .btn:hover{
    color:#fff;
    background-color:var(--button-color)
}
.comment-form .comment-content .custom-control-label{
    padding-top:1px;
    font-size:12px;
    cursor:pointer;
    color:#b5b5be
}
.comment-form .comment-content .custom-control-label::before{
    top:.15rem
}
.comment-form .comment-content .custom-control-label::after{
    top:.15rem
}
.typeahead__container{
}
.typeahead__container button,.typeahead__container input,.typeahead__container optgroup,.typeahead__container select,.typeahead__container textarea{
    font:inherit;
    margin:0
}
.typeahead__container optgroup{
    font-weight:700
}
.typeahead__container button,.typeahead__container input{
    overflow:visible
}
.typeahead__container button,.typeahead__container select{
    text-transform:none
}
.typeahead__container button,.typeahead__container html [type=button],.typeahead__container [type=reset],.typeahead__container [type=submit]{
    -webkit-appearance:button
}
.typeahead__container button::-moz-focus-inner,.typeahead__container [type=button]::-moz-focus-inner,.typeahead__container [type=reset]::-moz-focus-inner,.typeahead__container [type=submit]::-moz-focus-inner{
    border-style:none;
    padding:0
}
.typeahead__container button:-moz-focusring,.typeahead__container [type=button]:-moz-focusring,.typeahead__container [type=reset]:-moz-focusring,.typeahead__container [type=submit]:-moz-focusring{
    outline:1px dotted ButtonText
}
.typeahead__container fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
.typeahead__container legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
.typeahead__container textarea{
    overflow:auto
}
.typeahead__container [type=checkbox],.typeahead__container [type=radio]{
    box-sizing:border-box;
    padding:0
}
.typeahead__container [type=number]::-webkit-inner-spin-button,.typeahead__container [type=number]::-webkit-outer-spin-button{
    height:auto
}
.typeahead__container ::-webkit-input-placeholder{
    color:inherit;
    opacity:.54
}
.typeahead__container ::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
.typeahead__container{
    position:relative;
    width:100%
}
.typeahead__container *{
    box-sizing:border-box;
    outline:0
}
.typeahead__query{
    position:relative;
    z-index:2;
    width:100%
}
.typeahead__filter{
    position:relative
}
.typeahead__filter button{
    min-width:100%;
    white-space:nowrap
}
.typeahead__filter button:after{
    display:inline-block;
    margin-left:4px;
    width:0;
    height:0;
    vertical-align:-2px;
    content:"";
    border:4px solid;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:transparent
}
.typeahead__field{
    display:flex;
    position:relative;
    width:100%
}
.typeahead__button button{
    border-top-right-radius:2px;
    border-bottom-right-radius:2px
}
.typeahead__field{
    color:#000
}
.typeahead__field input,.typeahead__field textarea,.typeahead__field [contenteditable],.typeahead__field .typeahead__hint{
    display:block;
    width:100%;
    border:0;
    line-height:1.25;
    min-height:calc(0.5rem * 2 + 1.25rem + 2px);
    padding:.5rem 20px;
    background:#fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    box-sizing:border-box
}
.typeahead__container.hint .typeahead__field input,.typeahead__container.hint .typeahead__field textarea,.typeahead__container.hint .typeahead__field [contenteditable]{
    background:0 0
}
.typeahead__container.hint .typeahead__query>:last-child,.typeahead__hint{
    background:#fff
}
.typeahead__container button{
    display:inline-block;
    margin-bottom:0;
    text-align:center;
    touch-action:manipulation;
    cursor:pointer;
    background-color:#fff;
    line-height:1.25;
    padding:.5rem 20px;
    -webkit-user-select:none;
    user-select:none;
    color:#000
}
.typeahead__container button:hover,.typeahead__container button:focus{
    color:#000;
    background-color:#fff
}
.typeahead__container button:active,.typeahead__container button.active{
    background-image:none
}
.typeahead__container input.disabled,.typeahead__container input[disabled],.typeahead__container button.disabled,.typeahead__container button[disabled]{
    cursor:not-allowed;
    pointer-events:none;
    opacity:.65;
    box-shadow:none;
    background-color:#fff
}
.typeahead__container .typeahead__field input,.typeahead__container .typeahead__field textarea,.typeahead__container .typeahead__field [contenteditable],.typeahead__container .typeahead__field .typeahead__hint,.typeahead__container .typeahead__field .typeahead__label-container{
    padding-right:32px;
    padding-left:20px;
    width:100%
}
.typeahead__filter,.typeahead__button{
    z-index:1
}
.typeahead__filter button,.typeahead__button button{
    margin-left:-1px;
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
.typeahead__filter:hover,.typeahead__filter:active,.typeahead__filter:focus,.typeahead__button:hover,.typeahead__button:active,.typeahead__button:focus{
    z-index:1001
}
.typeahead__filter:hover button:focus,.typeahead__filter:hover button:active,.typeahead__filter:active button:focus,.typeahead__filter:active button:active,.typeahead__filter:focus button:focus,.typeahead__filter:focus button:active,.typeahead__button:hover button:focus,.typeahead__button:hover button:active,.typeahead__button:active button:focus,.typeahead__button:active button:active,.typeahead__button:focus button:focus,.typeahead__button:focus button:active{
    z-index:1001
}
.typeahead__filter+.typeahead__button button{
    margin-left:-2px
}
.typeahead__container.filter .typeahead__filter{
    z-index:1001
}
.typeahead__list,.typeahead__dropdown{
    position:absolute;
    left:0;
    z-index:1000;
    width:100%;
    min-width:160px;
    padding:5px 0;
    margin:0 0 0;
    list-style:none;
    text-align:left;
    background-color:#101010;
    background-clip:padding-box
}
.typeahead__result.detached .typeahead__list{
    position:relative;
    z-index:1041;
    top:initial;
    left:initial
}
.typeahead__dropdown{
    right:0;
    left:initial;
    z-index:1001
}
.typeahead__list>li{
    position:relative
}
.typeahead__list>li:first-child{
    border-top:none
}
.typeahead__list .typeahead__item[disabled]>a,.typeahead__dropdown .typeahead__dropdown-item[disabled]>a{
    cursor:not-allowed;
    color:#bababa;
    background-color:#fafafa
}
.typeahead__list .typeahead__item>a,.typeahead__dropdown .typeahead__dropdown-item>a{
    display:block;
    padding:.5rem 20px;
    clear:both;
    color:#fff;
    text-decoration:none
}
.typeahead__list .typeahead__item:not([disabled])>a:hover,.typeahead__list .typeahead__item:not([disabled])>a:focus,.typeahead__list .typeahead__item:not([disabled]).active>a,.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:hover,.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:focus,.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active>a{
    color:#3dd598
}
.typeahead__list.empty>li{
    padding:.5rem 20px;
    color:#17a2b8
}
.typeahead__list>.typeahead__group{
    font-size:12px;
    margin-top:10px
}
.typeahead__list>.typeahead__group:first-child{
    margin-top:0
}
.typeahead__list>.typeahead__group>a,.typeahead__list>.typeahead__group>a:hover,.typeahead__list>.typeahead__group>a:focus,.typeahead__list>.typeahead__group.active>a{
    cursor:default;
    color:#9999a5;
    display:block;
    padding:10px 20px;
    clear:both;
    text-decoration:none
}
.typeahead__list>li.typeahead__group+li.typeahead__item{
    border-color:#fff
}
.typeahead__container.result .typeahead__list,.typeahead__container.filter .typeahead__dropdown,.typeahead__container.hint .typeahead__hint,.typeahead__container.backdrop+.typeahead__backdrop{
    display:block!important
}
.typeahead__container .typeahead__list,.typeahead__container .typeahead__dropdown,.typeahead__container .typeahead__hint,.typeahead__container+.typeahead__backdrop{
    display:none!important
}
.typeahead__dropdown li:last-child{
    margin-top:5px;
    padding-top:5px
}
.typeahead__cancel-button{
    -webkit-user-select:none;
    user-select:none;
    position:absolute;
    right:0;
    cursor:pointer;
    top:50%;
    transform:translateY(-50%);
    line-height:1.25;
    padding:.5rem 20px;
    visibility:hidden
}
.typeahead__label .typeahead__cancel-button{
    visibility:visible;
    right:4px
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button,.typeahead__label .typeahead__cancel-button{
    display:none
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover,.typeahead__label .typeahead__cancel-button:hover{
    color:#d0021b
}
.typeahead__search-icon{
    padding:0 1.25rem;
    width:16px;
    height:16px;
    background:url(data:image/svg+xml;
    charset=utf8;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll center center transparent
}
.typeahead__container.loading .typeahead__query:before,.typeahead__container.loading .typeahead__query:after{
    transition:all 0s linear,opacity .2s ease;
    position:absolute;
    z-index:3;
    content:"";
    top:50%;
    right:1em;
    margin-top:-.675rem;
    width:1.35rem;
    height:1.35rem;
    box-sizing:border-box;
    border-radius:500rem;
    border-style:solid;
    border-width:.1em
}
.typeahead__container.loading .typeahead__query:before{
    border-color:rgba(0,0,0,.35)
}
.typeahead__container.loading .typeahead__query:after{
    animation:button-spin .6s linear;
    animation-iteration-count:infinite;
    border-color:#fff transparent transparent;
    box-shadow:0 0 0 1px transparent
}
@keyframes button-spin{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
.typeahead__label-container{
    list-style:none;
    position:absolute;
    padding-top:calc(1rem * 0.375);
    padding-left:6px;
    width:100%;
    flex-wrap:wrap;
    display:flex
}
.typeahead__label{
    display:flex;
    font-size:calc(1rem * 0.875);
    position:relative;
    background:#ecf5fc;
    border:solid 1px #c2e0ff;
    padding-left:4px;
    margin-right:4px;
    margin-bottom:calc(1rem * 0.375)
}
.typeahead__label>*{
    align-self:center
}
.typeahead__label .typeahead__cancel-button{
    line-height:normal;
    height:auto;
    position:static;
    padding-top:calc(1rem * 0.25 - 1px);
    padding-bottom:calc(1rem * 0.25 + 1px);
    padding-left:6px;
    padding-right:6px;
    margin-left:4px;
    font-size:calc(1rem * 0.875);
    border-left:solid 1px #c2e0ff
}
.typeahead__label .typeahead__cancel-button:hover{
    background-color:#d5e9f9
}
.selectize-control{
    position:relative
}
.selectize-dropdown,.selectize-input,.selectize-input input{
    color:#b5b5be;
    font-family:inherit;
    font-size:inherit;
    line-height:1.6;
    -webkit-font-smoothing:inherit
}
.selectize-input,.selectize-control.single .selectize-input.input-active{
    background:#101010;
    cursor:text;
    display:inline-block
}
.selectize-input{
    border:0;
    padding:.775rem 1.25rem;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:1;
    box-sizing:border-box;
    box-shadow:none;
    border-radius:6px
}
.selectize-control.multi .selectize-input.has-items{
    padding:calc(0.775rem - 5px - 0px) 1.25rem calc(0.775rem - 5px - 3px - 0px)
}
.selectize-input.full{
    background-color:#101010
}
.selectize-input.disabled,.selectize-input.disabled *{
    cursor:default!important
}
.selectize-input.focus{
    box-shadow:inset 0 1px 2px rgba(0,0,0,.15)
}
.selectize-input.dropdown-active{
    border-radius:6px 6px 0 0
}
.selectize-input>*{
    vertical-align:baseline;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline
}
.selectize-control.multi .selectize-input>div{
    cursor:pointer;
    margin:0 10px 3px 0;
    padding:6px 10px;
    background:#222;
    color:#b5b5be;
    border:0 solid #999
}
.selectize-control.multi .selectize-input>div.active{
    background:#222;
    color:#b5b5be;
    border:0 solid transparent
}
.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{
    color:#fff;
    background:#fff;
    border:0 solid #e6e6e6
}
.selectize-input>input{
    display:inline-block!important;
    padding:0!important;
    min-height:0!important;
    max-height:none!important;
    max-width:100%!important;
    margin:0!important;
    text-indent:0!important;
    border:0!important;
    background:0 0!important;
    line-height:inherit!important;
    -webkit-user-select:auto!important;
    box-shadow:none
}
.selectize-input>input::-ms-clear{
    display:none
}
.selectize-input>input:focus{
    outline:none!important
}
.selectize-input::after{
    content:" ";
    display:block;
    clear:left
}
.selectize-input.dropdown-active::before{
    content:" ";
    display:block;
    position:absolute;
    background:#121212;
    height:1px;
    bottom:0;
    left:0;
    right:0
}
.selectize-dropdown{
    position:absolute;
    z-index:10;
    border:1px solid #d0d0d0;
    background:#101010;
    margin:-1px 0 0;
    border-top:0;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(0,0,0,.1);
    border-radius:0 0 6px 6px
}
.selectize-dropdown [data-selectable]{
    cursor:pointer;
    overflow:hidden
}
.selectize-dropdown [data-selectable] .highlight{
    background:rgba(255,237,40,.4);
    border-radius:1px
}
.selectize-dropdown .option,.selectize-dropdown .optgroup-header{
    padding:5px 1.25rem
}
.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{
    cursor:inherit;
    opacity:.5
}
.selectize-dropdown [data-selectable].option{
    opacity:1;
    cursor:pointer
}
.selectize-dropdown .optgroup:first-child .optgroup-header{
    border-top:0
}
.selectize-dropdown .optgroup-header{
    color:#6c757d;
    background:#101010;
    cursor:default
}
.selectize-dropdown .active{
    background-color:transparent;
    color:#3dd598
}
.selectize-dropdown .active.create{
    color:#3dd598
}
.selectize-dropdown .create{
    color:rgba(181,181,190,.5)
}
.selectize-dropdown-content{
    overflow-y:auto;
    overflow-x:hidden;
    max-height:200px;
    -webkit-overflow-scrolling:touch
}
.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{
    cursor:pointer
}
.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{
    cursor:text
}
.selectize-control.single .selectize-input:after{
    content:" ";
    display:block;
    position:absolute;
    top:50%;
    right:calc(1.25rem + 5px);
    margin-top:-3px;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0;
    border-color:#b5b5be transparent transparent transparent
}
.selectize-control.single .selectize-input.dropdown-active:after{
    margin-top:-4px;
    border-width:0 5px 5px;
    border-color:transparent transparent #b5b5be transparent
}
.selectize-control.rtl.single .selectize-input:after{
    left:calc(1.25rem + 5px);
    right:auto
}
.selectize-control.rtl .selectize-input>input{
    margin:0 4px 0 -2px!important
}
.selectize-control .selectize-input.disabled{
    opacity:.5;
    background-color:#101010
}
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{
    visibility:visible!important;
    background:#f2f2f2!important;
    background:rgba(0,0,0,.06)!important;
    border:0!important;
    box-shadow:inset 0 0 12px 4px #fff
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{
    content:"!";
    visibility:hidden
}
.selectize-control.plugin-drag_drop .ui-sortable-helper{
    box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.selectize-dropdown-header{
    position:relative;
    padding:5px 1.25rem;
    border-bottom:1px solid #d0d0d0;
    background:#2d2d2d;
    border-radius:6px 6px 0 0
}
.selectize-dropdown-header-close{
    position:absolute;
    right:1.25rem;
    top:50%;
    color:#b5b5be;
    opacity:.4;
    margin-top:-12px;
    line-height:20px;
    font-size:20px!important
}
.selectize-dropdown-header-close:hover{
    color:#727282
}
.selectize-dropdown.plugin-optgroup_columns .optgroup{
    border-right:1px solid #f2f2f2;
    border-top:0;
    float:left;
    box-sizing:border-box
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{
    border-right:0
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before{
    display:none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header{
    border-top:0
}
.selectize-control.plugin-remove_button [data-value]{
    position:relative;
    padding-right:24px!important
}
.selectize-control.plugin-remove_button [data-value] .remove{
    z-index:1;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:17px;
    text-align:center;
    font-weight:700;
    font-size:12px;
    color:inherit;
    text-decoration:none;
    vertical-align:middle;
    display:inline-block;
    padding:5px 0 0;
    border-left:1px solid #999;
    border-radius:0 2px 2px 0;
    box-sizing:border-box
}
.selectize-control.plugin-remove_button [data-value] .remove:hover{
    background:rgba(0,0,0,.05)
}
.selectize-control.plugin-remove_button [data-value].active .remove{
    border-left-color:transparent
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover{
    background:0 0
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove{
    border-left-color:#e6e6e6
}
.selectize-control.plugin-remove_button .remove-single{
    position:absolute;
    right:0;
    top:0;
    font-size:23px
}
.selectize-dropdown,.selectize-dropdown.form-control{
    height:auto;
    padding:0;
    border:0;
    margin:2px 0 0;
    z-index:1000;
    background:#101010;
    border-radius:6px;
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.selectize-dropdown .optgroup-header{
    font-size:.775rem;
    line-height:1.6
}
.selectize-dropdown .optgroup:first-child:before{
    display:none
}
.selectize-dropdown .optgroup:before{
    content:" ";
    display:block;
    height:0;
    margin:.25rem 0;
    overflow:hidden;
    border-top:1px solid transparent;
    margin-left:-1.25rem;
    margin-right:-1.25rem
}
.selectize-dropdown .create{
    padding-left:1.25rem
}
.selectize-dropdown-content{
    padding:5px 0
}
.selectize-dropdown-header{
    padding:10px 1.25rem
}
.selectize-input{
    min-height:calc(1.6em + 1.55rem + 0px);
    border:0;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .selectize-input{
        transition:none
    }
}
.selectize-input input::placeholder{
    color:#9999a5;
    opacity:1
}
.selectize-input.dropdown-active{
    border-radius:6px
}
.selectize-input.dropdown-active::before{
    display:none
}
.selectize-input.focus{
    border-color:#a6ecd0;
    outline:0;
    box-shadow:0 0 0 0 rgba(61,213,152,.25)
}
.is-invalid .selectize-input{
    border-color:#fd4056;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.is-invalid .selectize-input:focus{
    border-color:#fc0e29;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fea5af
}
.selectize-control.form-control-sm .selectize-input.has-items{
    min-height:calc(1.6em + 1.15rem + 0px)!important;
    height:calc(1.6em + 1.15rem + 0px)!important;
    padding:.575rem 1.25rem!important;
    font-size:.775rem;
    line-height:1.6
}
.selectize-control.multi .selectize-input.has-items{
    padding-left:calc(1.25rem - 3px);
    padding-right:calc(1.25rem - 3px)
}
.selectize-control.multi .selectize-input>div{
    border-radius:calc(6px - 1px)
}
.form-control.selectize-control{
    padding:0;
    height:auto;
    border:none;
    background:0 0;
    box-shadow:none;
    border-radius:0
}
.input-group .selectize-input{
    overflow:unset;
    border-radius:0 6px 6px 0
}
.imbd{
    background:#ffc526;
    border-radius:.25rem;
    padding:3px 6px;
    margin-right:20px;
    color:#000;
    text-shadow:none;
    font-size:.9em;
    display:inline
}
.mpaa{
    border:1px solid #b5b5be;
    font-size:10px;
    display:inline-flex;
    white-space:nowrap;
    align-items:center;
    align-content:center;
    padding:.06em 4px .15em!important;
    line-height:1;
    border-radius:2px;
    margin-left:10px
}
.quality{
    padding:3px 6px;
    display:inline-block;
    margin-left:10px;
    color:#fff
}
.duration{
    margin-left:10px
}
@media(max-width:767.98px){
    .app-slider .slide .slide-caption .slide-header>div{
        margin-right:5px
    }
    .mpaa{
        border:1px solid #b5b5be;
        font-size:10px;
        display:inline-flex;
        white-space:nowrap;
        align-items:center;
        align-content:center;
        padding:.06em 4px .15em!important;
        line-height:1;
        border-radius:2px;
        margin-left:5px
    }
    .quality{
        padding:3px 6px;
        display:inline-block;
        margin-left:5px;
        color:#fff
    }
    .duration{
        margin-left:5px
    }
}
@media only screen and (max-width:1400px){
    .row-cols-5>*{
        flex:0 0 25%!important;
        max-width:25%!important
    }
}
@media only screen and (max-width:1200px){
    .row-cols-5>.col{
        flex:0 0 33.33333%!important;
        max-width:33.33333%!important
    }
}
@media only screen and (max-width:979px){
    .row-cols-5>.col{
        flex:0 0 50%!important;
        max-width:50%!important
    }
}
@media only screen and (max-width:767px){
    #download_button{
        bottom:60px!important;
        z-index:1
    }
}
#play-button-new{
    width:84px;
    height:84px;
    position:absolute;
    background-color:var(--theme-color);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:11;
    border-radius:84px
}
#play-button-new:hover{
    width:90px!important;
    height:90px!important
}
#chatbox::-webkit-scrollbar{
    width:5px
}
#chatbox::-webkit-scrollbar-track{
    background:0 0
}
#chatbox::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:10px
}
.chatbox{
    width:100%;
    height:300px
}
.admin-name{
    color:red
}
.hide-me{
    width:0%;
    overflow:hidden
}
.maintainence{
    background:#000;
    height:100%;
    width:100%;
    z-index:999999;
    position:fixed;
    top:0;
    left:0
}
.maintainence-admin-button{
    position:fixed;
    top:15px;
    right:15px;
    background-color:var(--theme-color);
    color:#fff;
    padding:15px;
    width:125px;
    height:50px;
    border-radius:5px
}
.maintenance-message{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.trailer{
    width:100%;
    margin-top:10px
}
