.bs-text-right {
    text-align: right
}

.bs-text-center {
    text-align: center
}

.bs-d-none,
.hidden {
    display: none !important
}

.bs-d-flex {
    display: flex !important
}

@media(min-width:768px) {
    .bs-d-sm-inline {
        display: inline !important
    }
}

@media(min-width:768px) {

    .bs-d-sm-inline.hidden,
    .bs-d-sm-none {
        display: none !important
    }
}

@media(min-width:1200px) {
    .bs-d-lg-block {
        display: block !important
    }

    .bs-d-lg-block.hidden {
        display: none !important
    }
}

.bs-flex-grow-1 {
    flex-grow: 1 !important
}

@media(min-width:768px) {
    .bs-d-sm-flex {
        display: flex !important
    }

    .bs-d-sm-flex.hidden {
        display: none !important
    }
}

.menu-collapse {
    display: none
}

.menu-collapse.in {
    display: block
}

.position-relative {
    position: relative
}

.fa-pad-right {
    display: inline-block;
    margin-right: .4em
}

.fa-pad-left {
    display: inline-block;
    margin-left: .4em
}

.fa-pad-right-x2 {
    display: inline-block;
    margin-right: .8em
}

.img-circle {
    border-radius: 50%
}

.bs-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.bs-close:focus,
.bs-close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.bs-close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.bs-hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #5d5d5d
}

.bs-row {
    margin-left: -15px;
    margin-right: -15px
}

.bs-row-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.bs-col-xs-6 {
    width: 50%;
    flex: 0 0 50%
}

.bs-col-xs-6,
.bs-col-xs-12 {
    padding-left: 15px;
    padding-right: 15px
}

.bs-col-xs-12 {
    width: 100%;
    flex: 0 0 100%
}

@media(min-width:768px) {
    .bs-col-sm-6 {
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        flex: 0 0 50%
    }
}

.mb-xs-10 {
    margin-bottom: 10px
}

@media(min-width:768px) {
    .mb-xs-10 {
        margin-bottom: 0
    }
}

