.embed-responsive-1by1-4by3::before {
    padding-top: 75%
}

@media screen and (max-width: 768px) {
    .embed-responsive-1by1-4by3::before {
        padding-top:75%
    }
}

@media screen and (max-width: 414px) {
    .embed-responsive-1by1-4by3::before {
        padding-top:100%
    }
}

.fa,.is-loading:after,.offer-popup__rewards li:before,.tippy-box[data-theme~=training]:before,.footable.breakpoint>tbody>tr>td>span.footable-toggle,.btn-is-loading:after,.sbHolder .sbToggle:after,.custom-checkbox.custom-checkbox-style-2 .custom-control-input:checked~.custom-control-label:after,.custom-checkbox.custom-checkbox-tick .custom-control-input:checked~.custom-control-label:after {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fa,.is-loading:after,.offer-popup__rewards li:before,.tippy-box[data-theme~=training]:before,.footable.breakpoint>tbody>tr>td>span.footable-toggle,.btn-is-loading:after,.sbHolder .sbToggle:after,.custom-checkbox.custom-checkbox-style-2 .custom-control-input:checked~.custom-control-label:after,.custom-checkbox.custom-checkbox-tick .custom-control-input:checked~.custom-control-label:after,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fab,.fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fas,.fa-classic,.fa-solid,.far,.fa-regular {
    font-family: "Font Awesome 6 Free"
}

.fab,.fa-brands {
    font-family: "Font Awesome 6 Brands"
}

@font-face {
    font-family: "customfont";
    src: url("../fonts/customfont/customfont.ttf") format("truetype"),url("../fonts/customfont/customfont.woff") format("woff"),url("../fonts/customfont/customfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.nav-accordion>li>a:after,[class^=sg-icon-],[class*=" sg-icon-"] {
    display: inline-block;
    vertical-align: middle;
    font-family: "customfont" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #686d77;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=sg-icon-]:before,[class*=" sg-icon-"]:before {
    font-size: 16px;
    display: inline-block
}

.dark-mode .nav-accordion>li>a:after,.dark-mode [class^=sg-icon-],.dark-mode [class*=" sg-icon-"] {
    color: #9ca0a9
}

.sg-icon-gig-architecture-interior:before {
    content: ""
}

.sg-icon-gig-coaching:before {
    content: ""
}

.sg-icon-gig-convert-files:before {
    content: ""
}

.sg-icon-gig-digital-marketing:before {
    content: ""
}

.sg-icon-gig-digital-writing:before {
    content: ""
}

.sg-icon-gig-e-learning:before {
    content: ""
}

.sg-icon-gig-financial-business:before {
    content: ""
}

.sg-icon-gig-graphic-design:before {
    content: ""
}

.sg-icon-gig-legal-consulting:before {
    content: ""
}

.sg-icon-gig-lifestyle:before {
    content: ""
}

.sg-icon-gig-mobile-apps:before {
    content: ""
}

.sg-icon-gig-music-promotion:before {
    content: ""
}

.sg-icon-gig-music:before {
    content: ""
}

.sg-icon-gig-packaging-label:before {
    content: ""
}

.sg-icon-gig-photo:before {
    content: ""
}

.sg-icon-gig-presentation:before {
    content: ""
}

.sg-icon-gig-press-release:before {
    content: ""
}

.sg-icon-gig-seo:before {
    content: ""
}

.sg-icon-gig-telemarketing:before {
    content: ""
}

.sg-icon-gig-transcription:before {
    content: ""
}

.sg-icon-gig-voiceover:before {
    content: ""
}

.sg-icon-gig-web-development:before {
    content: ""
}

.sg-icon-gig-web:before {
    content: ""
}

.sg-icon-gig-whiteboard-animation:before {
    content: ""
}

.sg-icon-level-1:before {
    content: ""
}

.sg-icon-level-2:before {
    content: ""
}

.sg-icon-level-3:before {
    content: ""
}

.sg-icon-question:before {
    content: ""
}

.sg-icon-briefcase:before {
    content: ""
}

.sg-icon-calendar:before {
    content: ""
}

.sg-icon-comments:before {
    content: ""
}

.sg-icon-files:before {
    content: ""
}

.sg-icon-folder:before {
    content: ""
}

.sg-icon-paperplane:before {
    content: ""
}

.sg-icon-pencil1:before {
    content: ""
}

.sg-icon-star:before {
    content: ""
}

.sg-icon-archive:before {
    content: ""
}

.sg-icon-angle-left:before {
    content: ""
}

.sg-icon-arrow-left:before {
    content: ""
}

.sg-icon-attachment:before {
    content: ""
}

.sg-icon-attention:before {
    content: ""
}

.sg-icon-caret-right:before {
    content: ""
}

.sg-icon-checked:before {
    content: ""
}

.sg-icon-close:before {
    content: ""
}

.sg-icon-copy:before {
    content: ""
}

.sg-icon-cross-2:before {
    content: ""
}

.sg-icon-finish:before {
    content: ""
}

.sg-icon-info:before {
    content: ""
}

.sg-icon-lightening:before {
    content: ""
}

.sg-icon-link:before {
    content: ""
}

.sg-icon-thumbs-up:before {
    content: ""
}

.sg-icon-more:before {
    content: ""
}

.sg-icon-notification:before {
    content: ""
}

.sg-icon-pause:before {
    content: ""
}

.sg-icon-pencil:before {
    content: ""
}

.sg-icon-plus:before {
    content: ""
}

.sg-icon-restart:before {
    content: ""
}

.sg-icon-search:before {
    content: ""
}

.sg-icon-settings:before {
    content: ""
}

.sg-icon-support:before {
    content: ""
}

.sg-icon-thumbs-down:before {
    content: ""
}

.sg-icon-user:before {
    content: ""
}

.sg-icon-verified:before {
    content: ""
}

.svg-icon-usa,.svg-icon-unpaid,.svg-icon-success-checked,.svg-icon-review,.svg-icon-radio-checked,.svg-icon-progress,.svg-icon-pending,.svg-icon-paid-check,.svg-icon-paid,.svg-icon-muslim,.svg-icon-loading,.svg-icon-latin,.svg-icon-international,.svg-icon-finished,.svg-icon-europe-west,.svg-icon-europe-east,.svg-icon-emergency-red,.svg-icon-emergency-green,.svg-icon-emergency,.svg-icon-datetime-picker,.svg-icon-completed,.steps-bar__step--complete .steps-bar__step-icon,.svg-icon-asia,.svg-icon-africa {
    background: url("../images/sprite.svg") no-repeat
}

.svg-icon-africa {
    background-position: 79.1666666667% 70.8333333333%;
    width: 16px;
    height: 16px
}

.svg-icon-asia {
    background-position: 100% 0;
    width: 16px;
    height: 16px
}

.svg-icon-completed,.steps-bar__step--complete .steps-bar__step-icon {
    background-position: 47.619047619% 0;
    width: 28px;
    height: 28px
}

.svg-icon-datetime-picker {
    background-position: 65.306122449% 96.9696969697%;
    width: 14px;
    height: 13px
}

.svg-icon-emergency {
    background-position: 100% 16.6666666667%;
    width: 16px;
    height: 16px
}

.svg-icon-emergency-green {
    background-position: 100% 33.3333333333%;
    width: 16px;
    height: 16px
}

.svg-icon-emergency-red {
    background-position: 100% 50%;
    width: 16px;
    height: 16px
}

.svg-icon-europe-east {
    background-position: 100% 66.6666666667%;
    width: 16px;
    height: 16px
}

.svg-icon-europe-west {
    background-position: 100% 83.3333333333%;
    width: 16px;
    height: 16px
}

.svg-icon-finished {
    background-position: 0 47.619047619%;
    width: 28px;
    height: 28px
}

.svg-icon-international {
    background-position: 0 100%;
    width: 16px;
    height: 16px
}

.svg-icon-latin {
    background-position: 16.6666666667% 100%;
    width: 16px;
    height: 16px
}

.svg-icon-loading {
    background-position: 0 0;
    width: 40px;
    height: 40px
}

.svg-icon-muslim {
    background-position: 33.3333333333% 100%;
    width: 16px;
    height: 16px
}

.svg-icon-paid {
    background-position: 33.3333333333% 47.619047619%;
    width: 28px;
    height: 28px
}

.svg-icon-paid-check {
    background-position: 68% 56%;
    width: 12px;
    height: 12px
}

.svg-icon-pending {
    background-position: 80.9523809524% 0;
    width: 28px;
    height: 28px
}

.svg-icon-progress {
    background-position: 80.9523809524% 33.3333333333%;
    width: 28px;
    height: 28px
}

.svg-icon-radio-checked {
    background-position: 80% 56%;
    width: 12px;
    height: 12px
}

.svg-icon-review {
    background-position: 0 80.9523809524%;
    width: 28px;
    height: 28px
}

.svg-icon-success-checked {
    background-position: 60.8695652174% 72.3404255319%;
    width: 20px;
    height: 18px
}

.svg-icon-unpaid {
    background-position: 33.3333333333% 80.9523809524%;
    width: 28px;
    height: 28px
}

.svg-icon-usa {
    background-position: 50% 100%;
    width: 16px;
    height: 16px
}

.job-icon-declined,.job-icon-unpaid,.job-icon-success-checked,.job-icon-review,.job-icon-progress,.job-icon-paid-check,.job-icon-paid,.job-icon-paused-system,.job-icon-paused-admin,.job-icon-paused-user,.job-icon-finished,.job-icon-emergency-red,.job-icon-emergency-green,.job-icon-emergency,.job-icon-completed {
    background: url("../images/job-icons.svg") no-repeat
}

.job-icon-completed {
    background-position: 33.3333333333% 0;
    width: 28px;
    height: 28px
}

.job-icon-emergency {
    background-position: 20.8333333333% 96.5517241379%;
    width: 16px;
    height: 16px
}

.job-icon-emergency-green {
    background-position: 54.1666666667% 96.5517241379%;
    width: 16px;
    height: 16px
}

.job-icon-emergency-red {
    background-position: 37.5% 96.5517241379%;
    width: 16px;
    height: 16px
}

.job-icon-finished {
    background-position: 66.6666666667% 0;
    width: 28px;
    height: 28px
}

.job-icon-paused-user {
    background-position: 66.6666666667% 0;
    width: 28px;
    height: 28px
}

.job-icon-paused-admin {
    background-position: 100% 60.8695652174%;
    width: 28px;
    height: 28px
}

.job-icon-paused-system {
    background-position: 100% 0;
    width: 28px;
    height: 28px
}

.job-icon-paid {
    background-position: 0 0;
    width: 28px;
    height: 28px
}

.job-icon-paid-check {
    background-position: 68% 90.3225806452%;
    width: 12px;
    height: 12px
}

.job-icon-progress {
    background-position: 33.3333333333% 60.8695652174%;
    width: 28px;
    height: 28px
}

.job-icon-review {
    background-position: 0 60.8695652174%;
    width: 28px;
    height: 28px
}

.job-icon-success-checked {
    background-position: 0 100%;
    width: 20px;
    height: 18px
}

.job-icon-unpaid {
    background-position: 66.6666666667% 60.8695652174%;
    width: 28px;
    height: 28px
}

.job-icon-declined {
    background-position: 66.6666666667% 60.8695652174%;
    width: 28px;
    height: 28px
}

:root {
    --sg-color-black: #000;
    --sg-color-white: #fff;
    --sg-color-primary: #0397b1;
    --sg-color-primary-alt: #005924;
    --sg-color-secondary: #e7fafa;
    --sg-color-brand-black: #30394d;
    --sg-color-dark: #203259;
    --sg-color-dark-2: #1b1b1b;
    --sg-color-darker: #15213b;
    --sg-color-danger: #e63e46;
    --sg-color-danger-light: #fce3e5;
    --sg-color-warning: #de9100;
    --sg-color-warning-light: #fff3cf;
    --sg-color-body: #1b1b1b;
    --sg-color-gray: #f5f7fa;
    --sg-color-gray-100: #f2f4f7;
    --sg-color-gray-200: #f2f3f5;
    --sg-color-gray-300: #d3dae6;
    --sg-color-gray-400: #a8b0bf;
    --sg-color-gray-500: #686d77;
    --sg-color-gray-line: #f0f2f5;
    --sg-color-gray-new: #7f7e7e
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    min-height: 100%
}

body.dark-mode {
    background-color: #2c2d38;
    color: #fff
}

body.side-popup-is-open {
    overflow: hidden
}

.wrapper {
    min-height: 100vh
}

strong {
    font-weight: 500
}

img {
    max-width: 100%
}

.dark-mode a {
    color: #de9100
}

.dark-mode a:hover {
    color: #b57600
}

p a {
    text-decoration: underline
}

p a:hover,p a:active,p a:focus {
    color: #005924
}

h1,.h1 {
    font-weight: 700
}

h2,.h2 {
    font-weight: 700
}

h3,.h3 {
    font-weight: 500
}

h4,.h4 {
    font-weight: 500
}

h5,.h5 {
    font-weight: 500
}

h6,.h6 {
    font-weight: 500
}

.clickable {
    cursor: pointer
}

.modal {
    overflow-y: auto
}

.easy-autocomplete.eac-square ul {
    *zoom:1}

.easy-autocomplete.eac-square ul:before,.easy-autocomplete.eac-square ul:after {
    content: " ";
    display: table
}

.easy-autocomplete.eac-square ul:after {
    clear: both
}

.steps-bar__step-icon {
    border-radius: 50em;
    overflow: hidden
}

.logs-dd__desc,.selectable-list a,.avatar-upload__uploader>div,.nav-accordion>li .nav-accordion__icon,.nav-accordion>li .nav-accordion__icon .sg-icon,.nav-accordion>li,.gig-chat-uploader__item>div,.gig-imgs-uploader__uploader>div,.dropdown-form .dropdown-toggle,.accordion .accordion-item__header .btn,.side-nav,.nav--style-1 .nav-link,.radio-group li label,.custom-radio .custom-control-label,.custom-checkbox .custom-control-label {
    -webkit-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .logs-dd__desc,.selectable-list a,.avatar-upload__uploader>div,.nav-accordion>li .nav-accordion__icon,.nav-accordion>li .nav-accordion__icon .sg-icon,.nav-accordion>li,.gig-chat-uploader__item>div,.gig-imgs-uploader__uploader>div,.dropdown-form .dropdown-toggle,.accordion .accordion-item__header .btn,.side-nav,.nav--style-1 .nav-link,.radio-group li label,.custom-radio .custom-control-label,.custom-checkbox .custom-control-label {
        -webkit-transition: none;
        transition: none
    }
}

.layout-list__item,.withdraw-methods-item a .withdraw-method__img-hover,.withdraw-methods-item a .withdraw-method__img,.withdraw-methods-item a,.add-method,.referral-image__inner,.offers-chat__editor-input,.offers-chat__close,.offers-chat,.survey-providers a,.offer-card__inner,.popular-categories a,.survey-offers a,.share-box__share a,.gig-cat-card,.quick-guide-modal__dots .slick-dots li button,.community-items li,.community-hero__scroll,.community .accordion .accordion-item,.jobs__item-hide,.jobs__item,.jobs__header,.job-bar__inner,.toggle__btn:after,.toggle__btn:before,.tags__item,.tags a,.home-referral__card p a,.banner__close,.table.table-hover tbody tr,.table td,.table th,.nav-tabs .nav-link,.social-style-2 a,.social a,.spinner__input,.spinner__btn,.form-label-over textarea.form-control,.form-label-over label,.navbar .navbar-nav .nav-link,.footer__nav a span:after,.navbar .navbar-nav .nav-link span:after {
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .layout-list__item,.withdraw-methods-item a .withdraw-method__img-hover,.withdraw-methods-item a .withdraw-method__img,.withdraw-methods-item a,.add-method,.referral-image__inner,.offers-chat__editor-input,.offers-chat__close,.offers-chat,.survey-providers a,.offer-card__inner,.popular-categories a,.survey-offers a,.share-box__share a,.gig-cat-card,.quick-guide-modal__dots .slick-dots li button,.community-items li,.community-hero__scroll,.community .accordion .accordion-item,.jobs__item-hide,.jobs__item,.jobs__header,.job-bar__inner,.toggle__btn:after,.toggle__btn:before,.tags__item,.tags a,.home-referral__card p a,.banner__close,.table.table-hover tbody tr,.table td,.table th,.nav-tabs .nav-link,.social-style-2 a,.social a,.spinner__input,.spinner__btn,.form-label-over textarea.form-control,.form-label-over label,.navbar .navbar-nav .nav-link,.footer__nav a span:after,.navbar .navbar-nav .nav-link span:after {
        -webkit-transition: none;
        transition: none
    }
}

.cover-image img,.radio-group-2 li input,.radio-group li input {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0,0,0,0);
    position: absolute
}

.job-info__item>:last-child,.tippy-box[data-theme~=chart] .tippy-content>:last-child,.tippy-box[data-theme~=primary] .tippy-content>:last-child,.tippy-box[data-theme~=important] .tippy-content>:last-child,.alert-extended__content>:last-child {
    margin-bottom: 0
}

.footer__nav a span,.navbar .navbar-nav .nav-link span {
    padding-bottom: 5px;
    padding-bottom: .3125rem;
    position: relative
}

.footer__nav a span:after,.navbar .navbar-nav .nav-link span:after {
    content: "";
    width: 0;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0397b1
}

.dark-mode .footer__nav a span:after,.footer__nav .dark-mode a span:after,.dark-mode .navbar .navbar-nav .nav-link span:after,.navbar .navbar-nav .dark-mode .nav-link span:after {
    background-color: #de9100
}

.footer__nav a:hover span:after,.navbar .navbar-nav .nav-link:hover span:after,.footer__nav a.active span:after,.navbar .navbar-nav .active.nav-link span:after {
    width: 100%
}

.btn.is-loading {
    position: relative
}

.btn.is-loading:after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 4px solid #000;
    border-right-color: rgba(0,0,0,0);
    vertical-align: middle;
    border-radius: 50%;
    -webkit-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -12px;
    margin-top: -12px
}

.btn.is-loading>span {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn.is-loading:after {
    border-color: #fff;
    border-right-color: rgba(0,0,0,0)
}

.btn.is-loading:after {
    width: 18px;
    height: 18px;
    border-width: 3px;
    margin-left: -9px;
    margin-top: -9px
}

@-webkit-keyframes rotation {
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.navbar {
    font-weight: 500
}

.navbar .container-fluid {
    padding-left: 20px;
    padding-right: 20px
}

.navbar.navbar-light {
    background-color: #f5f7fa
}

.dark-mode .navbar.navbar-light {
    color: #fff
}

.dark-mode .navbar.navbar-light h1,.dark-mode .navbar.navbar-light h2,.dark-mode .navbar.navbar-light h3,.dark-mode .navbar.navbar-light h4,.dark-mode .navbar.navbar-light h5,.dark-mode .navbar.navbar-light h6,.dark-mode .navbar.navbar-light a:not(.btn) {
    color: #fff
}

.dark-mode .navbar.navbar-light .navbar-toggler {
    border-color: #9ca0a9
}

.dark-mode .navbar.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar .navbar-brand {
    padding: 16px 0 17px;
    padding: 1rem 0 1.0625rem
}

.navbar .navbar-nav .nav-item {
    margin-left: 15px;
    margin-left: .9375rem
}

.navbar__dropdown i {
    color: #30394d
}

.navbar__dropdown svg,.navbar__dropdown span {
    vertical-align: middle
}

.navbar .navbar-nav-2 .nav-link {
    padding: 5px 15px;
    padding: .3125rem .9375rem;
    position: relative;
    color: #30394d
}

.navbar .navbar-nav-2 .nav-link .far,.navbar .navbar-nav-2 .nav-link .fas {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (max-width: 350px) {
    .navbar .navbar-nav-2 .nav-link {
        padding-right:9px;
        padding-right: .5625rem;
        padding-left: 9px;
        padding-left: .5625rem
    }
}

.navbar .navbar-nav-2 .sg-icon {
    color: #1b1b1b
}

.navbar .navbar-nav-2 .nav-item.has-notification>a>span {
    position: relative;
    display: inline-block;
    min-height: 20px
}

.navbar .navbar-nav-2 .nav-item.has-notification>a>span:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: -6px;
    right: -6px;
    border-radius: 50px;
    background-color: #e63e46
}

.navbar .navbar-nav-2 .navbar__dropdown strong {
    font-weight: bold
}

.navbar .navbar-nav-2 .navbar__dropdown .dropdown-menu {
    width: 420px;
    margin-top: 20px;
    margin-top: 1.25rem
}

.navbar .navbar-nav-2 .navbar__dropdown .dropdown-menu .dropdown-item:first-child {
    padding-top: 20px;
    padding-top: 1.25rem
}

.navbar .navbar-nav-2 .navbar__dropdown .dropdown-menu .dropdown-item:last-child {
    padding-bottom: 20px;
    padding-bottom: 1.25rem
}

.navbar .navbar-nav-2 .navbar__dropdown .dropdown-item {
    color: #1b1b1b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: pre-wrap;
    padding: 7px 15px;
    padding: .4375rem .9375rem
}

.navbar .navbar-nav-2 .navbar__dropdown .dropdown-item:hover {
    font-weight: normal
}

.navbar .navbar-nav-2 .navbar__dropdown .dropdown-item i {
    margin-right: 15px;
    margin-right: .9375rem
}

@media screen and (max-width: 768px) {
    .navbar .navbar-nav-2 .navbar__dropdown {
        position:static
    }

    .navbar .navbar-nav-2 .navbar__dropdown .dropdown-menu {
        max-width: 100%;
        margin-top: 0
    }
}

.dark-mode .navbar .navbar-nav-2 .navbar__dropdown .dropdown-item {
    color: #fff
}

.navbar .navbar-nav-2 .navbar__logs .dropdown-item {
    white-space: normal
}

.navbar .navbar-nav-2 .navbar__logs .dropdown-item:nth-child(even) {
    background-color: #f2f4f7
}

.navbar-nav__profile a {
    color: #686d77
}

.navbar-nav__profile a:hover {
    color: #1b1b1b
}

.navbar-nav__profile img {
    height: 28px;
    height: 1.75rem;
    width: 28px;
    width: 1.75rem
}

.navbar-nav__profile svg {
    margin-top: -6px;
    margin-top: -0.375rem
}

.dark-mode .navbar-nav__profile svg {
    color: #fff
}

.dark-mode .navbar-nav__profile svg h1,.dark-mode .navbar-nav__profile svg h2,.dark-mode .navbar-nav__profile svg h3,.dark-mode .navbar-nav__profile svg h4,.dark-mode .navbar-nav__profile svg h5,.dark-mode .navbar-nav__profile svg h6,.dark-mode .navbar-nav__profile svg a:not(.btn) {
    color: #fff
}

.dark-mode .navbar-nav__profile svg rect {
    fill: #714a00 !important;
    opacity: .4 !important
}

.dark-mode .navbar-nav__profile svg path {
    fill: #de9100 !important
}

.navbar.navbar-fixed-top {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: .15s ease-in-out padding-right;
    transition: .15s ease-in-out padding-right
}

.navbar.navbar-dark,.dark-mode .navbar {
    background-color: rgba(0,0,0,0)
}

.navbar.navbar-dark i,.dark-mode .navbar i {
    color: #fff
}

.navbar.navbar-dark svg g[fill="#30394D"],.navbar.navbar-dark svg path[fill="#30394D"],.dark-mode .navbar svg g[fill="#30394D"],.dark-mode .navbar svg path[fill="#30394D"] {
    fill: #fff
}

.navbar.navbar-dark svg g[stroke="#30394D"],.navbar.navbar-dark svg path[stroke="#30394D"],.dark-mode .navbar svg g[stroke="#30394D"],.dark-mode .navbar svg path[stroke="#30394D"] {
    stroke: #fff
}

.navbar__gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    outline: 0
}

.navbar--is-transparent {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000
}

.navbar--is-transparent,.navbar--is-transparent.navbar-light {
    background-color: rgba(0,0,0,0)
}

.navbar.navbar-logged-out .navbar-brand {
    padding-top: 35px;
    padding-top: 2.1875rem;
    padding-bottom: 35px;
    padding-bottom: 2.1875rem
}

@media screen and (max-width: 992px) {
    .navbar.navbar-logged-out .navbar-brand {
        padding:20px 0;
        padding: 1.25rem 0
    }
}

.navbar.navbar-logged-out .navbar-nav .nav-link {
    padding-left: 19px;
    padding-left: 1.1875rem;
    padding-right: 19px;
    padding-right: 1.1875rem
}

.navbar.navbar-logged-out .btn {
    font-size: 13px;
    font-size: .8125rem;
    border-radius: .1875rem
}

.navbar.navbar-logged-out .btn.btn-primary {
    background-color: #0397b1;
    border-color: #079bb5;
}

.site {
    position: relative;
    overflow-x: hidden
}

.pw-banner {
    padding: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    line-height: 34px
}

.pw-banner.info {
    background-color: #d1ecf1;
    color: #0c5460
}

.pw-banner.alert {
    background-color: #f8d7da;
    color: #721c24
}

.pw-banner.notice {
    background-color: #d4edda;
    color: #155724
}

.custom-scrollbar-css {
    height: auto;
    max-height: 300px
}

.custom-scrollbar-css {
    overflow-y: scroll
}

.custom-scrollbar-css::-webkit-scrollbar {
    width: 5px
}

.custom-scrollbar-css::-webkit-scrollbar-track {
    background: #eee
}

.custom-scrollbar-css::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #00d2ff;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#0397b1),to(#0397b1));
    background-image: -webkit-linear-gradient(bottom,#e7f9fa 0,#e7f9fa 100%);
    background-image: linear-gradient(to top,#0397b1 0,#0acaeb 100%)
}

body.dark-mode .custom-scrollbar-css::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #de9100;
    background-image: none
}

.content-area {
    padding-top: 47px;
    padding-top: 2.9375rem;
    padding-bottom: 47px;
    padding-bottom: 2.9375rem
}

@media screen and (min-width: 993px) {
    .content-area.col-md-8 {
        -webkit-flex-basis:71.2938%;
        -ms-flex-preferred-size: 71.2938%;
        flex-basis: 71.2938%;
        max-width: 71.2938%
    }
}

.sidebar {
    padding-top: 47px;
    padding-top: 2.9375rem;
    padding-bottom: 47px;
    padding-bottom: 2.9375rem
}

@media screen and (min-width: 993px) {
    .content-sidebar .sidebar {
        -webkit-flex-basis:28.7062%;
        -ms-flex-preferred-size: 28.7062%;
        flex-basis: 28.7062%;
        max-width: 28.7062%
    }
}

@media screen and (max-width: 768px) {
    .sidebar {
        margin-top:30px;
        margin-top: 1.875rem
    }
}

.footer {
    padding: 25px 0;
    padding: 1.5625rem 0;
    background-color: #f5f7fa
}

.footer__top {
    padding-bottom: 15px;
    padding-bottom: .9375rem
}

.footer__bottom {
    padding-top: 5px;
    padding-top: .3125rem
}

.footer__nav {
    font-size: 14px;
    font-size: .875rem
}

.footer__nav li {
    margin-left: 12px;
    margin-left: .75rem
}

.footer__nav a {
    color: #203259;
    padding: 7px 20px;
    padding: .4375rem 1.25rem
}

.footer__nav li:last-child a {
    margin-right: -20px;
    margin-right: -1.25rem
}

.footer--logged-out {
    padding: 80px 0 80px;
    padding: 5rem 0 5rem
}

.footer--logged-out .footer__top {
    padding-bottom: 50px;
    padding-bottom: 3.125rem
}

@media screen and (max-width: 768px) {
    .footer {
        text-align:center;
        padding-top: 70px;
        padding-top: 4.375rem;
        padding-bottom: 70px;
        padding-bottom: 4.375rem
    }

    .footer__top,.footer__bottom {
        padding-top: 0
    }

    .footer__nav {
        margin-top: 35px;
        margin-top: 2.1875rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__nav li {
        margin-left: 0
    }
}

@media screen and (max-width: 576px) {
    .footer__nav {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__nav li {
        margin-top: 10px;
        margin-top: .625rem
    }
}

.dark-mode .footer {
    color: #fff;
    background-color: #22232e
}

.dark-mode .footer h1,.dark-mode .footer h2,.dark-mode .footer h3,.dark-mode .footer h4,.dark-mode .footer h5,.dark-mode .footer h6,.dark-mode .footer a:not(.btn) {
    color: #fff
}

.section {
    position: relative;
    padding-top: 80px;
    padding-top: 5rem;
    padding-bottom: 80px;
    padding-bottom: 5rem
}

@media screen and (max-width: 768px) {
    .section {
        padding-top:40px;
        padding-top: 2.5rem;
        padding-bottom: 40px;
        padding-bottom: 2.5rem
    }
}

.section__header {
    margin-bottom: 65px;
    margin-bottom: 4.0625rem;
    position: relative;
    text-align: center;
    max-width: 875px;
    margin-left: auto;
    margin-right: auto
}

.section__header:last-child {
    margin-bottom: 0
}

.section__heading:last-child {
    margin-bottom: 0
}

.section__text {
    max-width: 675px;
    margin-left: auto;
    margin-right: auto;
    font-size: 21px;
    font-size: 1.3125rem
}

.section__text:last-child {
    margin-bottom: 0
}

.section__shape {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.section--bg-image {
    background: #ddd no-repeat 50% 50%;
    background-size: cover
}

.section--has-shape {
    position: relative
}

.wot-section .subtitle1,.wot-section .subtitle2 {
    line-height: 1.5;
    font-size: .9rem
}

.wot-section p {
    font-size: .85rem;
    margin-bottom: 1.5rem
}

.wot-section li {
    font-size: .85rem;
    margin-bottom: .25rem
}

.input-group .input-group-text {
    border: 0
}

.input-group input {
    border: 0
}

.form-group {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.form-group .select2 {
    width: 100% !important
}

.form-label {
    color: #a8b0bf;
    font-weight: 500;
    line-height: 1.1716666667;
    margin-bottom: 8px;
    margin-bottom: .5rem
}

.form-control {
    font-weight: normal;
    color: #525d79
}

.form-control::-webkit-input-placeholder {
    color: #525d79
}

.form-control::-moz-placeholder {
    color: #525d79
}

.form-control:-moz-placeholder {
    color: #525d79
}

.form-control:-ms-input-placeholder {
    color: #525d79
}

.form-control:disabled,.form-control[readonly] {
    color: #a8b0bf;
    background-color: #f5f7fa;
    cursor: not-allowed
}

.form-control:disabled:focus,.form-control[readonly]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control-bordered {
    border: 1px solid #e7e7e7;
    background: rgba(0,0,0,0)
}

.form-control-bordered:hover,.form-control-bordered:not(:disabled):not(.disabled):active,.form-control-bordered:not(:disabled):not(.disabled).active,.show>.form-control-bordered.dropdown-toggle {
    background-color: rgba(0,0,0,0)
}

.form-control-bordered:focus {
    border-color: #e7e7e7;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(231,231,231,.35);
    box-shadow: 0 0 0 .2rem rgba(231,231,231,.35)
}

.form-control-bordered+.select2 {
    width: 100% !important
}

.form-control-bordered+.select2 .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    width: 100% !important
}

.form-control-bordered+.select2 .select2-selection--single .select2-selection__arrow b:before {
    content: ""
}

.dark-mode .form-control {
    background-color: #22232e;
    border-color: #22232e;
    color: #fff
}

.dark-mode .form-control::-webkit-input-placeholder {
    color: rgba(255,255,255,.7)
}

.dark-mode .form-control::-moz-placeholder {
    color: rgba(255,255,255,.7)
}

.dark-mode .form-control:-moz-placeholder {
    color: rgba(255,255,255,.7)
}

.dark-mode .form-control:-ms-input-placeholder {
    color: rgba(255,255,255,.7)
}

.dark-mode .form-control:focus {
    background-color: #22232e;
    -webkit-box-shadow: 0 0 0 3px rgba(113,74,0,.3);
    box-shadow: 0 0 0 3px rgba(113,74,0,.3);
    border-color: #714a00
}

.dark-mode .form-control:not(:disabled):not(.disabled):active:focus,.dark-mode .form-control:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .form-control.dropdown-toggle:focus {
    background-color: #22232e;
    -webkit-box-shadow: 0 0 0 3px rgba(113,74,0,.3);
    box-shadow: 0 0 0 3px rgba(113,74,0,.3);
    border-color: #714a00
}

.dark-mode .form-control-bordered {
    border-color: #9ca0a9
}

.dark-mode .form-control.dm-dark {
    background-color: #22232e
}

.dark-mode #postJobSteps .form-control:focus {
    background-color: #22232e;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: none;
    border-bottom: 1px solid #714a00
}

.dark-mode .dark-card .form-control {
    background-color: #2c2d38;
    border-color: #2c2d38
}

.dark-mode .dark-card .form-control:focus {
    background-color: #2c2d38;
    border-color: #2c2d38;
    border-bottom: 1px solid #714a00
}

.form-control-info {
    position: relative
}

.form-control-info__btn {
    position: absolute;
    top: 6px;
    right: 6px
}

textarea.autosize {
    min-height: 0;
    max-height: 200px
}

.form-label-over {
    position: relative;
    padding-top: 30px;
    padding-top: 1.875rem
}

.form-label-over label {
    position: absolute;
    top: 1.875rem;
    left: 0;
    padding: 12px 12px;
    padding: .75rem .75rem;
    color: #686d77;
    margin-bottom: 0;
    line-height: 1.33333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: text
}

.form-label-over .form-control:disabled,.form-label-over .form-control[readonly] {
    background-color: #f5f7fa;
    opacity: .6;
    filter: alpha(opacity=60)
}

.form-label-over .form-control:disabled:focus,.form-label-over .form-control[readonly]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-label-over select.form-control {
    height: 40px
}

.form-label-over--is-not-filled textarea.form-control {
    height: 40px
}

.form-label-over--is-filled label,.form-label-over--is-active label,.form-label-over :-webkit-autofill+label {
    top: 0;
    padding: 0;
    -webkit-user-select: auto;
    user-select: auto
}

.form-label-over--is-filled textarea.form-control,.form-label-over--is-active textarea.form-control,.form-label-over :-webkit-autofill+textarea.form-control {
    height: 74px
}

.dark-mode .form-label-over label {
    color: rgba(255,255,255,.7)
}

.dark-mode .form-label-over .form-control:disabled,.dark-mode .form-label-over .form-control[readonly] {
    background-color: #2c2d38;
    opacity: .6;
    filter: alpha(opacity=60)
}

.text-label-join {
    background: #f5f7fa;
    border-radius: .125rem
}

.text-label-join label {
    padding: 8px 12px 4px;
    font-size: .728875rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    display: block;
    color: #686d77
}

.text-label-join .form-control {
    border: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    padding: 4px 12px 8px;
    line-height: 1.3333;
    color: #686d77
}

.text-label-join.text-dark .form-control {
    color: #203259
}

.dark-mode .text-label-join label {
    color: #9ca0a9
}

.input-text-prefix {
    position: relative
}

.input-text-prefix label {
    padding: 0;
    position: absolute;
    top: 10px;
    left: 12px;
    font-weight: 500;
    color: #686d77
}

.input-text-prefix .form-control {
    padding-left: 22px
}

.custom-control--disabled {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none
}

.custom-control--disabled .fa-lock {
    font-size: 10px;
    font-size: .625rem
}

.custom-checkbox .custom-control-label {
    color: #686d77;
    cursor: pointer
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    height: 11px;
    height: .6875rem;
    width: 11px;
    width: .6875rem;
    border: 1px solid #fff;
    border-radius: 1px;
    margin-top: 1px;
    margin-top: .0625rem;
    margin-left: 1px;
    margin-left: .0625rem
}

.dark-mode .custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    border-color: #de9100;
    background-color: #714a00
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label {
    opacity: .4;
    filter: alpha(opacity=40)
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label:before {
    background-color: rgba(0,0,0,0)
}

.custom-checkbox.custom-checkbox-tick .custom-control-input:checked~.custom-control-label:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 8px;
    font-size: .5rem;
    border-color: #0397b1;
    font-weight: 900;
    line-height: 1.3;
    color: #fff;
    text-align: center
}

.dark-mode .custom-checkbox.custom-checkbox-tick .custom-control-input:checked~.custom-control-label:after {
    border-color: #714a00
}

.custom-checkbox.custom-checkbox-style-2 {
    padding-left: 0
}

.custom-checkbox.custom-checkbox-style-2 .custom-control-label {
    color: #1b1b1b;
    padding-left: 26px;
    padding-left: 1.625rem
}

.custom-checkbox.custom-checkbox-style-2 .custom-control-label:before,.custom-checkbox.custom-checkbox-style-2 .custom-control-label:after {
    left: 0
}

.custom-checkbox.custom-checkbox-style-2 .custom-control-input:checked~.custom-control-label {
    font-weight: 500;
    color: #0397b1
}

.custom-checkbox.custom-checkbox-style-2 .custom-control-input:checked~.custom-control-label:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 8px;
    font-size: .5rem;
    border-color: #0397b1;
    font-weight: 900;
    line-height: 1.3;
    color: #fff;
    text-align: center
}

.dark-mode .custom-checkbox.custom-checkbox-style-2 .custom-control-input:checked~.custom-control-label:after {
    border-color: #714a00
}

.custom-checkbox.custom-checkbox-no-lable {
    padding: 0;
    width: .8125rem;
    height: .8125rem;
    min-height: 0
}

.custom-checkbox.custom-checkbox-no-lable .custom-control-label {
    width: .8125rem;
    height: .8125rem
}

.custom-checkbox.custom-checkbox-no-lable .custom-control-label:before,.custom-checkbox.custom-checkbox-no-lable .custom-control-label:after {
    left: 0;
    top: 0
}

.custom-checkbox.custom-checkbox-btn {
    padding-left: 0
}

.custom-checkbox.custom-checkbox-btn .custom-control-label {
    display: block;
    padding: 14px 20px;
    padding: .875rem 1.25rem;
    text-align: center;
    border: 1px solid #d3dae6;
    color: #1b1b1b
}

.custom-checkbox.custom-checkbox-btn .custom-control-label:before,.custom-checkbox.custom-checkbox-btn .custom-control-label:after {
    display: none
}

.custom-checkbox.custom-checkbox-btn--success .custom-control-input:checked~.custom-control-label {
    background-color: #e7f9fa !important;
    font-weight: bold;
    color: #0397b1;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 4px 10px rgba(77,35,16,.19);
    box-shadow: 0 4px 10px rgba(77,35,16,.19)
}

.custom-checkbox.custom-checkbox-btn--success .custom-control-input:checked~.custom-control-label:after {
    display: block;
    position: absolute;
    width: 20px;
    height: 18px;
    top: 50%;
    left: 10px;
    margin-top: -9px;
    margin-top: -0.5625rem;
    border: 0
}

.custom-checkbox.custom-checkbox-btn--danger .custom-control-input:checked~.custom-control-label {
    background-color: #fce3e5 !important;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 2px 6px rgba(77,35,16,.15);
    box-shadow: 0 2px 6px rgba(77,35,16,.15)
}

.custom-checkbox.custom-checkbox-btn--exclude .custom-control-input:checked~.custom-control-label {
    background-color: #ee542f !important;
    color: #fff !important;
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 2px 6px rgba(77,35,16,.15);
    box-shadow: 0 2px 6px rgba(77,35,16,.15)
}

.custom-checkbox.custom-checkbox-btn--small.custom-checkbox-btn .custom-control-label {
    padding: 10px 16px;
    padding: .625rem 1rem
}

.dark-mode .custom-checkbox .custom-control-label {
    color: #fff
}

.dark-mode .custom-checkbox.custom-checkbox-btn .custom-control-label {
    border-color: #9ca0a9;
    color: #fff
}

.dark-mode .custom-checkbox.custom-checkbox-btn--success .custom-control-input:checked~.custom-control-label {
    background-color: rgba(113,74,0,.2) !important;
    color: #de9100;
    border-color: #de9100;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    box-shadow: 0 4px 10px rgba(0,0,0,.2)
}

.custom-radio .custom-control-label {
    color: #686d77;
    cursor: pointer
}

.dark-mode .custom-radio .custom-control-input:checked~.custom-control-label:before {
    border-color: #de9100;
    background-color: #714a00
}

.custom-radio .custom-control-input:disabled~.custom-control-label {
    opacity: .4;
    filter: alpha(opacity=40)
}

.custom-radio .custom-control-input:disabled~.custom-control-label:before {
    background-color: rgba(0,0,0,0)
}

.dark-mode .custom-radio .custom-control-label {
    color: #fff
}

.btn-checkboxes--small-gutter {
    margin-right: -2px;
    margin-left: -2px
}

.btn-checkboxes--small-gutter>.col,.btn-checkboxes--small-gutter>[class*=col-] {
    padding-right: 2px;
    padding-left: 2px
}

.has-error label {
    color: #e63e46
}

.has-success label {
    color: #0397b1
}

.invalid-feedback,.valid-feedback {
    font-size: 12px;
    font-size: .75rem
}

.was-validated .form-control:invalid,.was-validated .form-control.is-invalid,.was-validated .has-error .form-control {
    border-color: rgba(0,0,0,0);
    border-bottom-color: #e63e46
}

.was-validated .form-control:invalid:focus,.was-validated .form-control.is-invalid:focus,.was-validated .has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top-color: rgba(0,0,0,0);
    border-right-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0)
}

.was-validated .form-control:valid,.was-validated .form-control.is-valid,.was-validated .has-success .form-control {
    border-color: rgba(0,0,0,0);
    border-bottom-color: #0397b1
}

.was-validated .form-control:valid:focus,.was-validated .form-control.is-valid:focus,.was-validated .has-success .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top-color: rgba(0,0,0,0);
    border-right-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0)
}

.sbHolder {
    position: relative;
    width: 100%
}

.sbHolder .sbSelector {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 11px 12px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.333333333;
    color: #203259;
    background-color: #f5f7fa;
    border: 1px solid #f5f7fa;
    background-clip: padding-box;
    min-height: 40px
}

.sbHolder .sbSelector:hover,.sbHolder .sbSelector:focus {
    text-decoration: none;
    color: #000
}

.dark-mode .sbHolder .sbSelector {
    background-color: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.05);
    color: #fff
}

.sbHolder .sbToggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 41px;
    width: 42px;
    border-left: 1px solid #fff;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.sbHolder .sbToggle:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-weight: 900;
    font-size: 15px;
    font-size: .9375rem;
    color: #686d77;
    display: block
}

.sbHolder .sbToggle.sbToggleOpen:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sbHolder .sbToggle.sbToggleOpen+.sbSelector {
    border-bottom-color: #0397b1
}

.dark-mode .sbHolder .sbToggle {
    border-left-color: rgba(255,255,255,.05)
}

.dark-mode .sbHolder .sbToggle:after {
    color: #fff
}

.dark-mode .sbHolder .sbToggle.sbToggleOpen+.sbSelector {
    border-bottom-color: #714a00
}

.sbHolder .sbOptions {
    margin: 0;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 197px !important;
    z-index: 999;
    list-style: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100% !important;
    border-radius: .125rem;
    -webkit-box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    min-width: 183px;
    padding: 12px 0;
    padding: .75rem 0;
    margin-top: 2px
}

.sbHolder .sbOptions a {
    display: block;
    padding: 9px 18px;
    padding: .5625rem 1.125rem;
    font-size: .875rem;
    line-height: 1.333333;
    color: #203259
}

.sbHolder .sbOptions a:hover {
    background-color: #f5f7fa;
    color: #203259;
    text-decoration: none
}

.sbHolder .sbOptions li {
    padding: 0
}

.sbHolder .sbOptions li:first-child {
    border-top: 0
}

.sbHolder .sbOptions li.sbActive a,.sbHolder .sbOptions li.active a {
    color: #0397b1;
    background-color: rgba(0,0,0,0);
    font-weight: bold
}

.dark-mode .sbHolder .sbOptions {
    background-color: #2c2d38;
    -webkit-box-shadow: 0 8px 20px 0 rgba(34,35,46,.49);
    box-shadow: 0 8px 20px 0 rgba(34,35,46,.49);
    color: #fff
}

.dark-mode .sbHolder .sbOptions a {
    color: #fff
}

.dark-mode .sbHolder .sbOptions a:hover {
    background-color: rgba(255,255,255,.05);
    color: #fff
}

.dark-mode .sbHolder .sbOptions li.sbActive a,.dark-mode .sbHolder .sbOptions li.active a {
    color: #de9100
}

.fancy-select--two-cols .sbOptions li {
    width: 50%;
    float: left
}

.fancy-select--two-cols .sbOptions li :nth-child(2n+3) {
    clear: both
}

.fancy-search {
    position: relative
}

.fancy-search .form-control:focus+.dropdown-menu {
    display: block
}

.fancy-search .dropdown-menu {
    top: 40px;
    width: 100%;
    padding: 12px 0;
    padding: .75rem 0;
    height: 273px;
    overflow-y: scroll
}

.fancy-search .dropdown-menu .dropdown-item {
    display: block;
    padding: 9px 18px;
    padding: .5625rem 1.125rem;
    font-size: .875rem;
    line-height: 1.333333;
    color: #203259;
    white-space: unset
}

.fancy-search [type=submit],.fancy-search [type=button] {
    position: absolute;
    width: 44px;
    height: 40px;
    top: 0;
    right: 0;
    border-left: 1px solid #fff
}

.irs-bar {
    height: 1px
}

.irs--flat {
    height: 65px;
    position: relative
}

.irs--flat .irs {
    height: 100%
}

.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single {
    height: 36px;
    top: 0;
    min-width: 76px;
    text-align: center;
    background-color: #fff;
    border-radius: .125rem;
    color: #1b1b1b;
    border: 1px solid #d3dae6;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.333333333;
    font-weight: 500;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding: 9px 5px;
    padding: .5625rem .3125rem
}

.dark-mode .irs--flat .irs-from,.dark-mode .irs--flat .irs-to,.dark-mode .irs--flat .irs-single {
    background-color: #22232e;
    color: #fff
}

.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before {
    display: none
}

.irs--flat .irs-from {
    left: 0 !important
}

.irs--flat .irs-to {
    right: 0 !important;
    left: auto !important
}

.irs--flat .irs-line {
    background-color: #d3dae6;
    height: 1px;
    border-radius: 0;
    top: auto;
    bottom: 5px;
    position: absolute;
    left: 0;
    width: 100%
}

.irs--flat .irs-bar {
    height: 1px;
    top: auto;
    bottom: 5px;
    background-color: #0397b1
}

.irs--flat .irs-handle {
    width: 12px;
    height: 12px;
    border-radius: 50em;
    border: 1px solid #0397b1;
    background-color: #fff;
    top: auto;
    bottom: 0;
    cursor: pointer
}

.irs--flat .irs-handle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.irs--flat .irs-handle i {
    display: none !important
}

.irs--flat .irs-handle:hover {
    border-color: #0397b1
}

.irs--flat.range-slider--double .irs-to,.irs--flat.range-slider--double .irs-from {
    visibility: visible !important;
    width: calc(50% - 12px)
}

.irs--flat.range-slider--double .irs:before {
    content: "-";
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -2px;
    margin-left: -0.125rem;
    color: #686d77
}

.irs--flat.range-slider--double .irs-single {
    display: none !important
}

.irs--flat.irs-disabled .irs-bar {
    background-color: #d3dae6
}

.irs--flat.irs-disabled .irs-handle {
    border-color: #d3dae6;
    border-radius: 0
}

.spinner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spinner__btn {
    position: relative;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border: 1px solid #d3dae6;
    border-radius: 50px;
    display: block;
    padding: 0;
    color: #686d77;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px
}

.spinner__btn:before,.spinner__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #686d77
}

.spinner__btn:before {
    width: 12px;
    height: 2px;
    margin-left: -6px;
    margin-left: -0.375rem;
    margin-top: -1px;
    margin-top: -0.0625rem
}

.spinner__btn:focus {
    outline: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px rgba(211,218,230,.35);
    box-shadow: 0 0 0 3px rgba(211,218,230,.35)
}

.spinner__add:after {
    width: 2px;
    height: 12px;
    margin-left: -1px;
    margin-left: -0.0625rem;
    margin-top: -6px;
    margin-top: -0.375rem
}

.spinner__input {
    height: 36px;
    width: 73px;
    text-align: center;
    background-color: #fff;
    border-radius: .125rem;
    color: #1b1b1b;
    border: 1px solid #d3dae6;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.333333333;
    font-weight: 500;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding: 9px 5px;
    padding: .5625rem .3125rem;
    margin: 0 25px;
    margin: 0 1.5625rem
}

.dark-mode .spinner__input {
    background-color: #22232e;
    color: #fff
}

.spinner__input:focus {
    outline: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(211,218,230,.35);
    box-shadow: 0 0 0 .2rem rgba(211,218,230,.35)
}

.spinner--disabled {
    opacity: .4;
    filter: alpha(opacity=40)
}

.spinner--disabled .spinner__btn {
    pointer-events: none
}

.form-autocomplete {
    position: relative
}

.form-autocomplete__icon {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 1
}

.form-autocomplete__icon i {
    color: #000
}

.easy-autocomplete.eac-square {
    width: auto !important
}

.easy-autocomplete.eac-square input {
    height: auto;
    padding: 12px 12px;
    font-weight: 500;
    line-height: 1.333333333;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #203259;
    background-color: #f5f7fa;
    border-color: rgba(0,0,0,0);
    border-radius: .125rem;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    min-width: 0;
    font-size: .875rem;
    font-style: normal
}

.easy-autocomplete.eac-square input:focus {
    outline: 0;
    background-color: #f5f7fa;
    -webkit-box-shadow: inset 0 -1px 0 0 #0397b1;
    box-shadow: inset 0 -1px 0 0 #0397b1;
    border: rgba(0,0,0,0)
}

.easy-autocomplete.eac-square input::-webkit-input-placeholder {
    color: #686d77
}

.easy-autocomplete.eac-square input::-moz-placeholder {
    color: #686d77
}

.easy-autocomplete.eac-square input:-moz-placeholder {
    color: #686d77
}

.easy-autocomplete.eac-square input:-ms-input-placeholder {
    color: #686d77
}

.easy-autocomplete.eac-square ul {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    margin-top: 1px
}

.easy-autocomplete.eac-square ul li {
    border: 0;
    font-size: .875rem;
    line-height: 1.75;
    width: 50%;
    float: left;
    padding-left: 16px;
    padding-right: 16px
}

.easy-autocomplete.eac-square ul li b {
    font-weight: inherit
}

.easy-autocomplete.eac-square ul li.selected {
    background-color: rgba(0,0,0,0)
}

.easy-autocomplete.eac-square ul li.selected div {
    font-weight: 700
}

.easy-autocomplete.eac-square ul li:nth-child(2n+1) {
    clear: both
}

.easy-autocomplete-container {
    -webkit-box-shadow: 0 8px 18px 0 rgba(97,44,21,.09);
    box-shadow: 0 8px 18px 0 rgba(97,44,21,.09);
    background: #fff;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.dark-mode .easy-autocomplete.eac-square {
    width: auto !important
}

.dark-mode .easy-autocomplete.eac-square input {
    color: #9ca0a9;
    background-color: #2c2d38
}

.dark-mode .easy-autocomplete.eac-square input:focus {
    background-color: #2c2d38;
    border: #22232e
}

.dark-mode .easy-autocomplete.eac-square input::-webkit-input-placeholder {
    color: #9ca0a9
}

.dark-mode .easy-autocomplete.eac-square input::-moz-placeholder {
    color: #9ca0a9
}

.dark-mode .easy-autocomplete.eac-square input:-moz-placeholder {
    color: #9ca0a9
}

.dark-mode .easy-autocomplete.eac-square input:-ms-input-placeholder {
    color: #9ca0a9
}

.dark-mode .easy-autocomplete-container {
    -webkit-box-shadow: 0 8px 18px 0 rgba(97,44,21,.09);
    box-shadow: 0 8px 18px 0 rgba(97,44,21,.09);
    background-color: #2c2d38;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.dark-mode .easy-autocomplete-container ul {
    background-color: #2c2d38
}

.dropzone {
    border: none !important;
    padding: 0 !important
}

.dropzone-previews {
    padding: 2rem;
    border: 2px dashed #0397b1;
    border-radius: 5px;
    background: #f5f7fa;
    cursor: pointer
}

.dark-mode .dropzone-previews {
    border-color: #714a00
}

.dz-details,.dz-progress {
    display: none !important
}

.dropzone .dz-preview.dz-image-preview {
    background: #f5f7fa !important
}

.dark-mode .dropzone .dz-preview.dz-image-preview {
    background: #2c2d38 !important
}

.radio-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.radio-group li {
    display: inline-block;
    vertical-align: middle;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: -1px
}

.radio-group li:first-child {
    margin-left: 0
}

.radio-group li.active label {
    z-index: 1
}

.radio-group li label {
    position: relative;
    background: rgba(0,0,0,0);
    border: 1px solid #d3dae6;
    display: block;
    font-weight: 500;
    text-align: center;
    padding: 6px 10px;
    padding: .375rem .625rem;
    line-height: 1.5;
    text-shadow: none;
    cursor: pointer;
    color: #a8b0bf;
    border-radius: 2px;
    margin: 0
}

.radio-group li label:hover {
    border-color: #b2bfd4;
    color: #8b95a9
}

.radio-group li input:checked+label {
    border-color: #0397b1;
    color: #0397b1;
    z-index: 1
}

.dark-mode .radio-group li input:checked+label {
    border-color: #714a00;
    color: #de9100
}

.radio-group-2 {
    list-style: none;
    margin: 0;
    padding: 0
}

.radio-group-2 li {
    margin-top: 10px;
    margin-top: .625rem
}

.radio-group-2 li:first-child {
    margin-top: 0
}

.radio-group-2 li.active label {
    z-index: 1
}

.radio-group-2 li label {
    position: relative;
    padding-left: 28px;
    padding-left: 1.75rem;
    cursor: pointer;
    margin: 0
}

.radio-group-2 li label:before,.radio-group-2 li label:after {
    content: "";
    position: absolute;
    left: 0
}

.radio-group-2 li label:before {
    border: 1px solid #0397b1;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-position: center center;
    background-repeat: no-repeat
}

.radio-group-2 li input:checked+label:before {
    background-image: url("../images/svg-icons/radio-checked.svg");
    background-color: #0397b1
}

.dark-mode .radio-group-2 li input:checked+label {
    border-color: #714a00;
    color: #de9100
}

.search-input {
    position: relative
}

.search-input label {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 16px;
    padding: 0 1rem;
    padding-top: 15px;
    padding-top: .9375rem;
    z-index: 1;
    border-left: 1px solid #fff;
    color: #686d77
}

.search-input label i {
    vertical-align: top
}

.dark-mode .search-input label {
    border-left-color: #2c2d38
}

.custom-control-input:checked~.text-warning.custom-control-label::before {
    background-color: #de9100;
    border-color: #de9100
}

.custom-control-input:focus~.text-warning.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .1rem rgba(171,135,34,.5);
    box-shadow: 0 0 0 .1rem rgba(171,135,34,.5)
}

.form-copy {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.form-copy .form-copy__btn,.form-copy .form-save-wh__btn {
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 0;
    background-color: #f5f7fa;
    color: #a8b0bf
}

.form-copy .form-copy__btn:hover,.form-copy .form-save-wh__btn:hover {
    background-color: #ebeff5;
    color: #1b1b1b
}

.form-copy .form-copy__btn:focus,.form-copy .form-save-wh__btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-mode .form-copy .form-copy__btn,.dark-mode .form-copy .form-save-wh__btn {
    background-color: rgba(255,255,255,.05);
    color: #fff
}

.dark-mode .form-copy .form-copy__btn:hover,.dark-mode .form-copy .form-save-wh__btn:hover {
    background-color: rgba(255,255,255,.08)
}

.font-weight-semi-bold {
    font-weight: 600 !important
}

.font-weight-medium {
    font-weight: 500 !important
}

.text-sm {
    font-size: .728875rem !important
}

.text-md {
    font-size: .947625rem !important
}

.text-lg {
    font-size: 1.0208333336rem !important
}

.text-xl {
    font-size: 1.458625rem !important
}

.text-xxl {
    font-size: 1.896125rem !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semi-bold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

[class^=svg-icon-],[class*=" svg-icon-"] {
    display: inline-block;
    vertical-align: middle;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background-color: rgba(0,0,0,0)
}

[class^=job-icon-],[class*=" job-icon-"] {
    display: inline-block;
    vertical-align: middle;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background-color: rgba(0,0,0,0)
}

[class^=icon-],[class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background-color: rgba(0,0,0,0);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.icon-progress {
    background-image: url("../images/svg-icons/progress.svg");
    width: 28px;
    height: 28px
}

.icon-paid {
    background-image: url("../images/svg-icons/paid.svg");
    width: 28px;
    height: 28px
}

.icon-unpaid {
    background-image: url("../images/svg-icons/unpaid.svg");
    width: 28px;
    height: 28px
}

.icon-review {
    background-image: url("../images/svg-icons/review.svg");
    width: 28px;
    height: 28px
}

.icon-finished {
    background-image: url("../images/svg-icons/finished.svg");
    width: 28px;
    height: 28px
}

.icon-completed {
    background-image: url("../images/svg-icons/completed.svg");
    width: 28px;
    height: 28px
}

.icon-emergency-green {
    background-image: url("../images/svg-icons/emergency-green.svg");
    width: 16px;
    height: 16px
}

.icon-emergency-red {
    background-image: url("../images/svg-icons/emergency-red.svg");
    width: 16px;
    height: 16px
}

.icon-emergency {
    background-image: url("../images/svg-icons/emergency.svg");
    width: 16px;
    height: 16px
}

.icon-paid-check {
    background-image: url("../images/svg-icons/paid-check.svg");
    width: 12px;
    height: 12px
}

.icon-success-checked {
    background-image: url("../images/svg-icons/success-checked.svg");
    width: 20px;
    height: 18px
}

.icon-datetime-picker {
    background-image: url("../images/svg-icons/datetime-picker.svg");
    width: 18px;
    height: 18px
}

.blob-container {
    position: relative
}

.blob {
    position: absolute;
    top: -12px;
    right: 0;
    display: block;
    background: #000;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000;
    margin: 10px;
    height: 5px;
    width: 5px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pulse-black 2s infinite;
    animation: pulse-black 2s infinite
}

.blob-no-pulse {
    position: absolute;
    bottom: -7px;
    right: -10px;
    display: block;
    background: #000;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000;
    margin: 10px;
    height: 15px;
    width: 15px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 2px solid #fff
}

@-webkit-keyframes pulse-black {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.7);
        box-shadow: 0 0 0 0 rgba(0,0,0,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0);
        box-shadow: 0 0 0 10px rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0)
    }
}

@keyframes pulse-black {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.7);
        box-shadow: 0 0 0 0 rgba(0,0,0,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0);
        box-shadow: 0 0 0 10px rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0)
    }
}

.blob.white {
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
    -webkit-animation: pulse-white 2s infinite;
    animation: pulse-white 2s infinite
}

@-webkit-keyframes pulse-white {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.7);
        box-shadow: 0 0 0 0 rgba(255,255,255,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0);
        box-shadow: 0 0 0 10px rgba(255,255,255,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}

@keyframes pulse-white {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.7);
        box-shadow: 0 0 0 0 rgba(255,255,255,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0);
        box-shadow: 0 0 0 10px rgba(255,255,255,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}

.blob.red {
    background: #ff5252;
    -webkit-box-shadow: 0 0 0 0 #ff5252;
    box-shadow: 0 0 0 0 #ff5252;
    -webkit-animation: pulse-red 2s infinite;
    animation: pulse-red 2s infinite
}

@-webkit-keyframes pulse-red {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,82,82,.7);
        box-shadow: 0 0 0 0 rgba(255,82,82,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,82,82,0);
        box-shadow: 0 0 0 10px rgba(255,82,82,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,82,82,0);
        box-shadow: 0 0 0 0 rgba(255,82,82,0)
    }
}

@keyframes pulse-red {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,82,82,.7);
        box-shadow: 0 0 0 0 rgba(255,82,82,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,82,82,0);
        box-shadow: 0 0 0 10px rgba(255,82,82,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,82,82,0);
        box-shadow: 0 0 0 0 rgba(255,82,82,0)
    }
}

.blob.orange {
    background: #ff793f;
    -webkit-box-shadow: 0 0 0 0 #ff793f;
    box-shadow: 0 0 0 0 #ff793f;
    -webkit-animation: pulse-orange 2s infinite;
    animation: pulse-orange 2s infinite
}

@-webkit-keyframes pulse-orange {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,121,63,.7);
        box-shadow: 0 0 0 0 rgba(255,121,63,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,121,63,0);
        box-shadow: 0 0 0 10px rgba(255,121,63,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,121,63,0);
        box-shadow: 0 0 0 0 rgba(255,121,63,0)
    }
}

@keyframes pulse-orange {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,121,63,.7);
        box-shadow: 0 0 0 0 rgba(255,121,63,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,121,63,0);
        box-shadow: 0 0 0 10px rgba(255,121,63,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,121,63,0);
        box-shadow: 0 0 0 0 rgba(255,121,63,0)
    }
}

.blob.yellow {
    background: #ffb142;
    -webkit-box-shadow: 0 0 0 0 #ffb142;
    box-shadow: 0 0 0 0 #ffb142;
    -webkit-animation: pulse-yellow 2s infinite;
    animation: pulse-yellow 2s infinite
}

@-webkit-keyframes pulse-yellow {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,177,66,.7);
        box-shadow: 0 0 0 0 rgba(255,177,66,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,177,66,0);
        box-shadow: 0 0 0 10px rgba(255,177,66,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,177,66,0);
        box-shadow: 0 0 0 0 rgba(255,177,66,0)
    }
}

@keyframes pulse-yellow {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,177,66,.7);
        box-shadow: 0 0 0 0 rgba(255,177,66,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(255,177,66,0);
        box-shadow: 0 0 0 10px rgba(255,177,66,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(255,177,66,0);
        box-shadow: 0 0 0 0 rgba(255,177,66,0)
    }
}

.blob.blue {
    background: #34ace0;
    -webkit-box-shadow: 0 0 0 0 #34ace0;
    box-shadow: 0 0 0 0 #34ace0;
    -webkit-animation: pulse-blue 2s infinite;
    animation: pulse-blue 2s infinite
}

@-webkit-keyframes pulse-blue {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(52,172,224,.7);
        box-shadow: 0 0 0 0 rgba(52,172,224,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(52,172,224,0);
        box-shadow: 0 0 0 10px rgba(52,172,224,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(52,172,224,0);
        box-shadow: 0 0 0 0 rgba(52,172,224,0)
    }
}

@keyframes pulse-blue {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(52,172,224,.7);
        box-shadow: 0 0 0 0 rgba(52,172,224,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(52,172,224,0);
        box-shadow: 0 0 0 10px rgba(52,172,224,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(52,172,224,0);
        box-shadow: 0 0 0 0 rgba(52,172,224,0)
    }
}

.blob.green {
    background: #33d9b2;
    -webkit-box-shadow: 0 0 0 0 #33d9b2;
    box-shadow: 0 0 0 0 #33d9b2;
    -webkit-animation: pulse-green 2s infinite;
    animation: pulse-green 2s infinite
}

.blob-no-pulse.green {
    background: #23cb66;
    -webkit-box-shadow: 0 0 0 0 #23cb66;
    box-shadow: 0 0 0 0 #23cb66
}

@-webkit-keyframes pulse-green {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(51,217,178,.7);
        box-shadow: 0 0 0 0 rgba(51,217,178,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(51,217,178,0);
        box-shadow: 0 0 0 10px rgba(51,217,178,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(51,217,178,0);
        box-shadow: 0 0 0 0 rgba(51,217,178,0)
    }
}

@keyframes pulse-green {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(51,217,178,.7);
        box-shadow: 0 0 0 0 rgba(51,217,178,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(51,217,178,0);
        box-shadow: 0 0 0 10px rgba(51,217,178,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(51,217,178,0);
        box-shadow: 0 0 0 0 rgba(51,217,178,0)
    }
}

.blob.purple {
    background: #8e44ad;
    -webkit-box-shadow: 0 0 0 0 #8e44ad;
    box-shadow: 0 0 0 0 #8e44ad;
    -webkit-animation: pulse-purple 2s infinite;
    animation: pulse-purple 2s infinite
}

@-webkit-keyframes pulse-purple {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(142,68,173,.7);
        box-shadow: 0 0 0 0 rgba(142,68,173,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(142,68,173,0);
        box-shadow: 0 0 0 10px rgba(142,68,173,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(142,68,173,0);
        box-shadow: 0 0 0 0 rgba(142,68,173,0)
    }
}

@keyframes pulse-purple {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(142,68,173,.7);
        box-shadow: 0 0 0 0 rgba(142,68,173,.7)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(142,68,173,0);
        box-shadow: 0 0 0 10px rgba(142,68,173,0)
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(142,68,173,0);
        box-shadow: 0 0 0 0 rgba(142,68,173,0)
    }
}

.blob-no-pulse.gray {
    background: #8d8f79;
    -webkit-box-shadow: 0 0 0 0 #8d8f79;
    box-shadow: 0 0 0 0 #8d8f79
}

.blob-no-pulse.red {
    background: #ff5252;
    -webkit-box-shadow: 0 0 0 0 #ff5252;
    box-shadow: 0 0 0 0 #ff5252
}

.btn {
    line-height: 1.333333333
}

.btn i {
    color: inherit
}

.btn-pill {
    border-radius: 50em !important;
    -webkit-box-sizing: border;
    box-sizing: border
}

.btn-circle {
    height: 43px;
    height: 2.6875rem;
    width: 43px;
    width: 2.6875rem;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 50%
}

.btn-primary:disabled:not(.btn-link):not(.btn-ghost),.btn-primary.disabled:not(.btn-link):not(.btn-ghost),.btn-secondary:disabled:not(.btn-link):not(.btn-ghost),.btn-secondary.disabled:not(.btn-link):not(.btn-ghost),.btn-gray:disabled:not(.btn-link):not(.btn-ghost),.btn-gray.disabled:not(.btn-link):not(.btn-ghost) {
    color: #fff;
    background-color: #7f7e7e;
    border-color: #7f7e7e;
    cursor: not-allowed
}

.btn-primary:disabled:not(.btn-link):not(.btn-ghost):focus,.btn-primary.disabled:not(.btn-link):not(.btn-ghost):focus,.btn-secondary:disabled:not(.btn-link):not(.btn-ghost):focus,.btn-secondary.disabled:not(.btn-link):not(.btn-ghost):focus,.btn-gray:disabled:not(.btn-link):not(.btn-ghost):focus,.btn-gray.disabled:not(.btn-link):not(.btn-ghost):focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-mode .btn-primary:disabled:not(.btn-link):not(.btn-ghost),.dark-mode .btn-primary.disabled:not(.btn-link):not(.btn-ghost),.dark-mode .btn-secondary:disabled:not(.btn-link):not(.btn-ghost),.dark-mode .btn-secondary.disabled:not(.btn-link):not(.btn-ghost),.dark-mode .btn-gray:disabled:not(.btn-link):not(.btn-ghost),.dark-mode .btn-gray.disabled:not(.btn-link):not(.btn-ghost) {
    color: rgba(222,145,0,.7);
    background-color: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.05)
}

.btn-primary {
    text-transform: uppercase
}

.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
    border-color: #0397b1;
    background-color: #0397b1
}

.dark-mode .btn-primary {
    color: #fff;
    background-color: #714a00;
    border-color: #714a00
}

.dark-mode .btn-primary:hover,.dark-mode .btn-primary:not(:disabled):not(.disabled):active,.dark-mode .btn-primary:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-primary.dropdown-toggle {
    color: #fff;
    border-color: #4d3300;
    background-color: #4d3300
}

.dark-mode .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus,.dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.btn-secondary {
    color: #0397b1
}

.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0397b1;
    border-color: #0397b1
}

.dark-mode .btn-secondary {
    color: #de9100;
    background-color: rgba(113,74,0,.2);
    border-color: rgba(113,74,0,.2)
}

.dark-mode .btn-secondary:hover,.dark-mode .btn-secondary:not(:disabled):not(.disabled):active,.dark-mode .btn-secondary:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-secondary.dropdown-toggle {
    color: #de9100;
    border-color: rgba(113,74,0,.4);
    background-color: rgba(113,74,0,.4)
}

.dark-mode .btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus,.dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.dark-mode .btn-secondary i {
    color: inherit
}

.btn-danger-light {
    color: rgba(230,62,70,.8) !important;
    background-color: #fce3e5 !important
}

.btn-danger-light:hover,.btn-danger-light:not(:disabled):not(.disabled):active,.btn-danger-light:not(:disabled):not(.disabled).active,.show>.btn-danger-light.dropdown-toggle {
    color: #e63e46 !important;
    background-color: #f7b5ba !important
}

.btn-danger:disabled,.btn-danger.disabled {
    cursor: not-allowed
}

.btn-danger-2 {
    color: #e63e46;
    background-color: #f2f4f7
}

.btn-danger-2:hover,.btn-danger-2:not(:disabled):not(.disabled):active,.btn-danger-2:not(:disabled):not(.disabled).active,.show>.btn-danger-2.dropdown-toggle {
    color: #e63e46
}

.btn-danger-2:hover:not(.disabled):not(:disabled),.btn-danger-2:not(:disabled):not(.disabled):active:not(.disabled):not(:disabled),.btn-danger-2:not(:disabled):not(.disabled).active:not(.disabled):not(:disabled),.show>.btn-danger-2.dropdown-toggle:not(.disabled):not(:disabled) {
    background-color: #fce3e5
}

.btn-danger-2:disabled,.btn-danger-2.disabled {
    cursor: not-allowed
}

.dark-mode .btn-danger-2 {
    color: #de9100;
    background-color: rgba(113,74,0,.2);
    border-color: rgba(113,74,0,.2)
}

.dark-mode .btn-danger-2:hover,.dark-mode .btn-danger-2:not(:disabled):not(.disabled):active,.dark-mode .btn-danger-2:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-danger-2.dropdown-toggle {
    color: #de9100;
    border-color: rgba(113,74,0,.4);
    background-color: rgba(113,74,0,.4)
}

.dark-mode .btn-danger-2:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.dark-mode .btn-danger-2:not(:disabled):not(.disabled):active:focus,.dark-mode .btn-danger-2:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .btn-danger-2.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.dark-mode .btn-danger-2 i {
    color: inherit
}

.btn-warning {
    color: #de9100;
    background-color: #fff3cf;
    border-color: #fff3cf
}

.btn-warning:hover,.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #de9100;
    border-color: #de9100
}

.btn-warning:disabled:not(.btn-link):not(.btn-ghost),.btn-warning.disabled:not(.btn-link):not(.btn-ghost) {
    color: #de9100;
    background-color: #fff3cf;
    border-color: #fff3cf;
    opacity: .4;
    filter: alpha(opacity=40)
}

.dark-mode .btn-warning:disabled:not(.btn-link):not(.btn-ghost),.dark-mode .btn-warning.disabled:not(.btn-link):not(.btn-ghost) {
    opacity: .8;
    filter: alpha(opacity=80)
}

.btn-gray {
    text-transform: uppercase;
    color: #0397b1
}

.btn-gray:hover,.btn-gray:not(:disabled):not(.disabled):active,.btn-gray:not(:disabled):not(.disabled).active,.show>.btn-gray.dropdown-toggle {
    color: #0397b1;
    background-color: #e7f9fa;
    border-color: #e7f9fa
}

.dark-mode .btn-gray {
    color: #de9100;
    background-color: rgba(113,74,0,.2);
    border-color: rgba(113,74,0,.2)
}

.dark-mode .btn-gray:hover,.dark-mode .btn-gray:not(:disabled):not(.disabled):active,.dark-mode .btn-gray:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-gray.dropdown-toggle {
    color: #de9100;
    border-color: #4d3300;
    background-color: #4d3300
}

.dark-mode .btn-gray:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.dark-mode .btn-gray:not(:disabled):not(.disabled):active:focus,.dark-mode .btn-gray:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .btn-gray.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.btn-white {
    text-transform: uppercase;
    background: #fff;
    color: #0397b1
}

.btn-white:hover,.btn-white:not(:disabled):not(.disabled):active,.btn-white:not(:disabled):not(.disabled).active,.show>.btn-white.dropdown-toggle {
    color: #fff;
    background-color: #0397b1;
    border-color: #0397b1
}

.dark-mode .btn-white {
    color: #fff;
    background-color: #2c2d38;
    border-color: #2c2d38
}

.dark-mode .btn-white:hover,.dark-mode .btn-white:not(:disabled):not(.disabled):active,.dark-mode .btn-white:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-white.dropdown-toggle {
    color: #fff;
    border-color: #22232e;
    background-color: #22232e
}

.dark-mode .btn-white:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(44,45,56,.15);
    box-shadow: 0 0 0 4px rgba(44,45,56,.15)
}

.dark-mode .btn-white:not(:disabled):not(.disabled):active:focus,.dark-mode .btn-white:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .btn-white.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(44,45,56,.15);
    box-shadow: 0 0 0 4px rgba(44,45,56,.15)
}

.btn-link {
    color: #a8b0bf
}

.btn-link:hover,.btn-link:not(:disabled):not(.disabled):active,.btn-link:not(:disabled):not(.disabled).active,.show>.btn-link.dropdown-toggle {
    color: #0397b1;
    text-decoration: none
}

.btn-link:disabled,.btn-link.disabled {
    opacity: .4;
    filter: alpha(opacity=40)
}

.dark-mode .btn-link:disabled,.dark-mode .btn-link.disabled {
    opacity: .8;
    filter: alpha(opacity=80)
}

.btn-link.btn-white {
    color: #fff
}

.btn-link.btn-white:focus {
    color: #fff
}

.btn-link.btn-white:not(:disabled):not(.disabled):active:focus,.btn-link.btn-white:not(:disabled):not(.disabled).active:focus,.show>.btn-link.btn-white.dropdown-toggle:focus {
    color: #fff
}

.dark-mode .btn-link {
    color: #fff
}

.dark-mode .btn-link:hover,.dark-mode .btn-link:not(:disabled):not(.disabled):active,.dark-mode .btn-link:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-link.dropdown-toggle {
    color: #fff
}

.btn-ghost {
    color: #a8b0bf;
    font-weight: 400;
    margin: -6px -12px;
    margin: -0.375rem -0.75rem
}

.btn-ghost:hover,.btn-ghost:not(:disabled):not(.disabled):active,.btn-ghost:not(:disabled):not(.disabled).active,.show>.btn-ghost.dropdown-toggle {
    color: #0397b1;
    text-decoration: none
}

.btn-ghost:hover svg use,.btn-ghost:not(:disabled):not(.disabled):active svg use,.btn-ghost:not(:disabled):not(.disabled).active svg use,.show>.btn-ghost.dropdown-toggle svg use {
    fill: #0397b1;
    stroke: #0397b1
}

.btn-ghost:disabled,.btn-ghost.disabled {
    opacity: .4;
    filter: alpha(opacity=40)
}

.dark-mode .btn-ghost:disabled,.dark-mode .btn-ghost.disabled {
    opacity: .8;
    filter: alpha(opacity=80)
}

.btn-ghost--dark {
    color: #203259
}

.btn-outline-secondary {
    color: var(--sg-color-primary);
    background-color: var(--sg-color-secondary);
    border-color: var(--sg-color-primary);
    color: var(--sg-color-body);
    text-transform: uppercase
}

.btn-outline-gray {
    color: #0397b1;
    border-color: #d3dae6
}

.btn-outline-gray:hover,.btn-outline-gray:not(:disabled):not(.disabled):active,.btn-outline-gray:not(:disabled):not(.disabled).active,.show>.btn-outline-gray.dropdown-toggle {
    background-color: #0397b1;
    color: #fff
}

.dark-mode .btn-outline-gray {
    color: #de9100;
    border-color: #9ca0a9
}

.dark-mode .btn-outline-gray:hover,.dark-mode .btn-outline-gray:not(:disabled):not(.disabled):active,.dark-mode .btn-outline-gray:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-outline-gray.dropdown-toggle {
    color: #fff;
    border-color: #714a00;
    background-color: #714a00
}

.dark-mode .btn-outline-primary {
    color: #30394d;
    border-color: #714a00
}

.dark-mode .btn-outline-primary:hover,.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-outline-primary.dropdown-toggle {
    color: #fff;
    border-color: #714a00;
    background-color: #714a00
}

.dark-mode .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus,.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(113,74,0,.15);
    box-shadow: 0 0 0 4px rgba(113,74,0,.15)
}

.btn-with-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-with-icon img,.btn-with-icon svg,.btn-with-icon i {
    font-size: 1.0208333336rem
}

.btn-with-icon img:not(:last-child),.btn-with-icon svg:not(:last-child),.btn-with-icon i:not(:last-child) {
    margin-right: 8px;
    margin-right: .5rem
}

.btn-with-icon img:last-child,.btn-with-icon svg:last-child,.btn-with-icon i:last-child {
    margin-left: 8px;
    margin-left: .5rem
}

.btn-icon {
    padding: 5px 6px 6px;
    padding: .3125rem .375rem .375rem;
    line-height: normal;
    border-radius: .25rem
}

.btn-icon img,.btn-icon svg,.btn-icon i {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem
}

.btn-left {
    text-align: left;
    padding-left: 15px;
    padding-left: .9375rem;
    padding-right: 15px;
    padding-right: .9375rem
}

.btn-cta {
    font-size: .947625rem;
    line-height: 1.3333;
    letter-spacing: 1.15px;
    padding: 11px 44px 10px;
    padding: .6875rem 2.75rem .625rem;
    border-radius: .125rem
}

.btn-cta-2 {
    font-size: .947625rem;
    line-height: 1.3333;
    padding: 9px 32px 8px;
    padding: .5625rem 2rem .5rem;
    border-radius: .125rem
}

.btn-md {
    font-size: .875rem;
    padding: 7px 37px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2px
}

.btn-is-loading {
    position: relative
}

.btn-is-loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-weight: 900;
    color: #fff;
    opacity: 1;
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: -10px;
    margin-top: -0.625rem;
    margin-left: -10px;
    margin-left: -0.625rem;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.btn-is-loading span {
    display: inline-block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.dark-mode .btn i {
    color: inherit
}

.btn-flat {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: .875rem;
    color: #0397b1;
    background-color: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0)
}

.btn-flat:hover {
    background-color: #c8e6c9;
    border-color: #c8e6c9;
    text-decoration: none
}

.dark-mode .btn-flat:hover {
    background-color: rgba(113,74,0,.2);
    border-color: rgba(113,74,0,.2)
}

.dropdown .dropdown-toggle {
    color: #203259;
    font-weight: 600
}

.dropdown .dropdown-hr {
    border-bottom: 1px solid #f2f4f7;
    display: block;
    margin-top: 20px;
    margin-top: 1.25rem;
    margin-bottom: 5px;
    margin-bottom: .3125rem
}

.dropdown .dropdown-item {
    font-size: .875rem;
    line-height: 1.333333333
}

.dropdown .dropdown-item:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .dropdown .dropdown-item:focus {
    background-color: #22232e
}

.dropdown .dropdown-item:first-child {
    border-top: 0
}

.dropdown .dropdown-item.active,.dropdown .dropdown-item:active,.dropdown .dropdown-item:hover {
    color: #0397b1;
    background-color: rgba(0,0,0,0);
    font-weight: bold
}

.dropdown .dropdown-item.disable,.dropdown .dropdown-item.disable:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    cursor: default;
    color: #6c757d !important
}

.dropdown-menu {
    padding: 0;
    border: 0;
    border-radius: .125rem;
    background: #fff;
    -webkit-box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    min-width: 232px
}

.dropdown-menu.dropdown-two-cols .dropdown-item {
    width: 50%;
    float: left;
    clear: none
}

.dropdown-menu.dropdown-two-cols .dropdown-item :nth-child(2n+3) {
    clear: both
}

.dropdown-menu.with-icons .dropdown-item {
    position: relative;
    padding: 15px 20px 15px 45px;
    padding: .9375rem 1.25rem .9375rem 2.8125rem;
    font-weight: 500
}

.dropdown-menu.with-icons .dropdown-item i,.dropdown-menu.with-icons .dropdown-item svg,.dropdown-menu.with-icons .dropdown-item img {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-menu.open {
    display: block
}

.dark-mode .dropdown-menu {
    color: #fff;
    -webkit-box-shadow: 0 8px 20px 0 rgba(44,45,56,.19);
    box-shadow: 0 8px 20px 0 rgba(44,45,56,.19)
}

.dark-mode .dropdown-menu h1,.dark-mode .dropdown-menu h2,.dark-mode .dropdown-menu h3,.dark-mode .dropdown-menu h4,.dark-mode .dropdown-menu h5,.dark-mode .dropdown-menu h6,.dark-mode .dropdown-menu a:not(.btn) {
    color: #fff
}

.modal .modal-content {
    -webkit-box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    border-radius: .25rem;
    border: 0
}

.modal .modal-header {
    border: 0
}

@media only screen and (max-width: 575px) {
    .modal .modal-dialog {
        margin-left:0;
        margin-right: 0
    }
}

.modal .modal-footer {
    padding: 0;
    border: 0;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.modal .modal-footer button,.modal .modal-footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    width: 100%
}

.modal.modal-large .modal-dialog {
    max-width: 644px
}

.dark-mode .modal {
    color: #fff
}

.dark-mode .modal h1,.dark-mode .modal h2,.dark-mode .modal h3,.dark-mode .modal h4,.dark-mode .modal h5,.dark-mode .modal h6,.dark-mode .modal a:not(.btn) {
    color: #fff
}

.dark-mode .modal .modal-content {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.3)
}

.dark-mode .modal-backdrop.show {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-featured .modal-dialog {
    max-width: 678px;
    height: 455px
}

.modal-featured .modal-signup {
    max-width: 800px
}

.modal-featured .modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal-featured__image {
    width: 250px;
    -webkit-flex-basis: 250px;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px
}

.modal-featured__image img {
    vertical-align: top
}

.modal-featured__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.modal-featured__content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.modal-featured .modal-body {
    padding: 40px 52px 25px;
    padding: 2.5rem 3.25rem 1.5625rem
}

@media screen and (max-width: 768px) {
    .modal-featured .modal-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-featured .modal-body {
        padding: 30px;
        padding: 1.875rem
    }
}

.modal-text-field .modal-dialog {
    max-width: 447px
}

.modal-text-field .modal-body {
    padding: 15px 24px 20px;
    padding: .9375rem 1.5rem 1.25rem
}

.modal-text-field .modal-body .form-label-over {
    max-width: 247px;
    margin-left: auto;
    margin-right: auto
}

.modal-with-graphic .modal-dialog {
    max-width: 447px
}

.modal-with-graphic .modal-body {
    padding: 30px 24px 42px;
    padding: 1.875rem 1.5rem 2.625rem
}

.modal-with-graphic .modal-body .form-label-over {
    max-width: 247px;
    margin-left: auto;
    margin-right: auto
}

.steps-success-modal {
    background-color: #fff
}

.suggested-list-modal .modal-content {
    border-radius: 0;
    max-width: 380px
}

.suggested-list-modal .modal-body {
    padding: 32px 49px 56px;
    padding: 2rem 3.0625rem 3.5rem
}

.suggested-list-modal .simplebar-content {
    padding-right: 8px;
    padding-right: .5rem
}

.suggested-list-modal .simplebar-track.simplebar-vertical {
    left: 100%;
    right: auto
}

.suggested-list-modal .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    width: 2px;
    right: 0
}

.suggested-list-modal .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    opacity: 1;
    background-color: #203259;
    border-radius: 2px
}

.edit-list-modal .modal-dialog {
    max-width: 1046px
}

.edit-list-modal .modal-content {
    border-radius: 0
}

.edit-list-modal .modal-body {
    padding: 32px 49px 56px;
    padding: 2rem 3.0625rem 3.5rem
}

.profiles-modal .modal-dialog {
    max-width: 465px
}

.profiles-modal .modal-dialog.modal-dialog-centered {
    min-height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.profiles-modal .modal-content {
    border-radius: 0
}

.profiles-modal .modal-header {
    padding: 32px 32px 16px;
    padding: 2rem 2rem 1rem;
    position: relative
}

.profiles-modal .modal-header .close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0
}

.profiles-modal .modal-title {
    font-size: 18px;
    font-size: 1.125rem;
    color: #111
}

.profiles-modal .modal-body {
    padding: 16px 32px;
    padding: 1rem 2rem
}

.profiles-modal .modal-footer {
    padding: 16px 32px 32px;
    padding: 1rem 2rem 2rem
}

.profiles-modal__content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profiles-modal__list {
    margin-left: 0;
    padding-left: 16px
}

.profiles-modal__list li {
    margin-top: 15px
}

.profiles-modal__list li:first-child {
    margin-top: 0
}

.profiles-modal__imgs {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 18px;
    margin-left: 1.125rem;
    position: relative
}

.profiles-modal__img {
    width: 112px
}

.profiles-modal__arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -30px;
    width: 36px
}

.modal.share-gig-modal .modal-body {
    text-align: center;
    padding: 41px 32px 32px;
    padding: 2.5625rem 2rem 2rem
}

.modal.share-gig-modal .modal-body .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: normal
}

.modal.share-gig-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 12px;
    margin-bottom: .75rem
}

.modal.share-gig-modal .share-btns {
    list-style: none;
    margin: 0 0 1.875rem;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal.share-gig-modal .share-btns li {
    margin-left: 10px;
    margin-right: 10px
}

.modal.share-gig-modal .share-btns a {
    display: block;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d3dae6;
    border-radius: 50em;
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-transition: .15 ease-in-out all;
    transition: .15 ease-in-out all
}

.modal.share-gig-modal .share-btns a:hover {
    text-decoration: none;
    background-color: #f2f3f5
}

.modal.share-gig-modal .share-btns a .fa-facebook-square {
    color: #3d5a98
}

.modal.share-gig-modal .share-btns a .fa-twitter {
    color: #3d5a98
}

.modal.share-gig-modal .share-btns a .fa-linkedin {
    color: #0177b5
}

.surveys-how-modal .modal-dialog {
    max-width: 900px
}

.surveys-how-modal .modal-body {
    padding: 64px;
    padding: 4rem
}

.surveys-how-modal .modal-body .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: normal
}

@media screen and (min-width: 769px) {
    .surveys-how-modal .modal-body h2 {
        font-size:32px;
        font-size: 2rem
    }
}

@media screen and (max-width: 768px) {
    .surveys-how-modal .modal-body {
        padding:30px;
        padding: 1.875rem
    }
}

.surveys-how-modal__steps {
    gap: 48px
}

.surveys-how-modal__step-num {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 500;
    color: var(--sg-color-brand-black)
}

@media screen and (max-width: 768px) {
    .surveys-how-modal__step-num {
        font-size:50px;
        font-size: 3.125rem
    }
}

.social a {
    font-size: 15px;
    font-size: .9375rem;
    display: inline-block;
    vertical-align: middle;
    color: #203259;
    opacity: .4;
    filter: alpha(opacity=40);
    margin-left: 14px;
    margin-left: .875rem;
    padding: 6px 10px;
    padding: .375rem .625rem
}

.social a:first-child {
    margin-left: 0
}

.social a:hover {
    color: #0397b1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.social-style-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.social-style-2 a {
    border-radius: 50px;
    width: 42px;
    height: 42px;
    color: #1b1b1b;
    line-height: 42px;
    margin-left: 16px;
    margin-left: 1rem;
    background-color: #f5f7fa;
    display: block;
    text-align: center
}

.social-style-2 a:first-child {
    margin-left: 0
}

.social-style-2 a:hover {
    background-color: #e1e7f0
}

.dark-mode .social-style-2 a {
    color: #fff;
    background-color: #22232e
}

.dark-mode .social-style-2 a:hover {
    background-color: rgba(0,0,0,.2)
}

.social-style-2--white a {
    background-color: #fff
}

.social-style-2--white a:hover {
    background-color: #f0f0f0
}

.dark-mode .social-style-2--white a {
    background-color: #17181f
}

.dark-mode .social-style-2--white a:hover {
    background-color: #0c0d11
}

.row-gutter-sm {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: -20px
}

.row-gutter-sm>.col,.row-gutter-sm>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 20px
}

.row-gutter-xs {
    margin-right: -8px;
    margin-left: -8px;
    margin-top: -16px
}

.row-gutter-xs>.col,.row-gutter-xs>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
    margin-top: 16px
}

.row-gutter-xxs {
    margin-right: -4px;
    margin-left: -4px;
    margin-top: -8px
}

.row-gutter-xxs>.col,.row-gutter-xxs>[class*=col-] {
    padding-right: 4px;
    padding-left: 4px;
    margin-top: 8px
}

.star-rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-size: .75rem
}

.star-rating__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.star-rating__item {
    color: #d3dae6;
    margin-left: 1px
}

.star-rating__item:first-child {
    margin-left: 0
}

.star-rating__item--filled {
    color: #0397b1
}

.star-rating__item--filled-success {
    color: #0397b1
}

.star-rating__item--filled-warning {
    color: #de9100
}

.star-rating__item--filled-danger {
    color: #e63e46
}

.star-rating__item--hovered {
    color: #0397b1
}

.star-rating__item--hovered-notfilled {
    color: #d3dae6
}

.star-rating__item--hovered-success {
    color: #0397b1
}

.star-rating__item--hovered-warning {
    color: #de9100
}

.star-rating__item--hovered-danger {
    color: #e63e46
}

.dark-mode .star-rating__item--filled,.dark-mode .star-rating__item--hovered,.dark-mode .star-rating__item--hovered-success {
    color: #de9100
}

.dark-mode .star-rating__item--hovered-notfilled {
    color: rgba(255,255,255,.3)
}

.star-rating__count {
    margin-left: 8px
}

.star-rating__reviews {
    margin-left: 5px;
    opacity: .64;
    filter: alpha(opacity=64)
}

.star-rating--fillable .star-rating__item:hover {
    cursor: pointer
}

.star-rating--fillable:hover .star-rating__item--filled:not(.star-rating--fillable:hover .star-rating__item--hovered) {
    color: #d3dae6
}

.nav--style-1 .nav-link {
    text-transform: uppercase;
    padding: 9px 10px 9px 0;
    padding: .5625rem .625rem .5625rem 0;
    border-bottom: 2px solid #d3dae6;
    color: #203259;
    min-width: 147px;
    line-height: 1.366
}

.nav--style-1 .nav-link.active,.nav--style-1 .nav-link:hover {
    color: #203259;
    border-color: #0397b1
}

.dark-mode .nav--style-1 {
    border-bottom-color: #22232e
}

.dark-mode .nav--style-1 .nav-link {
    background-color: rgba(0,0,0,0);
    border-bottom-color: #22232e
}

.dark-mode .nav--style-1 .nav-link:hover,.dark-mode .nav--style-1 .nav-link.active {
    border-bottom-color: #714a00
}

.search-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 272px;
    max-width: 100%
}

.search-block__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 48px;
    padding: 10px 12px;
    padding: .625rem .75rem;
    border: 0
}

.search-block__input::-webkit-input-placeholder {
    color: #a8b0bf
}

.search-block__input::-moz-placeholder {
    color: #a8b0bf
}

.search-block__input:-moz-placeholder {
    color: #a8b0bf
}

.search-block__input:-ms-input-placeholder {
    color: #a8b0bf
}

.search-block__btn {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #a8b0bf;
    padding: 9px 12px;
    padding: .5625rem .75rem;
    border-radius: 0;
    border: 0
}

@media all and (max-width: 600px) {
    .search-block__btn-block {
        width:100%;
        display: block
    }
}

.side-nav {
    position: fixed;
    width: 300px;
    height: 100%;
    right: -300px;
    top: 0;
    background: #fff;
    z-index: 10001;
    -webkit-box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    box-shadow: 0 8px 20px 0 rgba(97,44,21,.19)
}

@media screen and (min-width: 993px) {
    .side-nav {
        display:none !important
    }
}

.side-nav__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.side-nav__header {
    padding: 20px;
    padding: 1.25rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.side-nav__body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-y: scroll
}

.side-nav__body .container {
    position: relative
}

.side-nav .nav {
    font-size: 1.0208333336rem
}

.side-nav .nav .nav-link {
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    color: #1b1b1b
}

.side-nav__footer {
    padding: 20px;
    padding: 1.25rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.side-nav--active {
    right: 0
}

.dark-mode .side-nav {
    color: #fff
}

.dark-mode .side-nav h1,.dark-mode .side-nav h2,.dark-mode .side-nav h3,.dark-mode .side-nav h4,.dark-mode .side-nav h5,.dark-mode .side-nav h6,.dark-mode .side-nav a:not(.btn) {
    color: #fff
}

@media screen and (min-width: 769px) {
    .container-fluid {
        padding-left:20px;
        padding-right: 20px
    }
}

.container-fluid--max {
    max-width: 1086px
}

.container-fluid--max-lg {
    max-width: 1280px
}

.container-fluid--max-md {
    max-width: 840px
}

.container-fluid--max-sm {
    max-width: 729px
}

.nav-tabs .nav-link {
    text-align: center
}

.nav-tabs--bar {
    border-bottom: 2px solid #d3dae6
}

.nav-tabs--bar .nav-item {
    margin-bottom: -1px;
    margin-bottom: -0.0625rem;
    margin-right: 42px;
    margin-right: 2.625rem
}

.nav-tabs--bar .nav-item:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .nav-tabs--bar .nav-item {
        margin-right:20px;
        margin-right: 1.25rem
    }
}

.nav-tabs--bar .nav-link {
    padding: 0 0 19px;
    padding: 0 0 1.1875rem;
    color: #203259;
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 500;
    border-bottom: 2px solid #d3dae6;
    background-color: rgba(0,0,0,0)
}

.nav-tabs--bar .nav-link:hover,.nav-tabs--bar .nav-link.active {
    color: #203259;
    border-color: #0397b1
}

.nav-tabs--bar .nav-link.disabled {
    color: #203259;
    opacity: .4;
    filter: alpha(opacity=40)
}

@media screen and (max-width: 768px) {
    .nav-tabs--bar .nav-link {
        padding-top:15px;
        padding-top: .9375rem;
        padding-bottom: 15px;
        padding-bottom: .9375rem
    }
}

.dark-mode .nav-tabs--bar {
    border-bottom-color: #22232e
}

.dark-mode .nav-tabs--bar .nav-link {
    background-color: rgba(0,0,0,0);
    border-bottom-color: #22232e
}

.dark-mode .nav-tabs--bar .nav-link:hover,.dark-mode .nav-tabs--bar .nav-link.active {
    border-bottom-color: #714a00
}

.nav-tabs--outline {
    border: 0
}

.nav-tabs--outline .nav-item {
    margin-left: -1px
}

.nav-tabs--outline .nav-item:first-child .nav-link {
    border-left-width: 1px
}

.nav-tabs--outline .nav-link {
    padding: 7px 15px;
    padding: .4375rem .9375rem;
    color: #203259;
    border-radius: 0;
    border: 1px solid #d3dae6;
    border-radius: .125rem
}

.nav-tabs--outline .nav-link:focus {
    border-color: #d3dae6
}

.nav-tabs--outline .nav-link:hover,.nav-tabs--outline .nav-link.active {
    color: #0397b1;
    border-color: #0397b1;
    position: relative;
    z-index: 1
}

.nav-tabs--ghost {
    border: 0
}

.nav-tabs--ghost .nav-item {
    margin-left: -1px
}

.nav-tabs--ghost .nav-item:first-child .nav-link {
    border-left-width: 1px;
    margin-left: -15px;
    margin-left: -0.9375rem
}

.nav-tabs--ghost .nav-item:last-child .nav-link {
    border-left-width: 1px;
    margin-right: -15px;
    margin-right: -0.9375rem
}

.nav-tabs--ghost .nav-link {
    padding: 7px 15px;
    padding: .4375rem .9375rem;
    color: #203259;
    border-radius: 0;
    border: 0;
    border-radius: 0;
    font-weight: 500
}

.nav-tabs--ghost .nav-link:focus {
    border-color: #d3dae6
}

.nav-tabs--ghost .nav-link:hover,.nav-tabs--ghost .nav-link.active {
    color: #0397b1;
    border-color: #0397b1;
    position: relative;
    z-index: 1
}

.nav-tabs--ghost .nav-link.active {
    font-weight: 700
}

.nav-tabs--card {
    border: 0
}

.nav-tabs--card .nav-item {
    border-left: 1px solid #fff
}

.nav-tabs--card .nav-item:first-child {
    border-left: 0
}

.dark-mode .nav-tabs--card .nav-item {
    border-left-color: #22232e
}

.nav-tabs--card .nav-link {
    background-color: #f5f7fa;
    padding: 7px 10px;
    padding: .4375rem .625rem;
    border: 0;
    color: #686d77;
    border-radius: .125rem
}

.nav-tabs--card .nav-link:hover {
    background-color: #f2f4f7
}

.nav-tabs--card .nav-link.active {
    background-color: #fff;
    color: #203259;
    font-weight: normal
}

.dark-mode .nav-tabs--card .nav-link {
    background-color: rgba(0,0,0,0)
}

.nav-tabs--fill-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.nav-tabs--fill-width .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.nav-tabs--small .nav-link {
    text-transform: none
}

.table {
    border-spacing: 0 4px;
    border-collapse: separate
}

.table td,.table th {
    background-color: #f5f7fa;
    border: 0
}

.table td:first-child,.table th:first-child {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.table td:last-child,.table th:last-child {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.table td.fixed-width,.table th.fixed-width {
    width: 1%;
    white-space: nowrap
}

.table thead th {
    border: 0;
    color: #686d77
}

.table tbody tr {
    padding-bottom: 5px
}

.table .table-row-priority td,.table .table-row-priority th {
    border-bottom: 2px solid #949db6
}

.table .table-row-w-info td {
    position: relative
}

.table .table-row-w-info .table-row-info {
    position: absolute;
    right: 100%;
    margin-right: 10px;
    margin-right: .625rem
}

.table.table-middle td,.table.table-middle th {
    vertical-align: middle
}

.table .table-cell-cost {
    font-size: 1.6625rem;
    font-weight: bold;
    color: #203259
}

.table .table-cell-cost small {
    font-size: 1.4875rem;
    vertical-align: top
}

@media screen and (max-width: 768px) {
    .table .table-cell-cost {
        font-size:20px;
        font-size: 1.25rem
    }

    .table .table-cell-cost small {
        font-size: 16px;
        font-size: 1rem
    }
}

.table .show-on-row-hover {
    opacity: 0;
    pointer-events: none
}

.table tr:hover .show-on-row-hover {
    opacity: 1;
    pointer-events: all
}

.table.table-hover tbody tr:hover {
    -webkit-box-shadow: 0 3px 5px rgba(97,44,21,.19);
    box-shadow: 0 3px 5px rgba(97,44,21,.19);
    z-index: 1;
    position: relative
}

.table.table-hover tbody tr:hover td,.table.table-hover tbody tr:hover th {
    background-color: #fff
}

.dark-mode .table.table-hover tbody tr:hover {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-mode .table.table-hover tbody tr:hover h1,.dark-mode .table.table-hover tbody tr:hover h2,.dark-mode .table.table-hover tbody tr:hover h3,.dark-mode .table.table-hover tbody tr:hover h4,.dark-mode .table.table-hover tbody tr:hover h5,.dark-mode .table.table-hover tbody tr:hover h6,.dark-mode .table.table-hover tbody tr:hover a:not(.btn) {
    color: #fff
}

.dark-mode .table.table-hover tbody tr:hover td,.dark-mode .table.table-hover tbody tr:hover th {
    background-color: #1e1f28
}

.table.table-big th {
    height: 48px;
    padding: 16px 15px;
    padding: 1rem .9375rem
}

.table.table-big th:first-child {
    padding-left: 34px
}

.table.table-big td {
    padding: 16px 15px;
    padding: 1rem .9375rem
}

.table.table-big td:first-child {
    padding-left: 34px
}

.table.table-big.footable td {
    position: relative
}

.table.table-big.footable .footable-toggle {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 10px;
    padding: .625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
    .table.table-big th:first-child,.table.table-big td:first-child {
        padding-left:15px
    }

    .table.table-big th,.table.table-big td {
        padding: 10px 8px;
        padding: .625rem .5rem
    }
}

.table.table-small th,.table.table-small td {
    padding: 10px;
    padding: .625rem
}

.dark-mode .table {
    color: #fff
}

.dark-mode .table h1,.dark-mode .table h2,.dark-mode .table h3,.dark-mode .table h4,.dark-mode .table h5,.dark-mode .table h6,.dark-mode .table a:not(.btn) {
    color: #fff
}

.dark-mode .table td,.dark-mode .table th {
    background-color: #22232e
}

.dark-mode .table th {
    color: #fff
}

.table.table-checkable th,.table.table-checkable td {
    vertical-align: middle
}

.table.table-checkable thead th,.table.table-checkable thead td {
    background-color: rgba(0,0,0,0);
    padding-bottom: 22px;
    padding-bottom: 1.375rem
}

.table.table-checkable .table-col-checkbox,.table.table-checkable .table-cell-checkbox {
    width: 13px;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 0
}

.table.table-checkable .table-cell-w-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.table.table-checkable .table-col-title {
    cursor: pointer
}

.table.table-checkable .table-col-action,.table.table-checkable .table-cell-action {
    text-align: right;
    color: #686d77;
    font-weight: 500
}

.table.table-checkable .table-col-action a,.table.table-checkable .table-cell-action a {
    font-weight: 600
}

.table.table-checkable tbody .table-row--checked th,.table.table-checkable tbody .table-row--checked td {
    background-color: #e7f9fa
}

.dark-mode .table.table-checkable tbody .table-row--checked th,.dark-mode .table.table-checkable tbody .table-row--checked td {
    background-color: #1e1f28
}

.table.table-checkable tbody .table-row--completed {
    cursor: auto
}

.table.table-checkable tbody .table-row--completed th,.table.table-checkable tbody .table-row--completed td {
    background-color: #fff;
    border-bottom: 1px solid #f5f7fa;
    border-radius: 0
}

.table.table-checkable thead .table-row--checked .table-col-title {
    color: #0397b1
}

.table.table-checkable .show-on-checked {
    display: none
}

.table.table-checkable .fade-in-on-checked {
    opacity: 0
}

.table.table-checkable--checked .hide-on-checked {
    display: none
}

.table.table-checkable--checked .show-on-checked {
    display: block
}

.table.table-checkable--checked .fade-in-on-checked {
    opacity: 1
}

.table.table-checkable--checked .fade-out-on-checked {
    opacity: 0
}

.table.table-style-list {
    -webkit-box-shadow: 0 1px 7px rgba(97,44,21,.14);
    box-shadow: 0 1px 7px rgba(97,44,21,.14);
    border-radius: 8px
}

.table.table-style-list th,.table.table-style-list td {
    padding: 12px 24px;
    padding: .75rem 1.5rem
}

.table.table-style-list thead th {
    color: #a8b0bf;
    font-weight: 500;
    height: 56px
}

.table.table-style-list tbody th,.table.table-style-list tbody td {
    height: 56px
}

.table.table-style-list-custom {
    border-radius: 8px
}

.table.table-style-list-custom thead th,.table.table-style-list-custom thead td,.table.table-style-list-custom tbody th,.table.table-style-list-custom tbody td {
    padding: 12px 24px;
    padding: .75rem 1.5rem
}

.table.table-style-list-custom thead th:first-child,.table.table-style-list-custom thead td:first-child,.table.table-style-list-custom tbody th:first-child,.table.table-style-list-custom tbody td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.table.table-style-list-custom thead th:last-child,.table.table-style-list-custom thead td:last-child,.table.table-style-list-custom tbody th:last-child,.table.table-style-list-custom tbody td:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.table.table-style-list-custom thead th {
    background-color: #f5f7fa;
    color: #a8b0bf;
    font-weight: normal
}

.dark-mode .table.table-style-list-custom thead th {
    background-color: #22232e
}

.table.table-style-employer-list {
    -webkit-box-shadow: 0 1px 7px rgba(97,44,21,.14);
    box-shadow: 0 1px 7px rgba(97,44,21,.14);
    border-radius: 8px
}

.table.table-style-employer-list th,.table.table-style-employer-list td {
    padding: 12px 24px;
    padding: .75rem 1.5rem
}

.table.table-style-employer-list thead th {
    color: #a8b0bf;
    font-weight: 500;
    height: 56px
}

.table.table-style-employer-list tbody th,.table.table-style-employer-list tbody td {
    height: 56px
}

.footable .footable-toggle {
    display: inline-block;
    vertical-align: middle
}

.footable .footable-toggle+.d-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    vertical-align: middle
}

.footable.table tr.footable-detail-row {
    padding: 0
}

.footable.table tr.footable-detail-row>td {
    padding: 0
}

.footable.table .footable-details {
    margin: 0
}

.footable.table tr.footable-detail-row,.footable.table .footable-details tr {
    padding: 0
}

.footable.table tr.footable-detail-row:hover,.footable.table .footable-details tr:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.footable.table tr.footable-detail-row:hover td,.footable.table tr.footable-detail-row:hover th,.footable.table .footable-details tr:hover td,.footable.table .footable-details tr:hover th {
    background-color: #f5f7fa
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-weight: 900
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {
    content: "\+"
}

.table.table-aff-stats {
    border-spacing: 0
}

.table.table-aff-stats th,.table.table-aff-stats td {
    border: 2px solid #fff
}

.table.table-aff-stats th,.table.table-aff-stats span {
    background-color: #70e09f;
    color: #4c4f56
}

table.job-list-table.table td {
    padding: 0
}

table.job-list-table.table td>a {
    display: block;
    padding: 10px;
    padding: .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    color: inherit
}

@media only screen and (max-width: 600px) {
    table.job-list-table,table.job-list-table thead,table.job-list-table tbody,table.job-list-table tr,table.job-list-table td,table.job-list-table th {
        display:block
    }

    table.job-list-table thead {
        display: none
    }

    table.job-list-table tr {
        background: #f5f7fa;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 7px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    table.job-list-table.table-hover tbody tr:hover {
        background-color: #fff
    }

    table.job-list-table tr:first-child {
        margin-top: 0
    }

    table.job-list-table td.table-cell-name {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        font-weight: bold
    }

    table.job-list-table td {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left
    }

    table.job-list-table .compact-done {
        text-align: center
    }

    .dark-mode table.job-list-table tr,.dark-mode table.job-list-table.table-hover tbody tr:hover {
        background-color: #2c2d38
    }
}

.table-group__item {
    border: 1px solid #d3dae6;
    padding: 9px 20px;
    padding: .5625rem 1.25rem;
    border-radius: .5rem;
    margin-top: 5px;
    margin-top: .3125rem
}

.table-group__item:first-child {
    margin-top: 0
}

.table-group__item-header {
    margin-bottom: 10px;
    margin-bottom: .625rem
}

.table-group__item table {
    margin-bottom: 0
}

.table-group__item table td,.table-group__item table th {
    padding: 14px 24px;
    padding: .875rem 1.5rem
}

.table-group__item table td:nth-child(1),.table-group__item table th:nth-child(1) {
    width: 20%
}

.table-group__item table td:nth-child(2),.table-group__item table th:nth-child(2) {
    width: 20%
}

.table-group__item table td:nth-child(3),.table-group__item table th:nth-child(3) {
    width: 20%
}

.table-group__item table td:nth-child(4),.table-group__item table th:nth-child(4) {
    width: 20%
}

.table-group__item table td:nth-child(5),.table-group__item table th:nth-child(5) {
    width: 20%
}

.table-group__item--header {
    padding-top: 0;
    padding-bottom: 0
}

.table-group__item--header table td,.table-group__item--header table th {
    background-color: rgba(0,0,0,0);
    font-weight: normal
}

.table-group__item--header table td button,.table-group__item--header table th button {
    border: 0;
    padding: 0;
    background-color: rgba(0,0,0,0);
    margin-left: 15px;
    margin-left: .9375rem;
    color: #686d77
}

.table-group__item--header table td i,.table-group__item--header table th i {
    margin-left: 15px;
    margin-left: .9375rem
}

.table-group__item--header table td[data-sort-type]:hover,.table-group__item--header table th[data-sort-type]:hover {
    cursor: pointer
}

.card {
    border-radius: 0;
    border: 0
}

.card .card-header {
    background-color: rgba(0,0,0,0);
    border: 0
}

.card .card-body {
    padding: 24px 33px;
    padding: 1.5rem 2.0625rem
}

@media screen and (max-width: 768px) {
    .card .card-body {
        padding:20px;
        padding: 1.25rem
    }
}

.card .card-footer {
    background-color: rgba(0,0,0,0);
    border: 0
}

.card.card-with-shadow {
    -webkit-box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    box-shadow: 0 8px 20px 0 rgba(97,44,21,.19)
}

.card.card-with-shadow-sm {
    -webkit-box-shadow: 0 1px 7px 0 rgba(97,44,21,.14);
    box-shadow: 0 1px 7px 0 rgba(97,44,21,.14)
}

.dark-mode .card.card-with-shadow {
    -webkit-box-shadow: 0 8px 20px 0 rgba(34,35,46,.59);
    box-shadow: 0 8px 20px 0 rgba(34,35,46,.59)
}

.dark-mode .card.card-with-shadow-sm {
    -webkit-box-shadow: 0 1px 7px 0 rgba(34,35,46,.54);
    box-shadow: 0 1px 7px 0 rgba(34,35,46,.54)
}

.task-border-info {
    border: 1px solid #7abaff !important;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.task-border-warning {
    border: 1px solid #f8d774 !important;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.task-border-danger {
    border: 1px solid #fa8894 !important;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.task-border-primary {
    border: 1px solid #62be77 !important;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.task-border-secondary {
    border: 1px solid #aeafb0 !important;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.alert {
    padding: 8px 19px;
    padding: .5rem 1.1875rem;
    border-radius: .25rem;
    color: #1b1b1b;
    border-color: rgba(0,0,0,0)
}

.alert.alert-with-icon {
    padding-left: 40px;
    padding-left: 2.5rem;
    background-position: 13px 10px;
    background-repeat: no-repeat
}

.alert .alert-icon {
    position: absolute;
    top: 10px;
    left: 13px;
    max-width: 20px;
    max-height: 20px
}

.alert-dismissible {
    padding-right: 47px;
    padding-right: 2.9375rem
}

.alert .close {
    padding: 0 18px;
    padding: 0 1.125rem;
    color: #1b1b1b;
    opacity: 1;
    filter: alpha(opacity=100);
    text-shadow: none;
    height: 100%;
    font-size: 1rem
}

.alert .close:focus {
    outline: 0
}

.alert-lg {
    padding: 14px 24px;
    padding: .875rem 1.5rem
}

.alert-primary {
    background-color: #0397b1;
    border-radius: .125rem;
    color: #fff
}

.alert-primary .close {
    color: #fff
}

.alert-success {
    background-color: #e7f9fa
}

.dark-mode .alert-success {
    color: #fff
}

.alert-danger {
    background-color: #fce3e5
}

.alert-extended {
    padding: 26px 20px 32px 24px;
    padding: 1.625rem 1.25rem 2rem 1.5rem;
    text-align: left;
    border-radius: 0;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    color: #1b1b1b;
    border-top: 2px solid #0397b1;
    position: relative;
    background-color: #e7f9fa
}

.alert-extended h1,.alert-extended h2,.alert-extended h3,.alert-extended h4,.alert-extended h5,.alert-extended h6,.alert-extended a:not(.btn) {
    color: #1b1b1b
}

.alert-extended:before {
    content: "";
    position: absolute;
    width: 138px;
    height: 148px;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0) url("../images/tooltip-shape-primary.svg") no-repeat 0 0
}

.alert-extended__content {
    line-height: 1.3
}

.alert-extended__title {
    margin-bottom: 19px;
    margin-bottom: 1.1875rem;
    font-weight: 500;
    line-height: 1.35
}

.alert-extended--important {
    border-top-color: #de9100;
    background-color: #fff3cf
}

.alert-extended--important:before {
    background-image: url("../images/tooltip-shape-important.svg")
}

.dark-mode .alert-extended--important {
    border-top-color: rgba(222,145,0,.2);
    background-color: rgba(255,243,207,.2);
    color: #fff
}

.pw-badge-info {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important
}

.pw-badge-info .close {
    color: #0c5460 !important
}

.pw-badge-danger {
    background-color: #f8d7da !important;
    color: #721c24 !important
}

.pw-badge-danger .close {
    color: #721c24 !important
}

.pw-badge-success {
    background-color: #d4edda !important;
    color: #155724 !important
}

.pw-badge-success .close {
    color: #155724 !important
}

.pw-badge-warning {
    background-color: #fff3cd !important;
    color: #856404 !important
}

.pw-badge-warning .close {
    color: #856404 !important
}

.pw-badge-offer {
    background-color: #3ea248 !important;
    color: #fff !important
}

.pw-badge-offer .close {
    color: #fff !important
}

.accordion {
    border-bottom: 1px solid #d3dae6
}

.accordion .card:first-child .card-header {
    border-top: 0
}

.accordion .card-header {
    padding: 0;
    background-color: rgba(0,0,0,0);
    margin-bottom: 0 !important;
    border-top: 1px solid #d3dae6;
    border-bottom: 0
}

.accordion .card-header .btn {
    display: block;
    width: 100%;
    padding: 38px 53px 29px;
    padding: 2.375rem 3.3125rem 1.8125rem;
    text-align: left;
    font-size: 1.458625rem;
    font-weight: normal;
    color: #1b1b1b;
    border: 0;
    position: relative
}

.accordion .card-header .btn .accordion-count {
    position: absolute;
    width: 53px;
    top: 43px;
    left: 0;
    padding-right: 10px;
    font-size: .947625rem;
    color: #7f7e7e;
    vertical-align: middle;
    display: inline-block
}

.accordion .card-header .btn:before,.accordion .card-header .btn:after {
    content: "";
    background: #a6adbd;
    position: absolute;
    right: 0
}

.accordion .card-header .btn:after {
    height: 18px;
    width: 2px;
    top: 39px;
    right: 8px
}

.accordion .card-header .btn:before {
    height: 2px;
    width: 18px;
    top: 47px
}

.accordion .card-header .btn:not(.collapsed) {
    color: #0397b1
}

.accordion .card-header .btn:not(.collapsed) .accordion-count {
    opacity: 1;
    filter: alpha(opacity=100)
}

.accordion .card-header .btn:not(.collapsed):after {
    display: none
}

.accordion .card-body {
    padding: 0 18px 38px 53px;
    padding: 0 1.125rem 2.375rem 3.3125rem;
    font-size: 1.458625rem;
    line-height: 1.6;
    color: #1b1b1b;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .accordion .card-header .btn {
        padding-left:30px;
        padding-left: 1.875rem;
        padding-right: 30px;
        padding-right: 1.875rem;
        font-size: 16px;
        font-size: 1rem
    }

    .accordion .card-header .btn .accordion-count {
        width: 30px;
        top: 39px
    }

    .accordion .card-body {
        padding-left: 30px;
        padding-left: 1.875rem
    }
}

.accordion .accordion-item__header {
    border-top: 1px solid #d3dae6;
    cursor: pointer
}

.accordion .accordion-item__header .btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 40px 15px 0;
    padding: .9375rem 2.5rem .9375rem 0;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    color: #203259;
    position: relative
}

.accordion .accordion-item__header .btn:hover,.accordion .accordion-item__header .btn:focus {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.accordion .accordion-item__header .btn:before,.accordion .accordion-item__header .btn:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20px;
    height: 3px;
    background-color: #686d77;
    border-radius: 4px
}

.accordion .accordion-item__header .btn:after {
    -webkit-transform: translate(-50%,-50%) rotate(270deg);
    -ms-transform: translate(-50%,-50%) rotate(270deg);
    transform: translate(-50%,-50%) rotate(270deg);
    display: none
}

.accordion .accordion-item__header .btn.collapsed:after {
    display: block
}

.dark-mode .accordion .accordion-item__header {
    border-top-color: rgba(255,255,255,.05)
}

.dark-mode .accordion .accordion-item__header .btn {
    color: #fff
}

.accordion .accordion-item__content:after {
    content: "";
    height: 17px;
    display: block
}

.accordion--style-2 {
    border: 0
}

.accordion--style-2 .accordion-item__header {
    border: 0
}

.accordion--style-2 .accordion-item__header .btn {
    padding-left: 40px;
    padding-left: 2.5rem;
    padding-right: 0
}

.accordion--style-2 .accordion-item__header .btn:before,.accordion--style-2 .accordion-item__header .btn:after {
    right: auto;
    left: 16px;
    width: 13px;
    height: 2px;
    background-color: #0397b1
}

.simple-accordion .card {
    margin-top: 4px;
    margin-top: .25rem
}

.simple-accordion .card:first-child {
    margin-top: 0
}

.simple-accordion .card:first-child .card-header {
    border-top: 0
}

.simple-accordion .card-header {
    padding: 0;
    margin-bottom: 0 !important;
    border-bottom: 0;
    border-radius: unset
}

.simple-accordion .card-header .btn {
    display: block;
    width: 100%;
    padding: 12px 0 12px 35px;
    padding: .75rem 0 .75rem 2.1875rem;
    text-align: left;
    text-transform: none;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: normal;
    color: inherit;
    border: 0;
    position: relative;
    border-radius: 0
}

.simple-accordion .card-header .btn:before,.simple-accordion .card-header .btn:after {
    content: "";
    background: #0397b1;
    position: absolute;
    left: 0
}

.simple-accordion .card-header .btn:after {
    height: 14px;
    width: 2px;
    top: 15px;
    left: 6px
}

.simple-accordion .card-header .btn:before {
    height: 2px;
    width: 14px;
    top: 21px;
    background: #0397b1
}

.simple-accordion .card-header .btn:not(.collapsed) {
    color: #0397b1;
}

.simple-accordion .card-header .btn:not(.collapsed):after {
    display: none
}

.simple-accordion .card-header .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-mode .simple-accordion .card-header {
    background-color: #2c2d38
}

.simple-accordion .card-body {
    padding: 12px 0 12px 35px;
    padding: .75rem 0 .75rem 2.1875rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6;
    color: inherit;
    font-weight: normal
}

.dark-mode .simple-accordion .card-body {
    background-color: #2c2d38
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    -webkit-transition-property: visibility,opacity,-webkit-transform;
    transition-property: visibility,opacity,-webkit-transform;
    transition-property: transform,visibility,opacity;
    transition-property: transform,visibility,opacity,-webkit-transform
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(0.54,1.5,0.38,1.11);
    transition-timing-function: cubic-bezier(0.54,1.5,0.38,1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: rgba(0,0,0,0);
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-theme~=primary],.tippy-box[data-theme~=important] {
    padding: 26px 20px 32px 24px;
    padding: 1.625rem 1.25rem 2rem 1.5rem;
    text-align: left;
    border-radius: 0;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    color: #1b1b1b;
    border-top: 2px solid #0397b1;
    background-color: #e7f9fa
}

.tippy-box[data-theme~=primary] h1,.tippy-box[data-theme~=primary] h2,.tippy-box[data-theme~=primary] h3,.tippy-box[data-theme~=primary] h4,.tippy-box[data-theme~=primary] h5,.tippy-box[data-theme~=primary] h6,.tippy-box[data-theme~=primary] a:not(.btn),.tippy-box[data-theme~=important] h1,.tippy-box[data-theme~=important] h2,.tippy-box[data-theme~=important] h3,.tippy-box[data-theme~=important] h4,.tippy-box[data-theme~=important] h5,.tippy-box[data-theme~=important] h6,.tippy-box[data-theme~=important] a:not(.btn) {
    color: #1b1b1b
}

.tippy-box[data-theme~=primary]:before,.tippy-box[data-theme~=important]:before {
    content: "";
    position: absolute;
    width: 138px;
    height: 148px;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0) url("../images/tooltip-shape-primary.svg") no-repeat 0 0
}

.tippy-box[data-theme~=primary] .tippy-content,.tippy-box[data-theme~=important] .tippy-content {
    font-size: .875rem;
    line-height: 1.75
}

.tippy-box[data-theme~=primary] .tippy-content h4,.tippy-box[data-theme~=important] .tippy-content h4 {
    margin-bottom: 19px;
    margin-bottom: 1.1875rem;
    font-weight: 500;
    font-size: 1.4875rem;
    line-height: 1.357142857
}

.tippy-box[data-theme~=primary] .tippy-arrow,.tippy-box[data-theme~=important] .tippy-arrow {
    color: #e7f9fa
}

.tippy-box[data-theme~=important] {
    border-top-color: #de9100;
    background-color: #fff3cf
}

.tippy-box[data-theme~=important]:before {
    background-image: url("../images/tooltip-shape-important.svg")
}

.tippy-box[data-theme~=important] .tippy-arrow {
    color: #fff3cf
}

.tippy-box[data-theme~=training] {
    border-top-color: #191d26;
    background-color: #191d26
}

.tippy-box[data-theme~=training]:before {
    content: "";
    color: #0397b1;
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -18px;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    color: #0397b1;
    background-color: #191d26;
    line-height: 30px;
    text-align: center
}

.tippy-box[data-theme~=training] .tippy-arrow {
    color: #191d26
}

.tippy-box[data-theme~=training] .tippy-content {
    color: #fff;
    font-weight: 300;
    padding: 20px;
    padding: 1.25rem
}

.tippy-box[data-theme~=training] .tippy-content h1,.tippy-box[data-theme~=training] .tippy-content h2,.tippy-box[data-theme~=training] .tippy-content h3,.tippy-box[data-theme~=training] .tippy-content h4,.tippy-box[data-theme~=training] .tippy-content h5,.tippy-box[data-theme~=training] .tippy-content h6,.tippy-box[data-theme~=training] .tippy-content a:not(.btn) {
    color: #fff
}

.tippy-box[data-theme~=training] .tippy-content p {
    color: #f2f4f7
}

.tippy-box[data-theme~=training] .tippy-content :last-child {
    margin-bottom: 0
}

.tippy-box[data-theme~=chart] {
    padding: 14px 18px 14px 22px;
    padding: .875rem 1.125rem .875rem 1.375rem;
    text-align: left;
    border-radius: 0;
    color: #1b1b1b;
    border-left: 2px solid #0397b1;
    -webkit-box-shadow: 0 1px 7px 0 rgba(97,44,21,.14);
    box-shadow: 0 1px 7px 0 rgba(97,44,21,.14);
    background-color: #fff
}

.tippy-box[data-theme~=chart] h1,.tippy-box[data-theme~=chart] h2,.tippy-box[data-theme~=chart] h3,.tippy-box[data-theme~=chart] h4,.tippy-box[data-theme~=chart] h5,.tippy-box[data-theme~=chart] h6,.tippy-box[data-theme~=chart] a:not(.btn) {
    color: #1b1b1b
}

.tippy-box[data-theme~=chart] .tippy-content {
    font-size: .875rem;
    line-height: 1.75
}

.tippy-box[data-theme~=chart] .tippy-content h4 {
    margin-bottom: 19px;
    margin-bottom: 1.1875rem;
    font-weight: 500;
    font-size: 1.4875rem;
    line-height: 1.357142857
}

.list-colored {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-colored li {
    padding-left: 12px
}

.list-colored li:before {
    content: "•";
    margin-left: -12px;
    margin-right: 8px
}

.list-primary li:before {
    color: #0397b1
}

.dark-mode .list-group-item {
    background-color: rgba(0,0,0,0)
}

.big-heading-h1 {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1.2142;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .big-heading-h1 {
        font-size:44px;
        font-size: 2.75rem
    }
}

.big-heading-h2 {
    font-size: 1.896125rem;
    line-height: 1.6923;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .big-heading-h2 {
        font-size:1.458625rem
    }
}

.small-sub-heading {
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    color: #de9100;
    font-weight: 500;
    margin-bottom: 29px;
    margin-bottom: 1.8125rem;
    position: relative;
    line-height: 1.3846
}

.small-sub-heading:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 1px;
    top: 7px;
    right: 100%;
    background-color: #de9100;
    margin-right: 20px;
    margin-right: 1.25rem
}

.small-sub-heading--big {
    font-size: 20px;
    font-size: 1.25rem
}

.big-sub-heading {
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    color: #de9100;
    font-weight: 500;
    margin-bottom: 29px;
    margin-bottom: 1.8125rem;
    position: relative;
    line-height: 1.3846
}

.big-sub-heading:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 1px;
    top: 15px;
    right: 100%;
    background-color: #de9100;
    margin-right: 20px;
    margin-right: 1.25rem
}

.heading-w-line {
    font-size: 20px;
    font-size: 1.25rem;
    color: #de9100;
    font-weight: 500;
    margin-bottom: 29px;
    margin-bottom: 1.8125rem;
    position: relative;
    line-height: 1.3846
}

.heading-w-line:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 1px;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #de9100;
    margin-right: 10px;
    margin-right: .625rem
}

.steps-step {
    display: none
}

.steps-step.active {
    display: block
}

.steps-step .btn-checkboxes .custom-control {
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.steps-step .btn-checkboxes .custom-control-label {
    width: 100%
}

.notifications__inner {
    padding: 0 16px;
    padding: 0 1rem
}

.notification {
    font-weight: normal;
    display: block;
    width: 100%;
    border: 0;
    color: #30394d;
    padding: 12px 0;
    padding: .75rem 0;
    border-top: 1px solid #f2f4f7
}

.notification:first-child {
    border-top: 0
}

.notification a {
    text-decoration: underline
}

.notification:hover i {
    text-decoration: none
}

.notification__text {
    margin: 0
}

.notification__text--w-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.notification__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    margin-top: .5rem
}

.notification__actions>a {
    margin-left: 25px;
    margin-left: 1.5625rem
}

.notification__actions>a:first-child {
    margin-left: 0
}

body.dark-mode .notification__text {
    color: #fff
}

body.dark-mode .notification__actions a {
    color: #de9100 !important
}

.cb-modal.modal .modal-dialog {
    max-width: 550px
}

.cb-modal .custom-checkbox.custom-checkbox-btn--success .custom-control-input:checked~.custom-control-label {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300;
    color: #1b1b1b
}

.cb-modal .custom-checkbox.custom-checkbox-btn--success .custom-control-input:checked~.custom-control-label:after {
    content: none !important
}

.promotion-tab-enabled ul.nav {
    display: none
}

.promotion-tab-enabled .page-header,.promotion-tab-enabled .post-job-row>.col-md-4 {
    display: none !important
}

.promotion-tab-enabled .post-job-row {
    width: 100% !important
}

.promotion-tab-enabled .post-job-row>.col-md-8 {
    width: 100% !important;
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: none !important
}

@media screen and (min-width: 993px) {
    .post-job__settings {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .post-job__settings-left {
        width: 31.3479623824%;
        -webkit-flex-basis: 31.3479623824%;
        -ms-flex-preferred-size: 31.3479623824%;
        flex-basis: 31.3479623824%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .post-job__settings-right {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 54.8589341693%;
        -webkit-flex-basis: 54.8589341693%;
        -ms-flex-preferred-size: 54.8589341693%;
        flex-basis: 54.8589341693%;
        padding-left: 3.9184952978%;
        margin-left: 3.9184952978%;
        border-left: 1px solid #e8ebf2
    }
}

@media screen and (max-width: 992px) {
    .post-job__settings-right {
        margin-top:35px;
        margin-top: 2.1875rem
    }
}

.post-job__estimate-cost {
    padding: 28px 48px 37px 24px;
    padding: 1.75rem 3rem 2.3125rem 1.5rem;
    overflow: hidden;
    position: relative
}

.post-job__estimate-cost:after {
    content: "";
    opacity: .06;
    position: absolute;
    width: 280px;
    height: 280px;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg);
    background-image: -webkit-linear-gradient(56deg,rgba(34,171,89,0) 9%,#0397b1 77%);
    background-image: linear-gradient(34deg,rgba(34,171,89,0) 9%,#0397b1 77%);
    border-radius: 50em;
    left: 100%;
    top: 50%;
    margin-top: -140px;
    margin-left: -60px
}

.post-job__estimate-cost h3 {
    margin-left: 12px
}

.post-job__estimate-cost-header {
    margin-bottom: 18px;
    margin-bottom: 1.125rem
}

.post-job__estimate-cost-input {
    margin-left: 28px;
    margin-left: 1.75rem
}

.post-job__estimate-cost-input input[readonly] {
    background-color: #e7f9fa;
    color: #686d77
}

.post-job__estimate-cost-error {
    display: none;
    color: #e63e46;
    margin-left: 30px;
    margin-left: 1.875rem;
    margin-top: 8px;
    margin-top: .5rem
}

.post-job__estimate-cost.over-balance .post-job__estimate-cost-input input[readonly] {
    background-color: #fce3e5
}

.post-job__estimate-cost.over-balance .post-job__estimate-cost-error {
    display: block
}

.post-job__steps-add {
    padding: 13px 16px;
    padding: .8125rem 1rem
}

.post-job__steps-delete {
    padding: 13px 16px;
    padding: .8125rem 1rem
}

.dark-mode .post-job__estimate-cost-input input[readonly] {
    background-color: #22232e;
    color: #686d77
}

.dark-mode .post-job__estimate-cost:after {
    background-image: -webkit-linear-gradient(56deg,rgba(113,74,0,0) 9%,#714a00 77%);
    background-image: linear-gradient(34deg,rgba(113,74,0,0) 9%,#714a00 77%);
    opacity: .2;
    filter: alpha(opacity=20)
}

.proof-list {
    padding: 15px 22px;
    padding: .9375rem 1.375rem;
    background-color: #f5f7fa
}

.proof-list__item {
    padding-top: 7px;
    padding-top: .4375rem;
    padding-bottom: 7px;
    padding-bottom: .4375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.proof-list__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

input.proof-list__text:focus {
    outline: 0
}

.proof-list__copy {
    padding: 0;
    border: 0;
    padding-left: 5px
}

.proof-list__copy i {
    vertical-align: top
}

.job-details__header {
    position: relative
}

.job-details__back {
    position: absolute;
    top: 0;
    right: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -4px;
    margin-top: -0.25rem
}

.job-tasks {
    padding: 1rem 0;
    background-color: #f5f7fa;
    margin-bottom: 1rem
}

.dark-mode .job-tasks {
    background-color: #23242d
}

.messages-list .messages-item {
    margin-top: 4px
}

.messages-list .messages-item:first-child {
    margin-top: 0
}

.messages-item {
    border: 1px solid #f5f7fa;
    background-color: #f5f7fa;
    padding: 16px 34px;
    padding: 1rem 2.125rem;
    display: block
}

.messages-item:hover {
    text-decoration: none;
    background-color: #eff2f7
}

.messages-item__date {
    margin-right: 28px;
    padding-right: 28px;
    border-right: 1px solid #d3dae6;
    padding-top: 5px;
    padding-bottom: 5px
}

.messages-item--read {
    background-color: rgba(0,0,0,0)
}

.dark-mode .messages-item {
    border-color: #22232e;
    background-color: #22232e
}

.dark-mode .messages-item--read {
    background-color: rgba(0,0,0,0)
}

.dark-mode .messages-item:hover {
    background-color: #22232e
}

.sub-header {
    position: relative
}

.sub-header__back {
    margin: 0 -12px 5px;
    margin: 0 -0.75rem .3125rem
}

.http-status__img {
    margin-bottom: 59px;
    margin-bottom: 3.6875rem
}

@media screen and (min-width: 769px) {
    .http-status__img {
        margin-left:30px;
        margin-left: 1.875rem
    }
}

.http-status__btn {
    margin-top: 26px;
    margin-top: 1.625rem;
    padding: 11px 42px;
    padding: .6875rem 2.625rem
}

.http-status--404 {
    padding-top: 492px
}

@media screen and (max-width: 992px) {
    .http-status--404 {
        padding-top:380px
    }
}

@media only screen and (max-width: 600px) {
    .http-status--404 {
        padding-top:230px
    }
}

.http-status--429 {
    padding-top: 492px
}

@media screen and (max-width: 992px) {
    .http-status--429 {
        padding-top:380px
    }
}

@media only screen and (max-width: 600px) {
    .http-status--429 {
        padding-top:230px
    }
}

.http-status--500 {
    padding-top: 425px
}

@media screen and (max-width: 992px) {
    .http-status--500 {
        padding-top:380px
    }
}

@media only screen and (max-width: 600px) {
    .http-status--500 {
        padding-top:200px
    }
}

.maintenance {
    min-height: calc(100vh - 66px)
}

.maintenance__row {
    position: relative;
    padding-top: 57px;
    padding-top: 3.5625rem;
    padding-bottom: 50px;
    padding-bottom: 3.125rem
}



.maintenance__img-wrap {
    margin-left: -32px;
    margin-left: -2rem;
    width: 50.800336984%
}

.maintenance__text-wrap {
    width: 29.4860994103%;
    color: #344568
}

.maintenance__btn {
    margin-top: 26px;
    margin-top: 1.625rem;
    padding: 11px 42px;
    padding: .6875rem 2.625rem
}

@media screen and (max-width: 992px) {
    .maintenance__row:before {
        top:-50px
    }
}

@media screen and (max-width: 768px) {
    .maintenance__row:before {
        right:auto;
        left: -100px;
        top: 0
    }

    .maintenance__img-wrap,.maintenance__text-wrap {
        width: 100%;
        margin-left: 0
    }

    .maintenance__img-wrap {
        text-align: center;
        margin-bottom: 40px;
        margin-bottom: 2.5rem
    }

    .maintenance__img-wrap img {
        width: 400px
    }

    .maintenance__text-wrap {
        color: #fff
    }
}

.dark-mode .ratings-chart path[fill="#000000"] {
    fill: #de9100
}

.dark-mode .progress-bar-circle svg path[stroke="#D3DAE6"],.dark-mode .progress-bar-circle svg path[stroke="rgb(34,171,89)"] {
    stroke: #de9100
}

.dark-mode .progress-bar-circle .progressbar-text {
    color: #fff !important
}

.setting-toggle label {
    cursor: pointer
}

.profile-dropdown img {
    border-radius: 50%
}

.profile-dropdown .dropdown-menu {
    width: 150px;
    padding-top: 0;
    padding-top: 0;
    padding-bottom: 5px;
    padding-bottom: .3125rem;
    margin-top: 5px
}

.profile-dropdown__name {
    padding: 10px 20px;
    padding: .625rem 1.25rem;
    display: block;
    margin-bottom: 5px;
    margin-bottom: .3125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-dropdown .dropdown-item {
    padding: 10px 20px;
    padding: .625rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dark-mode .profile-dropdown__name {
    border-color: #2c2d38
}

.dark-mode .profile-dropdown .dropdown-menu {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19)
}

.cookie-bar {
    z-index: 999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0;
    padding: 1.875rem 0;
    background: #232323;
    overflow: hidden;
    display: none;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%
}

.cookie-bar__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cookie-bar__desc {
    margin: 0;
    padding: 0;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #fff;
    display: block
}

.cookie-bar__btn {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .cookie-bar__inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cookie-bar__btn {
        margin: 15px 0 0;
        margin: .9375rem 0 0
    }
}

.dropdown-form.disabled {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none
}

.dropdown-form .dropdown-toggle {
    display: block;
    width: 100%;
    background-color: #f5f7fa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 15px;
    padding-left: .9375rem;
    height: 42px;
    border-radius: .125rem;
    font-weight: 500
}

.dropdown-form .dropdown-toggle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-form .dropdown-toggle:after {
    display: none
}

.dropdown-form .dropdown-toggle:hover {
    text-decoration: none;
    background-color: #ebeff5
}

.dark-mode .dropdown-form .dropdown-toggle {
    background-color: #22232e;
    border: 1px solid #9ca0a9;
    color: #fff
}

.dark-mode .dropdown-form .dropdown-toggle:hover {
    text-decoration: none;
    background-color: #1b1c25
}

.dropdown-form .dropdown-arrow {
    border-left: 1px solid #fff;
    width: 42px;
    text-align: center;
    color: #686d77;
    font-size: 16px;
    font-size: 1rem;
    height: 42px;
    line-height: 42px
}

.dark-mode .dropdown-form .dropdown-arrow {
    border-color: #9ca0a9
}

.dropdown-form .dropdown-menu {
    margin-top: 8.5px;
    margin-top: .53125rem
}

.dropdown-form .dropdown-menu .btn {
    padding-top: 10px;
    padding-top: .625rem;
    padding-bottom: 10px;
    padding-bottom: .625rem
}

.dropdown-form .dropdown-content {
    max-height: 250px
}

.dropdown-form.show .dropdown-toggle {
    background-color: #f2f4f7
}

.dropdown-form.show .dropdown-arrow i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dark-mode .dropdown-form.show .dropdown-toggle {
    background-color: #1b1c25
}

.dropdown-form .dropdown-menu {
    width: 100%;
    max-width: 450px;
    margin-top: 5px;
    margin-top: .3125rem
}

.dropdown-form .dropdown-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 18px;
    padding: .9375rem 1.125rem
}

.dropdown-form .dropdown-options.two-cols .dropdown-option {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.dropdown-form .dropdown-option {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.dropdown-form .dropdown-option:first-child {
    margin-top: 0
}

.dropdown-form .dropdown-option label {
    display: block;
    padding-top: 7px;
    padding-top: .4375rem;
    padding-bottom: 7px;
    padding-bottom: .4375rem
}

.dropdown-form .dropdown-option label:before,.dropdown-form .dropdown-option label:after {
    top: 10px
}

.dropdown-form .dropdown-option:hover label {
    color: #1b1b1b
}

.dropdown-form .dropdown-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown-form .dropdown-footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.dropdown-form .dropdown-footer .btn-gray:hover,.dropdown-form .dropdown-footer .btn-gray:not(:disabled):not(.disabled):active,.dropdown-form .dropdown-footer .btn-gray:not(:disabled):not(.disabled).active,.show>.dropdown-form .dropdown-footer .btn-gray.dropdown-toggle {
    background-color: #e63e46;
    border-color: #e63e46
}

.dropdown-form .dropdown-footer .btn-gray:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(230,62,70,.3);
    box-shadow: 0 0 0 3px rgba(230,62,70,.3)
}

.dropdown-form .dropdown-footer .btn-gray:not(:disabled):not(.disabled):active:focus,.dropdown-form .dropdown-footer .btn-gray:not(:disabled):not(.disabled).active:focus,.show>.dropdown-form .dropdown-footer .btn-gray.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(230,62,70,.3);
    box-shadow: 0 0 0 3px rgba(230,62,70,.3)
}

@media screen and (max-width: 768px) {
    .dropdown-form .dropdown-toggle:after {
        margin-left:15px;
        margin-left: .9375rem
    }

    .dropdown-form .dropdown-menu {
        width: 100%;
        margin-top: 0
    }
}

.dark-mode .dropdown-form .dropdown-toggle:hover {
    background-color: #1e1f28
}

.promotion-chart {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.promotion-chart canvas {
    margin-left: auto;
    margin-right: auto;
    height: 82px;
    margin-left: -33px;
    max-width: calc(100% + 33px) !important;
    width: calc(100% + 33px) !important
}

.promotion-chart .irs--flat {
    height: 4px;
    margin-top: -40px;
    margin-bottom: 25px;
    margin-bottom: 1.5625rem
}

.promotion-chart .irs-single {
    top: auto;
    bottom: 20px
}

.premium-positions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.premium-positions li {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    color: #6a2af5;
    padding: 12px 40px 12px 12px;
    padding: .75rem 2.5rem .75rem .75rem;
    overflow: hidden;
    border: 1px solid #f0f2f5;
    position: relative;
    margin-right: 12px;
    margin-right: .75rem;
    margin-bottom: 12px;
    margin-bottom: .75rem
}

.dark-mode .premium-positions li {
    color: rgba(186,154,255,.5)
}

.premium-positions li:after {
    content: "";
    position: absolute;
    right: -15px;
    bottom: -44px;
    background-color: #eee;
    border-radius: 84px;
    height: 84px;
    width: 84px;
    z-index: -1
}

.dark-mode .premium-positions li:after {
    background-color: #333542
}

.add-links__items {
    list-style: none;
    margin: 0;
    padding: 0
}

.add-links__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    margin-top: .5rem
}

.add-links__item:first-child {
    margin-top: 0
}

.add-links__item-inner {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.add-links__item .btn {
    padding: 12px 12px;
    padding: .75rem .75rem;
    border-radius: 0
}

.add-links__item .btn i {
    font-size: 14px;
    font-size: .875rem;
    color: #a8b0bf
}

.add-links__delete:hover i {
    color: #e63e46
}

.add-links__open {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.add-links__open:hover i {
    color: #686d77
}

.add-links__noopen {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.add-links__noopen:hover i {
    color: #686d77
}

.add-links__add {
    color: #0397b1;
    font-size: 14px;
    font-size: .875rem;
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px;
    margin-top: .625rem
}

.add-links__add span {
    text-decoration: underline;
    margin-left: 10px;
    margin-left: .625rem
}

.add-links .form-control {
    padding-right: 40px
}

.add-questions__items {
    list-style: none;
    margin: 0;
    padding: 0
}

.add-questions__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    margin-top: .5rem
}

.add-questions__item:first-child {
    margin-top: 0
}

.add-questions__item-inner {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.add-questions__item .btn {
    padding: 12px 12px;
    padding: .75rem .75rem;
    border-radius: 0
}

.add-questions__item .btn i {
    font-size: 14px;
    font-size: .875rem;
    color: #a8b0bf
}

.add-questions__delete:hover i {
    color: #e63e46
}

.add-questions__open {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.add-questions__open:hover i {
    color: #686d77
}

.add-questions__noopen {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.add-questions__noopen:hover i {
    color: #686d77
}

.add-questions__add {
    color: #0397b1;
    font-size: 14px;
    font-size: .875rem;
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px;
    margin-top: .625rem
}

.add-questions__add span {
    text-decoration: underline;
    margin-left: 10px;
    margin-left: .625rem
}

.add-questions .form-control {
    padding-right: 40px
}

.dropdown-sortby {
    color: #203259 !important;
    padding: 0 0 0 23px;
    padding: 0 0 0 1.4375rem
}

.dropdown-sortby:after {
    color: #a8b0bf;
    vertical-align: middle;
    margin-top: -2px;
    margin-top: -0.125rem
}

.dropdown-sortby span.dropdown-sortby__sep {
    opacity: .2;
    filter: alpha(opacity=20);
    margin-left: 2px;
    margin-left: .125rem;
    margin-right: 2px;
    margin-right: .125rem
}

.dropdown-sortby span.dropdown-sortby__selection {
    color: #0397b1;
    font-weight: bold
}

.dropdown-sortby:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropdown-sortby-menu {
    margin: 0
}

.dark-mode .dropdown-sortby {
    color: #fff !important
}

.post-gig-request-back {
    display: none
}

.post-gig-request-btn {
    border: 0;
    padding: 16px 30px;
    padding: 1rem 1.875rem;
    width: 180px;
    margin-right: 24px;
    margin-right: 1.5rem
}

.post-gig-request-btn:last-child {
    margin-right: 0
}

.banner {
    background-color: #e7f9fa;
    border-radius: .25rem;
    padding: 0
}

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

.banner__content {
    padding: 49px 0 49px 64px;
    padding: 3.0625rem 0 3.0625rem 4rem;
    position: relative;
    z-index: 10;
    width: 52.1141649049%
}

.banner__title {
    margin-bottom: 8px;
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.4875rem
}

.banner__text {
    margin-bottom: 0;
    font-size: 1.0208333336rem
}

.banner__btns {
    margin-top: 24px;
    margin-top: 1.5rem
}

.banner__btns .btn {
    text-transform: uppercase;
    margin-right: 8px;
    margin-right: .5rem
}

.banner__btns .btn:last-child {
    margin-right: 0
}

.banner__img {
    position: absolute;
    right: 0;
    height: 100%;
    overflow: hidden;
    width: 56.0253699789%;
    padding-right: 40px;
    padding-right: 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner__img img {
    max-height: 100%
}

.banner__close {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0,0,0,0);
    padding: 10px 15px;
    padding: .625rem .9375rem;
    font-size: 18px;
    font-size: 1.125rem;
    opacity: .7;
    height: auto !important;
    z-index: 9999 !important
}

.banner__close:hover {
    opacity: 1
}

@media screen and (max-width: 992px) {
    .banner__content {
        width:100%;
        padding: 40px 30px;
        padding: 2.5rem 1.875rem
    }

    .banner__img {
        display: none
    }
}

.dark-mode .banner {
    background-color: #fff3cf
}

.dark-mode .banner__title,.dark-mode .banner__text {
    color: #30394d
}

.reviews-star-ratings {
    max-width: 340px
}

.reviews-star-ratings__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-size: .75rem;
    margin-top: 5px;
    margin-top: .3125rem
}

.reviews-star-ratings__item:first-child {
    margin-top: 0
}

.reviews-star-ratings__text {
    width: 38px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.reviews-star-ratings__bar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 12px;
    margin: 0 .75rem
}

.reviews-star-ratings__count {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    color: #a8b0bf
}

.reviews .review {
    margin-top: 16px;
    margin-top: 1rem
}

.reviews .review:first-child {
    margin-top: 0
}

.review {
    padding: 24px 24px 22px;
    padding: 1.5rem 1.5rem 1.375rem;
    border: 1px solid #d3dae6;
    border-radius: .25rem
}

.review__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 13px;
    margin-bottom: .8125rem
}

.review__author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.review__author-avatar {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-right: .5rem
}

.review__author-avatar img {
    border-radius: 24px;
    -o-object-fit: cover;
    object-fit: cover
}

.review__author-user {
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 12px;
    margin-right: .75rem
}

.review__author-country {
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box
}

.review__author-country span {
    color: #a8b0bf
}

.review__rating i {
    color: #0397b1
}

.dark-mode .review__rating i {
    color: #de9100
}

.review__rating--filled-success i {
    color: #0397b1
}

.review__rating--filled-warning i {
    color: #de9100
}

.review__rating--filled-danger i {
    color: #e63e46
}

.review__content {
    padding-left: 32px;
    padding-left: 2rem;
    font-weight: 500;
    word-break: break-word
}

.review__text {
    font-weight: 500
}

.review__time {
    color: #a8b0bf
}

.dark-mode .review {
    border-color: rgba(255,255,255,.1)
}

.public-questions .public-question {
    margin-top: 16px;
    margin-top: 1rem
}

.public-questions .public-question:first-child {
    margin-top: 0
}

.public-question {
    padding: 24px 24px 22px;
    padding: 1.5rem 1.5rem 1.375rem;
    border: 1px solid #d3dae6;
    border-radius: .25rem
}

.public-question__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 13px;
    margin-bottom: .8125rem
}

.public-question__author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.public-question__author-avatar {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-right: .5rem
}

.public-question__author-avatar img {
    border-radius: 24px;
    -o-object-fit: cover;
    object-fit: cover
}

.public-question__author-user {
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 12px;
    margin-right: .75rem
}

.public-question__author-country {
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box
}

.public-question__author-country span {
    color: #a8b0bf
}

.public-question__rating i {
    color: #0397b1
}

.dark-mode .public-question__rating i {
    color: #de9100
}

.public-question__rating--filled-success i {
    color: #0397b1
}

.public-question__rating--filled-warning i {
    color: #de9100
}

.public-question__rating--filled-danger i {
    color: #e63e46
}

.public-question__content {
    padding-left: 32px;
    padding-left: 2rem
}

.public-question__text {
    font-weight: 500;
    word-break: break-word
}

.public-question__text a {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.public-question__text :last-child {
    margin-bottom: 0
}

.public-question__view-answer {
    margin-bottom: 9px;
    margin-bottom: .5625rem;
    margin-top: 15px;
    margin-top: .9375rem
}

.public-question__like {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.public-question__like:hover,.public-question__like--liked {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-decoration: none !important
}

.public-question__like:hover i,.public-question__like--liked i {
    color: #0397b1
}

.public-question__like:hover span,.public-question__like--liked span {
    color: #0397b1
}

.public-question__like--liked {
    cursor: auto !important
}

.public-question__answer {
    background-color: #f5f7fa;
    border-radius: .375rem;
    padding: 12px;
    padding: .75rem
}

.public-question__answer :last-child {
    margin-bottom: 0
}

.public-question__time {
    color: #a8b0bf
}

.dark-mode .public-question {
    border-color: rgba(255,255,255,.1)
}

.swal2-popup.gigs-popup.title-center .swal2-title {
    text-align: center !important
}

.swal2-popup.gigs-popup {
    padding: 40px;
    padding: 2.5rem
}

.swal2-popup.gigs-popup .swal2-close {
    position: absolute;
    right: 0;
    top: 0
}

.swal2-popup.gigs-popup .swal2-close:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.swal2-popup.gigs-popup .swal2-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 0;
    text-align: left
}

.swal2-popup.gigs-popup .swal2-html-container {
    margin: 0;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.42857143
}

.swal2-popup.gigs-popup .swal2-actions {
    min-width: 100%;
    margin-left: -12px;
    margin-right: -12px
}

.swal2-popup.gigs-popup .swal2-actions button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
    margin-right: 12px
}

.swal2-popup.gigs-popup--post-again .swal2-html-container {
    border: 1px solid #f2f4f7;
    padding: 14px 16px;
    padding: .875rem 1rem;
    text-align: left
}

.swal2-popup.gigs-popup--post-again .swal2-html-container .gigs-list-item__cats {
    margin-bottom: 4px;
    margin-bottom: .25rem
}

.swal2-popup.gigs-popup--post-again .swal2-html-container .gigs-list-item__title {
    margin-bottom: 0
}

.gigs-list {
    margin-top: 24px
}

.gigs-list .gigs-list-item {
    cursor: pointer
}

.gigs-list-item {
    margin-top: 12px
}

.gigs-list-item__outer {
    min-height: 108px;
    border: 1px solid #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px rgba(54,82,144,.14);
    box-shadow: 0 0 2px rgba(54,82,144,.14);
    border-radius: 2px;
    padding: 15px 32px;
    padding: .9375rem 2rem;
    border-left: 2px solid rgba(0,0,0,0)
}

.dark-mode .gigs-list-item__outer {
    border-color: rgba(255,255,255,.05)
}

.gigs-list-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dark-mode .gigs-list-item__inner {
    border-color: rgba(255,255,255,.05)
}

.gigs-list-item__content {
    width: 75%;
    padding-right: 10px;
    padding-right: .625rem
}

.gigs-list-item__cats {
    margin-bottom: 4px;
    margin-bottom: .25rem
}

.gigs-list-item__cats span {
    background-color: #f2f4f7;
    border-radius: .125rem;
    padding: 3px 4px 2px;
    padding: .1875rem .25rem .125rem;
    text-transform: uppercase;
    font-size: .728875rem
}

.dark-mode .gigs-list-item__cats span {
    background-color: #714a00
}

.gigs-list-item__title,.gigs-list-item__title a {
    color: #30394d
}

.dark-mode .gigs-list-item__title,.dark-mode .gigs-list-item__title a {
    color: #fff
}

.gigs-list-item__title a:hover {
    text-decoration: underline
}

.gigs-list-item__meta {
    width: 15%
}

.gigs-list-item__employer {
    font-weight: bold
}

.gigs-list-item__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-right: 0;
    margin-top: 15px;
    margin-top: .9375rem
}

.gigs-list-item__actions .btn {
    padding: 8px 20px;
    padding: .5rem 1.25rem;
    min-width: 130px;
    line-height: 1.36583333
}

.gigs-list-item__action {
    margin-top: 0;
    margin-left: 5px;
    margin-left: .3125rem
}

.gigs-list-item__action:first-child {
    margin-left: 0
}

.gigs-list-item__price {
    width: 10%;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold
}

.gigs-list-item__price small {
    font-size: 14px;
    font-size: .875rem;
    vertical-align: middle
}

.gigs-list-item--is-loading,.gigs-list-item.is-loading {
    position: relative
}

.gigs-list-item--is-loading:after,.gigs-list-item.is-loading:after {
    top: 50%;
    margin-top: -15px;
    color: #30394d
}

.gigs-list-item--is-loading:before,.gigs-list-item.is-loading:before {
    opacity: .8;
    filter: alpha(opacity=80)
}

.gigs-list-item--new .gigs-list-item__outer {
    border-left-color: #0397b1
}

.gigs-list-item--primary .gigs-list-item__outer {
    border-left-color: #0397b1
}

.gigs-list-item--active .gigs-list-item__outer {
    border-left-color: #de9100
}

.gigs-list-item--waiting .gigs-list-item__outer {
    border-left-color: #de9100
}

.gigs-list-item--completed .gigs-list-item__outer {
    border-left-color: #d3dae6
}

.gigs-list-item--review-left .gigs-list-item__outer {
    border-left-color: #d3dae6
}

@media screen and (max-width: 992px) {
    .gigs-list-item__inner {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gigs-list-item__content {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-bottom: 10px;
        margin-bottom: .625rem
    }

    .gigs-list-item__meta {
        width: auto
    }

    .gigs-list-item__price {
        width: auto
    }
}

@media screen and (max-width: 576px) {
    .gigs-list-item__actions {
        margin-top:15px;
        margin-top: .9375rem;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gigs-list-item__actions .btn {
        width: 100%
    }

    .gigs-list-item__action {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 0;
        margin-top: 5px;
        margin-top: .3125rem
    }
}

@media screen and (min-width: 993px) {
    .gigs-list--gig-requests .gigs-list-item__title {
        max-width:300px
    }

    .gigs-list--gig-requests .gigs-list-item__content {
        width: 60%
    }
}

.post-gig__section {
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.post-gig__footer .btn {
    width: 200px;
    max-width: 100%;
    margin-left: 24px;
    margin-left: 1.5rem;
    padding: 10px 40px;
    padding: .625rem 2.5rem
}

.post-gig__footer .btn:first-child {
    margin-left: 0
}

.post-gig__footer .btn-primary:disabled,.post-gig__footer .btn-primary.disabled {
    background-color: #0397b1 !important;
    border-color: #0397b1 !important;
    opacity: .3;
    filter: alpha(opacity=30)
}

@media screen and (max-width: 576px) {
    .post-gig__footer {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .post-gig__footer .btn {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 15px;
        margin-left: .9375rem;
        padding-left: 15px;
        padding-left: .9375rem;
        padding-right: 15px;
        padding-right: .9375rem
    }

    .post-gig__footer .btn:first-child {
        margin-left: 0
    }
}

.gig-imgs-uploader {
    border: 1px dashed #d3dae6;
    padding: 22px 25px 27px;
    padding: 1.375rem 1.5625rem 1.6875rem;
    border-radius: .125rem;
    color: #a8b0bf;
    font-weight: 500;
    font-size: .875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.gig-imgs-uploader:not([disabled]) {
    cursor: pointer
}

.gig-imgs-uploader[disabled] {
    cursor: not-allowed
}

body.droppable .gig-imgs-uploader--drop:not([disabled]) {
    border-color: #0397b1
}

.gig-imgs-uploader__preview {
    border: 1px solid #d3dae6;
    margin-top: 10px;
    margin-top: .625rem;
    padding: 10px;
    padding: .625rem
}

.gig-imgs-uploader__preview .img-preview {
    border: 1px solid #d3dae6;
    float: left
}

.gig-imgs-uploader__preview .info-preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    height: 62px
}

.gig-imgs-uploader__preview .preview-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #a8b0bf;
    font-weight: 500;
    line-height: 1.1716666667
}

.gig-imgs-uploader__preview .preview-progress {
    height: 30px;
    padding-top: 15px
}

.gig-imgs-uploader__preview i {
    cursor: pointer
}

.gig-imgs-uploader__wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.gig-imgs-uploader__text {
    font-size: 16px;
    font-size: 1rem;
    color: #1b1b1b
}

.gig-imgs-uploader__text svg {
    margin-bottom: 3px;
    margin-bottom: .1875rem
}

.gig-imgs-uploader__text i {
    font-size: 28px;
    font-size: 1.75rem
}

.dark-mode .gig-imgs-uploader__text {
    color: #fff
}

.gig-imgs-uploader__info {
    font-size: 12px;
    font-size: .75rem;
    font-weight: normal;
    color: #686d77
}

.gig-imgs-uploader__or {
    color: #a8b0bf;
    margin: 12px 0;
    margin: .75rem 0;
    position: relative;
    width: 286px;
    max-width: 100%
}

.gig-imgs-uploader__or:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(168,176,191,.23)
}

.gig-imgs-uploader__or span {
    background-color: #f5f7fa;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1
}

.gig-imgs-uploader__uploader {
    position: relative;
    text-decoration: underline;
    color: #0397b1;
    margin: 5px 0;
    margin: .3125rem 0
}

.gig-imgs-uploader__uploader>div {
    border: 1px solid #d3dae6;
    padding: 7px 47px 9px 51px;
    padding: .4375rem 2.9375rem .5625rem 3.1875rem;
    position: relative;
    border-radius: .125rem;
    margin-left: auto;
    margin-right: auto;
    color: #1b1b1b
}

.gig-imgs-uploader__uploader>div svg {
    position: absolute;
    left: 12px;
    top: 10px
}

.gig-imgs-uploader__uploader input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 1
}

.gig-imgs-uploader__uploader input:hover+div {
    border-color: #0397b1
}

.gig-imgs-uploader__actions {
    margin-top: 20px;
    margin-top: 1.25rem
}

.gig-imgs-uploader__actions button {
    margin-left: 5px;
    min-width: 120px;
    border-radius: .125rem;
    text-transform: none
}

.gig-imgs-uploader__actions button:first-child {
    margin-left: 0
}

.gig-imgs-uploader__delete {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 1px;
    padding: .0625rem;
    width: 22px;
    height: 22px
}

.gig-imgs-uploader__delete i {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (max-width: 600px) {
    .gig-imgs-uploader {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gig-imgs-uploader__wrap {
        max-width: 100%
    }

    .gig-imgs-uploader__or {
        max-width: 100%
    }

    .gig-imgs-uploader__actions button {
        min-width: 80px
    }
}

.dark-mode .gig-imgs-uploader {
    color: #fff;
    background-color: #22232e;
    border-color: #17181f
}

.dark-mode .gig-imgs-uploader h1,.dark-mode .gig-imgs-uploader h2,.dark-mode .gig-imgs-uploader h3,.dark-mode .gig-imgs-uploader h4,.dark-mode .gig-imgs-uploader h5,.dark-mode .gig-imgs-uploader h6,.dark-mode .gig-imgs-uploader a:not(.btn) {
    color: #fff
}

body.dark-mode .gig-imgs-uploader--drop {
    border-color: #714a00
}

.dark-mode .gig-imgs-uploader svg use {
    fill: rgba(0,0,0,0)
}

.dark-mode .gig-imgs-uploader svg rect {
    fill: rgba(0,0,0,0)
}

.dark-mode .gig-imgs-uploader__text {
    color: #fff
}

.dark-mode .gig-imgs-uploader__or:before {
    background-color: #424455
}

.dark-mode .gig-imgs-uploader__or span {
    background-color: #22232e
}

.dark-mode .gig-imgs-uploader__preview {
    border-color: #714a00
}

.dark-mode .gig-imgs-uploader__preview .img-preview {
    border-color: #714a00
}

.dark-mode .gig-imgs-uploader__uploader input:hover+div,.dark-mode .gig-imgs-uploader__uploader div:hover {
    border-color: #714a00
}

.dark-mode .gig-imgs-uploader__uploader div {
    border-color: #424455;
    color: #fff
}

.single-gig {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.single-gig__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 64.2447418738%;
    padding-right: 91px;
    padding-right: 5.6875rem;
    position: relative
}

.single-gig__back {
    padding: 0
}

@media only screen and (min-width: 1261px) {
    .single-gig__back {
        position:absolute;
        right: 100%;
        width: 89px;
        margin-right: 20px;
        margin-right: 1.25rem;
        margin-top: 23px;
        margin-top: 1.4375rem
    }
}

@media only screen and (max-width: 1260px) {
    .single-gig__back {
        margin-bottom:10px;
        margin-bottom: .625rem
    }
}

.single-gig__sidebar {
    width: 274px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.single-gig__header {
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.single-gig__cats {
    margin-bottom: 11px;
    margin-bottom: .6875rem
}

.single-gig__cats span {
    background-color: #f2f4f7;
    border-radius: .125rem;
    padding: 3px 4px 2px;
    padding: .1875rem .25rem .125rem;
    text-transform: uppercase;
    font-size: .728875rem
}

.dark-mode .single-gig__cats span {
    background-color: #714a00
}

.single-gig__title {
    font-size: 20px;
    font-size: 1.25rem
}

.single-gig__sub-heading {
    padding-top: 12px;
    padding-top: .75rem;
    border-top: 1px solid #d3dae6;
    margin-top: 40px;
    margin-top: 2.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem
}

.dark-mode .single-gig__sub-heading {
    border-top-color: rgba(255,255,255,.1)
}

.single-gig__gallery {
    width: 100%
}

.single-gig__gallery-big {
    margin-bottom: 13px;
    margin-bottom: .8125rem
}

.single-gig__gallery-big-img {
    padding-bottom: 69.1312384473%
}

.single-gig__gallery-thumbs .slick-track {
    margin-left: 0
}

.single-gig__gallery-thumb {
    width: 92px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer
}

.single-gig__gallery-thumb-img {
    padding-bottom: 75%;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0)
}

.single-gig__gallery-thumb.slick-current .single-gig__gallery-thumb-img {
    border-color: #0397b1;
    -webkit-box-shadow: inset 0 0 0 1px #0397b1;
    box-shadow: inset 0 0 0 1px #0397b1
}

@media screen and (max-width: 992px) {
    .single-gig {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .single-gig__content {
        width: 100%;
        padding-right: 0
    }

    .single-gig__sidebar {
        margin-top: 30px;
        margin-top: 1.875rem;
        width: 100%
    }

    .single-gig__header {
        margin-bottom: 25px;
        margin-bottom: 1.5625rem
    }
}

.gig-owner-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
    margin-bottom: 2rem
}

.gig-owner-info__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.gig-owner-info__avatar {
    margin-right: 24px;
    margin-right: 1.5rem;
    width: 64px;
    height: 64px;
    min-width: 64px
}

.gig-owner-info__avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50em
}

.gig-owner-info__name {
    margin-bottom: 4px;
    margin-bottom: .25rem;
    font-size: 14px;
    font-size: .875rem
}

.gig-owner-info__status {
    margin-bottom: 4px;
    margin-bottom: .25rem;
    font-size: .75rem;
    font-weight: 600
}

.gig-owner-info__status.online {
    color: #0397b1
}

.gig-owner-info__status.offline {
    color: #a8b0bf
}

.gig-price-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 14px rgba(97,44,21,.08);
    box-shadow: 0 1px 14px rgba(97,44,21,.08);
    border-radius: .5rem;
    padding: 24px;
    padding: 1.5rem
}

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

.gig-price-block hr {
    margin: 12px 0;
    margin: .75rem 0;
    border-top-color: #d3dae6
}

.gig-price-block .btn-gray {
    color: #1b1b1b
}

.dark-mode .gig-price-block .btn-gray {
    color: #fff
}

.dark-mode .gig-price-block .btn-gray h1,.dark-mode .gig-price-block .btn-gray h2,.dark-mode .gig-price-block .btn-gray h3,.dark-mode .gig-price-block .btn-gray h4,.dark-mode .gig-price-block .btn-gray h5,.dark-mode .gig-price-block .btn-gray h6,.dark-mode .gig-price-block .btn-gray a:not(.btn) {
    color: #fff
}

.gig-price-block .risk-free {
    display: block;
    text-transform: lowercase;
    font-style: italic
}

.gig-new-price .risk-free {
    display: block;
    text-transform: lowercase;
    font-style: italic
}

.gig-chat {
    color: #30394d;
    position: relative
}

.gig-chat hr {
    border-color: #f2f4f7;
    margin: 20px 0;
    margin: 1.25rem 0
}

.gig-chat__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.gig-chat__header h1 {
    margin-bottom: 0
}

.gig-chat__back {
    padding: 0
}

@media only screen and (min-width: 1261px) {
    .gig-chat__back {
        position:absolute;
        right: 100%;
        width: 89px;
        margin-right: 20px;
        margin-right: 1.25rem;
        margin-top: 9px;
        margin-top: .5625rem
    }
}

@media only screen and (max-width: 1260px) {
    .gig-chat__back {
        margin-bottom:10px;
        margin-bottom: .625rem
    }
}

.gig-chat__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.gig-chat__sidebar {
    width: 307px
}

.gig-chat__sidebar-inner {
    padding: 24px 24px 18px;
    padding: 1.5rem 1.5rem 1.125rem;
    border: 1px solid #f2f4f7
}

.dark-mode .gig-chat__sidebar-inner {
    border-color: rgba(255,255,255,.1)
}

.gig-chat__sidebar .btn {
    display: block;
    width: 100%
}

.gig-chat .gig-owner-info__avatar {
    margin-right: 18px;
    margin-right: 1.125rem
}

.gig-chat__gig {
    margin-bottom: 18px;
    margin-bottom: 1.125rem
}

.gig-chat__gig-title {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571429
}

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

.gig-chat__gig-deadline {
    font-size: 12px;
    font-size: .75rem
}

.gig-chat__gig-deadline span {
    display: block;
    color: #a8b0bf
}

.gig-chat__gig-price span {
    font-size: 12px;
    font-size: .75rem;
    margin-right: 3px;
    margin-right: .1875rem
}

.gig-chat__gig-price strong {
    font-size: 16px;
    font-size: 1rem
}

.gig-chat__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 24px
}

.gig-chat__editor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #f2f4f7;
    min-height: 327px
}

.dark-mode .gig-chat__editor {
    border-color: rgba(255,255,255,.1)
}

.gig-chat__window {
    padding-bottom: 32px;
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.gig-chat__window-inner {
    padding: 32px 32px 0;
    padding: 2rem 2rem 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    height: 0
}

.gig-chat__window-separator {
    position: relative;
    text-align: right;
    margin: 40px 0;
    margin: 2.5rem 0
}

.gig-chat__window-separator:before {
    content: "";
    width: 100%;
    border-top: 1px solid #d3dae6;
    position: absolute;
    top: 50%;
    left: 0
}

.gig-chat__window-separator span {
    position: relative;
    z-index: 1;
    padding-left: 8px;
    padding-left: .5rem;
    font-size: 10px;
    font-size: .625rem;
    background-color: #fff;
    color: #a8b0bf
}

.gig-chat__window-separator+.gig-chat__window-message {
    margin-top: 0
}

.dark-mode .gig-chat__window-separator:before {
    border-top-color: #714a00
}

.dark-mode .gig-chat__window-separator span {
    background-color: #2c2d38;
    color: #fff
}

.gig-chat__window-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 32px;
    margin-top: 2rem
}

.gig-chat__window-message-avatar {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
    margin-right: 8px;
    margin-right: .5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.gig-chat__window-message-avatar img {
    -o-object-fit: cover;
    object-fit: cover
}

.gig-chat__window-message-texts {
    margin-bottom: 4px;
    margin-bottom: .25rem;
    max-width: 310px
}

.gig-chat__window-message-text {
    background-color: #f5f7fa;
    margin-top: 12px;
    margin-top: .75rem;
    padding: 16px;
    padding: 1rem;
    border-radius: .5rem;
    color: rgba(32,50,89,.8);
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14285714;
    word-wrap: break-word
}

.gig-chat__window-message-text:first-child {
    margin-top: 0
}

.gig-chat__window-message-text :last-child {
    margin-bottom: 0
}

.dark-mode .gig-chat__window-message-text {
    background-color: #22232e;
    color: rgba(255,255,255,.8)
}

.gig-chat__window-message-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #a8b0bf;
    font-size: 12px;
    font-size: .75rem
}

.gig-chat__window-message+.gig-chat__window-separator {
    margin-top: 8px;
    margin-top: .5rem
}

.gig-chat__window-message--received .gig-chat__window-message-text {
    word-break: break-word
}

.gig-chat__window-message--received .gig-chat__window-message-text:first-child {
    border-top-left-radius: 0
}

.gig-chat__window-message--sent {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.gig-chat__window-message--sent .gig-chat__window-message-text {
    word-break: break-word;
    background-color: #d6ebf1
}

.gig-chat__window-message--sent .gig-chat__window-message-text:first-child {
    border-top-right-radius: 0
}

.dark-mode .gig-chat__window-message--sent .gig-chat__window-message-text {
    background-color: rgba(0,0,0,.2)
}

.gig-chat__window-empty {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.gig-chat__window-empty p {
    margin-top: 26px;
    margin-top: 1.625rem;
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 0
}

.gig-chat__window-empty ul {
    padding-top: .5rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    font-size: .75rem
}

.gig-chat__window-empty ul li {
    list-style-position: inside
}

.gig-chat__write {
    padding: 0 32px 32px 32px;
    padding: 0 2rem 2rem 2rem
}

.gig-chat__write-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.gig-chat__textarea {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.gig-chat__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f5f7fa;
    border-color: #f5f7fa;
    border-radius: .25rem;
    font-size: 14px;
    font-size: .875rem;
    padding: 13px 14px;
    padding: .8125rem .875rem;
    border: 0
}

.gig-chat__input::-webkit-input-placeholder {
    color: #a8b0bf
}

.gig-chat__input::-moz-placeholder {
    color: #a8b0bf
}

.gig-chat__input:-moz-placeholder {
    color: #a8b0bf
}

.gig-chat__input:-ms-input-placeholder {
    color: #a8b0bf
}

.gig-chat__input:focus {
    -webkit-box-shadow: inset 0 0 0 1px #f2f3f5;
    box-shadow: inset 0 0 0 1px #f2f3f5
}

.gig-chat__atts {
    position: absolute;
    top: 0;
    right: 0
}

.gig-chat__atts .btn-link {
    padding: 11px 18px;
    padding: .6875rem 1.125rem;
    font-weight: normal;
    color: #a8b0bf
}

.gig-chat__atts .btn-link i {
    font-size: 20px;
    font-size: 1.25rem
}

.gig-chat__atts .btn-link:hover,.gig-chat__atts .btn-link:focus,.gig-chat__atts .btn-link:active {
    color: #1b1b1b !important
}

.dark-mode .gig-chat__atts .btn-link:hover,.dark-mode .gig-chat__atts .btn-link:focus,.dark-mode .gig-chat__atts .btn-link:active {
    color: #fff !important
}

.gig-chat__atts .btn-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.gig-chat__atts .dropdown-menu {
    padding: 12px 0;
    padding: .75rem 0;
    border: 1px solid #d3dae6;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .25rem;
    min-width: 0
}

.dark-mode .gig-chat__atts .dropdown-menu {
    border-color: rgba(255,255,255,.1)
}

.gig-chat__atts .dropdown-item {
    padding: 6px 16px;
    padding: .375rem 1rem;
    font-size: 16px;
    font-size: 1rem
}

.gig-chat__atts .dropdown-item i {
    width: 20px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    margin-right: 5px;
    margin-right: .3125rem
}

.gig-chat__atts .dropdown-item:hover {
    font-weight: normal;
    color: #1b1b1b
}

.gig-chat__send {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 24px;
    margin-left: 1.5rem;
    padding: 12px 14px;
    padding: .75rem .875rem;
    height: 46px;
    border: 0;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.dark-mode .gig-chat {
    color: #fff
}

@media screen and (max-width: 992px) {
    .gig-chat__main {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gig-chat__sidebar {
        width: 100%;
        margin-bottom: 25px;
        margin-bottom: 1.5625rem
    }

    .gig-chat__content {
        padding-left: 0
    }

    .gig-chat__editor {
        min-height: 450px
    }
}

.gig-cards .row {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -30px
}

.gig-cards .row>.col,.gig-cards .row>[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px
}

.gig-card {
    border: 1px solid #d3dae6;
    border-radius: .25rem;
    overflow: hidden
}

.gig-card__featured {
    border-bottom: 1px solid #d3dae6
}

.gig-card__featured a {
    display: block;
    height: 202px
}

.gig-card__featured img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.gig-card__wrap {
    padding: 20px;
    padding: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.gig-card__meta {
    margin-bottom: 8px;
    margin-bottom: .5rem
}

.gig-card__meta span,.gig-card__meta a {
    font-size: 10px;
    font-size: .625rem;
    text-transform: uppercase;
    padding: 3px 4px;
    padding: .1875rem .25rem;
    color: #1b1b1b;
    background-color: #f2f4f7;
    border-radius: .25rem
}

.dark-mode .gig-card__meta span,.dark-mode .gig-card__meta a {
    background-color: #714a00;
    color: #fff
}

.gig-card__title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 31px;
    margin-bottom: 1.9375rem;
    overflow: hidden;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.gig-card__title a {
    color: #1b1b1b
}

.dark-mode .gig-card__title a {
    color: #fff
}

.gig-card__footer {
    margin-top: auto;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gig-card__price {
    font-weight: 700
}

.gig-card__profile-author {
    margin-bottom: 0
}

.gig-card--hor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gig-card--hor .gig-card__featured {
    width: 32.5862068966%
}

.gig-card--hor .gig-card__featured a {
    height: 100%;
    min-height: 119px
}

.gig-card--hor .gig-card__wrap {
    width: 67.4137931034%
}

.dark-mode .gig-card {
    border-color: rgba(255,255,255,.1)
}

.gig-chat-uploader__item {
    position: relative;
    margin: 5px 0;
    margin: .3125rem 0
}

.gig-chat-uploader__item>div {
    border: 1px solid #d3dae6;
    padding: 7px 47px 9px 51px;
    padding: .4375rem 2.9375rem .5625rem 3.1875rem;
    position: relative;
    border-radius: .125rem;
    margin-left: auto;
    margin-right: auto;
    color: #1b1b1b
}

.gig-chat-uploader__item>div svg {
    position: absolute;
    left: 12px;
    top: 10px
}

.gig-chat-uploader__item input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 1
}

.gig-chat-uploader__item input:hover+div {
    border-color: #0397b1
}

.dark-mode .gig-chat-uploader {
    color: #fff;
    background-color: #22232e;
    border-color: #17181f
}

.dark-mode .gig-chat-uploader h1,.dark-mode .gig-chat-uploader h2,.dark-mode .gig-chat-uploader h3,.dark-mode .gig-chat-uploader h4,.dark-mode .gig-chat-uploader h5,.dark-mode .gig-chat-uploader h6,.dark-mode .gig-chat-uploader a:not(.btn) {
    color: #fff
}

body.dark-mode .gig-chat-uploader--drop {
    border-color: #714a00
}

.dark-mode .gig-chat-uploader svg use {
    fill: rgba(0,0,0,0)
}

.dark-mode .gig-chat-uploader svg rect {
    fill: rgba(0,0,0,0)
}

.dark-mode .gig-chat-uploader__text {
    color: #fff
}

.dark-mode .gig-chat-uploader__or:before {
    background-color: #424455
}

.dark-mode .gig-chat-uploader__or span {
    background-color: #22232e
}

.dark-mode .gig-chat-uploader__preview {
    border-color: #714a00
}

.dark-mode .gig-chat-uploader__preview .img-preview {
    border-color: #714a00
}

.dark-mode .gig-chat-uploader__uploader input:hover+div,.dark-mode .gig-chat-uploader__uploader div:hover {
    border-color: #714a00
}

.dark-mode .gig-chat-uploader__uploader div {
    border-color: #424455;
    color: #fff
}

.single-gig-request {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.single-gig-request__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 64.2447418738%;
    padding-right: 91px;
    padding-right: 5.6875rem;
    position: relative
}

.single-gig-request__back {
    padding: 0
}

@media only screen and (min-width: 1261px) {
    .single-gig-request__back {
        position:absolute;
        right: 100%;
        width: 89px;
        margin-right: 20px;
        margin-right: 1.25rem;
        margin-top: 23px;
        margin-top: 1.4375rem
    }
}

@media only screen and (max-width: 1260px) {
    .single-gig-request__back {
        margin-bottom:10px;
        margin-bottom: .625rem
    }
}

.single-gig-request__sidebar {
    width: 26.1950286807%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.single-gig-request__header {
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.single-gig-request__cats {
    margin-bottom: 11px;
    margin-bottom: .6875rem
}

.single-gig-request__cats span {
    background-color: #f2f4f7;
    border-radius: .125rem;
    padding: 3px 4px 2px;
    padding: .1875rem .25rem .125rem;
    text-transform: uppercase;
    font-size: .728875rem
}

.dark-mode .single-gig-request__cats span {
    background-color: #714a00
}

.single-gig-request__title {
    font-size: 20px;
    font-size: 1.25rem
}

.single-gig-request__sub-heading {
    padding-top: 12px;
    padding-top: .75rem;
    border-top: 1px solid #d3dae6;
    margin-top: 40px;
    margin-top: 2.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem
}

.dark-mode .single-gig-request__sub-heading {
    border-top-color: rgba(255,255,255,.1)
}

.single-gig-request__sub-heading-no-border {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem
}

.dark-mode .single-gig-request__sub-heading-no-border {
    border-top-color: rgba(255,255,255,.1)
}

.single-gig-request__gallery {
    width: 100%
}

.single-gig-request__gallery-big {
    margin-bottom: 13px;
    margin-bottom: .8125rem
}

.single-gig-request__gallery-big-img {
    padding-bottom: 69.1312384473%
}

.single-gig-request__gallery-thumbs .slick-track {
    margin-left: 0
}

.single-gig-request__gallery-thumb {
    width: 92px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer
}

.single-gig-request__gallery-thumb-img {
    padding-bottom: 75%;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0)
}

.single-gig-request__gallery-thumb.slick-current .single-gig-request__gallery-thumb-img {
    border-color: #0397b1;
    -webkit-box-shadow: inset 0 0 0 1px #0397b1;
    box-shadow: inset 0 0 0 1px #0397b1
}

.single-gig-request__responded {
    max-height: 400px;
    overflow: hidden;
    overflow-y: scroll
}

.single-gig-request__responses {
    max-height: 400px;
    overflow: hidden;
    overflow-y: scroll
}

.single-gig-request__response {
    padding: 32px 0;
    padding: 2rem 0;
    border-top: 1px solid #f2f4f7
}

.single-gig-request__response:first-child {
    border-top: 0
}

@media screen and (max-width: 992px) {
    .single-gig-request {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .single-gig-request__content {
        width: 100%;
        padding-right: 0
    }

    .single-gig-request__sidebar {
        margin-top: 30px;
        margin-top: 1.875rem;
        width: 100%
    }

    .single-gig-request__header {
        margin-bottom: 25px;
        margin-bottom: 1.5625rem
    }
}

.gig-request-responses {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem
}

.gig-request-responses .gig-request-response:first-child .gig-request-response__header {
    padding-top: 15px;
    padding-top: .9375rem
}

.gig-request-response__header {
    padding: 30px 0;
    padding: 1.875rem 0
}

.gig-request-response__body {
    padding-bottom: 32px;
    padding-bottom: 2rem
}

.gig-request-response__questions-container {
    position: relative;
    overflow: hidden;
    padding-left: 50px;
    margin-left: -50px
}

.gig-request-response__questions {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem
}

@media screen and (min-width: 769px) {
    .gig-request-response__questions {
        width:70%;
        position: static;
        padding-right: 40px;
        padding-right: 2.5rem
    }

    .gig-request-response__questions:after {
        content: "";
        position: absolute;
        width: 20%;
        right: 0;
        top: 0;
        height: 100%;
        background: -webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(136.88%,rgba(217,217,217,0)),color-stop(136.88%,rgba(255,255,255,0.54)));
        background: -webkit-linear-gradient(right,#fff 0,rgba(217,217,217,0) 136.88%,rgba(255,255,255,0.54) 136.88%);
        background: linear-gradient(270deg,#fff 0,rgba(217,217,217,0) 136.88%,rgba(255,255,255,0.54) 136.88%)
    }
}

.gig-request-response__questions .slick-list,.gig-request-response__questions .slick-track {
    overflow: visible
}

.gig-request-response__questions .slick-arrow {
    background-color: #e1e1e1;
    padding: 8px 12px;
    padding: .5rem .75rem;
    border-radius: 34px;
    width: 34px;
    height: 34px;
    z-index: 10
}

.gig-request-response__questions .slick-arrow:before {
    color: #000
}

.gig-request-response__questions .slick-arrow.slick-next {
    right: 0
}

.gig-request-response__questions .slick-arrow.slick-prev {
    left: 0
}

.gig-request-response__questions .slick-arrow.slick-disabled {
    opacity: 0
}

.gig-request-response__question h4 {
    opacity: .6;
    margin-bottom: 4px;
    margin-bottom: .25rem
}

.gig-request-response__question p {
    margin-bottom: 15px;
    margin-bottom: .9375rem
}

.gig-request-response__heading {
    opacity: .6
}

.gig-request-response__files {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -6px;
    margin-right: -6px;
    margin-top: -12px;
    margin-bottom: 25px;
    margin-bottom: 1.5625rem
}

.gig-request-response__file {
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 12px
}

.gig-request-response__file img {
    width: 75px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover
}

.gig-request-response__gigs {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem
}

.gig-request-response__hire {
    min-width: 150px
}

.gig-request-response__hire .risk-free {
    text-transform: lowercase;
    font-style: italic
}

.gig-request-response--cancelled .gig-request-response__header {
    pointer-events: none
}

.gig-request-response--cancelled .gig-request-response__header .gig-owner-info__inner {
    opacity: .3
}

.profiler-container {
    margin: 0 auto;
    text-align: center;
    padding: 36px 12px;
    max-width: 600px
}

.profiler-submit-btn {
    margin-top: 50px;
    width: 100%;
    padding: 9px 15px;
    border: 1px solid #0397b1;
    color: #0397b1;
    background-color: rgba(0,0,0,0);
    text-transform: uppercase
}

.profiler-submit-btn:hover {
    color: #fff;
    background-color: #0397b1
}

.profiler-box {
    margin: 30px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 13px 15px
}

.profiler-box .profiler-question {
    width: 100%;
    margin: 0 0 10px;
    min-height: 24px;
    text-align: left
}

.profiler-box .answer-container {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0
}

.profiler-box .answer-container .answer-selection {
    width: 100%;
    padding: 9px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background-color: #0397b1;
    border: 1px solid #0397b1;
    color: #fff
}

.profiler-box .answer-container .answer-options {
    display: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto
}

.profiler-box .answer-container .answer-btn {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #c1bfbf;
    padding: 9px 15px;
    background-color: #f5f7fa;
    border: 1px solid #cff6df
}

.profiler-box .answer-container .answer-btn.selected {
    background-color: #cff6df;
    border: 1px solid #f5f7fa
}

.home-hero {
    padding-top: 193px;
    padding-top: 12.0625rem;
    padding-bottom: 186px;
    padding-bottom: 11.625rem
}

.home-hero__text-wrap {
    max-width: 466px
}

.home-hero__heading {
    margin-bottom: 57px;
    margin-bottom: 3.5625rem
}

.home-hero__btn {
    color: rgba(32,50,89,.6);
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase;
    border-color: rgba(32,50,89,.2);
    padding: 10px 42px;
    padding: .625rem 2.625rem;
    line-height: normal;
    letter-spacing: .8px;
    border-radius: .1875rem;
    font-weight: 500
}

.home-hero__btn:hover,.home-hero__btn:not(:disabled):not(.disabled):active,.home-hero__btn:not(:disabled):not(.disabled).active,.show>.home-hero__btn.dropdown-toggle {
    border-color: rgba(32,50,89,.4)
}

.home-hero__btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(32,50,89,.15);
    box-shadow: 0 0 0 .2rem rgba(32,50,89,.15);
    border-color: rgba(32,50,89,.4)
}

.home-hero__btn:not(:disabled):not(.disabled):active:focus,.home-hero__btn:not(:disabled):not(.disabled).active:focus,.show>.home-hero__btn.dropdown-toggle:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(32,50,89,.15);
    box-shadow: 0 0 0 .2rem rgba(32,50,89,.15);
    border-color: rgba(32,50,89,.4)
}

@media screen and (min-width: 993px) {
    .home-hero__artwork {
        position:absolute;
        top: 111px;
        right: 0
    }
}

.home-hero__shape {
    position: absolute;
    top: 0;
    left: 30px
}

@media screen and (max-width: 1440px) {
    .home-hero__shape {
        right:85%;
        left: auto
    }
}

@media screen and (max-width: 1200px) {
    .home-hero__shape {
        display:none
    }
}

@media screen and (max-width: 992px)and (min-width:769px) {
    .home-hero .container-fluid {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-hero__text-wrap {
        width: 50%
    }

    .home-hero__artwork {
        width: 50%;
        padding-left: 25px
    }
}

@media screen and (max-width: 768px) {
    .home-hero {
        padding-top:150px;
        padding-top: 9.375rem;
        padding-bottom: 0
    }

    .home-hero__artwork {
        margin-top: 50px;
        margin-top: 3.125rem;
        margin-right: -20px;
        text-align: right
    }
}

.employers-workers {
    padding: 0
}

.employers-workers__card {
    padding: 106px 54px 106px 389px;
    padding: 6.625rem 3.375rem 6.625rem 24.3125rem;
    background: #0397b1 url("../images/home/employers-workers-artwork.svg") no-repeat left bottom;
    background-size: auto
}

@media screen and (min-width: 993px) {
    .employers-workers__list {
        padding-right:18px;
        padding-right: 1.125rem;
        margin-left: 83px;
        margin-left: 5.1875rem;
        border-right: 1px solid rgba(231,231,231,.4)
    }

    .employers-workers__list:first-child {
        margin-left: 0
    }

    .employers-workers__list:last-child {
        border-right: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 992px) {
    .employers-workers__list {
        margin-top:40px;
        margin-top: 2.5rem
    }

    .employers-workers__list:first-child {
        margin-top: 0
    }
}

.employers-workers__subtitle {
    color: #203259;
    font-size: 13px;
    font-size: .8125rem;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 37px;
    margin-bottom: 2.3125rem;
    line-height: normal
}

.employers-workers__list-ul {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: normal
}

.employers-workers__list-ul li {
    margin-top: 15px;
    margin-top: .9375rem
}

.employers-workers__list-ul li:first-child {
    margin-top: 0
}

@media screen and (max-width: 992px) {
    .employers-workers__card {
        padding-top:80px;
        padding-top: 5rem;
        padding-bottom: 80px;
        padding-bottom: 5rem
    }
}

@media screen and (max-width: 768px) {
    .employers-workers__card {
        padding-left:20px;
        padding-right: 20px;
        background-image: none
    }
}

@media screen and (max-width: 768px)and (min-width:577px) {
    .employers-workers__text-wrap {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .employers-workers__list {
        margin-top: 0;
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .employers-workers__list:first-child {
        padding-left: 0
    }
}

.whats-inside {
    padding: 191px 0 189px;
    padding: 11.9375rem 0 11.8125rem
}

.whats-inside__image-wrap {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media screen and (min-width: 769px) {
    .whats-inside__image-wrap {
        height:10px;
        min-height: 461px
    }
}

@media screen and (min-width: 769px) {
    .whats-inside__image {
        position:absolute;
        top: 0;
        right: 0;
        width: auto;
        max-width: none
    }
}

.whats-inside__text-wrap {
    padding-top: 28px;
    padding-top: 1.75rem
}

@media screen and (min-width: 769px) {
    .whats-inside__text-wrap {
        margin-left:7.3096446701%;
        max-width: 397px;
        -webkit-flex-basis: 397px;
        -ms-flex-preferred-size: 397px;
        flex-basis: 397px
    }
}

.whats-inside__shape {
    top: 0;
    left: 0;
    max-width: 50%
}

@media screen and (max-width: 768px) {
    .whats-inside {
        padding-top:120px;
        padding-top: 7.5rem;
        padding-bottom: 120px;
        padding-bottom: 7.5rem
    }
}

.worker-employer-tabs {
    padding: 0 0 189px;
    padding: 0 0 11.8125rem
}

.worker-employer-tabs .nav-tabs {
    margin-bottom: 107px;
    margin-bottom: 6.6875rem
}

.worker-employer-tabs .nav-tabs .nav-link {
    font-size: 1.0208333336rem;
    font-weight: 700;
    text-transform: none;
    line-height: 1.75
}

.worker-employer-tabs .nav-tabs .nav-link:not(.active) {
    opacity: .7;
    filter: alpha(opacity=70)
}

@media screen and (min-width: 769px) {
    .worker-employer-tabs__image-wrap {
        -webkit-flex-shrink:1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 10px;
        min-height: 461px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 769px) {
    .worker-employer-tabs__image {
        position:absolute;
        top: 0;
        left: 0;
        width: auto;
        max-width: none
    }
}

.worker-employer-tabs__text-wrap {
    padding-top: 35px;
    padding-top: 2.1875rem
}

@media screen and (min-width: 769px) {
    .worker-employer-tabs__text-wrap {
        margin-right:9.3401015228%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 37%;
        -webkit-flex-basis: 37%;
        -ms-flex-preferred-size: 37%;
        flex-basis: 37%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        line-height: 2
    }
}

.worker-employer-tabs__cta {
    margin-top: 50px;
    margin-top: 3.125rem
}

.worker-employer-tabs__shape {
    top: 146px;
    right: 0;
    max-width: 50%
}

@media screen and (max-width: 768px) {
    .worker-employer-tabs {
        padding-bottom:100px;
        padding-bottom: 6.25rem
    }

    .worker-employer-tabs .nav-tabs {
        margin-bottom: 70px;
        margin-bottom: 4.375rem
    }

    .worker-employer-tabs__cta {
        margin-top: 20px;
        margin-top: 1.25rem
    }
}

.home-profile-section {
    background: #f4f4f4;
    background: -webkit-gradient(linear,left top,right top,from(#f4f4f4),to(#ededeb));
    background: -webkit-linear-gradient(left,#f4f4f4,#ededeb);
    background: linear-gradient(to right,#f4f4f4,#ededeb);
    padding: 0;
    overflow: hidden
}

.home-profile-section .container-fluid {
    position: relative;
    padding-top: 159px;
    padding-top: 9.9375rem;
    padding-bottom: 336px;
    padding-bottom: 21rem
}

.home-profile-section__person {
    position: absolute;
    top: 0;
    left: -120px;
    width: auto;
    max-width: none
}

.home-profile-section__shape {
    top: 0;
    left: 0;
    z-index: 1
}

.home-profile-section__shape-2 {
    bottom: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 1200px) {
    .home-profile-section__shape {
        max-width:25%
    }

    .home-profile-section__shape-2 {
        max-width: 50%
    }
}

@media screen and (max-width: 768px) {
    .home-profile-section .profile-card {
        max-width:250px;
        margin-right: 0;
        margin-left: auto
    }

    .home-profile-section__person {
        right: -500px;
        left: auto
    }
}

@media only screen and (max-width: 565px) {
    .home-profile-section__person {
        right:auto;
        left: -275px
    }
}

.home-referral {
    padding-top: 0;
    padding-bottom: 78px;
    padding-bottom: 4.875rem;
    position: relative;
    z-index: 1
}

.home-referral .container-fluid {
    max-width: 1252px
}

.home-referral__card {
    margin-top: -198px;
    margin-top: -12.375rem;
    padding: 115px 315px 98px 186px;
    padding: 7.1875rem 19.6875rem 6.125rem 11.625rem;
    background: rgba(0,0,0,0) url("../images/home/info_block_2@2x.jpg") no-repeat bottom left;
    background-size: auto 100%;
    position: relative
}

.home-referral__card-title {
    line-height: 1.4615
}

.home-referral__card-subtitle {
    letter-spacing: 1.3px;
    opacity: .8;
    filter: alpha(opacity=80)
}

.home-referral__card-shape {
    top: 100%;
    left: 908px;
    margin-top: -46px;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg)
}

.home-referral__card p a {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -2px 0 #fec40f;
    box-shadow: inset 0 -2px 0 #fec40f
}

.home-referral__card p a:hover {
    color: #fff;
    -webkit-box-shadow: inset 0 -4px 0 #fec40f;
    box-shadow: inset 0 -4px 0 #fec40f
}

@media screen and (max-width: 1200px) {
    .home-referral__card {
        padding-right:186px;
        padding-right: 11.625rem
    }

    .home-referral__card-shape {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .home-referral {
        padding-bottom:50px;
        padding-bottom: 3.125rem
    }

    .home-referral__card {
        padding: 80px 50px;
        padding: 5rem 3.125rem;
        background-image: none;
        background-color: #0397b1
    }

    .home-referral__card-title {
        font-size: 1.458625rem !important
    }
}

@media screen and (max-width: 576px) {
    .home-referral__card {
        padding:50px 30px;
        padding: 3.125rem 1.875rem
    }
}

.faq-section {
    padding-top: 0;
    padding-top: 78px;
    padding-top: 4.875rem;
    padding-bottom: 170px;
    padding-bottom: 10.625rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .faq-section {
        padding-top:80px;
        padding-top: 5rem;
        padding-bottom: 80px;
        padding-bottom: 5rem
    }
}

.mm03 {
    padding: 138px 0 123px;
    padding: 8.625rem 0 7.6875rem;
    position: relative;
    z-index: 1
}

.mm03__alert {
    margin-top: 74px;
    margin-top: 4.625rem
}

.mm03__alert i {
    width: 21px;
    height: 21px
}

.mm03__shape {
    top: 90px;
    left: 0;
    z-index: -1
}

@media screen and (max-width: 768px) {
    .mm03 {
        padding:90px 0 80px;
        padding: 5.625rem 0 5rem
    }

    .mm03__shape {
        max-width: 200px;
        top: 30px
    }

    .mm03__alert {
        margin-top: 40px;
        margin-top: 2.5rem;
        margin-bottom: 0
    }
}

.home {
    color: #1b1b1b;
}

.home h1,.home h2,.home h3,.home h4,.home h5,.home h6 {
    color: #30394d;
}

.home img {
    height: auto;
    max-width: 100%
}

.home .container-fluid {
    max-width: 1126px
}

.home .main {
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.home--worker [data-landing-show=business] {
    display: none
}

.home--business [data-landing-show=worker] {
    display: none
}

.home-sections .btn {
    padding: 20px 48px;
    padding: 1.25rem 3rem;
    font-size: 16px;
    font-size: 1rem;
    border-radius: .625rem;
    text-transform: uppercase;
    font-weight: 700
}

.home-section__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
    margin-bottom: 3.75rem
}

.home-section__header-left {
    width: 46.0405156538%
}

.home-section__header-right {
    width: 43.4622467772%
}

.home-section__heading {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16666667;
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
    text-transform: uppercase
}

.home-section__title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.33333333;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    font-weight: 700
}

.home-section__subtitle {
    color: #0397b1;
    font-size: 16px;
    font-size: 1rem;
    line-height: normal;
    margin-bottom: 14px;
    margin-bottom: .875rem;
    font-weight: 700
}

.home-section__text {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5
}

.home-section__list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
    color: #30394d
}

.home-section__list li {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 15px;
    margin-top: .9375rem;
    position: relative;
    padding-left: 28px;
    padding-left: 1.75rem
}

.home-section__list li:first-child {
    margin-top: 0
}

.home-section__list li:before {
    content: "•";
    color: #0397b1;
    font-size: 37px;
    font-size: 2.3125rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: .9
}

.home-section__info-text {
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: .91666667;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-section__info-text span {
    margin-top: 2px;
    margin-left: 15px;
    margin-left: .9375rem;
    font-family: "Farsan",sans-serif
}

@media screen and (max-width: 768px) {
    .home-section__header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .home-section__header-left,.home-section__header-right {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .home-section__header {
        margin-bottom:30px;
        margin-bottom: 1.875rem
    }

    .home-section__title {
        font-size: 24px;
        font-size: 1.5rem
    }

    .home-section__heading {
        font-size: 30px;
        font-size: 1.875rem
    }

    .home-section__text {
        font-size: 16px;
        font-size: 1rem
    }
}

.switch-to-landing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.switch-to-landing__toggle {
    margin-top: 20px;
    margin-top: 1.25rem;
    margin-left: 10px;
    margin-right: 10px
}

.switch-to-landing__toggle .zawp-toggle .zawp-toggle__switch {
    -webkit-transform: scale(1.444);
    -ms-transform: scale(1.444);
    transform: scale(1.444)
}

.switch-to-landing img {
    margin-left: 20px;
    margin-left: 1.25rem
}

.switch-to-landing span {
    font-family: "Farsan",sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: .91666667;
    margin-left: 14px;
    margin-left: .875rem
}

@media screen and (max-width: 768px) {
    .switch-to-landing span {
        font-size:18px;
        font-size: 1.125rem;
        margin-top: 10px;
        margin-top: .625rem
    }
}

.numbered-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0 60px;
    margin: 2.5rem 0 3.75rem;
    position: relative
}

.numbered-heading:first-child {
    margin-top: 0
}

.numbered-heading__number {
    margin-right: 35px;
    margin-right: 2.1875rem;
    color: #fec40f;
    background-color: #fff3cf;
    width: 52px;
    height: 52px;
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 52px;
    font-weight: 700;
    display: block;
    border-radius: .25rem
}

.numbered-heading__heading {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.25;
    margin: 0
}

.numbered-heading__label {
    background-color: #d3dae6;
    padding: 8px 16px;
    padding: .5rem 1rem;
    border-radius: .5rem;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -50px;
    margin-left: 15px
}

@media screen and (max-width: 768px) {
    .numbered-heading {
        margin-bottom:30px;
        margin-bottom: 1.875rem;
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .numbered-heading__heading {
        font-size: 28px;
        font-size: 1.75rem
    }

    .numbered-heading__number {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        font-size: 1.25rem;
        margin-right: 15px;
        margin-right: .9375rem
    }

    .numbered-heading__label {
        position: absolute;
        bottom: 100%;
        margin-top: -10px;
        right: 0
    }
}

.numbered-heading--stacked {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.numbered-heading--stacked .numbered-heading__number {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.numbered-feature-list {
    list-style: none;
    margin: 0 0 1.875rem;
    padding: 0
}

.numbered-feature-list li {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 35px;
    margin-top: 2.1875rem
}

.numbered-feature-list li:first-child {
    margin-top: 0
}

.numbered-feature-list li h4 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.numbered-feature-list li p {
    margin: 0
}

.numbered-feature-list li>span {
    padding: 3px 5px;
    padding: .1875rem .3125rem;
    width: 30px;
    height: 25px;
    border-radius: .25rem;
    text-align: center;
    line-height: 19px;
    color: #fff;
    background-color: #d3dae6;
    margin-bottom: 12px;
    margin-bottom: .75rem;
    font-size: 12px;
    font-size: .75rem;
    display: inline-block
}

.numbered-feature-list li:nth-child(3n+1)>span {
    background-color: #00a149;
}

.numbered-feature-list li:nth-child(3n+2)>span {
    background-color: #fec40f
}

.numbered-feature-list li:nth-child(3n+3)>span {
    background-color: #2d6eed
}

@media screen and (max-width: 768px) {
    .numbered-feature-list {
        margin-bottom:0
    }

    .numbered-feature-list li {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .numbered-feature-list li h4 {
        font-size: 16px;
        font-size: 1rem
    }
}

.m01 {
    padding-top: 202px;
    padding-top: 12.625rem;
    padding-bottom: 92px;
    padding-bottom: 5.75rem;
    background-color: #e7f9fa;
}

.m01__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.m01__text-wrap {
    width: 392px;
    position: relative
}

.m01__previously-pw {
    position: absolute;
    top: -119px;
    left: 76px
}

@media screen and (max-width: 768px) {
    .m01__previously-pw {
        top:-79px
    }
}

.m01__arrow {
    position: absolute;
    left: 260px;
    top: -7px;
    width: 29.4659300184%
}

.m01__img-wrap {
    width: 63.7200736648%;
    margin-right: -9.9447513812%
}

.m01__title {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1.17857143;
    margin-bottom: 12px;
    margin-bottom: .75rem;
    text-transform: uppercase;
    font-weight: 700
}

.m01__text {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.m01__info-text {
    margin-left: 17.1965317919%
}

@media only screen and (max-width: 1200px) {
    .m01__img-wrap {
        margin-right:-5.3406998158%
    }

    .m01__arrow {
        width: 23.0202578269%
    }
}

@media screen and (max-width: 768px) {
    .m01 {
        padding-top:150px;
        padding-top: 9.375rem
    }

    .m01__title {
        font-size: 40px;
        font-size: 2.5rem
    }

    .m01__text {
        font-size: 16px;
        font-size: 1rem
    }

    .m01__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m01__arrow {
        display: none
    }

    .m01__text-wrap,.m01__img-wrap {
        margin: 0;
        width: 100%
    }

    .m01__img-wrap-2 {
        margin-left: -10%;
        margin-right: -10%
    }

    .m01__text-wrap {
        margin-bottom: 40px;
        margin-bottom: 2.5rem
    }

    .m01__info-text {
        margin-left: 0;
        margin-left: 0;
        font-size: 20px;
        font-size: 1.25rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 769px) {
    .m01--referral {
        padding-bottom:156px;
        padding-bottom: 9.75rem
    }
}

.m01--referral .m01__text-wrap {
    width: 661px;
    max-width: 100%
}

.m01--referral svg {
    margin-left: 60px;
    margin-left: 3.75rem;
    margin-top: -15px;
    margin-top: -0.9375rem
}

.m01--referral .m01__text {
    color: #203259
}

.m01--referral .m01__title {
    color: #203259 !important
}

.m02 {
    padding-top: 200px;
    padding-top: 12.5rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m02__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m02__img-wrap {
    margin-left: 8.0110497238%;
    width: 41.0681399632%;
    background-color: #fce3e5;
    padding: 56px 0;
    padding: 3.5rem 0;
    border-radius: .5rem
}

.m02__img-wrap-inner {
    margin-left: -109px;
    margin-left: -6.8125rem;
    margin-bottom: -38px;
    margin-bottom: -2.375rem;
    margin-bottom: -9.200968523%
}

.m02__text-wrap {
    position: relative;
    width: 43.4622467772%
}

.m02__arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 68px
}

.home--business .m02 .m02__img-wrap {
    margin-left: 0;
    border-radius: .5rem
}

.home--business .m02 .m02__img-wrap-inner {
    margin: 0
}

@media screen and (min-width: 769px) {
    .home--business .m02 .m02__img-wrap {
        padding:57px 0 0 57px;
        padding: 3.5625rem 0 0 3.5625rem;
        width: 49.0791896869%
    }
}

@media screen and (max-width: 768px) {
    .home--business .m02 .m02__img-wrap {
        padding:30px 0 0 30px;
        padding: 1.875rem 0 0 1.875rem
    }
}

@media screen and (max-width: 768px) {
    .m02 {
        padding-top:100px;
        padding-top: 6.25rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }

    .m02__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m02__arrow {
        display: none
    }

    .m02__text-wrap,.m02__img-wrap {
        margin: 0;
        width: 100%
    }

    .m02__img-wrap {
        margin-bottom: 40px;
        margin-bottom: 2.5rem;
        text-align: right
    }

    .m02__img-wrap-inner {
        margin-left: 0
    }
}

.m03 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m03__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .5rem;
    background-color: #fff3cf
}

.m03__img-wrap {
    padding-top: 55px;
    padding-top: 3.4375rem;
    width: 54.5119705341%;
    border-radius: .5rem;
    position: relative
}

.m03 .m03__img-2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 152.974%;
    max-width: none;
    margin-bottom: -20px
}

.m03__text-wrap {
    position: relative;
    width: 43.4622467772%;
    padding: 54px 0 54px 70px;
    padding: 3.375rem 0 3.375rem 4.375rem
}

.m03__title {
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.m03__arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 68px
}

.home--business .m03 .m03__row {
    background-color: #f5f7fa
}

@media screen and (min-width: 769px) {
    .home--business .m03 .m03__row {
        padding:73px 79px 94px 70px;
        padding: 4.5625rem 4.9375rem 5.875rem 4.375rem
    }
}

.home--business .m03 .m03__text-wrap,.home--business .m03 .m03__img-wrap {
    padding: 0
}

@media screen and (min-width: 769px) {
    .home--business .m03 .m03__text-wrap {
        width:43.8722966014%
    }

    .home--business .m03 .m03__img-wrap-inner {
        margin-right: -46px;
        margin-top: -39px;
        margin-bottom: -54px;
        margin-left: -19px
    }
}

.home--business .m03 .m03__title {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.home--business .m03 .m03__text {
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

@media screen and (max-width: 768px) {
    .m03 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }

    .m03__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px;
        padding: 1.875rem
    }

    .m03__arrow {
        display: none
    }

    .m03__text-wrap,.m03__img-wrap {
        width: 100%
    }

    .m03__text-wrap {
        margin-bottom: 40px;
        margin-bottom: 2.5rem;
        padding: 40px 40px 0;
        padding: 2.5rem 2.5rem 0
    }

    .m03__img-wrap {
        text-align: right;
        padding-top: 0
    }

    .m03 .m03__img-2 {
        width: 100%;
        margin-bottom: 0
    }

    .home--business .m03 .m03__row {
        padding: 40px;
        padding: 2.5rem
    }
}

.m04 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m04__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m04__img-wrap {
    width: 43.4622467772%;
    background-color: #e7f9fa;
    padding: 50px 50px 50px 0;
    padding: 3.125rem 3.125rem 3.125rem 0;
    border-radius: .5rem
}

.m04__img-wrap-inner {
    margin-left: -81px;
    margin-left: -5.0625rem;
    margin-left: -17.1610169492%
}

.m04__text-wrap {
    position: relative;
    width: 43.4622467772%
}

.m04__title {
    max-width: 380px;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.m04__text {
    margin-bottom: 60px;
    margin-bottom: 3.75rem
}

.m04--layout-2 .m04__row {
    background-color: #f5f7fa
}

@media screen and (min-width: 769px) {
    .m04--layout-2 .m04__row {
        padding:39px 0 0 70px;
        padding: 2.4375rem 0 0 4.375rem
    }
}

@media screen and (min-width: 769px) {
    .m04--layout-2 .m04__text-wrap {
        padding:42px 0 81px;
        padding: 2.625rem 0 5.0625rem;
        width: 38.7619047619%
    }
}

@media screen and (max-width: 768px) {
    .m04--layout-2 .m04__text-wrap {
        padding:45px;
        padding: 2.8125rem;
        margin-bottom: 0
    }
}

.m04--layout-2 .m04__title {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.m04--layout-2 .m04__text {
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.m04--layout-2 .m04__img-wrap {
    background-color: rgba(0,0,0,0);
    padding: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.m04--layout-2 .m04__img-wrap-inner {
    margin: 0
}

@media screen and (min-width: 769px) {
    .m04--layout-2 .m04__img-wrap {
        width:51.5238095238%
    }
}

@media screen and (max-width: 768px) {
    .m04--layout-2 .m04__img-wrap {
        padding-left:20px;
        padding-left: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .m04 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }

    .m04__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m04__arrow {
        display: none
    }

    .m04__text-wrap,.m04__img-wrap {
        width: 100%
    }

    .m04__text-wrap {
        margin-bottom: 40px;
        margin-bottom: 2.5rem
    }

    .m04__img-wrap {
        text-align: right;
        max-width: 503px;
        margin-right: 0;
        margin-left: auto;
        padding: 35px 30px 35px 0;
        padding: 2.1875rem 1.875rem 2.1875rem 0
    }

    .m04__img-wrap-inner {
        left: 0
    }
}

.m05 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m05 .home-section__header {
    margin-bottom: 45px;
    margin-bottom: 2.8125rem
}

.m05__img-wrap {
    background-color: #d6ebf1;
    padding: 55px;
    padding: 3.4375rem;
    border-radius: .5rem;
    position: relative
}

.m05__arrow {
    position: absolute;
    right: 103px;
    top: 100%
}

.m05 .switch-to-landing {
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

@media screen and (max-width: 768px) {
    .m05 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }

    .m05__img-wrap {
        padding: 20px 0 0 20px;
        padding: 1.25rem 0 0 1.25rem
    }

    .m05__arrow {
        display: none
    }
}

.m06 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m06__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m06__img-wrap {
    width: 49.0791896869%;
    background-color: #e7f9fa;
    padding: 48px;
    padding: 3rem;
    border-radius: .5rem
}

.m06__img-wrap-inner {
    position: relative
}

.m06__text-wrap {
    position: relative;
    width: 43.4622467772%
}

.m06__title {
    max-width: 380px;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.m06__text {
    margin-bottom: 60px;
    margin-bottom: 3.75rem
}

.m06__img-wrap {
    position: relative
}

.m06__img-left,.m06__img-right {
    position: absolute;
    -webkit-box-shadow: 0 14px 34px rgba(26,20,38,.07);
    box-shadow: 0 14px 34px rgba(26,20,38,.07)
}

.m06__img-left {
    bottom: 64px;
    left: -82px
}

.m06__img-right {
    top: 62px;
    right: -85px
}

.m06__btn {
    margin-top: 30px;
    margin-top: 1.875rem
}

.home--business .m06 .m06__subtitle {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem
}

.home--business .m06 .m06__img-wrap {
    background-color: #efe8ff
}

@media screen and (min-width: 769px) {
    .home--business .m06 .m06__img-wrap {
        padding:31px 0 33px;
        padding: 1.9375rem 0 2.0625rem
    }

    .home--business .m06 .m06__img-wrap-inner {
        margin: -19px -63px -43px -92px;
        margin: -1.1875rem -3.9375rem -2.6875rem -5.75rem
    }
}

@media screen and (max-width: 768px) {
    .home--business .m06 .m06__img-wrap {
        padding:15px 5px;
        padding: .9375rem .3125rem
    }

    .home--business .m06 .m06__img-wrap-inner {
        margin-left: -15%;
        margin-right: -15%
    }
}

@media screen and (max-width: 768px) {
    .m06 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }

    .m06__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m06__arrow {
        display: none
    }

    .m06__text-wrap,.m06__img-wrap {
        width: 100%
    }

    .m06__img-wrap {
        margin-bottom: 40px;
        margin-bottom: 2.5rem
    }

    .m06__img-wrap {
        margin-left: 20px;
        margin-right: 20px;
        width: auto
    }

    .m06__img-wrap-inner {
        margin: -10px
    }
}

.m07 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m07__inner {
    border-radius: .5rem;
    background-color: #e8f8fd;
    padding: 65px;
    padding: 4.0625rem
}

.m07__inner-2 {
    max-width: 643px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.m07__title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16666667;
    margin-bottom: 15px;
    margin-bottom: .9375rem
}

.m07__text {
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 33px;
    margin-bottom: 2.0625rem
}

.m07__arrow-right,.m07__arrow-left {
    position: absolute
}

.m07__arrow-left {
    right: 100%;
    margin-right: 12px;
    top: 30%
}

.m07__arrow-right {
    left: 100%;
    margin-left: 16px;
    top: 6%
}

.m07__btn {
    margin-top: 14px;
    margin-top: .875rem
}

.m07__info-text {
    margin-top: 33px;
    margin-top: 2.0625rem
}

.home--business .m07 .m07__inner-2 {
    max-width: 667px;
    margin-left: auto;
    margin-right: auto
}

.m07--referral .m07__arrow {
    position: absolute;
    right: 0;
    top: 185px
}

.m07--referral .m07__text {
    max-width: none;
    color: #203259
}

.m07--referral .m07__title {
    color: #203259 !important
}

@media screen and (max-width: 768px) {
    .m07 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem;
        margin-left: -20px;
        margin-right: -20px
    }

    .m07__inner {
        padding: 40px 20px;
        padding: 2.5rem 1.25rem
    }

    .m07__title {
        font-size: 28px;
        font-size: 1.75rem;
        text-align: left
    }

    .m07__text {
        text-align: left;
        max-width: none
    }

    .m07__arrow-left,.m07__arrow-right {
        display: none
    }

    .m07__info-text {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 0 !important
    }
}

.m08 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

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

.m08__img-wrap {
    width: 49.0791896869%;
    border-radius: .5rem;
    overflow: hidden
}

.m08__text-wrap {
    position: relative;
    width: 43.4622467772%
}

.m08__title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16666667;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.m08__title span {
    position: relative;
    margin-right: 5px
}

.m08__title span:before {
    content: "";
    background: rgba(0,0,0,0) url("../images/home-worker/referral-text-pointer@2x.png") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    width: 126px;
    height: 85px;
    top: -10px;
    left: -35px
}

.m08__text {
    margin-bottom: 60px;
    margin-bottom: 3.75rem
}

@media screen and (max-width: 768px) {
    .m08 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }

    .m08__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m08__arrow {
        display: none
    }

    .m08__text-wrap,.m08__img-wrap {
        width: 100%
    }

    .m08__img-wrap {
        margin-bottom: 40px;
        margin-bottom: 2.5rem
    }

    .m08__title {
        font-size: 30px;
        font-size: 1.875rem
    }

    .m08__title span:before {
        width: 65px;
        left: -12px;
        top: -3px;
        height: 44px
    }

    .m08__text {
        margin-bottom: 30px;
        margin-bottom: 1.875rem
    }
}

.m09 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m09__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m09__left {
    width: 36.832412523%
}

.m09__text-wrap {
    position: relative;
    width: 43.4622467772%
}

.m09__title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16666667;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.m09__text {
    margin-bottom: 60px;
    margin-bottom: 3.75rem
}

@media screen and (max-width: 768px) {
    .m09 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }

    .m09__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .m09__arrow {
        display: none
    }

    .m09__text-wrap,.m09__left {
        width: 100%
    }

    .m09__title {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.m10 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

@media screen and (max-width: 768px) {
    .m10 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }
}

.m11 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.m11__features {
    margin-top: -60px;
    margin-top: -3.75rem
}

.m11__feature {
    margin-top: 60px;
    margin-top: 3.75rem
}

.m11__feature-icon {
    font-size: 56px;
    font-size: 3.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    line-height: 1
}

.m11__feature-text {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0
}

.m11__how-heading {
    margin-top: 200px;
    margin-top: 12.5rem
}

.m11__how-num {
    font-size: 100px;
    font-size: 6.25rem;
    line-height: 1;
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.m11__how-text {
    font-size: 20px;
    font-size: 1.25rem
}

.m11__how svg {
    margin-top: -20px
}

@media screen and (max-width: 768px) {
    .m11 {
        padding-top:50px;
        padding-top: 3.125rem;
        padding-bottom: 50px;
        padding-bottom: 3.125rem
    }
}

.m12 {
    padding-top: 100px;
    padding-top: 6.25rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem
}

.profile-card.bg-primary {
    background: rgba(0,0,0,0) url("../images/big-circle.svg") no-repeat bottom right
}

.profile-card .card-body {
    padding: 25px;
    padding: 1.5625rem
}

.profile-card__avatar img {
    height: 36px;
    height: 2.25rem;
    width: 36px;
    width: 2.25rem
}

.profile-card__avatar--public img {
    height: 128px;
    height: 8rem;
    width: 128px;
    width: 8rem;
    height: auto
}

.profile-card__header {
    margin-bottom: 29px;
    margin-bottom: 1.8125rem
}

.profile-card__author-info {
    line-height: 1.357142857
}

.profile-card__author {
    margin-bottom: 6px;
    margin-bottom: .375rem
}

.profile-card__author span {
    margin-left: 6px;
    margin-left: .375rem;
    color: rgba(255,255,255,.6);
    font-size: 12px;
    font-size: .75rem
}

.profile-card__author-points {
    margin-bottom: 0
}

.profile-card__alert {
    font-size: 12px;
    font-size: .75rem
}

.profile-card__alert strong {
    font-weight: 700
}

.profile-card__balance-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500
}

.profile-card__cta {
    font-weight: 600
}

.dark-mode .profile-card {
    background-image: none
}

.page-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f7fa
}

.page-filters .page-filter {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page-filters .page-filter:after {
    content: "";
    width: 1px;
    height: 24px;
    background-color: #e2e8f4;
    display: block;
    position: absolute;
    width: 1px;
    height: 24px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-filters .page-filter:last-child:after,.page-filters .page-filter:last-of-type:after,.page-filters .page-filter.show+div:after {
    display: none
}

.page-filters--gigs {
    width: 480px;
    max-width: 100%
}

.page-filters--gigs .page-filter {
    max-width: 33.33%
}

.page-filters--gigs-no-status {
    width: 480px;
    max-width: 100%
}

.page-filters--gigs-no-status .page-filter {
    max-width: 50%
}

.page-filters--requested-gigs {
    width: 480px;
    max-width: 100%;
    background-color: rgba(0,0,0,0)
}

.page-filters--requested-gigs .page-filter {
    max-width: 33.33%;
    background-color: #f5f7fa;
    margin-left: 12px;
    margin-left: .75rem
}

.page-filters--requested-gigs .page-filter:first-child {
    margin-left: 0
}

.page-filters--requested-gigs .page-filter:after {
    display: none
}

.page-filters--requested-gigs .page-filter--search {
    max-width: 66%
}

.page-filters--requested-gigs .form-control {
    border: 0;
    line-height: none;
    padding: 16px 12px;
    padding: 1rem .75rem
}

.page-filters--select-gigs {
    width: 650px;
    max-width: 100%
}

.page-filters--select-gigs .page-filter {
    max-width: 33.33%
}

.page-filters--surveys-offers {
    width: 500px;
    max-width: 100%
}

.page-filters--surveys-offers .page-filter {
    max-width: 33.33%
}

@media screen and (max-width: 768px) {
    .page-filters {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page-filters .page-filter {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media screen and (max-width: 600px) {
    .page-filters .page-filter {
        width:100%;
        max-width: none
    }
}

@media screen and (max-width: 576px) {
    .page-filters {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page-filters .page-filter {
        width: 100%;
        border-bottom: 1px solid #e2e8f4
    }

    .page-filters .page-filter:after {
        display: none !important
    }
}

.dark-mode .page-filters .page-filter:after {
    background-color: #2c2d38
}

@media only screen and (max-width: 600px) {
    .dark-mode .page-filters .page-filter {
        border-color:#2c2d38
    }
}

.page-filters--for-workers .page-filter {
    max-width: none
}

.page-filter {
    max-width: 20%;
    position: relative
}

.page-filter.disabled {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none
}

.page-filter .dropdown-toggle {
    padding: 12.5px 24px 14.5px;
    padding: .78125rem 1.5rem .90625rem;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #686d77
}

.page-filter .dropdown-toggle:after {
    position: 50%;
    top: 8px;
    margin-top: -2.5px;
    margin-top: -0.15625rem;
    display: block
}

.page-filter .dropdown-toggle:hover {
    text-decoration: none;
    background-color: #f2f4f7
}

.page-filter .dropdown-toggle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%
}

.page-filter .dropdown-toggle div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px
}

.page-filter .dropdown-toggle div span:after {
    content: ","
}

.page-filter .dropdown-toggle div span:last-child:after {
    content: ""
}

.page-filter .dropdown-menu {
    margin-top: 8.5px;
    margin-top: .53125rem
}

.page-filter .dropdown-menu .btn {
    padding-top: 10px;
    padding-top: .625rem;
    padding-bottom: 10px;
    padding-bottom: .625rem
}

.page-filter .dropdown.show .dropdown-toggle {
    background-color: #f2f4f7
}

.page-filter .dropdown.show .dropdown-toggle:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-filter__menu {
    width: 322px
}

.page-filter__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 18px;
    padding: .9375rem 1.125rem
}

.page-filter__options.two-cols .page-filter__option {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.page-filter__option {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.page-filter__option:first-child {
    margin-top: 0
}

.page-filter__option label {
    display: block;
    padding-top: 7px;
    padding-top: .4375rem;
    padding-bottom: 7px;
    padding-bottom: .4375rem
}

.page-filter__option label:before,.page-filter__option label:after {
    top: 10px
}

.page-filter__option:hover label {
    color: #1b1b1b
}

.page-filter__menu-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-filter__menu-footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page-filter__menu-footer .btn-gray:hover,.page-filter__menu-footer .btn-gray:not(:disabled):not(.disabled):active,.page-filter__menu-footer .btn-gray:not(:disabled):not(.disabled).active,.show>.page-filter__menu-footer .btn-gray.dropdown-toggle {
    background-color: #e63e46;
    border-color: #e63e46
}

.page-filter__menu-footer .btn-gray:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(230,62,70,.3);
    box-shadow: 0 0 0 3px rgba(230,62,70,.3)
}

.page-filter__menu-footer .btn-gray:not(:disabled):not(.disabled):active:focus,.page-filter__menu-footer .btn-gray:not(:disabled):not(.disabled).active:focus,.show>.page-filter__menu-footer .btn-gray.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(230,62,70,.3);
    box-shadow: 0 0 0 3px rgba(230,62,70,.3)
}

@media screen and (max-width: 768px) {
    .page-filter .dropdown-toggle:after {
        margin-left:15px;
        margin-left: .9375rem
    }

    .page-filter .dropdown-menu {
        width: 100%;
        margin-top: 0
    }
}

.dark-mode .page-filter .dropdown-toggle:hover {
    background-color: #1e1f28
}

.workers-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f7fa
}

.workers-filters .page-filter {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.workers-filters .page-filter:after {
    content: "";
    width: 1px;
    height: 24px;
    background-color: #e2e8f4;
    display: block;
    position: absolute;
    width: 1px;
    height: 24px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.workers-filters .page-filter:last-child:after,.workers-filters .page-filter.show+div:after {
    display: none
}

@media screen and (max-width: 768px) {
    .workers-filters {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .workers-filters .page-filter {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media screen and (max-width: 600px) {
    .workers-filters .page-filter {
        width:100%;
        max-width: none
    }
}

@media screen and (max-width: 576px) {
    .workers-filters {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .workers-filters .page-filter {
        width: 100%;
        border-bottom: 1px solid #e2e8f4
    }

    .workers-filters .page-filter:after {
        display: none !important
    }
}

.dark-mode .workers-filters .page-filter:after {
    background-color: #2c2d38
}

@media only screen and (max-width: 600px) {
    .dark-mode .workers-filters .page-filter {
        border-color:#2c2d38
    }
}

.page-header {
    margin-bottom: 17px;
    margin-bottom: 1.0625rem
}

.list-filter.show>.btn-link.dropdown-toggle {
    color: #203259
}

.list-filter[data-job-filter=search] {
    width: 200px;
    max-width: 100%
}

.dark-mode .list-filter {
    color: #fff
}

.dark-mode .list-filter h1,.dark-mode .list-filter h2,.dark-mode .list-filter h3,.dark-mode .list-filter h4,.dark-mode .list-filter h5,.dark-mode .list-filter h6,.dark-mode .list-filter a:not(.btn) {
    color: #fff
}

.dark-mode .list-filter .dropdown-toggle {
    color: #fff
}

.dark-mode .list-filter .dropdown-toggle:hover,.dark-mode .list-filter .dropdown-toggle:not(:disabled):not(.disabled):active,.dark-mode .list-filter .dropdown-toggle:not(:disabled):not(.disabled).active,.show>.dark-mode .list-filter .dropdown-toggle.dropdown-toggle {
    background-color: rgba(0,0,0,.2)
}

.dark-mode .list-filter .dropdown-toggle:hover,.dark-mode .list-filter .dropdown-toggle:hover:focus,.dark-mode .list-filter .dropdown-toggle:not(:disabled):not(.disabled):active,.dark-mode .list-filter .dropdown-toggle:not(:disabled):not(.disabled):active:focus,.dark-mode .list-filter .dropdown-toggle:not(:disabled):not(.disabled).active,.dark-mode .list-filter .dropdown-toggle:not(:disabled):not(.disabled).active:focus,.show>.dark-mode .list-filter .dropdown-toggle.dropdown-toggle,.show>.dark-mode .list-filter .dropdown-toggle.dropdown-toggle:focus {
    color: #fff
}

.dark-mode .list-filter.show>.btn-link.dropdown-toggle {
    color: #fff
}

.tags__item,.tags a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-right: .3125rem;
    color: #203259;
    background-color: #f5f7fa;
    padding: 7px 15px;
    padding: .4375rem .9375rem;
    border-radius: .125rem;
    line-height: 1
}

.tags__item:hover,.tags__item:active,.tags a:hover,.tags a:active {
    background-color: #f2f4f7;
    text-decoration: none
}

.dark-mode .tags__item {
    background-color: rgba(113,74,0,.2);
    color: #de9100
}

.toggle-container {
    display: inline-block;
    vertical-align: middle
}

.toggle {
    display: inline-block;
    vertical-align: middle
}

.toggle__input {
    display: none
}

.toggle__input,.toggle__input:after,.toggle__input:before,.toggle__input *,.toggle__input *:after,.toggle__input *:before,.toggle__input+.toggle__btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.toggle__input::-moz-selection,.toggle__input:after::-moz-selection,.toggle__input:before::-moz-selection,.toggle__input *::-moz-selection,.toggle__input *:after::-moz-selection,.toggle__input *:before::-moz-selection,.toggle__input+.toggle__btn::-moz-selection {
    background: 0
}

.toggle__input::selection,.toggle__input:after::selection,.toggle__input:before::selection,.toggle__input *::selection,.toggle__input *:after::selection,.toggle__input *:before::selection,.toggle__input+.toggle__btn::selection {
    background: 0
}

.toggle__input:checked+.toggle__btn:after {
    left: 52%
}

.toggle__btn {
    outline: 0;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    height: 23px;
    height: 1.4375rem;
    width: 46px;
    width: 2.875rem
}

.toggle__btn--inline {
    display: inline-block
}

.toggle__btn:after,.toggle__btn:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0
}

.toggle__btn:before {
    border-radius: 2em;
    background: #d3dae6;
    height: 14px;
    height: .875rem;
    width: 100%;
    top: 50%;
    margin-top: -7px;
    margin-top: -0.4375rem
}

.toggle__btn:after {
    border-radius: 50%;
    background: #fff;
    height: 23px;
    height: 1.4375rem;
    width: 23px;
    width: 1.4375rem;
    left: -1px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(97,44,21,.19);
    box-shadow: 0 2px 5px 0 rgba(97,44,21,.19)
}

.toggle--on-off input:checked~.toggle__btn:before {
    background-color: #0397b1
}

.toggle--info .toggle__btn:before {
    background-color: #0397b1
}

.toggle--info input:checked~.toggle__btn:before {
    background-color: #0397b1
}

.toggle--primary .toggle__btn:before {
    background-color: #e63e46
}

.toggle--primary input:checked~.toggle__btn:before {
    background-color: #0397b1
}

.toggle--danger .toggle__btn:before {
    background-color: #e63e46
}

.dot {
    display: inline-block;
    vertical-align: middle;
    height: 10px;
    height: .625rem;
    width: 10px;
    width: .625rem;
    background-color: #f5f7fa;
    border-radius: 20px
}

.dot--primary {
    background-color: #0397b1
}

.dot--pink {
    background-color: #e8b8f5
}

.dot--orange {
    background-color: #fec410
}

.dot--red,.dot--danger {
    background-color: #e63e46
}

.dot--success {
    background-color: #01a149
}

.dot--green {
    background-color: #b0e43f
}

.dot--blue {
    background-color: #2d6eed
}

.dot--cyan {
    background-color: #49ffc3
}

.dot--gray,.dot--light-purple {
    background-color: #b8caf5
}

.dot--paused-system {
    background-color: #777
}

.dot--paused-admin {
    background-color: #000
}

.dot--paused-user {
    background-color: #ccc
}

.dot--running {
    background-color: #2d6eed
}

.dot--blocked {
    background-color: #e63e46
}

.dot--pending-review,.dot--pending-restart {
    background-color: #fec410
}

.dot--finished {
    background-color: #0397b1
}

.dot--declined {
    background-color: #e63e46
}

.indicator {
    display: inline-block;
    vertical-align: middle;
    height: 29px;
    height: 1.8125rem;
    width: 29px;
    width: 1.8125rem;
    background-color: #d3dae6;
    border-radius: 2em;
    line-height: 1.8125rem;
    text-align: center;
    position: relative
}

.indicator img,.indicator svg,.indicator i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.indicator--success {
    background-color: #0397b1
}

.indicator--error {
    background-color: #fce3e5
}

.indicator--progress {
    background-color: #f1fbfd;
    color: #baebf7
}

.indicator--review {
    background-color: #fff3cf
}

.avatar {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    height: 1.75rem;
    width: 28px;
    width: 1.75rem;
    border-radius: .125rem;
    overflow: hidden
}

.avatar--large {
    height: 36px;
    height: 2.25rem;
    width: 36px;
    width: 2.25rem
}

.symbol {
    display: inline-block;
    vertical-align: middle;
    min-height: 1rem;
    min-width: 1rem;
    background-color: #d3dae6;
    border-radius: .125rem;
    line-height: 1rem;
    text-align: center;
    font-size: 10px;
    font-size: .625rem;
    font-weight: bold;
    color: #0397b1;
    padding: 0 3px;
    padding: 0 .1875rem
}

.symbol--primary {
    color: #155724 !important;
    border-color: #155724 !important;
    background-color: #d4edda !important
}

.symbol--expert {
    color: #2d6eed;
    border-color: #2d6eed;
    background-color: rgba(45,110,237,.2)
}

.symbol--advanced {
    color: #ed872d;
    border-color: #ed872d;
    background-color: rgba(237,135,45,.2)
}

.symbol--info {
    background-color: #cce5ff !important;
    color: #004085 !important;
    border-color: #004085 !important
}

.symbol--secondary {
    background-color: #e2e3e5 !important;
    color: #383d41 !important;
    border-color: #383d41 !important
}

.symbol--warning {
    background-color: #fff3cd !important;
    color: #de9100 !important;
    border-color: #de9100 !important
}

.symbol--gray {
    background-color: #d3dae6;
    color: #30394d;
    border-color: #30394d
}

.symbol--danger {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border-color: #721c24 !important
}

.symbol--disabled {
    background-color: #d6ebf1;
    color: #a8b0bf;
    border-color: #a8b0bf
}

.symbol--draft {
    background-color: #6c757d;
    color: #fff;
    border-color: #fff
}

.symbol--premium {
    background-color: #6a2af5;
    color: #fff;
    border-color: #fff
}

.dark-mode .symbol--premium {
    background-color: rgba(106,42,245,.5)
}

.symbol--list {
    background-color: #2d6eed;
    color: #fff;
    border-color: #fff
}

.symbol--style-2 {
    text-transform: uppercase;
    font-size: .728875rem;
    padding: 1px 4px;
    padding: .0625rem .25rem;
    font-weight: 500;
    border-width: 1px;
    border-style: solid
}

.status {
    background-color: #d3dae6;
    border-radius: .25rem;
    line-height: 1rem;
    text-align: center;
    font-size: .728875rem;
    font-weight: 500;
    padding: 3px 4px;
    padding: .1875rem .25rem;
    color: #1b1b1b;
    text-transform: uppercase
}

.status--primary {
    color: #fff;
    background-color: #0397b1
}

.status--warning {
    background-color: #fec40f
}

.status--secondary {
    background-color: #e7f9fa
}

.progress {
    overflow: visible;
    border-radius: .125rem
}

.progress .progress-bar {
    height: .25rem;
    margin-top: -0.0625rem;
    border-radius: .125rem
}

.progress .progress-bar.bg-danger {
    -webkit-box-shadow: 0 2px 6px 0 rgba(97,44,21,.21);
    box-shadow: 0 2px 6px 0 rgba(97,44,21,.21)
}

.progress .progress-bar.bg-warning {
    -webkit-box-shadow: 0 0 10px 0 rgba(222,145,0,.3);
    box-shadow: 0 0 10px 0 rgba(222,145,0,.3)
}

.progress .progress-bar.bg-light-blue {
    -webkit-box-shadow: 0 0 10px 0 rgba(186,235,247,.3);
    box-shadow: 0 0 10px 0 rgba(186,235,247,.3)
}

.progress .progress-bar.bg-pink {
    -webkit-box-shadow: 0 0 10px 0 rgba(232,184,245,.3);
    box-shadow: 0 0 10px 0 rgba(232,184,245,.3)
}

.progress .progress-bar.bg-primary {
    -webkit-box-shadow: 0 0 10px 0 rgba(34,171,89,.4);
    box-shadow: 0 0 10px 0 rgba(34,171,89,.4)
}

.progress.progress-style-2 {
    height: .25rem;
    background: #f2f4f7
}

.progress.progress-style-2 .progress-bar {
    height: 100%;
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress.progress-circle {
    width: 122px;
    height: 122px;
    background: 0;
    position: relative
}

.progress.progress-circle::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #eee;
    position: absolute;
    top: 0;
    left: 0
}

.progress.progress-circle>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress.progress-circle .progress-bar {
    width: 100%;
    height: 100%;
    background: 0;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress.progress-circle .progress-left {
    left: 0
}

.progress.progress-circle .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.progress.progress-circle .progress-right {
    right: 0
}

.progress.progress-circle .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.progress.progress-circle .progress-value {
    position: absolute;
    top: 0;
    left: 0
}

.progress--bg-auto .progress-bar {
    background-color: rgba(0,0,0,0)
}

.dark-mode .progress.progress-style-2 {
    background-color: rgba(255,255,255,.65) !important
}

.dark-mode .progress .progress-bar.bg-primary {
    background-color: #714a00 !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(113,74,0,.4);
    box-shadow: 0 0 10px 0 rgba(113,74,0,.4)
}

.progress-bar-circle {
    width: 120px;
    height: 120px
}

.progress-bar-circle .progressbar-text {
    font-size: 1.458625rem;
    font-weight: 900;
    text-align: center;
    width: 100%;
    padding: 15px;
    margin: 0;
    line-height: 1
}

.progress-bar-circle .progressbar-text sup {
    margin-top: 5px;
    font-weight: 300;
    margin-left: 2px
}

.progress-bar-circle .progressbar-text span {
    font-size: .875rem;
    font-weight: 30
}

.progress-bar-circle.progress-bar-primary {
    -webkit-filter: drop-shadow(0 0 8px rgba(21,209,100,0.15));
    filter: drop-shadow(0 0 8px rgba(21,209,100,0.15))
}

.dark-mode .progress-bar-circle.progress-bar-primary {
    -webkit-filter: drop-shadow(0 0 8px rgba(113,74,0,0.15));
    filter: drop-shadow(0 0 8px rgba(113,74,0,0.15))
}

.steps-bar {
    background: #f5f7fa;
    padding: 35px 20px;
    padding: 2.1875rem 1.25rem;
    margin-bottom: 50px
}

.steps-bar__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.steps-bar__nav {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    justify-self: flex-end;
    margin-right: 0;
    padding-left: 15px;
    padding-left: .9375rem;
    padding-right: 15px;
    padding-right: .9375rem;
    color: #1b1b1b
}

.steps-bar__nav--disabled {
    opacity: .4;
    filter: alpha(opacity=40);
    pointer-events: none
}

.steps-bar__ul {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.steps-bar__step {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    height: 14px;
    height: .875rem;
    min-width: 14px;
    margin-top: -15px
}

.steps-bar__step-icon {
    content: "";
    height: 14px;
    height: .875rem;
    width: 14px;
    width: .875rem;
    border: 1px solid #d3dae6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #f5f7fa;
    overflow: visible
}

.steps-bar__step-icon span {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    font-size: .75rem;
    color: #d3dae6
}

@media screen and (max-width: 576px) {
    .steps-bar__step-icon span {
        display:none !important
    }
}

.dark-mode .steps-bar__step-icon span {
    color: #fff
}

.steps-bar__step:after {
    content: "";
    background-color: #d3dae6;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.steps-bar__step:last-child {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.steps-bar__step:hover:before {
    border-color: #0397b1
}

.steps-bar__step--focus .steps-bar__step-icon,.steps-bar__step--complete .steps-bar__step-icon {
    border-color: #0397b1;
    height: 28px;
    height: 1.75rem;
    width: 28px;
    width: 1.75rem;
    margin-top: -7px;
    margin-top: -0.4375rem;
    margin-left: -7px;
    margin-left: -0.4375rem
}

.dark-mode .steps-bar__step--focus .steps-bar__step-icon,.dark-mode .steps-bar__step--complete .steps-bar__step-icon {
    border-color: #de9100
}

.steps-bar__step--focus .steps-bar__step-icon span {
    color: #0397b1
}

.steps-bar__step--complete .steps-bar__step-icon {
    background-color: #0397b1
}

.steps-bar__step--complete .steps-bar__step-icon span {
    color: #203259
}

.dark-mode .steps-bar__step--complete .steps-bar__step-icon span {
    color: #fff
}

.steps-bar__step--complete:after {
    background-color: #0397b1
}

.steps-bar--disabled .steps-progress__step,.steps-bar--disabled .steps-progress__nav {
    pointer-events: none
}

@media screen and (max-width: 768px) {
    .steps-bar {
        padding-left:0;
        padding-right: 0
    }

    .steps-bar__step--focus:before,.steps-bar__step--complete:before {
        height: 14px;
        height: .875rem;
        width: 14px;
        width: .875rem;
        margin-top: 0;
        margin-top: 0;
        margin-left: 0;
        margin-left: 0
    }
}

.dark-mode .steps-bar__step:hover:before,.dark-mode .steps-bar__step--focus:before,.dark-mode .steps-bar__step--complete:before {
    border-color: #de9100
}

.dark-mode .steps-bar__step:hover span,.dark-mode .steps-bar__step--focus span,.dark-mode .steps-bar__step--complete span {
    color: #de9100
}

.loading-bar {
    position: relative;
    height: 20px;
    width: 100%;
    background: #0397b1;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    border-radius: .25rem
}

.loading-bar>span:after {
    -webkit-animation: load .9s linear infinite;
    animation: load .9s linear infinite
}

.loading-bar span {
    font-weight: 500;
    font-size: smaller;
    display: block;
    position: relative;
    height: 100%;
    border-radius: .25rem;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(30%,#0397b1));
    background-image: -webkit-linear-gradient(top,#fff,#0397b1 30%);
    background-image: linear-gradient(to bottom,#fff,#0397b1 30%);
    overflow: hidden
}

.loading-bar span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);
    z-index: 1;
    background-size: 50px 50px;
    overflow: hidden
}

.loading-bar-animate>span>span {
    -webkit-animation: load .9s infinite;
    animation: load .9s infinite
}

@-webkit-keyframes load {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 50px 50px
    }
}

@keyframes load {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 50px 50px
    }
}

.job-list .job-bar {
    margin-top: 8px;
    margin-top: .5rem
}

.job-list .job-bar:first-child {
    margin-top: 0
}

.job-bar {
    position: relative
}

a.job-bar {
    display: block;
    color: #1b1b1b
}

a.job-bar:hover {
    text-decoration: none
}

.job-bar__inner {
    padding: 20px 32px;
    padding: 1.25rem 2rem;
    background: #fff;
    border: 1px solid #f0f2f5;
    -webkit-box-shadow: 0 0 2px 0 rgba(54,82,144,.14);
    box-shadow: 0 0 2px 0 rgba(54,82,144,.14);
    border-radius: .125rem
}

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

.job-bar__heading {
    padding-top: 4px
}

.job-bar__list-label {
    background-color: #2d6eed;
    padding: 5px 15px;
    padding: .3125rem .9375rem;
    font-weight: normal;
    font-size: 10px;
    font-size: .625rem;
    border-radius: 4px;
    margin-left: 10px;
    margin-left: .625rem
}

.job-bar:hover,.job-bar.active {
    z-index: 1;
    cursor: pointer
}

.job-bar:hover .job-bar__inner,.job-bar.active .job-bar__inner {
    -webkit-box-shadow: 0 8px 20px 0 rgba(97,44,21,.19),inset 2px 0 0 #0397b1;
    box-shadow: 0 8px 20px 0 rgba(97,44,21,.19),inset 2px 0 0 #0397b1
}

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

.job-bar__actions .btn:last-child {
    margin-right: -6px;
    margin-right: -0.375rem
}

.job-bar--default .job-bar__body,.job-bar--expanded .job-bar__body {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.job-bar--default .job-bar__user,.job-bar--expanded .job-bar__user {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: center;
    -webkit-flex-basis: 150px;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px
}

.job-bar--default .job-bar__user p,.job-bar--expanded .job-bar__user p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.job-bar--default .job-bar__user p .symbol,.job-bar--expanded .job-bar__user p .symbol {
    margin-right: 5px;
    margin-right: .3125rem
}

.job-bar--default .job-bar__user .progress,.job-bar--expanded .job-bar__user .progress {
    width: 80px
}

.job-bar--default .job-bar__progress,.job-bar--expanded .job-bar__progress {
    -webkit-flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.job-bar--default .job-bar__progress .progress,.job-bar--expanded .job-bar__progress .progress {
    width: 80px
}

@media screen and (max-width: 768px) {
    .job-bar--default .job-bar__info,.job-bar--expanded .job-bar__info {
        display:none
    }

    .job-bar--default .job-bar__progress,.job-bar--expanded .job-bar__progress {
        margin-top: 0
    }
}

.job-bar--locked {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none
}

.job-bar--client-advanced .job-bar__inner {
    -webkit-box-shadow: inset 2px 0 0 #ed872d;
    box-shadow: inset 2px 0 0 #ed872d
}

.job-bar--client-advanced.active .job-bar__inner,.job-bar--client-advanced:hover .job-bar__inner {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #ed872d;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #ed872d
}

.job-bar--client-advanced .job-bar__user p {
    color: #ed872d
}

.job-bar--client-expert .job-bar__inner {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    -webkit-box-shadow: inset 2px 0 0 #2d6eed;
    box-shadow: inset 2px 0 0 #2d6eed
}

.dark-mode .job-bar--client-expert .job-bar__inner {
    background-image: none
}

.job-bar--client-expert.active .job-bar__inner,.job-bar--client-expert:hover .job-bar__inner {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #2d6eed;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #2d6eed
}

.job-bar--client-expert .job-bar__user p {
    color: #2d6eed
}

.job-bar.is-premium .job-bar__inner {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    -webkit-box-shadow: inset 2px 0 0 #6a2af5;
    box-shadow: inset 2px 0 0 #6a2af5;
    background-color: #fbf9ff
}

.dark-mode .job-bar.is-premium .job-bar__inner {
    -webkit-box-shadow: inset 2px 0 0 rgba(106,42,245,.5);
    box-shadow: inset 2px 0 0 rgba(106,42,245,.5);
    background-image: url("../images/premium-bg-pattern-dark.png");
    background-color: #22232d
}

.job-bar.is-premium.active .job-bar__inner,.job-bar.is-premium:hover .job-bar__inner {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #6a2af5;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #6a2af5
}

.dark-mode .job-bar.is-premium.active .job-bar__inner,.dark-mode .job-bar.is-premium:hover .job-bar__inner {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 rgba(106,42,245,.5);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 rgba(106,42,245,.5)
}

.job-bar.is-premium .job-bar__user p {
    color: #6a2af5
}

.dark-mode .job-bar.is-premium .job-bar__user p {
    color: rgba(106,42,245,.5)
}

.job-bar.is-premium .tags__item {
    background-color: #efe8ff
}

.dark-mode .job-bar.is-premium .tags__item {
    background-color: #7e7c9f;
    color: #fff
}

.job-bar.is-premium .progress {
    background-color: #dadada
}

.job-bar--type-list .job-bar__inner {
    -webkit-box-shadow: inset 2px 0 0 #2d6eed;
    box-shadow: inset 2px 0 0 #2d6eed
}

.job-bar--type-list.active .job-bar__inner,.job-bar--type-list:hover .job-bar__inner {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #2d6eed;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #2d6eed
}

@media screen and (max-width: 600px) {
    .job-bar__inner {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 20px;
        padding: 1.25rem 1.25rem
    }

    .job-bar__info,.job-bar__user,.job-bar__progress,.job-bar__rate {
        margin: 0
    }
}

.dark-mode .job-bar {
    color: #fff
}

.dark-mode .job-bar:hover {
    color: #fff
}

.dark-mode .job-bar__inner {
    border-color: #22232e
}

.dark-mode .job-bar:hover .job-bar__inner,.dark-mode .job-bar.active .job-bar__inner {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #714a00;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #714a00
}

.dark-mode .job-bar__actions .btn:hover i {
    color: #fff
}

@media screen and (max-width: 600px) {
    .compact-ttr {
        display:none
    }
}

.jobs {
    color: #203259
}

.jobs__items {
    position: relative
}

.jobs__item,.jobs__header {
    display: block
}

.jobs__header .jobs__item-cell {
    white-space: nowrap;
    font-weight: bold;
    color: #686d77
}

.jobs__item {
    color: inherit;
    position: relative
}

.jobs__item:hover {
    color: inherit;
    text-decoration: none;
    -webkit-box-shadow: 0 3px 5px rgba(97,44,21,.19);
    box-shadow: 0 3px 5px rgba(97,44,21,.19)
}

.jobs__item:hover .jobs__item-hide {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: all
}

.jobs__item--locked {
    opacity: .4;
    filter: alpha(opacity=40);
    pointer-events: none
}

.jobs__item .jobs__item-cell--emp {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jobs__item--client-advanced {
    -webkit-box-shadow: inset 2px 0 0 #ed872d;
    box-shadow: inset 2px 0 0 #ed872d
}

.jobs__item--client-advanced.active,.jobs__item--client-advanced:hover {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #ed872d;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #ed872d
}

.jobs__item--client-expert {
    -webkit-box-shadow: inset 2px 0 0 #2d6eed;
    box-shadow: inset 2px 0 0 #2d6eed
}

.jobs__item--client-expert.active,.jobs__item--client-expert:hover {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #2d6eed;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.19),inset 2px 0 0 #2d6eed
}

.jobs__item.is-premium {
    -webkit-box-shadow: inset 2px 0 0 #6a2af5;
    box-shadow: inset 2px 0 0 #6a2af5;
    background-color: #fbf9ff
}

.dark-mode .jobs__item.is-premium {
    -webkit-box-shadow: inset 2px 0 0 rgba(106,42,245,.5);
    box-shadow: inset 2px 0 0 rgba(106,42,245,.5)
}

.jobs__item-cell {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    padding: .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.jobs__item-cell--name {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 769px) {
    .jobs__item-hide {
        position:absolute;
        right: 100%;
        top: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px;
        padding: .625rem
    }
}

@media screen and (min-width: 769px) {
    .jobs {
        width:100%
    }

    .jobs__item,.jobs__header {
        margin-bottom: 5px;
        margin-bottom: .3125rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f5f7fa
    }

    .jobs__item:hover {
        background-color: #fff
    }

    .jobs__item-cell--status {
        -webkit-flex-basis: 65px;
        -ms-flex-preferred-size: 65px;
        flex-basis: 65px
    }

    .jobs__item-cell--img {
        -webkit-flex-basis: 112px;
        -ms-flex-preferred-size: 112px;
        flex-basis: 112px
    }

    .jobs__item-cell--badge {
        -webkit-flex-basis: 42px;
        -ms-flex-preferred-size: 42px;
        flex-basis: 42px
    }

    .jobs__item-cell--name {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .jobs__item-cell--level {
        -webkit-flex-basis: 95px;
        -ms-flex-preferred-size: 95px;
        flex-basis: 95px
    }

    .jobs__item-cell--payment {
        -webkit-flex-basis: 85px;
        -ms-flex-preferred-size: 85px;
        flex-basis: 85px
    }

    .jobs__item-cell--success {
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }

    .jobs__item-cell--emp {
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }

    .jobs__item-cell--emp-stats {
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }

    .jobs__item-cell--ttr {
        -webkit-flex-basis: 50px;
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px
    }

    .jobs__item-cell--done {
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }
}

@media screen and (max-width: 768px) {
    .jobs__header {
        display:none
    }

    .jobs__item {
        border: 1px solid #f0f2f5;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
        margin-bottom: .625rem
    }

    .dark-mode .jobs__item {
        border-color: #22232e
    }

    .jobs__item-cell--name {
        width: 90%;
        width: calc(100% - 90px);
        font-weight: bold
    }

    .jobs__item-cell--payment span {
        font-weight: bold;
        font-size: 16px;
        font-size: 1rem;
        margin-left: 4px
    }
}

.dark-mode .jobs {
    color: #fff
}

.dark-mode .jobs h1,.dark-mode .jobs h2,.dark-mode .jobs h3,.dark-mode .jobs h4,.dark-mode .jobs h5,.dark-mode .jobs h6,.dark-mode .jobs a:not(.btn) {
    color: #fff
}

.dark-mode .jobs__header>.jobs__item-cell {
    color: #9ca0a9
}

.dark-mode .jobs__item:hover {
    background-color: #1e1f28
}

.side-popup-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1009;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    display: none
}

.side-popup {
    position: fixed;
    width: 360px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1010;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    box-shadow: 0 8px 20px 0 rgba(97,44,21,.19);
    -webkit-transition: .5s all cubic-bezier(0,0.96,0.33,0.99);
    transition: .5s all cubic-bezier(0,0.96,0.33,0.99);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    scrollbar-width: none;
    scrollbar-color: #fff #fff;
    -ms-overflow-style: none
}

.side-popup--visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 768px) {
    .side-popup {
        max-width:100%;
        width: 100%
    }
}

.side-popup .side-popup__cross {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
    line-height: 45px;
    border: 0;
    background-color: #fff;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.25rem
}

.side-popup__scrolling {
    height: 100%;
    overflow-y: scroll;
    border-bottom: 43px solid #fff
}

.side-popup__header {
    padding: 34px 36px 26px;
    padding: 2.125rem 2.25rem 1.625rem;
    border-bottom: 1px solid #f2f4f7
}

.side-popup__content {
    padding: 30px 36px;
    padding: 1.875rem 2.25rem
}

.side-popup__footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.side-popup__footer button,.side-popup__footer a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.side-popup .job-header {
    margin-bottom: 30px;
    margin-bottom: 1.875rem
}

.side-popup .job-info {
    margin-left: -12px;
    margin-right: -12px
}

.side-popup .job-info-list {
    margin-bottom: 28px;
    margin-bottom: 1.75rem
}

.side-popup .job-info-list:last-child {
    margin-bottom: 0
}

.side-popup__line {
    margin-top: 30px;
    margin-bottom: 26px
}

.dark-mode .side-popup {
    -webkit-box-shadow: 0 8px 20px 0 rgba(34,35,46,.19);
    box-shadow: 0 8px 20px 0 rgba(34,35,46,.19)
}

.dark-mode .side-popup .nav-tabs--bar,.dark-mode .side-popup .nav-tabs--bar .nav-link:not(.active) {
    border-bottom-color: #2c2d38
}

.dark-mode .side-popup__scrolling {
    border-color: #22232e
}

.side-popup-modal {
    position: fixed;
    width: 360px;
    right: 0;
    bottom: -100%;
    z-index: 1011;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 25px 0 rgba(57,62,30,.15);
    box-shadow: 0 3px 25px 0 rgba(57,62,30,.15);
    padding-bottom: 68px;
    padding-bottom: 4.25rem;
    max-height: 100%;
    display: none
}

.side-popup-modal__scrolling {
    height: 100%
}

.side-popup-modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 23px 37px 13px;
    padding: 1.4375rem 2.3125rem .8125rem
}

.side-popup-modal__heading {
    margin: 0
}

.side-popup-modal__close {
    margin-left: 23px;
    margin-left: 1.4375rem
}

.side-popup-modal__content {
    padding: 0 37px;
    padding: 0 2.3125rem
}

.side-popup-modal__footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    padding: 18px 24px;
    padding: 1.125rem 1.5rem
}

.side-popup-modal__footer button,.side-popup-modal__footer a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 7px;
    padding-top: .4375rem;
    padding-bottom: 7px;
    padding-bottom: .4375rem
}

.side-popup-modal__footer button.btn-lg,.side-popup-modal__footer a.btn-lg {
    padding-top: 12px;
    padding-top: .75rem;
    padding-bottom: 10px;
    padding-bottom: .625rem
}

.side-popup-modal--visible {
    bottom: 0;
    display: block;
    -webkit-transition: .5s all cubic-bezier(0,0.96,0.33,0.99);
    transition: .5s all cubic-bezier(0,0.96,0.33,0.99)
}

.side-popup-modal--visible.side-popup-modal--has-bg:before {
    opacity: .2;
    filter: alpha(opacity=20);
    -webkit-transition: .15s opacity ease-in-out;
    transition: .15s opacity ease-in-out
}

.side-popup-modal--has-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    height: 9999em;
    height: 1000vh;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .15s opacity ease-in-out;
    transition: .15s opacity ease-in-out
}

.job-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.job-header__heading {
    margin-bottom: 10px;
    margin-bottom: .625rem;
    line-height: 1.3571
}

.job-header__price {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.job-info {
    background-color: #f5f7fa;
    padding: 26px 34px 28px;
    padding: 1.625rem 2.125rem 1.75rem;
    border-radius: .125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dark-mode .job-info {
    color: #fff
}

.dark-mode .job-info h1,.dark-mode .job-info h2,.dark-mode .job-info h3,.dark-mode .job-info h4,.dark-mode .job-info h5,.dark-mode .job-info h6,.dark-mode .job-info a:not(.btn) {
    color: #fff
}

.job-info__item {
    margin-top: 16px;
    margin-top: 1rem
}

.job-info__item:first-child,.job-info__item:nth-child(2) {
    margin-top: 0
}

.job-info__item:nth-child(2n+1) {
    -webkit-flex-basis: 55.737704918%;
    -ms-flex-preferred-size: 55.737704918%;
    flex-basis: 55.737704918%
}

.job-info__item:nth-child(2n+2) {
    -webkit-flex-basis: 32.7868852459%;
    -ms-flex-preferred-size: 32.7868852459%;
    flex-basis: 32.7868852459%
}

.job-info__item h4 {
    margin-bottom: 6px;
    margin-bottom: .375rem;
    line-height: 1.3333
}

.job-info__item p {
    line-height: 1.75
}

.job-info-list {
    padding-left: 28px;
    padding-right: 28px
}

.job-info-list__heading {
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.job-info-list__heading .symbol {
    margin-right: 12px;
    margin-right: .75rem
}

.job-info-list__list li {
    margin-top: 12px;
    margin-top: .75rem
}

.job-info-list__list li:first-child {
    margin-top: 0
}

.jobs-tabs .nav-tabs {
    border-bottom: 2px solid #0397b1
}

.jobs-tabs .nav-item.show .nav-link {
    border-color: rgba(0,0,0,0);
    border-bottom: 0;
    color: #bdc2ce;
    background-color: inherit
}

.jobs-tabs .nav-link {
    font-size: 1rem;
    color: #bdc2ce;
    border: 0
}

.jobs-tabs .nav-link:hover {
    background-color: #d4edda !important;
    color: #0397b1 !important
}

.jobs-tabs .nav-link.active {
    background-color: #0397b1;
    color: #fff
}

.jobs-tabs .nav-link.dropdown-toggle {
    font-weight: normal
}

@media all and (min-width: 992px) {
    .jobs-tabs .nav .nav-item .dropdown-menu {
        display:none
    }

    .jobs-tabs .nav .nav-item:hover .dropdown-menu {
        display: block
    }

    .jobs-tabs .nav .nav-item .dropdown-menu {
        margin-top: 0
    }
}

.dark-mode .jobs-tabs .nav-tabs {
    border-bottom: 2px solid #714a00
}

.dark-mode .jobs-tabs .nav-link:hover {
    background-color: #bcad8f !important;
    color: #fff !important
}

.dark-mode .jobs-tabs .nav-link.active {
    background-color: #714a00;
    color: #fff
}

.load-more {
    padding: 8px 37px;
    padding: .5rem 2.3125rem;
    text-transform: none
}

@media screen and (max-width: 768px) {
    .load-more {
        padding-left:20px;
        padding-left: 1.25rem;
        padding-right: 20px;
        padding-right: 1.25rem
    }
}

.load-more-gigs {
    padding: 8px 37px;
    padding: .5rem 2.3125rem;
    text-transform: none
}

@media screen and (max-width: 768px) {
    .load-more-gigs {
        padding-left:20px;
        padding-left: 1.25rem;
        padding-right: 20px;
        padding-right: 1.25rem
    }
}

.balance-list__item {
    margin-top: 14px;
    margin-top: .875rem;
    font-weight: 500
}

.balance-list__item:first-child {
    margin-top: 0
}

.balance-list__right {
    text-align: right
}

@media screen and (min-width: 993px) {
    .new-message__side {
        width:30.2869287991%
    }
}

@media screen and (min-width: 993px) {
    .new-message__content {
        width:69.7130712009%;
        padding-left: 35px
    }
}

.nav-accordion,.nav-accordion ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-accordion li a {
    display: block;
    color: #203259
}

.nav-accordion>li {
    background-color: #f5f7fa;
    border-radius: .25rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    margin-top: 8px;
    margin-top: .5rem
}

.nav-accordion>li:first-child {
    margin-top: 0
}

.nav-accordion>li>a {
    font-size: 1.0208333336rem;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 50px 14px 20px;
    padding: .875rem 3.125rem .875rem 1.25rem;
    margin-left: -20px;
    margin-left: -1.25rem;
    margin-right: -20px;
    margin-right: -1.25rem;
    position: relative
}

.nav-accordion>li>a:hover {
    text-decoration: none
}

.nav-accordion>li>a:after {
    content: "";
    color: #686d77;
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    right: 38px;
    margin-top: -7px;
    margin-top: -0.4375rem;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.nav-accordion>li .nav-accordion__icon {
    margin-right: 16px;
    margin-right: 1rem
}

.nav-accordion>li.active {
    background-color: #0397b1
}

.nav-accordion>li.active a {
    color: #fff
}

.nav-accordion>li.active a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff
}

.nav-accordion>li.active .nav-accordion__icon {
    background-color: #fff
}

.nav-accordion>li.active .nav-accordion__icon .sg-icon {
    color: #0397b1
}

.nav-accordion ul {
    padding-bottom: 14px;
    padding-bottom: .875rem
}

.nav-accordion ul a {
    padding: 12px 20px 12px 44px;
    padding: .75rem 1.25rem .75rem 2.75rem;
    font-weight: 700;
    border-radius: .25rem
}

.nav-accordion ul a:hover,.nav-accordion ul a.active {
    text-decoration: none;
    background-color: rgba(255,255,255,.3)
}

.dark-mode .nav-accordion ul a.active,.dark-mode .nav-accordion ul a:hover {
    background-color: rgba(34,35,46,.3)
}

.dark-mode .nav-accordion>li.active .nav-accordion__icon {
    background-color: #22232e
}

.dark-mode .nav-accordion>li.active .nav-accordion__icon .sg-icon {
    color: #fff
}

.message-editor {
    padding: 31px 40px 32px;
    padding: 1.9375rem 2.5rem 2rem;
    background-color: #f5f7fa;
    border-radius: .25rem
}

.message-editor label {
    font-weight: 700;
    color: #203259
}

.message-editor__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.message-editor__heading-icon {
    margin-right: 16px;
    margin-right: 1rem
}

.message-editor__subject input {
    background-color: #fff;
    padding: 10px 20px 9px;
    padding: .625rem 1.25rem .5625rem;
    border-radius: .125rem;
    font-size: .875rem
}

.message-editor__subject input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.message-editor__subject input:not(:disabled):not(.disabled):active:focus,.message-editor__subject input:not(:disabled):not(.disabled).active:focus,.show>.message-editor__subject input.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.message-editor .select2-container .select2-selection {
    background-color: #fff
}

.message-editor .select2-container .select2-selection__arrow {
    border-color: #f5f7fa
}

.message-editor__message {
    position: relative
}

.message-editor__message label {
    display: block;
    height: 271px;
    border-radius: .125rem;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: text
}

.message-editor__message textarea {
    background-color: #fff;
    border: 0;
    width: 100%;
    font-size: 1.0208333336rem;
    font-weight: 500;
    line-height: 1.357142857;
    padding: 20px 21px;
    padding: 1.25rem 1.3125rem;
    color: #203259;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    border-radius: .125rem;
    vertical-align: top
}

.message-editor__message textarea.autosize {
    max-height: 271px
}

.message-editor__message textarea::-webkit-input-placeholder {
    color: rgba(32,50,89,.5)
}

.message-editor__message textarea::-moz-placeholder {
    color: rgba(32,50,89,.5)
}

.message-editor__message textarea:-moz-placeholder {
    color: rgba(32,50,89,.5)
}

.message-editor__message textarea:-ms-input-placeholder {
    color: rgba(32,50,89,.5)
}

.message-editor__message textarea:focus {
    outline: 0
}

.message-editor__message-btns .btn-icon:not(.btn-primary) .sg-icon {
    color: #686d77
}

@media screen and (max-width: 768px) {
    .message-editor {
        padding:30px 20px;
        padding: 1.875rem 1.25rem
    }

    .message-editor #cat-breadcrumb {
        display: block;
        padding-left: 0;
        margin-top: 5px
    }

    .message-editor__message-btns {
        position: relative;
        bottom: 0;
        right: 0
    }

    .message-editor__message-btns .btn {
        width: 100%
    }

    .message-editor__message-btns .btn span,.message-editor__message-btns .btn i {
        vertical-align: middle;
        display: inline-block
    }

    .message-editor__message label {
        height: auto;
        min-height: 100px
    }

    .message-editor__message textarea.autosize {
        padding-right: 21px;
        padding-right: 1.3125rem
    }
}

.dark-mode .message-editor label {
    color: #fff
}

.dark-mode .message-editor .select2-container .select2-selection__arrow {
    border-color: #22232e
}

.dark-mode .message-editor__message textarea::-webkit-input-placeholder {
    color: #fff
}

.dark-mode .message-editor__message textarea::-moz-placeholder {
    color: #fff
}

.dark-mode .message-editor__message textarea:-moz-placeholder {
    color: #fff
}

.dark-mode .message-editor__message textarea:-ms-input-placeholder {
    color: #fff
}

.login-box {
    padding: 100px 0 0;
    padding: 6.25rem 0 0
}

.login-box__inner {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto
}

.login-form__footer {
    margin-top: 24px;
    margin-top: 1.5rem
}

.modal-featured .login-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.modal-featured .login-form__content {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 40px 52px 25px;
    padding: 2.5rem 3.25rem 1.5625rem
}

.modal-featured .login-form__footer {
    margin-top: 0
}

.choose-view-modal .modal-dialog {
    max-width: 421px
}

.results-bar__search input {
    width: 250px
}

.avatar-upload-container {
    position: relative
}

.avatar-upload {
    background: #f5f7fa;
    border: 1px dashed #d3dae6;
    padding: 8px 5px;
    padding: .5rem .3125rem;
    border-radius: .125rem;
    color: #a8b0bf;
    font-weight: 500;
    font-size: .875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

body.droppable .avatar-upload--drop {
    border-color: #0397b1
}

.avatar-upload--confirm {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.avatar-upload__preview {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 128px;
    height: 128px;
    position: relative
}

.avatar-upload__wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-upload__text svg {
    margin-bottom: 3px;
    margin-bottom: .1875rem
}

.avatar-upload__or {
    color: #a8b0bf;
    margin: 12px 0;
    margin: .75rem 0;
    position: relative;
    width: 286px;
    max-width: 100%
}

.avatar-upload__or:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(168,176,191,.23)
}

.avatar-upload__or span {
    background-color: #f5f7fa;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1
}

.avatar-upload__uploader {
    position: relative
}

.avatar-upload__uploader>div {
    border: 1px solid #d3dae6;
    padding: 7px 47px 9px 51px;
    padding: .4375rem 2.9375rem .5625rem 3.1875rem;
    position: relative;
    border-radius: .125rem;
    margin-left: auto;
    margin-right: auto;
    color: #1b1b1b
}

.avatar-upload__uploader>div svg {
    position: absolute;
    left: 12px;
    top: 10px
}

.avatar-upload__uploader input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 1
}

.avatar-upload__uploader input:hover+div {
    border-color: #0397b1
}

.avatar-upload__actions {
    margin-top: 20px;
    margin-top: 1.25rem
}

.avatar-upload__actions button {
    margin-left: 5px;
    min-width: 120px;
    border-radius: .125rem;
    text-transform: none
}

.avatar-upload__actions button:first-child {
    margin-left: 0
}

.avatar-upload__delete {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 1px;
    padding: .0625rem;
    width: 22px;
    height: 22px
}

.avatar-upload__delete i {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (max-width: 600px) {
    .avatar-upload {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .avatar-upload__preview {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .avatar-upload__wrap {
        max-width: 100%
    }

    .avatar-upload__or {
        max-width: 100%
    }

    .avatar-upload__actions button {
        min-width: 80px
    }
}

.dark-mode .avatar-upload {
    color: #fff;
    background-color: #22232e;
    border-color: #17181f
}

.dark-mode .avatar-upload h1,.dark-mode .avatar-upload h2,.dark-mode .avatar-upload h3,.dark-mode .avatar-upload h4,.dark-mode .avatar-upload h5,.dark-mode .avatar-upload h6,.dark-mode .avatar-upload a:not(.btn) {
    color: #fff
}

body.dark-mode .avatar-upload--drop {
    border-color: #714a00
}

.dark-mode .avatar-upload svg use {
    fill: rgba(0,0,0,0)
}

.dark-mode .avatar-upload svg rect {
    fill: rgba(0,0,0,0)
}

.dark-mode .avatar-upload__or:before {
    background-color: #424455
}

.dark-mode .avatar-upload__or span {
    background-color: #22232e
}

.dark-mode .avatar-upload__uploader input:hover+div,.dark-mode .avatar-upload__uploader div:hover {
    border-color: #714a00
}

.dark-mode .avatar-upload__uploader div {
    border-color: #424455;
    color: #fff
}

.dropper-container {
    position: relative
}

.dropper {
    background: #f5f7fa;
    padding: 8px 5px;
    padding: .5rem .3125rem;
    border-radius: .125rem;
    color: #0397b1;
    font-weight: 500;
    font-size: .875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

body.droppable .dropper--drop {
    border-color: #0397b1
}

.dropper--confirm {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.dropper__preview {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 128px;
    height: 128px;
    position: relative
}

.dropper__preview img {
    max-height: 100%
}

.dropper__wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 128px
}

.dropper__wrap p {
    margin-bottom: 0
}

.dropper__wrap svg {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem
}

.dropper__uploader {
    position: relative;
    text-decoration: underline
}

.dropper__uploader:hover {
    cursor: pointer
}

.dropper__uploader input {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 1
}

.dropper__uploader input:hover+div {
    border-color: #0397b1
}

.dropper__actions {
    margin-top: 20px;
    margin-top: 1.25rem
}

.dropper__actions button {
    margin-left: 5px;
    min-width: 120px;
    border-radius: .125rem;
    text-transform: none
}

.dropper__actions button:first-child {
    margin-left: 0
}

.dropper__delete {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 1px;
    padding: .0625rem;
    width: 22px;
    height: 22px
}

.dropper__delete i {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (max-width: 600px) {
    .dropper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dropper__preview {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .dropper__wrap {
        max-width: 100%
    }

    .dropper__or {
        max-width: 100%
    }

    .dropper__actions button {
        min-width: 80px
    }
}

.dark-mode .dropper {
    color: #fff;
    background-color: #22232e;
    border-color: #17181f
}

.dark-mode .dropper h1,.dark-mode .dropper h2,.dark-mode .dropper h3,.dark-mode .dropper h4,.dark-mode .dropper h5,.dark-mode .dropper h6,.dark-mode .dropper a:not(.btn) {
    color: #fff
}

body.dark-mode .dropper--drop {
    border-color: #714a00
}

.dark-mode .dropper svg use {
    fill: rgba(0,0,0,0)
}

.dark-mode .dropper svg rect {
    fill: rgba(0,0,0,0)
}

.dark-mode .dropper__or:before {
    background-color: #424455
}

.dark-mode .dropper__or span {
    background-color: #22232e
}

.dark-mode .dropper__uploader input:hover+div,.dark-mode .dropper__uploader div:hover {
    border-color: #714a00
}

.dark-mode .dropper__uploader div {
    border-color: #424455;
    color: #fff
}

.deposit-methods {
    margin-bottom: 11px
}

.deposit-methods.row {
    margin-right: -5.5px;
    margin-left: -5.5px
}

.deposit-methods.row>.col,.deposit-methods.row>[class*=col-] {
    padding-right: 5.5px;
    padding-left: 5.5px
}

.deposit-method {
    background: #fff;
    -webkit-box-shadow: 0 1px 7px 0 rgba(97,44,21,.14);
    box-shadow: 0 1px 7px 0 rgba(97,44,21,.14)
}

.deposit-method__header {
    padding-top: 28px;
    padding-top: 1.75rem;
    padding-bottom: 28px;
    padding-bottom: 1.75rem;
    min-height: 94px
}

.deposit-method__body {
    padding-top: 28px;
    padding-top: 1.75rem;
    padding-bottom: 28px;
    padding-bottom: 1.75rem
}

.deposit-method__amounts {
    margin-left: -4px;
    margin-right: -4px
}

.deposit-method__amounts li {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px
}

.dark-mode .deposit-method {
    color: #fff
}

.dark-mode .deposit-method h1,.dark-mode .deposit-method h2,.dark-mode .deposit-method h3,.dark-mode .deposit-method h4,.dark-mode .deposit-method h5,.dark-mode .deposit-method h6,.dark-mode .deposit-method a:not(.btn) {
    color: #fff
}

.dark-mode .deposit-method .bg-gray {
    background-color: #1e1f28 !important
}

.post-job-summary p {
    margin: 0 0 10px;
    margin: 0 0 .625rem
}

.post-job-summary hr {
    margin: 13px 0;
    margin: .8125rem 0;
    background-color: #d3dae6
}

.post-job-summary [data-simplebar] {
    max-height: 365px
}

.dark-mode .post-job-summary p {
    color: #bed3ff
}

.dark-mode .post-job-summary hr {
    background-color: #714a00
}

.points-stats__balance {
    color: #203259
}

.points-stats__balance p {
    font-size: 18px;
    font-size: 1.125rem
}

.points-stats__balance small {
    margin-top: -10px;
    margin-left: 2px;
    display: inline-block
}

.dark-mode .points-stats__balance {
    color: #fff;
    color: #fff
}

.dark-mode .points-stats__balance h1,.dark-mode .points-stats__balance h2,.dark-mode .points-stats__balance h3,.dark-mode .points-stats__balance h4,.dark-mode .points-stats__balance h5,.dark-mode .points-stats__balance h6,.dark-mode .points-stats__balance a:not(.btn) {
    color: #fff
}

.dark-mode .points-updates::-webkit-scrollbar-track {
    background: #2c2d38
}

.dark-mode .points-updates::-webkit-scrollbar-thumb {
    background: #131313
}

.dark-mode .points-updates::-webkit-scrollbar-thumb:hover {
    background: #000
}

.points-updates {
    max-height: 400px;
    overflow-y: auto
}

.points-updates::-webkit-scrollbar {
    width: 10px
}

.points-updates::-webkit-scrollbar-track {
    background: #f1f1f1
}

.points-updates::-webkit-scrollbar-thumb {
    background: #888
}

.points-updates::-webkit-scrollbar-thumb:hover {
    background: #555
}

.points-updates__day {
    font-weight: bold;
    margin: 8px 0;
    margin: .5rem 0;
    font-size: 14px;
    font-size: .875rem
}

.points-updates__items {
    padding: 12px 10px 12px 0;
    padding: .75rem .625rem .75rem 0;
    border-left: 2px solid #d3dae6
}

.dark-mode .points-updates__items {
    color: #fff;
    border-left-color: #2c2d38
}

.dark-mode .points-updates__items h1,.dark-mode .points-updates__items h2,.dark-mode .points-updates__items h3,.dark-mode .points-updates__items h4,.dark-mode .points-updates__items h5,.dark-mode .points-updates__items h6,.dark-mode .points-updates__items a:not(.btn) {
    color: #fff
}

.points-updates__item {
    margin: 10px 0;
    margin: .625rem 0;
    padding-left: 13px;
    padding-left: .8125rem;
    position: relative
}

.points-updates__item:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #fff;
    border-radius: 10px;
    width: 6px;
    height: 6px;
    background-color: #d3dae6
}

.dark-mode .points-updates__item:before {
    color: #fff;
    border-color: #2c2d38;
    background-color: #2c2d38
}

.dark-mode .points-updates__item:before h1,.dark-mode .points-updates__item:before h2,.dark-mode .points-updates__item:before h3,.dark-mode .points-updates__item:before h4,.dark-mode .points-updates__item:before h5,.dark-mode .points-updates__item:before h6,.dark-mode .points-updates__item:before a:not(.btn) {
    color: #fff
}

.points-updates__item-update {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 43px 11px 16px;
    padding: .6875rem 2.6875rem .6875rem 1rem;
    border: 1px solid #01a149;
    color: #01a149;
    border-radius: 8px;
    font-size: 15px;
    font-size: .9375rem;
    margin-bottom: 2px;
    margin-bottom: .125rem;
    position: relative;
    overflow: hidden
}

.points-updates__item-update:after {
    content: "";
    position: absolute;
    right: -22px;
    top: -9px;
    opacity: .14;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(28%,rgba(158,170,193,0)),to(#01a149));
    background-image: -webkit-linear-gradient(left,rgba(158,170,193,0) 28%,#01a149 100%);
    background-image: linear-gradient(90deg,rgba(158,170,193,0) 28%,#01a149 100%);
    width: 54px;
    height: 54px;
    border-radius: 54px
}

.points-updates__item-update svg,.points-updates__item-update i {
    margin-right: 20px;
    margin-right: 1.25rem;
    vertical-align: top;
    margin-top: -2px
}

.points-updates__item-update svg [fill] {
    fill: #0397b1
}

.points-updates__item-update>:last-child {
    margin: 0
}

.points-updates__item-update--down {
    border-color: #e63e46;
    color: #e63e46
}

.points-updates__item-update--down:after {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(28%,rgba(158,170,193,0)),to(#e63e46));
    background-image: -webkit-linear-gradient(left,rgba(158,170,193,0) 28%,#e63e46 100%);
    background-image: linear-gradient(90deg,rgba(158,170,193,0) 28%,#e63e46 100%)
}

.points-updates__item-update--down svg [fill] {
    fill: #e63e46
}

.points-updates__item-update--expert {
    border-color: #2d6eed;
    color: #2d6eed
}

.points-updates__item-update--expert:after {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(28%,rgba(158,170,193,0)),to(#2d6eed));
    background-image: -webkit-linear-gradient(left,rgba(158,170,193,0) 28%,#2d6eed 100%);
    background-image: linear-gradient(90deg,rgba(158,170,193,0) 28%,#2d6eed 100%)
}

.points-updates__item-update--expert svg [fill] {
    fill: #2d6eed
}

.points-updates__item-update--advanced {
    border-color: #ed872d;
    color: #ed872d
}

.points-updates__item-update--advanced:after {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(28%,rgba(158,170,193,0)),to(#ed872d));
    background-image: -webkit-linear-gradient(left,rgba(158,170,193,0) 28%,#ed872d 100%);
    background-image: linear-gradient(90deg,rgba(158,170,193,0) 28%,#ed872d 100%)
}

.points-updates__item-update--advanced svg [fill] {
    fill: #ed872d
}

.points-updates__item-points {
    color: #203259;
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap
}

.points-updates__item-points small {
    margin-top: -10px;
    margin-left: 2px;
    display: inline-block
}

.dark-mode .points-updates__item-points {
    color: #fff;
    color: #fff
}

.dark-mode .points-updates__item-points h1,.dark-mode .points-updates__item-points h2,.dark-mode .points-updates__item-points h3,.dark-mode .points-updates__item-points h4,.dark-mode .points-updates__item-points h5,.dark-mode .points-updates__item-points h6,.dark-mode .points-updates__item-points a:not(.btn) {
    color: #fff
}

.dark-mode .points-updates {
    color: #fff
}

.dark-mode .points-updates h1,.dark-mode .points-updates h2,.dark-mode .points-updates h3,.dark-mode .points-updates h4,.dark-mode .points-updates h5,.dark-mode .points-updates h6,.dark-mode .points-updates a:not(.btn) {
    color: #fff
}

.dark-mode .points-updates .text-success {
    color: #de9100 !important
}

.current-level {
    padding: .125rem .5rem;
    background-color: #d4edda !important;
    color: #155724 !important;
    font-weight: bold;
    border-radius: .25rem;
    font-size: .75rem
}

.selectable-list {
    height: 243px;
    list-style: none;
    margin: 0;
    padding: 0
}

.selectable-list li {
    margin-top: 2px
}

.selectable-list li:first-child {
    margin-top: 0
}

.selectable-list a {
    display: block;
    background-color: #f5f7fa;
    padding: 13px 20px 13px 16px;
    padding: .8125rem 1.25rem .8125rem 1rem;
    color: #203259;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px
}

.selectable-list a i {
    color: #0397b1;
    font-size: 16px;
    font-size: 1rem
}

.selectable-list a:hover {
    text-decoration: none;
    background-color: #e4e9f2
}

.dark-mode .selectable-list a {
    color: #fff;
    background-color: rgba(0,0,0,.2)
}

.dark-mode .selectable-list a:hover {
    background-color: #16161b
}

.single-list-custom__header .sep {
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-left: .9375rem;
    background-color: rgba(168,176,191,.8)
}

.lists-selection__results {
    max-height: 396px
}

.lists-selection__result {
    background-color: #f5f7fa;
    margin-top: 2px;
    margin-top: .125rem;
    border-radius: .375rem
}

.lists-selection__result:first-child {
    margin-top: 0
}

.lists-selection__result-header {
    padding: 16px;
    padding: 1rem
}

.lists-selection__result-header .custom-control {
    margin-right: 0
}

.lists-selection__result-title {
    margin-bottom: 0;
    margin-left: 8px;
    margin-left: .5rem;
    font-weight: normal;
    font-size: .9625rem;
    cursor: pointer;
    color: inherited !important;
    padding-left: .5rem
}

.lists-selection__result-content {
    padding: 8px 54px 24px 45px;
    padding: .5rem 3.375rem 1.5rem 2.8125rem
}

.dark-mode .lists-selection__result {
    background-color: #22232e
}

.signup-profile-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.signup-profile-type__options {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
    margin-left: 1rem
}

.upload-progress {
    margin-bottom: 18px;
    margin-bottom: 1.125rem
}

.upload-progress__inner {
    padding: 11px 16px;
    padding: .6875rem 1rem;
    border-radius: .125rem;
    border: 1px solid #f2f4f7
}

.upload-progress__file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.upload-progress__file i {
    margin-right: 10px;
    margin-right: .625rem;
    font-size: 16px;
    font-size: 1rem
}

.upload-progress__file span {
    font-size: 14px;
    font-size: .875rem
}

.upload-progress__header {
    margin-bottom: 5px;
    margin-bottom: .3125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    font-size: .75rem;
    color: #a8b0bf
}

.upload-progress__cancel {
    font-size: 12px;
    font-size: .75rem;
    color: #a8b0bf
}

.chat-attachments .chat-attachment {
    margin-top: 5px;
    margin-top: .3125rem
}

.chat-attachments .chat-attachment:first-child {
    margin-top: 0
}

.chat-attachment__inner {
    background-color: #fff;
    border-radius: .5rem;
    padding: 8px 10px;
    padding: .5rem .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chat-attachment__file {
    font-size: 12px;
    font-size: .75rem;
    color: #203259;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.chat-attachment__file i {
    margin-right: 10px;
    margin-right: .625rem;
    font-size: 16px;
    font-size: 1rem
}

.chat-attachment__down {
    padding: 0;
    padding-left: 10px;
    padding-left: .625rem;
    margin-left: 10px;
    margin-left: .625rem;
    color: #0397b1;
    border-left: 1px solid #f2f4f7
}

.community .accordion {
    border: 0
}

.community .accordion .accordion-item {
    margin-top: 20px;
    margin-top: 1.25rem;
    border-radius: .25rem;
    background-color: #f5f7fa;
    position: relative
}

.community .accordion .accordion-item:first-child {
    margin-top: 0
}

.community .accordion .accordion-item__header {
    border: 0
}

.community .accordion .accordion-item__header .btn {
    font-size: 1.0208333336rem;
    padding: 20px 74px 20px 30px;
    padding: 1.25rem 4.625rem 1.25rem 1.875rem
}

.community .accordion .accordion-item__header .btn:before,.community .accordion .accordion-item__header .btn:after {
    right: 20px
}

.community .accordion .accordion-item__content {
    padding: 0 74px 0 30px;
    padding: 0 4.625rem 0 1.875rem
}

.community .accordion .accordion-item.search-result-highlighted {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    background-color: #fff
}

.dark-mode .community .accordion {
    color: #fff
}

.dark-mode .community .accordion h1,.dark-mode .community .accordion h2,.dark-mode .community .accordion h3,.dark-mode .community .accordion h4,.dark-mode .community .accordion h5,.dark-mode .community .accordion h6,.dark-mode .community .accordion a:not(.btn) {
    color: #fff
}

.dark-mode .community .accordion .accordion-item {
    background-color: rgba(0,0,0,.2)
}

.community-hero {
    padding-top: 130px;
    padding-top: 8.125rem;
    padding-bottom: 130px;
    padding-bottom: 8.125rem;
    background-color: #e7f9fa;
    text-align: center;
    position: relative
}

.community-hero h1 {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1.17857143;
    text-transform: uppercase;
    letter-spacing: normal;
    margin-bottom: 14px;
    margin-bottom: .875rem
}

.community-hero p {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

.community-hero__scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    font-family: "Farsan",sans-serif;
    color: #fff;
    background-color: #0397b1;
    padding: 10px 14px 5px;
    padding: .625rem .875rem .3125rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: .9167;
    border-radius: 50px
}

.community-hero__scroll span {
    margin-right: 8px;
    margin-right: .5rem
}

.community-hero__scroll:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0397b1
}

.dark-mode .community-hero {
    color: #fff;
    background-color: rgba(255,255,255,.05)
}

.dark-mode .community-hero h1,.dark-mode .community-hero h2,.dark-mode .community-hero h3,.dark-mode .community-hero h4,.dark-mode .community-hero h5,.dark-mode .community-hero h6,.dark-mode .community-hero a:not(.btn) {
    color: #fff
}

.dark-mode .community-hero__scroll {
    background-color: #de9100
}

.dark-mode .community-hero__scroll:hover {
    background-color: #b57600
}

.community-search {
    max-width: 358px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.community-search .form-control {
    background-color: #fff;
    border-radius: .5rem;
    padding: 16px 20px 16px 46px;
    padding: 1rem 1.25rem 1rem 2.875rem;
    font-size: 14px;
    font-size: .875rem
}

.community-search .form-control::-webkit-input-placeholder {
    color: #a8b0bf
}

.community-search .form-control::-moz-placeholder {
    color: #a8b0bf
}

.community-search .form-control:-moz-placeholder {
    color: #a8b0bf
}

.community-search .form-control:-ms-input-placeholder {
    color: #a8b0bf
}

.community-search [type=submit] {
    padding: 15px 16px 17px;
    padding: .9375rem 1rem 1.0625rem;
    position: absolute;
    left: 0;
    top: 0
}

.community-main {
    padding: 151px 0;
    padding: 9.4375rem 0
}

.community-main__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.community-main__sidebar {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 25px;
    padding-right: 1.5625rem
}

.community-main__content {
    width: 66.6347992352%;
    -webkit-flex-basis: 66.6347992352%;
    -ms-flex-preferred-size: 66.6347992352%;
    flex-basis: 66.6347992352%
}

@media screen and (max-width: 768px) {
    .community-main__inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .community-main__sidebar {
        padding-right: 0;
        margin-bottom: 30px;
        margin-bottom: 1.875rem
    }

    .community-main__content {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.community-categories {
    list-style: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: block;
    border: 0
}

.community-categories li {
    display: block;
    margin-top: 15px;
    margin-top: .9375rem
}

.community-categories li:first-child {
    margin-top: 0
}

.community-categories button {
    display: block;
    background-color: rgba(0,0,0,0);
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.6;
    border: 0;
    padding: 6px 15px;
    padding: .375rem .9375rem;
    font-weight: 700;
    border-radius: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.community-categories button i {
    margin-left: 10px;
    margin-left: .625rem;
    font-size: 18px;
    font-size: 1.125rem
}

.community-categories button.active {
    background-color: #e7f9fa;
    color: #0397b1
}

@media screen and (max-width: 992px) {
    .community-categories button {
        font-size:20px;
        font-size: 1.25rem;
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #f7f7f7
    }
}

.dark-mode .community-categories button {
    color: #fff
}

.dark-mode .community-categories button.active {
    background-color: rgba(0,0,0,.2)
}

.community-tab-pane {
    display: none
}

.community-tab-pane.active {
    display: block
}

.community-items {
    list-style-type: decimal-leading-zero;
    list-style: none;
    padding: 0;
    margin: 0
}

.community-items li {
    padding: 20px 74px;
    padding: 1.25rem 4.625rem;
    border-radius: .25rem;
    background-color: #f5f7fa;
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 1.0208333336rem;
    position: relative
}

.community-items li:first-child {
    margin-top: 0
}

.community-items li.search-result-highlighted {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    background-color: #fff
}

.community-items::marker,.community-items__no {
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 20px
}

.dark-mode .community-items {
    color: #fff
}

.dark-mode .community-items h1,.dark-mode .community-items h2,.dark-mode .community-items h3,.dark-mode .community-items h4,.dark-mode .community-items h5,.dark-mode .community-items h6,.dark-mode .community-items a:not(.btn) {
    color: #fff
}

.dark-mode .community-items li {
    background-color: rgba(0,0,0,.2)
}

.community-search {
    position: relative
}

.community-search .form-control {
    border-color: #fff
}

.community-search .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #0397b1
}

.community-search__results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 10px;
    background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    z-index: 1000;
    max-height: 250px;
    overflow-y: auto;
    display: none
}

.community-search__results ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0
}

.community-search__results ul li {
    border-top: 1px solid #f2f3f5
}

.community-search__results ul li:first-child {
    border-top: 0
}

.community-search__results ul li a,.community-search__results ul li>span {
    padding: 10px 15px;
    padding: .625rem .9375rem;
    color: #1b1b1b;
    text-decoration: none;
    display: block
}

.community-search__results ul li a:hover {
    background-color: #f2f4f7
}

.dark-mode .community-search {
    color: #fff
}

.dark-mode .community-search h1,.dark-mode .community-search h2,.dark-mode .community-search h3,.dark-mode .community-search h4,.dark-mode .community-search h5,.dark-mode .community-search h6,.dark-mode .community-search a:not(.btn) {
    color: #fff
}

.dark-mode .community-search .form-control {
    background-color: #22232e;
    border-color: #22232e;
    color: #fff
}

.dark-mode .community-search .form-control::-webkit-input-placeholder {
    color: rgba(255,255,255,.5)
}

.dark-mode .community-search .form-control::-moz-placeholder {
    color: rgba(255,255,255,.5)
}

.dark-mode .community-search .form-control:-moz-placeholder {
    color: rgba(255,255,255,.5)
}

.dark-mode .community-search .form-control:-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

.dark-mode .community-search .btn {
    color: rgba(255,255,255,.5)
}

.dark-mode .community-search__results {
    background-color: #22232e
}

.dark-mode .community-search__results li {
    border-color: rgba(255,255,255,.1)
}

.dark-mode .community-search__results li a:hover {
    background-color: rgba(0,0,0,.2)
}

.quick-guide-modal .modal-dialog {
    max-width: 946px
}

.quick-guide-modal .modal-content {
    border-radius: 0;
    position: relative
}

.quick-guide-modal .close {
    position: absolute;
    right: 12px;
    top: 12px;
    margin: 0;
    padding: 15px 20px;
    padding: .9375rem 1.25rem;
    width: 55px;
    height: 55px;
    z-index: 10
}

.quick-guide-modal .modal-body {
    padding: 56px 100px 48px;
    padding: 3.5rem 6.25rem 3rem;
    position: relative
}

.quick-guide-modal__label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.quick-guide-modal__slider {
    overflow: hidden
}

.quick-guide-modal__slider.slick-dotted {
    margin-bottom: 0
}

.quick-guide-modal__slider .slick-track {
    min-width: 100%
}

.quick-guide-modal__slider .slick-slide {
    width: 100%
}

.quick-guide-modal__slider .slick-slide[style*="width: 0px"] {
    min-width: 100%
}

.quick-guide-modal__slider>.quick-guide-modal__slide+div,.quick-guide-modal__slider .slick-slide[style*="width: 0px"]+div {
    display: none
}

.quick-guide-modal__slide {
    text-align: center
}

.quick-guide-modal__slide h2 {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    font-size: 32px;
    font-size: 2rem
}

.quick-guide-modal__slide p {
    margin-bottom: 55px;
    margin-bottom: 3.4375rem;
    max-width: 415px;
    margin-left: auto;
    margin-right: auto
}

.quick-guide-modal__slide img {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 768px) {
    .quick-guide-modal__img-desktop {
        display:none !important
    }
}

@media screen and (min-width: 769px) {
    .quick-guide-modal__img-mobile {
        display:none !important
    }
}

.quick-guide-modal__nav {
    background-color: #f5f7fa;
    padding: 24px 12px;
    padding: 1.5rem .75rem
}

.quick-guide-modal__dots .slick-dots {
    position: relative;
    bottom: auto;
    font-size: 0
}

.quick-guide-modal__dots .slick-dots li {
    margin-right: 0;
    margin-left: 8px;
    width: auto;
    height: auto
}

.quick-guide-modal__dots .slick-dots li:first-child {
    margin-left: 0
}

.quick-guide-modal__dots .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 12px;
    border: 1px solid #d3dae6;
    background-color: rgba(0,0,0,0)
}

.quick-guide-modal__dots .slick-dots li button:before {
    display: none
}

.quick-guide-modal__dots .slick-dots li.slick-active button,.quick-guide-modal__dots .slick-dots li button:hover {
    background-color: #0397b1;
    border-color: #0397b1
}

@media screen and (max-width: 768px) {
    .quick-guide-modal h2 {
        padding-left:60px;
        padding-right: 60px;
        font-size: 24px;
        font-size: 1.5rem
    }

    .quick-guide-modal p {
        margin-bottom: 8px;
        margin-bottom: .5rem
    }

    .quick-guide-modal .modal-body {
        padding: 56px 16px 28px;
        padding: 3.5rem 1rem 1.75rem;
        overflow: hidden
    }

    .quick-guide-modal .close {
        right: 0;
        top: 0
    }

    .quick-guide-modal__label {
        max-width: 150px;
        top: -20px;
        left: -20px
    }
}

.gig-cat-cards.row {
    row-gap: 20px
}

.gig-cat-card {
    background-color: #f5f7fa;
    border-radius: .5rem;
    padding: 32px;
    padding: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.gig-cat-card__icon {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    margin-right: 1rem
}

.gig-cat-card__title {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0;
    line-height: 1.5
}

.gig-cat-card__text {
    margin: 0;
    opacity: .5;
    color: #1b1b1b;
    line-height: 1.5
}

.gig-cat-card:hover {
    text-decoration: none;
    background-color: #ecf0f6
}

.gig-cat-card--all {
    background-color: #fff3cf
}

.gig-cat-card--all:hover {
    background-color: #fae9b8
}

.share-box .modal-header {
    padding: 32px 32px 0;
    padding: 2rem 2rem 0
}

.share-box .modal-body {
    padding: 0 32px 0;
    padding: 0 2rem 0
}

.share-box .close {
    top: 0;
    right: 0;
    position: absolute;
    margin: 0
}

.share-box__field {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.share-box__field i {
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 13px
}

.share-box__field-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f5f7fa;
    border: 0;
    border-radius: 0;
    padding: 12px 21px 12px 40px;
    padding: .75rem 1.3125rem .75rem 2.5rem;
    width: 100%;
    min-height: 43px
}

.share-box__field-input[readonly] {
    color: #1b1b1b
}

.dark-mode .share-box__field-input[readonly] {
    color: #fff
}

.share-box__field-input:focus {
    outline: 0
}

.dark-mode .share-box__field-input {
    background-color: rgba(255,255,255,.02)
}

.share-box__copy,.share-box .form-copy .form-copy__btn {
    margin-left: 2px;
    margin-left: .125rem;
    padding: 11px 16px;
    padding: .6875rem 1rem;
    color: #30394d;
    border: 0;
    min-height: 43px
}

.dark-mode .share-box__copy,.dark-mode .share-box .form-copy .form-copy__btn {
    color: #fff
}

.share-box__share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.share-box__share a {
    width: 42px;
    height: 42px;
    background-color: #f5f7fa;
    color: #30394d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    margin-right: 16px;
    margin-right: 1rem
}

.share-box__share a:hover {
    background-color: #ecf0f6;
    text-decoration: none
}

.dark-mode .share-box__share a {
    color: #fff;
    background-color: rgba(255,255,255,.05)
}

.dark-mode .share-box__share a:hover {
    background-color: rgba(255,255,255,.08)
}

.share-box__footnote a {
    color: #1b1b1b
}

.alternate-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 192px;
    margin-top: 12rem
}

.alternate-row:first-child {
    margin-top: 0
}

.alternate-row__image-wrap {
    width: 49.7237569061%;
    margin-right: 9.576427256%
}

.alternate-row__text-wrap {
    width: 40.6998158379%
}

.alternate-row__text {
    font-size: 20px;
    font-size: 1.25rem
}

@media screen and (min-width: 769px) {
    .alternate-row--text-img .alternate-row__image-wrap {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0;
        margin-left: 9.576427256%
    }

    .alternate-row--text-img .alternate-row__text-wrap {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 769px) {
    .alternate-row--share .alternate-row__image-wrap img {
        max-width:none;
        width: 116.8%;
        margin-bottom: -7.7%
    }
}

@media screen and (min-width: 769px) {
    .alternate-row--engage .alternate-row__image-wrap img {
        max-width:none;
        width: 132%;
        margin-bottom: -6.7%;
        margin-left: -16.8%
    }
}

@media screen and (min-width: 769px) {
    .alternate-row--participate .alternate-row__image-wrap img {
        max-width:none;
        width: 115.3%;
        margin-bottom: -17.6%
    }
}

@media screen and (max-width: 768px) {
    .alternate-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 100px;
        margin-top: 6.25rem
    }

    .alternate-row__text-wrap,.alternate-row__image-wrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .alternate-row__image-wrap {
        margin-bottom: 30px;
        margin-bottom: 1.875rem
    }
}

.surveys-offers-section .sub-header {
    position: relative
}

.surveys-offers-section .sub-header__back {
    position: absolute
}

@media screen and (min-width: 1301px) {
    .surveys-offers-section .sub-header__back {
        right:100%;
        margin-right: 20px;
        margin-right: 1.25rem
    }
}

@media screen and (max-width: 1300px) {
    .surveys-offers-section .sub-header__back {
        bottom:100%;
        left: 0
    }
}

.survey-offers {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: -16px;
    margin-top: -1rem;
    align-items: stretch
}

.survey-offers__item {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    min-height: 82px
}

.survey-offers a {
    border: 1px solid #d3dae6;
    border-radius: .375rem;
    display: block;
    margin-top: 16px;
    margin-top: 1rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 12px;
    padding: .375rem .75rem;
    height: 48px
}

.survey-offers a:hover {
    background-color: #f2f3f5
}

.survey-offers a img {
    max-height: 52px
}

.dark-mode .survey-offers a {
    background-color: #fff3cf;
    border-color: #fff3cf
}

.dark-mode .survey-offers a:hover {
    background-color: #ffe083
}

.popular-categories h3 {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.popular-categories__list {
    margin: 0;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.popular-categories ul {
    overflow: hidden
}

.popular-categories ul>li {
    white-space: nowrap
}

.popular-categories ul.slick-initialized {
    overflow: visible
}

.popular-categories li {
    padding-left: 4px;
    padding-right: 4px
}

.popular-categories a {
    font-size: 16px;
    font-size: 1rem;
    display: block;
    padding: 12px 20px;
    padding: .75rem 1.25rem;
    background-color: #f5f7fa;
    color: #1b1b1b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.popular-categories a:focus {
    outline: 0;
    background-color: #f2f3f5
}

.popular-categories a i {
    color: #0397b1;
    margin-right: 12px;
    margin-right: .75rem
}

.popular-categories a i:before {
    font-size: 26px;
    font-size: 1.625rem
}

.popular-categories a:hover {
    text-decoration: none;
    background-color: #f2f3f5
}

.popular-categories .slick-prev,.popular-categories .slick-next {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    border: 1px solid var(--sg-color-gray-300);
    width: 38px;
    height: 38px
}

.popular-categories .slick-prev:before,.popular-categories .slick-next:before {
    color: #1b1b1b;
    font-size: 14px;
    font-size: .875rem
}

.popular-categories .slick-prev {
    right: 37px;
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.popular-categories .slick-prev:before {
    content: ""
}

.popular-categories .slick-next {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.popular-categories .slick-next:before {
    content: ""
}

.popular-categories--bot-line {
    border-bottom: 1px solid var(--sg-color-gray-100);
    padding-bottom: 24px;
    padding-bottom: 1.5rem
}

.dark-mode .popular-categories a {
    background-color: #714a00;
    color: #fff
}

.dark-mode .popular-categories a i {
    color: #fff
}

.dark-mode .popular-categories a:hover,.dark-mode .popular-categories a:focus {
    background-color: #4d3300
}

.dark-mode .popular-categories .slick-prev:before,.dark-mode .popular-categories .slick-next:before {
    color: #fff
}

.referral-program__content {
    padding: 30px 30px 29px;
    background-color: #f5f7fa
}

.dark-mode .referral-program__content {
    background-color: #22232e
}

@media screen and (min-width: 769px) {
    .referral-program__content {
        padding:48px 48px 29px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.referral-program__content h2,.referral-program__content .h2 {
    font-size: 32px;
    font-size: 2rem
}

@media screen and (min-width: 769px) {
    .referral-program__text {
        width:60.88794926%
    }
}

.referral-program__stat p {
    margin-left: 12px;
    margin-left: .75rem;
    line-height: 1.16666667;
    font-size: .728875rem
}

.referral-program__actions {
    width: 100%
}

.referral-program__actions .btn {
    padding: 12px 36px;
    padding: .75rem 2.25rem;
    width: 200px;
    max-width: 100%;
    text-transform: uppercase
}

.referral-program__actions .btn.btn-outline-primary {
    background-color: #e7f9fa;
    color: #1b1b1b
}

.referral-program__actions .btn.btn-outline-primary:hover,.referral-program__actions .btn.btn-outline-primary:active:hover {
    background-color: #0397b1;
    color: #fff
}

.dark-mode .referral-program__actions .btn.btn-outline-primary {
    background-color: #de9100;
    color: #fff
}

.dark-mode .referral-program__actions .btn.btn-outline-primary:hover,.dark-mode .referral-program__actions .btn.btn-outline-primary:active:hover {
    background-color: #b57600
}

@media screen and (max-width: 576px) {
    .referral-program__actions .btn {
        width:100%;
        padding: 8px 30px;
        padding: .5rem 1.875rem;
        display: block
    }
}

.referral-program__break {
    border: 1px solid #d3dae6;
    margin: 0
}

.referral-program__referral {
    background-color: #fff;
    padding-left: 14px;
    padding-left: .875rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.referral-program__referral input {
    background-color: rgba(0,0,0,0);
    padding: 0;
    margin-left: 10px;
    margin-left: .625rem;
    border: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.referral-program__referral input:focus {
    outline: 0
}

.referral-program__referral .btn {
    background-color: rgba(0,0,0,0);
    color: #1b1b1b;
    text-transform: none;
    border-left: 1px solid #f5f7fa;
    padding: 11px 16px;
    padding: .6875rem 1rem
}

@media screen and (max-width: 576px) {
    .referral-program__referral {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 0
    }

    .referral-program__referral .btn {
        width: 100%;
        border-left: 0;
        border-top: 1px solid #f5f7fa
    }

    .referral-program__referral .form-copy__input-cont {
        padding: 11px 16px;
        padding: .6875rem 1rem;
        width: 100%
    }
}

.dark-mode .referral-program__referral {
    background-color: #2c2d38
}

.dark-mode .referral-program__referral input {
    color: #fff
}

.dark-mode .referral-program__referral .btn {
    color: #fff;
    border-color: #2c2d38
}

.referral-program__share {
    margin-left: 40px;
    margin-left: 2.5rem
}

.referral-program__footer {
    padding: 24px 30px 30px;
    background-color: #f5f7fa
}

.dark-mode .referral-program__footer {
    background-color: #22232e
}

@media screen and (min-width: 769px) {
    .referral-program__footer {
        padding:24px 48px 48px
    }
}

.programs-offers {
    background-color: #f5f7fa
}

.dark-mode .programs-offers {
    background-color: #22232e
}

.programs-offers__inner {
    padding: 48px
}

.programs-offers__inner h2,.programs-offers__inner .h2 {
    font-size: 32px;
    font-size: 2rem
}

.programs-offers__stat p {
    margin-left: 12px;
    margin-left: .75rem;
    line-height: 1.16666667;
    font-size: .728875rem
}

.programs-offers__actions .btn {
    padding: 12px 36px;
    padding: .75rem 2.25rem;
    width: 200px;
    max-width: 100%;
    text-transform: uppercase
}

.programs-offers__actions .btn.btn-outline-primary {
    background-color: #e7f9fa;
    color: #1b1b1b
}

.programs-offers__actions .btn.btn-outline-primary:hover,.programs-offers__actions .btn.btn-outline-primary:active:hover {
    background-color: #0397b1;
    color: #fff
}

.dark-mode .programs-offers__actions .btn.btn-outline-primary {
    background-color: #de9100;
    color: #fff
}

.dark-mode .programs-offers__actions .btn.btn-outline-primary:hover,.dark-mode .programs-offers__actions .btn.btn-outline-primary:active:hover {
    background-color: #b57600
}

@media screen and (max-width: 576px) {
    .programs-offers__actions .btn {
        width:100%;
        padding: 8px 30px;
        padding: .5rem 1.875rem;
        display: block
    }
}

@media screen and (min-width: 769px) {
    .programs-offers--full .programs-offers__inner {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .programs-offers--full .programs-offers__text {
        width: 60.88794926%
    }
}

.section-404 {
    padding-top: 116px;
    padding-top: 7.25rem;
    padding-bottom: 134px;
    padding-bottom: 8.375rem
}

.section-404 h1 {
    font-size: 80px;
    font-size: 5rem;
    line-height: 1.2
}

.section-404 h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25
}

.section-404 svg {
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 768px) {
    .section-404 {
        padding-top:70px;
        padding-top: 4.375rem;
        padding-bottom: 70px;
        padding-bottom: 4.375rem
    }

    .section-404 svg {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

.interactive-banner {
    position: relative
}

.interactive-banner__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.interactive-banner__slide {
    position: relative
}

.interactive-banner__slide+div {
    display: none
}

.interactive-banner__slide .btn {
    border-radius: .25rem
}

.interactive-banner__slide .btn-secondary {
    border: 1px solid var(--sg-color-primary);
    color: #203259
}

.dark-mode .interactive-banner__slide .btn-secondary {
    color: #fff
}

.interactive-banner__slide .btn-secondary:hover,.interactive-banner__slide .btn-secondary:not(:disabled):not(.disabled):active,.interactive-banner__slide .btn-secondary:not(:disabled):not(.disabled).active,.show>.interactive-banner__slide .btn-secondary.dropdown-toggle {
    color: #fff
}

.interactive-banner__slide-inner {
    padding: 38px 64px;
    padding: 2.375rem 4rem;
    background-color: var(--sg-color-gray)
}

.interactive-banner__slide-text {
    width: 49.3464052288%;
    z-index: 1;
    position: relative
}

@media screen and (min-width: 993px) {
    .interactive-banner__slide-media {
        position:absolute;
        right: 0;
        top: 0;
        width: 50.6535947712%
    }

    .interactive-banner__slide-media img {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 992px) {
    .interactive-banner__slide-inner {
        padding:24px 24px 0;
        padding: 1.5rem 1.5rem 0
    }

    .interactive-banner__slide-text,.interactive-banner__slide-media {
        width: auto
    }
}

.interactive-banner__slide--2 .interactive-banner__slide-media {
    top: auto;
    bottom: 0
}

.interactive-banner__slide--2 .interactive-banner__slide-media img {
    margin-right: 0
}

.interactive-banner__slide--3 .interactive-banner__slide-media {
    top: auto;
    bottom: 0
}

@media screen and (max-width: 992px) {
    .interactive-banner__slide--3 .interactive-banner__slide-media img {
        margin-top:-4.3%;
        margin-left: -4.3%
    }
}

.interactive-banner__slide--5 .interactive-banner__slide-media {
    top: auto;
    bottom: 0
}

.interactive-banner__slide--5 .interactive-banner__slide-media img {
    margin-right: 0
}

.interactive-banner__slide--6 .interactive-banner__slide-media {
    top: auto;
    bottom: 0
}

@media screen and (min-width: 993px) {
    .interactive-banner__slide--6 .interactive-banner__slide-media {
        padding-right:20px
    }
}

.interactive-banner__slide--6 .interactive-banner__slide-media img {
    margin-right: 0
}

.offer-card__inner {
    border: 1px solid var(--sg-color-gray-300);
    border-radius: .25rem;
    display: block
}

.offer-card__inner:hover {
    text-decoration: none;
    background-color: var(--sg-color-gray)
}

.dark-mode .offer-card__inner {
    border-color: rgba(255,255,255,.1)
}

.offer-card__featured {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    position: relative;
    height: 156px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--sg-color-gray-100);
    overflow: hidden;
    padding-bottom: 100%;
    height: 0
}

.offer-card__featured img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -o-object-fit: fill;
    object-fit: fill;
    min-width: 50%;
    min-height: 50%
}

.offer-card__labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    padding: .625rem
}

.offer-card__label {
    padding: 3px 5px 2px;
    padding: .1875rem .3125rem .125rem;
    border-radius: .25rem;
    font-size: 10px;
    font-size: .625rem;
    text-transform: uppercase;
    font-weight: 700
}

.offer-card__label.bg-warning {
    background-color: #fec40f
}

.offer-card__text-wrap {
    padding: 12px;
    padding: .75rem
}

.offer-card__text-wrap h4 {
    word-break: break-word
}

.offer-popup .modal-dialog {
    width: 650px;
    max-width: 100%;
    overflow-y: initial !important
}

.offer-popup .modal-content {
    border-radius: .5rem
}

.offer-popup .modal-body {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    padding: 32px 32px 0;
    padding: 2rem 2rem 0
}

.offer-popup .modal-footer {
    padding: 32px;
    padding: 2rem
}

.offer-popup .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.offer-popup__header {
    margin-bottom: 30px;
    margin-bottom: 1.875rem
}

@media screen and (max-width: 768px) {
    .offer-popup__header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px
    }
}

.offer-popup__img {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    position: relative;
    width: 164px;
    height: 164px;
    border-radius: .25rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.offer-popup__img img {
    -o-object-fit: fill;
    object-fit: fill;
    min-width: 50%;
    min-height: 50%
}

.offer-popup__labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    padding: .625rem
}

.offer-popup__label {
    padding: 3px 5px 2px;
    padding: .1875rem .3125rem .125rem;
    border-radius: .25rem;
    font-size: 10px;
    font-size: .625rem;
    text-transform: uppercase;
    font-weight: 700
}

.offer-popup__label.bg-warning {
    background-color: #fec40f
}

.offer-popup__provider img {
    max-height: 20px
}

.offer-popup__rewards {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.offer-popup__rewards li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
    margin-bottom: .5rem;
    padding-left: 25px;
    padding-left: 1.5625rem;
    position: relative
}

.offer-popup__rewards li:last-child {
    margin-bottom: 0
}

.offer-popup__rewards li:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-weight: 900;
    color: var(--sg-color-primary);
    font-size: 10px;
    font-size: .625rem;
    position: absolute;
    left: 0;
    top: 5px
}

.offer-popup__rewards li p {
    margin-right: 64px;
    margin-bottom: 0
}

.offer-popup__rewards li .price {
    margin-left: auto;
    margin-right: 0
}

.offer-popup__rewards li.offer-popup__reward--completed {
    color: var(--sg-color-gray-300)
}

.offer-popup__rewards li.offer-popup__reward--completed:before {
    content: "";
    font-size: 12px;
    font-size: .75rem
}

.offer-popup__steps {
    list-style: none;
    padding-left: 0;
    counter-reset: steps_counter
}

.offer-popup__steps li {
    counter-increment: steps_counter;
    min-height: 20px;
    position: relative;
    padding-left: 30px;
    padding-left: 1.875rem;
    margin-bottom: 12px;
    margin-bottom: .75rem
}

.offer-popup__steps li:last-child {
    margin-bottom: 0
}

.offer-popup__steps li:before {
    content: counter(steps_counter);
    color: var(--sg-color-primary);
    background-color: var(--sg-color-secondary);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: .25rem;
    position: absolute;
    left: 0;
    top: 0
}

.offer-popup__activity li {
    border-radius: .25rem;
    margin-bottom: 8px;
    margin-bottom: .5rem;
    background-color: var(--sg-color-gray-100);
    padding: 16px;
    padding: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.offer-popup__activity li:last-child {
    margin-bottom: 0
}

.offer-popup__activity li p {
    margin: 0;
    margin-right: 30px;
    margin-right: 1.875rem
}

.offer-popup__activity li span {
    margin-left: auto;
    margin-right: 0;
    color: var(--sg-color-gray-400)
}

.offer-popup__reviews li {
    border-radius: .25rem;
    margin-bottom: 8px;
    margin-bottom: .5rem;
    background-color: var(--sg-color-gray);
    padding: 16px;
    padding: 1rem
}

.offer-popup__reviews li:last-child {
    margin-bottom: 0
}

.offer-popup__reviews-img {
    width: 30px;
    height: 30px;
    border-radius: 50em;
    overflow: hidden
}

.offer-popup__reviews-img img {
    -o-object-fit: fill;
    object-fit: fill
}

.survey-providers {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: -16px;
    margin-top: -1rem;
    align-items: stretch;
    margin-left: -4px;
    margin-right: -4px
}

.survey-providers__item {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    min-height: 82px;
    padding-left: 4px;
    padding-right: 4px
}

.survey-providers a {
    border: 1px solid #d3dae6;
    border-radius: .375rem;
    display: block;
    margin-top: 16px;
    margin-top: 1rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    padding: .625rem 1.25rem;
    height: 48px;
    width: 176px
}

.survey-providers a:hover {
    background-color: #f2f3f5
}

.survey-providers a img {
    max-height: 100%;
    max-width: 100%
}

.dark-mode .survey-providers a {
    background-color: #fff3cf;
    border-color: #fff3cf
}

.dark-mode .survey-providers a:hover {
    background-color: #ffe083
}

.site {
    -webkit-transition: .15s ease-in-out padding-right;
    transition: .15s ease-in-out padding-right
}

@media only screen and (min-width: 1441px) {
    body.offers-chat-opened .site,body.offers-chat-opened .navbar-fixed-top {
        padding-right:350px
    }
}

@media only screen and (max-width: 1440px)and (min-width:993px) {
    body.offers-chat-opened .site-notice,body.offers-chat-opened .site-alerts,body.offers-chat-opened .main,body.offers-chat-opened .footer {
        padding-right:350px
    }

    body.offers-chat-opened .offer-card {
        max-width: 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.offers-chat {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 100vh;
    width: 350px;
    z-index: 1000;
    background-color: #fff;
    border-left: 1px solid #d3dae6;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    margin-right: -30px
}

.dark-mode .offers-chat {
    background-color: #22232e;
    border-color: rgba(255,255,255,.1)
}

@media only screen and (max-width: 1440px) {
    .offers-chat {
        height:calc(100vh - 66px)
    }
}

@media screen and (max-width: 768px) {
    .offers-chat {
        width:100%;
        border-left: 0
    }
}

.offers-chat--opened {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    margin-right: 0
}

.offers-chat__close {
    border: 1px solid #d3dae6;
    width: 30px;
    height: 30px;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .offers-chat__close {
        position:absolute;
        right: 100%;
        top: 40px;
        z-index: 100;
        border-radius: 50em;
        margin-right: -15px
    }

    .offers-chat__close:hover {
        background-color: #f5f7fa
    }

    .offers-chat__close:focus {
        outline: 0;
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px rgba(211,218,230,.35);
        box-shadow: 0 0 0 3px rgba(211,218,230,.35)
    }
}

@media screen and (max-width: 768px) {
    .offers-chat__close {
        margin-left:10px;
        margin-left: .625rem;
        border-radius: .25rem
    }
}

.offers-chat__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.offers-chat__inner:after {
    content: "";
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    height: 40px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%);
    z-index: 10
}

.dark-mode .offers-chat__inner:after {
    background: -webkit-gradient(linear,left top,left bottom,from(#22232e),to(rgba(34,35,46,0)));
    background: -webkit-linear-gradient(top,#22232e 0,rgba(34,35,46,0) 100%);
    background: linear-gradient(180deg,#22232e 0,rgba(34,35,46,0) 100%)
}

.offers-chat__header {
    border-bottom: 1px solid #d3dae6;
    min-height: 55px
}

.dark-mode .offers-chat__header {
    border-color: rgba(255,255,255,.1)
}

.offers-chat__body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.offers-chat__message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0;
    margin: .75rem 0
}

.offers-chat__message:first-child {
    margin-top: 0
}

.offers-chat__message:last-child {
    margin-bottom: 0
}

.offers-chat__message-avatar {
    width: 30px;
    height: 30px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50em;
    overflow: hidden;
    margin-right: 8px;
    margin-right: .5rem
}

.offers-chat__message-avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.offers-chat__message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #f5f7fa;
    border-radius: .25rem;
    padding: 8px 12px 12px;
    padding: .5rem .75rem .75rem
}

.offers-chat__message-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    margin-bottom: .5rem
}

.offers-chat__message-author {
    font-weight: bold
}

.offers-chat__message-label {
    text-transform: uppercase;
    background-color: #0397b1;
    color: #fff;
    border-radius: .25rem;
    margin-left: 8px;
    margin-left: .5rem;
    padding: 2px 5px;
    padding: .125rem .3125rem;
    font-weight: bold;
    font-size: .728875rem
}

.offers-chat__message-time {
    margin-left: 8px;
    margin-left: .5rem;
    color: #a8b0bf
}

.offers-chat__message-text {
    line-height: 1.14285714;
    color: rgba(32,50,89,.8)
}

.offers-chat__message-text p:last-child {
    margin-bottom: 0
}

.offers-chat__message-text a {
    text-decoration: none
}

.offers-chat__message--system .offers-chat__message-content {
    background-color: #e7f9fa
}

.dark-mode .offers-chat__message--system .offers-chat__message-content {
    background-color: #714a00
}

.offers-chat__message--current .offers-chat__message-content {
    background-color: #d6ebf1;
    border-top-left-radius: 0
}

.dark-mode .offers-chat__message--current .offers-chat__message-content {
    background-color: rgba(255,255,255,.08)
}

.dark-mode .offers-chat__message-content {
    background-color: #2c2d38
}

.dark-mode .offers-chat__message-text {
    color: #fff
}

.offers-chat__editor {
    position: relative
}

.offers-chat__editor-wrapper {
    position: relative
}

.offers-chat__editor-input {
    background-color: #f5f7fa;
    border: 0;
    color: #30394d;
    font-size: 1.0208333336rem;
    border-radius: .25rem;
    padding: 12px 68px 12px 12px;
    padding: .75rem 4.25rem .75rem .75rem;
    width: 100%;
    vertical-align: top;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.offers-chat__editor-input::-webkit-input-placeholder {
    color: #a8b0bf
}

.offers-chat__editor-input::-moz-placeholder {
    color: #a8b0bf
}

.offers-chat__editor-input:-moz-placeholder {
    color: #a8b0bf
}

.offers-chat__editor-input:-ms-input-placeholder {
    color: #a8b0bf
}

.offers-chat__editor-input:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(32,50,89,.1);
    box-shadow: 0 0 0 .2rem rgba(32,50,89,.1)
}

.dark-mode .offers-chat__editor-input {
    background-color: #2c2d38;
    color: #fff
}

.offers-chat__editor-actions {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 48px;
    width: 68px
}

.offers-chat__editor-actions .btn {
    padding: 3px 5px 5px;
    padding: .1875rem .3125rem .3125rem
}

.offers-chat__editor-actions .btn:disabled {
    background-color: rgba(0,0,0,0) !important;
    color: #a8b0bf !important;
    border-color: rgba(0,0,0,0) !important;
    opacity: 1
}

.offers-chat__emoji-picker {
    border: 1px solid #d3dae6;
    border-radius: .25rem;
    padding: 8px;
    padding: .5rem;
    width: 184px;
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 100;
    background-color: #fff;
    margin-bottom: 16px;
    display: none
}

.offers-chat__emoji-picker hr {
    margin: 8px 0;
    margin: .5rem 0;
    background-color: #d3dae6
}

.offers-chat__emoji-picker-inner {
    overflow-y: auto;
    height: 124px
}

.offers-chat__emoji-picker-list {
    gap: 8px
}

.offers-chat__emoji-picker-list a {
    width: 16px;
    font-size: .728875rem
}

.offers-chat__emoji-picker-list a:hover {
    cursor: pointer
}

.offers-chat__usertags {
    border: 1px solid #d3dae6;
    border-radius: .25rem;
    padding: 8px;
    padding: .5rem;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 100;
    background-color: #fff;
    margin-bottom: 16px;
    display: none
}

.offers-chat__usertags hr {
    margin: 8px 0;
    margin: .5rem 0;
    background-color: #d3dae6
}

.offers-chat__usertags-inner {
    overflow-y: auto;
    max-height: 298px
}

.offers-chat__usertags-list {
    gap: 8px
}

.offers-chat__usertags-list a {
    width: 16px;
    font-size: .728875rem
}

.offers-chat__usertags-list a:hover {
    cursor: pointer
}

.offers-chat-rules .modal-header {
    padding-left: 64px;
    padding-right: 64px
}

.offers-chat-rules .close {
    position: absolute;
    right: 20px;
    top: 10px;
    padding: 15px;
    padding: .9375rem
}

.offers-chat-rules .modal-body {
    padding: 64px
}

.referral-link__code {
    background-color: #f5f7fa;
    padding-left: 14px;
    padding-left: .875rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.referral-link__code input {
    background-color: rgba(0,0,0,0);
    padding: 0;
    margin-left: 10px;
    margin-left: .625rem;
    border: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.referral-link__code input:focus {
    outline: 0
}

.referral-link__code .btn {
    background-color: #0397b1;
    color: #fff;
    text-transform: none;
    border-left: 1px solid #f5f7fa;
    padding: 11px 16px;
    padding: .6875rem 1rem
}

@media screen and (max-width: 576px) {
    .referral-link__code {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 0
    }

    .referral-link__code .btn {
        width: 100%;
        border-left: 0;
        border-top: 1px solid #f5f7fa
    }

    .referral-link__code .form-copy__input-cont {
        padding: 11px 16px;
        padding: .6875rem 1rem;
        width: 100%
    }
}

.referral-link__share {
    margin-left: 40px;
    margin-left: 2.5rem
}

.referral-image__inner {
    background-color: #f5f7fa;
    padding: 12px 15px;
    padding: .75rem .9375rem
}

.referral-image__inner:hover {
    text-decoration: none;
    background-color: #ebeff5
}

.dark-mode .referral-image__inner {
    background-color: #22232e
}

.dark-mode .referral-image__inner:hover {
    background-color: #1b1c25
}

.referral-image__icon {
    padding: 5px;
    padding: .3125rem;
    background-color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    color: #0397b1;
    line-height: 31px;
    text-align: center;
    font-size: 14px;
    font-size: .875rem
}

.referral-activity .nav-tabs .nav-link {
    text-transform: none;
    font-weight: normal
}

.referral-activity .nav-tabs .nav-link.active {
    color: var(--sg-color-primary)
}

.referral-activity .table {
    -webkit-box-shadow: none;
    box-shadow: none
}

.referral-activity .table thead th {
    color: var(--sg-color-body)
}

.bg-primary {
    background-color: #0397b1 !important
}

.dark-mode .bg-primary {
    background-color: #714a00 !important
}

.bg-primary-alt {
    background-color: #005924 !important
}

.dark-mode .bg-primary-alt {
    background-color: #714a00 !important
}

.bg-pink {
    background-color: #e8b8f5 !important
}

.bg-orange {
    background-color: #fec410 !important
}

.bg-green {
    background-color: #b0e43f !important
}

.bg-blue {
    background-color: #2d6eed !important
}

.bg-cyan {
    background-color: #07c2e3 !important
}

.bg-light-purple {
    background-color: #b8caf5 !important
}

.bg-light-blue {
    background-color: #baebf7 !important
}

.bg-lighter-blue {
    background-color: #f1fbfd !important
}

.bg-gray {
    background-color: #f2f3f5 !important
}

.bg-gray-0 {
    background-color: #f5f7fa !important
}

.bg-gray-100 {
    background-color: #f2f4f7 !important
}

.bg-gray-300 {
    background-color: #d3dae6 !important
}

.bg-gray-400 {
    background-color: #686d77 !important
}

.bg-transparent {
    background-color: rgba(0,0,0,0) !important
}

.text-gray {
    color: #686d77 !important
}

.text-gray-100 {
    color: #f2f4f7 !important
}

.text-gray-200 {
    color: #f2f3f5 !important
}

.text-gray-300 {
    color: #d3dae6 !important
}

.text-gray-400 {
    color: #686d77 !important
}

.text-gray-light {
    color: #a8b0bf !important
}

.text-dark-2 {
    color: #1b1b1b !important
}

.text-inherit {
    color: inherit !important
}

.text-yellow {
    color: #de9100
}

.text-expert {
    color: #2d6eed !important
}

.text-advanced {
    color: #ed872d !important
}

.text-brand-black {
    color: #30394d
}

.blur {
    -webkit-filter: blur(13px);
    filter: blur(13px)
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.rounded-large {
    border-radius: .25rem !important
}

.op-6 {
    opacity: .6;
    filter: alpha(opacity=60)
}

.op-4 {
    opacity: .4;
    filter: alpha(opacity=40)
}

.text-white {
    color: #fff
}

.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white a:not(.btn) {
    color: #fff
}

.text-underline {
    text-decoration: underline
}

.ttn {
    text-transform: none
}

.ttu {
    text-transform: uppercase
}

.ttl {
    text-transform: lowercase
}

.tdu {
    text-decoration: underline
}

.tdn {
    text-decoration: none
}

.index-1 {
    z-index: 1
}

.index-10 {
    z-index: 10
}

.add-method {
    padding: 25px 18px 22px 21px;
    padding: 1.5625rem 1.125rem 1.375rem 1.3125rem;
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #f5f7fa;
    z-index: 1
}

.add-method:before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    top: -105px;
    left: -71px;
    z-index: -1;
    background-image: -webkit-linear-gradient(55deg,rgba(168,176,191,0) 9%,#686d77 70%);
    background-image: linear-gradient(35deg,rgba(168,176,191,0) 9%,#686d77 70%);
    opacity: .1;
    filter: alpha(opacity=10);
    border-radius: 100em
}

.add-method:hover {
    text-decoration: none;
    background-color: #f2f3f5
}

.add-method--added .add-method__add {
    display: none !important
}

.add-method--added .add-method__added {
    display: block !important
}

.withdraw-methods {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -3.5px;
    margin-right: -3.5px
}

.withdraw-methods .withdraw-methods-item {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    padding-left: 3.5px;
    padding-right: 3.5px;
    margin-bottom: 7px
}

@media only screen and (max-width: 600px) {
    .withdraw-methods .withdraw-methods-item {
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media screen and (max-width: 576px) {
    .withdraw-methods .withdraw-methods-item {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.withdraw-methods-item a {
    padding: 13px 18px 17px;
    padding: .8125rem 1.125rem 1.0625rem;
    background-color: #f5f7fa;
    border-radius: .125rem;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.withdraw-methods-item a .withdraw-method__header {
    min-height: 27px
}

.withdraw-methods-item a .withdraw-method__img-cont {
    max-width: 99px;
    position: relative
}

.withdraw-methods-item a .withdraw-method__img {
    vertical-align: top
}

.withdraw-methods-item a .withdraw-method__img-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0
}

.withdraw-methods-item a:hover:not(.active) {
    text-decoration: none;
    background-color: #f2f3f5;
    background: #fff;
    -webkit-box-shadow: 0 5px 12px 0 rgba(97,44,21,.15);
    box-shadow: 0 5px 12px 0 rgba(97,44,21,.15)
}

.withdraw-methods-item a:hover,.withdraw-methods-item a.active {
    text-decoration: none
}

.withdraw-methods-item a:hover .withdraw-method__img,.withdraw-methods-item a.active .withdraw-method__img {
    opacity: 0;
    filter: alpha(opacity=0)
}

.withdraw-methods-item a:hover .withdraw-method__img-hover,.withdraw-methods-item a.active .withdraw-method__img-hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.withdraw-methods-item a.active {
    background-color: #0397b1;
    color: #fff
}

.withdraw-methods-item a.active h1,.withdraw-methods-item a.active h2,.withdraw-methods-item a.active h3,.withdraw-methods-item a.active h4,.withdraw-methods-item a.active h5,.withdraw-methods-item a.active h6,.withdraw-methods-item a.active a:not(.btn) {
    color: #fff
}

.withdraw-methods-item a.active p {
    color: #fff !important
}

.withdraw-methods-item a.active:before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    top: 100%;
    left: 100%;
    margin-top: -53px;
    margin-left: -107px;
    background-color: #0397b1;
    opacity: .4;
    filter: alpha(opacity=40);
    border-radius: 50em;
    z-index: -1
}

.dark-mode .withdraw-methods-item a:hover,.dark-mode .withdraw-methods-item a.active {
    background-color: #1e1f28
}

.dark-mode .withdraw-methods-item a:hover:not(.active) {
    background-color: #1e1f28;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 12px 0 rgba(0,0,0,.15)
}

.dark-mode .withdraw-methods-item a.active:before {
    background-color: #2c2d38
}

.page-steps {
    padding-bottom: 70px
}

.page-steps .steps-bar {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0
}

hr.gray-100 {
    border-color: #f2f4f7
}

.dark-mode hr {
    border-top: 1px solid #714a00
}

@media screen and (min-width: 769px) {
    .row.with-border {
        margin-left:-55px;
        margin-right: -55px
    }

    .row.with-border>.col,.row.with-border>[class*=col-] {
        border-left: 1px solid #d3dae6;
        padding-left: 55px;
        padding-right: 55px
    }

    .row.with-border>.col:first-child,.row.with-border>[class*=col-]:first-child {
        border-left: 0
    }
}

.text-content h1,.text-content h2,.text-content h3,.text-content h4,.text-content h5,.text-content h6 {
    font-weight: bold
}

.toggle-on-click__content {
    display: none
}

.day-stats .line {
    fill: none;
    stroke: #0397b1;
    stroke-width: 1
}

.day-stats .point-dot {
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out;
    fill: #0397b1
}

.day-stats .point-dot:hover {
    cursor: pointer;
    fill: #0397b1
}

.day-stats .point-dot:focus {
    outline: 0
}

.day-stats .axis {
    font-size: .875rem;
    color: #686d77;
    font-weight: 500;
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.day-stats .x.axis .domain,.day-stats .x.axis .tick line,.day-stats .y.axis .domain,.day-stats .y.axis .tick line {
    display: none
}

.day-stats .x.axis {
    margin-bottom: -10px
}

.chart-tip {
    width: 148px
}

.chart-tip strong {
    font-weight: 700
}

.chart-tip__header,.chart-tip__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chart-tip__header {
    margin-bottom: 10px
}

.chart-tip__header strong {
    color: #0397b1
}

.chart-tip__header span {
    font-weight: 500;
    color: #686d77
}

.chart-tip__list-item {
    margin-bottom: 2px;
    position: relative
}

.chart-tip__list-item:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 7px;
    left: 0;
    border-top: 1px dotted #d3dae6
}

.chart-tip__list-item strong,.chart-tip__list-item span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.chart-tip__list-item strong {
    padding-left: 5px
}

.chart-tip__list-item span {
    padding-right: 5px
}

.reason-card {
    background-color: #eaeaea !important;
    background: no-repeat left bottom;
    background-size: contain
}

.reason-card--not-paid {
    background-image: url("../images/reason-not-paid@2x.png")
}

.reason-card .reason-card__inner {
    max-width: 180px
}

.reason-card p {
    font-weight: bold
}

.dark-mode .reason-card {
    background-color: #2c2d38 !important
}

.icon-box {
    display: block;
    background-color: #f5f7fa;
    width: 28px;
    height: 28px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .25rem
}

.icon-box--primary {
    background-color: #0397b1;
    color: #fff
}

.icon-box--primary .sg-icon {
    color: #fff
}

.icon-box--white {
    background-color: #fff;
    color: #0397b1
}

.icon-box--white .sg-icon {
    color: #0397b1
}

.withdraw-request__image {
    width: 100%
}

@media screen and (max-width: 576px) {
    .hidden-sm {
        display:none !important
    }
}

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

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

.chart-3rd {
    max-width: 100%
}

.white-space-pre {
    white-space: pre
}

.white-space-nowrap {
    white-space: nowrap
}

.layout-list {
    padding: 5px;
    padding: .3125rem
}

.layout-list__item {
    display: block;
    width: 14px;
    height: 2px;
    background-color: #203259;
    opacity: .3;
    filter: alpha(opacity=30);
    border-radius: 1px;
    margin-top: 2px
}

.dark-mode .layout-list__item {
    background-color: #fff
}

.layout-list--sm .layout-list__item {
    margin-top: 1px
}

.layout-list--md .layout-list__item {
    height: 4px;
    margin-top: 1px
}

.layout-list--lg .layout-list__item {
    height: 6px;
    margin-top: 2px
}

.layout-list__item:first-child {
    margin-top: 0
}

.layout-list:hover .layout-list__item,.layout-list.active .layout-list__item {
    background-color: #203259;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dark-mode .layout-list:hover .layout-list__item,.dark-mode .layout-list.active .layout-list__item {
    background-color: #fff
}

.site-notice {
    padding: 8px;
    padding: .5rem;
    background-color: #fff3cf;
    line-height: 1.4;
    min-height: 36px
}

.site-notice a {
    color: #b8860b
}

.dark-mode .site-notice a {
    color: #fff
}

.system-alert,.fill-profile-alert {
    display: none
}

.dark-mode .shadow {
    -webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,.2) !important;
    box-shadow: 0 8px 8px 0 rgba(0,0,0,.2) !important
}

.is-loading {
    pointer-events: none
}

.is-loading:before,.is-loading:after {
    content: "";
    position: absolute;
    z-index: 10
}

.is-loading:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.is-loading:after {
    content: "";
    top: 100px;
    left: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-weight: 900;
    color: #0397b1;
    opacity: 1;
    font-size: 30px;
    font-size: 1.875rem;
    margin-left: -13px;
    margin-left: -0.8125rem;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.is-loading--small:after {
    font-size: 16px;
    font-size: 1rem;
    margin-top: -8px;
    margin-top: -0.5rem;
    margin-left: -8px;
    margin-left: -0.5rem
}

.dark-mode .is-loading:before {
    background: #22232e
}

.dark-mode .is-loading:after {
    color: #de9100
}

.task-details .sub-header__back {
    margin-top: 2px;
    margin-top: .125rem
}

.task-details .modal-dialog {
    min-height: 0;
    max-width: none;
    margin: 0
}

.task-details .modal-dialog:before {
    height: auto
}

.task-details .modal-content {
    border: 0
}

.task-details .modal-header,.task-details .modal-body,.task-details .modal-footer {
    padding-left: 0;
    padding-right: 0;
    border: 0
}

.task-details .modal-header {
    padding-top: 0
}

.task-details .modal-body {
    padding-bottom: 0
}

.task-details .modal-footer .btn {
    min-width: 100px
}

.task-details .close {
    display: none
}

.logs-dd__time {
    font-size: .875rem;
    padding-top: 5px;
    padding-top: .3125rem;
    display: inline-block;
    font-style: italic;
    color: #686d77
}

.logs-dd__desc {
    margin-bottom: 5px;
    margin-bottom: .3125rem;
    color: #203259
}

.logs-dd__desc:hover {
    text-decoration: none
}

.dark-mode .logs-dd__desc {
    color: #fff
}

.dark-mode .logs-dd a.logs-dd__desc:hover {
    color: #de9100 !important
}

.manage-languages .select2 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100% !important
}

.manage-languages__remove {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.manage-languages__remove:hover i {
    color: #e63e46
}

.notifyjs-undo-job-base {
    cursor: pointer;
    -webkit-transition: .15s ease-in-out all;
    transition: .15s ease-in-out all;
    position: relative
}

.notifyjs-undo-job-base:hover {
    background-color: #333
}

.notifyjs-undo-job-base.is-loading {
    color: #121212
}

.notifyjs-undo-job-base.is-loading:before {
    -webkit-transition: .15s ease-in-out all;
    transition: .15s ease-in-out all;
    display: none
}

.notifyjs-undo-job-base.is-loading:after {
    top: 50%;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    margin-top: -10px;
    margin-top: -0.625rem
}

.row-w-info {
    position: relative
}

.row-w-info__info {
    position: absolute;
    right: 100%;
    margin-right: 10px;
    margin-right: .625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.selected-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7px;
    margin-bottom: .4375rem
}

.selected-filters__items {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0
}

.selected-filters__items li {
    background-color: rgba(34,171,89,.2);
    color: #686d77;
    display: inline-block;
    padding: 3px 8px;
    padding: .1875rem .5rem;
    margin-right: 5px;
    margin-right: .3125rem
}

.selected-filters__items li a {
    color: inherit;
    margin-left: 3px;
    margin-left: .1875rem;
    font-size: 12px;
    font-size: .75rem
}

.selected-filters__clear {
    color: #686d77
}

.w-300 {
    width: 300px;
    max-width: 100%
}

.lh-auto {
    line-height: normal
}

.lh-15 {
    line-height: 1.5
}

.dark-mode .zawp-toggle {
    color: #fff
}

.dark-mode .zawp-toggle h1,.dark-mode .zawp-toggle h2,.dark-mode .zawp-toggle h3,.dark-mode .zawp-toggle h4,.dark-mode .zawp-toggle h5,.dark-mode .zawp-toggle h6,.dark-mode .zawp-toggle a:not(.btn) {
    color: #fff
}

.dark-mode .zawp-toggle .zawp-toggle__switch {
    background-color: #714a00;
    border-color: #714a00
}

.dark-mode .zawp-toggle .zawp-toggle__switch:before {
    background-color: #de9100
}

.dark-mode .zawp-toggle input:checked+label {
    color: #de9100
}

.dark-mode .zawp-toggle label {
    color: #714a00
}

.dark-mode .zawp-toggle label:hover {
    color: #de9100
}

.switch-profile-text svg {
    margin-top: -17px;
    margin-top: -1.0625rem;
    margin-left: 5px;
    margin-left: .3125rem
}

.max-chars-counter {
    margin-bottom: 0;
    margin-top: 10px;
    margin-top: .625rem
}

.cover-image {
    background: rgba(0,0,0,0) no-repeat 50% 50%;
    background-size: contain
}

.price {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.price small {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    margin-right: 2px;
    margin-right: .125rem
}

.signup-form .signup-form-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.signup-form .signup-form-gutter {
    -webkit-flex-basis: 2%;
    -ms-flex-preferred-size: 2%;
    flex-basis: 2%
}

.invalid-message {
    visibility: hidden;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.has-error .invalid-message {
    visibility: visible
}

.has-error .sbHolder .sbToggle.sbToggleOpen+.sbSelector {
    border-bottom-color: #e63e46
}

.important-box {
    margin-top: 2rem;
    padding: 1.625rem 1.25rem 2rem 1.5rem;
    border-top: 2px solid #de9100;
    background-color: #fff3cf;
    position: relative
}

.important-box:before {
    content: "";
    position: absolute;
    width: 138px;
    height: 148px;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0) url("../images/tooltip-shape-important.svg") no-repeat 0 0
}

.dark-mode .important-box {
    background-color: #714a00
}

#uphold-video-withdraw {
    position: absolute;
    top: 15px;
    right: 20px;
    background-color: inherit;
    padding: 0
}

#uphold-video-withdraw:hover {
    text-decoration: underline;
    -webkit-box-shadow: none;
    box-shadow: none
}

.donut-line1 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #203259
}

.dark-mode .donut-line1 {
    color: #de9100;
    fill: #de9100
}

.donut-line2 {
    font-size: .75rem;
    color: #203259
}

.dark-mode .donut-line2 {
    color: #de9100;
    fill: #de9100
}

.categories-chart,.ratings-chart {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5rem
}

#avatar-edit-wrap {
    position: relative
}

.notification-item {
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none
}

.notification-item:hover {
    color: inherit;
    text-decoration: none;
    font-weight: 500
}

.row-gap-20 {
    row-gap: 20px
}

.pw-autocomplete {
    position: relative
}

.pw-autocomplete a {
    display: block;
    padding: .5rem 1rem
}

.pw-autocomplete a:hover {
    background-color: #eee
}

.pw-autocomplete #cities {
    position: absolute;
    top: 100%;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    z-index: 99;
    border: 1px solid #ccc;
    background-color: #fff
}

#proof-alert {
    margin-top: 2rem;
    text-align: center;
    color: #c30b0b;
    font-size: .875rem
}

.dark-mode #proof-alert {
    color: #de9100
}

#proof-notice {
    margin-top: 2rem;
    text-align: center;
    color: #276f26;
    font-size: .875rem
}

#spam-box {
    border: 1px solid #ffae1b;
    background-color: #fff8dc;
    padding: 2rem;
    margin-top: 2rem
}

.dark-mode #spam-box {
    border: 1px solid #714a00;
    background-color: #22232e
}

.ticket-badge {
    color: #fff;
    padding: .25rem .75rem;
    border-radius: .25rem
}

.ticket-badge__open {
    background-color: #0397b1 !important
}

.ticket-badge__closed {
    background-color: #686d77 !important
}

.ticket-entry .card-header {
    background-color: rgba(0,0,0,.03)
}

td.proofs,th.proofs {
    max-width: 635px;
    word-wrap: break-word
}

.toggle-proof {
    cursor: pointer
}

.long-proof {
    display: none
}

#submitted-tasks-up {
    display: none;
    position: fixed;
    bottom: 5rem;
    right: 5rem;
    padding: .75rem;
    background-color: #0397b1;
    border-radius: 2.5rem;
    cursor: pointer
}

#submitted-tasks-up:hover {
    background-color: #0397b1
}

.modal-task-details {
    padding: 1rem 0;
    background-color: #f5f7fa;
    margin-bottom: 1rem
}

@media(max-width: 600px) {
    #submitted-tasks-up {
        bottom:1rem;
        right: 1rem
    }
}

#ratings-viewer tr,#ratings-viewer td {
    white-space: nowrap
}

#edit_notes {
    border-color: #ccc
}

.dark-mode #edit_notes {
    border-color: #555
}

@media(max-width: 768px) {
    .position-unset-mobile {
        position:unset !important
    }

    .row-second-employer {
        position: relative
    }
}

.dark-mode .pagination .page-link {
    background-color: #22232e;
    border: 1px solid #363434
}

.dark-mode .pagination .page-item.disabled .page-link {
    background-color: #22232e;
    border: 1px solid #363434;
    color: #9ca0a9
}

.dark-mode .pagination .page-item.active .page-link {
    background-color: #714a00;
    border: 1px solid #714a00
}

.page-status--404 .navbar {
    background-color: #e7f9fa;
    position: relative
}

.page-status--404 .container-fluid {
    max-width: 1126px
}

.page-status--429 {
    background: #203259 url("../images/http-pages/429-page-bg@2x.png") no-repeat 47% 38px;
    background-size: 1107px auto
}

@media only screen and (max-width: 1108px)and (min-width:993px) {
    .page-status--429 {
        background-position:center 38px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 992px) {
    .page-status--429 {
        background-position:center 38px;
        background-size: 500px auto
    }
}

.page-status--500 {
    background: #203259 url("../images/http-pages/500-page-bg@2x.png") no-repeat 48% 0;
    background-size: 1079px auto
}

@media only screen and (max-width: 1108px)and (min-width:993px) {
    .page-status--500 {
        background-position:left 38px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 992px) {
    .page-status--500 {
        background-size:992px auto
    }
}

@media only screen and (max-width: 600px) {
    .page-status--500 {
        background-size:600px auto
    }
}

.page-status--maintenance {
    background-color: #e3e5e4
}

.page-status--maintenance .site {
    overflow: hidden;
    min-height: 100%
}

.page-status--maintenance .navbar-light {
    background-color: rgba(0,0,0,0)
}

th.tbl-first-head-a {
    background-color: #0397b1;
    color: #fff !important
}

th.tbl-first-head-b {
    background-color: #fec40f;
    color: #fff !important
}

th.tbl-second-head {
    background-color: #aeb0b5;
    color: #fff !important
}

#earnings-table-container {
    position: relative
}

#loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.7);
    display: none;
    z-index: 99;
    margin: 0 -20px
}

.api-topic {
    margin: 3rem 0 1rem
}

.api-subtopic {
    margin: 2.5rem 0 1.5rem
}

.api-paragraph {
    line-height: 1.7
}

pre {
    padding: 1rem .5rem;
    margin: 1rem 0;
    background-color: #f1f3f4;
    font-size: .9rem
}

pre.api-code {
    color: #0397b1;
    opacity: .6
}

pre.api-request {
    color: indigo
}

a.api-anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden
}

.ticket-entries-list .blob.red {
    left: 0;
    top: 15px
}

.dark-mode .toggle--on-off input:checked~.toggle__btn:before,.dark-mode .toggle--info .toggle__btn:before,.dark-mode .toggle--info input:checked~.toggle__btn:before,.dark-mode .toggle--primary input:checked~.toggle__btn:before,.dark-mode .steps-bar__step--complete:after,.dark-mode .nav-accordion>li.active,.dark-mode .icon-box,.dark-mode .site-notice {
    background-color: #714a00
}

.dark-mode .alert-success {
    background-color: rgba(113,74,0,.2)
}

.dark-mode .navbar .navbar-nav-2 .navbar__logs .dropdown-item:nth-child(even),.dark-mode .dropzone,.dark-mode .steps-bar__step:before,.dark-mode .message-editor .select2-container .select2-selection,.dark-mode .message-editor__message label,.dark-mode .message-editor__message textarea,.dark-mode .add-method,.dark-mode .modal-task-details {
    background-color: #2c2d38
}

.dark-mode .navbar.navbar-light,.dark-mode .text-label-join,.dark-mode .dropzone .form-control,.dark-mode .dropzone-previews,.dark-mode .dropdown-menu,.dark-mode .modal .modal-content,.dark-mode .side-nav,.dark-mode .nav-tabs--card .nav-link.active,.dark-mode .card,.dark-mode .post-job__estimate-cost-input input[readonly],.dark-mode .page-filters,.dark-mode .workers-filters,.dark-mode .steps-bar,.dark-mode .job-bar__inner,.dark-mode .jobs__item,.dark-mode .jobs__header,.dark-mode .side-popup,.dark-mode .nav-accordion>li,.dark-mode .message-editor,.dark-mode .deposit-method,.dark-mode .withdraw-methods-item a,.dark-mode .demographics-form .form-control {
    background-color: #22232e
}

.dark-mode .job-info {
    background-color: rgba(0,0,0,.2)
}

.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode .h1,.dark-mode .h2,.dark-mode .h3,.dark-mode .h4,.dark-mode .h5,.dark-mode .h6,.dark-mode .navbar.navbar-light .navbar-toggler,.dark-mode .text-label-join .form-control,.dark-mode .custom-checkbox.custom-checkbox-style-2 .custom-control-label,.dark-mode .nav--style-1 .nav-link,.dark-mode .nav--style-1 .nav-link:hover,.dark-mode .nav--style-1 .nav-link.active,.dark-mode .nav-tabs--bar .nav-link,.dark-mode .nav-tabs--bar .nav-link:hover,.dark-mode .nav-tabs--bar .nav-link.active,.dark-mode .nav-tabs--card .nav-link,.dark-mode .table .table-cell-cost,.dark-mode .dropdown-form .dropdown-toggle,.dark-mode .page-filter .dropdown-toggle,.dark-mode .nav-accordion>li a,.dark-mode .nav-accordion>li a:after,.dark-mode .message-editor .select2-container .select2-selection__rendered,.dark-mode .message-editor .select2-container .select2-selection__arrow b:before,.dark-mode .message-editor__message label,.dark-mode .message-editor__message textarea {
    color: #fff
}

.dark-mode .custom-checkbox.custom-checkbox-style-2 .custom-control-input:checked~.custom-control-label,.dark-mode .btn-link:hover,.dark-mode .btn-link:not(:disabled):not(.disabled):active,.dark-mode .btn-link:not(:disabled):not(.disabled).active,.show>.dark-mode .btn-link.dropdown-toggle,.dark-mode .dropdown .dropdown-item.active,.dark-mode .dropdown .dropdown-item:active,.dark-mode .dropdown .dropdown-item:hover,.dark-mode .table.table-checkable thead .table-row--checked .table-col-title,.dark-mode .dropdown-sortby span.dropdown-sortby__selection {
    color: #de9100
}

body.dark-mode {
    --sg-color-primary: #714a00;
    --sg-color-primary-alt: #de9100;
    --sg-color-secondary: rgba(113,74,0,0.2);
    --sg-color-brand-black: #fff;
    --sg-color-dark: #2c2d38;
    --sg-color-darker: #22232e;
    --sg-color-body: #fff;
    --sg-color-gray: #22232e;
    --sg-color-gray-100: #363841;
    --sg-color-gray-200: #41434c;
    --sg-color-gray-300: #4b4d57;
    --sg-color-gray-400: #575963;
    --sg-color-gray-500: #646874;
    --sg-color-gray-line: #42444e
}

body.dark-mode .bg-primary {
    background-color: #22232e !important
}

body.dark-mode .bg-white {
    background-color: #22232e !important
}

body.dark-mode .text-primary {
    color: #de9100 !important
}

body.dark-mode .text-primary.clickable:hover {
    color: #b57600 !important
}

body.dark-mode .bg-gray,body.dark-mode .bg-gray-0,body.dark-mode .bg-gray-100,body.dark-mode .bg-gray-300,body.dark-mode .bg-gray-400 {
    background-color: #22232e !important
}

body.dark-mode .text-body,body.dark-mode .text-dark,body.dark-mode .text-dark-2 {
    color: #fff !important
}

body.dark-mode .text-gray {
    color: #9ca0a9 !important
}

body.dark-mode .text-gray-400 {
    color: #9ca0a9 !important
}

body.dark-mode--drop {
    border-color: #714a00
}

body.dark-mode .border-bottom {
    border-bottom-color: #9ca0a9 !important
}

body.dark-mode .dm-bg-darker {
    background-color: #22232e !important
}

body.dark-mode .close {
    color: #fff;
    opacity: #fff
}

body.dark-mode svg circle[stroke="#0397b1"] {
    stroke: #de9100
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}