[data-v-0197a2d8]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.input[data-v-0197a2d8] {
    font-family: Helvetica Neue,Segoe UI,Arial,sans-serif;
    border-bottom: 1px solid #353535;
    position: relative;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5
}

@media only screen and (min-width: 480px) {
    .input[data-v-0197a2d8] {
        font-size:30px;
        line-height: 1.5
    }
}

.input__form[data-v-0197a2d8] {
    display: block;
    width: 100%;
    color: #fff;
    background: 0 0;
    border: 0
}

.input__form[data-v-0197a2d8],.input__placeholder[data-v-0197a2d8] {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.input__placeholder[data-v-0197a2d8] {
    position: absolute;
    top: 0;
    left: 0;
    color: #444;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-v-34d9f884]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.label[data-v-34d9f884] {
    color: #838383;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-v-6646b697]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.select[data-v-6646b697] {
    font-family: Helvetica Neue,Segoe UI,Arial,sans-serif;
    border-bottom: 1px solid #353535;
    position: relative;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.select_disabled[data-v-6646b697] {
    pointer-events: none;
    opacity: .4
}

@media only screen and (min-width: 480px) {
    .select[data-v-6646b697] {
        font-size:30px;
        line-height: 1.5
    }
}

.select__title[data-v-6646b697] {
    display: block;
    width: 100%;
    color: #fff;
    background: 0 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    height: 33px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px
}

@media only screen and (min-width: 480px) {
    .select__title[data-v-6646b697] {
        height:45px
    }
}

.select__title[data-v-6646b697]:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: all .2s;
    transition: all .2s
}

@media only screen and (min-width: 480px) {
    .select__title[data-v-6646b697]:after {
        width:10px;
        height: 10px
    }
}

.select__title_active[data-v-6646b697]:after {
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg)
}

.select__placeholder[data-v-6646b697] {
    position: absolute;
    top: 0;
    left: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #444;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select__list[data-v-6646b697] {
    position: absolute!important;
    background-color: #333;
    width: 100%;
    border-radius: 3px;
    z-index: 1;
    height: 155px
}

.select__list_bottom[data-v-6646b697] {
    top: 33px
}

@media only screen and (min-width: 480px) {
    .select__list_bottom[data-v-6646b697] {
        top:45px
    }
}

.select__list_top[data-v-6646b697] {
    bottom: 33px
}

@media only screen and (min-width: 480px) {
    .select__list_top[data-v-6646b697] {
        bottom:45px
    }
}

.select__item[data-v-6646b697] {
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .75em;
    padding: 5px 15px
}

.select__item[data-v-6646b697]:hover {
    color: #fb8c2b;
    background-color: rgba(0,0,0,.05)
}

.fade-enter-active[data-v-6646b697],.fade-leave-active[data-v-6646b697] {
    -webkit-transition: all .2s;
    transition: all .2s
}

.fade-enter[data-v-6646b697],.fade-leave-to[data-v-6646b697] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

[data-v-3fd4a772]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.result[data-v-3fd4a772] {
    font-size: 34px;
    font-weight: 300;
    line-height: 1.5;
    min-height: 45px;
    color: #444;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.result._result[data-v-3fd4a772] {
    color: #f57d07
}

[data-v-1efb4934]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.result[data-v-1efb4934] {
    font-size: 34px;
    font-weight: 300;
    line-height: 1.5;
    min-height: 45px;
    color: #444;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.result._result[data-v-1efb4934] {
    color: #f57d07
}

[data-v-a77f177a]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.calc[data-v-a77f177a] {
    margin: 30px 0;
    background-color: #262626;
    border-radius: 3px
}

.box[data-v-a77f177a] {
    padding: 15px
}

.tabs__header[data-v-a77f177a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #353535
}

