html {
        height: 100%
    }

    body {
        width: 100%;
        min-height: 100%;
        position: relative;
        font-family: Ubuntu;
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: .2px;
        text-align: left;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    h1 {
        font-size: 26px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: .3px;
        text-align: left;
        color: rgba(0, 0, 0, .87);
        margin-bottom: 4px
    }

    h2 {
        font-size: 21px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: .3px;
        text-align: left;
        color: rgba(0, 0, 0, .87);
        margin-bottom: 8px
    }

    h3 {
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: .2px;
        text-align: left;
        color: rgba(0, 0, 0, .87);
        margin-bottom: 8px
    }

    p {
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.54;
        letter-spacing: .2px;
        text-align: left;
        color: rgba(0, 0, 0, .64);
        margin-bottom: 16px
    }

    .help-text {
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: .2px;
        text-align: left;
        color: rgba(0, 0, 0, .64)
    }

    b,
    strong {
        font-weight: 500
    }

    a {
        font-weight: 400;
        color: #00abff
    }

    a:hover,
    a:focus {
        color: #009ce9;
        text-decoration: underline
    }

    .text-danger {
        color: #ff451b !important
    }

    .form-group {
        margin-bottom: 32px
    }

    label {
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: .2px;
        text-align: left;
        color: rgba(0, 0, 0, .87);
        margin-bottom: 8px
    }

    .form-control,
    .form-control.is-valid,
    .form-control.is-invalid {
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        padding: 12px 14px;
        font-size: 14px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, .87);
        box-shadow: none
    }

    .form-control::placeholder,
    .form-control::-webkit-input-placeholder,
    .form-control:-moz-placeholder,
    .form-control::-moz-placeholder,
    .form-control:-ms-input-placeholder,
    .form-control::-ms-input-placeholder {
        color: rgba(0, 0, 0, .64);
        opacity: 1
    }

    .form-control:focus,
    .form-control.is-valid:focus,
    .form-control.is-invalid:focus {
        color: rgba(0, 0, 0, .87);
        border-color: rgba(80, 199, 148, .87);
        box-shadow: none
    }

    .form-control:disabled,
    .form-control[readonly] {
        background: #fff;
        color: rgba(0, 0, 0, .64)
    }

    .form-text {
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: .2px;
        text-align: left;
        margin-top: 8px;
        margin-bottom: 0
    }

    .invalid-feedback {
        font-weight: 400;
        color: #ff451b
    }

    .form-text.float-right {
        margin-left: 8px
    }

    form>.alert-block {
        margin-bottom: 32px
    }

    .form-group.has-error label {
        color: #ff451b
    }

    .form-group.has-error .invalid-feedback {
        display: block
    }

    .alert:not(.message-alert) {
        padding: 16px 19px 0;
        line-height: 1.54;
        border-radius: 6px
    }

    .alert:not(.message-alert):after {
        content: '';
        display: block;
        width: 100%;
        margin-top: 16px
    }

    .alert-block>ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .alert-danger {
        color: rgba(0, 0, 0, .64);
        background-color: #fedce0;
        border: solid 1px rgba(0, 0, 0, .1)
    }

    .alert-danger hr {
        border-top-color: rgba(0, 0, 0, .1)
    }

    .alert-warning {
        color: rgba(0, 0, 0, .64);
        background-color: #fff3cd;
        border: solid 1px rgba(0, 0, 0, .1)
    }

    .alert-warning hr {
        border-top-color: rgba(0, 0, 0, .1)
    }

    .alert-info {
        color: rgba(0, 0, 0, .64);
        background-color: #f6f9fa;
        border: solid 1px rgba(0, 0, 0, .1)
    }

    .alert-info hr {
        border-top-color: rgba(0, 0, 0, .1)
    }

    .btn-container .btn {
        margin-left: 16px
    }

    .btn-container>.btn:first-child {
        margin-left: 0
    }

    .btn-container.float-right {
        margin-left: 16px
    }

    .btn-container.float-left {
        margin-right: 16px
    }

    .btn {
        min-width: 128px;
        padding: 12px 32px 11px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

    .btn-primary {
        color: #fff;
        background: #50c794;
        border-color: #50c794
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.active:not(:disabled):not(.disabled),
    .btn-primary:active:not(:disabled):not(.disabled) {
        color: #fff;
        background: #3bb782;
        border-color: #3bb782;
        box-shadow: none
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #fff;
        background: #50c794;
        border-color: #50c794
    }

    .btn-secondary {
        color: #00abff;
        background: 0 0;
        border: 1px solid rgba(0, 0, 0, .15)
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.active:not(:disabled):not(.disabled),
    .btn-secondary:active:not(:disabled):not(.disabled) {
        color: #009ce9;
        background: 0 0;
        border-color: rgba(80, 199, 148, .87);
        box-shadow: none
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #00abff;
        background: 0 0;
        border: 1px solid rgba(0, 0, 0, .15)
    }

    .btn-tertiary {
        min-width: auto;
        padding: 0;
        color: #00abff;
        background: 0 0;
        border: none
    }

    .btn-tertiary:hover,
    .btn-tertiary:focus,
    .btn-tertiary.active:not(:disabled):not(.disabled),
    .btn-tertiary:active:not(:disabled):not(.disabled) {
        color: #009ce9;
        background: 0 0;
        border: none;
        box-shadow: none
    }

    .btn-danger {
        color: #fff;
        background: #ff7b80;
        border-color: #ff7b80
    }

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.active:not(:disabled):not(.disabled),
    .btn-danger:active:not(:disabled):not(.disabled) {
        color: #fff;
        background: #e66e72;
        border-color: #e66e72;
        box-shadow: none
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #fff;
        background: #ff7b80;
        border-color: #ff7b80
    }

    .btn-full-width {
        width: 100%;
        padding-top: 17px;
        padding-bottom: 16.6px
    }

    .btn-icon {
        min-width: auto;
        padding: 12px
    }

    .btn-icon img,
    .btn-icon[class*=icon-]:before {
        font-size: 16px;
        width: 16px;
        height: 16px;
        display: block
    }

    .btn-icon.fa {
        line-height: 1
    }

    .input-group .btn {
        min-width: auto
    }

    .input-group-text {
        font-size: 14px;
        font-weight: 300;
        background: #fff;
        color: rgba(0, 0, 0, .64);
        border-color: rgba(0, 0, 0, .15);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .input-group-prepend .btn,
    .input-group-append .btn {
        line-height: 1
    }

    .input-group>.custom-select:not(:first-child),
    .input-group>.form-control:not(:first-child) {
        border-left: none
    }

    .input-group>.form-control:not(:last-child) {
        border-right: none
    }

    .input-group>.input-group-append>.btn-secondary,
    .input-group>.input-group-append>.input-group-text,
    .input-group>.input-group-prepend:first-child>.btn-secondary:not(:first-child),
    .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
    .input-group>.input-group-prepend:not(:first-child)>.btn-secondary,
    .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
        border-left: none
    }

    .input-group>.input-group-append:last-child>.btn-secondary:not(:last-child):not(.dropdown-toggle),
    .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
    .input-group>.input-group-append:not(:last-child)>.btn-secondary,
    .input-group>.input-group-append:not(:last-child)>.input-group-text,
    .input-group>.input-group-prepend>.btn-secondary,
    .input-group>.input-group-prepend>.input-group-text {
        border-right: none
    }

    .input-group-append {
        margin-left: 0
    }

    .input-group-prepend {
        margin-right: 0
    }

    .input-group-append .btn-secondary+.btn-secondary,
    .input-group-append .btn-secondary+.input-group-text,
    .input-group-append .input-group-text+.btn-secondary,
    .input-group-append .input-group-text+.input-group-text,
    .input-group-prepend .btn-secondary+.btn-secondary,
    .input-group-prepend .btn-secondary+.input-group-text,
    .input-group-prepend .input-group-text+.btn-secondary,
    .input-group-prepend .input-group-text+.input-group-text {
        margin-left: 0
    }

    .input-group .btn-secondary {
        color: rgba(0, 0, 0, .24)
    }

    .input-group .btn-secondary:hover,
    .input-group .btn-secondary:focus,
    .input-group .btn-secondary.active:not(:disabled):not(.disabled),
    .input-group .btn-secondary:active:not(:disabled):not(.disabled) {
        border-color: rgba(0, 0, 0, .15);
        color: rgba(80, 199, 148, .87)
    }

    .input-group .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .input-group .btn-secondary:not(:disabled):not(.disabled):active:focus {
        box-shadow: none
    }

    .input-group.focused .btn-secondary,
    .input-group.focused .input-group-text,
    .input-group.focused .search-icon {
        border-color: rgba(80, 199, 148, .87)
    }

    .form-group.has-error .input-group-text {
        border-color: #ff6464
    }

    .btn-container .btn {
        margin-left: 16px
    }

    .btn-container>.btn:first-child {
        margin-left: 0
    }

    .btn-container.float-right {
        margin-left: 16px
    }

    .btn-container.float-left {
        margin-right: 16px
    }

    .btn {
        min-width: 128px;
        padding: 12px 32px 11px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

    .btn-primary {
        color: #fff;
        background: #50c794;
        border-color: #50c794
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.active:not(:disabled):not(.disabled),
    .btn-primary:active:not(:disabled):not(.disabled) {
        color: #fff;
        background: #3bb782;
        border-color: #3bb782;
        box-shadow: none
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #fff;
        background: #50c794;
        border-color: #50c794
    }

    .btn-secondary {
        color: #00abff;
        background: 0 0;
        border: 1px solid rgba(0, 0, 0, .15)
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.active:not(:disabled):not(.disabled),
    .btn-secondary:active:not(:disabled):not(.disabled) {
        color: #009ce9;
        background: 0 0;
        border-color: rgba(80, 199, 148, .87);
        box-shadow: none
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #00abff;
        background: 0 0;
        border: 1px solid rgba(0, 0, 0, .15)
    }

    .btn-tertiary {
        min-width: auto;
        padding: 0;
        color: #00abff;
        background: 0 0;
        border: none
    }

    .btn-tertiary:hover,
    .btn-tertiary:focus,
    .btn-tertiary.active:not(:disabled):not(.disabled),
    .btn-tertiary:active:not(:disabled):not(.disabled) {
        color: #009ce9;
        background: 0 0;
        border: none;
        box-shadow: none
    }

    .btn-danger {
        color: #fff;
        background: #ff7b80;
        border-color: #ff7b80
    }

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.active:not(:disabled):not(.disabled),
    .btn-danger:active:not(:disabled):not(.disabled) {
        color: #fff;
        background: #e66e72;
        border-color: #e66e72;
        box-shadow: none
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #fff;
        background: #ff7b80;
        border-color: #ff7b80
    }

    .btn-full-width {
        width: 100%;
        padding-top: 17px;
        padding-bottom: 16.6px
    }

    .btn-icon {
        min-width: auto;
        padding: 12px
    }

    .btn-icon img,
    .btn-icon[class*=icon-]:before {
        font-size: 16px;
        width: 16px;
        height: 16px;
        display: block
    }

    .btn-icon.fa {
        line-height: 1
    }

    .input-group .btn {
        min-width: auto
    }

    @media screen and (min-width:576px) {
        .vertical-wrap {
            white-space: nowrap;
            text-align: center
        }

        .vertical-wrap:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 0;
            margin-right: -.25em;
            min-height: 100vh
        }

        .vertical-box {
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
            text-align: left;
            width: 100%
        }
    }

    .lobstr-simple-background {
        background-color: #000000;
        min-height: 100vh
    }

    .container-lobstr-simple {
        max-width: 418px
    }

    .jumbotron {
        border-radius: 8px;
        padding: 48px 24px 0;
        margin-bottom: 32px;
        background: #fff
    }

    .jumbotron>*:last-child {
        margin-bottom: 24px
    }

    @media screen and (min-width:576px) {

        .container-header,
        .container-footer {
            padding-right: 30px;
            padding-left: 30px
        }
    }

    @media screen and (max-width:575px) {

        .container-header,
        .container-fluid {
            padding-right: 0;
            padding-left: 0
        }
    }

    @media screen and (min-width:576px) {

        .header-wrapper,
        .header-section {
            position: absolute;
            top: 0;
            width: 100%
        }

        .header-placeholder {
            height: 97.5px;
            width: 100%
        }
    }

    @media screen and (max-width:575px) {
        .header-wrapper .navbar {
            padding-left: 0;
            padding-right: 0
        }
    }

    .navbar {
        padding-top: 27px;
        padding-bottom: 27px
    }

    .navbar-lobstr-simple .navbar-brand {
        padding-left: 16px;
        padding-right: 16px
    }

    .navbar-lobstr-simple .navbar-nav .nav-link {
        color: #fff;
        line-height: 1.5;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 13px;
        padding-bottom: 11px
    }

    .navbar-lobstr-simple .navbar-toggler-icon {
        background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOCknIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
    }

    .footer {
        padding-left: 32px;
        padding-right: 32px
    }

    .footer-wrapper {
        height: 46px;
        line-height: 46px
    }

    @media screen and (max-width:575px) {
        .container-footer .footer {
            padding-left: 16px;
            padding-right: 16px
        }
    }

    @media screen and (min-width:576px) {
        .footer-placeholder {
            width: 100%;
            height: 65.5px
        }

        .footer-wrapper {
            position: absolute;
            bottom: 0;
            width: 100%
        }
    }

    .content-jumbotron {
        width: 100%
    }

    @media screen and (max-width:418px) {
        .container-lobstr-simple .content-jumbotron {
            border-radius: 0
        }
    }

    .auth-form {
        margin-bottom: 16px
    }

    .auth-form>.form-group {
        margin-top: 32px;
        margin-bottom: 0
    }

    .hidden {
        display: none
    }

    .auth-form .non-field-errors>ul {
        margin-bottom: 0
    }

    .auth-form .intl-tel-input {
        width: 100%
    }

    .simple-form {
        margin-top: 32px
    }

    .simple-form>.form-group {
        margin-top: 16px
    }

    .social-auth-group {
        margin-bottom: 24px
    }

    .social-auth-help-text {
        padding-top: 4px
    }

    .copyright {
        font-size: 11px;
        line-height: 2.04;
        color: rgba(255, 255, 255, .64)
    }

    .copyright>a,
    .copyright>a:hover {
        font-weight: 300;
        color: rgba(255, 255, 255, .64)
    }

    .qr-code {
        margin-top: 24px;
        margin-bottom: 24px;
        text-align: center
    }

    @keyframes spinner {
        from {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .btn-spinner>.fa-spinner {
        opacity: 0;
        display: inline-block;
        font-size: 1.3rem;
        line-height: 1rem;
        vertical-align: top;
        margin-left: -1.5rem;
        padding-right: .3rem
    }

    .btn-spinner:disabled>.fa-spinner,
    .btn-spinner.disabled>.fa-spinner,
    .btn-spinner.start-spinner>.fa-spinner {
        opacity: 1
    }

    .btn-spinner:disabled>.fa-spinner:before,
    .btn-spinner.disabled>.fa-spinner:before,
    .btn-spinner.start-spinner>.fa-spinner:before {
        display: block;
        animation-name: spinner;
        animation-duration: 1000ms;
        animation-iteration-count: infinite;
        animation-timing-function: ease
    }

    .btn-spinner:disabled.no-spinner>.fa-spinner,
    .btn-spinner.disabled.no-spinner>.fa-spinner {
        opacity: 0
    }

    .btn-spinner>.active-content {
        display: inline
    }

    .btn-spinner>.disable-content {
        display: none
    }

    .btn-spinner:disabled>.active-content,
    .btn-spinner.disabled>.active-content {
        display: none
    }

    .btn-spinner:disabled>.disable-content,
    .btn-spinner.disabled>.disable-content {
        display: inline
    }

    .header,
    .header-section {
        width: 100%;
        z-index: 1000
    }

    .header-section .container-lobstr {
        align-items: center
    }

    .header {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .header:after {
        content: '';
        display: block;
        clear: both
    }

    .header .logo {
        padding: 13px 0;
        display: block;
        width: 95px;
        float: left
    }

    .header .logo img {
        vertical-align: initial
    }

    .main-menu {
        width: calc(100% - 95px);
        float: right
    }

    .main-menu .sandwich-btn {
        display: none
    }

    .main-menu .left-side {
        width: auto;
        display: flex;
        flex-grow: 1;
        align-items: center;
        justify-content: center;
        float: none
    }

    .main-menu .left-side {
        float: right !important
    }

    .main-menu .menu-link {
        padding: 0 16px;
        line-height: 48px;
        display: inline-block;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        position: relative;
        cursor: pointer
    }

    .main-menu .menu-link {
        font-weight: 400
    }

    .main-menu .menu-link .payment-method-wrapper {
        border-radius: 2px;
        background-color: #2c7e8c;
        display: inline-flex;
        padding: 3px
    }

    .main-menu .menu-link .payment-method-wrapper .payment-method {
        background-color: #fff;
        border-radius: 1px;
        border: solid 2px #fff;
        padding: 0 3px
    }

    .main-menu .menu-link .payment-method-wrapper .payment-method.visa {
        padding: 0
    }

    .main-menu .menu-link .payment-method-wrapper .payment-method:not(:last-child) {
        margin-right: 2px
    }

    .main-menu .menu-link.expand {
        padding: 0 32px 0 16px;
        position: relative
    }

    .main-menu .menu-link.expand .expand-head:after {
        content: '';
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        width: 7px;
        height: 7px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(-45deg) translateY(-9px);
        transform: rotate(-45deg) translateY(-9px);
        box-sizing: content-box
    }

    .main-menu .menu-link.expand .expand-body {
        display: none;
        position: absolute;
        left: 50%;
        top: 45px;
        background: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 20px rgba(0, 0, 0, .1);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 8px 0
    }

    .main-menu .menu-link.expand.open,
    .main-menu .menu-link.expand.open .expand-body {
        display: block;
        z-index: 1
    }

    .main-menu .menu-link.expand .expand-body .body-line {
        display: block;
        white-space: nowrap;
        text-align: left;
        padding: 16px 20px;
        color: rgba(0, 0, 0, .87);
        font-size: 14px;
        line-height: 14px;
        font-weight: 300;
        text-decoration: none
    }

    .main-menu .menu-link.expand .expand-body .body-line:hover {
        color: #00abff
    }

    .main-menu .menu-link.expand .expand-body .body-line.divider {
        padding-top: 0;
        padding-bottom: 0
    }

    .main-menu .menu-link.expand .expand-body .body-line.divider>div {
        width: 100%;
        border-top: solid 1px rgba(0, 0, 0, .15)
    }

    @media screen and (max-width:1400px) {
        .header-section {
            padding-top: 0
        }

        .main-menu .right-side,
        .main-menu .left-side {
            display: none
        }

        .header {
            position: relative
        }

        .header .logo {
            padding: 0
        }

        .main-menu .sandwich-btn {
            width: 20px;
            display: block;
            padding: 3px 0;
            position: absolute;
            right: 5%;
            top: 32px;
            cursor: pointer
        }

        .main-menu .sandwich-btn i {
            display: block;
            height: 2px;
            width: 100%;
            background: #fff;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .main-menu .sandwich-btn i:nth-child(2) {
            margin: 5px 0
        }

        .header.open {
            height: 100%
        }

        .header.open .logo {
            position: fixed;
            z-index: 11
        }

        .header.open .logo svg #a {
            fill: rgba(0, 0, 0, .15)
        }

        .header.open .main-menu {
            display: block;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 110
        }

        .header.open .main-menu .sandwich-btn {
            z-index: 11;
            height: 20px
        }

        .header.open .main-menu .sandwich-btn i {
            background: #000;
            width: 27px
        }

        .header.open .main-menu .sandwich-btn i:nth-child(2) {
            display: none
        }

        .header.open .main-menu .sandwich-btn i:nth-child(1) {
            -o-transform: rotate(45deg) translate(3px, 6px);
            -moz-transform: rotate(45deg) translate(3px, 6px);
            -webkit-transform: rotate(45deg) translate(3px, 6px);
            transform: rotate(45deg) translate(3px, 6px)
        }

        .header.open .main-menu .sandwich-btn i:nth-child(3) {
            -o-transform: rotate(-45deg) translate(-5px, 1px);
            -moz-transform: rotate(-45deg) translate(-5px, 1px);
            -webkit-transform: rotate(-45deg) translate(-5px, 1px);
            transform: rotate(-45deg) translate(-5px, 1px)
        }

        .header.open .main-menu {
            padding-top: 90px;
            padding-right: 5%;
            padding-left: 5%;
            text-align: left;
            display: flex;
            flex-direction: column-reverse;
            align-content: flex-start;
            justify-content: space-between
        }

        .header.open .main-menu .right-side {
            margin-bottom: 45px
        }

        .header.open .main-menu .right-side.wallet-info-wrapper {
            display: none
        }

        .header.open .main-menu .right-side,
        .header.open .main-menu .left-side {
            display: block;
            float: none;
            width: 100%;
            text-align: left
        }

        .main-menu .menu-link {
            color: rgba(0, 0, 0, .87);
            display: block;
            padding: 12px 0
        }

        .header.open .main-menu .right-side .menu-link {
            padding: 0 24px;
            background-color: #fff;
            border: 1px solid #00abff;
            line-height: 46px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            color: #00abff;
            text-align: center;
            margin-bottom: 8px
        }

        .header.open .main-menu .right-side .menu-link:hover {
            border-color: rgba(0, 171, 255, .38)
        }

        .main-menu .menu-link,
        .main-menu .menu-link.expand {
            font-weight: 500;
            line-height: 20px
        }

        .main-menu .menu-link.expand {
            padding: 12px 0;
            position: relative
        }

        .main-menu .menu-link.expand .expand-head:after {
            content: '';
            display: inline-block;
            position: static;
            border-color: #000;
            transform-origin: 50% 50%;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            -webkit-transform: translate(5px, 0) rotate(-135deg);
            -moz-transform: translate(5px, 0) rotate(-135deg);
            -ms-transform: translate(5px, 0) rotate(-135deg);
            -o-transform: translate(5px, 0) rotate(-135deg);
            transform: translate(5px, 0) rotate(-135deg)
        }

        .main-menu .menu-link.expand.open .expand-head:after {
            -webkit-transform: translate(5px, -3px) rotate(-45deg);
            -moz-transform: translate(5px, -3px) rotate(-45deg);
            -ms-transform: translate(5px, -3px) rotate(-45deg);
            -o-transform: translate(5px, -3px) rotate(-45deg);
            transform: translate(5px, -3px) rotate(-45deg)
        }

        .main-menu .menu-link.expand .expand-body {
            position: static;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none
        }

        .main-menu .menu-link.expand.open .expand-body {
            display: block;
            padding: 8px 0 0
        }

        .main-menu .menu-link.expand .expand-body .body-line {
            padding: 8px 0
        }

        .main-menu .menu-link:hover,
        .main-menu .menu-link.expand .expand-body .body-line:hover {
            color: #000
        }

        .main-menu .menu-link.tagged {
            position: relative
        }

        .main-menu .menu-link.tagged:after {
            display: none
        }
    }

    @media screen and (max-width:1160px) {

        .header,
        .header.container-lobstr {
            padding-right: 5%;
            padding-left: 5%
        }
    }

    @media screen and (min-width:576px) {
        .header.container-lobstr {
            padding-right: 62px !important;
            padding-left: 62px !important;
            padding-top: 27px !important;
            padding-bottom: 27px !important
        }
    }

    .user-email {
        overflow-wrap: break-word
    }

    .block-content {
        width: 418px;
        margin: 0;
        padding: 0
    }

    .content-jumbotron {
        margin: 0;
        padding: 0
    }

    .auth-popup {
        margin: 24px;
        margin-top: 48px;
        margin-bottom: 32px !important
    }

    .auth-popup .title {
        height: 24px;
        margin: 0;
        padding: 0;
        font-family: Ubuntu;
        font-size: 21px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .26px;
        color: rgba(0, 0, 0, .87)
    }

    .auth-popup .description {
        height: 20px;
        margin: 0;
        padding: 0;
        margin-top: 4px;
        font-family: Ubuntu;
        font-size: 13px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: .16px;
        color: rgba(0, 0, 0, .54)
    }

    .auth-form .form-group~.form-group {
        margin-top: 24px;
        margin-bottom: 0
    }

    .auth-form input::placeholder {
        color: rgba(0, 0, 0, .54)
    }

    .auth-form .form-group .col-form-label {
        height: 20px;
        margin: 0;
        padding: 0;
        font-family: Ubuntu;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .18px;
        color: #212121
    }

    .auth-form .form-group input {
        height: 40px;
        font-family: Ubuntu;
        font-size: 14px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal
    }

    .auth-form .form-text.forgot-password {
        height: 20px;
        margin: 0 !important;
        margin-top: 2px !important;
        font-family: Ubuntu;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: .15px;
        text-align: right;
        color: #04aaff
    }

    .auth-form .form-group.buttons {
        margin-top: 32px
    }

    .auth-form .form-group.buttons .btn-primary {
        height: 52px
    }

    .auth-form .asteriskField {
        display: none
    }

    .auth-form .invalid-feedback {
        margin-top: 8px
    }

    .auth-form .form-group.has-error input {
        border-color: #ff451b
    }

    .auth-form .form-group.has-error .input-group {
        border-color: #ff451b
    }

    .auth-form .field-bottom-group {
        height: 16px;
        margin-top: 8px
    }

    .auth-popup .alert-block {
        padding: 16px !important;
        margin-top: 1.5rem
    }

    .auth-form .alert-block {
        display: flex;
        margin-top: 24px;
        margin-bottom: 24px;
        padding: 16px;
        padding-left: 24px;
        border-radius: 4px;
        border: solid 1px rgba(0, 0, 0, .1);
        background-color: #fedce0
    }

    .auth-form .alert-block ul {
        margin-left: 16px;
        font-family: Ubuntu;
        font-size: 13px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: .16px;
        color: rgba(0, 0, 0, .54)
    }

    .alert:after {
        content: none !important
    }

    .auth-form .form-group.buttons {
        margin-top: 32px
    }

    .input-group {
        margin-top: 8px;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px
    }

    .input-group.focused {
        border-color: rgba(80, 199, 148, .87)
    }

    .input-group input {
        height: 38px !important;
        border: none !important;
        border-radius: 4px !important
    }

    .input-group .complete-field-arrow {
        display: flex;
        padding: 0;
        border: 0;
        border-radius: 0;
        justify-content: center;
        width: 30px;
        height: 38px;
        box-shadow: none
    }

    .input-group .complete-field-arrow img {
        width: 10px
    }

    .input-group.password-group .complete-field-arrow {
        justify-content: left;
        width: 20px
    }

    .input-group .complete-field-arrow.hidden {
        display: none !important
    }

    .input-group.password-group {
        margin-top: 8px;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px
    }

    .input-group.password-group.focused {
        border-color: rgba(80, 199, 148, .87)
    }

    .input-group.password-group input {
        height: 38px !important;
        border: none
    }

    .input-group.password-group .btn-group-toggle label {
        border: none;
        display: flex;
        padding: 0;
        border: 0;
        border-radius: 0;
        justify-content: center;
        width: 40px;
        height: 38px;
        box-shadow: none
    }

    .input-group.password-group .btn-group-toggle img {
        width: 25px
    }

    .tooltip-inner {
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 38, 45, .1);
        border: solid 1px #e1eeee;
        padding: 0
    }

    .tooltip.show {
        opacity: 1
    }

    .tooltip.bs-tooltip-right .arrow:before {
        border: solid .3em #e1eeee;
        border-color: #fff transparent transparent #fff;
        transform: rotate(-45deg);
        box-shadow: -3px -3px 4px 0 rgba(0, 38, 45, .1);
        right: -.5em;
        bottom: .1em
    }

    .password-tooltip-body {
        display: flex;
        flex-direction: column;
        margin: 16px
    }

    .password-tooltip-body .password-tip-group {
        display: flex;
        flex-direction: row
    }

    .password-tooltip-body .password-tip-group img {
        width: 10px
    }

    .password-tooltip-body .password-tip-group~.password-tip-group {
        margin-top: 7px
    }

    .password-tooltip-body .password-tip-group .password-tip-text {
        margin-left: 8px;
        font-family: Ubuntu;
        font-size: 12px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .15px;
        color: #8b95a9
    }

    .password-tooltip-body .password-tip-group .password-tip-text.complete {
        text-decoration: line-through;
        opacity: .5
    }

    .evaluation-group {
        height: 20px !important;
        margin-top: 4px !important
    }

    .evaluation-group .section-group {
        display: flex
    }

    .evaluation-group .section {
        width: 33.3%
    }

    .evaluation-group .section-group .section~.section {
        margin-left: 3px
    }

    .evaluation-group .week-password .section {
        border: solid 1px #ebebeb;
        color: #ebebeb
    }

    .evaluation-group .week-password .first-section {
        border: solid 1px #ff451c
    }

    .evaluation-group .good-password .section {
        border: solid 1px #fcb54d;
        color: #fcb54d
    }

    .evaluation-group .good-password .last-section {
        border: solid 1px #ebebeb
    }

    .evaluation-group .strong-password .section {
        border: solid 1px #50c794;
        color: #50c794
    }

    .evaluation-group .password-level-tip {
        margin-top: 4px;
        font-family: Ubuntu;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .15px
    }

    .evaluation-group .week-password-group .password-level-tip {
        color: #ff451b
    }

    .evaluation-group .good-password-group .password-level-tip {
        color: #fcb54d
    }

    .evaluation-group .strong-password-group .password-level-tip {
        color: #50c794
    }

    .terms-of-services,
    .terms-of-services a {
        margin-top: 16px;
        height: 40px;
        opacity: .5;
        font-family: Ubuntu;
        font-size: 13px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: .16px;
        text-align: center;
        color: #fff
    }

    .footer-placeholder {
        height: 100px
    }

    .terms-of-services a {
        text-decoration: underline;
        color: #fff !important
    }