/*!* Font Awesome Pro 5.6.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)*/
.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-spin {
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    animation: fa-spin 1s steps(8) infinite
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-arrow-from-bottom:before {
    content: "\f342"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-books:before {
    content: "\f5db"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-browser:before {
    content: "\f37e"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-cog:before {
    content: "\f013"
}

.fa-comment:before {
    content: "\f075"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-image:before {
    content: "\f03e"
}

.fa-history:before {
    content: "\f1da"
}

.fa-heart-rate:before {
    content: "\f5f8"
}

.fa-heart:before {
    content: "\f004"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-list:before {
    content: "\f03a"
}

.fa-lock:before {
    content: "\f023"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-times:before {
    content: "\f00d"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-star:before {
    content: "\f005"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-search:before {
    content: "\f002"
}

.fa-question:before {
    content: "\f128"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-percent:before {
    content: "\f295"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-rocket-launch:before {
    content: "\e027"
}

.fa-handshake-alt:before {
    content: "\f4c6"
}

.fa-bullseye-arrow:before {
    content: "\f648"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-store:before {
    content: "\f54e"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-box-full:before {
    content: "\f49c"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-pallet-alt:before {
    content: "\f483"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-badge-check:before {
    content: "\f336"
}

.fa-book-heart:before {
    content: "\f499"
}

.fa-comment-alt-check:before {
    content: "\f4a2"
}

.fa-comment-alt-exclamation:before {
    content: "\f4a5"
}

.fa-discord:before {
    content: "\f392"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-photo-video:before {
    content: "\f87c"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-sync:before {
    content: "\f021"
}

.fa-twitch:before {
    content: "\f1e8"
}

/*!* Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)*/
@font-face {
    font-family: Font Awesome\ 5 Pro;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.artstation.com/assets/fonts/fa-regular-400-v5.15.1.woff2) format("woff2"), url(https://cdn.artstation.com/assets/fonts/fa-regular-400-v5.15.1.woff) format("woff")
}

.far {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400
}

/*!* Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)*/
@font-face {
    font-family: Font Awesome\ 5 Brands;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.artstation.com/assets/fonts/fa-brands-400-v5.15.1.woff2) format("woff2"), url(https://cdn.artstation.com/assets/fonts/fa-brands-400-v5.15.1.woff) format("woff")
}

.fab {
    font-family: Font Awesome\ 5 Brands
}

@font-face {
    font-family: icomoon;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/layout/6cf6986fa008532db35a7b332fa08149.woff2) format("woff2"), url(/assets/layout/747c50cb51c39ed8a07f092967e8e584.woff) format("woff")
}

.icomoon {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-shopping-bag:before {
    content: "\e90d";
    vertical-align: -12%;
    font-size: 1.05em
}

.icon-broken-browser:before {
    content: "\e906"
}

.icon-comission-down:before {
    content: "\e907"
}

.icon-error-404:before {
    content: "\e908"
}

.icon-reset:before {
    content: "\e909"
}

.icon-prints:before {
    content: "\e900"
}

.icon-arrow-top:before {
    content: "\e901"
}

.icon-ablocker:before {
    content: "\e902"
}

.icon-sketchfab:before {
    content: "\e903"
}

.icon-pano:before {
    content: "\e904"
}

.icon-marmoset:before {
    content: "\e905"
}

.icon-video-clip:before {
    content: "\e90a"
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

@supports(-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.ps .ps-scrollbar-x-rail,
.ps .ps-scrollbar-y-rail {
    position: absolute
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps__rail-x:focus,
.ps__rail-x:hover,
.ps__rail-y:focus,
.ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 0;
    height: 12px;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 12px;
    background-color: #333;
    transition: background-color .2s linear
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 0;
    width: 12px;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 12px;
    background-color: #333;
    transition: background-color .2s linear
}

.ps-container .hover .ps-scrollbar-x-rail,
.ps-container .hover .ps-scrollbar-y-rail,
.ps-container:hover .ps-scrollbar-x-rail,
.ps-container:hover .ps-scrollbar-y-rail {
    opacity: 1
}

.ps-container .hover .ps-scrollbar-x-rail .hover,
.ps-container .hover .ps-scrollbar-x-rail.in-scrolling,
.ps-container .hover .ps-scrollbar-x-rail:hover,
.ps-container .hover .ps-scrollbar-y-rail .hover,
.ps-container .hover .ps-scrollbar-y-rail.in-scrolling,
.ps-container .hover .ps-scrollbar-y-rail:hover,
.ps-container:hover .ps-scrollbar-x-rail .hover,
.ps-container:hover .ps-scrollbar-x-rail.in-scrolling,
.ps-container:hover .ps-scrollbar-x-rail:hover,
.ps-container:hover .ps-scrollbar-y-rail .hover,
.ps-container:hover .ps-scrollbar-y-rail.in-scrolling,
.ps-container:hover .ps-scrollbar-y-rail:hover {
    background-color: #111;
    opacity: 1
}

.ps-container .hover .ps-scrollbar-x,
.ps-container .hover .ps-scrollbar-y,
.ps-container:hover .ps-scrollbar-x,
.ps-container:hover .ps-scrollbar-y {
    background-color: #333
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden
}

.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y,
.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y {
    visibility: visible
}

.ps-slim {
    padding-top: 0;
    padding-bottom: 0
}

.ps-slim .ps__thumb-y {
    width: 7px !important;
    margin: 0 2px;
    border-radius: 4px;
    opacity: 0;
    background: #fff;
    transition: opacity .2s linear
}

.ps-slim.hover .ps__rail-y,
.ps-slim.hover .ps__rail-y.in-scrolling,
.ps-slim.hover .ps__rail-y:hover,
.ps-slim:hover .ps__rail-y,
.ps-slim:hover .ps__rail-y.in-scrolling,
.ps-slim:hover .ps__rail-y:hover {
    background: 0 0
}

.ps-slim.hover .ps__thumb-y,
.ps-slim:hover .ps__thumb-y {
    opacity: .3;
    background: #fff
}

.ps-dark:hover .ps-scrollbar-x-rail:hover,
.ps-dark:hover .ps-scrollbar-y-rail:hover {
    background: #111
}

.ps-dark .ps-scrollbar-y-rail {
    width: 6px
}

.ps-dark .ps-scrollbar-y {
    width: 6px;
    background-color: #333;
    opacity: 1;
    border-radius: 0
}

@media(min-width:768px) and (max-width:991px) {
    .ps-main-menu {
        position: relative;
        overflow: hidden
    }
}

.ps-main-menu .ps-scrollbar-x-rail {
    background: 0 0;
    height: 8px;
    opacity: 0;
    transition: opacity .2s linear
}

.ps-main-menu .ps-scrollbar-x {
    height: 8px;
    border-top: 2px solid #101010;
    border-bottom: 2px solid #101010;
    border-radius: 4px;
    transition: opacity .2s linear
}

.ps-main-menu.hover .ps-scrollbar-x,
.ps-main-menu.in-scrolling .ps-scrollbar-x,
.ps-main-menu:hover .ps-scrollbar-x {
    opacity: .3;
    background: #fff
}

.ps-main-menu.hover .ps-scrollbar-x:hover,
.ps-main-menu.in-scrolling .ps-scrollbar-x:hover,
.ps-main-menu:hover .ps-scrollbar-x:hover {
    opacity: 1
}

:root {
    --menu-transition-delay: .5s;
    --menu-transition-duration: .25s;
    --main-menu-height-static: 50px;
    --main-menu-height: 50px;
    --main-menu-level-1-height: 50px;
    --sticky-block-zindex: 1031;
    --sidebar-width: 0;
    --project-nav-arrows-width: 0;
    --scrollbar-width: 0px;
    --screen-xs-min: 0;
    --screen-sm-min: 768px;
    --screen-md-min: 992px;
    --screen-lg-min: 1200px;
    --screen-xl-min: 1440px;
    --screen-xg-min: 1920px
}

@media(min-width:768px) {
    :root {
        --main-menu-height: 92px;
        --sidebar-width: 365px;
        --project-nav-arrows-width: 45px
    }
}

body {
    padding-top: 92px;
    padding-top: var(--main-menu-height)
}

*,
:after,
:before {
    box-sizing: border-box
}

a {
    color: #13aff0
}

a,
a:focus,
a:hover {
    text-decoration: none
}

a:focus,
a:hover {
    color: #0b7cac;
    outline: none
}

.bs-list-unstyled {
    padding-left: 0;
    list-style: none
}

.bs-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    border-radius: 4px;
    user-select: none;
    transition: background-color .2s linear, color .2s linear, border-color .2s linear
}

.bs-btn:active,
.bs-btn:focus {
    outline: none !important
}

.bs-btn-default {
    color: #f1f1f1;
    background-color: #222;
    border-color: #5d5d5d
}

.bs-btn-default.focus,
.bs-btn-default:focus {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #1d1d1d
}

.bs-btn-default.active,
.bs-btn-default:active,
.bs-btn-default:hover,
.open>.bs-btn-default.dropdown-toggle {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #3e3e3e
}

.bs-btn-default.active.focus,
.bs-btn-default.active:focus,
.bs-btn-default.active:hover,
.bs-btn-default:active.focus,
.bs-btn-default:active:focus,
.bs-btn-default:active:hover,
.open>.bs-btn-default.dropdown-toggle.focus,
.open>.bs-btn-default.dropdown-toggle:focus,
.open>.bs-btn-default.dropdown-toggle:hover {
    color: #f1f1f1;
    background-color: #000;
    border-color: #1d1d1d
}

.bs-btn-default.active,
.bs-btn-default:active,
.open>.bs-btn-default.dropdown-toggle {
    background-image: none
}

.bs-btn-default.disabled.focus,
.bs-btn-default.disabled:focus,
.bs-btn-default.disabled:hover,
.bs-btn-default[disabled].focus,
.bs-btn-default[disabled]:focus,
.bs-btn-default[disabled]:hover,
fieldset[disabled] .bs-btn-default.focus,
fieldset[disabled] .bs-btn-default:focus,
fieldset[disabled] .bs-btn-default:hover {
    background-color: #222;
    border-color: #5d5d5d
}

.bs-btn-default .bs-badge {
    color: #222;
    background-color: #f1f1f1
}

.bs-btn-default .fab:not(.text-white),
.bs-btn-default .far:not(.text-white) {
    color: #13aff0
}

.bs-btn-primary {
    color: #fff;
    background-color: #13aff0;
    border-color: #0e9fdc
}

.bs-btn-primary.focus,
.bs-btn-primary:focus {
    color: #fff;
    background-color: #0c8ec4;
    border-color: #064864
}

.bs-btn-primary.active,
.bs-btn-primary:active,
.bs-btn-primary:hover,
.open>.bs-btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0c8ec4;
    border-color: #0a75a2
}

.bs-btn-primary.active.focus,
.bs-btn-primary.active:focus,
.bs-btn-primary.active:hover,
.bs-btn-primary:active.focus,
.bs-btn-primary:active:focus,
.bs-btn-primary:active:hover,
.open>.bs-btn-primary.dropdown-toggle.focus,
.open>.bs-btn-primary.dropdown-toggle:focus,
.open>.bs-btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #0a75a2;
    border-color: #064864
}

.bs-btn-primary.active,
.bs-btn-primary:active,
.open>.bs-btn-primary.dropdown-toggle {
    background-image: none
}

.bs-btn-primary.disabled.focus,
.bs-btn-primary.disabled:focus,
.bs-btn-primary.disabled:hover,
.bs-btn-primary[disabled].focus,
.bs-btn-primary[disabled]:focus,
.bs-btn-primary[disabled]:hover,
fieldset[disabled] .bs-btn-primary.focus,
fieldset[disabled] .bs-btn-primary:focus,
fieldset[disabled] .bs-btn-primary:hover {
    background-color: #13aff0;
    border-color: #0e9fdc
}

.bs-btn-primary .bs-badge {
    color: #13aff0;
    background-color: #fff
}

.bs-btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.bs-btn-block {
    width: 100%
}

.bs-btn-g {
    background: #fff;
    border-color: #fff;
    color: #222
}

.bs-btn-g .fa-google {
    background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent
}

.bs-btn-f {
    background: #2c5699;
    border-color: #2c5699
}

.bs-btn-f .fab {
    color: #fff
}

.bs-control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600
}

.bs-form-group {
    margin-bottom: 15px
}

.bs-form-control {
    display: block;
    width: 100%;
    letter-spacing: .015em;
    height: 39px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    color: #f1f1f1;
    background-color: #171717;
    background-image: none;
    border: 1px solid #333;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.bs-form-control:focus {
    border-color: #5d5d5d;
    outline: 0;
    box-shadow: none
}

.bs-form-control::-moz-placeholder {
    color: #747474;
    opacity: 1
}

.bs-form-control:-ms-input-placeholder {
    color: #747474
}

.bs-form-control::-webkit-input-placeholder {
    color: #747474
}

.bs-form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.bs-form-control[disabled],
.bs-form-control[readonly] {
    background-color: #f1f1f1;
    opacity: 1
}

.bs-form-control[disabled] {
    cursor: not-allowed
}

@media(max-width:767px) {
    .bs-form-control {
        font-size: 16px;
        line-height: 1.4
    }
}

.bs-modal,
.modal-open {
    overflow: hidden
}

.bs-modal {
    letter-spacing: .015em;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #bbb;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, .5);
    outline: 0;
    opacity: 0
}

.bs-modal.in {
    pointer-events: auto;
    opacity: 1
}

.bs-modal.in .bs-modal-dialog {
    transform: translate(0)
}

.bs-modal .google-login-button iframe {
    min-width: 100%
}

.modal-open .bs-modal {
    overflow-x: hidden;
    overflow-y: auto
}

.bs-modal-dialog {
    position: relative;
    width: auto;
    margin: 10px auto;
    transform: translateY(-25%);
    transition: transform .3s linear
}

.bs-modal-content {
    position: relative;
    background-color: #222;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 8px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.bs-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.bs-modal-backdrop.fade {
    opacity: 0
}

.bs-modal-backdrop.in {
    opacity: .5
}

.bs-modal-header {
    padding: 10px 15px;
    border-radius: 8px 8px 0 0;
    background-color: #333;
    border-bottom: none
}

.bs-modal-header:after,
.bs-modal-header:before {
    content: " ";
    display: table
}

.bs-modal-header:after {
    clear: both
}

.bs-modal-header .bs-close {
    margin-top: 11px;
    outline: none
}

.bs-modal-title {
    margin: 0;
    line-height: 1.8;
    font-size: 24px;
    font-weight: 300;
    color: #f1f1f1
}

.bs-modal-body {
    position: relative;
    padding: 15px
}

.bs-modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.bs-modal-footer:after,
.bs-modal-footer:before {
    content: " ";
    display: table
}

.bs-modal-footer:after {
    clear: both
}

.bs-modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.bs-modal-footer {
    background: #171717;
    border-top-color: #171717;
    text-align: center
}

@media(min-width:768px) {
    .bs-modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .bs-modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .bs-modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .bs-modal-lg {
        width: 900px
    }
}

.bs-modal-signin .bs-modal-buttons {
    margin-top: 28px;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr
}

.bs-modal-signin .bs-modal-or {
    text-align: center;
    color: #747474;
    display: flex;
    align-items: center;
    margin-top: 28px
}

.bs-modal-signin .bs-modal-or:after,
.bs-modal-signin .bs-modal-or:before {
    content: "";
    display: block;
    flex-grow: 1;
    flex-basis: 50%;
    height: 1px;
    background: #3f3f3f
}

.bs-modal-signin .bs-modal-or:before {
    margin-right: 8px
}

.bs-modal-signin .bs-modal-or:after {
    margin-left: 8px
}

@media(min-width:768px) {
    .bs-modal-signin .bs-modal-body {
        padding: 22px 32px
    }

    .bs-modal-signin .bs-modal-title {
        font-size: 32px;
        font-weight: 600;
        line-height: 1.375
    }

    .bs-modal-signin .bs-modal-buttons {
        grid-template-columns: repeat(2, 1fr)
    }

    .bs-modal-signin .bs-modal-buttons .bs-bs-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 600
    }
}

.bs-modal-signup {
    text-align: center
}

.bs-modal-signup .bs-modal-buttons {
    margin-top: 28px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
    max-width: 228px;
    margin-left: auto;
    margin-right: auto
}

.bs-modal-signup .lead {
    margin-top: 20px;
    margin-bottom: 42px
}

@media(min-width:768px) {
    .bs-modal-signup .header {
        padding-bottom: 34px
    }

    .bs-modal-signup .bs-modal-body {
        padding: 22px 32px 56px
    }

    .bs-modal-signup .bs-modal-buttons .bs-bs-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 600
    }
}

.notice {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 2px 6px;
    font-size: 11px
}

@media(min-width:768px) {
    .notice {
        font-size: 12px
    }
}

.notice-default {
    background: #333
}

.notice-default,
.notice-default:active,
.notice-default:focus,
.notice-default:hover {
    color: #bbb
}

.notice-danger {
    background: #d9534f
}

.notice-danger,
.notice-danger:active,
.notice-danger:focus,
.notice-danger:hover {
    color: #fff
}

.notice-warning {
    background: #f0ad4e
}

.notice-warning,
.notice-warning:active,
.notice-warning:focus,
.notice-warning:hover {
    color: #222
}

.notice-success {
    background: #5cb85c
}

.notice-success,
.notice-success:active,
.notice-success:focus,
.notice-success:hover {
    color: #222
}

.notice-info {
    background: #13aff0
}

.notice-info,
.notice-info:active,
.notice-info:focus,
.notice-info:hover {
    color: #fff
}

.notice:hover u {
    text-decoration: none
}

.notices-hidden .notices {
    display: none
}

@media(min-width:992px) {
    .notices-shrink .notices {
        margin-right: 365px
    }
}

.notices-shift-marketplace .notices {
    margin-top: 79px;
    position: relative;
    z-index: 1029
}

.navigation-logo {
    display: inline-block;
    width: 100px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1650 384' style='enable-background:new 0 0 1650 384;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%230383FB;%7d .st1%7bfill:%234F4F4F;%7d %3c/style%3e%3cg%3e%3cpath class='st0' d='M0.8,100.3C11,75.5,33.2,65.5,55.8,56.6c30.4-12,62.3-18,94.5-22.5c39.4-5.4,78.9-7.5,118.6-6.4 c52.3,1.5,104.2,7.1,154.6,22.1c14.1,4.2,27.9,9.4,40.8,16.5c14.8,8.1,28,17.9,33.5,35c0,76.1,0,152.1,0,228.2 c-4.8,12-13,21.2-23.7,28.3c-13.5,9-28.4,15.2-43.7,20.3c-7,2.3-14,4.5-21,6.8c-1.9,0-3.9,0-5.8,0c-2.6-2.7-3-6-3-9.7 c0.1-70.7,0.1-141.4,0.1-212.1c0-7.3,0.6-8.2,7.7-10.1c18.9-5,37.6-10.7,55-19.9c6.3-3.3,12.2-7.3,17-12.7 c7.2-8.1,7.7-16.3,1.5-25.1c-5.1-7.3-12.3-12.4-19.9-16.8c-21.4-12.3-44.7-19.3-68.5-24.7C337,41.2,279.7,37.7,221.9,39.7 c-39.2,1.3-78,5.3-116.3,14c-24.1,5.5-47.8,12.4-69.4,25c-6.3,3.7-12.2,7.9-17.1,13.4c-9.1,10.3-9,20.2,0.6,30 c9,9.2,20.5,14.5,32.2,19.4c12.2,5.1,24.9,9,37.7,12.3c7.6,2,8.2,2.8,8.2,10.6c0,70.2,0,140.4,0.1,210.6c0,3.7-0.4,6.9-3,9.7 c-1.9,0-3.9,0-5.8,0c-9-2.9-18.1-5.5-26.9-8.9c-24.8-9.7-50-19.1-61.5-46.5C0.8,253,0.8,176.7,0.8,100.3z M485.5,131.9 c-10.9,9.6-23.7,15.5-37,20.6c-10.2,4-20.6,7.5-31.3,10c-3.9,0.9-4.9,2.6-4.9,6.6c0.1,65.7,0.1,131.4,0.1,197.1c0,1.6,0,3.1,0,5.1 c20.6-6.1,40.2-12.8,57.5-25.1c5.2-3.7,9.8-8,13.2-13.4c3.8-6.1,4.3-12.6,0.8-18.9c-2.1-3.7-3.7-6.5,1.2-9.1c1.9-1,1.2-3.2,1.2-4.9 c0-54.7,0-109.4,0-164.1C486.1,134.7,486.6,133.4,485.5,131.9z M12.4,132c0,57,0,113.1,0,169.2c0,2,0.5,3.5,2.2,4.5 c2.9,1.7,3.4,3.3,1.2,6.4c-4.7,6.9-4.5,14.2,0.2,21.4c2.3,3.6,5.1,6.7,8.4,9.3C42.4,357.5,64,364.7,86,371.3 c0.1-1.3,0.2-2.1,0.2-2.9c0-66.5,0-132.9,0.1-199.4c0-4.3-2.4-4.6-5.1-5.4C56.9,156.7,33,148.9,12.4,132z'/%3e%3cpath class='st1' d='M1247.8,0c1.1,4,5.1,2.9,7.7,4.2c18.1,9.1,28,29,23.6,48c-4.5,19.4-21.9,33.6-41.4,33.8 c-20.3,0.2-38-13.8-42.7-33.9c-4.4-18.9,5.6-38.8,23.7-47.9c2.5-1.3,6.6,0,7.7-4.1C1233.4,0,1240.6,0,1247.8,0z M1236.9,53.7 c6.2-0.8,10.3-3.9,10.5-10.1c0.3-6.7-3.7-11-10.5-11.1c-6.1-0.1-10.1,3.8-10.4,9.8C1226.2,49.2,1230.5,52.7,1236.9,53.7z'/%3e%3cpath class='st1' d='M249.5,206.1c-35.7,0-71.5,0-107.2,0c-6.2,0-11.5-1.8-15.4-6.7c-5.8-7.2-5-16.4,2.3-23.5 c17.6-17.2,35.3-34.3,52.9-51.4c5.8-5.6,11.6-11.2,17.4-16.9c9.1-8.8,18.7-8.8,27.7-0.1c13.7,13.3,27.4,26.6,41.1,39.8 c5.1,4.9,7.4,4.9,12.6-0.1c5.5-5.3,10.9-10.6,16.4-15.9c8.1-7.8,18.2-7.9,26.3,0c15.4,14.8,30.6,29.7,46,44.6 c5.5,5.3,7.5,11.6,4.8,18.9c-2.6,7-9,11.1-17.2,11.1C321.2,206.1,285.4,206.1,249.5,206.1z M249.2,194.5c35.6,0,71.2,0,106.8,0 c3.1,0,5.9-0.3,7.3-3.5c1.6-3.4-0.7-5.4-2.9-7.5c-14.7-14.3-29.5-28.6-44.2-42.9c-4.5-4.4-7-4.4-11.5,0c-5.4,5.2-10.7,10.4-16,15.5 c-9.6,9.2-18.8,9.2-28.5-0.2c-13.7-13.3-27.4-26.6-41.1-39.9c-4.5-4.4-6.9-4.3-11.5,0.1c-9.5,9.2-19,18.5-28.6,27.7 c-13.8,13.4-27.6,26.8-41.4,40.2c-3.8,3.7-3.7,7.4,0.1,9.6c1.8,1,3.8,0.8,5.7,0.8C178.6,194.5,213.9,194.5,249.2,194.5z'/%3e%3cpath class='st0' d='M249.1,243c46.1-0.1,91.7,4.3,136.8,13.4c3.5,0.7,5,1.6,3.5,5.2c-0.5,1.2-0.7,2.5-0.8,3.8 c-0.3,2.9-1.8,3.2-4.3,2.7c-13.4-2.8-27-5.1-40.6-7c-38.2-5.4-76.6-7.3-115.2-6.2c-37.9,1.1-75.5,5.2-112.6,12.9 c-3,0.6-3.5-0.4-4.1-2.8c-1.9-8-2-7.9,6.1-9.5C161.3,247,205,242.9,249.1,243z'/%3e%3cpath class='st1' d='M305.6,87.3c0.2-11.7,9.8-21.1,21.5-21c11.9,0.1,21.4,10,21.1,21.9c-0.2,11.6-10.1,21-21.8,20.8 C314.8,108.8,305.5,99,305.6,87.3z M336.6,87.5c-0.1-5.4-4.7-9.8-10.1-9.6c-5.2,0.2-9.4,4.6-9.3,9.8c0.1,5.4,4.7,9.8,10,9.5 C332.5,97.1,336.7,92.7,336.6,87.5z'/%3e%3cpath class='st1' d='M920,178c19.6-10.1,38.5-14.5,59.1-8.9c34.8,9.4,58.4,44.4,53.2,79.7c-5.5,37.8-38.5,64.8-76.4,62.7 c-36.3-2-67.2-32.5-68-68.8c-0.8-35.3-0.7-70.7,0.1-106c0.7-33,28.1-59.6,61.1-61.5c29.1-1.7,55.5,2.7,73.1,29.3 c8.3,12.6,8,13.3-5.5,18.3c-9.9,3.7-17.1,6.6-26.4-5.3c-12.5-15.8-32.7-12.6-49.9-7.1c-15.5,4.9-20.8,18.3-20.4,34.1 C920.2,155.2,920,165.8,920,178z M959.9,279.4c21.8,0.2,40.2-17.9,40.6-39.6c0.3-21.9-17.3-40.3-39.3-40.8 c-22.5-0.5-41.2,17.8-41.2,40.2C920,261,938.1,279.2,959.9,279.4z'/%3e%3cpath class='st1' d='M1059.7,193.4c0-15.7-0.3-31.3,0.1-47c0.9-39.7,33.1-71.2,72.6-71.1c39.4,0,71.7,31.5,72.3,71.3 c0.5,31.3,0.5,62.6,0,94c-0.7,39.8-33.1,71.2-72.5,71.1c-39.4,0-71.5-31.5-72.4-71.3C1059.4,224.7,1059.7,209,1059.7,193.4z M1172.5,194.6c0-15.2,0.2-30.4-0.1-45.6c-0.4-23.7-17.7-41.4-40.1-41.5c-22.4-0.1-40.1,17.6-40.3,41.3c-0.3,29.9-0.4,59.8,0,89.8 c0.3,23.5,18.4,41.2,40.7,40.8c21.8-0.3,39.1-17.8,39.7-40.6C1172.8,224,1172.5,209.3,1172.5,194.6z'/%3e%3cpath class='st1' d='M781.6,75.2c50.1,0.1,84.5,42,71.2,86.7c-2.7,9.2-7,17.6-14,24c-5.2,4.8-4.5,7.5-0.3,12.8 c25.6,31.7,21.6,73.2-9,97.8c-30.4,24.4-80.9,20.3-104.6-8.5c-9.4-11.4-13.9-24.6-14.8-39.4c-0.5-7.8,2.2-10.4,9.7-9.5 c3.5,0.4,7.2,0.5,10.7,0c8.7-1.2,11.9,1.2,12.6,11.1c1.4,20.8,18,30.9,44.5,29.3c20.3-1.3,35.6-17.1,35.4-36.6 c-0.2-19.5-15.6-34.8-36.1-35.8c-20.6-1.1-23.9-5.8-20.4-27.1c0.9-5.2,3.5-5.3,7.2-5.3c5.4,0,10.8,0.2,16.1-0.2 c19.2-1.3,32.2-12.6,33.2-28.7c1.1-17.7-11.8-34.1-29.7-37.7c-25.7-5.2-40.7,2.5-50.3,27.1c-3.2,8.2-9,4.2-13.3,4.3 c-22.6,0.6-23.5-1-15.1-22.7C725.1,89.7,748.5,75.2,781.6,75.2z'/%3e%3cpath class='st0' d='M436.6,272.1c-0.9,2.5-1.8,5.3-2.9,7.9c-0.7,1.7-2.2,0.7-3.3,0.4c-3.2-1-6.3-2.5-9.6-3.1 c-4.7-0.8-5.7-2.7-4.2-7.4c1.4-4.4,2.7-6.2,7.4-4c3.3,1.6,7,2.3,10.5,3.5C435.5,269.8,437,270,436.6,272.1z'/%3e%3cpath class='st0' d='M473.2,288c-2,3-3.5,6.1-5.9,8.4c-1.5,1.4-3.3-1.2-4.9-2c-1.8-0.8-3.4-1.8-5.1-2.8c-2-1.3-5.9-1.6-5.8-3.7 c0.1-3,2.3-5.9,3.6-8.8c0.4-1,1.1-1,1.9-0.6c5.1,2.3,10.1,5,14.8,8C472.3,286.9,472.7,287.4,473.2,288z'/%3e%3cpath class='st0' d='M79,264.7c0.7-0.2,1.2,0,1.5,0.7c0.2,0.5,0.4,0.9,0.5,1.3c3.3,8.5,3.3,8.5-5.5,11.2c-1.5,0.5-3.1,0.8-4.5,1.6 c-4.2,2.2-6.1,1.1-7.8-3.5c-1.8-4.8-0.8-6.5,3.8-7.6C71,267.4,75,266,79,264.7z'/%3e%3cpath class='st0' d='M47.4,287.4c-0.2,1.7-1.5,1.8-2.5,2.4c-3.4,1.8-7,3.4-10.1,5.6c-2.8,1.9-4,1-5.6-1.4 c-4.2-6.6-4.3-6.5,2.7-10.5c1.8-1,3.6-2.1,5.5-3c1.8-0.8,4.2-3.2,5.5-1.8C45.1,281.2,46.1,284.6,47.4,287.4z'/%3e%3c/g%3e%3c/svg%3e ");
    background-size: contain;
    background-repeat: no-repeat
}

.wrapper.is-hovered .main-menu-megadrop-back {
    visibility: visible;
    opacity: 1
}

.wrapper.is-hovered .sticky-block {
    z-index: 1029
}

.no-main-menu {
    padding-top: 0
}

@media(max-width:767px) {
    .mobile-nav-active {
        overflow: hidden
    }

    .mobile-nav-active .main-menu .main-dropdown-backdrop {
        display: block
    }
}

.main-menu {
    letter-spacing: .015em;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #333
}

.main-menu .dropdown-backdrop {
    z-index: 990
}

@media(max-width:767px) {
    .main-menu .dropdown-backdrop {
        background: rgba(0, 0, 0, .8);
        top: var(--main-menu-level-1-height)
    }
}

.main-menu .main-dropdown-backdrop {
    background: rgba(0, 0, 0, .8);
    top: var(--main-menu-level-1-height);
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

.main-menu .badge-new {
    background: #5cb85c;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .1px;
    text-shadow: none;
    white-space: nowrap;
    margin: 0 .5em;
    padding: .3em .4em .4em;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px
}

.main-menu .badge-new.badge-primary {
    background-color: #13aff0 !important
}

.main-menu .badge-review {
    background: #747474;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .1px;
    text-shadow: none;
    white-space: nowrap;
    margin: 0 .5em;
    padding: .3em .4em .4em;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px
}

@media(min-width:768px) {
    .main-menu-mobile-button {
        display: none
    }
}

.main-menu-hamburger {
    padding: 0 15px;
    min-width: 49px;
    height: 100%;
    outline: 0;
    background: 0 0;
    border: 0
}

@media(max-width:374px) {
    .main-menu-hamburger {
        min-width: 50px
    }
}

.main-menu-hamburger .line {
    width: 20px;
    height: 2px;
    position: relative;
    background: #979797;
    transition: transform .2s linear, opacity .2s linear, top .2s linear, bottom .2s linear
}

.main-menu-hamburger .line+.line {
    margin-top: 4px
}

.main-menu-hamburger .line:first-child {
    opacity: 0;
    top: -15px
}

.main-menu-hamburger .line:nth-child(2) {
    transform: rotate(-45deg);
    transform-origin: 50% 50%
}

.main-menu-hamburger .line:nth-child(3) {
    opacity: 0;
    bottom: -15px
}

.main-menu-hamburger .line-fake {
    width: 20px;
    height: 2px;
    background: #979797;
    position: absolute;
    top: 24px;
    left: 15px;
    transition: transform .2s linear;
    transform: rotate(45deg);
    transform-origin: 50% 50%
}

.main-menu-hamburger.collapsed .line {
    top: 0;
    bottom: 0
}

.main-menu-hamburger.collapsed .line,
.main-menu-hamburger.collapsed .line-fake {
    transform: none;
    opacity: 1
}

.main-menu-logo {
    padding: 0 20px;
    display: flex;
    align-items: center;
    line-height: 1
}

.main-menu-logo {
	background: #0a0a0a;
}

.main-menu-text {
    padding: 0 20px;
    display: flex;
    align-items: center;
    line-height: 1;
    width: 100%;
    justify-content: center;
    font-weight: bold;
}

@media(max-width:767px) {
    .main-menu-text {
        font-weight: normal;
    }
}

.main-menu-eos {
    padding: 0 20px;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    background: #0a0a0a52;
}

.main-menu-text span,
.main-menu-eos span {
	color: #FFF;
    text-transform: uppercase;
}

@media(max-width:374px) {
    .main-menu-logo {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width:768px) {
    .main-menu-logo {
        padding-left: 15px
    }
}

.main-menu-logo .logo {
    vertical-align: top
}

@media(max-width:767px) {
    .main-menu-logo .logo {
        width: 123px;
        height: 22px
    }
}

.main-menu-logo .badge-spacing {
    margin-left: 10px;
    margin-right: 0
}

.main-menu-search {
    position: relative;
    padding: 0 13px 0 0;
    align-items: center
}

.main-menu-search-icon {
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 3;
    font-size: 14px;
    color: #747474
}

.main-menu-search-input {
    position: relative;
    z-index: 2;
    width: 100%;
    flex-grow: 1;
    background: #101010;
    border: 1px solid #333;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    outline: none;
    box-shadow: none;
    padding: 8px 8px 8px 32px;
    color: #fff;
    box-sizing: border-box !important
}

.main-menu-search-input:focus {
    box-shadow: 0 0 0 1px #1f5e79;
    border-color: #1f5e79
}

.main-menu-search .autocomplete {
    width: 100%
}

.main-menu-search .autocomplete.is-shown:after {
    content: "";
    height: 46px;
    position: absolute;
    display: block;
    top: -6px;
    left: -6px;
    right: -6px;
    background: #222;
    border: 1px solid #333;
    border-bottom: 0;
    border-radius: 2px 2px 0 0
}

.main-menu-search .autocomplete-dropdown {
    visibility: hidden;
    left: -6px;
    right: -6px;
    min-width: 100%;
    max-height: 100vh;
    overflow-y: auto;
    padding-top: 6px;
    background: #222;
    border: 1px solid #333;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75)
}

.main-menu-search .autocomplete-dropdown:not(.is-shown) {
    display: none
}

.main-menu-search .autocomplete-result-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-menu-search .autocomplete-result-list .is-focused .link,
.main-menu-search .autocomplete-result-list .link:hover {
    background: #333;
    border-left-color: #13aff0
}

.main-menu-search .autocomplete-result-list .link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1.3;
    padding: 6px 15px 6px 12px;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: border-color .2s linear, background-color .2s linear
}

.main-menu-search .autocomplete-result-list .name {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #f1f1f1
}

.main-menu-search .autocomplete-extended-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-menu-search .autocomplete-extended-item {
    border-top: 1px solid #222
}

.main-menu-search .autocomplete-extended-link {
    display: block;
    background: #2b2b2b;
    color: #bbb;
    font-weight: 600;
    padding: 4px 15px 6px
}

.main-menu-search .autocomplete-extended-link:hover {
    color: #fff
}

.main-menu-bar-item {
    position: relative
}

@media(max-width:767px) {
    .main-menu-bar-item {
        min-width: 78px
    }
}

.main-menu-bar-link {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 13px;
    position: relative;
    z-index: 992;
    background: 0 0;
    border: 0;
    outline: 0;
    transition: color .2s linear, background-color .2s linear
}

@media(max-width:767px) {
    .main-menu-bar-link {
        width: 100%
    }
}

.main-menu-bar-link.active,
.main-menu-bar-link:focus,
.main-menu-bar-link:hover {
    color: #fff
}

.main-menu-bar-link.active .far,
.main-menu-bar-link:focus .far,
.main-menu-bar-link:hover .far {
    color: #13aff0
}

.main-menu-bar-link.active .bs-btn .far,
.main-menu-bar-link:focus .bs-btn .far,
.main-menu-bar-link:hover .bs-btn .far {
    color: #fff
}

.main-menu-bar-link .bs-btn {
    padding: 2px 8px;
    font-size: 13px;
    font-weight: 600
}

.main-menu-dropdown {
    display: none;
    position: absolute;
    z-index: 991;
    top: 100%;
    right: 0;
    min-width: 100vw;
    max-width: 100%;
    max-height: calc(80vh - var(--main-menu-level-1-height));
    list-style: none;
    overflow: hidden;
    padding: 0 0 4px;
    margin: 0;
    background: #333;
    box-shadow: 0 14px 26px 0 rgba(0, 0, 0, .25);
    -webkit-overflow-scrolling: touch
}

@media(min-width:768px) {
    .main-menu-dropdown {
        min-width: 180px;
        max-height: 80vh;
        border-radius: 0 0 8px 8px
    }

    .main-menu-dropdown.is-main {
        min-width: 294px;
        max-width: 340px
    }
}

.main-menu-dropdown-item:last-child {
    margin-bottom: 4px
}

.main-menu-dropdown-link {
    display: block;
    width: 100%;
    line-height: 1.8;
    color: #bbb;
    padding: 7px 13px 7px 10px;
    background: 0 0;
    border: 0;
    border-left: 3px solid transparent;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear
}

.main-menu-dropdown-link:hover {
    background: #222;
    border-left-color: #13aff0;
    color: #f1f1f1
}

.main-menu-dropdown-link:active,
.main-menu-dropdown-link:focus {
    outline: none
}

.main-menu-dropdown-link.is-submenu-toggler {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-menu-dropdown-link.is-submenu-toggler .user-badge-spacer {
    display: inline-block;
    min-width: 31px;
    margin-left: -7px;
    margin-top: -2px;
    margin-right: 5px;
    text-align: center
}

.main-menu-dropdown-link.is-submenu-toggler .user-badge {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    padding: .1em .4em;
    border-radius: 2px;
    background: #bbb;
    color: #333
}

.main-menu-dropdown-link.is-back-to-main {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px
}

.main-menu-dropdown-divider {
    height: 1px;
    margin: 11px 0;
    overflow: hidden;
    background-color: #5d5d5d
}

.main-menu-dropdown-section {
    font-size: 12px;
    color: #747474;
    text-transform: uppercase;
    padding: 0 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.main-menu-dropdown-section:first-of-type {
    padding-top: 5px
}

.main-menu-dropdown-profile {
    margin: 1px;
    position: relative
}

.main-menu-dropdown-profile .profile-bg {
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.main-menu-dropdown-profile .profile-inner {
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
    z-index: 2;
    background: linear-gradient(180deg, rgba(20, 20, 20, .5) 0, #333)
}

.main-menu-dropdown-profile .profile-image {
    flex-basis: 40px;
    position: relative
}

.main-menu-dropdown-profile .profile-image .avatar {
    max-width: 40px;
    max-height: 40px
}

.main-menu-dropdown-profile .profile-image .user-badge {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%)
}

.main-menu-dropdown-profile .profile-info {
    padding-left: 10px;
    line-height: 1.7;
    min-width: 0
}

.main-menu-dropdown-profile .profile-name {
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.main-menu-dropdown-profile .profile-links {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.main-menu-dropdown-profile .profile-links a {
    color: #bbb
}

.main-menu-dropdown-profile .profile-links a:hover {
    color: #f1f1f1
}

.main-menu-dropdown-profile .profile-links .spacer {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #5e5e5e;
    display: block;
    margin: 0 10px
}

.main-menu-dropdown .ps__rail-y {
    opacity: 1;
    z-index: 4
}

.main-menu-dropdown .ps__thumb-y {
    opacity: .15
}

.main-menu-links-dropdown-toggle {
    position: relative
}

.main-menu-links-dropdown-toggle:hover .dropdown {
    display: block
}

.main-menu-links-dropdown-toggle .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #101010;
    list-style: none;
    padding: 0 0 4px;
    display: none
}

.main-menu-links-dropdown-toggle .dropdown .main-menu-link {
    padding-top: 8px;
    padding-bottom: 8px
}

.main-menu-item {
    min-height: inherit;
    flex-shrink: 0;
    cursor:pointer;
}

.main-menu-item.inactive .main-menu-link {
		cursor: wait;
}
.main-menu-item.inactive .main-menu-link {
    color: #333;
    background: #161414;
 }
.main-menu-item.inactive .main-menu-link .fab,
.main-menu-item.inactive .main-menu-link .far {
    color: #222
}

@media(min-width:1200px) {
    .main-menu-item:hover {
        background: #181818
    }

    .main-menu-item:hover .main-menu-link {
        color: #fff
    }

    .main-menu-item.inactive:hover .main-menu-link {
        color: #333
    }

    .main-menu-item:hover .main-menu-link .fab,
    .main-menu-item:hover .main-menu-link .far {
        color: #13aff0
    }

    .main-menu-item.inactive:hover .main-menu-link .fab,
    .main-menu-item.inactive:hover .main-menu-link .far {
        color: #222
    }

    .main-menu-item:hover.main-menu-megadrop-trigger .main-menu-link:after {
        opacity: 1
    }

    .main-menu-item:hover .main-menu-megadrop {
        visibility: visible;
        opacity: 1;
        transition-delay: var(--menu-transition-delay)
    }
}

.main-menu-item-pro .main-menu-link:after {
    background: #13aff0
}

.main-menu-item-pro .plus-badge,
.main-menu-item-pro .pro-badge,
.main-menu-item-pro .school-badge,
.main-menu-item-pro .studio-badge {
    font-size: 12px;
    padding: 3px 4px;
    margin-top: 1px
}

.main-menu-item-pro:hover.main-menu-megadrop-trigger .main-menu-link {
    background: #13aff0
}

.main-menu-link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: inherit;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #f1f1f1;
    padding: 13px 20px;
    border: 0;
    background: 0 0;
    position: relative;
    white-space: nowrap;
    transition-duration: .1s;
    outline: none
}

.main-menu-link:after {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    background: #171717;
    transition: opacity .1s linear
}

.main-menu-link .far {
    font-size: 13px
}

@media(min-width:768px) {
    .main-menu-link {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .main-menu-link {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:1200px) {
    .main-menu-link {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(min-width:1440px) {
    .main-menu-link {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:1920px) {
    .main-menu-link {
        padding-left: 24px;
        padding-right: 24px
    }
}

.main-menu-link .fab,
.main-menu-link .far {
    color: #747474
}

.main-menu-link:hover {
    color: #f1f1f1;
    background: #222;
    transition-duration: .1s
}

.main-menu-link.inactive:hover {
	background: #161414;
}

.main-menu-link.active {
    color: #fff;
    background: 0 0
}

.main-menu-link.active:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 3px;
    background: #13aff0
}

@media(min-width:768px) {
    .main-menu-link.active:before {
        width: auto;
        top: auto;
        bottom: 0;
        height: 3px;
        left: 20px;
        right: 20px
    }
}

@media(min-width:992px) {
    .main-menu-link.active:before {
        left: 14px;
        right: 14px
    }
}

@media(min-width:1200px) {
    .main-menu-link.active:before {
        left: 16px;
        right: 16px
    }
}

@media(min-width:1440px) {
    .main-menu-link.active:before {
        left: 24px;
        right: 24px
    }
}

.main-menu-link.active .fab,
.main-menu-link.active .far {
    color: #13aff0
}

.main-menu-mobile-button {
    position: relative;
    padding: 10px 0;
    flex-basis: 100%;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333
}

.main-menu-mobile-button:last-child {
    border-right: 0
}

.main-menu-mobile-button.cart {
    padding: 0
}

.main-menu-mobile-button.signup {
    background: #333
}

.main-menu-mobile-button .bs-badge {
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: 4px
}

.main-menu-mobile-button .cart-icon {
    color: #fff;
    height: 100%
}

.main-menu-megadrop {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 40px;
    right: 40px;
    margin-top: 1px;
    background: 50% no-repeat #171717;
    background-size: cover;
    max-height: 80vh;
    overflow: auto;
    transition: visibility var(--menu-transition-duration) ease-in-out, opacity var(--menu-transition-duration) ease-in-out
}

.main-menu-megadrop-title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding: 17px 36px 22px
}

.main-menu-megadrop-support {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 25px 36px
}

.main-menu-megadrop-cover-author {
    font-size: 10px;
    font-style: italic;
    color: #bbb;
    position: absolute;
    bottom: 30px;
    right: 36px
}

.main-menu-megadrop .static-block {
    text-align: center;
    flex-basis: 25%;
    padding: 30px 30px 56px;
    background: #171717
}

.main-menu-megadrop .static-block:nth-child(2n) {
    background: #222
}

.main-menu-megadrop .static-block-icon {
    font-size: 54px;
    color: #fff;
    margin-bottom: 5px
}

.main-menu-megadrop .static-block-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 11px
}

.main-menu-megadrop .static-block-desc {
    font-size: 12px;
    color: #bbb
}

.main-menu-megadrop .static-block-btns {
    margin-top: 26px
}

.main-menu-megadrop .static-block-btns .bs-btn~.bs-btn {
    margin-top: 10px
}

.main-menu .avatar {
    overflow: hidden
}

.main-menu .user-name {
    line-height: 1.2;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-menu .user-badge {
    margin: 0;
    vertical-align: middle
}

.main-menu .open .main-menu-bar-link {
    background: #333
}

.main-menu .open .main-menu-bar-link .far {
    color: #13aff0
}

.main-menu .dropdown-more.open .dropdown-more-list,
.main-menu .open .main-menu-dropdown {
    display: block
}

.main-menu .dropdown-more-list {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 6px
}

.main-menu .menu-level {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #333
}

.main-menu .menu-level-1 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background: #171717;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    z-index: 1032
}

@media(min-width:768px) {
    .main-menu .menu-level-1 {
        justify-content: center
    }
}

@media(max-width:767px) {
    .main-menu .menu-level-2-wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1031
    }

    .main-menu .menu-level-2-wrap .main-menu-sm-bar {
        background: #101010;
        position: fixed;
        top: var(--main-menu-level-1-height);
        width: 100%;
        z-index: 2
    }
}

@media(min-width:768px) {
    .main-menu .menu-level-2-wrap {
        display: block;
        height: auto !important
    }
}

.main-menu .menu-level-2 {
    background: #101010;
    max-height: calc(100vh - var(--main-menu-level-1-height))
}

@media(max-width:767px) {
    .main-menu .menu-level-2 {
        padding-top: 96px;
        max-height: 80vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(min-width:768px) {
    .main-menu .menu-level-2 {
        display: flex;
        position: fixed;
        top: 50px;
        top: var(--main-menu-level-1-height);
        left: 0;
        width: 100%;
        max-height: 100vh;
        align-items: stretch;
        justify-content: center;
        min-height: 42px;
        z-index: 1031;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-color: #333 transparent;
        scrollbar-width: thin
    }

    .main-menu .menu-level-2::-webkit-scrollbar {
        height: 6px
    }

    .main-menu .menu-level-2::-webkit-scrollbar-track {
        background: 0 0
    }

    .main-menu .menu-level-2::-webkit-scrollbar-thumb {
        background: #333
    }
}

.main-menu .menu-level-2 .dropdown-backdrop {
    display: none
}

.main-menu .form {
    margin-bottom: 0
}

.main-menu .pro-upgrade {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background: #13aff0;
    color: #fff;
    padding: 0 6px;
    border-radius: 3px
}

@media(min-width:768px) and (max-width:1280px) {
    .main-menu.js-user-loggedin .menu-level-2 {
        justify-content: flex-start;
        overflow-x: auto
    }
}

@media(min-width:768px) and (max-width:1300px) {
    .main-menu.js-user-non-loggedin .menu-level-2 {
        justify-content: flex-start;
        overflow-x: auto
    }
}

.main-menu-megadrop-back {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .86);
    z-index: 1030;
    pointer-events: none;
    transition: opacity var(--menu-transition-duration) ease-in-out;
    transition-delay: var(--menu-transition-delay)
}

@media(min-width:1200px) {
    .main-menu-megadrop-back {
        display: block
    }
}

.drop-about,
.drop-pro {
    border-top: 5px solid #13aff0
}

#google_onetap_container {
    position: absolute;
    top: 100%;
    right: 0
}

.sticky-block {
    z-index: 1031;
    position: static;
    top: var(--main-menu-level-1-height);
    transition: top .25s ease-out
}

@media(min-width:768px) {
    .sticky-block {
        position: -webkit-sticky;
        position: sticky
    }
}

.sticky-block-offset {
    top: calc(var(--main-menu-height) + 10px);
    z-index: 1029
}

.sticky-block-underlay {
    z-index: 1030
}

.sticky-block.zindex-default {
    z-index: 1
}

.sticky-reactive .sticky-block {
    top: var(--main-menu-height)
}

.sticky-reactive .sticky-block-underlay {
    top: var(--sticky-underlay-top)
}

.sticky-reactive-disabled .sticky-block {
    top: var(--main-menu-level-1-height)
}

.sticky-waypoint {
    position: relative;
    z-index: 1030
}

.dark-badge,
.host-badge,
.memorial-badge,
.plus-badge,
.pro-badge,
.school-badge,
.staff-badge,
.studio-badge {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .1px;
    text-shadow: none;
    white-space: nowrap;
    background-color: #13aff0;
    margin: 0 .5em;
    padding: .3em .4em .4em;
    display: inline-block;
    vertical-align: middle;
    color: #f1f1f1 !important;
    border-radius: 2px
}

.dark-badge.smaller,
.host-badge.smaller,
.memorial-badge.smaller,
.plus-badge.smaller,
.pro-badge.smaller,
.school-badge.smaller,
.staff-badge.smaller,
.studio-badge.smaller {
    font-size: 8px;
    padding-bottom: .4em;
    top: -1px;
    position: relative
}

.dark-badge.larger,
.host-badge.larger,
.memorial-badge.larger,
.plus-badge.larger,
.pro-badge.larger,
.school-badge.larger,
.staff-badge.larger,
.studio-badge.larger {
    font-size: 12px
}

.dark-badge.top,
.host-badge.top,
.memorial-badge.top,
.plus-badge.top,
.pro-badge.top,
.school-badge.top,
.staff-badge.top,
.studio-badge.top {
    vertical-align: top;
    margin-top: .7em
}

.plus-badge {
    background: #034662
}

.studio-badge {
    background-image: linear-gradient(180deg, #0a79c9, #0938ae)
}

.school-badge {
    background-image: linear-gradient(180deg, #5b2de0, #341c94)
}

.badge-xs {
    font-size: 9px;
    padding: .25em .3em .25em .35em
}

.pro-badge-g {
    background-image: linear-gradient(-180deg, rgba(39, 220, 254, .76), #13aff0)
}

.plus-badge-g,
.pro-badge-g {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .22)
}

.plus-badge-g {
    background-image: linear-gradient(180deg, #024561, #023d55)
}

.pro-badge-md {
    padding: 4px 5px;
    font-size: 12px;
    font-weight: 600
}

.pro-badge-lg {
    padding: 5px 6px;
    font-size: 18px;
    font-weight: 600
}

.pro-badge-xl {
    font-size: 24px;
    border-radius: 6px
}

.pro-badge-xg {
    font-weight: 600;
    font-size: 41px;
    border-radius: 8px
}

.pro-badge-xxg {
    font-weight: 600;
    font-size: 82px;
    border-radius: 16px
}

.host-badge,
.memorial-badge,
.staff-badge {
    background-color: #5d5d5d
}

.dark-badge {
    background: #333
}

a.pro-badge {
    color: #747474
}

a.pro-badge:active,
a.pro-badge:hover {
    color: #747474;
    background-color: #0c8ec4
}

a.host-badge {
    color: #747474
}

a.host-badge:active,
a.host-badge:hover {
    color: #747474;
    background-color: #5b5b5b
}

.bs-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #bbb;
    border-radius: 10px
}

.bs-badge:empty {
    display: none
}

.badge-cart-items,
.badge-messages,
.badge-notification {
    background-color: #d71720;
    font-size: 10px;
    padding: 2.5px 5px 3px;
    display: inline;
    min-width: 16px;
    text-align: center;
    border-radius: 10px
}

@media(min-width:768px) {

    .badge-cart-items,
    .badge-messages,
    .badge-notification {
        position: absolute;
        top: 16px;
        left: 50%;
        margin-left: 4px
    }
}

.dropdown.open>.dropdown-notifications {
    display: flex
}

.dropdown-notifications {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    max-height: 80vh;
    list-style: none;
    background-color: #333;
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 340px;
    padding: 0;
    flex-direction: column
}

.dropdown-notifications .view-all {
    display: block;
    text-align: center;
    padding: 10px;
    color: #747474;
    font-size: 12px;
    border-top: 1px solid #262626
}

.dropdown-notifications .view-all:active,
.dropdown-notifications .view-all:hover {
    color: #fff
}

.dropdown-notifications-filters {
    display: flex;
    flex-shrink: 0
}

.dropdown-notifications-filter {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    color: #747474;
    padding: 6px 4px 4px;
    border: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    position: relative;
    outline: 0;
    transition: color .2s linear, border-color .2s linear
}

.dropdown-notifications-filter .bs-badge {
    position: absolute;
    background: #d9534f;
    font-size: 8px;
    top: -5px;
    left: auto;
    right: 0
}

.dropdown-notifications-filter:hover {
    color: #fff
}

.dropdown-notifications-filter.active {
    color: #fff;
    border-bottom-color: #13aff0
}

.dropdown-notifications-filter-selected {
    padding: 6px 8px;
    font-size: 12px;
    background: #262626;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
    color: #747474
}

.dropdown-notifications-loading {
    display: none;
    position: absolute;
    bottom: 47px;
    left: 50%;
    transform: translate(-50%);
    background-color: #333;
    padding: 6px;
    box-shadow: 0 0 10px #000;
    border-radius: 50%;
    z-index: 1001;
    line-height: 1
}

.dropdown-notifications-loading.active {
    display: block
}

.dropdown-notifications-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.dropdown-notifications-list b {
    color: #bbb;
    font-weight: 400
}

.dropdown-notifications-list a {
    color: #bbb
}

.dropdown-notifications-list a:hover {
    text-decoration: underline
}

.dropdown-notifications-list-wrap {
    position: relative;
    overflow: hidden;
    font-size: 11px;
    text-align: left;
    background: #333;
    flex-shrink: 1;
    min-width: 160px
}

.dropdown-notifications-list .notification>a {
    border-bottom: 1px solid #222;
    display: flex;
    align-items: center;
    color: #747474;
    padding: 10px 10px 10px 9px;
    border-left: 1px solid transparent;
    transition: border-left .1s linear, background .2s linear
}

.dropdown-notifications-list .notification .host-badge,
.dropdown-notifications-list .notification .memorial-badge,
.dropdown-notifications-list .notification .plus-badge,
.dropdown-notifications-list .notification .pro-badge,
.dropdown-notifications-list .notification .school-badge,
.dropdown-notifications-list .notification .staff-badge,
.dropdown-notifications-list .notification .studio-badge {
    margin-left: 0;
    margin-right: 0;
    vertical-align: text-bottom;
    font-size: 8px;
    text-decoration: none
}

.dropdown-notifications-list .notification .host-badge+.host-badge,
.dropdown-notifications-list .notification .host-badge+.memorial-badge,
.dropdown-notifications-list .notification .host-badge+.pro-badge,
.dropdown-notifications-list .notification .host-badge+.staff-badge,
.dropdown-notifications-list .notification .memorial-badge+.host-badge,
.dropdown-notifications-list .notification .memorial-badge+.memorial-badge,
.dropdown-notifications-list .notification .memorial-badge+.pro-badge,
.dropdown-notifications-list .notification .memorial-badge+.staff-badge,
.dropdown-notifications-list .notification .plus-badge+.host-badge,
.dropdown-notifications-list .notification .plus-badge+.memorial-badge,
.dropdown-notifications-list .notification .plus-badge+.pro-badge,
.dropdown-notifications-list .notification .plus-badge+.staff-badge,
.dropdown-notifications-list .notification .pro-badge+.host-badge,
.dropdown-notifications-list .notification .pro-badge+.memorial-badge,
.dropdown-notifications-list .notification .pro-badge+.pro-badge,
.dropdown-notifications-list .notification .pro-badge+.staff-badge,
.dropdown-notifications-list .notification .school-badge+.host-badge,
.dropdown-notifications-list .notification .school-badge+.memorial-badge,
.dropdown-notifications-list .notification .school-badge+.pro-badge,
.dropdown-notifications-list .notification .school-badge+.staff-badge,
.dropdown-notifications-list .notification .staff-badge+.host-badge,
.dropdown-notifications-list .notification .staff-badge+.memorial-badge,
.dropdown-notifications-list .notification .staff-badge+.pro-badge,
.dropdown-notifications-list .notification .staff-badge+.staff-badge,
.dropdown-notifications-list .notification .studio-badge+.host-badge,
.dropdown-notifications-list .notification .studio-badge+.memorial-badge,
.dropdown-notifications-list .notification .studio-badge+.pro-badge,
.dropdown-notifications-list .notification .studio-badge+.staff-badge {
    margin-left: 4px
}

.dropdown-notifications-list .notification.read>a {
    background-color: #262626;
    border-bottom-color: #333
}

.dropdown-notifications-list .notification:hover>a {
    border-left-color: #13aff0;
    background: #222;
    text-decoration: none
}

.dropdown-notifications-list .notification-group {
    font-style: italic;
    padding: 6px 8px;
    font-size: 11px;
    background: #262626;
    border-bottom: 1px solid #333;
    color: #747474
}

.dropdown-notifications-list .notification-image {
    flex-basis: 50px;
    flex-shrink: 0;
    max-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.dropdown-notifications-list .notification-image .img {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #171717;
    border-radius: 2px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: fill
}

.dropdown-notifications-list .notification-image .img-blur+.mature-content-label {
    display: block
}

.dropdown-notifications-list .notification-image .mature-content-label {
    display: none;
    line-height: 1.2;
    font-size: 10px;
    user-select: none;
    letter-spacing: 0
}

.dropdown-notifications-list .notification-image .avatar {
    border-radius: 50%
}

.dropdown-notifications-list .notification-content {
    flex-grow: 1;
    padding: 0 0 0 10px
}

.far {
    transition: color .15s linear
}

.animate {
    transition: transform .15s ease-in-out, color .15s linear
}

.open .dropdown-toggle .animate-scale {
    transform: scale(1.2)
}

.open .dropdown-toggle .animate-rotate {
    transform: rotate(180deg)
}

.nav-fallback {
    display: none !important
}

@media(min-width:992px) {
    .is-promobar-active {
        --main-menu-level-1-height: 98px;
        --main-menu-height: 140px
    }

    .is-promobar-active .bar-pro-increase.active-version {
        display: block
    }

    .is-promobar-active .bar-pro-increase+.main-menu .menu-level-1 {
        top: 38px
    }
}

@media(min-width:992px) and (min-width:768px) {
    .is-promobar-active .bar-pro-increase+.main-menu .menu-level-1 {
        top: 48px
    }
}

.bar-pro-increase {
    position: fixed;
    z-index: 1032;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    padding: 10px 5px;
    background-image: linear-gradient(180deg, #27dcfe, #13aff0);
    font-weight: 700;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .37);
    letter-spacing: .015em;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.8
}

.bar-pro-increase:hover {
    color: #fff
}

.bar-pro-increase:hover .text {
    text-decoration: underline
}

.bar-pro-increase.v2 {
    background: url(/assets/bars/bg-plus-v2.jpg) 50% no-repeat;
    background-size: cover
}

@media(min-width:768px) {
    .bar-pro-increase {
        font-size: 16px;
        padding: 10px
    }
}

.bar-pro-increase .time-left {
    padding: 3px 8px;
    background: rgba(0, 0, 0, .46);
    border-radius: 5px
}

.bar-pro-increase .bar-badge {
    margin: 0;
    vertical-align: top
}

.bar-pro-increase .text {
    margin: 0 4px
}

@media(min-width:768px) {
    .bar-pro-increase .text {
        margin: 0 8px
    }
}

.bar-pro-increase .button {
    font-size: 8px;
    border: 1px solid #fff;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 4px 7px
}

@media(min-width:768px) {
    .bar-pro-increase .button {
        font-size: 14px
    }
}

.bar-pro-increase-link {
    position: relative;
    z-index: 1;
    color: inherit;
    display: block
}

.bar-pro-increase-link:hover {
    color: #fff
}

.bar-pro-increase-link:hover .text {
    text-decoration: underline
}

.bar-pro-increase-close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    padding: 10px;
    transition: opacity .15s
}

.bar-pro-increase-close:hover {
    opacity: .7
}

.pro-page-sticky,
.will-stick {
    display: none
}

.currency-select-modal-text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

.currency-select-modal .bs-modal-dialog {
    max-width: 530px
}

.currency-select-modal .bs-modal-header {
    padding: 50% 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 0
}

.currency-select-modal.currency-eur .bs-modal-header {
    background-image: url(/assets/layout/d17da4f18f86af6b158577bb61fd06c8.jpg)
}

.currency-select-modal.currency-gbp .bs-modal-header {
    background-image: url(/assets/layout/bb6d3b749d9da76a2e6b68083aac212e.jpg)
}

.currency-select-modal.currency-cad .bs-modal-header {
    background-image: url(/assets/layout/f2524d5de553659a1007ab3dde0fee67.jpg)
}

.currency-select-modal .bs-modal-body {
    padding: 30px
}

#switch-account-list .account-item-btn {
    display: flex;
    align-items: center;
    width: 100%;
    background: 0 0;
    border: 0;
    color: #bbb;
    text-align: left;
    padding: 7px 13px 7px 10px;
    outline: none;
    transition: background-color .2s linear, color .2s linear, opacity .2s linear
}

#switch-account-list .account-item-btn:not(.is-active) {
    cursor: pointer;
    opacity: .5
}

#switch-account-list .account-item-btn:not(.is-active):hover {
    opacity: 1;
    color: #fff;
    background: #222
}

#switch-account-list .account-item-btn:not(.is-active):hover .icon-state-hover {
    opacity: 1
}

#switch-account-list .account-item-btn:not(.is-active) .icon-state-active {
    display: none
}

#switch-account-list .account-item-btn:not(.is-active) .icon-state-hover {
    opacity: 0
}

#switch-account-list .account-item-btn.is-active .name {
    color: #fff;
    font-weight: 700
}

#switch-account-list .account-item-btn.is-active .icon-state-hover {
    display: none
}

#switch-account-list .account-item-info {
    padding-left: 15px;
    padding-right: 15px;
    flex-grow: 1;
    line-height: 1.5
}

#switch-account-list .account-state-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #13aff0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s linear
}

#switch-account-list .plus-badge,
#switch-account-list .pro-badge,
#switch-account-list .school-badge,
#switch-account-list .studio-badge {
    vertical-align: text-top;
    margin-left: 0
}

@keyframes reveal_loggedin_bar {
    0% {
        transform: translateY(0)
    }

    80% {
        transform: translateY(0)
    }

    99% {
        transform: translateY(-100%)
    }

    to {
        display: none;
        transform: translateY(-100%)
    }
}

.header-loggedin-bar {
    background: #5cb85c;
    color: #fff;
    text-align: center;
    padding: 8px 16px;
    position: fixed;
    left: 0;
    z-index: 2;
    width: 100%;
    display: none
}

.header-loggedin-bar.is-active {
    display: block;
    animation: reveal_loggedin_bar 4s linear 2s 1 forwards
}