.tabs__header-item[data-v-a77f177a] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px;
    padding: 24px 0;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tabs__header-item[data-v-a77f177a]:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 0;
    background-image: -webkit-gradient(linear,right top,left top,from(#f59c07),to(#f57507));
    background-image: linear-gradient(-90deg,#f59c07,#f57507);
    -webkit-transition: all .2s;
    transition: all .2s
}

.tabs__header-item_active[data-v-a77f177a] {
    cursor: default
}

.tabs__header-item_active[data-v-a77f177a]:after {
    height: 2px
}

.tabs__content[data-v-a77f177a] {
    position: relative
}

.tabs__content-item[data-v-a77f177a] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.slide-enter[data-v-a77f177a] {
    opacity: 0
}

.slide-leave-active[data-v-a77f177a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

.tabs__content-item.slide-enter[data-v-a77f177a]:nth-child(2) {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tabs__content-item.slide-enter[data-v-a77f177a]:first-child,.tabs__content-item.slide-leave-active[data-v-a77f177a]:first-child {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tabs__content-item.slide-leave-active[data-v-a77f177a]:nth-child(2) {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

[data-v-21b21d9a]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.da-ui--button[data-v-21b21d9a] {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 20px 16px;
    border-radius: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: 700;
    -webkit-transition: all .2s;
    transition: all .2s;
    word-wrap: normal;
    white-space: nowrap;
    border: 1px solid transparent
}

.da-ui--button svg[data-v-21b21d9a] {
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
    margin-right: 10px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.da-ui--button span[data-v-21b21d9a] {
    vertical-align: middle
}

.da-ui--button_default[data-v-21b21d9a] {
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #1f1f1f
}

.da-ui--button_primary[data-v-21b21d9a] {
    background: #f58705 linear-gradient(257deg,#f59c07,#f57507);
    color: #fff
}

.da-ui--button_primary[data-v-21b21d9a]:hover {
    background: #fff;
    color: #f57507
}

.da-ui--button_dark[data-v-21b21d9a] {
    background: #303030;
    color: #f1f1f1
}

.da-ui--button_dark[data-v-21b21d9a]:hover {
    background: #464646
}

[data-v-550f6598]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.loader[data-v-550f6598] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    width: 3rem;
    height: 3rem;
    color: #f39200
}

.loader[data-v-550f6598]:before {
    position: absolute;
    width: 1.125rem;
    height: 1.125rem;
    display: block;
    content: "";
    background: #f39200;
    -webkit-box-shadow: 1.875rem 0 0,1.875rem 1.875rem 0,0 1.875rem 0;
    box-shadow: 1.875rem 0 0,1.875rem 1.875rem 0,0 1.875rem 0;
    -webkit-transform-origin: 1.5rem 1.5rem;
    transform-origin: 1.5rem 1.5rem;
    -webkit-animation: move-data-v-550f6598 1s ease-in-out infinite;
    animation: move-data-v-550f6598 1s ease-in-out infinite
}

@-webkit-keyframes text-data-v-550f6598 {
    30% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes text-data-v-550f6598 {
    30% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes move-data-v-550f6598 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: 1.875rem 0 0,1.875rem 1.875rem 0,0 1.875rem 0;
        box-shadow: 1.875rem 0 0,1.875rem 1.875rem 0,0 1.875rem 0
    }

    to {
        -webkit-transform: translateX(1.875rem);
        transform: translateX(1.875rem);
        -webkit-box-shadow: 0 1.875rem 0,-1.875rem 1.875rem 0,-1.875rem 0 0;
        box-shadow: 0 1.875rem 0,-1.875rem 1.875rem 0,-1.875rem 0 0
    }
}

@keyframes move-data-v-550f6598 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: 1.875rem 0 0,1.875rem 1.875rem 0,0 1.875rem 0;
        box-shadow: 1.875rem 0 0,1.875rem 1.875rem 0,0 1.875rem 0
    }

    to {
        -webkit-transform: translateX(1.875rem);
        transform: translateX(1.875rem);
        -webkit-box-shadow: 0 1.875rem 0,-1.875rem 1.875rem 0,-1.875rem 0 0;
        box-shadow: 0 1.875rem 0,-1.875rem 1.875rem 0,-1.875rem 0 0
    }
}

[data-v-a9cf8fa4]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.add-form[data-v-a9cf8fa4] {
    margin: 0 auto;
    max-width: 560px;
    height: 80%;
    overflow-y: auto
}

@media only screen and (min-width: 768px) {
    .add-form__row[data-v-a9cf8fa4] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.add-form__row_disabled[data-v-a9cf8fa4] {
    opacity: .5;
    pointer-events: none
}

.add-form__input[data-v-a9cf8fa4] {
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .add-form__input[data-v-a9cf8fa4] {
        width:400px;
        margin-bottom: 30px
    }
}

.add-form__input input[data-v-a9cf8fa4] {
    display: block;
    width: 100%;
    padding: 9px 15px;
    line-height: 25px;
    border: 1px solid #3e3e3e;
    background-color: #1f1f1f;
    border-radius: 4px;
    color: #f1f1f1
}

.add-form__input input[data-v-a9cf8fa4]:focus {
    border-color: #f58808
}

.add-form__input span[data-v-a9cf8fa4] {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #5a5a5a;
    margin-top: 10px;
    line-height: 1.3
}

.add-form__col-left[data-v-a9cf8fa4] {
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.add-form__col-left span[data-v-a9cf8fa4] {
    line-height: 1.3;
    display: block;
    padding-right: 20px
}

.row-error[data-v-a9cf8fa4] {
    background-color: #d24141;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 3px;
    margin: 0;
    white-space: pre-wrap
}

@media only screen and (min-width: 768px) {
    .row-error[data-v-a9cf8fa4] {
        margin:15px 0 30px
    }
}

[data-v-3df286ea]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.secret[data-v-3df286ea] {
    overflow: hidden;
    position: relative
}

.secret svg[data-v-3df286ea] {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

.secret svg .colorfull[data-v-3df286ea] {
    fill: #838383
}

.secret svg:hover .colorfull[data-v-3df286ea] {
    fill: url(#linearGradient)
}

.toggle-secret-btn[data-v-3df286ea] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle-secret-btn svg[data-v-3df286ea] {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

.toggle-secret-btn svg .colorfull[data-v-3df286ea] {
    fill: #838383
}

.toggle-secret-btn span[data-v-3df286ea] {
    vertical-align: middle
}

.toggle-secret-btn[data-v-3df286ea]:hover {
    color: #f57d07
}

.toggle-secret-btn:hover svg .colorfull[data-v-3df286ea] {
    fill: url(#linearGradient)
}

.secret-key span[data-v-3df286ea] {
    vertical-align: middle;
    cursor: text
}

.right-10[data-v-3df286ea] {
    margin-right: 10px
}

.left-10[data-v-3df286ea] {
    margin-left: 10px
}

.svg-btn[data-v-3df286ea] {
    cursor: pointer
}

.hidden-input[data-v-3df286ea] {
    position: absolute;
    top: -100000000px;
    left: -1000000000px;
    opacity: 0
}

[data-v-09381b51]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.clients[data-v-09381b51] {
    margin-bottom: 40px;
    margin-top: 20px;
    min-height: 500px
}

.clients__header[data-v-09381b51] {
    margin-bottom: 20px
}

.clients__header-desc[data-v-09381b51] {
    padding-right: 20px
}

.clients__header-desc h1[data-v-09381b51] {
    font-size: 24px;
    font-weight: 300;
    color: #f1f1f1;
    margin: 0 0 15px
}

.clients__header-desc p[data-v-09381b51] {
    font-size: 14px;
    color: #838383;
    line-height: 1.5;
    margin-bottom: 15px
}

@media only screen and (min-width: 992px) {
    .clients__header-desc p[data-v-09381b51] {
        margin-bottom:0
    }
}

@media only screen and (min-width: 992px) {
    .clients__header[data-v-09381b51] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.popup__box[data-v-09381b51] {
    position: fixed;
    min-width: 280px;
    background-color: #1f1f1f;
    border-radius: 8px;
    padding: 30px;
    z-index: 2;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    top: 100px;
    right: 15px;
    bottom: 15px;
    left: 15px
}

@media only screen and (min-width: 768px) {
    .popup__box[data-v-09381b51] {
        top:40%;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.popup__title[data-v-09381b51] {
    font-size: 22px;
    font-weight: 300;
    color: #f1f1f1
}

.popup__text[data-v-09381b51],.popup__title[data-v-09381b51] {
    line-height: 1;
    margin-bottom: 30px
}

.popup__close[data-v-09381b51] {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    opacity: .7
}

.popup__close svg[data-v-09381b51] {
    display: block
}

.popup__close[data-v-09381b51]:hover {
    opacity: 1
}

.client-item[data-v-09381b51] {
    padding: 20px;
    color: #f1f1f1;
    line-height: 20px;
    cursor: default;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.client-item_header[data-v-09381b51] {
    padding: 10px 20px;
    color: #838383;
    display: none
}

@media only screen and (min-width: 992px) {
    .client-item_header[data-v-09381b51] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.client-item[data-v-09381b51]:nth-child(2n) {
    background: #262626
}

.client-item__btn[data-v-09381b51] {
    display: inline-block;
    line-height: 20px;
    border: 0;
    margin-left: 30px;
    white-space: nowrap;
    cursor: pointer;
    margin-top: 15px
}

@media only screen and (min-width: 1200px) {
    .client-item__btn[data-v-09381b51] {
        margin-top:0
    }
}

.client-item__btn svg[data-v-09381b51] {
    display: inline-block;
    margin-right: 10px
}

.client-item__btn span[data-v-09381b51],.client-item__btn svg[data-v-09381b51] {
    vertical-align: middle;
    line-height: inherit
}

.client-item__btn .color-icon[data-v-09381b51] {
    fill: #838383
}

.client-item__btn[data-v-09381b51]:hover {
    color: #f57d07
}

.client-item__btn:hover .color-icon[data-v-09381b51] {
    fill: url(#linearGradient)
}

.client-item__row_id[data-v-09381b51]:before,.client-item__row_key[data-v-09381b51]:before,.client-item__row_name[data-v-09381b51]:before {
    display: block;
    content: attr(data-title);
    font-size: .8em;
    color: #838383
}

@media only screen and (min-width: 992px) {
    .client-item__row_id[data-v-09381b51]:before,.client-item__row_key[data-v-09381b51]:before,.client-item__row_name[data-v-09381b51]:before {
        display:none
    }
}

.client-item__row_id[data-v-09381b51],.client-item__row_key[data-v-09381b51],.client-item__row_name[data-v-09381b51] {
    margin-bottom: 15px
}

.client-item__row_name[data-v-09381b51] {
    width: 75%
}

.client-item__row_id[data-v-09381b51] {
    width: 25%
}

.client-item__row_key[data-v-09381b51] {
    width: 100%
}

.client-item__row_btns[data-v-09381b51] {
    text-align: right;
    width: 100%
}

@media only screen and (min-width: 480px) {
    .client-item__row_name[data-v-09381b51] {
        width:80%
    }

    .client-item__row_id[data-v-09381b51] {
        width: 20%
    }

    .client-item__row_btns[data-v-09381b51],.client-item__row_key[data-v-09381b51] {
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .client-item__row_name[data-v-09381b51] {
        width:25%
    }

    .client-item__row_id[data-v-09381b51] {
        width: 15%
    }

    .client-item__row_key[data-v-09381b51] {
        width: 60%
    }

    .client-item__row_btns[data-v-09381b51] {
        width: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .client-item__row_name[data-v-09381b51] {
        width:20%;
        margin-bottom: 0
    }

    .client-item__row_id[data-v-09381b51] {
        width: 10%;
        margin-bottom: 0
    }

    .client-item__row_key[data-v-09381b51] {
        width: 40%;
        margin-bottom: 0
    }

    .client-item__row_btns[data-v-09381b51] {
        width: 30%
    }
}

.btn_add-client svg path[data-v-09381b51] {
    fill: #fff
}

.btn_add-client:hover svg path[data-v-09381b51] {
    fill: #f57507
}

.popup__confirm[data-v-09381b51] {
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 30px;
    border-radius: 8px;
    background-color: #1f1f1f;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

.cape[data-v-09381b51] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1c1c1c;
    opacity: .8
}

[data-v-5c685c67]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.clients[data-v-5c685c67] {
    margin-bottom: 40px;
    margin-top: 20px;
    min-height: 100px;
    color: #838383
}

.clients__header[data-v-5c685c67] {
    margin-bottom: 20px
}

.clients__header-desc[data-v-5c685c67] {
    padding-right: 20px
}

.clients__header-desc h1[data-v-5c685c67] {
    font-size: 24px;
    font-weight: 300;
    color: #f1f1f1;
    margin: 0 0 15px
}

.clients__header-desc p[data-v-5c685c67] {
    font-size: 14px;
    color: #838383;
    line-height: 1.5
}

@media only screen and (min-width: 480px) {
    .clients__header[data-v-5c685c67] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.popup__box[data-v-5c685c67] {
    position: fixed;
    min-width: 280px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #1f1f1f;
    border-radius: 8px;
    padding: 30px;
    z-index: 3;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

.popup__title[data-v-5c685c67] {
    font-size: 22px;
    font-weight: 300;
    color: #f1f1f1
}

.popup__text[data-v-5c685c67],.popup__title[data-v-5c685c67] {
    line-height: 1;
    margin-bottom: 30px
}

.popup__close[data-v-5c685c67] {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    opacity: .7
}

.popup__close svg[data-v-5c685c67] {
    display: block
}

.popup__close[data-v-5c685c67]:hover {
    opacity: 1
}

.client-item[data-v-5c685c67] {
    padding: 20px;
    color: #f1f1f1;
    line-height: 20px;
    cursor: default;
    border-radius: 3px
}

@media only screen and (min-width: 480px) {
    .client-item[data-v-5c685c67] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.client-item_header[data-v-5c685c67] {
    padding: 10px 20px;
    color: #838383;
    display: none
}

@media only screen and (min-width: 480px) {
    .client-item_header[data-v-5c685c67] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.client-item[data-v-5c685c67]:nth-child(2n) {
    background: #262626
}

.client-item__btn[data-v-5c685c67] {
    display: inline-block;
    line-height: 20px;
    border: 0;
    margin-left: 30px;
    white-space: nowrap;
    cursor: pointer;
    margin-top: 15px
}

@media only screen and (min-width: 992px) {
    .client-item__btn[data-v-5c685c67] {
        margin-top:0
    }
}

.client-item__btn svg[data-v-5c685c67] {
    display: inline-block;
    margin-right: 10px
}

.client-item__btn span[data-v-5c685c67],.client-item__btn svg[data-v-5c685c67] {
    vertical-align: middle;
    line-height: inherit
}

.client-item__btn .color-icon[data-v-5c685c67] {
    fill: #838383
}

.client-item__btn[data-v-5c685c67]:hover {
    color: #f57d07
}

.client-item__btn:hover .color-icon[data-v-5c685c67] {
    fill: url(#linearGradient)
}

.client-item__row_name[data-v-5c685c67]:before,.client-item__row_scopes[data-v-5c685c67]:before {
    display: block;
    content: attr(data-title);
    font-size: .8em;
    color: #838383
}

@media only screen and (min-width: 480px) {
    .client-item__row_name[data-v-5c685c67]:before,.client-item__row_scopes[data-v-5c685c67]:before {
        display:none
    }
}

.client-item__row_scopes[data-v-5c685c67] {
    margin: 15px 0
}

.client-item__row_btns[data-v-5c685c67] {
    text-align: right
}

@media only screen and (min-width: 480px) {
    .client-item__row_name[data-v-5c685c67] {
        width:35%
    }

    .client-item__row_scopes[data-v-5c685c67] {
        width: 65%;
        margin: 0
    }

    .client-item__row_btns[data-v-5c685c67] {
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .client-item__row_name[data-v-5c685c67] {
        width:20%
    }

    .client-item__row_scopes[data-v-5c685c67] {
        width: 50%
    }

    .client-item__row_btns[data-v-5c685c67] {
        width: 30%
    }
}

.btn_add-client svg path[data-v-5c685c67] {
    fill: #fff
}

.btn_add-client:hover svg path[data-v-5c685c67] {
    fill: #f57507
}

.popup__confirm[data-v-5c685c67] {
    position: fixed;
    z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 30px;
    border-radius: 8px;
    background-color: #1f1f1f;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

.cape[data-v-5c685c67] {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1c1c1c;
    opacity: .8
}

[data-v-d925b476]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.switcher[data-v-d925b476] {
    display: inline-block;
    cursor: default;
    font-size: 14px;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switcher__control[data-v-d925b476] {
    background-color: #6d6d6d;
    border-radius: 15px;
    position: relative;
    height: 30px;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.switcher__control:hover .switcher__mark[data-v-d925b476] {
    left: 6px
}

.switcher__mark[data-v-d925b476] {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.39);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.39);
    -webkit-transition: all .2s;
    transition: all .2s
}

.switcher_active .switcher__control[data-v-d925b476] {
    background: #f68c08 -webkit-gradient(linear,left top,right top,from(#f59c07),to(#f57507));
    background: #f68c08 linear-gradient(-270deg,#f59c07,#f57507)
}

.switcher_active .switcher__control:hover .switcher__mark[data-v-d925b476] {
    left: 16px
}

.switcher_active .switcher__mark[data-v-d925b476] {
    left: 21px
}

.switcher_size-mini[data-v-d925b476] {
    line-height: 20px
}

.switcher_size-mini .switcher__control[data-v-d925b476] {
    height: 20px;
    width: 40px;
    margin: 0 10px
}

.switcher_size-mini .switcher__control:hover .switcher__mark[data-v-d925b476] {
    left: 8px
}

.switcher_size-mini .switcher__mark[data-v-d925b476] {
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px
}

.switcher_size-mini.switcher_active .switcher__control:hover .switcher__mark[data-v-d925b476] {
    left: 18px
}

.switcher_size-mini.switcher_active .switcher__mark[data-v-d925b476] {
    left: 23px
}

[data-v-1b672ed8]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.stickers__sticker-list[data-v-1b672ed8] {
    padding: 54px 0 0;
    width: 100%;
    height: 100%
}

.stickers__sticker-list__scroll-wrapper[data-v-1b672ed8] {
    width: 100%;
    height: 100%
}

.stickers__sticker-item[data-v-1b672ed8] {
    margin: 10px;
    width: 106px;
    float: left;
    cursor: pointer;
    background-color: transparent;
    border-radius: 4px;
    position: relative;
    background-size: 80%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: all .2s;
    transition: all .2s
}

.stickers__sticker-item_disabled[data-v-1b672ed8] {
    opacity: .5;
    pointer-events: none
}

.stickers__sticker-item[data-v-1b672ed8]:hover {
    background-color: #e8e8e8
}

.stickers__sticker-item[data-v-1b672ed8]:after {
    display: block;
    content: "";
    padding-top: 100%
}

.stickers__sticker-count[data-v-1b672ed8] {
    background-color: #f57d07;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    padding: 0 6px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-transition: all .1s;
    transition: all .1s
}

.stickers__sticker-count span[data-v-1b672ed8] {
    display: block
}

.slide-fade-enter-active[data-v-1b672ed8] {
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.slide-fade-leave-active[data-v-1b672ed8] {
    -webkit-transition: all .1s cubic-bezier(1,.5,.8,1);
    transition: all .1s cubic-bezier(1,.5,.8,1)
}

.slide-fade-enter[data-v-1b672ed8] {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.slide-fade-leave-to[data-v-1b672ed8] {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

[data-v-41019a14]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.stickers__preview[data-v-41019a14] {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.stickers__preview-item[data-v-41019a14] {
    background-size: 96%;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    border: 1px dotted transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.stickers__preview-item[data-v-41019a14]:after {
    display: block;
    content: "";
    padding-top: 100%
}

.stickers__preview-item__resize[data-v-41019a14] {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 2px;
    cursor: -webkit-grab;
    cursor: grab;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.stickers__preview-item__resize[data-v-41019a14]:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.stickers__preview-item__resize_tr[data-v-41019a14] {
    top: -5px;
    right: -5px
}

.stickers__preview-item__resize_rb[data-v-41019a14] {
    right: -5px;
    bottom: -5px
}

.stickers__preview-item__resize_bl[data-v-41019a14] {
    bottom: -5px;
    left: -5px
}

.stickers__preview-item__resize_lt[data-v-41019a14] {
    left: -5px;
    top: -5px
}

.stickers__preview-item__rotate[data-v-41019a14] {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: #c5c5c5;
    top: -7px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    cursor: -webkit-grab;
    cursor: grab;
    opacity: 0;
    -webkit-transform: translate(-50%) scale(0);
    transform: translate(-50%) scale(0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.stickers__preview-item__rotate[data-v-41019a14]:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.stickers__preview[data-v-41019a14]:after {
    display: block;
    content: "";
    padding-top: 56.25%
}

.stickers__preview-bg[data-v-41019a14] {
    position: absolute;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .75
}

.stickers__preview-bg iframe[data-v-41019a14] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.stickers__preview-widget[data-v-41019a14] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.stickers__preview-widget[data-v-41019a14]:after {
    display: block;
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 2px solid #fff;
    background-color: rgba(0,0,0,.2);
    background-image: url(/img/close.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    left: 50%;
    bottom: -18px;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.stickers__preview-widget_active[data-v-41019a14]:after {
    opacity: 1;
    bottom: 0
}

.stickers__preview-widget_active-cross[data-v-41019a14]:after {
    opacity: 1;
    bottom: 0;
    background-color: rgba(211,47,47,.5)
}

.stickers__preview-item[data-v-41019a14]:hover,.stickers__preview-item_active[data-v-41019a14] {
    border-color: #fff
}

.stickers__preview-item:hover .stickers__preview-item__resize[data-v-41019a14],.stickers__preview-item_active .stickers__preview-item__resize[data-v-41019a14] {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.stickers__preview-item:hover .stickers__preview-item__rotate[data-v-41019a14],.stickers__preview-item_active .stickers__preview-item__rotate[data-v-41019a14] {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1)
}

[data-v-67b9f5bd]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.stickers[data-v-67b9f5bd] {
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.4);
    box-shadow: 0 10px 40px rgba(0,0,0,.4)
}

.stickers__content[data-v-67b9f5bd] {
    padding: 20px;
    margin-right: 380px
}

.stickers__sidebar[data-v-67b9f5bd] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 380px;
    background-color: #f2f2f2
}

.stickers__controls[data-v-67b9f5bd] {
    padding: 20px 0 0;
    position: relative
}

.stickers__sidebar-head[data-v-67b9f5bd] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    font-size: 14px;
    line-height: 1;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.stickers__sidebar-title[data-v-67b9f5bd] {
    text-transform: uppercase;
    color: #1f1f1f
}

.stickers__controls[data-v-67b9f5bd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.stickers__controls-left[data-v-67b9f5bd],.stickers__controls-right[data-v-67b9f5bd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-v-1cd1248e]:export {
    --grid-sm-breakpoint: 425px;
    --grid-md-breakpoint: 1024px;
    --grid-lg-breakpoint: 1367px
}

.stickers-uploader[data-v-1cd1248e] {
    font-size: 13px;
    line-height: 1.3;
    position: relative
}

.header[data-v-1cd1248e] {
    background-color: #272727;
    padding: 15px 30px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%
}

.header_disabled[data-v-1cd1248e] {
    opacity: .5;
    pointer-events: none
}

.header__limit[data-v-1cd1248e] {
    color: #f1f1f1;
    display: inline-block;
    vertical-align: middle;
    cursor: default
}

.header__limit-desc[data-v-1cd1248e] {
    margin-bottom: 10px
}

.header__limit-bar[data-v-1cd1248e] {
    background-color: #393939;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    overflow: hidden
}

.header__limit-progress[data-v-1cd1248e] {
    background-image: linear-gradient(265deg,#f59c07,#f57507);
    width: 0;
    height: 6px;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.filter[data-v-1cd1248e] {
    position: absolute;
    z-index: 2;
    padding: 20px 10px;
    top: 75px;
    left: 20px;
    right: 20px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(75%,#1f1f1f));
    background-image: linear-gradient(0deg,transparent,#1f1f1f 75%);
    color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.filter_disabled[data-v-1cd1248e] {
    opacity: .5;
    pointer-events: none
}

.filter__select[data-v-1cd1248e] {
    display: inline-block;
    margin-left: 5px;
    position: relative
}

.filter__select-title[data-v-1cd1248e] {
    color: #f57d07;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter__select-title[data-v-1cd1248e]:after {
    display: block;
    content: "";
    position: absolute;
    border-top: 5px solid #f57e06;
    border-right: 4px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 4px solid transparent;
    right: -15px;
    top: 6px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.filter__select-list[data-v-1cd1248e] {
    display: none;
    position: absolute;
    bottom: -10px;
    left: 0;
    min-width: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #272727;
    border-radius: 3px;
    z-index: 2
}

.filter__select-list span[data-v-1cd1248e] {
    display: block;
    line-height: 20px;
    padding: 5px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.filter__select-list span[data-v-1cd1248e]:hover {
    color: #f57d07
}

.filter__select_active .filter__select-title[data-v-1cd1248e]:after {
    border-top: 5px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #f57e06;
    border-left: 4px solid transparent;
    top: 0
}

.filter__select_active .filter__select-list[data-v-1cd1248e] {
    display: block
}

.content[data-v-1cd1248e] {
    padding: 75px 0 0;
    background-color: #1f1f1f;
    position: relative;
    z-index: 1;
    height: 600px
}

.content__scroll-box[data-v-1cd1248e] {
    height: 100%;
    width: 100%
}

.footer[data-v-1cd1248e] {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#1f1f1f));
    background-image: linear-gradient(180deg,transparent,#1f1f1f);
    pointer-events: none
}

.stickers-uploader__buttons[data-v-1cd1248e] {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: 20px
}

.stickers-uploader__buttons .btn-shadow[data-v-1cd1248e] {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.15)
}

.sticker-placeholder[data-v-1cd1248e] {
    position: relative;
    float: left;
    width: 25%;
    padding: 10px;
    cursor: default
}

.sticker-placeholder[data-v-1cd1248e]:before {
    display: block;
    content: "";
    padding-top: 100%;
    float: left
}

.sticker-placeholder-preview[data-v-1cd1248e] {
    width: 100%;
    background-color: #303030;
    border-radius: 5px;
    border: 2px solid transparent;
    position: relative
}

.sticker-placeholder-preview[data-v-1cd1248e]:before {
    display: block;
    content: "";
    padding-top: 100%
}

.sticker[data-v-1cd1248e] {
    position: relative;
    float: left;
    width: 50%;
    padding: 10px;
    cursor: default
}

@media only screen and (min-width: 768px) {
    .sticker[data-v-1cd1248e] {
        width:25%
    }
}

.sticker[data-v-1cd1248e]:before {
    display: block;
    content: "";
    padding-top: 100%;
    float: left
}

.sticker_disabled[data-v-1cd1248e] {
    opacity: .5;
    pointer-events: none
}

.sticker-preview[data-v-1cd1248e] {
    width: 100%;
    background-color: #303030;
    border-radius: 5px;
    border: 2px solid transparent;
    position: relative;
    cursor: pointer
}

.sticker-preview[data-v-1cd1248e]:before {
    display: block;
    content: "";
    padding-top: 100%
}

.sticker-preview img[data-v-1cd1248e] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 70%;
    max-height: 70%
}

.sticker_active .sticker-preview[data-v-1cd1248e] {
    border-color: #f57d07
}

.is-active-label[data-v-1cd1248e] {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: linear-gradient(265deg,#f59c07,#f57507);
    border-radius: 50%
}

.del-button[data-v-1cd1248e] {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: #4b4b4b;
    border-radius: 3px;
    cursor: pointer
}

.del-button svg[data-v-1cd1248e] {
    fill: #b0b0b0
}

.del-button:hover svg[data-v-1cd1248e] {
    fill: #fff
}

.del-button svg[data-v-1cd1248e],.is-active-label svg[data-v-1cd1248e] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.cape[data-v-1cd1248e] {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    background-color: rgba(31,31,31,.75);
    border: 3px dashed #f57d07;
    border-radius: 5px;
    pointer-events: none
}

.cape svg[data-v-1cd1248e] {
    display: block;
    max-width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.upload-btn_disabled[data-v-1cd1248e] {
    opacity: .5;
    pointer-events: none
}

.toggle-link[data-v-1cd1248e] {
    margin-left: 30px;
    cursor: pointer;
    color: #f1f1f1;
    display: none
}

@media only screen and (min-width: 992px) {
    .toggle-link[data-v-1cd1248e] {
        display:inline
    }
}

.toggle-link svg[data-v-1cd1248e] {
    stroke: #979797;
    margin-right: 5px
}

.toggle-link[data-v-1cd1248e]:hover {
    color: #f57d07
}

.toggle-link:hover svg[data-v-1cd1248e] {
    stroke: #f57d07
}

.upload-btn[data-v-1cd1248e] {
    padding: 12px 15px 16px!important
}

@media only screen and (min-width: 768px) {
    .upload-btn[data-v-1cd1248e] {
        padding:12px 20px 16px!important
    }
}

.upload-btn:hover .upload-btn__icon[data-v-1cd1248e] {
    fill: #f57d07
}

.upload-btn__icon[data-v-1cd1248e] {
    margin-right: 0!important;
    fill: #fff
}

@media only screen and (min-width: 768px) {
    .upload-btn__icon[data-v-1cd1248e] {
        margin-right:10px!important
    }
}

.upload-btn__text[data-v-1cd1248e] {
    display: none
}

@media only screen and (min-width: 768px) {
    .upload-btn__text[data-v-1cd1248e] {
        display:inline
    }
}

.header-container[data-v-1cd1248e] {
    margin-right: 15px
}

@media only screen and (min-width: 768px) {
    .header-container[data-v-1cd1248e] {
        margin-right:25px
    }
}

.cf:after,.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-center {
    text-align: center
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.margin-none {
    margin: 0!important
}

@media only screen and (min-width: 480px) {
    .hide_xs {
        display:none!important
    }
}

@media only screen and (min-width: 768px) {
    .hide_sm {
        display:none!important
    }
}

@media only screen and (min-width: 992px) {
    .hide_md {
        display:none!important
    }
}

@media only screen and (min-width: 1200px) {
    .hide_lg {
        display:none!important
    }
}

@media only screen and (max-width: 480px) {
    .show_xs {
        display:none!important
    }
}

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

@media only screen and (max-width: 992px) {
    .show_md {
        display:none!important
    }
}

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

.grid__container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1170px
}

.grid__container:after {
    display: block;
    clear: both;
    content: ""
}

.grid__container_fluid {
    max-width: none
}

.grid__row {
    margin-right: -15px;
    margin-left: -15px
}

.grid__row:after {
    display: block;
    clear: both;
    content: ""
}

.grid__col_lg_1,.grid__col_lg_2,.grid__col_lg_3,.grid__col_lg_4,.grid__col_lg_5,.grid__col_lg_6,.grid__col_lg_7,.grid__col_lg_8,.grid__col_lg_9,.grid__col_lg_10,.grid__col_lg_11,.grid__col_lg_12,.grid__col_md_1,.grid__col_md_2,.grid__col_md_3,.grid__col_md_4,.grid__col_md_5,.grid__col_md_6,.grid__col_md_7,.grid__col_md_8,.grid__col_md_9,.grid__col_md_10,.grid__col_md_11,.grid__col_md_12,.grid__col_sm_1,.grid__col_sm_2,.grid__col_sm_3,.grid__col_sm_4,.grid__col_sm_5,.grid__col_sm_6,.grid__col_sm_7,.grid__col_sm_8,.grid__col_sm_9,.grid__col_sm_10,.grid__col_sm_11,.grid__col_sm_12,.grid__col_xs_1,.grid__col_xs_2,.grid__col_xs_3,.grid__col_xs_4,.grid__col_xs_5,.grid__col_xs_6,.grid__col_xs_7,.grid__col_xs_8,.grid__col_xs_9,.grid__col_xs_10,.grid__col_xs_11,.grid__col_xs_12 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px
}

.grid__col_xs_1,.grid__col_xs_2,.grid__col_xs_3,.grid__col_xs_4,.grid__col_xs_5,.grid__col_xs_6,.grid__col_xs_7,.grid__col_xs_8,.grid__col_xs_9,.grid__col_xs_10,.grid__col_xs_11,.grid__col_xs_12 {
    float: left
}

.grid__col_xs_1 {
    width: 8.3333333333%
}

.grid__col_xs_2 {
    width: 16.6666666667%
}

.grid__col_xs_3 {
    width: 25%
}

.grid__col_xs_4 {
    width: 33.3333333333%
}

.grid__col_xs_5 {
    width: 41.6666666667%
}

.grid__col_xs_6 {
    width: 50%
}

.grid__col_xs_7 {
    width: 58.3333333333%
}

.grid__col_xs_8 {
    width: 66.6666666667%
}

.grid__col_xs_9 {
    width: 75%
}

.grid__col_xs_10 {
    width: 83.3333333333%
}

.grid__col_xs_11 {
    width: 91.6666666667%
}

.grid__col_xs_12 {
    width: 100%
}

.grid__col_xs_pull_0 {
    right: auto
}

.grid__col_xs_pull_1 {
    right: 8.3333333333%
}

.grid__col_xs_pull_2 {
    right: 16.6666666667%
}

.grid__col_xs_pull_3 {
    right: 25%
}

.grid__col_xs_pull_4 {
    right: 33.3333333333%
}

.grid__col_xs_pull_5 {
    right: 41.6666666667%
}

.grid__col_xs_pull_6 {
    right: 50%
}

.grid__col_xs_pull_7 {
    right: 58.3333333333%
}

.grid__col_xs_pull_8 {
    right: 66.6666666667%
}

.grid__col_xs_pull_9 {
    right: 75%
}

.grid__col_xs_pull_10 {
    right: 83.3333333333%
}

.grid__col_xs_pull_11 {
    right: 91.6666666667%
}

.grid__col_xs_pull_12 {
    right: 100%
}

.grid__col_xs_push_0 {
    left: auto
}

.grid__col_xs_push_1 {
    left: 8.3333333333%
}

.grid__col_xs_push_2 {
    left: 16.6666666667%
}

.grid__col_xs_push_3 {
    left: 25%
}

.grid__col_xs_push_4 {
    left: 33.3333333333%
}

.grid__col_xs_push_5 {
    left: 41.6666666667%
}

.grid__col_xs_push_6 {
    left: 50%
}

.grid__col_xs_push_7 {
    left: 58.3333333333%
}

.grid__col_xs_push_8 {
    left: 66.6666666667%
}

.grid__col_xs_push_9 {
    left: 75%
}

.grid__col_xs_push_10 {
    left: 83.3333333333%
}

.grid__col_xs_push_11 {
    left: 91.6666666667%
}

.grid__col_xs_push_12 {
    left: 100%
}

.grid__col_xs_offset_0 {
    margin-left: 0
}

.grid__col_xs_offset_1 {
    margin-left: 8.3333333333%
}

.grid__col_xs_offset_2 {
    margin-left: 16.6666666667%
}

.grid__col_xs_offset_3 {
    margin-left: 25%
}

.grid__col_xs_offset_4 {
    margin-left: 33.3333333333%
}

.grid__col_xs_offset_5 {
    margin-left: 41.6666666667%
}

.grid__col_xs_offset_6 {
    margin-left: 50%
}

.grid__col_xs_offset_7 {
    margin-left: 58.3333333333%
}

.grid__col_xs_offset_8 {
    margin-left: 66.6666666667%
}

.grid__col_xs_offset_9 {
    margin-left: 75%
}

.grid__col_xs_offset_10 {
    margin-left: 83.3333333333%
}

.grid__col_xs_offset_11 {
    margin-left: 91.6666666667%
}

.grid__col_xs_offset_12 {
    margin-left: 100%
}

@media only screen and (min-width: 768px) {
    .grid__col_sm_1,.grid__col_sm_2,.grid__col_sm_3,.grid__col_sm_4,.grid__col_sm_5,.grid__col_sm_6,.grid__col_sm_7,.grid__col_sm_8,.grid__col_sm_9,.grid__col_sm_10,.grid__col_sm_11,.grid__col_sm_12 {
        float:left
    }

    .grid__col_sm_1 {
        width: 8.3333333333%
    }

    .grid__col_sm_2 {
        width: 16.6666666667%
    }

    .grid__col_sm_3 {
        width: 25%
    }

    .grid__col_sm_4 {
        width: 33.3333333333%
    }

    .grid__col_sm_5 {
        width: 41.6666666667%
    }

    .grid__col_sm_6 {
        width: 50%
    }

    .grid__col_sm_7 {
        width: 58.3333333333%
    }

    .grid__col_sm_8 {
        width: 66.6666666667%
    }

    .grid__col_sm_9 {
        width: 75%
    }

    .grid__col_sm_10 {
        width: 83.3333333333%
    }

    .grid__col_sm_11 {
        width: 91.6666666667%
    }

    .grid__col_sm_12 {
        width: 100%
    }

    .grid__col_sm_pull_0 {
        right: auto
    }

    .grid__col_sm_pull_1 {
        right: 8.3333333333%
    }

    .grid__col_sm_pull_2 {
        right: 16.6666666667%
    }

    .grid__col_sm_pull_3 {
        right: 25%
    }

    .grid__col_sm_pull_4 {
        right: 33.3333333333%
    }

    .grid__col_sm_pull_5 {
        right: 41.6666666667%
    }

    .grid__col_sm_pull_6 {
        right: 50%
    }

    .grid__col_sm_pull_7 {
        right: 58.3333333333%
    }

    .grid__col_sm_pull_8 {
        right: 66.6666666667%
    }

    .grid__col_sm_pull_9 {
        right: 75%
    }

    .grid__col_sm_pull_10 {
        right: 83.3333333333%
    }

    .grid__col_sm_pull_11 {
        right: 91.6666666667%
    }

    .grid__col_sm_pull_12 {
        right: 100%
    }

    .grid__col_sm_push_0 {
        left: auto
    }

    .grid__col_sm_push_1 {
        left: 8.3333333333%
    }

    .grid__col_sm_push_2 {
        left: 16.6666666667%
    }

    .grid__col_sm_push_3 {
        left: 25%
    }

    .grid__col_sm_push_4 {
        left: 33.3333333333%
    }

    .grid__col_sm_push_5 {
        left: 41.6666666667%
    }

    .grid__col_sm_push_6 {
        left: 50%
    }

    .grid__col_sm_push_7 {
        left: 58.3333333333%
    }

    .grid__col_sm_push_8 {
        left: 66.6666666667%
    }

    .grid__col_sm_push_9 {
        left: 75%
    }

    .grid__col_sm_push_10 {
        left: 83.3333333333%
    }

    .grid__col_sm_push_11 {
        left: 91.6666666667%
    }

    .grid__col_sm_push_12 {
        left: 100%
    }

    .grid__col_sm_offset_0 {
        margin-left: 0
    }

    .grid__col_sm_offset_1 {
        margin-left: 8.3333333333%
    }

    .grid__col_sm_offset_2 {
        margin-left: 16.6666666667%
    }

    .grid__col_sm_offset_3 {
        margin-left: 25%
    }

    .grid__col_sm_offset_4 {
        margin-left: 33.3333333333%
    }

    .grid__col_sm_offset_5 {
        margin-left: 41.6666666667%
    }

    .grid__col_sm_offset_6 {
        margin-left: 50%
    }

    .grid__col_sm_offset_7 {
        margin-left: 58.3333333333%
    }

    .grid__col_sm_offset_8 {
        margin-left: 66.6666666667%
    }

    .grid__col_sm_offset_9 {
        margin-left: 75%
    }

    .grid__col_sm_offset_10 {
        margin-left: 83.3333333333%
    }

    .grid__col_sm_offset_11 {
        margin-left: 91.6666666667%
    }

    .grid__col_sm_offset_12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 992px) {
    .grid__col_md_1,.grid__col_md_2,.grid__col_md_3,.grid__col_md_4,.grid__col_md_5,.grid__col_md_6,.grid__col_md_7,.grid__col_md_8,.grid__col_md_9,.grid__col_md_10,.grid__col_md_11,.grid__col_md_12 {
        float:left
    }

    .grid__col_md_1 {
        width: 8.3333333333%
    }

    .grid__col_md_2 {
        width: 16.6666666667%
    }

    .grid__col_md_3 {
        width: 25%
    }

    .grid__col_md_4 {
        width: 33.3333333333%
    }

    .grid__col_md_5 {
        width: 41.6666666667%
    }

    .grid__col_md_6 {
        width: 50%
    }

    .grid__col_md_7 {
        width: 58.3333333333%
    }

    .grid__col_md_8 {
        width: 66.6666666667%
    }

    .grid__col_md_9 {
        width: 75%
    }

    .grid__col_md_10 {
        width: 83.3333333333%
    }

    .grid__col_md_11 {
        width: 91.6666666667%
    }

    .grid__col_md_12 {
        width: 100%
    }

    .grid__col_md_pull_0 {
        right: auto
    }

    .grid__col_md_pull_1 {
        right: 8.3333333333%
    }

    .grid__col_md_pull_2 {
        right: 16.6666666667%
    }

    .grid__col_md_pull_3 {
        right: 25%
    }

    .grid__col_md_pull_4 {
        right: 33.3333333333%
    }

    .grid__col_md_pull_5 {
        right: 41.6666666667%
    }

    .grid__col_md_pull_6 {
        right: 50%
    }

    .grid__col_md_pull_7 {
        right: 58.3333333333%
    }

    .grid__col_md_pull_8 {
        right: 66.6666666667%
    }

    .grid__col_md_pull_9 {
        right: 75%
    }

    .grid__col_md_pull_10 {
        right: 83.3333333333%
    }

    .grid__col_md_pull_11 {
        right: 91.6666666667%
    }

    .grid__col_md_pull_12 {
        right: 100%
    }

    .grid__col_md_push_0 {
        left: auto
    }

    .grid__col_md_push_1 {
        left: 8.3333333333%
    }

    .grid__col_md_push_2 {
        left: 16.6666666667%
    }

    .grid__col_md_push_3 {
        left: 25%
    }

    .grid__col_md_push_4 {
        left: 33.3333333333%
    }

    .grid__col_md_push_5 {
        left: 41.6666666667%
    }

    .grid__col_md_push_6 {
        left: 50%
    }

    .grid__col_md_push_7 {
        left: 58.3333333333%
    }

    .grid__col_md_push_8 {
        left: 66.6666666667%
    }

    .grid__col_md_push_9 {
        left: 75%
    }

    .grid__col_md_push_10 {
        left: 83.3333333333%
    }

    .grid__col_md_push_11 {
        left: 91.6666666667%
    }

    .grid__col_md_push_12 {
        left: 100%
    }

    .grid__col_md_offset_0 {
        margin-left: 0
    }

    .grid__col_md_offset_1 {
        margin-left: 8.3333333333%
    }

    .grid__col_md_offset_2 {
        margin-left: 16.6666666667%
    }

    .grid__col_md_offset_3 {
        margin-left: 25%
    }

    .grid__col_md_offset_4 {
        margin-left: 33.3333333333%
    }

    .grid__col_md_offset_5 {
        margin-left: 41.6666666667%
    }

    .grid__col_md_offset_6 {
        margin-left: 50%
    }

    .grid__col_md_offset_7 {
        margin-left: 58.3333333333%
    }

    .grid__col_md_offset_8 {
        margin-left: 66.6666666667%
    }

    .grid__col_md_offset_9 {
        margin-left: 75%
    }

    .grid__col_md_offset_10 {
        margin-left: 83.3333333333%
    }

    .grid__col_md_offset_11 {
        margin-left: 91.6666666667%
    }

    .grid__col_md_offset_12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .grid__col_lg_1,.grid__col_lg_2,.grid__col_lg_3,.grid__col_lg_4,.grid__col_lg_5,.grid__col_lg_6,.grid__col_lg_7,.grid__col_lg_8,.grid__col_lg_9,.grid__col_lg_10,.grid__col_lg_11,.grid__col_lg_12 {
        float:left
    }

    .grid__col_lg_1 {
        width: 8.3333333333%
    }

    .grid__col_lg_2 {
        width: 16.6666666667%
    }

    .grid__col_lg_3 {
        width: 25%
    }

    .grid__col_lg_4 {
        width: 33.3333333333%
    }

    .grid__col_lg_5 {
        width: 41.6666666667%
    }

    .grid__col_lg_6 {
        width: 50%
    }

    .grid__col_lg_7 {
        width: 58.3333333333%
    }

    .grid__col_lg_8 {
        width: 66.6666666667%
    }

    .grid__col_lg_9 {
        width: 75%
    }

    .grid__col_lg_10 {
        width: 83.3333333333%
    }

    .grid__col_lg_11 {
        width: 91.6666666667%
    }

    .grid__col_lg_12 {
        width: 100%
    }

    .grid__col_lg_pull_0 {
        right: auto
    }

    .grid__col_lg_pull_1 {
        right: 8.3333333333%
    }

    .grid__col_lg_pull_2 {
        right: 16.6666666667%
    }

    .grid__col_lg_pull_3 {
        right: 25%
    }

    .grid__col_lg_pull_4 {
        right: 33.3333333333%
    }

    .grid__col_lg_pull_5 {
        right: 41.6666666667%
    }

    .grid__col_lg_pull_6 {
        right: 50%
    }

    .grid__col_lg_pull_7 {
        right: 58.3333333333%
    }

    .grid__col_lg_pull_8 {
        right: 66.6666666667%
    }

    .grid__col_lg_pull_9 {
        right: 75%
    }

    .grid__col_lg_pull_10 {
        right: 83.3333333333%
    }

    .grid__col_lg_pull_11 {
        right: 91.6666666667%
    }

    .grid__col_lg_pull_12 {
        right: 100%
    }

    .grid__col_lg_push_0 {
        left: auto
    }

    .grid__col_lg_push_1 {
        left: 8.3333333333%
    }

    .grid__col_lg_push_2 {
        left: 16.6666666667%
    }

    .grid__col_lg_push_3 {
        left: 25%
    }

    .grid__col_lg_push_4 {
        left: 33.3333333333%
    }

    .grid__col_lg_push_5 {
        left: 41.6666666667%
    }

    .grid__col_lg_push_6 {
        left: 50%
    }

    .grid__col_lg_push_7 {
        left: 58.3333333333%
    }

    .grid__col_lg_push_8 {
        left: 66.6666666667%
    }

    .grid__col_lg_push_9 {
        left: 75%
    }

    .grid__col_lg_push_10 {
        left: 83.3333333333%
    }

    .grid__col_lg_push_11 {
        left: 91.6666666667%
    }

    .grid__col_lg_push_12 {
        left: 100%
    }

    .grid__col_lg_offset_0 {
        margin-left: 0
    }

    .grid__col_lg_offset_1 {
        margin-left: 8.3333333333%
    }

    .grid__col_lg_offset_2 {
        margin-left: 16.6666666667%
    }

    .grid__col_lg_offset_3 {
        margin-left: 25%
    }

    .grid__col_lg_offset_4 {
        margin-left: 33.3333333333%
    }

    .grid__col_lg_offset_5 {
        margin-left: 41.6666666667%
    }

    .grid__col_lg_offset_6 {
        margin-left: 50%
    }

    .grid__col_lg_offset_7 {
        margin-left: 58.3333333333%
    }

    .grid__col_lg_offset_8 {
        margin-left: 66.6666666667%
    }

    .grid__col_lg_offset_9 {
        margin-left: 75%
    }

    .grid__col_lg_offset_10 {
        margin-left: 83.3333333333%
    }

    .grid__col_lg_offset_11 {
        margin-left: 91.6666666667%
    }

    .grid__col_lg_offset_12 {
        margin-left: 100%
    }
}

.da-ui h1,.da-ui h2,.da-ui h3,.da-ui h4,.da-ui h5,.da-ui h6 {
    color: #f1f1f1;
    line-height: 1;
    font-weight: 500
}

.da-ui h1 {
    font-size: 30px;
    margin-bottom: 20px
}

.da-ui h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.da-ui--page-btn {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    border-radius: 30px;
    padding: 20px 30px;
    color: #fff;
    background: #444;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--link {
    color: #f57d07;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.da-ui--link:after {
    display: block;
    content: "";
    background-color: #f57d07;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.da-ui--link:hover:after {
    opacity: .5
}

.da-ui--button {
    display: block;
    text-decoration: none;
    font-family: Helvetica Neue,Segoe UI,Arial,sans-serif;
    color: #fff;
    background-color: #f59c07;
    background-image: linear-gradient(-101deg,#f59c07,#f57507);
    height: 45px;
    line-height: 45px;
    border-radius: 22.5px;
    padding: 0 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border: none
}

.da-ui--button_default {
    background: #303030
}

.da-ui--button:disabled {
    color: #5c4426;
    background: #432c16;
    cursor: auto
}

.da-ui--button_small {
    height: 40px;
    line-height: 40px;
    border-radius: 20px
}

.result-status {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    color: #fff;
    width: 100%;
    font-size: 15px
}

.result-status .success {
    background: rgba(0,174,0,.9)
}

.result-status .error,.result-status .success {
    padding: 8px;
    display: none;
    border-radius: 0;
    margin-bottom: 0
}

.result-status .error {
    background: rgba(174,0,0,.9)
}

@media only screen and (min-width: 768px) {
    .result-status {
        width:400px;
        top: 10px;
        right: 10px
    }

    .result-status .error,.result-status .success {
        border-radius: 3px;
        margin-bottom: 10px
    }
}

.da-ui--header {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #1c1c1c;
    padding: 10px 0
}

.da-ui--header__cape {
    position: fixed;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28,28,28,.5);
    -webkit-transition: all .2s;
    transition: all .2s;
    pointer-events: none
}

@media only screen and (min-width: 992px) {
    .da-ui--header__cape {
        display:none
    }
}

.da-ui--header__cape_active {
    z-index: 8;
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.da-ui--header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0 5px 5px;
    text-decoration: none!important
}

.da-ui--header__logo-image {
    height: 40px;
    width: 40px
}

.da-ui--header__logo-description {
    display: none;
    margin-left: 15px;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #f57707;
    background: linear-gradient(265deg,#f59c07,#f57507);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media only screen and (min-width: 768px) {
    .da-ui--header__logo-description {
        display:inline-block
    }
}

.da-ui--header__lang {
    position: relative;
    float: right;
    display: block;
    line-height: 30px;
    margin: 10px 15px 10px 0;
    z-index: 9
}

.da-ui--header__lang:after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    right: 3px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .2s;
    transition: all .2s;
    pointer-events: none
}

.da-ui--header__lang._active-lang:after {
    top: 13px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.da-ui--header__lang .b-mobile-menu__lang-now {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding: 0 15px 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--header__nav {
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    background-color: #1c1c1c;
    position: fixed;
    z-index: 9;
    top: 80px;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.da-ui--header__nav_active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .da-ui--header__nav {
        width:280px;
        -webkit-transform: translateX(280px);
        transform: translateX(280px)
    }

    .da-ui--header__nav_active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@media only screen and (min-width: 992px) {
    .da-ui--header__nav {
        background-color:transparent;
        position: static;
        top: auto;
        right: auto;
        height: auto;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: right;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.da-ui--header__nav-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.da-ui--header__nav-item {
    display: block;
    padding: 15px;
    font-size: 0;
    line-height: 0
}

@media only screen and (min-width: 992px) {
    .da-ui--header__nav-item {
        display:inline-block;
        vertical-align: middle;
        margin-left: 15px;
        padding: 0
    }
}

.da-ui--header__nav-link {
    font-size: 12px;
    line-height: 30px;
    display: block;
    color: #fff;
    text-decoration: none!important;
    -webkit-transition: all .2s;
    transition: all .2s
}

.da-ui--header__nav-link:hover {
    color: #f57707
}

.da-ui--header__burger {
    margin: 13px 0;
    float: right;
    margin-left: 15px;
    cursor: pointer
}

@media only screen and (min-width: 992px) {
    .da-ui--header__burger {
        display:none
    }
}

.da-ui--header__burger span {
    display: block;
    width: 30px;
    height: 4px;
    position: relative;
    background: #f59c07;
    background-image: linear-gradient(240deg,#f59c07,#f57507);
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.da-ui--header__burger span:nth-child(2) {
    margin: 6px 0
}

.da-ui--header__burger_active span:first-child {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
}

.da-ui--header__burger_active span:nth-child(2) {
    width: 0
}

.da-ui--header__burger_active span:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg)
}

.da-ui--header-activate {
    height: 70px;
    background-color: #262626;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0 15px
}

.da-ui--header-activate,.da-ui--header-activate__left-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.da-ui--header-activate__left-block {
    height: 100%
}

.da-ui--header-activate__userblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.da-ui--header-activate__username {
    color: #f1f1f1;
    font-size: 15px;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    margin-right: 50px
}

.da-ui--header-activate__userpic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 15px 0 0
}

.da-ui--header-activate__logout {
    display: block;
    position: relative;
    border-left: 1px solid #1f1f1f;
    height: 100%;
    width: 70px
}

.da-ui--header-activate__logout:before {
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(https://www.donationalerts.com/img/exit.svg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: .6;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.da-ui--header-activate__logout:hover:before {
    opacity: 1
}

.da-ui--header-activate .b-header__sign-up {
    height: 4rem;
    margin-right: 15px
}

.da-ui--header-activate .b-header__sign-up span {
    line-height: 4rem
}

.da-ui--header-activate .b-header__sign-up:after {
    background-color: #262626
}

.da-ui--content {
    position: relative;
    z-index: 1;
    background-color: #1f1f1f;
    min-height: 100vh;
    /* padding-top:80px; */
    /* padding-bottom:345px; */
    padding: 0;
    font-size: 14px;
    max-width: 100%;
    overflow-x: hidden
}

@media only screen and (min-width: 768px) {
    .da-ui--content {
        /* padding-bottom:245px; */
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--content {
        /* padding-bottom:255px; */
    }
}

.da-ui--footer {
    position: relative;
    z-index: 2;
    background-color: #1c1c1c;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding: 0 0 25px;
    overflow: hidden;
    margin-top: -345px
}

@media only screen and (min-width: 768px) {
    .da-ui--footer {
        margin-top:-245px
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer {
        padding:50px 0;
        margin-top: -255px
    }
}

.da-ui--footer__logo {
    display: none
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer__logo {
        display:block;
        position: absolute;
        top: 0;
        left: 15px
    }
}

.da-ui--footer__copy {
    display: block;
    cursor: default;
    text-align: center;
    letter-spacing: -.01em;
    line-height: 15px;
    font-size: 14px;
    color: #838383;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 25px
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer__copy {
        text-align:left;
        margin-top: 0;
        padding-top: 125px
    }
}

.da-ui--footer__title {
    display: block;
    cursor: default;
    font-size: 16px;
    color: #f1f1f1;
    letter-spacing: -.01em;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 25px;
    margin-bottom: 2px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .da-ui--footer__title {
        text-align:left
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer__title {
        margin-top:0
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer__mid-col {
        padding-left:74px
    }
}

@media only screen and (min-width: 992px) {
    .da-ui--footer__right-col {
        padding-left:74px
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer__right-col {
        padding-left:0
    }
}

.da-ui--footer__nav {
    list-style: none;
    overflow: hidden;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .da-ui--footer__nav {
        text-align:left
    }
}

.da-ui--footer__nav-item {
    margin-top: 12px;
    line-height: 1
}

.da-ui--footer__nav-link {
    font-size: 14px;
    color: #838383;
    letter-spacing: -.01em;
    line-height: 15px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.da-ui--footer__nav-link:hover {
    color: #fff
}

.da-ui--footer__social {
    list-style: none;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .da-ui--footer__social {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer__social {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.da-ui--footer__social-item {
    margin: 12px 5px 0;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .da-ui--footer__social-item {
        margin:12px 15px 0 0
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--footer__social-item {
        margin:12px 0 0
    }
}

.da-ui--footer__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #555;
    -webkit-transition: all .2s;
    transition: all .2s
}

.da-ui--footer__social-link_fb {
    background-color: #3b78f2
}

.da-ui--footer__social-link_twitter {
    background-color: #3ea1f2
}

.da-ui--footer__social-link_instagram {
    background-color: #d92e58
}

.da-ui--footer__social-link_vk {
    background-color: #4680c2
}

.da-ui--footer__social-link_discord {
    background-color: #7289da
}

.da-ui--footer__social-link:hover {
    opacity: .7
}

.da-ui--footer__social-link img {
    display: block;
    max-height: 20px
}

.da-ui--legal__container {
    color: #a7a7a7;
    font-size: 14px
}

.da-ui--legal__container h1,.da-ui--legal__container h2,.da-ui--legal__container h3,.da-ui--legal__container h4,.da-ui--legal__container h5,.da-ui--legal__container h6 {
    color: #fff
}

.da-ui--article {
    cursor: default;
    line-height: 1.5;
    color: #a7a7a7
}

.da-ui--article h1,.da-ui--article h2,.da-ui--article h3,.da-ui--article h4,.da-ui--article h5,.da-ui--article h6 {
    font-weight: 100;
    line-height: inherit;
    margin-top: 1em;
    margin-bottom: .5em;
    color: #fff
}

.da-ui--article h1 {
    font-size: 36px
}

.da-ui--article h2 {
    font-size: 28px
}

.da-ui--article h3 {
    font-size: 20px
}

.da-ui--article h4 {
    font-weight: 400;
    font-size: 16px
}

.da-ui--article p {
    margin: 1em 0
}

.da-ui--article a {
    display: inline-block;
    position: relative;
    color: #fb8c2b;
    text-decoration: none
}

.da-ui--article a,.da-ui--article a:before {
    -webkit-transition: all .2s;
    transition: all .2s
}

.da-ui--article a:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: .2em;
    position: absolute;
    background-color: transparent
}

.da-ui--article a:hover:before {
    background-color: #fb8c2b
}

.da-ui--article ol,.da-ui--article ul {
    margin: 0;
    padding: 0;
    padding-left: 15px
}

.da-ui--article ul {
    list-style: none
}

.da-ui--article ul li {
    position: relative;
    margin-bottom: 1em
}

.da-ui--article ul li:last-child {
    margin-bottom: 0
}

.da-ui--article ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: .5em;
    left: -13px;
    width: 5px;
    height: 5px;
    background-color: #fb8c2b;
    border-radius: 50%
}

.da-ui--article table {
    border-collapse: collapse
}

.da-ui--article table th {
    background-color: rgba(0,0,0,.25)
}

.da-ui--article table td,.da-ui--article table th {
    padding: 5px;
    border: 1px solid #a7a7a7
}

.da-ui--section {
    cursor: default;
    margin: 50px 0;
    font-family: Inter,Helvetica Neue,Segoe UI,Arial,sans-serif
}

@media only screen and (min-width: 768px) {
    .da-ui--section {
        margin:50px 0 100px
    }
}

.da-ui--section h1,.da-ui--section h2,.da-ui--section h3,.da-ui--section h4,.da-ui--section h5,.da-ui--section h6 {
    color: #f1f1f1;
    line-height: 1.2;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .da-ui--section h1,.da-ui--section h2,.da-ui--section h3,.da-ui--section h4,.da-ui--section h5,.da-ui--section h6 {
        line-height:1
    }
}

.da-ui--section h1 {
    font-size: 22px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .da-ui--section h1 {
        font-size:30px
    }
}

.da-ui--section h2 {
    font-size: 18px;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .da-ui--section h2 {
        font-size:24px
    }
}

.da-ui--section p {
    font-size: 13px;
    color: #d0d0d0;
    margin: 15px 0 10px
}

@media only screen and (min-width: 768px) {
    .da-ui--section p {
        font-size:15px
    }
}

.da-ui--section p.p-sign {
    color: #5a5a5a;
    font-size: 12px;
    line-height: 1.5;
    margin: 15px 0 50px
}

.vb>.vb-dragger {
    z-index: 5;
    width: 12px;
    right: 0
}

.vb>.vb-dragger>.vb-dragger-styler {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate3d(0,0,0,0);
    transform: rotate3d(0,0,0,0);
    -webkit-transition: background-color .1s ease-out,margin .1s ease-out,height .1s ease-out;
    transition: background-color .1s ease-out,margin .1s ease-out,height .1s ease-out;
    background-color: rgba(20,20,20,.1);
    margin: 5px 5px 5px 0;
    border-radius: 20px;
    height: calc(100% - 10px);
    display: block
}

.vb.vb-scrolling-phantom>.vb-dragger>.vb-dragger-styler {
    background-color: rgba(20,20,20,.3)
}

.vb.vb-dragging>.vb-dragger>.vb-dragger-styler,.vb>.vb-dragger:hover>.vb-dragger-styler {
    background-color: rgba(20,20,20,.5);
    margin: 0;
    height: 100%
}

.vb.vb-dragging-phantom>.vb-dragger>.vb-dragger-styler {
    background-color: rgba(20,20,20,.5)
}

.da-ui--brand {
    font-family: Inter
}

.brand-box {
    margin: 30px 0 0;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .brand-box {
        font-size:16px
    }
}

.brand-box__preview {
    border: 1px solid #353535;
    border-radius: 3px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden
}

.brand-box__preview:after {
    display: block;
    content: "";
    padding-top: 41.5%
}

.brand-box__preview img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 60%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.brand-box__example_1 {
    background-image: url(https://www.donationalerts.com/img/brand/type-1.png)
}

.brand-box__example_1,.brand-box__example_2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: transparent
}

.brand-box__example_2 {
    background-image: url(https://www.donationalerts.com/img/brand/type-2.png)
}

.brand-box__example_3 {
    background-image: url(https://www.donationalerts.com/img/brand/type-3.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: transparent
}

.brand-box__color-1 {
    background: linear-gradient(-113deg,#f59c07,#f57507);
    border-color: transparent
}

.brand-box__color-2 {
    background: #f57d07;
    border-color: transparent
}

.brand-box__color-3 {
    background: #f1f1f1;
    border-color: transparent
}

.brand-box__color-4 {
    background: #303030;
    border-color: transparent
}

.brand-box__color-5 {
    background: #262626;
    border-color: transparent
}

.brand-box__color-6 {
    background: #1f1f1f
}

.brand-box__color-7 {
    background: #191919;
    border-color: transparent
}

.brand-box__name {
    color: #f1f1f1;
    line-height: 1;
    margin-bottom: 15px;
    min-height: 28px
}

@media only screen and (min-width: 768px) {
    .brand-box__name {
        min-height:auto
    }
}

.brand-box__list {
    color: #5a5a5a
}

.brand-box__list-items {
    list-style: none;
    display: inline-block;
    font-size: 0
}

.brand-box__list-item {
    display: inline-block;
    position: relative;
    margin-left: 20px;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .brand-box__list-item {
        font-size:16px
    }
}

.brand-box__list-item:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #5a5a5a;
    width: 6px;
    height: 2px;
    border-radius: 3px;
    left: -13px;
    top: 8px
}

.brand-box__list-item:first-child {
    margin-left: 0
}

.brand-box__list-item:first-child:before {
    display: none
}

.brand-box__description {
    color: #838383;
    line-height: 1.5
}

.da-ui--block_promo {
    padding: 35px 0;
    text-align: center
}

@media only screen and (min-width: 992px) {
    .da-ui--block_promo {
        padding:70px 0
    }
}

.da-ui--block_perks {
    background-color: #262626;
    padding: 35px 0;
    cursor: default
}

@media only screen and (min-width: 992px) {
    .da-ui--block_perks {
        padding:70px 0
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--block_perks {
        padding:70px 0 0
    }
}

.da-ui--block_perks .da-ui--block__h2 {
    text-align: center;
    margin-bottom: 25px
}

@media only screen and (min-width: 1200px) {
    .da-ui--block_perks .da-ui--block__h2 {
        margin-bottom:50px
    }
}

.da-ui--block_join {
    padding: 60px 0;
    position: relative;
    text-align: center;
    border-top: 1px solid #2e2d2d;
    overflow: hidden
}

.da-ui--block_help {
    background-color: #262626;
    padding: 0;
    text-align: center;
    overflow: hidden
}

@media only screen and (min-width: 992px) {
    .da-ui--block_help {
        text-align:left;
        padding: 60px 0
    }
}

.da-ui--block__tutorial {
    padding: 30px 0
}

@media only screen and (min-width: 992px) {
    .da-ui--block__tutorial {
        margin-bottom:0;
        padding: 0
    }
}

.da-ui--block__discord {
    padding: 30px 0;
    border-top: 1px solid #2f2f2f
}

@media only screen and (min-width: 992px) {
    .da-ui--block__discord {
        border-top:0;
        border-left: 1px solid #2f2f2f;
        padding: 0 0 0 74px
    }
}

.da-ui--block__h1,.da-ui--block__h2,.da-ui--block__h3 {
    color: #f1f1f1;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 400;
    cursor: default
}

.da-ui--block__h2 {
    font-size: 30px
}

.da-ui--block__h3 {
    font-size: 25px
}

.da-ui--block__p {
    font-size: 14px;
    color: #838383;
    line-height: 1.4;
    margin-bottom: 30px;
    cursor: default
}

.da-ui--block__persk {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 25px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .da-ui--block__persk {
        text-align:left;
        padding-top: 40px
    }
}

.da-ui--block__persk span {
    color: #838383
}

.da-ui--block__dashboard img {
    display: block;
    width: 100%
}

.da-ui--block__shape {
    background-image: radial-gradient(circle,#f59c07 0,#f57507 100%);
    border-radius: 50%;
    position: absolute;
    display: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media only screen and (min-width: 992px) {
    .da-ui--block__shape {
        display:block
    }
}

.da-ui--block__shape_left {
    width: 142px;
    height: 142px;
    bottom: -110px;
    left: 111px
}

.da-ui--block__shape_right {
    width: 206px;
    height: 206px;
    top: -140px;
    right: 21px
}

.da-ui--block__ticker {
    margin-top: 50px;
    height: 35px;
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

.da-ui--block__ticker.ready {
    opacity: 1
}

.da-ui--block__ticker:after,.da-ui--block__ticker:before {
    display: block;
    content: "";
    position: absolute;
    width: 200px;
    height: 35px;
    top: 0;
    z-index: 2
}

.da-ui--block__ticker:before {
    left: 0;
    background: -webkit-gradient(linear,right top,left top,from(transparent),to(#1f1f1f));
    background: linear-gradient(-90deg,transparent,#1f1f1f)
}

.da-ui--block__ticker:after {
    right: 0;
    background: -webkit-gradient(linear,left top,right top,from(transparent),to(#1f1f1f));
    background: linear-gradient(90deg,transparent,#1f1f1f)
}

.da-ui--block__ticker-item {
    position: absolute;
    height: 35px;
    min-width: 35px
}

.da-ui--block__ticker-item img {
    display: block;
    height: 100%
}

.da-ui--block__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    width: 50px;
    border-radius: 3px;
    background-color: #313131;
    margin-bottom: 20px
}

.da-ui--block__icon img {
    display: block
}

.da-ui--block__list {
    padding-left: 20px;
    list-style: none;
    cursor: default
}

.da-ui--block__list-item {
    position: relative;
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 16px;
    color: #d0d0d0
}

.da-ui--block__list-item:before {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #303030;
    border-radius: 2px;
    left: -20px;
    top: 7px
}

.da-ui--block_content_1,.da-ui--block_content_2,.da-ui--block_content_3 {
    padding: 50px 0
}

@media only screen and (min-width: 992px) {
    .da-ui--block_content_1,.da-ui--block_content_2,.da-ui--block_content_3 {
        padding:100px 0
    }
}

.da-ui--block_content_2 {
    background-color: #262626
}

.da-ui--page-btn {
    -webkit-transition: all .2s;
    transition: all .2s
}

.da-ui--page-btn img {
    display: inline-block;
    margin-right: 10px
}

.da-ui--page-btn img,.da-ui--page-btn span {
    vertical-align: middle
}

.da-ui--page-btn_join-us {
    margin-top: 15px;
    background: -webkit-gradient(linear,right top,left top,from(#f59c07),to(#f57507));
    background: linear-gradient(-90deg,#f59c07,#f57507)
}

.da-ui--page-btn_join-us:hover {
    background: -webkit-gradient(linear,right top,left top,from(#fff),to(#fff));
    background: linear-gradient(-90deg,#fff,#fff);
    color: #f57707
}

.da-ui--page-btn_watch {
    background: #333
}

.da-ui--page-btn_watch:hover {
    opacity: .7
}

.da-ui--page-btn_discord {
    background: #7289da
}

.da-ui--page-btn_discord:hover {
    opacity: .7
}

.promo-bear-img {
    display: block;
    max-width: 60%;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .promo-bear-img {
        max-width:80%
    }
}

@media only screen and (min-width: 768px) {
    .promo-bear-img_1,.promo-bear-img_3 {
        float:right
    }
}

@media only screen and (min-width: 768px) {
    .promo-bear-img_2 {
        float:left
    }
}

.b-how.s-how.b-how_fraud {
    background-color: #262626
}

.b-how.s-how.b-how_fraud .b-animate__message {
    background-color: #262626;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 5.5rem
}

.b-how.s-how.b-how_fraud .b-animate__message img {
    max-width: 12rem;
    max-height: 12rem
}

@media only screen and (min-width: 768px) {
    .b-how.s-how.b-how_fraud .b-animate__message img {
        max-width:19rem;
        max-height: 19rem
    }
}

.b-how.s-how.b-how_fraud ._animated .b-animate__message._msg1 {
    -webkit-animation: msg_1_fraud .3s ease-in-out .3s;
    animation: msg_1_fraud .3s ease-in-out .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.b-how.s-how.b-how_fraud .b-how__item-inner {
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-left: 30px;
    margin-right: 30px
}

.b-how.s-how.b-how_fraud .b-how__item-inner:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 0;
    background: linear-gradient(260deg,#f59c07,#f57507)!important;
    -webkit-transition: width .2s;
    transition: width .2s;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.b-how.s-how.b-how_fraud .b-how__item-inner._active:after {
    width: 100%
}

.da-ui--contacts__btn {
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear,right top,left top,from(#f59c07),to(#f57507));
    background-image: linear-gradient(-90deg,#f59c07,#f57507);
    background-color: #fff;
    font-weight: 500;
    cursor: pointer;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--contacts__btn:hover {
    background-image: none;
    color: #f57d07
}

.da-ui--contacts__item {
    background-color: #303030;
    border-radius: 3px;
    text-align: center;
    color: #838383;
    font-size: 14px;
    padding: 40px 0;
    margin: 15px 0;
    cursor: default
}

.da-ui--contacts__item-title {
    color: #f1f1f1;
    font-size: 22px;
    margin: 20px 0 5px
}

.da-ui--contacts__item-desc {
    margin-bottom: 30px
}

.da-ui--contacts__item-icon {
    margin: 10px auto;
    width: 50px;
    height: 50px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--contacts__item-icon img {
    display: block;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 992px) {
    .da-ui--contacts__item_2 {
        text-align:left;
        padding: 40px
    }

    .da-ui--contacts__item_2 .da-ui--contacts__item-title {
        margin: 0 20px 0 0;
        display: inline-block;
        vertical-align: middle
    }

    .da-ui--contacts__item_2 .da-ui--contacts__item-desc {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        font-size: 22px
    }

    .da-ui--contacts__item_2 .da-ui--contacts__item-icon {
        margin: 0 40px 0 0;
        display: inline-block;
        vertical-align: middle
    }

    .da-ui--contacts__item_2 .da-ui--contacts__btn {
        float: right;
        margin-top: 2px
    }
}

.da-ui--category-box {
    color: #fff;
    background-color: #1a1a1a;
    border-radius: 3px;
    position: relative;
    margin: 0 0 30px;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .da-ui--category-box {
        margin:0
    }
}

.da-ui--category-box__head {
    background-color: #2a2a2a;
    padding: 10px 15px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.da-ui--category-box__head-icon {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.da-ui--category-box__head-icon svg {
    display: block
}

.da-ui--category-box__head-title {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px
}

.da-ui--category-box__section {
    padding-top: 40px;
    height: 300px
}

.da-ui--category-box__section ._custom-scroll_Games,.da-ui--category-box__section ._custom-scroll_IRL {
    height: 100%;
    overflow: hidden;
    position: relative
}

.da-ui--category-box__other {
    padding: 10px 15px
}

.da-ui--category-box__other input[type=text] {
    background-color: transparent;
    border: 1px solid #3e3e3e;
    border-radius: 5px;
    line-height: 18px;
    padding: 10px;
    display: block;
    width: 100%;
    color: #f1f1f1;
    font-size: inherit
}

.da-ui--category-box__other input[type=text]:focus {
    border-color: #f59508
}

.da-ui--category-box__item.disabled {
    opacity: .5;
    pointer-events: none
}

.da-ui--category-box__option {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--category-box__option span {
    display: inline-block
}

.da-ui--category-box__option span:before {
    display: inline-block;
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 2px;
    background-color: #393939;
    margin-right: 10px;
    vertical-align: middle
}

.da-ui--category-box__option:hover {
    background-color: #232323
}

.da-ui--category-box__option:hover span {
    color: #f57d07
}

.da-ui--category-box__option:hover span:before {
    background-color: #5e5e5e
}

.da-ui--category-box__option input[type=checkbox]:checked+span:before {
    background: #f59c07 url(https://www.donationalerts.com/img/check.svg) 50% no-repeat
}

.da-ui--category-box__option input[type=checkbox] {
    display: none
}

.da-ui--category-box ._optional_disabled {
    opacity: .5;
    pointer-events: none
}

.da-ui--apidoc {
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
    margin-bottom: 70vh
}

@media only screen and (min-width: 992px) {
    .da-ui--apidoc {
        top:50px 0
    }
}

.da-ui--apidoc__warn {
    background-color: #262626;
    border-radius: 3px;
    border-left: 3px solid #fff;
    color: #f1f1f1;
    margin: 10px 0;
    padding: 20px 20px 20px 17px;
    cursor: default;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.da-ui--apidoc__warn_red {
    background-color: rgba(214,58,58,.3);
    border-left: 3px solid #d63a3a
}

.da-ui--apidoc__warn-icon {
    margin-right: 15px
}

.da-ui--apidoc__warn-icon svg {
    display: block
}

.da-ui--apidoc__warn-text span {
    display: inline-block;
    border-radius: 3px;
    background-color: hsla(0,0%,100%,.05);
    padding: 0 10px;
    margin: 0 5px
}

.da-ui--apidoc__sidebar {
    background-color: #262626;
    border-radius: 3px;
    padding: 10px 20px 10px 0;
    overflow: hidden;
    margin-bottom: 2em;
    font-size: 14px;
    line-height: 1.3;
    position: fixed;
    z-index: 1;
    left: 15px;
    right: 15px;
    display: none
}

@media only screen and (min-width: 768px) {
    .da-ui--apidoc__sidebar {
        left:auto;
        right: auto;
        width: 262px;
        display: block
    }
}

.da-ui--apidoc__sidebar-container {
    position: relative;
    height: 60px
}

.da-ui--apidoc__sidebar-container_active .da-ui--apidoc__sidebar {
    display: block
}

.da-ui--apidoc__sidebar-container_active .da-ui--apidoc__sidebar-toggle:before {
    width: 20px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.da-ui--apidoc__sidebar-container_active .da-ui--apidoc__sidebar-toggle:after {
    width: 20px;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.da-ui--apidoc__sidebar-toggle {
    position: fixed;
    width: 40px;
    height: 40px;
    z-index: 2;
    right: 15px;
    cursor: pointer;
    background-color: #262626;
    border-radius: 3px;
    display: block
}

@media only screen and (min-width: 768px) {
    .da-ui--apidoc__sidebar-toggle {
        display:none
    }
}

.da-ui--apidoc__sidebar-toggle:after,.da-ui--apidoc__sidebar-toggle:before {
    display: block;
    content: "";
    position: absolute;
    height: 2px;
    background-color: #fff;
    top: 50%;
    left: 50%
}

.da-ui--apidoc__sidebar-toggle:before {
    width: 20px;
    -webkit-transform: translate(-50%,-225%);
    transform: translate(-50%,-225%)
}

.da-ui--apidoc__sidebar-toggle:after {
    width: 20px;
    -webkit-transform: translate(-50%,175%);
    transform: translate(-50%,175%)
}

.da-ui--apidoc__sidebar a {
    position: relative;
    color: #fff
}

.da-ui--apidoc__sidebar a:hover {
    color: #f57d07;
    text-decoration: none
}

.da-ui--apidoc__sidebar a:before {
    display: block;
    position: absolute;
    content: "";
    width: 2px;
    top: -2px;
    bottom: -2px;
    background-color: #f57d07;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

.da-ui--apidoc__sidebar ul a:before {
    left: -20px
}

.da-ui--apidoc__sidebar ul ul a:before {
    left: -40px
}

.da-ui--apidoc__sidebar ul ul ul a:before {
    left: -60px
}

.da-ui--apidoc__sidebar ul {
    list-style: none;
    padding-left: 20px
}

.da-ui--apidoc__sidebar ul ul {
    display: none
}

.da-ui--apidoc__sidebar ul li {
    margin: 5px 0
}

.da-ui--apidoc__sidebar ul li a.active {
    color: #f57d07
}

.da-ui--apidoc__sidebar ul li a.active:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.da-ui--apidoc__content h1,.da-ui--apidoc__content h2,.da-ui--apidoc__content h3,.da-ui--apidoc__content h4 {
    margin: 2em 0 .8em;
    font-weight: 500;
    color: #f1f1f1;
    line-height: 1.3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--apidoc__content h1 {
    font-size: 30px;
    margin-top: 0
}

.da-ui--apidoc__content h2 {
    font-size: 26px
}

.da-ui--apidoc__content h3 {
    font-size: 20px;
    margin: 2em 0 .5em
}

.da-ui--apidoc__content h4 {
    font-size: 14px;
    color: #d0d0d0;
    margin: 1em 0
}

.da-ui--apidoc__content p {
    line-height: 1.5;
    color: #d0d0d0;
    margin: 1em 0 1.5em;
    cursor: dufault
}

.da-ui--apidoc__content code {
    background-color: #2a2a2a;
    border-radius: 3px
}

.da-ui--apidoc__article ol,.da-ui--apidoc__article ul {
    padding-left: 20px
}

.da-ui--apidoc__article pre {
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-family: monospace;
    font-size: 12px;
    line-height: 1.3
}

.da-ui--apidoc__article pre code {
    font: inherit;
    line-height: inherit
}

.da-ui--apidoc__article-method {
    display: inline-block;
    font-size: .8em;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 3px;
    color: #1f1f1f;
    font-weight: 500;
    background-color: #a7a7a7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    margin-right: 15px;
    vertical-align: middle
}

.da-ui--apidoc__article-method_GET {
    background-color: #43a047
}

.da-ui--apidoc__article-method_POST {
    background-color: #8e24aa
}

.da-ui--apidoc__article-method_PUT {
    background-color: #fb8c00
}

.da-ui--apidoc__article-method_DELETE {
    background-color: #e53935
}

.da-ui--apidoc__article-method_UPDATE {
    background-color: #1e88e5
}

.da-ui--apidoc__article-privacy {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    text-transform: uppercase;
    color: #1f1f1f;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    vertical-align: middle;
    margin: 0 0 1em
}

.da-ui--apidoc__article-privacy span {
    display: block;
    float: left;
    margin-right: 15px;
    border-radius: 3px
}

.da-ui--apidoc__article-privacy:after {
    display: block;
    content: "";
    clear: both
}

.da-ui--apidoc__article-privacy_close {
    color: #e53935
}

.da-ui--apidoc__article-privacy_sign {
    color: #fb8c00
}

.da-ui--apidoc__article-params {
    margin: 1em 0 1.5em
}

.da-ui--apidoc__article-example {
    background-color: #2a2a2a;
    font-family: monospace;
    line-height: 1.5;
    padding: 15px;
    border-radius: 3px;
    margin: 1em 0 1.5em;
    word-break: break-all
}

.da-ui--apidoc__article-tabs__header-title {
    margin: 1em 30px .5em 0;
    font-weight: 500;
    color: #d0d0d0;
    line-height: 1.3;
    font-size: 14px;
    opacity: .5;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--apidoc__article-tabs__header-title_active {
    opacity: 1;
    cursor: default
}

.da-ui--apidoc__article-tabs__content-box {
    display: none
}

.da-ui--apidoc__article-tabs__content-box_active {
    display: block
}

.da-ui--apidoc__article-tabs__content-box ul {
    list-style: none;
    padding-left: 0
}

.da-ui--apidoc__article-tabs__content-box ul li {
    border-bottom: 1px solid #383838;
    padding: 10px 0
}

.da-ui--apidoc__article-tabs__content-box ul li:last-child {
    border-bottom: 0
}

.da-ui--apidoc__article-tabs__content-box ul li:after {
    display: block;
    content: "";
    clear: both
}

.da-ui--apidoc__article-table_leftcol {
    float: left;
    width: 40%;
    position: relative;
    padding-right: 10px;
    word-break: break-all
}

@media only screen and (min-width: 992px) {
    .da-ui--apidoc__article-table_leftcol {
        width:30%
    }
}

.da-ui--apidoc__article-table_rightcol {
    float: left;
    width: 60%;
    position: relative
}

@media only screen and (min-width: 992px) {
    .da-ui--apidoc__article-table_rightcol {
        width:70%
    }
}

.da-ui--apidoc__article-table_childrencol {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 15px;
    margin-top: 15px;
    border-left: 1px solid #383838
}

@media only screen and (min-width: 992px) {
    .da-ui--apidoc__article-table_childrencol {
        padding-left:30px
    }
}

.da-ui--apidoc__article-table_type {
    opacity: .7;
    line-height: 1.5
}

.da-ui--apidoc__article-table_tag,.da-ui--apidoc__article-table_type {
    font-size: .8em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.da-ui--apidoc__article-table_tag {
    color: #72b234
}

.da-ui--covid {
    font-family: Inter
}

.da-ui--covid .header-logo-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) {
    .da-ui--covid .header-logo-container {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--covid .header-logo-container {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.da-ui--covid .header-logo-container .header-logo-hashtag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px;
    border-radius: 18px;
    background-color: hsla(0,0%,84.7%,.04);
    font-size: 18px;
    font-weight: 500;
    padding: 7px 15px 9px
}

.da-ui--covid .header-logo-container .header-logo-hashtag .bars {
    margin-top: 2px;
    color: #f57507
}

.da-ui--covid .header-logo-container .header-logo-hashtag .hashtag-text {
    margin-left: 2px;
    color: #f1f1f1
}

@media only screen and (min-width: 992px) {
    .da-ui--covid .row-item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.da-ui--covid .row-item_rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.da-ui--covid .col-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width: 992px) {
    .da-ui--covid .col-item {
        width:50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.da-ui--covid .col-item_left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.da-ui--covid .col-item_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.da-ui--covid .col-item_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.da-ui--covid .col-item_top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.da-ui--covid .col-item_mid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.da-ui--covid .col-item_bot {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.da-ui--covid__h2 {
    color: #f1f1f1;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;
    cursor: default
}

@media only screen and (min-width: 768px) {
    .da-ui--covid .bricklayer-column-sizer {
        width:50%
    }
}

@media only screen and (min-width: 992px) {
    .da-ui--covid .bricklayer-column-sizer {
        width:33.3%
    }
}

@media only screen and (min-width: 1200px) {
    .da-ui--covid .bricklayer-column-sizer {
        width:25%
    }
}

.da-ui--covid__artist {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    margin-bottom: 20px
}

.da-ui--covid__artist-online {
    position: absolute;
    z-index: 2;
    background-color: #d63a3b;
    color: #fff;
    line-height: 20px;
    padding: 10px 15px;
    border-radius: 20px;
    top: 10px;
    left: 15px;
    font-size: 20px;
    font-weight: 600;
    vertical-align: middle
}

.da-ui--covid__artist-online svg {
    display: inline;
    vertical-align: middle;
    margin-left: 5px
}

.da-ui--covid__artist-tags {
    padding-top: 10px;
    cursor: default
}

.da-ui--covid__artist-tags span {
    display: inline-block;
    border-radius: 20px;
    background-color: #212121;
    color: #838383;
    line-height: 25px;
    padding: 5px 15px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

.da-ui--covid__artist-date {
    font-weight: 600;
    color: #f57d07;
    cursor: default
}

.da-ui--covid__artist-name {
    margin: 10px 0 5px;
    color: #f1f1f1;
    line-height: 1.5;
    font-weight: 500;
    display: block;
    text-decoration: none
}

.da-ui--covid__artist-name:hover {
    text-decoration: underline
}

.da-ui--covid__artist-photo {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: block;
    background-color: #2b2b2b
}

.da-ui--covid__artist-photo:after {
    display: block;
    content: "";
    width: 1px;
    padding-top: 100%
}

.da-ui--covid__artist-photo img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.da-ui--covid__info-img {
    display: block;
    margin: auto;
    max-width: 100%
}

.da-ui--covid__info-frame {
    border-radius: 10px;
    background-color: #2b2b2b;
    overflow: hidden;
    position: relative;
    display: block
}

.da-ui--covid__info-frame:after {
    display: block;
    content: "";
    width: 1px;
    padding-top: 56.25%
}

.da-ui--covid__info-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.da-ui--covid__info-wrapper {
    padding: 30px 0
}

@media only screen and (min-width: 992px) {
    .da-ui--covid__info-wrapper {
        padding:60px 0
    }
}

.da-ui--covid__info-icon {
    display: block;
    background-color: #282828;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px
}

.da-ui--covid__info-icon svg {
    display: block
}

.da-ui--covid__info-title {
    margin: 20px 0 15px;
    font-size: 25px;
    font-weight: 500;
    color: #f1f1f1;
    cursor: default
}

@media only screen and (min-width: 768px) {
    .da-ui--covid__info-title {
        font-size:30px
    }
}

.da-ui--covid__info-title span {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.da-ui--covid__info-title span:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-image: linear-gradient(269deg,#f59c07,#f57507)
}

.da-ui--covid__info-text {
    color: #838383;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;
    cursor: default
}

.da-ui--covid__info-btn {
    display: inline-block;
    background-color: #292929;
    border-radius: 30px;
    padding: 20px 30px;
    text-transform: uppercase;
    color: #f1f1f1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all .3s;
    transition: all .3s
}

.da-ui--covid__info-btn:hover {
    background-color: #393939
}

.da-ui--covid__info-btn img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.da-ui--covid__header-date {
    background-color: #241d17;
    border-radius: 20px;
    padding: 5px 15px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #f57507;
    display: inline-block;
    margin-bottom: 15px;
    cursor: default
}

@media only screen and (min-width: 992px) {
    .da-ui--covid__header-date {
        font-size:20px;
        margin-bottom: 30px
    }
}

.da-ui--covid__header-logo a {
    text-decoration: none
}

.da-ui--covid__header-logo span,.da-ui--covid__header-logo svg {
    display: inline-block;
    vertical-align: middle
}

.da-ui--covid__header-logo span {
    background-color: #212121;
    border-radius: 20px;
    padding: 5px 15px;
    line-height: 25px;
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 600;
    margin-left: 50px
}

.da-ui--covid__header-logo_m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.da-ui--covid__header-logo_m a {
    text-decoration: none
}

.da-ui--covid__header-logo_m span,.da-ui--covid__header-logo_m svg {
    display: inline-block;
    vertical-align: middle
}

.da-ui--covid__header-logo_m span {
    background-color: #212121;
    border-radius: 20px;
    padding: 5px 15px;
    line-height: 25px;
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 600
}

@media only screen and (min-width: 992px) {
    .da-ui--covid__header-logo_m {
        display:none
    }
}

.da-ui--covid__header-h2 {
    color: #f1f1f1;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    cursor: default
}

.da-ui--covid__header-h1 {
    color: #f1f1f1;
    font-size: 30px;
    font-weight: 600;
    margin: 30px 0;
    cursor: default
}

@media only screen and (min-width: 992px) {
    .da-ui--covid__header-h1 {
        font-size:45px
    }
}

.da-ui--covid__header-p {
    color: #dcdcdc;
    font-size: 16px;
    line-height: 1.5;
    cursor: default
}

.da-ui--covid__header-img {
    display: block;
    max-width: 100%;
    margin-top: 20px
}

.da-ui--covid__header-box {
    position: relative;
    overflow: hidden;
    font-size: 19px;
    font-weight: 600;
    padding: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 9px 0 rgba(0,0,0,.14);
    box-shadow: 0 10px 9px 0 rgba(0,0,0,.14);
    background-color: #2b2b2b;
    color: #fff;
    height: 260px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
    .da-ui--covid__header-box:hover {
        -webkit-transform:scale(1.05) translateY(-20px);
        transform: scale(1.05) translateY(-20px)
    }
}

.da-ui--covid__header-box-wrapper {
    margin-top: 30px;
    margin-bottom: 40px
}

@media only screen and (min-width: 992px) {
    .da-ui--covid__header-box-wrapper {
        margin-top:80px;
        margin-bottom: 60px
    }
}

.da-ui--covid__header-box__title {
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
    display: block
}

.da-ui--covid__header-box__text {
    position: relative;
    z-index: 2;
    opacity: .4;
    display: block
}

.da-ui--covid__header-box__img {
    display: block;
    position: absolute;
    z-index: 1
}

.img_info-3 {
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 992px) {
    .img_info-3 {
        margin-right:auto;
        margin-left: 0
    }
}

.marathon-header {
    text-align: center
}

@media only screen and (min-width: 992px) {
    .marathon-header {
        text-align:left
    }
}

.bricklayer-column {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.status-page {
    font-family: Inter,Helvetica Neue,Segoe UI,Arial,sans-serif;
    padding: 30px 0;
    line-height: 1.5
}

.status-page__status {
    font-size: 30px;
    font-weight: 500;
    color: #f1f1f1;
    margin: 0 0 25%;
    display: none
}

@media only screen and (min-width: 992px) {
    .status-page__status {
        display:inline-block
    }
}

.status-page__title {
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 300;
    margin: 20px 0 15px
}

@media only screen and (min-width: 992px) {
    .status-page__title {
        font-size:24px;
        margin: 40px 0 30px
    }
}

.status-page__text {
    color: #838383;
    font-size: 14px;
    margin-bottom: 30px
}

@media only screen and (min-width: 992px) {
    .status-page__text {
        font-size:16px;
        margin-bottom: 80px
    }
}

.status-page__text a {
    color: #f57d07;
    text-decoration: none
}

.status-page__text a:hover {
    text-decoration: underline
}

.status-page__btn {
    display: inline-block;
    border-radius: 30px;
    background: -webkit-gradient(linear,left top,right top,from(#f57707),to(#f59b06));
    background: linear-gradient(90deg,#f57707,#f59b06);
    color: #f1f1f1;
    line-height: 20px;
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

@media only screen and (min-width: 992px) {
    .status-page__btn {
        padding:20px 30px
    }
}

.status-page__btn svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    fill: #fff
}

.status-page__btn span {
    vertical-align: middle
}

.status-page__btn:hover {
    color: #f57d07;
    background: #fff
}

.status-page__btn:hover svg {
    fill: #f57d07
}

.status-page__img {
    display: block;
    max-width: 170px;
    margin: 0 auto
}

@media only screen and (min-width: 992px) {
    .status-page__img {
        max-width:none;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
}

._lock {
    overflow: hidden
}

@media only screen and (min-width: 992px) {
    ._lock {
        overflow:auto!important
    }
}

.brands {
    background-color: #100f0f;
    color: #fff;
    padding-top: 50px
}

.brands__container {
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

.brands-btn {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-style: solid;
    border-width: 4px;
    background: 0 0;
    border-image-source: linear-gradient(270deg,#f59c07,#f57507);
    border-image-slice: 1;
    line-height: 1;
    padding: 17px 30px 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .brands-btn {
        display:inline-block;
        width: auto
    }
}

.brands-link {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: 20px auto;
    display: block
}

@media only screen and (min-width: 768px) {
    .brands-link {
        display:inline-block;
        margin: 0
    }
}

.brands__cape {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24,24,24,.75);
    display: none
}

@media only screen and (min-width: 992px) {
    .brands__cape {
        display:none!important
    }
}

.brands__burger {
    width: 25px;
    cursor: pointer
}

@media only screen and (min-width: 992px) {
    .brands__burger {
        display:none
    }
}

.brands__burger span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff
}

.brands__burger span:nth-child(2) {
    margin: 6px 0
}

.brands__cross {
    width: 25px;
    cursor: pointer;
    margin: 48px 20px 0 auto
}

@media only screen and (min-width: 992px) {
    .brands__cross {
        display:none
    }
}

.brands__cross span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    margin-bottom: 10px;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.brands__cross span:first-child {
    margin-bottom: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.brands__cross span:nth-child(2) {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.brands__head {
    position: relative
}

@media only screen and (min-width: 992px) {
    .brands__head {
        overflow:hidden
    }

    .brands__head .circle-bg-1,.brands__head .circle-bg-2 {
        display: block;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #1f1f1f;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .brands__head .circle-bg-1 {
        width: 753px;
        height: 753px;
        left: 6%;
        top: -5%;
        z-index: -1
    }

    .brands__head .circle-bg-2 {
        width: 644px;
        height: 644px;
        left: 1%;
        top: 0;
        z-index: -1
    }
}

.brands__header .brands__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.brands__header-logo {
    display: block;
    cursor: pointer
}

.brands__header-logo svg {
    display: block
}

.brands__header-nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    border-radius: 0 0 20px 20px;
    background-color: #100f0f;
    padding: 20px 0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.9);
    box-shadow: 0 0 10px rgba(0,0,0,.9);
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.brands__header-nav._active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (min-width: 992px) {
    .brands__header-nav {
        display:block;
        width: auto;
        position: relative;
        border-radius: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        transform: none
    }
}

.brands__header-nav a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0;
    position: relative;
    line-height: 1.5;
    cursor: pointer;
    padding: 10px 20px
}

@media only screen and (min-width: 992px) {
    .brands__header-nav a {
        display:inline-block;
        padding: 0;
        margin: 0 20px;
        line-height: 2
    }
}

@media only screen and (min-width: 1200px) {
    .brands__header-nav a {
        margin:0 35px
    }
}

.brands__header-nav a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear,right top,left top,from(#f59c07),to(#f57507));
    background-image: linear-gradient(270deg,#f59c07,#f57507);
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media only screen and (min-width: 992px) {
    .brands__header-nav a:hover {
        text-decoration:none;
        color: #fff
    }

    .brands__header-nav a:hover:before {
        opacity: 1
    }
}

.brands__header-nav a:first-child {
    margin-left: 0
}

.brands__header-nav a:last-child {
    margin-right: 0
}

.brands__greeting {
    cursor: default;
    padding: 40px 0 50px
}

@media only screen and (min-width: 992px) {
    .brands__greeting {
        text-align:center;
        padding: 130px 0 100px
    }
}

.brands__greeting h1 {
    margin: 0 0 20px;
    font-size: 25px;
    font-weight: 700;
    background-color: #fff;
    background-image: -webkit-gradient(linear,right top,left top,from(#fff),color-stop(#f59607),to(#f57707));
    background-image: linear-gradient(270deg,#fff,#f59607,#f57707);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    line-height: 1.4;
    background-size: 140px auto
}

@media only screen and (min-width: 992px) {
    .brands__greeting h1 {
        font-size:44px;
        background-size: 520px 70px
    }
}

.brands__greeting p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 30px
}

@media only screen and (min-width: 992px) {
    .brands__greeting p {
        font-size:20px
    }
}

.brands__greeting p span {
    color: #f57d07
}

.brands__support-wrapper {
    position: relative;
    background-color: #181818;
    overflow: hidden;
    padding: 10px 0
}

.brands__support-wrapper:after {
    background-image: url(https://www.donationalerts.com/img/brands/support-bg.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 175%;
    max-width: 430px;
    height: 300px;
    content: "";
    display: block;
    position: absolute;
    top: 6%;
    left: 0;
    right: 0;
    z-index: 0
}

@media only screen and (min-width: 992px) {
    .brands__support-wrapper:after {
        background-size:175%;
        background-size: auto;
        width: 1030px;
        height: 587px;
        top: 50%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-10%,-50%);
        transform: translate(-10%,-50%);
        max-width: none
    }
}

.brands__support {
    padding: 20px 0;
    z-index: 1;
    position: relative;
    cursor: default
}

@media only screen and (min-width: 992px) {
    .brands__support {
        padding:60px 0 85px
    }
}

.brands__support:after,.brands__support:before {
    position: absolute;
    content: "";
    left: 0;
    height: 10px;
    width: 100%;
    background: -webkit-gradient(linear,right top,left top,from(#f59c07),to(#f57507));
    background: linear-gradient(270deg,#f59c07,#f57507)
}

.brands__support:before {
    top: -10px
}

.brands__support:after {
    bottom: -10px
}

.brands__support h2 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    text-align: left;
    margin: 0 0 60px
}

@media only screen and (min-width: 992px) {
    .brands__support h2 {
        font-size:36px;
        margin: 0 0 60px
    }
}

.brands__support-content {
    margin-top: 250px
}

@media only screen and (min-width: 992px) {
    .brands__support-content {
        width:50%;
        margin-top: 0
    }
}

.brands__support-content p {
    font-size: 16px;
    line-height: 1.5
}

.brands__support-content .big-text {
    font-size: 24px;
    margin: 30px 0;
    font-weight: 700
}

.brands__support-content .big-text span {
    color: #f57d07;
    display: block
}

@media only screen and (min-width: 992px) {
    .brands__support-content .big-text span {
        display:inline
    }
}

.brands__month {
    text-align: center;
    cursor: default;
    padding: 30px 0
}

@media only screen and (min-width: 992px) {
    .brands__month {
        padding:70px 0
    }
}

.brands__month h3 {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 50px
}

@media only screen and (min-width: 992px) {
    .brands__month-row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.brands__month-block {
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px 0 0 30px;
    text-align: left
}

@media only screen and (min-width: 992px) {
    .brands__month-block {
        width:350px
    }
}

.brands__month-icon {
    margin-bottom: 30px;
    display: block
}

.brands__month-text {
    font-size: 20px;
    font-weight: 700
}

.brands__month-plus {
    font-size: 36px;
    font-weight: 700;
    text-align: center
}

.brands__use {
    padding: 60px 0;
    cursor: default
}

@media only screen and (min-width: 992px) {
    .brands__use {
        padding:100px 0
    }
}

.brands__use h2 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    margin: 0 0 40px
}

@media only screen and (min-width: 992px) {
    .brands__use h2 {
        font-size:36px;
        margin: 0 0 80px
    }
}

@media only screen and (min-width: 992px) {
    .brands__use-row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.brands__use-col {
    text-align: center
}

@media only screen and (min-width: 992px) {
    .brands__use-col {
        width:50%;
        padding: 0 10px
    }
}

.brands__use h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px
}

@media only screen and (min-width: 992px) {
    .brands__use h3 {
        font-size:26px
    }
}

.brands__use h3+span {
    font-size: 18px;
    font-weight: 700;
    color: #787878;
    margin-bottom: 20px
}

.brands__use img {
    display: block;
    margin: 30px auto;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .brands__use img {
        max-width:420px
    }
}

.brands__use p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto 30px
}

@media only screen and (min-width: 992px) {
    .brands__use p {
        width:60%
    }
}

.brands__use p span {
    color: #f57d07
}

.brands__terms {
    position: relative;
    text-align: center;
    cursor: default;
    background-color: #181818;
    padding: 30px 0 40px
}

@media only screen and (min-width: 992px) {
    .brands__terms {
        padding:50px 0
    }
}

.brands__terms .brands__container {
    position: relative;
    z-index: 1
}

.brands__terms h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 30px;
    line-height: 1.4
}

@media only screen and (min-width: 992px) {
    .brands__terms h3 {
        font-size:26px
    }
}

.brands__terms p {
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 30px
}

.brands__terms p span {
    color: #f57d07
}

.brands__terms p a {
    color: #f57d07;
    text-decoration: none
}

@media only screen and (min-width: 992px) {
    .brands__terms {
        overflow:hidden
    }

    .brands__terms .circle-bg-1,.brands__terms .circle-bg-2 {
        display: block;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #1f1f1f;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .brands__terms .circle-bg-1 {
        width: 753px;
        height: 753px;
        left: 16%;
        top: -15%;
        z-index: 1
    }

    .brands__terms .circle-bg-2 {
        width: 644px;
        height: 644px;
        left: 11%;
        top: -10%;
        z-index: 1
    }
}

.brands__interactive {
    cursor: default;
    padding-top: 30px
}

@media only screen and (min-width: 992px) {
    .brands__interactive {
        padding-top:50px
    }
}

.brands__interactive h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 30px;
    line-height: 1.4
}

@media only screen and (min-width: 992px) {
    .brands__interactive h2 {
        font-size:36px;
        margin: 0 0 80px
    }
}

.brands__base {
    cursor: default;
    padding-top: 60px
}

@media only screen and (min-width: 992px) {
    .brands__base {
        padding-top:120px
    }
}

.brands__base h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 30px;
    line-height: 1.4
}

@media only screen and (min-width: 992px) {
    .brands__base h2 {
        font-size:36px;
        margin: 0 0 80px
    }
}

.brands .tabs-nav {
    cursor: pointer;
    display: block;
    padding: 15px 20px;
    line-height: 20px;
    color: #fff;
    font-size: 18px;
    position: relative;
    border-radius: 10px;
    border: 1px solid transparent
}

.brands .tabs-nav._active {
    border-color: #f59c07
}

@media only screen and (min-width: 992px) {
    .brands .tabs-nav {
        padding:20px 25px;
        font-weight: 700;
        border-radius: 0;
        border-bottom: 1px solid #100f0f
    }

    .brands .tabs-nav:last-child {
        border-bottom: 1px solid transparent
    }

    .brands .tabs-nav_leftline:before {
        width: 4px;
        height: 100%;
        top: 0
    }

    .brands .tabs-nav_leftline:before,.brands .tabs-nav_underline:before {
        opacity: 0;
        content: "";
        position: absolute;
        left: 0;
        background-image: -webkit-gradient(linear,left top,right top,from(#f59c07),to(#f57507));
        background-image: linear-gradient(90deg,#f59c07,#f57507)
    }

    .brands .tabs-nav_underline:before {
        width: 150px;
        height: 2px;
        bottom: -1px
    }

    .brands .tabs-nav._active {
        border-color: transparent;
        border-bottom: 1px solid #100f0f
    }

    .brands .tabs-nav._active:before {
        opacity: 1
    }
}

.brands .tabs-content {
    display: none
}

.brands .tabs-content img,.brands .tabs-content video {
    display: block;
    width: 100%
}

.brands .tabs-content .video {
    position: relative
}

.brands .tabs-content .video .button-play {
    display: block;
    position: absolute;
    z-index: 1;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background-color: #f57d07;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.brands .tabs-content .video .button-play:hover {
    -webkit-transform: translate(-50%,-50%) scale(1.05);
    transform: translate(-50%,-50%) scale(1.05)
}

.brands .tabs-content .video .button-play:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-30%,-50%);
    transform: translate(-30%,-50%);
    border-top: 22px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 36px solid #fff
}

@media only screen and (min-width: 992px) {
    .brands .tabs {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.brands .brands__tab-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    margin-right: 0;
    overflow: hidden
}

@media only screen and (min-width: 992px) {
    .brands .brands__tab-left {
        overflow:hidden;
        margin-right: 20px
    }
}

.brands .brands__tab-right {
    position: relative;
    -webkit-box-flex: 2;
    -ms-flex: 2 0;
    flex: 2 0
}

.brands .brands__tab-wrapper {
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    margin-bottom: -30px
}

@media only screen and (min-width: 992px) {
    .brands .brands__tab-wrapper {
        background-color:#181818;
        border-radius: 10px;
        overflow: hidden;
        display: block;
        padding: 0;
        margin: 0
    }
}

.brands .brands__tab-sign {
    display: none;
    font-size: 13px;
    color: #878787;
    margin-top: 20px
}

@media only screen and (min-width: 992px) {
    .brands .brands__tab-sign {
        display:inline-block
    }
}

.brands .brands__interactive-sign {
    display: inline-block;
    font-size: 13px;
    color: #878787;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 992px) {
    .brands .brands__interactive-sign {
        display:none
    }
}

.brands__popup-cape {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.brands__popup {
    background-color: #1f1f1f;
    border-radius: 5px;
    padding: 25px 30px;
    color: #f1f1f1;
    display: block;
    margin: 20px;
    position: relative
}

@media only screen and (min-width: 992px) {
    .brands__popup {
        width:600px;
        margin: 100px auto 50px
    }
}

.brands__popup-error {
    display: none;
    padding: 10px;
    border: 1px solid red;
    border-radius: 5px;
    color: red;
    font-size: 14px;
    background-color: rgba(255,0,0,.05)
}

.brands__popup-wrapper {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.75)
}

.brands__popup-wrapper .da-ui--button._disabled {
    opacity: .5;
    pointer-events: none
}

.brands__popup-nav {
    margin-bottom: 20px
}

.brands__popup-nav:after {
    content: "";
    display: block;
    clear: both
}

.brands__popup-nav-item {
    width: 20%;
    display: block;
    text-align: center;
    color: #838383;
    font-size: 12px;
    float: left;
    position: relative;
    padding-top: 25px
}

.brands__popup-nav-item:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #3e3e3e;
    top: 7px;
    left: 50%
}

.brands__popup-nav-item:last-child:before {
    display: none
}

.brands__popup-nav-item:after {
    display: block;
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #838383;
    border-radius: 50%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border: 2px solid #1f1f1f
}

.brands__popup-nav-item._done:after {
    background-image: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(#f59c07),to(#f57507));
    background-image: linear-gradient(0,#f59c07,#f57507)
}

.brands__popup-nav-item._active {
    color: #f1f1f1
}

.brands__popup-nav-item._active:after {
    background-image: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(#f59c07),to(#f57507));
    background-image: linear-gradient(0,#f59c07,#f57507)
}

.brands__popup-close {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 24px;
    height: 24px;
    background-image: url(https://www.donationalerts.com/img/brands/close.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.brands__popup-form {
    font-size: 14px
}

.brands__popup-form .select2-container--default {
    margin: 10px 0;
    width: 100%!important
}

.brands__popup-form .select2-selection {
    background: #303030;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff
}

.brands__popup-form .select2-container .select2-selection--single {
    height: auto!important
}

.brands__popup-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px!important
}

.brands__popup-form .select2-selection__rendered {
    line-height: 25px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 15px!important;
    color: #f1f1f1!important
}

.brands__popup-form[data-step] {
    display: none
}

.brands__popup-form textarea {
    resize: none;
    background: 0 0;
    border: 1px solid #3e3e3e;
    border-radius: 5px;
    line-height: 25px;
    padding: 10px 15px;
    color: #fff;
    display: block;
    width: 100%;
    height: 150px;
    font: inherit
}

.brands__popup-form textarea._red {
    border-color: red!important
}

.brands__popup-form input[type=text] {
    background: 0 0;
    border: 1px solid #3e3e3e;
    border-radius: 5px;
    line-height: 25px;
    padding: 10px 15px;
    color: #fff;
    display: block;
    width: 100%
}

.brands__popup-form input[type=text]._red {
    border-color: red!important
}

.brands__popup-form input[type=file] {
    display: none
}

.brands__popup-form input[type=file]+label {
    color: #f57d07;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-left: 30px;
    cursor: pointer;
    margin-top: 10px
}

.brands__popup-form input[type=file]+label:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-top: 1px dashed #f57d07;
    opacity: .5
}

.brands__popup-form input[type=file]+label:before {
    position: absolute;
    content: "";
    background-image: url(https://www.donationalerts.com/img/brands/file.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 16px;
    height: 20px;
    display: block;
    left: -30px;
    top: 0
}

.brands__popup-form input[type=file]._red+label {
    color: red
}

.brands__popup-form input[type=file]._red+label:after {
    border-top: 1px dashed red
}

.brands__popup-form-row {
    padding: 10px 0
}

.brands__popup-form-row:after {
    display: block;
    content: "";
    clear: both
}

.brands__popup-form-label,.brands__popup-form-row p {
    font-size: 14px;
    color: #838383
}

.brands__popup-form-label {
    line-height: 19px;
    padding-top: 13px;
    padding-right: 20px;
    padding-bottom: 10px
}

@media only screen and (min-width: 992px) {
    .brands__popup-form-label {
        width:33%;
        float: left
    }
}

@media only screen and (min-width: 992px) {
    .brands__popup-form-ctrl {
        width:67%;
        float: left
    }
}

.brands__popup-form-sign {
    color: #5a5a5a;
    font-size: 12px!important;
    margin: 10px 0 0!important;
    cursor: default
}

.brands__popup-title {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px
}

.brands__popup-content p {
    font-size: 14px;
    line-height: 1.4;
    margin: 15px 0
}

[v-cloak] {
    display: none
}