@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Light.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-LightItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-LightItalic.woff") format("woff");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Regular.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Italic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Italic.woff") format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Semibold.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Semibold.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-SemiboldItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-SemiboldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Bold.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-BoldItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-BoldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    text-rendering: optimizeLegibility
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.pull-center {
    text-align: center
}

.pull-bottom {
    position: absolute;
    bottom: 0
}

.OnboardingWizard-halfDivisor {
    width: 50%;
    padding: 0;
    float: left
}

.OnboardingWizard .help-block {
    display: block;
    color: #607385;
    font-size: 0.875em;
    margin: 1.436em 0
}

.OnboardingWizard .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top
}

label.error {
    display: none;
    color: #f43c36;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    margin: 6px 0 10px;
    padding: 0 3px;
    text-align: left;
    word-break: keep-all
}

.has-error label.error {
    display: block
}

.container {
    margin-right: auto;
    margin-left: auto
}

    .container:before, .container:after {
        display: table;
        content: " "
    }

    .container:after {
        clear: both
    }

    .container:before, .container:after {
        display: table;
        content: " "
    }

    .container:after {
        clear: both
    }

.widget {
    border: 1px solid #bfc7ce;
    border-radius: 10px;
    font-weight: 400;
    line-height: 1.428571429
}

.widget-body {
    position: relative;
    padding: 8px;
    border-radius: 10px;
    background: #fff;
    border-top-radius: 1px solid #bfc7ce
}

.widget p {
    margin: 0 0 14px 0;
    line-height: 1.533
}

.widget fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.widget select {
    background-image: none
}

.progress {
    overflow: hidden;
    height: 4px;
    border: 1px solid #e8ebed;
    border-radius: 4px;
    background-color: #e8ebed
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    background-color: #0cac42;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.OnboardingWizard {
    width: 902px;
    margin-bottom: 15px;
    text-align: left
}

.withOnboardingWizard .Dashboard {
    margin-top: 20px
}

    .withOnboardingWizard .Dashboard .Title {
        display: none
    }

.OnboardingWizard .widget-body {
    overflow: hidden;
    min-height: 500px;
    border-top: 1px solid #bfc7ce
}

.OnboardingWizard .progress {
    margin: 40px 0 0 0
}

.OnboardingWizard .btn-medium {
    min-width: 180px
}

.OnboardingWizard .btn-large {
    min-width: 200px
}

.OnboardingWizard .btn.reset {
    border-width: 1px;
    border-color: rgba(0,0,0,0);
    background-color: #fff;
    color: #0a1c2e
}

.OnboardingWizard .btn-primary.reset {
    border-width: 1px;
    border-color: rgba(0,0,0,0);
    background-color: #275ce0;
    color: #fff
}

.OnboardingWizard .select-wrap {
    font-size: 16px
}

.ie9 .select-wrap:before, .ie9 .select-wrap:after, .ie10 .select-wrap:before, .ie10 .select-wrap:after {
    display: none
}

.ie9 .select-wrap .form-control:focus, .ie9 .select-wrap .form-control:active, .ie10 .select-wrap .form-control:focus, .ie10 .select-wrap .form-control:active {
    padding: .308em .615em;
    border: 1px solid #808f9d;
    background-color: #f9f9fa;
    color: #0a1c2e
}

.ie9 .select-wrap .form-control.input-medium:focus, .ie9 .select-wrap .form-control.input-medium:active, .ie10 .select-wrap .form-control.input-medium:focus, .ie10 .select-wrap .form-control.input-medium:active {
    padding: .6em .4em .6em .8em
}

.OnboardingWizard .horizontal-icolink {
    font-size: 14px
}

.OnboardingWizard .tabbable {
    *zoom: 1
}

    .OnboardingWizard .tabbable:before, .OnboardingWizard .tabbable:after {
        display: table;
        content: ""
    }

    .OnboardingWizard .tabbable:after {
        clear: both
    }

.OnboardingWizard .tab-content {
    display: table;
    width: 100%;
    text-align: left;
    border-bottom-radius: 4px
}

    .OnboardingWizard .tab-content > .tab-pane, .pill-content > .pill-pane {
        display: none
    }

.OnboardingWizard .tab-pane {
    min-height: 190px
}

.OnboardingWizard .tab-content > .active, .pill-content > .active {
    display: block
}

.OnboardingWizard .tab-content {
    margin: -1px 0 0 0;
    border: 1px solid #bfc7ce;
    border-top: none
}

.OnboardingWizard .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    border-top-radius: 10px
}

    .OnboardingWizard .nav:before, .OnboardingWizard .nav:after {
        display: table;
        content: " "
    }

    .OnboardingWizard .nav:after {
        clear: both
    }

    .OnboardingWizard .nav:before, .OnboardingWizard .nav:after {
        display: table;
        content: " "
    }

    .OnboardingWizard .nav:after {
        clear: both
    }

    .OnboardingWizard .nav > li {
        position: relative;
        display: block;
        white-space: normal
    }

        .OnboardingWizard .nav > li > a:hover, .OnboardingWizard .nav > li > a:focus {
            outline: none;
            text-decoration: none
        }

        .OnboardingWizard .nav > li.disabled > a {
            color: #607385
        }

            .OnboardingWizard .nav > li.disabled > a:hover, .OnboardingWizard .nav > li.disabled > a:focus {
                background-color: transparent;
                color: #607385;
                text-decoration: none;
                cursor: not-allowed
            }

    .OnboardingWizard .nav.open > a, .OnboardingWizard .nav.open > a:hover, .OnboardingWizard .nav.open > a:focus {
        border-color: #275ce0;
        background-color: #275ce0;
        color: #fff
    }

        .OnboardingWizard .nav.open > a .caret, .OnboardingWizard .nav.open > a:hover .caret, .OnboardingWizard .nav.open > a:focus .caret {
            border-top-color: #fff;
            border-bottom-color: #fff
        }

    .OnboardingWizard .nav > .pull-right {
        float: right
    }

    .OnboardingWizard .nav .nav-divider {
        overflow: hidden;
        margin: 9px 0;
        height: 1px;
        background-color: #bfc7ce
    }

.OnboardingWizard .nav-tabs > li {
    display: table-cell;
    margin-bottom: -1px;
    vertical-align: middle
}

    .OnboardingWizard .nav-tabs > li.active {
        background-color: #fff;
        border-top-color: transparent;
        border-left: 1px solid #bfc7ce;
        border-right: 1px solid #bfc7ce
    }

        .OnboardingWizard .nav-tabs > li.active:first-child, .OnboardingWizard .nav-tabs > li.active:last-child {
            border-radius: 0;
            border-top-width: 0
        }

    .OnboardingWizard .nav-tabs > li > a, .OnboardingWizard .nav-tabs > li > a:link, .OnboardingWizard .nav-tabs > li > a:visited, .OnboardingWizard .nav-tabs > li > a:hover, .OnboardingWizard .nav-tabs > li > a:active {
        border-radius: 0;
        color: #0a1c2e;
        text-decoration: none;
        position: relative;
        display: block;
        padding: 11px 15px 16px 15px
    }

    .OnboardingWizard .nav-tabs > li.active > a, .OnboardingWizard .nav-tabs > li.active > a:hover, .OnboardingWizard .nav-tabs > li.active > a:focus {
        font-weight: 600;
        color: #275ce0;
        background-color: #fff;
        cursor: default;
        border: none
    }

.OnboardingWizard .nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
    display: table;
    table-layout: fixed
}

.OnboardingWizard .nav-pills > li {
    float: left;
    font-size: 14px
}

    .OnboardingWizard .nav-pills > li > a {
        color: #275ce0;
        background: none;
        border-radius: 3px;
        text-decoration-style: dashed;
        border-bottom: 1px dashed #275ce0;
        padding: 6px 15px
    }

    .OnboardingWizard .nav-pills > li + li {
        margin-left: 2px
    }

    .OnboardingWizard .nav-pills > li.active > a, .OnboardingWizard .nav-pills > li.active > a:hover, .OnboardingWizard .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #275ce0;
        border-bottom: none;
        text-decoration: none
    }

.OnboardingWizard .rounded-list {
    margin: 0;
    padding: 0;
    color: #0a1c2e;
    list-style: none;
    counter-reset: li;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

    .OnboardingWizard .rounded-list li {
        position: relative;
        margin: 0 0 13px 0;
        padding: 0 0 0 36px
    }

        .OnboardingWizard .rounded-list li:before {
            position: absolute;
            top: 21px;
            left: -10px;
            margin-top: -16px;
            width: 33px;
            height: 33px;
            border-radius: 16px;
            background: #275ce0;
            color: #fff;
            content: counter(li, decimal);
            counter-increment: li;
            text-align: center;
            font-size: 21px;
            line-height: 33px
        }

.OnboardingWizard .list-item-wrap {
    display: table-cell;
    height: 40px;
    vertical-align: middle
}

.OnboardingWizard .rounded-list .no-bullet:before {
    background: none;
    content: ""
}

.OnboardingWizard .rounded-list a, .OnboardingWizard .rounded-list a:link, .OnboardingWizard .rounded-list a:active, .OnboardingWizard .rounded-list a:hover, .OnboardingWizard .rounded-list a:visited {
    color: #275ce0;
    text-decoration: underline
}

.OnboardingWizard .rounded-list em {
    padding: 0 4px;
    background: #275ce0;
    color: #0a1c2e;
    font-size: 16px;
    font-weight: 700;
    font-style: normal
}

.OnboardingWizard-action {
    font-size: 14px;
    margin: 25px 0 28px 0;
    width: 804px
}

    .OnboardingWizard-action.pull-bottom {
        margin-bottom: 37px
    }

.OnboardingWizard-container {
    margin: 0 auto;
    text-align: center
}

.OnboardingWizard-back, .OnboardingWizard-back:link, .OnboardingWizard-back:active, .OnboardingWizard-back:hover, .OnboardingWizard-back:visited {
    position: absolute;
    top: 10px;
    left: 17px;
    display: block;
    width: 30px;
    height: 20px;
    font-size: 20px;
    z-index: 10
}

    .OnboardingWizard-back:active {
        color: #688de9
    }

    .OnboardingWizard-back:hover {
        color: #1b409d
    }

.OnboardingWizard-tagline {
    margin: 10px 0 0 0;
    color: #607385;
    font-size: 16px
}

.OnboardingWizard-title {
    margin: 65px 0 0 0;
    color: #0a1c2e;
    font-size: 28px
}

.OnboardingWizard-message {
    color: #607385;
    font-size: 14px;
    line-height: 22px
}

.OnboardingWizard-tagline + .OnboardingWizard-message {
    margin: 33px 0 0 0
}

.OnboardingWizard-message + .OnboardingWizard-title {
    margin: 9px 0 0 0
}

.OnboardingWizard-desc {
    margin: 16px auto 0 auto;
    width: 603px;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 22px
}

.OnboardingWizard-desc-subdomain {
    width: 532px;
    margin: 9px auto 0 auto;
    text-align: left;
    color: #0a1c2e;
    font-size: 16px;
    line-height: 1.533
}

    .OnboardingWizard-desc-subdomain .help-block {
        margin: 0
    }

.OnboardingWizard-subdomain {
    width: 532px;
    margin: 26px auto 0 auto
}

.OnboardingWizard-desc p {
    text-align: justify;
    font-size: 14px;
    line-height: 22px
}

.OnboardingWizard-desc-large {
    width: 686px
}

.OnboardingWizard-already .OnboardingWizard-desc a, .OnboardingWizard-already .OnboardingWizard-desc a:link, .OnboardingWizard-already .OnboardingWizard-desc a:active, .OnboardingWizard-already .OnboardingWizard-desc a:hover, .OnboardingWizard-already .OnboardingWizard-desc a:visited {
    color: #275ce0
}

.OnboardingWizard-desc + .OnboardingWizard-action {
    margin-top: 34px
}

.OnboardingWizard-store label {
    margin: 23px 0 10px 0;
    color: #607385;
    font-weight: normal;
    font-size: 14px
}

.OnboardingWizard-store .form-control {
    margin: 0 auto;
    width: 270px
}

.OnboardingWizard-fbstore {
    margin: 25px auto;
    padding: 11px 15px 14px 15px;
    width: 500px;
    border-radius: 5px;
    background: #fff
}

    .OnboardingWizard-fbstore a, .OnboardingWizard-fbstore a:link, .OnboardingWizard-fbstore a:active, .OnboardingWizard-fbstore a:hover, .OnboardingWizard-fbstore a:visited {
        color: #275ce0;
        text-decoration: underline;
        font-size: 20px
    }

.OnboardingWizard-fbstore-hide {
    display: none
}

.OnboardingWizard-platforms {
    margin: 20px auto;
    padding: 0;
    width: 800px;
    list-style-type: none
}

    .OnboardingWizard-platforms li {
        position: relative;
        float: left;
        padding: 140px 0 20px 0;
        width: 25%
    }

.OnboardingWizard-platforms-without-cms li {
    display: inline-block;
    margin: 0 20px;
    float: none
}

.OnboardingWizard-platforms-without-fb li {
    width: 33%
}

.OnboardingWizard-platforms .icon-platform {
    display: inline-block;
    margin: -140px auto 0;
    width: 95px;
    height: 113px
}

.OnboardingWizard-wp-platform .icon-platform {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/wp-logo.png) no-repeat
}

.OnboardingWizard-joomla-platform .icon-platform {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/joomla-logo.png) no-repeat
}

.OnboardingWizard-fb-platform .icon-platform {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/fb-logo.png) no-repeat
}

.OnboardingWizard-custom-platform .icon-platform {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 78'%3E%3Cpath fill='%23275ce0' d='M78 2c5.51 0 10 4.49 10 10v54c0 5.51-4.49 10-10 10H12C6.49 76 2 71.51 2 66V12C2 6.49 6.49 2 12 2h66m0-2H12C5.4 0 0 5.4 0 12v54c0 6.6 5.4 12 12 12h66c6.6 0 12-5.4 12-12V12c0-6.6-5.4-12-12-12z'/%3E%3Cpath fill='%23275ce0' d='M12.5 15h-1C9.57 15 8 13.43 8 11.5v-1C8 8.57 9.57 7 11.5 7h1c1.93 0 3.5 1.57 3.5 3.5v1c0 1.93-1.57 3.5-3.5 3.5zm-1-6c-.83 0-1.5.67-1.5 1.5v1c0 .83.67 1.5 1.5 1.5h1c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5h-1zM23.5 15h-1c-1.93 0-3.5-1.57-3.5-3.5v-1C19 8.57 20.57 7 22.5 7h1c1.93 0 3.5 1.57 3.5 3.5v1c0 1.93-1.57 3.5-3.5 3.5zm-1-6c-.83 0-1.5.67-1.5 1.5v1c0 .83.67 1.5 1.5 1.5h1c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5h-1zM80 12H33c-.55 0-1-.45-1-1s.45-1 1-1h47c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E") no-repeat
}

.OnboardingWizard-platforms .btn.reset, .OnboardingWizard-platforms .btn {
    min-width: 170px
}

li.OnboardingWizard-wp-platform .btn, li.OnboardingWizard-wp-platform .btn.reset, li.OnboardingWizard-wp-platform .btn.reset:hover {
    background-color: #0073aa;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    li.OnboardingWizard-wp-platform .btn::before, li.OnboardingWizard-wp-platform .btn.reset::before, li.OnboardingWizard-wp-platform .btn.reset:hover::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(0,92,136,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    li.OnboardingWizard-wp-platform .btn:focus::before, li.OnboardingWizard-wp-platform .btn:hover::before, li.OnboardingWizard-wp-platform .btn.reset:focus::before, li.OnboardingWizard-wp-platform .btn.reset:hover::before, li.OnboardingWizard-wp-platform .btn.reset:hover:focus::before, li.OnboardingWizard-wp-platform .btn.reset:hover:hover::before {
        opacity: 1
    }

    li.OnboardingWizard-wp-platform .btn:hover, li.OnboardingWizard-wp-platform .btn.reset:hover, li.OnboardingWizard-wp-platform .btn.reset:hover:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

        li.OnboardingWizard-wp-platform .btn:focus, li.OnboardingWizard-wp-platform .btn.reset:focus, li.OnboardingWizard-wp-platform .btn.reset:hover:focus {
            box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff
        }

        li.OnboardingWizard-wp-platform .btn:active, li.OnboardingWizard-wp-platform .btn.reset:active, li.OnboardingWizard-wp-platform .btn.reset:hover:active {
            box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff;
            transform: translate3d(0, 1px, 0)
        }

        li.OnboardingWizard-wp-platform .btn:focus:active, li.OnboardingWizard-wp-platform .btn.reset:focus:active, li.OnboardingWizard-wp-platform .btn.reset:hover:focus:active {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
        }

            li.OnboardingWizard-wp-platform .btn:focus:active::before, li.OnboardingWizard-wp-platform .btn.reset:focus:active::before, li.OnboardingWizard-wp-platform .btn.reset:hover:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            li.OnboardingWizard-wp-platform .btn::before, li.OnboardingWizard-wp-platform .btn:hover, li.OnboardingWizard-wp-platform .btn:focus, li.OnboardingWizard-wp-platform .btn:active, li.OnboardingWizard-wp-platform .btn:focus:active, li.OnboardingWizard-wp-platform .btn:focus:active::before, li.OnboardingWizard-wp-platform .btn.reset::before, li.OnboardingWizard-wp-platform .btn.reset:hover, li.OnboardingWizard-wp-platform .btn.reset:focus, li.OnboardingWizard-wp-platform .btn.reset:active, li.OnboardingWizard-wp-platform .btn.reset:focus:active, li.OnboardingWizard-wp-platform .btn.reset:focus:active::before, li.OnboardingWizard-wp-platform .btn.reset:hover::before, li.OnboardingWizard-wp-platform .btn.reset:hover:hover, li.OnboardingWizard-wp-platform .btn.reset:hover:focus, li.OnboardingWizard-wp-platform .btn.reset:hover:active, li.OnboardingWizard-wp-platform .btn.reset:hover:focus:active, li.OnboardingWizard-wp-platform .btn.reset:hover:focus:active::before {
                box-shadow: none
            }

                li.OnboardingWizard-wp-platform .btn.btn-loading, li.OnboardingWizard-wp-platform .btn.btn-loading:hover, li.OnboardingWizard-wp-platform .btn.btn-loading:focus, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:hover, li.OnboardingWizard-wp-platform .btn.btn-loading:active, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:active, li.OnboardingWizard-wp-platform .btn.reset.btn-loading, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:hover, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:hover, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:active, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:active, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:hover, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:hover, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:active, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:active {
                    position: relative;
                    overflow: visible;
                    background-color: #0073aa
                }

                    li.OnboardingWizard-wp-platform .btn.btn-loading::after, li.OnboardingWizard-wp-platform .btn.btn-loading:hover::after, li.OnboardingWizard-wp-platform .btn.btn-loading:focus::after, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:hover::after, li.OnboardingWizard-wp-platform .btn.btn-loading:active::after, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:active::after, li.OnboardingWizard-wp-platform .btn.reset.btn-loading::after, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:hover::after, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus::after, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:hover::after, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:active::after, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:active::after, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading::after, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:hover::after, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus::after, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:hover::after, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:active::after, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:active::after {
                        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                        background-size: contain
                    }

                    li.OnboardingWizard-wp-platform .btn.btn-loading svg, li.OnboardingWizard-wp-platform .btn.btn-loading .loader, li.OnboardingWizard-wp-platform .btn.btn-loading:hover svg, li.OnboardingWizard-wp-platform .btn.btn-loading:hover .loader, li.OnboardingWizard-wp-platform .btn.btn-loading:focus svg, li.OnboardingWizard-wp-platform .btn.btn-loading:focus .loader, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:hover svg, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:hover .loader, li.OnboardingWizard-wp-platform .btn.btn-loading:active svg, li.OnboardingWizard-wp-platform .btn.btn-loading:active .loader, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:active svg, li.OnboardingWizard-wp-platform .btn.btn-loading:focus:active .loader, li.OnboardingWizard-wp-platform .btn.reset.btn-loading svg, li.OnboardingWizard-wp-platform .btn.reset.btn-loading .loader, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:hover svg, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:hover .loader, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus svg, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus .loader, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:hover svg, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:hover .loader, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:active svg, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:active .loader, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:active svg, li.OnboardingWizard-wp-platform .btn.reset.btn-loading:focus:active .loader, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading svg, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading .loader, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:hover svg, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:hover .loader, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus svg, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus .loader, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:hover svg, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:hover .loader, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:active svg, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:active .loader, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:active svg, li.OnboardingWizard-wp-platform .btn.reset:hover.btn-loading:focus:active .loader {
                        display: none
                    }

li.OnboardingWizard-joomla-platform .btn, li.OnboardingWizard-joomla-platform .btn.reset, li.OnboardingWizard-joomla-platform .btn.reset:hover {
    background-color: #faa732;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    li.OnboardingWizard-joomla-platform .btn::before, li.OnboardingWizard-joomla-platform .btn.reset::before, li.OnboardingWizard-joomla-platform .btn.reset:hover::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(200,134,40,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    li.OnboardingWizard-joomla-platform .btn:focus::before, li.OnboardingWizard-joomla-platform .btn:hover::before, li.OnboardingWizard-joomla-platform .btn.reset:focus::before, li.OnboardingWizard-joomla-platform .btn.reset:hover::before, li.OnboardingWizard-joomla-platform .btn.reset:hover:focus::before, li.OnboardingWizard-joomla-platform .btn.reset:hover:hover::before {
        opacity: 1
    }

    li.OnboardingWizard-joomla-platform .btn:hover, li.OnboardingWizard-joomla-platform .btn.reset:hover, li.OnboardingWizard-joomla-platform .btn.reset:hover:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

        li.OnboardingWizard-joomla-platform .btn:focus, li.OnboardingWizard-joomla-platform .btn.reset:focus, li.OnboardingWizard-joomla-platform .btn.reset:hover:focus {
            box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff
        }

        li.OnboardingWizard-joomla-platform .btn:active, li.OnboardingWizard-joomla-platform .btn.reset:active, li.OnboardingWizard-joomla-platform .btn.reset:hover:active {
            box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff;
            transform: translate3d(0, 1px, 0)
        }

        li.OnboardingWizard-joomla-platform .btn:focus:active, li.OnboardingWizard-joomla-platform .btn.reset:focus:active, li.OnboardingWizard-joomla-platform .btn.reset:hover:focus:active {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
        }

            li.OnboardingWizard-joomla-platform .btn:focus:active::before, li.OnboardingWizard-joomla-platform .btn.reset:focus:active::before, li.OnboardingWizard-joomla-platform .btn.reset:hover:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            li.OnboardingWizard-joomla-platform .btn::before, li.OnboardingWizard-joomla-platform .btn:hover, li.OnboardingWizard-joomla-platform .btn:focus, li.OnboardingWizard-joomla-platform .btn:active, li.OnboardingWizard-joomla-platform .btn:focus:active, li.OnboardingWizard-joomla-platform .btn:focus:active::before, li.OnboardingWizard-joomla-platform .btn.reset::before, li.OnboardingWizard-joomla-platform .btn.reset:hover, li.OnboardingWizard-joomla-platform .btn.reset:focus, li.OnboardingWizard-joomla-platform .btn.reset:active, li.OnboardingWizard-joomla-platform .btn.reset:focus:active, li.OnboardingWizard-joomla-platform .btn.reset:focus:active::before, li.OnboardingWizard-joomla-platform .btn.reset:hover::before, li.OnboardingWizard-joomla-platform .btn.reset:hover:hover, li.OnboardingWizard-joomla-platform .btn.reset:hover:focus, li.OnboardingWizard-joomla-platform .btn.reset:hover:active, li.OnboardingWizard-joomla-platform .btn.reset:hover:focus:active, li.OnboardingWizard-joomla-platform .btn.reset:hover:focus:active::before {
                box-shadow: none
            }

                li.OnboardingWizard-joomla-platform .btn.btn-loading, li.OnboardingWizard-joomla-platform .btn.btn-loading:hover, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:hover, li.OnboardingWizard-joomla-platform .btn.btn-loading:active, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:active, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:hover, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:hover, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:active, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:active, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:hover, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:hover, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:active, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:active {
                    position: relative;
                    overflow: visible;
                    background-color: #faa732
                }

                    li.OnboardingWizard-joomla-platform .btn.btn-loading::after, li.OnboardingWizard-joomla-platform .btn.btn-loading:hover::after, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus::after, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:hover::after, li.OnboardingWizard-joomla-platform .btn.btn-loading:active::after, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:active::after, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading::after, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:hover::after, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus::after, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:hover::after, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:active::after, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:active::after, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading::after, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:hover::after, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus::after, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:hover::after, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:active::after, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:active::after {
                        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                        background-size: contain
                    }

                    li.OnboardingWizard-joomla-platform .btn.btn-loading svg, li.OnboardingWizard-joomla-platform .btn.btn-loading .loader, li.OnboardingWizard-joomla-platform .btn.btn-loading:hover svg, li.OnboardingWizard-joomla-platform .btn.btn-loading:hover .loader, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus svg, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus .loader, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:hover svg, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:hover .loader, li.OnboardingWizard-joomla-platform .btn.btn-loading:active svg, li.OnboardingWizard-joomla-platform .btn.btn-loading:active .loader, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:active svg, li.OnboardingWizard-joomla-platform .btn.btn-loading:focus:active .loader, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading svg, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading .loader, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:hover svg, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:hover .loader, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus svg, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus .loader, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:hover svg, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:hover .loader, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:active svg, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:active .loader, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:active svg, li.OnboardingWizard-joomla-platform .btn.reset.btn-loading:focus:active .loader, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading svg, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading .loader, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:hover svg, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:hover .loader, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus svg, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus .loader, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:hover svg, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:hover .loader, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:active svg, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:active .loader, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:active svg, li.OnboardingWizard-joomla-platform .btn.reset:hover.btn-loading:focus:active .loader {
                        display: none
                    }

li.OnboardingWizard-fb-platform .btn, li.OnboardingWizard-fb-platform .btn.reset, li.OnboardingWizard-fb-platform .btn.reset:hover {
    background-color: #4267b2;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    li.OnboardingWizard-fb-platform .btn::before, li.OnboardingWizard-fb-platform .btn.reset::before, li.OnboardingWizard-fb-platform .btn.reset:hover::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(53,82,142,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    li.OnboardingWizard-fb-platform .btn:focus::before, li.OnboardingWizard-fb-platform .btn:hover::before, li.OnboardingWizard-fb-platform .btn.reset:focus::before, li.OnboardingWizard-fb-platform .btn.reset:hover::before, li.OnboardingWizard-fb-platform .btn.reset:hover:focus::before, li.OnboardingWizard-fb-platform .btn.reset:hover:hover::before {
        opacity: 1
    }

    li.OnboardingWizard-fb-platform .btn:hover, li.OnboardingWizard-fb-platform .btn.reset:hover, li.OnboardingWizard-fb-platform .btn.reset:hover:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

        li.OnboardingWizard-fb-platform .btn:focus, li.OnboardingWizard-fb-platform .btn.reset:focus, li.OnboardingWizard-fb-platform .btn.reset:hover:focus {
            box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff
        }

        li.OnboardingWizard-fb-platform .btn:active, li.OnboardingWizard-fb-platform .btn.reset:active, li.OnboardingWizard-fb-platform .btn.reset:hover:active {
            box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff;
            transform: translate3d(0, 1px, 0)
        }

        li.OnboardingWizard-fb-platform .btn:focus:active, li.OnboardingWizard-fb-platform .btn.reset:focus:active, li.OnboardingWizard-fb-platform .btn.reset:hover:focus:active {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
        }

            li.OnboardingWizard-fb-platform .btn:focus:active::before, li.OnboardingWizard-fb-platform .btn.reset:focus:active::before, li.OnboardingWizard-fb-platform .btn.reset:hover:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            li.OnboardingWizard-fb-platform .btn::before, li.OnboardingWizard-fb-platform .btn:hover, li.OnboardingWizard-fb-platform .btn:focus, li.OnboardingWizard-fb-platform .btn:active, li.OnboardingWizard-fb-platform .btn:focus:active, li.OnboardingWizard-fb-platform .btn:focus:active::before, li.OnboardingWizard-fb-platform .btn.reset::before, li.OnboardingWizard-fb-platform .btn.reset:hover, li.OnboardingWizard-fb-platform .btn.reset:focus, li.OnboardingWizard-fb-platform .btn.reset:active, li.OnboardingWizard-fb-platform .btn.reset:focus:active, li.OnboardingWizard-fb-platform .btn.reset:focus:active::before, li.OnboardingWizard-fb-platform .btn.reset:hover::before, li.OnboardingWizard-fb-platform .btn.reset:hover:hover, li.OnboardingWizard-fb-platform .btn.reset:hover:focus, li.OnboardingWizard-fb-platform .btn.reset:hover:active, li.OnboardingWizard-fb-platform .btn.reset:hover:focus:active, li.OnboardingWizard-fb-platform .btn.reset:hover:focus:active::before {
                box-shadow: none
            }

                li.OnboardingWizard-fb-platform .btn.btn-loading, li.OnboardingWizard-fb-platform .btn.btn-loading:hover, li.OnboardingWizard-fb-platform .btn.btn-loading:focus, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:hover, li.OnboardingWizard-fb-platform .btn.btn-loading:active, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:active, li.OnboardingWizard-fb-platform .btn.reset.btn-loading, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:hover, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:hover, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:active, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:active, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:hover, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:hover, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:active, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:active {
                    position: relative;
                    overflow: visible;
                    background-color: #4267b2
                }

                    li.OnboardingWizard-fb-platform .btn.btn-loading::after, li.OnboardingWizard-fb-platform .btn.btn-loading:hover::after, li.OnboardingWizard-fb-platform .btn.btn-loading:focus::after, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:hover::after, li.OnboardingWizard-fb-platform .btn.btn-loading:active::after, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:active::after, li.OnboardingWizard-fb-platform .btn.reset.btn-loading::after, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:hover::after, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus::after, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:hover::after, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:active::after, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:active::after, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading::after, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:hover::after, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus::after, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:hover::after, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:active::after, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:active::after {
                        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                        background-size: contain
                    }

                    li.OnboardingWizard-fb-platform .btn.btn-loading svg, li.OnboardingWizard-fb-platform .btn.btn-loading .loader, li.OnboardingWizard-fb-platform .btn.btn-loading:hover svg, li.OnboardingWizard-fb-platform .btn.btn-loading:hover .loader, li.OnboardingWizard-fb-platform .btn.btn-loading:focus svg, li.OnboardingWizard-fb-platform .btn.btn-loading:focus .loader, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:hover svg, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:hover .loader, li.OnboardingWizard-fb-platform .btn.btn-loading:active svg, li.OnboardingWizard-fb-platform .btn.btn-loading:active .loader, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:active svg, li.OnboardingWizard-fb-platform .btn.btn-loading:focus:active .loader, li.OnboardingWizard-fb-platform .btn.reset.btn-loading svg, li.OnboardingWizard-fb-platform .btn.reset.btn-loading .loader, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:hover svg, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:hover .loader, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus svg, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus .loader, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:hover svg, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:hover .loader, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:active svg, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:active .loader, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:active svg, li.OnboardingWizard-fb-platform .btn.reset.btn-loading:focus:active .loader, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading svg, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading .loader, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:hover svg, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:hover .loader, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus svg, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus .loader, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:hover svg, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:hover .loader, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:active svg, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:active .loader, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:active svg, li.OnboardingWizard-fb-platform .btn.reset:hover.btn-loading:focus:active .loader {
                        display: none
                    }

.OnboardingWizard .OnboardingWizard-set-wordpress {
    margin: 42px 0 0 56px;
    padding: 0 0 0 270px;
    width: 420px;
    color: #0a1c2e;
    text-align: left
}

    .OnboardingWizard .OnboardingWizard-set-wordpress:before {
        position: absolute;
        margin: -7px 0 0 -270px;
        width: 190px;
        height: 132px;
        background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/wizard-sprite.png) no-repeat -191px -117px;
        content: ""
    }

.OnboardingWizard .OnboardingWizard-set-joomla {
    margin: 42px 0 0 56px;
    padding: 0 0 0 270px;
    width: 450px
}

    .OnboardingWizard .OnboardingWizard-set-joomla:before {
        position: absolute;
        margin: 7px 0 0 -270px;
        width: 187px;
        height: 132px;
        background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/wizard-sprite.png) no-repeat 0 -117px;
        content: ""
    }

    .OnboardingWizard .OnboardingWizard-set-joomla li {
        margin-bottom: 6px
    }

    .OnboardingWizard .OnboardingWizard-set-wordpress .no-bullet, .OnboardingWizard .OnboardingWizard-set-joomla .no-bullet {
        margin-top: 9px;
        width: 480px
    }

.OnboardingWizard-box {
    margin: 26px auto;
    padding: 13px 0 16px 0;
    width: 650px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1),0 0 0 rgba(0,0,0,0.08) inset
}

    .OnboardingWizard-box p {
        margin: 0 0 3px 0;
        color: #0a1c2e;
        font-size: 14px;
        line-height: 22px
    }

.OnboardingWizard-box-link, .OnboardingWizard-box-link:link, .OnboardingWizard-box-link:active, .OnboardingWizard-box-link:hover, .OnboardingWizard-box-link:visited {
    display: block;
    text-decoration: underline;
    font-size: 20px;
    font-weight: 700
}

.OnboardingWizard-box p + .OnboardingWizard-box-link {
    margin-top: -1px
}

.OnboardingWizard-box + .OnboardingWizard-desc {
    margin: 40px auto
}

.OnboardingWizard-fb-box {
    position: relative;
    padding: 0 0 13px 0;
    width: 602px;
    border: none;
    border-radius: 0
}

    .OnboardingWizard-fb-box p {
        margin-bottom: 9px
    }

    .OnboardingWizard-fb-box:before {
        position: absolute;
        top: -5px;
        left: 202px;
        width: 202px;
        height: 67px;
        background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/wizard-sprite.png) no-repeat -337px 0;
        content: ""
    }

    .OnboardingWizard-fb-box .select-wrap {
        width: 290px
    }

.OnboardingWizard-fb-inner {
    margin: 16px auto 0;
    width: 520px;
    line-height: 1.5
}

    .OnboardingWizard-fb-inner p {
        color: #0a1c2e;
        text-align: justify;
        font-size: 14px
    }

.OnboardingWizard-fb-login {
    padding: 90px 0 11px 0
}

.OnboardingWizard-fb-success .OnboardingWizard-fb-inner, .OnboardingWizard-fb-select .OnboardingWizard-fb-inner {
    padding: 90px 0 30px 0
}

.OnboardingWizard-fb-login {
    text-align: left
}

.OnboardingWizard-fb-select p, .OnboardingWizard-fb-success p {
    text-align: center
}

.OnboardingWizard-fb-page {
    display: block;
    width: 290px;
    margin: 0 auto 10px auto
}

    .OnboardingWizard-fb-page select.form-control {
        width: 290px
    }

.OnboardingWizard-fb-box .help-block {
    color: #607385;
    font-size: 12px;
    line-height: 18px;
    margin: 15px auto
}

.OnboardingWizard-fb-select .OnboardingWizard-fb-inner {
    width: 540px
}

.OnboardingWizard-fb-success p, .OnboardingWizard-fb-select p {
    margin: 24px 0 8px 0;
    text-align: center
}

.OnboardingWizard-fb-select .btn {
    margin-top: 16px;
    width: 292px
}

.OnboardingWizard-fb-select .dropdown-toggle {
    margin-top: 0
}

.OnboardingWizard-store-url {
    margin-top: 40px
}

    .OnboardingWizard-store-url .control-label {
        margin: 0 0 7px 0;
        color: #607385;
        font-size: 14px
    }

    .OnboardingWizard-store-url .form-group {
        width: 420px;
        margin: 0 auto
    }

.OnboardingWizard .OnboardingWizard-embed-guide {
    margin: 26px 0 36px 15px;
    padding: 0 0 0 20px;
    width: 230px;
    color: #0a1c2e;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

    .OnboardingWizard .OnboardingWizard-embed-guide li:before {
        position: absolute;
        top: 21px;
        left: -10px;
        margin-top: -14px;
        width: 29px;
        height: 29px;
        border-radius: 14px;
        background: #275ce0;
        text-align: center;
        font-size: 19px;
        line-height: 29px
    }

.OnboardingWizard-source-wrap {
    width: 307px;
    margin: 29px 0 0 30px
}

.OnboardingWizard-widgets-tabs .tab-content {
    display: block
}

.OnboardingWizard-widgets-tabs .nav-justified > li {
    width: 25%;
    display: table-cell
}

.OnboardingWizard-widgets-tabs .nav-tabs > li {
    border-color: #bfc7ce;
    border-width: 1px;
    border-style: solid none none none;
    background-color: #e8ebed
}

    .OnboardingWizard-widgets-tabs .nav-tabs > li:first-child {
        border-top-left-radius: 4px
    }

        .OnboardingWizard-widgets-tabs .nav-tabs > li:first-child:not(.active) {
            border-style: solid none none solid
        }

    .OnboardingWizard-widgets-tabs .nav-tabs > li:last-child {
        border-top-right-radius: 4px
    }

        .OnboardingWizard-widgets-tabs .nav-tabs > li:last-child:not(.active) {
            border-style: solid solid none none
        }

.OnboardingWizard-container .OnboardingWizard-source-code {
    font: 14px/1.1 Consolas, Inconsolata, "Lucida Console", "Courier New", monospace;
    color: #0a1c2e;
    width: 297px;
    height: 129px;
    margin: 0;
    padding: 4px;
    border: 1px solid #808f9d;
    background: #f9f9fa;
    overflow-x: hidden;
    overflow-y: auto
}

.OnboardingWizard .OnboardingWizard-embed-guide, .OnboardingWizard .OnboardingWizard-source-wrap {
    float: left
}

.OnboardingWizard-widgets-tabs .tab-content {
    display: block
}

.OnboardingWizard-widgets-map {
    width: 145px;
    height: 120px;
    border: 1px solid #bfc7ce;
    border-radius: 4px;
    position: absolute;
    z-index: 2;
    margin: 29px 0 0 620px;
    padding: 9px 10px
}

    .OnboardingWizard-widgets-map g {
        fill: rgba(128,143,157,0.5)
    }

.OnboardingWizard-map-active-product-browser-widget .OnboardingWizard-map-products, .OnboardingWizard-map-active-categories-widget.OnboardingWizard-appearance-categories-widget-horizontal .OnboardingWizard-map-hcats, .OnboardingWizard-map-active-categories-widget.OnboardingWizard-appearance-categories-widget-vertical .OnboardingWizard-map-vcats, .OnboardingWizard-map-active-minicart-widget .OnboardingWizard-map-minicart, .OnboardingWizard-map-active-searchbox-widget .OnboardingWizard-map-search {
    fill: #275ce0
}

.OnboardingWizard-map-hover-product-browser-widget .OnboardingWizard-map-products, .OnboardingWizard-map-hover-categories-widget.OnboardingWizard-appearance-categories-widget-horizontal .OnboardingWizard-map-hcats, .OnboardingWizard-map-hover-categories-widget.OnboardingWizard-appearance-categories-widget-vertical .OnboardingWizard-map-vcats, .OnboardingWizard-map-hover-minicart-widget .OnboardingWizard-map-minicart, .OnboardingWizard-map-hover-searchbox-widget .OnboardingWizard-map-search {
    fill: #275ce0
}

.OnboardingWizard-widgets-map-ver {
    display: none
}

    .OnboardingWizard-widgets-map-ver.OnboardingWizard-appearance-categories-widget-horizontal, .OnboardingWizard-widgets-map-hor.OnboardingWizard-appearance-categories-widget-vertical {
        display: none
    }

    .OnboardingWizard-widgets-map-hor.OnboardingWizard-appearance-categories-widget-horizontal, .OnboardingWizard-widgets-map-ver.OnboardingWizard-appearance-categories-widget-vertical {
        display: block
    }

.OnboardingWizard-map-wrap {
    position: absolute;
    z-index: 10
}

    .OnboardingWizard-map-wrap:hover {
        cursor: pointer
    }

.OnboardingWizard-map-minicart-wrap {
    width: 30px;
    height: 30px;
    margin: -4px 0 0 112px
}

.OnboardingWizard-map-searchbox-wrap {
    width: 32px;
    height: 32px;
    margin: 85px 0 0
}

.OnboardingWizard-map-categories-wrap {
    height: 10px;
    width: 105px;
    margin: 32px 0 0 40px
}

.OnboardingWizard-widgets-map-ver .OnboardingWizard-map-categories-wrap {
    width: 36px;
    height: 32px;
    margin: 47px 0 0 -4px
}

.OnboardingWizard-map-product-browser-wrap {
    width: 106px;
    height: 72px;
    margin: 47px 0 0 39px
}

.OnboardingWizard-demo-products {
    margin-top: 38px;
    margin-bottom: 38px
}

.OnboardingWizard-demoThumbnail {
    margin-right: 10px;
    margin-left: 10px;
    max-width: 230px
}

.OnboardingWizard-first-products .OnboardingWizard-title {
    margin-bottom: 24px
}

.OnboardingWizard-new-product {
    position: relative;
    margin: 0 auto 9px;
    padding: 15px;
    width: 600px;
    text-align: left;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1),0 0 0 rgba(0,0,0,0.08) inset
}

    .OnboardingWizard-new-product .form-control {
        width: 156px
    }

    .OnboardingWizard-new-product .form-select {
        width: 295px
    }

    .OnboardingWizard-new-product .OnboardingWizard-product-name {
        margin-bottom: 8px;
        width: 423px
    }

    .OnboardingWizard-new-product .has-error .OnboardingWizard-product-name {
        margin-bottom: 0
    }

    .OnboardingWizard-new-product .OnboardingWizard-currency {
        margin-left: 0
    }

.OnboardingWizard-products select.form-control {
    width: 295px;
    height: 40px
}

.OnboardingWizard-new-product .OnboardingWizard-product-image {
    position: relative;
    float: left;
    margin: 0 22px 0 0;
    width: 100px;
    height: 87px;
    background: #275ce0;
    border: 1px solid #275ce0;
    border-radius: 5px
}

    .OnboardingWizard-new-product .OnboardingWizard-product-image:hover {
        border-color: #275ce0;
        background-color: #1f4ab3
    }

    .OnboardingWizard-new-product .OnboardingWizard-product-image:active {
        background-color: #527de6
    }

.OnboardingWizard-product-image > div {
    position: absolute !important;
    z-index: 1;
    top: 0
}

.OnboardingWizard-product-image .OnboardingWizard-product-image-button {
    position: absolute;
    top: 0;
    z-index: 2;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    outline: none;
    width: 100px;
    height: 87px;
    border: none;
    background: transparent;
    border-radius: 5px;
    padding: 0 5px 32px 5px;
    cursor: pointer
}

    .OnboardingWizard-product-image .OnboardingWizard-product-image-button:after {
        display: block;
        position: absolute;
        top: 0;
        width: 28px;
        height: 26px;
        margin: 50px 0 0 31px;
        color: #fff;
        content: "\e013";
        font-size: 26px;
        font-family: 'font_icons'
    }

.OnboardingWizard-product-image .gwt-FileUpload {
    width: 100px;
    height: 87px;
    z-index: 10
}

.ecwid-lang-ru .OnboardingWizard-product-image .OnboardingWizard-product-image-button, .ecwid-lang-ru_RU .OnboardingWizard-product-image .OnboardingWizard-product-image-button {
    font-size: 13px
}

.OnboardingWizard-product-image-uploaded {
    position: absolute;
    z-index: 10;
    width: 100px;
    height: 87px
}

    .OnboardingWizard-product-image-uploaded td {
        width: 100px;
        background: #fff;
        border-radius: 5px
    }

    .OnboardingWizard-product-image-uploaded img {
        margin: 0 auto
    }

    .OnboardingWizard-product-image-uploaded + form > .OnboardingWizard-product-image {
        background: none;
        border-color: #808f9d
    }

    .OnboardingWizard-product-image-uploaded + form div.button-wrapper {
        background: none;
        border-color: #808f9d
    }

    .OnboardingWizard-product-image-uploaded + form .OnboardingWizard-product-image-button {
        text-indent: -9999px
    }

        .OnboardingWizard-product-image-uploaded + form .OnboardingWizard-product-image-button:after {
            display: none
        }

.OnboardingWizard-new-product:last-child {
    margin-bottom: 0
}

.OnboardingWizard-remove {
    top: 11px;
    right: 13px
}

.OnboardingWizard-control {
    margin: 13px auto;
    padding: 0;
    width: 595px;
    font-size: 14px
}

.OnboardingWizard-first-products .OnboardingWizard-control {
    margin: 23px auto
}

.OnboardingWizard-shipping .OnboardingWizard-control {
    margin-bottom: 82px;
    padding-left: 20px
}

.OnboardingWizard-settings .row {
    margin: 0
}

.OnboardingWizard-settings {
    margin: 44px auto 0 auto;
    width: 607px
}

    .OnboardingWizard-settings label {
        position: absolute;
        top: -23px;
        display: block;
        width: 97%;
        color: #607385;
        text-align: center;
        font-size: 14px;
        font-weight: 400
    }

.OnboardingWizard-field-country {
    position: relative;
    margin: 0 0 44px 0;
    padding: 10px;
    width: 584px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1),0 0 0 rgba(0,0,0,0.08) inset
}

    .OnboardingWizard-field-country input {
        width: 562px
    }

.OnboardingWizard-field-currency, .OnboardingWizard-field-weight {
    position: relative;
    float: left;
    padding: 10px;
    width: 277px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1),0 0 0 rgba(0,0,0,0.08) inset
}

.OnboardingWizard-field-weight {
    margin-left: 8px
}

    .OnboardingWizard-field-currency .selectpicker, .OnboardingWizard-field-weight .form-control {
        width: 252px
    }

.OnboardingWizard-display-label {
    color: #607385;
    font-size: 12px;
    line-height: 18px;
    margin-top: 24px
}

.OnboardingWizard-display-value {
    color: #0a1c2e;
    font-size: 20px
}

.OnboardingWizard-ship p {
    color: #0a1c2e
}

.OnboardingWizard-ship .btn {
    margin-top: 11px
}

.OnboardingWizard-tangible .icon, .OnboardingWizard-not-tangible .icon {
    text-decoration: none;
    margin: 49px 0 23px;
    display: block
}

    .OnboardingWizard-tangible .icon i, .OnboardingWizard-not-tangible .icon i {
        color: #275ce0;
        text-transform: none;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        font-size: 25px;
        font-size: 114px;
        font-family: 'font_icons';
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased
    }

.OnboardingWizard-shipping .OnboardingWizard-desc {
    width: 685px
}

.OnboardingWizard-shipping .OnboardingWizard-action {
    margin-top: 5px
}

.OnboardingWizard-shipping-rates-wrap {
    text-align: center;
    margin: 28px 0 20px 0;
    padding: 0 0 0 0
}

.OnboardingWizard-shipping-rates {
    display: inline;
    margin: 0;
    padding: 0;
    width: 710px;
    list-style-type: none
}

    .OnboardingWizard-shipping-rates li {
        display: inline-block;
        width: 32%;
        text-align: center;
        position: relative;
        vertical-align: top
    }

    .OnboardingWizard-shipping-rates a, .OnboardingWizard-shipping-rates a:link, .OnboardingWizard-shipping-rates a:active, .OnboardingWizard-shipping-rates a:hover, .OnboardingWizard-shipping-rates a:visited {
        text-decoration: none;
        text-align: center
    }

    .OnboardingWizard-shipping-rates .OnboardingWizard-flat-rates-button, .OnboardingWizard-shipping-rates li:nth-child(3n) {
        padding-right: 0
    }

.OnboardingWizard-shipping-header {
    color: #0a1c2e;
    font-size: 16px;
    line-height: 1.2;
    width: 100%;
    vertical-align: bottom;
    position: relative
}

.OnboardingWizard-shipping-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 169px;
    height: 161px;
    margin: 9px auto 0;
    border: 3px solid #275ce0;
    border-radius: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    left: 50%;
    margin-left: -87px
}

.OnboardingWizard-shipping-block {
    padding-bottom: 200px
}

.OnboardingWizard-shipping-button .btn:focus {
    border-color: transparent
}

.OnboardingWizard-ups-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/ups_2x.png);
    background-size: 88px auto
}

.OnboardingWizard-usps-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/usps_2x.png);
    background-size: 115px auto
}

.OnboardingWizard-australia-post-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/australia_post_2x.png);
    background-size: 153px auto
}

.OnboardingWizard-canada-post-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/canada_post_2x.png);
    background-size: 160px auto
}

.OnboardingWizard-correios-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/correios_2x.png);
    background-size: 161px auto
}

.OnboardingWizard-fedex-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/fedex_2x.png);
    background-size: 141px auto
}

.OnboardingWizard-ems-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/ems_2x.png);
    background-size: 142px auto
}

.OnboardingWizard-mds-rates .OnboardingWizard-shipping-title:after {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/mds_2x.png);
    background-size: 142px auto
}

.OnboardingWizard-custom-rates .OnboardingWizard-shipping-title:after {
    font-family: 'font_icons';
    line-height: 1.53;
    content: "\e015";
    font-size: 100px;
    color: #275ce0;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    speak: none;
    -webkit-font-smoothing: antialiased
}

.OnboardingWizard-already .OnboardingWizard-box {
    margin: 52px auto 8px auto;
    padding: 11px 0 12px;
    width: 535px;
    color: #0a1c2e;
    font-size: 20px;
    font-weight: 700
}

    .OnboardingWizard-already .OnboardingWizard-box + .OnboardingWizard-desc {
        margin: 13px auto;
        color: #0a1c2e
    }

.OnboardingWizard-flat-rate {
    position: relative;
    margin: 0 auto 9px auto;
    padding: 15px;
    width: 600px;
    text-align: left;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1),0 0 0 rgba(0,0,0,0.08) inset
}

    .OnboardingWizard-flat-rate .form-inline {
        width: 100%;
        font-size: 14px
    }

    .OnboardingWizard-flat-rate .form-control {
        width: 156px
    }

    .OnboardingWizard-flat-rate .select-wrap .form-control {
        width: 295px
    }

    .OnboardingWizard-flat-rate .OnboardingWizard-remove {
        z-index: 10
    }

.OnboardingWizard-currency {
    margin: 0 7px 0 37px;
    color: #607385;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle
}

.OnboardingWizard-currency-suffix {
    margin-left: 10px
}

.OnboardingWizard-remove {
    position: absolute;
    color: #808f9d;
    cursor: pointer;
    transition: color .1s linear
}

    .OnboardingWizard-remove:hover {
        color: #1b409d
    }

    .OnboardingWizard-remove:active {
        color: #688de9
    }

.OnboardingWizard-shipping select.form-control {
    width: 295px;
    height: 40px
}

.OnboardingWizard-flat-control {
    margin: 12px auto;
    padding: 0 14px 0 20px;
    width: 600px;
    font-size: 14px
}

    .OnboardingWizard-flat-control a, .OnboardingWizard-flat-control a:link, .OnboardingWizard-flat-control a:active, .OnboardingWizard-flat-control a:hover, .OnboardingWizard-flat-control a:visited {
        color: #275ce0
    }

.OnboardingWizard-company-info {
    margin: 43px auto 23px auto;
    width: 532px
}

    .OnboardingWizard-company-info .form-group {
        margin-bottom: 7px
    }

    .OnboardingWizard-company-info .company-name {
        width: 352px
    }

    .OnboardingWizard-company-info .form-group-city, .OnboardingWizard-company-info .form-group-zip, .OnboardingWizard-company-info .form-group-state, .OnboardingWizard-company-info .form-group-state .form-control {
        width: 172px
    }

    .OnboardingWizard-company-info .form-group-zip, .OnboardingWizard-company-info .form-group-state {
        margin-left: 3px
    }

    .OnboardingWizard-company-info .phone-number {
        margin-left: 2px;
        width: 172px
    }

    .OnboardingWizard-company-info .field-country {
        margin-top: 7px;
        padding: 10px 0;
        border-radius: 4px;
        color: #0a1c2e;
        text-align: center;
        line-height: 22px;
        font-size: 16px
    }

.OnboardingWizard-field-preset {
    font-size: 22px;
    font-weight: 600;
    color: #0a1c2e
}

.OnboardingWizard-field-currency .OnboardingWizard-field-preset, .OnboardingWizard-field-weight .OnboardingWizard-field-preset {
    font-size: 20px;
    line-height: 1.16;
    font-weight: 600;
    color: #0a1c2e;
    width: 300px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.OnboardingWizard-field-preset ~ .OnboardingWizard-display-label {
    margin-top: 15px
}

.OnboardingWizard-payments .OnboardingWizard-desc {
    margin: 10px auto 0 auto;
    min-height: 50px;
    width: 685px
}

.OnboardingWizard-payments-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left
}

    .OnboardingWizard-payments-list .panel {
        overflow: hidden
    }

    .OnboardingWizard-payments-list .a-card--normal .a-card__paddings, .OnboardingWizard-payments-list .plate {
        padding: 16px 24px 15px 32px
    }

        .OnboardingWizard-payments-list .plate:after {
            content: "\e018";
            position: absolute;
            display: block;
            font-family: 'font_icons';
            font-size: 28px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            top: 50%;
            right: 52px;
            width: 47px;
            height: 28px;
            margin-top: -14px;
            color: #275ce0
        }

    .OnboardingWizard-payments-list .OnboardingWizard-payments-payumoney.plate:after, .OnboardingWizard-payments-list .OnboardingWizard-payments-square.plate:after, .OnboardingWizard-payments-list .OnboardingWizard-payments-pag-seguro.plate:after, .OnboardingWizard-payments-list .OnboardingWizard-payments-yandexkassa.plate:after {
        content: ""
    }

    .OnboardingWizard-payments-list .plate.opened:after {
        display: none
    }

    .OnboardingWizard-payments-list .ecwid-payment__settings {
        max-width: none
    }

.OnboardingWizard-payment-top {
    padding-left: 160px;
    margin-bottom: 15px;
    margin-top: 10px;
    min-height: 85px
}

.OnboardingWizard-payment-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #0a1c2e;
    margin-bottom: 13px;
    padding-right: 110px
}

.OnboardingWizard-payment-desc {
    font-size: 14px;
    font-weight: 400;
    color: #0a1c2e;
    padding-right: 110px
}

.OnboardingWizard-payments-stripe .OnboardingWizard-payment-top {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/stripe_logo.png) no-repeat left center
}

.OnboardingWizard-payments-stripe .Stripe-settingsPanel {
    margin-top: 10px;
    width: 100%
}

.OnboardingWizard-payments-stripe .Stripe-accountSection-bottom {
    margin-top: 20px
}

.OnboardingWizard-payments-stripe .Stripe-connectPanel {
    margin-left: 30px;
    margin-right: 30px
}

.OnboardingWizard-payments-stripe .Stripe-connectButton {
    margin-bottom: 0
}

.OnboardingWizard-payments-stripe .Stripe-text {
    margin-left: 0
}

.OnboardingWizard-payments-stripe .Stripe-disconnectLink {
    margin-left: 0;
    font-size: 14px
}

.OnboardingWizard-payments-stripe .stripe-settings-block {
    margin: 0
}

.OnboardingWizard-payments-pag-seguro .OnboardingWizard-payment-top {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/pagseguro-logo.png) no-repeat left center
}

.OnboardingWizard-payments-payumoney .OnboardingWizard-payment-top {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/payuMoneyLogo.png) no-repeat left center;
    background-size: 129px auto
}

.OnboardingWizard-payments-square .OnboardingWizard-payment-top {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/square_logo.svg) no-repeat left center
}

.OnboardingWizard-payments-stripe .OnboardingWizard-payment-top .OnboardingWizard-box-link {
    display: block;
    margin-top: 15px;
    font-size: 14px
}

.OnboardingWizard-payments-yandexkassa .OnboardingWizard-payment-top {
    background: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/yandex_kassa_logo.svg) no-repeat left center
}

.OnboardingWizard-payment-top:before {
    content: "\e018";
    position: absolute;
    display: block;
    font-family: 'font_icons';
    font-size: 76px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    top: 19px;
    left: 35px;
    color: #275ce0
}

.OnboardingWizard-payments-stripe .OnboardingWizard-payment-top:before, .OnboardingWizard-payments-payumoney .OnboardingWizard-payment-top:before, .OnboardingWizard-payments-square .OnboardingWizard-payment-top:before, .OnboardingWizard-payments-pag-seguro .OnboardingWizard-payment-top:before, .OnboardingWizard-payments-yandexkassa .OnboardingWizard-payment-top:before {
    content: ""
}

.OnboardingWizard-payments-payumoney .OnboardingWizard-payment-top .OnboardingWizard-box-link, .OnboardingWizard-payments-square .OnboardingWizard-payment-top .OnboardingWizard-box-link, .OnboardingWizard-payments-pag-seguro .OnboardingWizard-payment-top .OnboardingWizard-box-link, .OnboardingWizard-payments-yandexkassa .OnboardingWizard-payment-top .OnboardingWizard-box-link {
    display: block;
    margin-top: 5px;
    font-size: 14px
}

.OnboardingWizard-payments-offline .OnboardingWizard-payment-top:before {
    content: "\e019";
    left: 45px;
    font-size: 83px
}

.OnboardingWizard-payments-advanced .OnboardingWizard-payment-top {
    padding-left: 0;
    width: auto;
    margin: auto
}

    .OnboardingWizard-payments-advanced .OnboardingWizard-payment-top div {
        padding-right: 0
    }

    .OnboardingWizard-payments-advanced .OnboardingWizard-payment-top:before {
        content: ""
    }

    .OnboardingWizard-payments-advanced .OnboardingWizard-payment-top .OnboardingWizard-payment-title {
        font-weight: 400
    }

    .OnboardingWizard-payments-advanced .OnboardingWizard-payment-top .OnboardingWizard-payment-desc {
        font-size: 14px
    }

    .OnboardingWizard-payments-advanced .OnboardingWizard-payment-top .OnboardingWizard-box-link {
        font-size: 14px
    }

.OnboardingWizard-payments-offline .OnboardingWizard-payment-bottom .OnboardingWizard-control {
    padding-left: 12px
}

.OnboardingWizard-payments-offline .OnboardingWizard-payment-bottom .horizontal-icolink {
    margin-top: 10px
}

.OnboardingWizard-method-name-list {
    background: #fff;
    padding: 0;
    margin-top: 2px;
    width: 222px;
    border: 1px solid #bfc7ce
}

    .OnboardingWizard-method-name-list a {
        display: block;
        text-decoration: none;
        color: #0a1c2e;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        background-color: #fff
    }

        .OnboardingWizard-method-name-list a:hover, .OnboardingWizard-method-name-list a:active {
            color: #fff
        }

        .OnboardingWizard-method-name-list a:first-child {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .OnboardingWizard-method-name-list a:last-child {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }

        .OnboardingWizard-method-name-list a:active {
            text-decoration: none
        }

.no-delete .OnboardingWizard-remove {
    display: none
}

.widget .panel.OnboardingWizard-payments-advanced {
    border: none;
    background: none;
    box-shadow: none;
    cursor: default;
    margin-top: 9px
}

    .widget .panel.OnboardingWizard-payments-advanced:after {
        display: none
    }

.OnboardingWizard-payment-bottom {
    display: none;
    margin-top: 25px;
    padding: 10px 0 15px 0;
    border-top: 1px solid #bfc7ce
}

.opened .OnboardingWizard-payment-bottom {
    display: block
}

.OnboardingWizard-payments-list .form-control {
    width: 248px
}

.OnboardingWizard-payments-list li {
    margin-bottom: 10px
}

    .OnboardingWizard-payments-list li.OnboardingWizard-payments-advanced {
        padding-top: 23px
    }

.OnboardingWizard-payments-list .btn {
    min-width: 250px
}

.OnboardingWizard-payment-method-configured .payment-method, .OnboardingWizard-payments-paypal-configured .payment-method, .OnboardingWizard-payments-stripe-configured.opened .OnboardingWizard-payment-top, .OnboardingWizard-payments-payumoney-configured.opened .OnboardingWizard-payment-top, .OnboardingWizard-payments-square-configured .payment-method, .OnboardingWizard-payments-square-configured.opened .OnboardingWizard-payment-top, .OnboardingWizard-payments-pagseguro-configured.opened .OnboardingWizard-payment-top, .OnboardingWizard-payments-yandexkassa-configured.opened .OnboardingWizard-payment-top, .OnboardingWizard-payments-ecwid-configured.opened .ecwid-payment {
    position: relative
}

    .OnboardingWizard-payment-method-configured .payment-method::after, .OnboardingWizard-payments-paypal-configured .payment-method::after, .OnboardingWizard-payments-stripe-configured.opened .OnboardingWizard-payment-top::after, .OnboardingWizard-payments-payumoney-configured.opened .OnboardingWizard-payment-top::after, .OnboardingWizard-payments-square-configured .payment-method::after, .OnboardingWizard-payments-square-configured.opened .OnboardingWizard-payment-top::after, .OnboardingWizard-payments-pagseguro-configured.opened .OnboardingWizard-payment-top::after, .OnboardingWizard-payments-yandexkassa-configured.opened .OnboardingWizard-payment-top::after, .OnboardingWizard-payments-ecwid-configured.opened .ecwid-payment::after {
        position: absolute;
        display: block;
        color: #0cac42;
        content: "\e01a";
        font-size: 55px;
        font-family: 'font_icons';
        right: 20px;
        top: 33px;
        margin-top: -27px;
        line-height: 55px
    }

.OnboardingWizard-payments-list .OnboardingWizard-control {
    margin-top: 11px;
    width: 734px
}

    .OnboardingWizard-payments-list .OnboardingWizard-control .btn {
        width: auto
    }

.OnboardingWizard-payment-change .btn {
    min-width: 131px;
    width: 131px;
    margin-right: 8px
}

.OnboardingWizard-payment-top .OnboardingWizard-box-link {
    font-size: 16px;
    font-weight: 700;
    padding-top: 5px
}

.OnboardingWizard-payment-top .OnboardingWizard-box-link {
    font-size: 16px;
    font-weight: 400;
    padding-top: 5px
}

.OnboardingWizard-left-steps {
    margin: 60px auto;
    width: 432px;
    list-style-type: none
}

    .OnboardingWizard-left-steps li {
        margin: 0 0 30px 0;
        padding: 0 0 0 125px;
        color: #0a1c2e;
        text-align: left;
        font-size: 20px;
        line-height: 1.1
    }

        .OnboardingWizard-left-steps li:before {
            position: absolute;
            display: block;
            margin: -7px 0 0 -80px;
            padding: 18px 0 0 18px;
            width: 43px;
            height: 43px;
            border-radius: 31px;
            background: #275ce0;
            color: #fff;
            content: "";
            text-transform: none;
            font-weight: normal;
            font-style: normal;
            font-variant: normal;
            font-size: 25px;
            font-family: 'font_icons';
            line-height: 1;
            speak: none;
            -webkit-font-smoothing: antialiased
        }

    .OnboardingWizard-left-steps .no-store:before {
        content: "\e001"
    }

    .OnboardingWizard-left-steps .no-products:before {
        content: "\e003"
    }

    .OnboardingWizard-left-steps .no-settings:before {
        content: "\e004"
    }

    .OnboardingWizard-left-steps .no-shipping:before {
        content: "\e005"
    }

    .OnboardingWizard-left-steps .no-payments:before {
        content: "\e006"
    }

    .OnboardingWizard-left-steps a, .OnboardingWizard-left-steps a:link, .OnboardingWizard-left-steps a:active, .OnboardingWizard-left-steps a:hover, .OnboardingWizard-left-steps a:visited {
        font-size: 16px
    }

.OnboardingWizard .OnboardingWizard-share .OnboardingWizard-title {
    margin-top: 18px;
    line-height: 38px
}

.OnboardingWizard .OnboardingWizard-share .OnboardingWizard-desc {
    color: #0a1c2e;
    margin-top: 8px
}

.OnboardingWizard .OnboardingWizard-share .OnboardingWizard-store-opened {
    margin-top: 22px
}

.OnboardingWizard .OnboardingWizard-share .OnboardingWizard-action.btn-group {
    margin-top: 11px
}

    .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-action.btn-group a {
        margin-right: 0
    }

    .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-action.btn-group .btn [class*="icon-"] {
        font-size: 22px;
        margin: 0 0 0 -10px;
        padding-right: 10px
    }

.OnboardingWizard .OnboardingWizard-share .OnboardingWizard-action {
    margin: 7px 0 33px 0
}

    .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-action .btn {
        margin: 0 4px
    }

.OnboardingWizard-store-opened {
    margin: 15px auto;
    padding: 3px;
    width: 421px;
    height: 278px;
    border: 1px solid #bfc7ce;
    border-radius: 4px;
    background: no-repeat 3px 3px;
    background-size: 421px auto;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.OnboardingWizard-store-coming {
    margin: 15px auto;
    padding: 3px;
    width: 421px;
    height: 278px;
    border: 1px solid #bfc7ce;
    border-radius: 4px;
    background: no-repeat 3px 3px;
    background-size: 421px auto;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.OnboardingWizard .btn-group a {
    padding-right: 10px
}

    .OnboardingWizard .btn-group a:last-child {
        padding-right: 0
    }

.OnboardingWizard .btn-fb, .OnboardingWizard .btn-fb.reset, .OnboardingWizard .btn-twitter, .OnboardingWizard .btn-twitter.reset, .OnboardingWizard .btn-link, .OnboardingWizard .btn-link.reset, .OnboardingWizard .btn-fb, .OnboardingWizard .btn-fb.reset, .OnboardingWizard .btn-fb.reset:hover {
    background-color: #4267b2;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    .OnboardingWizard .btn-fb::before, .OnboardingWizard .btn-fb.reset::before, .OnboardingWizard .btn-twitter::before, .OnboardingWizard .btn-twitter.reset::before, .OnboardingWizard .btn-link::before, .OnboardingWizard .btn-link.reset::before, .OnboardingWizard .btn-fb::before, .OnboardingWizard .btn-fb.reset::before, .OnboardingWizard .btn-fb.reset:hover::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(53,82,142,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .OnboardingWizard .btn-fb:focus::before, .OnboardingWizard .btn-fb:hover::before, .OnboardingWizard .btn-fb.reset:focus::before, .OnboardingWizard .btn-fb.reset:hover::before, .OnboardingWizard .btn-twitter:focus::before, .OnboardingWizard .btn-twitter:hover::before, .OnboardingWizard .btn-twitter.reset:focus::before, .OnboardingWizard .btn-twitter.reset:hover::before, .OnboardingWizard .btn-link:focus::before, .OnboardingWizard .btn-link:hover::before, .OnboardingWizard .btn-link.reset:focus::before, .OnboardingWizard .btn-link.reset:hover::before, .OnboardingWizard .btn-fb:focus::before, .OnboardingWizard .btn-fb:hover::before, .OnboardingWizard .btn-fb.reset:focus::before, .OnboardingWizard .btn-fb.reset:hover::before, .OnboardingWizard .btn-fb.reset:hover:focus::before, .OnboardingWizard .btn-fb.reset:hover:hover::before {
        opacity: 1
    }

    .OnboardingWizard .btn-fb:hover, .OnboardingWizard .btn-fb.reset:hover, .OnboardingWizard .btn-twitter:hover, .OnboardingWizard .btn-twitter.reset:hover, .OnboardingWizard .btn-link:hover, .OnboardingWizard .btn-link.reset:hover, .OnboardingWizard .btn-fb:hover, .OnboardingWizard .btn-fb.reset:hover, .OnboardingWizard .btn-fb.reset:hover:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

        .OnboardingWizard .btn-fb:focus, .OnboardingWizard .btn-fb.reset:focus, .OnboardingWizard .btn-twitter:focus, .OnboardingWizard .btn-twitter.reset:focus, .OnboardingWizard .btn-link:focus, .OnboardingWizard .btn-link.reset:focus, .OnboardingWizard .btn-fb:focus, .OnboardingWizard .btn-fb.reset:focus, .OnboardingWizard .btn-fb.reset:hover:focus {
            box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff
        }

        .OnboardingWizard .btn-fb:active, .OnboardingWizard .btn-fb.reset:active, .OnboardingWizard .btn-twitter:active, .OnboardingWizard .btn-twitter.reset:active, .OnboardingWizard .btn-link:active, .OnboardingWizard .btn-link.reset:active, .OnboardingWizard .btn-fb:active, .OnboardingWizard .btn-fb.reset:active, .OnboardingWizard .btn-fb.reset:hover:active {
            box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .OnboardingWizard .btn-fb:focus:active, .OnboardingWizard .btn-fb.reset:focus:active, .OnboardingWizard .btn-twitter:focus:active, .OnboardingWizard .btn-twitter.reset:focus:active, .OnboardingWizard .btn-link:focus:active, .OnboardingWizard .btn-link.reset:focus:active, .OnboardingWizard .btn-fb:focus:active, .OnboardingWizard .btn-fb.reset:focus:active, .OnboardingWizard .btn-fb.reset:hover:focus:active {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
        }

            .OnboardingWizard .btn-fb:focus:active::before, .OnboardingWizard .btn-fb.reset:focus:active::before, .OnboardingWizard .btn-twitter:focus:active::before, .OnboardingWizard .btn-twitter.reset:focus:active::before, .OnboardingWizard .btn-link:focus:active::before, .OnboardingWizard .btn-link.reset:focus:active::before, .OnboardingWizard .btn-fb:focus:active::before, .OnboardingWizard .btn-fb.reset:focus:active::before, .OnboardingWizard .btn-fb.reset:hover:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .OnboardingWizard .btn-fb::before, .OnboardingWizard .btn-fb:hover, .OnboardingWizard .btn-fb:focus, .OnboardingWizard .btn-fb:active, .OnboardingWizard .btn-fb:focus:active, .OnboardingWizard .btn-fb:focus:active::before, .OnboardingWizard .btn-fb.reset::before, .OnboardingWizard .btn-fb.reset:hover, .OnboardingWizard .btn-fb.reset:focus, .OnboardingWizard .btn-fb.reset:active, .OnboardingWizard .btn-fb.reset:focus:active, .OnboardingWizard .btn-fb.reset:focus:active::before, .OnboardingWizard .btn-twitter::before, .OnboardingWizard .btn-twitter:hover, .OnboardingWizard .btn-twitter:focus, .OnboardingWizard .btn-twitter:active, .OnboardingWizard .btn-twitter:focus:active, .OnboardingWizard .btn-twitter:focus:active::before, .OnboardingWizard .btn-twitter.reset::before, .OnboardingWizard .btn-twitter.reset:hover, .OnboardingWizard .btn-twitter.reset:focus, .OnboardingWizard .btn-twitter.reset:active, .OnboardingWizard .btn-twitter.reset:focus:active, .OnboardingWizard .btn-twitter.reset:focus:active::before, .OnboardingWizard .btn-link::before, .OnboardingWizard .btn-link:hover, .OnboardingWizard .btn-link:focus, .OnboardingWizard .btn-link:active, .OnboardingWizard .btn-link:focus:active, .OnboardingWizard .btn-link:focus:active::before, .OnboardingWizard .btn-link.reset::before, .OnboardingWizard .btn-link.reset:hover, .OnboardingWizard .btn-link.reset:focus, .OnboardingWizard .btn-link.reset:active, .OnboardingWizard .btn-link.reset:focus:active, .OnboardingWizard .btn-link.reset:focus:active::before, .OnboardingWizard .btn-fb::before, .OnboardingWizard .btn-fb:hover, .OnboardingWizard .btn-fb:focus, .OnboardingWizard .btn-fb:active, .OnboardingWizard .btn-fb:focus:active, .OnboardingWizard .btn-fb:focus:active::before, .OnboardingWizard .btn-fb.reset::before, .OnboardingWizard .btn-fb.reset:hover, .OnboardingWizard .btn-fb.reset:focus, .OnboardingWizard .btn-fb.reset:active, .OnboardingWizard .btn-fb.reset:focus:active, .OnboardingWizard .btn-fb.reset:focus:active::before, .OnboardingWizard .btn-fb.reset:hover::before, .OnboardingWizard .btn-fb.reset:hover:hover, .OnboardingWizard .btn-fb.reset:hover:focus, .OnboardingWizard .btn-fb.reset:hover:active, .OnboardingWizard .btn-fb.reset:hover:focus:active, .OnboardingWizard .btn-fb.reset:hover:focus:active::before {
                box-shadow: none
            }

                .OnboardingWizard .btn-fb.btn-loading, .OnboardingWizard .btn-fb.btn-loading:hover, .OnboardingWizard .btn-fb.btn-loading:focus, .OnboardingWizard .btn-fb.btn-loading:focus:hover, .OnboardingWizard .btn-fb.btn-loading:active, .OnboardingWizard .btn-fb.btn-loading:focus:active, .OnboardingWizard .btn-fb.reset.btn-loading, .OnboardingWizard .btn-fb.reset.btn-loading:hover, .OnboardingWizard .btn-fb.reset.btn-loading:focus, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover, .OnboardingWizard .btn-fb.reset.btn-loading:active, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active, .OnboardingWizard .btn-twitter.btn-loading, .OnboardingWizard .btn-twitter.btn-loading:hover, .OnboardingWizard .btn-twitter.btn-loading:focus, .OnboardingWizard .btn-twitter.btn-loading:focus:hover, .OnboardingWizard .btn-twitter.btn-loading:active, .OnboardingWizard .btn-twitter.btn-loading:focus:active, .OnboardingWizard .btn-twitter.reset.btn-loading, .OnboardingWizard .btn-twitter.reset.btn-loading:hover, .OnboardingWizard .btn-twitter.reset.btn-loading:focus, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover, .OnboardingWizard .btn-twitter.reset.btn-loading:active, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active, .OnboardingWizard .btn-link.btn-loading, .OnboardingWizard .btn-link.btn-loading:hover, .OnboardingWizard .btn-link.btn-loading:focus, .OnboardingWizard .btn-link.btn-loading:focus:hover, .OnboardingWizard .btn-link.btn-loading:active, .OnboardingWizard .btn-link.btn-loading:focus:active, .OnboardingWizard .btn-link.reset.btn-loading, .OnboardingWizard .btn-link.reset.btn-loading:hover, .OnboardingWizard .btn-link.reset.btn-loading:focus, .OnboardingWizard .btn-link.reset.btn-loading:focus:hover, .OnboardingWizard .btn-link.reset.btn-loading:active, .OnboardingWizard .btn-link.reset.btn-loading:focus:active, .OnboardingWizard .btn-fb.btn-loading, .OnboardingWizard .btn-fb.btn-loading:hover, .OnboardingWizard .btn-fb.btn-loading:focus, .OnboardingWizard .btn-fb.btn-loading:focus:hover, .OnboardingWizard .btn-fb.btn-loading:active, .OnboardingWizard .btn-fb.btn-loading:focus:active, .OnboardingWizard .btn-fb.reset.btn-loading, .OnboardingWizard .btn-fb.reset.btn-loading:hover, .OnboardingWizard .btn-fb.reset.btn-loading:focus, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover, .OnboardingWizard .btn-fb.reset.btn-loading:active, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active, .OnboardingWizard .btn-fb.reset:hover.btn-loading, .OnboardingWizard .btn-fb.reset:hover.btn-loading:hover, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:hover, .OnboardingWizard .btn-fb.reset:hover.btn-loading:active, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:active {
                    position: relative;
                    overflow: visible;
                    background-color: #4267b2
                }

                    .OnboardingWizard .btn-fb.btn-loading::after, .OnboardingWizard .btn-fb.btn-loading:hover::after, .OnboardingWizard .btn-fb.btn-loading:focus::after, .OnboardingWizard .btn-fb.btn-loading:focus:hover::after, .OnboardingWizard .btn-fb.btn-loading:active::after, .OnboardingWizard .btn-fb.btn-loading:focus:active::after, .OnboardingWizard .btn-fb.reset.btn-loading::after, .OnboardingWizard .btn-fb.reset.btn-loading:hover::after, .OnboardingWizard .btn-fb.reset.btn-loading:focus::after, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover::after, .OnboardingWizard .btn-fb.reset.btn-loading:active::after, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active::after, .OnboardingWizard .btn-twitter.btn-loading::after, .OnboardingWizard .btn-twitter.btn-loading:hover::after, .OnboardingWizard .btn-twitter.btn-loading:focus::after, .OnboardingWizard .btn-twitter.btn-loading:focus:hover::after, .OnboardingWizard .btn-twitter.btn-loading:active::after, .OnboardingWizard .btn-twitter.btn-loading:focus:active::after, .OnboardingWizard .btn-twitter.reset.btn-loading::after, .OnboardingWizard .btn-twitter.reset.btn-loading:hover::after, .OnboardingWizard .btn-twitter.reset.btn-loading:focus::after, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover::after, .OnboardingWizard .btn-twitter.reset.btn-loading:active::after, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active::after, .OnboardingWizard .btn-link.btn-loading::after, .OnboardingWizard .btn-link.btn-loading:hover::after, .OnboardingWizard .btn-link.btn-loading:focus::after, .OnboardingWizard .btn-link.btn-loading:focus:hover::after, .OnboardingWizard .btn-link.btn-loading:active::after, .OnboardingWizard .btn-link.btn-loading:focus:active::after, .OnboardingWizard .btn-link.reset.btn-loading::after, .OnboardingWizard .btn-link.reset.btn-loading:hover::after, .OnboardingWizard .btn-link.reset.btn-loading:focus::after, .OnboardingWizard .btn-link.reset.btn-loading:focus:hover::after, .OnboardingWizard .btn-link.reset.btn-loading:active::after, .OnboardingWizard .btn-link.reset.btn-loading:focus:active::after, .OnboardingWizard .btn-fb.btn-loading::after, .OnboardingWizard .btn-fb.btn-loading:hover::after, .OnboardingWizard .btn-fb.btn-loading:focus::after, .OnboardingWizard .btn-fb.btn-loading:focus:hover::after, .OnboardingWizard .btn-fb.btn-loading:active::after, .OnboardingWizard .btn-fb.btn-loading:focus:active::after, .OnboardingWizard .btn-fb.reset.btn-loading::after, .OnboardingWizard .btn-fb.reset.btn-loading:hover::after, .OnboardingWizard .btn-fb.reset.btn-loading:focus::after, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover::after, .OnboardingWizard .btn-fb.reset.btn-loading:active::after, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active::after, .OnboardingWizard .btn-fb.reset:hover.btn-loading::after, .OnboardingWizard .btn-fb.reset:hover.btn-loading:hover::after, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus::after, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:hover::after, .OnboardingWizard .btn-fb.reset:hover.btn-loading:active::after, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:active::after {
                        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                        background-size: contain
                    }

                    .OnboardingWizard .btn-fb.btn-loading svg, .OnboardingWizard .btn-fb.btn-loading .loader, .OnboardingWizard .btn-fb.btn-loading:hover svg, .OnboardingWizard .btn-fb.btn-loading:hover .loader, .OnboardingWizard .btn-fb.btn-loading:focus svg, .OnboardingWizard .btn-fb.btn-loading:focus .loader, .OnboardingWizard .btn-fb.btn-loading:focus:hover svg, .OnboardingWizard .btn-fb.btn-loading:focus:hover .loader, .OnboardingWizard .btn-fb.btn-loading:active svg, .OnboardingWizard .btn-fb.btn-loading:active .loader, .OnboardingWizard .btn-fb.btn-loading:focus:active svg, .OnboardingWizard .btn-fb.btn-loading:focus:active .loader, .OnboardingWizard .btn-fb.reset.btn-loading svg, .OnboardingWizard .btn-fb.reset.btn-loading .loader, .OnboardingWizard .btn-fb.reset.btn-loading:hover svg, .OnboardingWizard .btn-fb.reset.btn-loading:hover .loader, .OnboardingWizard .btn-fb.reset.btn-loading:focus svg, .OnboardingWizard .btn-fb.reset.btn-loading:focus .loader, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover svg, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover .loader, .OnboardingWizard .btn-fb.reset.btn-loading:active svg, .OnboardingWizard .btn-fb.reset.btn-loading:active .loader, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active svg, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active .loader, .OnboardingWizard .btn-twitter.btn-loading svg, .OnboardingWizard .btn-twitter.btn-loading .loader, .OnboardingWizard .btn-twitter.btn-loading:hover svg, .OnboardingWizard .btn-twitter.btn-loading:hover .loader, .OnboardingWizard .btn-twitter.btn-loading:focus svg, .OnboardingWizard .btn-twitter.btn-loading:focus .loader, .OnboardingWizard .btn-twitter.btn-loading:focus:hover svg, .OnboardingWizard .btn-twitter.btn-loading:focus:hover .loader, .OnboardingWizard .btn-twitter.btn-loading:active svg, .OnboardingWizard .btn-twitter.btn-loading:active .loader, .OnboardingWizard .btn-twitter.btn-loading:focus:active svg, .OnboardingWizard .btn-twitter.btn-loading:focus:active .loader, .OnboardingWizard .btn-twitter.reset.btn-loading svg, .OnboardingWizard .btn-twitter.reset.btn-loading .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:hover svg, .OnboardingWizard .btn-twitter.reset.btn-loading:hover .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:focus svg, .OnboardingWizard .btn-twitter.reset.btn-loading:focus .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover svg, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:active svg, .OnboardingWizard .btn-twitter.reset.btn-loading:active .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active svg, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active .loader, .OnboardingWizard .btn-link.btn-loading svg, .OnboardingWizard .btn-link.btn-loading .loader, .OnboardingWizard .btn-link.btn-loading:hover svg, .OnboardingWizard .btn-link.btn-loading:hover .loader, .OnboardingWizard .btn-link.btn-loading:focus svg, .OnboardingWizard .btn-link.btn-loading:focus .loader, .OnboardingWizard .btn-link.btn-loading:focus:hover svg, .OnboardingWizard .btn-link.btn-loading:focus:hover .loader, .OnboardingWizard .btn-link.btn-loading:active svg, .OnboardingWizard .btn-link.btn-loading:active .loader, .OnboardingWizard .btn-link.btn-loading:focus:active svg, .OnboardingWizard .btn-link.btn-loading:focus:active .loader, .OnboardingWizard .btn-link.reset.btn-loading svg, .OnboardingWizard .btn-link.reset.btn-loading .loader, .OnboardingWizard .btn-link.reset.btn-loading:hover svg, .OnboardingWizard .btn-link.reset.btn-loading:hover .loader, .OnboardingWizard .btn-link.reset.btn-loading:focus svg, .OnboardingWizard .btn-link.reset.btn-loading:focus .loader, .OnboardingWizard .btn-link.reset.btn-loading:focus:hover svg, .OnboardingWizard .btn-link.reset.btn-loading:focus:hover .loader, .OnboardingWizard .btn-link.reset.btn-loading:active svg, .OnboardingWizard .btn-link.reset.btn-loading:active .loader, .OnboardingWizard .btn-link.reset.btn-loading:focus:active svg, .OnboardingWizard .btn-link.reset.btn-loading:focus:active .loader, .OnboardingWizard .btn-fb.btn-loading svg, .OnboardingWizard .btn-fb.btn-loading .loader, .OnboardingWizard .btn-fb.btn-loading:hover svg, .OnboardingWizard .btn-fb.btn-loading:hover .loader, .OnboardingWizard .btn-fb.btn-loading:focus svg, .OnboardingWizard .btn-fb.btn-loading:focus .loader, .OnboardingWizard .btn-fb.btn-loading:focus:hover svg, .OnboardingWizard .btn-fb.btn-loading:focus:hover .loader, .OnboardingWizard .btn-fb.btn-loading:active svg, .OnboardingWizard .btn-fb.btn-loading:active .loader, .OnboardingWizard .btn-fb.btn-loading:focus:active svg, .OnboardingWizard .btn-fb.btn-loading:focus:active .loader, .OnboardingWizard .btn-fb.reset.btn-loading svg, .OnboardingWizard .btn-fb.reset.btn-loading .loader, .OnboardingWizard .btn-fb.reset.btn-loading:hover svg, .OnboardingWizard .btn-fb.reset.btn-loading:hover .loader, .OnboardingWizard .btn-fb.reset.btn-loading:focus svg, .OnboardingWizard .btn-fb.reset.btn-loading:focus .loader, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover svg, .OnboardingWizard .btn-fb.reset.btn-loading:focus:hover .loader, .OnboardingWizard .btn-fb.reset.btn-loading:active svg, .OnboardingWizard .btn-fb.reset.btn-loading:active .loader, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active svg, .OnboardingWizard .btn-fb.reset.btn-loading:focus:active .loader, .OnboardingWizard .btn-fb.reset:hover.btn-loading svg, .OnboardingWizard .btn-fb.reset:hover.btn-loading .loader, .OnboardingWizard .btn-fb.reset:hover.btn-loading:hover svg, .OnboardingWizard .btn-fb.reset:hover.btn-loading:hover .loader, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus svg, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus .loader, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:hover svg, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:hover .loader, .OnboardingWizard .btn-fb.reset:hover.btn-loading:active svg, .OnboardingWizard .btn-fb.reset:hover.btn-loading:active .loader, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:active svg, .OnboardingWizard .btn-fb.reset:hover.btn-loading:focus:active .loader {
                        display: none
                    }

    .OnboardingWizard .btn-twitter, .OnboardingWizard .btn-twitter.reset, .OnboardingWizard .btn-twitter.reset:hover {
        background-color: #00abf0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .OnboardingWizard .btn-twitter::before, .OnboardingWizard .btn-twitter.reset::before, .OnboardingWizard .btn-twitter.reset:hover::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(0,137,192,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .OnboardingWizard .btn-twitter:focus::before, .OnboardingWizard .btn-twitter:hover::before, .OnboardingWizard .btn-twitter.reset:focus::before, .OnboardingWizard .btn-twitter.reset:hover::before, .OnboardingWizard .btn-twitter.reset:hover:focus::before, .OnboardingWizard .btn-twitter.reset:hover:hover::before {
            opacity: 1
        }

        .OnboardingWizard .btn-twitter:hover, .OnboardingWizard .btn-twitter.reset:hover, .OnboardingWizard .btn-twitter.reset:hover:hover {
            box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff
        }

            .OnboardingWizard .btn-twitter:focus, .OnboardingWizard .btn-twitter.reset:focus, .OnboardingWizard .btn-twitter.reset:hover:focus {
                box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
                color: #fff
            }

            .OnboardingWizard .btn-twitter:active, .OnboardingWizard .btn-twitter.reset:active, .OnboardingWizard .btn-twitter.reset:hover:active {
                box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
                color: #fff;
                transform: translate3d(0, 1px, 0)
            }

            .OnboardingWizard .btn-twitter:focus:active, .OnboardingWizard .btn-twitter.reset:focus:active, .OnboardingWizard .btn-twitter.reset:hover:focus:active {
                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
            }

                .OnboardingWizard .btn-twitter:focus:active::before, .OnboardingWizard .btn-twitter.reset:focus:active::before, .OnboardingWizard .btn-twitter.reset:hover:focus:active::before {
                    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
                }

                .OnboardingWizard .btn-twitter::before, .OnboardingWizard .btn-twitter:hover, .OnboardingWizard .btn-twitter:focus, .OnboardingWizard .btn-twitter:active, .OnboardingWizard .btn-twitter:focus:active, .OnboardingWizard .btn-twitter:focus:active::before, .OnboardingWizard .btn-twitter.reset::before, .OnboardingWizard .btn-twitter.reset:hover, .OnboardingWizard .btn-twitter.reset:focus, .OnboardingWizard .btn-twitter.reset:active, .OnboardingWizard .btn-twitter.reset:focus:active, .OnboardingWizard .btn-twitter.reset:focus:active::before, .OnboardingWizard .btn-twitter.reset:hover::before, .OnboardingWizard .btn-twitter.reset:hover:hover, .OnboardingWizard .btn-twitter.reset:hover:focus, .OnboardingWizard .btn-twitter.reset:hover:active, .OnboardingWizard .btn-twitter.reset:hover:focus:active, .OnboardingWizard .btn-twitter.reset:hover:focus:active::before {
                    box-shadow: none
                }

                    .OnboardingWizard .btn-twitter.btn-loading, .OnboardingWizard .btn-twitter.btn-loading:hover, .OnboardingWizard .btn-twitter.btn-loading:focus, .OnboardingWizard .btn-twitter.btn-loading:focus:hover, .OnboardingWizard .btn-twitter.btn-loading:active, .OnboardingWizard .btn-twitter.btn-loading:focus:active, .OnboardingWizard .btn-twitter.reset.btn-loading, .OnboardingWizard .btn-twitter.reset.btn-loading:hover, .OnboardingWizard .btn-twitter.reset.btn-loading:focus, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover, .OnboardingWizard .btn-twitter.reset.btn-loading:active, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active, .OnboardingWizard .btn-twitter.reset:hover.btn-loading, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:hover, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:hover, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:active, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:active {
                        position: relative;
                        overflow: visible;
                        background-color: #00abf0
                    }

                        .OnboardingWizard .btn-twitter.btn-loading::after, .OnboardingWizard .btn-twitter.btn-loading:hover::after, .OnboardingWizard .btn-twitter.btn-loading:focus::after, .OnboardingWizard .btn-twitter.btn-loading:focus:hover::after, .OnboardingWizard .btn-twitter.btn-loading:active::after, .OnboardingWizard .btn-twitter.btn-loading:focus:active::after, .OnboardingWizard .btn-twitter.reset.btn-loading::after, .OnboardingWizard .btn-twitter.reset.btn-loading:hover::after, .OnboardingWizard .btn-twitter.reset.btn-loading:focus::after, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover::after, .OnboardingWizard .btn-twitter.reset.btn-loading:active::after, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active::after, .OnboardingWizard .btn-twitter.reset:hover.btn-loading::after, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:hover::after, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus::after, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:hover::after, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:active::after, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:active::after {
                            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                            background-size: contain
                        }

                        .OnboardingWizard .btn-twitter.btn-loading svg, .OnboardingWizard .btn-twitter.btn-loading .loader, .OnboardingWizard .btn-twitter.btn-loading:hover svg, .OnboardingWizard .btn-twitter.btn-loading:hover .loader, .OnboardingWizard .btn-twitter.btn-loading:focus svg, .OnboardingWizard .btn-twitter.btn-loading:focus .loader, .OnboardingWizard .btn-twitter.btn-loading:focus:hover svg, .OnboardingWizard .btn-twitter.btn-loading:focus:hover .loader, .OnboardingWizard .btn-twitter.btn-loading:active svg, .OnboardingWizard .btn-twitter.btn-loading:active .loader, .OnboardingWizard .btn-twitter.btn-loading:focus:active svg, .OnboardingWizard .btn-twitter.btn-loading:focus:active .loader, .OnboardingWizard .btn-twitter.reset.btn-loading svg, .OnboardingWizard .btn-twitter.reset.btn-loading .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:hover svg, .OnboardingWizard .btn-twitter.reset.btn-loading:hover .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:focus svg, .OnboardingWizard .btn-twitter.reset.btn-loading:focus .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover svg, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:hover .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:active svg, .OnboardingWizard .btn-twitter.reset.btn-loading:active .loader, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active svg, .OnboardingWizard .btn-twitter.reset.btn-loading:focus:active .loader, .OnboardingWizard .btn-twitter.reset:hover.btn-loading svg, .OnboardingWizard .btn-twitter.reset:hover.btn-loading .loader, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:hover svg, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:hover .loader, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus svg, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus .loader, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:hover svg, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:hover .loader, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:active svg, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:active .loader, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:active svg, .OnboardingWizard .btn-twitter.reset:hover.btn-loading:focus:active .loader {
                            display: none
                        }

        .OnboardingWizard .btn-fb [class*="icon-"], .OnboardingWizard .btn-twitter [class*="icon-"], .OnboardingWizard .btn-link [class*="icon-"] {
            font-size: 24px;
            margin: -2px -10px 0 -10px;
            line-height: .9;
            opacity: 1
        }

.OnboardingWizard-demo-order {
    margin-top: 20px
}

    .OnboardingWizard-demo-order .btn {
        width: 323px
    }

.OnboardingWizard-product {
    margin: 20px auto 0 auto;
    min-height: 183px;
    width: 219px
}

.OnboardingWizard-close .btn {
    min-width: 195px
}

.OnboardingWizard-close .OnboardingWizard-desc {
    width: 80%
}

.OnboardingWizard-close .OnboardingWizard-message {
    margin-top: 58px
}

.OnboardingWizard-live-chat-available + .help-block {
    margin: 1.1em 0
}

.OnboardingWizard-icolinks {
    margin: 40px auto 0;
    text-align: center
}

    .OnboardingWizard-icolinks .ecwid-u-1-4 {
        float: none
    }

    .OnboardingWizard-icolinks [class*="-icolink"] {
        font-size: 16px
    }

        .OnboardingWizard-icolinks [class*="-icolink"] [class*="icon-"] {
            font-size: 46px;
            margin: 0 0 21px;
            color: #275ce0
        }

            .OnboardingWizard-icolinks [class*="-icolink"] [class*="icon-"]:hover {
                color: #1b409d
            }

            .OnboardingWizard-icolinks [class*="-icolink"] [class*="icon-"]:active {
                color: #688de9
            }

.OnboardingWizard-close-simple .OnboardingWizard-container {
    margin-bottom: 210px
}

.OnboardingWizard-close-undone .OnboardingWizard-icolinks {
    max-width: 653px
}

.OnboardingWizard-close-done .OnboardingWizard-icolinks {
    max-width: 580px
}

.OnboardingWizard-close-undone .OnboardingWizard-title {
    margin-top: 55px
}

.OnboardingWizard-close-simple .OnboardingWizard-title {
    margin-top: 150px
}

.OnboardingWizard-close-done .OnboardingWizard-icolinks {
    margin-top: 48px
}

.OnboardingWizard-close-undone .OnboardingWizard-action {
    margin: 0 0 90px
}

.OnboardingWizard-close-simple .OnboardingWizard-action {
    margin-top: 31px
}

.OnboardingWizard-action-note {
    font-size: 14px;
    color: #0a1c2e
}

.OnboardingWizard-action > .OnboardingWizard-action-note {
    margin-bottom: 10px
}

.OnboardingWizard-close-advice {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0
}

    .OnboardingWizard-close-advice a {
        text-decoration: none
    }

.OnboardingWizard-icolinks .vertical-icolink {
    padding-bottom: 70px
}

.OnboardingWizard-icolinks .help-block {
    margin-bottom: -30px
}

.done .OnboardingWizard-title {
    color: #0cac42
}

.done .active .OnboardingWizard-title {
    color: #fff;
    background-color: #0cac42
}

.into-step .done .OnboardingWizard-title:active, .into-step .done .active .OnboardingWizard-title {
    color: #0a1c2e;
    background-color: transparent
}

.done .active .OnboardingWizard-title {
    background-color: #0cac42
}

.current .OnboardingWizard-message, .current .OnboardingWizard-title-wrap, .current .OnboardingWizard-desc {
    opacity: 1;
    -webkit-transition: color 0.4s ease-out 0.16s, opacity 0.4s ease-out 0.16s;
    -moz-transition: color 0.4s ease-out 0.16s, opacity 0.4s ease-out 0.16s;
    -ms-transition: color 0.4s ease-out 0.16s, opacity 0.4s ease-out 0.16s;
    -o-transition: color 0.4s ease-out 0.16s, opacity 0.4s ease-out 0.16s;
    transition: color 0.4s ease-out 0.16s, opacity 0.4s ease-out 0.16s
}

.into-step .done .OnboardingWizard-title {
    color: #0a1c2e
}

.done .OnboardingWizard-title {
    color: #0cac42
}

.overflow {
    width: 100%;
    overflow: hidden
}

.controls {
    margin: 0;
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 10
}

    .controls label {
        display: none;
        width: 66px;
        height: 45px;
        background: #275ce0;
        position: absolute;
        top: 373px;
        -webkit-transition: width .2s ease-out;
        -moz-transition: width .2s ease-out;
        -ms-transition: width .2s ease-out;
        -o-transition: width .2s ease-out;
        transition: width .2s ease-out
    }

        .controls label:before {
            font-family: 'font_icons';
            font-size: 22px;
            font-variant: normal;
            font-weight: normal;
            line-height: 2;
            color: #fff
        }

.step1-checked .controls label:nth-child(2), .step2-checked .controls label:nth-child(3), .step3-checked .controls label:nth-child(4), .step4-checked .controls label:nth-child(5), .step5-checked .controls label:nth-child(6), .step6-checked .controls label:nth-child(7), .step7-checked .controls label:nth-child(1) {
    display: block;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    right: 0
}

    .step1-checked .controls label:nth-child(2):before, .step2-checked .controls label:nth-child(3):before, .step3-checked .controls label:nth-child(4):before, .step4-checked .controls label:nth-child(5):before, .step5-checked .controls label:nth-child(6):before, .step6-checked .controls label:nth-child(7):before, .step7-checked .controls label:nth-child(1):before {
        content: "\e000"
    }

.step2-checked .controls label:nth-child(1), .step3-checked .controls label:nth-child(2), .step4-checked .controls label:nth-child(3), .step5-checked .controls label:nth-child(4), .step6-checked .controls label:nth-child(5), .step7-checked .controls label:nth-child(6) {
    display: block;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    left: 0
}

    .step1-checked .controls label:nth-child(5):before, .step2-checked .controls label:nth-child(1):before, .step3-checked .controls label:nth-child(2):before, .step4-checked .controls label:nth-child(3):before, .step5-checked .controls label:nth-child(4):before, .step6-checked .controls label:nth-child(5):before, .step7-checked .controls label:nth-child(6):before {
        content: "\e00a"
    }

.controls label:after {
    content: "";
    position: absolute;
    padding: 0 150px 0 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 150px;
    margin: -380px 0 0 -80px;
    height: 565px;
    width: 150px
}

.step1-checked .controls label:nth-child(5):after, .step2-checked .controls label:nth-child(1):after, .step3-checked .controls label:nth-child(2):after, .step4-checked .controls label:nth-child(3):after, .step5-checked .controls label:nth-child(4):after, .step6-checked .controls label:nth-child(5):after, .step7-checked .controls label:nth-child(6):after {
    padding: 150px 0 0;
    margin: -380px 0 0 0
}

.controls label:hover {
    background: #1f4ab3;
    width: 70px;
    cursor: pointer
}

.controls label:active {
    background: #527de6
}

@-webkit-keyframes welcome-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes welcome-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes welcome-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes welcome-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-scale {
    0% {
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes welcome-scale {
    0% {
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes welcome-scale {
    0% {
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes welcome-scale {
    0% {
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes show-scale {
    0% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes show-scale {
    0% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes show-scale {
    0% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes show-scale {
    0% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hover-scale {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -ms-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        transform: scale(0.96)
    }
}

@-moz-keyframes hover-scale {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -ms-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        transform: scale(0.96)
    }
}

@-o-keyframes hover-scale {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -ms-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        transform: scale(0.96)
    }
}

@keyframes hover-scale {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -ms-transform: scale(0.96);
        -webkit-transform: scale(0.96);
        transform: scale(0.96)
    }
}

@-webkit-keyframes welcome-accordion {
    0% {
        padding: 0
    }

    50% {
        padding: 0 15px 0 0
    }

    100% {
        padding: 0
    }
}

@-moz-keyframes welcome-accordion {
    0% {
        padding: 0
    }

    50% {
        padding: 0 15px 0 0
    }

    100% {
        padding: 0
    }
}

@-o-keyframes welcome-accordion {
    0% {
        padding: 0
    }

    50% {
        padding: 0 15px 0 0
    }

    100% {
        padding: 0
    }
}

@keyframes welcome-accordion {
    0% {
        padding: 0
    }

    50% {
        padding: 0 15px 0 0
    }

    100% {
        padding: 0
    }
}

.into-step .done .OnboardingWizard-ribbon-done {
    display: block
}

.OnboardingWizard-ribbon-done {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 17px;
    width: 44px;
    height: 39px;
    background: #0cac42;
    display: none
}

.into-step .OnboardingWizard-container {
    -webkit-animation: welcome-opacity .2s ease-out 0s forwards;
    -moz-animation: welcome-opacity .2s ease-out 0s forwards;
    -o-animation: welcome-opacity .2s ease-out 0s forwards;
    animation: welcome-opacity .2s ease-out 0s forwards;
    opacity: 0
}

.ecwid-no-cssanimations .into-step .OnboardingWizard-container {
    opacity: 1
}

.OnboardingWizard-ribbon-done i {
    color: #fff;
    content: data-attr(icon);
    font-family: 'font_icons';
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: 14px;
    left: 14px;
    text-transform: none
}

.OnboardingWizard-ribbon-done:after {
    content: "";
    position: absolute;
    display: block;
    top: 39px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 11px solid #0cac42;
    height: 0;
    width: 0
}

.OnboardingWizardBubble .ecwid-BubblePopupMessage-arrow img {
    visibility: hidden
}

.OnboardingWizardBubble .ecwid-BubblePopupMessage-arrow-right {
    width: 0
}

    .OnboardingWizardBubble .ecwid-BubblePopupMessage-arrow-right:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 1px;
        margin: -12px 0 0 -10px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #f43c36
    }

.OnboardingWizardBubble .ecwid-BubblePopupMessage-arrow-top:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    margin: -9px 0 0 27px;
    width: 0;
    height: 0;
    border-top: 10px solid #f43c36;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.OnboardingWizardBubble .ecwid-BubblePopupMessage-arrow-bottom {
    position: relative
}

    .OnboardingWizardBubble .ecwid-BubblePopupMessage-arrow-bottom::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin: -9px 0 0 -5px;
        width: 0;
        height: 0;
        border-top: 0;
        border-bottom: 10px solid #f43c36;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent
    }

.OnboardingWizardBubble .ecwid-BubblePopupMessage-message .gwt-HTML {
    word-wrap: break-word
}

.OnboardingWizardBubble .ecwid-BubblePopupMessage-arrow-left:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin: -12px -10px 0 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f43c36
}

.OnboardingWizardBubble.OnboardingWizard-info .ecwid-BubblePopupMessage-arrow-top:before {
    border-top: 10px solid #275ce0;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.OnboardingWizardBubble table {
    border-collapse: collapse;
    table-layout: fixed
}

    .OnboardingWizardBubble table td, .OnboardingWizardBubble table th {
        padding: 0
    }

.OnboardingWizardBubble {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width: 767px) {
    .OnboardingWizardBubble .popupContent {
        max-width: 280px
    }
}

.OnboardingWizardBubble .ecwid-BubblePopupMessage-message-title {
    margin-bottom: 10px
}

.OnboardingWizardBubble .ecwid-BubblePopupMessage-message {
    color: #0a1c2e;
    border: 2px solid #f43c36;
    background: #fff;
    padding: 19px 19px 20px 19px;
    word-break: keep-all;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.OnboardingWizardBubble.OnboardingWizard-info .ecwid-BubblePopupMessage-message {
    border-color: #275ce0
}

.OnboardingWizardBubble .ecwid-BubblePopupMessage-panel a, .OnboardingWizardBubble .ecwid-BubblePopupMessage-panel a:link, .OnboardingWizardBubble .ecwid-BubblePopupMessage-panel a:active, .OnboardingWizardBubble .ecwid-BubblePopupMessage-panel a:hover, .OnboardingWizardBubble .ecwid-BubblePopupMessage-panel a:visited {
    color: #275ce0;
    text-decoration: underline
}

    .OnboardingWizardBubble .ecwid-BubblePopupMessage-panel a:hover {
        color: #1b409d
    }

    .OnboardingWizardBubble .ecwid-BubblePopupMessage-panel a:active {
        color: #688de9
    }

.OnboardingWizardBubble .ecwid-BubblePopupMessage-message-top, .OnboardingWizardBubble .ecwid-BubblePopupMessage-message-left, .OnboardingWizardBubble .ecwid-BubblePopupMessage-message-right {
    margin: 0
}

.OnboardingWizard-payments.OnboardingWizard-already .OnboardingWizard-box {
    margin-top: 74px
}

.OnboardingWizard-container .tab-content {
    position: relative;
    margin-top: -5px;
    width: 100%;
    border: 0
}

.OnboardingWizard-container .tab-pane {
    min-height: 270px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #bfc7ce;
    box-sizing: border-box
}

.OnboardingWizard-container .nav-tabs {
    border-bottom-width: 0
}

    .OnboardingWizard-container .nav-tabs > li > a {
        text-align: center;
        margin: 0;
        border-bottom: 0 !important
    }

    .OnboardingWizard-container .nav-tabs > li.active:before {
        content: "";
        position: absolute;
        z-index: 2;
        left: -1px;
        right: -1px;
        top: -5px;
        height: 6px;
        border: 1px solid #bfc7ce;
        border-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        box-sizing: border-box
    }

    .OnboardingWizard-container .nav-tabs > li.active:after {
        content: "";
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 5px solid #fff
    }

.nav-tabs.nav-justified > li > a {
    margin-right: 0
}

.OnboardingWizard-container .nav-tabs > li:not(.active) > a:hover {
    border-top-color: #bfc7ce;
    border-left-color: #bfc7ce;
    border-right-color: #bfc7ce
}

.OnboardingWizard-source-wrap {
    font-size: 13px;
    color: #607385
}

    .OnboardingWizard-source-wrap .nav-pills {
        margin: -2px 0 8px 0
    }

        .OnboardingWizard-source-wrap .nav-pills > li {
            padding: 6px 14px;
            background: none
        }

            .OnboardingWizard-source-wrap .nav-pills > li.active {
                background: #275ce0;
                border-radius: 3px
            }

            .OnboardingWizard-source-wrap .nav-pills > li > a {
                background: none;
                padding: 0;
                text-decoration: none;
                border-bottom: 1px dashed #275ce0;
                border-radius: 0
            }

            .OnboardingWizard-source-wrap .nav-pills > li.active a {
                border-bottom: none
            }

    .OnboardingWizard-source-wrap .tab-content {
        width: auto
    }

    .OnboardingWizard-source-wrap .tab-pane {
        margin-top: 13px;
        border: none;
        min-height: 101px
    }

    .OnboardingWizard-source-wrap .nav-pills > li.disabled {
        color: #607385;
        font-size: 13px;
        padding: 7px 5px 4px 0
    }

    .OnboardingWizard-source-wrap .nav-pills > li + li {
        margin-left: 0
    }

.OnboardingWizard-box .OnboardingWizard-fb-inner, .OnboardingWizard-box .fb-box {
    display: none
}

.OnboardingWizard-fblogin .OnboardingWizard-fb-login, .OnboardingWizard-fblogin .fb-box, .OnboardingWizard-fb-select .fb-select, .OnboardingWizard-fb-success .fb-link {
    display: block
}

.OnboardingWizard-fblogin button.fb-box {
    display: inline-block
}

.OnboardingWizard-fb-box .help-block-error {
    margin-top: 9px;
    color: #f43c36;
    font-size: 14px
}

.error {
    color: #f43c36;
    border-color: #f43c36
}

.OnboardingWizard div.ecwid-alert-error {
    border-radius: 6px;
    background: #feeceb;
    color: #f43c36;
    font-size: 14px;
    max-width: 600px;
    overflow: hidden;
    padding: 14px
}

.OnboardingWizard div.ecwid-alert-error-title {
    font-weight: bold;
    margin-bottom: 7px
}

.OnboardingWizard div.ecwid-animation-errorMessageSlideDownFadeIn-from {
    opacity: 0;
    max-height: 0;
    margin: 0
}

.OnboardingWizard div.ecwid-animation-errorMessageSlideDownFadeIn-to {
    opacity: 1;
    max-height: 150px;
    margin: 10px 0 0 0
}

.OnboardingWizard div.ecwid-animation-errorMessageSlideDownFadeIn-transition {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease
}

.OnboardingWizard-new-product .OnboardingWizard-currency-suffix {
    margin: 2px 37px 0 7px
}

.OnboardingWizard-flat-rate span.OnboardingWizard-currency-suffix {
    float: right
}

div.select-wrap select.ecwid-shipping-flat-rate-region {
    width: 220px
}

.OnboardingWizard .disabled {
    opacity: 0.2;
    cursor: default;
    pointer-events: none
}

.OnboardingWizard-category-appearance .disabled, .OnboardingWizard .OnboardingWizard-control .horizontal-icolink {
    opacity: 1
}

.wizard--responsive .OnboardingWizard-widgets-tabs .OnboardingWizard-category-code .tab-pane {
    border: none;
    overflow-x: inherit;
    margin-top: 15px;
    padding-top: 0
}

.OnboardingWizard-not-supported {
    min-height: 647px
}

    .OnboardingWizard-not-supported .OnboardingWizard-title {
        font-size: 22px;
        font-weight: 300;
        text-align: center;
        margin-top: 142px
    }

    .OnboardingWizard-not-supported .OnboardingWizard-browser {
        list-style: none;
        overflow: auto;
        margin: 65px auto 0;
        padding: 0;
        width: 700px
    }

        .OnboardingWizard-not-supported .OnboardingWizard-browser li {
            float: left;
            width: 25%;
            text-align: center
        }

            .OnboardingWizard-not-supported .OnboardingWizard-browser li a {
                font-size: 16px;
                color: #0a1c2e;
                text-decoration: none;
                line-height: 35px
            }

                .OnboardingWizard-not-supported .OnboardingWizard-browser li a:hover {
                    color: #275ce0;
                    text-decoration: underline
                }

                .OnboardingWizard-not-supported .OnboardingWizard-browser li a:active {
                    color: #688de9;
                    text-decoration: underline
                }

.wizard--unresponsive .OnboardingWizard-desc {
    width: auto;
    max-width: 603px;
    text-align: left
}

    .wizard--unresponsive .OnboardingWizard-desc p {
        text-align: left
    }

.wizard--unresponsive .OnboardingWizard-summary-step {
    padding: 12px 0 24px
}

    .wizard--unresponsive .OnboardingWizard-summary-step .OnboardingWizard-title {
        width: 80%;
        max-width: 560px;
        padding: 24px 0;
        margin: 0 auto 16px
    }

    .wizard--unresponsive .OnboardingWizard-summary-step .OnboardingWizard-action {
        text-align: left;
        margin: 0
    }

.wizard--unresponsive .OnboardingWizard-container {
    width: auto;
    max-width: 804px
}

.wizard--unresponsive .onboarding-wizard__progress {
    position: absolute;
    right: 32px;
    top: 24px;
    width: 64px;
    height: 64px
}

.wizard--unresponsive .onboarding-wizard__progress-value {
    font-weight: 600;
    color: #0cac42;
    position: absolute;
    width: 100%;
    top: 0;
    line-height: 64px;
    font-size: 16px
}

.wizard--unresponsive .onboarding-wizard__progress-circle {
    width: 100%;
    height: 100%;
    position: relative
}

    .wizard--unresponsive .onboarding-wizard__progress-circle .svg-icon {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
    }

    .wizard--unresponsive .onboarding-wizard__progress-circle .svg-icon--circle svg {
        width: 100%;
        height: 100%;
        display: block;
        stroke: #bfc7ce;
        stroke-width: 1
    }

    .wizard--unresponsive .onboarding-wizard__progress-circle .svg-icon--progress svg {
        width: 100%;
        height: 100%;
        display: block;
        stroke: #0cac42;
        stroke-width: 2;
        stroke-dasharray: 75;
        stroke-linecap: round
    }

.wizard--unresponsive .onboarding-wizard__progress-circle--0-1 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-1 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-2 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-2 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-2 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-3 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-3 .svg-icon--progress svg {
    stroke-dasharray: 25 50
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-3 .svg-icon--progress svg {
    stroke-dasharray: 50 25
}

.wizard--unresponsive .onboarding-wizard__progress-circle--3-3 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-4 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-4 .svg-icon--progress svg {
    stroke-dasharray: 18.75 56.25
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-4 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--unresponsive .onboarding-wizard__progress-circle--3-4 .svg-icon--progress svg {
    stroke-dasharray: 56.25 18.75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--4-4 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-5 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-5 .svg-icon--progress svg {
    stroke-dasharray: 15 60
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-5 .svg-icon--progress svg {
    stroke-dasharray: 30 45
}

.wizard--unresponsive .onboarding-wizard__progress-circle--3-5 .svg-icon--progress svg {
    stroke-dasharray: 45 30
}

.wizard--unresponsive .onboarding-wizard__progress-circle--4-5 .svg-icon--progress svg {
    stroke-dasharray: 60 15
}

.wizard--unresponsive .onboarding-wizard__progress-circle--5-5 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-6 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-6 .svg-icon--progress svg {
    stroke-dasharray: 12.5 62.5
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-6 .svg-icon--progress svg {
    stroke-dasharray: 25 50
}

.wizard--unresponsive .onboarding-wizard__progress-circle--3-6 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--unresponsive .onboarding-wizard__progress-circle--4-6 .svg-icon--progress svg {
    stroke-dasharray: 50 25
}

.wizard--unresponsive .onboarding-wizard__progress-circle--5-6 .svg-icon--progress svg {
    stroke-dasharray: 62.5 12.5
}

.wizard--unresponsive .onboarding-wizard__progress-circle--6-6 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-7 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-7 .svg-icon--progress svg {
    stroke-dasharray: 10.7142857143 64.2857142857
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-7 .svg-icon--progress svg {
    stroke-dasharray: 21.4285714286 53.5714285714
}

.wizard--unresponsive .onboarding-wizard__progress-circle--3-7 .svg-icon--progress svg {
    stroke-dasharray: 32.1428571429 42.8571428571
}

.wizard--unresponsive .onboarding-wizard__progress-circle--4-7 .svg-icon--progress svg {
    stroke-dasharray: 42.8571428571 32.1428571429
}

.wizard--unresponsive .onboarding-wizard__progress-circle--5-7 .svg-icon--progress svg {
    stroke-dasharray: 53.5714285714 21.4285714286
}

.wizard--unresponsive .onboarding-wizard__progress-circle--6-7 .svg-icon--progress svg {
    stroke-dasharray: 64.2857142857 10.7142857143
}

.wizard--unresponsive .onboarding-wizard__progress-circle--7-7 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-8 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-8 .svg-icon--progress svg {
    stroke-dasharray: 9.375 65.625
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-8 .svg-icon--progress svg {
    stroke-dasharray: 18.75 56.25
}

.wizard--unresponsive .onboarding-wizard__progress-circle--3-8 .svg-icon--progress svg {
    stroke-dasharray: 28.125 46.875
}

.wizard--unresponsive .onboarding-wizard__progress-circle--4-8 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--unresponsive .onboarding-wizard__progress-circle--5-8 .svg-icon--progress svg {
    stroke-dasharray: 46.875 28.125
}

.wizard--unresponsive .onboarding-wizard__progress-circle--6-8 .svg-icon--progress svg {
    stroke-dasharray: 56.25 18.75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--7-8 .svg-icon--progress svg {
    stroke-dasharray: 65.625 9.375
}

.wizard--unresponsive .onboarding-wizard__progress-circle--8-8 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__progress-circle--0-9 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--unresponsive .onboarding-wizard__progress-circle--1-9 .svg-icon--progress svg {
    stroke-dasharray: 8.3333333333 66.6666666667
}

.wizard--unresponsive .onboarding-wizard__progress-circle--2-9 .svg-icon--progress svg {
    stroke-dasharray: 16.6666666667 58.3333333333
}

.wizard--unresponsive .onboarding-wizard__progress-circle--3-9 .svg-icon--progress svg {
    stroke-dasharray: 25 50
}

.wizard--unresponsive .onboarding-wizard__progress-circle--4-9 .svg-icon--progress svg {
    stroke-dasharray: 33.3333333333 41.6666666667
}

.wizard--unresponsive .onboarding-wizard__progress-circle--5-9 .svg-icon--progress svg {
    stroke-dasharray: 41.6666666667 33.3333333333
}

.wizard--unresponsive .onboarding-wizard__progress-circle--6-9 .svg-icon--progress svg {
    stroke-dasharray: 50 25
}

.wizard--unresponsive .onboarding-wizard__progress-circle--7-9 .svg-icon--progress svg {
    stroke-dasharray: 58.3333333333 16.6666666667
}

.wizard--unresponsive .onboarding-wizard__progress-circle--8-9 .svg-icon--progress svg {
    stroke-dasharray: 66.6666666667 8.3333333333
}

.wizard--unresponsive .onboarding-wizard__progress-circle--9-9 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--unresponsive .onboarding-wizard__steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: left;
    margin: 0 -8px 40px
}

.wizard--unresponsive .onboarding-wizard__step-container {
    padding: 8px;
    box-sizing: border-box;
    width: 33.33333%
}

    .wizard--unresponsive .onboarding-wizard__step-container .card {
        height: 100%;
        margin-bottom: 0
    }

.wizard--unresponsive .card.card-action .card__inner {
    padding-left: 24px;
    padding-right: 24px
}

.wizard--unresponsive .card.card-wizard-step .card__infographics {
    width: 72px;
    display: table-cell;
    position: static;
    text-align: center;
    padding: 0 24px 0 0;
    box-sizing: border-box
}

    .wizard--unresponsive .card.card-wizard-step .card__infographics .card__note {
        color: #9eb6f1;
        display: block
    }

    .wizard--unresponsive .card.card-wizard-step .card__infographics .svg-icon {
        width: 48px;
        height: 48px;
        line-height: 56px;
        margin: 8px 0
    }

        .wizard--unresponsive .card.card-wizard-step .card__infographics .svg-icon svg {
            fill: #9eb6f1
        }

.wizard--unresponsive .card.card-wizard-step .card__note-inner--done {
    display: none
}

.wizard--unresponsive .card.card-wizard-step .card__content .card__title {
    padding: 0;
    margin-top: 8px;
    margin-bottom: 4px;
    min-height: 52px;
    font-size: 16px;
    line-height: 24px
}

.wizard--unresponsive .card.card-wizard-step--done .card__note {
    color: #0cac42
}

.wizard--unresponsive .card.card-wizard-step--done .card__note-inner {
    display: none
}

.wizard--unresponsive .card.card-wizard-step--done .card__note-inner--done {
    display: block
}

.wizard--unresponsive .card.card-wizard-step--done .card__infographics .svg-icon svg {
    fill: #92daaa
}

.wizard--unresponsive .card.card-wizard-step--done .card__infographics .card__note {
    color: #92daaa
}

.wizard--unresponsive .card__note {
    font-size: 12px;
    line-height: 18px;
    display: block
}

.wizard--unresponsive .onboardin-wizard__img {
    display: block;
    position: absolute;
    bottom: 20px;
    height: 150px;
    right: 32px;
    width: 42%
}

    .wizard--unresponsive .onboardin-wizard__img .svg-icon {
        display: inline-block;
        width: 100%;
        height: 100%
    }

        .wizard--unresponsive .onboardin-wizard__img .svg-icon svg {
            height: 100%;
            width: 100%;
            display: inline-block;
            vertical-align: bottom
        }

.wizard--unresponsive .onboarding-wizard__share {
    margin-bottom: 24px;
    width: 65%
}

.wizard--unresponsive .onboarding-wizard__share-title {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 18px
}

.wizard--unresponsive .onboarding-wizard__share-text {
    font-size: 14px;
    margin-bottom: 8px
}

.wizard--unresponsive .onboarding-wizard__share-link {
    padding-right: 4.3em
}

    .wizard--unresponsive .onboarding-wizard__share-link .svg-icon--facebook {
        right: 1.7em
    }

    .wizard--unresponsive .onboarding-wizard__share-link .svg-icon {
        width: 1.5em;
        height: 1.5em;
        top: -.3em
    }

.wizard--unresponsive a.onboarding-wizard__close-link {
    display: inline-block;
    color: #607385
}

.wizard--unresponsive .OnboardingWizard-back {
    top: 22px;
    left: 20px;
    width: auto;
    height: auto
}

.wizard--unresponsive .OnboardingWizard-back--to-summary, .wizard--unresponsive .OnboardingWizard-back--conv-215 {
    display: block
}

.wizard--unresponsive .OnboardingWizard-back__text {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
    margin-left: 4px
}

.wizard--unresponsive .OnboardingWizard-tagline {
    margin: 24px auto 0;
    width: 60%;
    font-size: 14px
}

.OnboardingWizard-back__text {
    display: none
}

.OnboardingWizard-back--to-summary, .OnboardingWizard-back--conv-215 {
    display: none
}

.wizard--responsive.wizard-container {
    overflow: initial
}

    .wizard--responsive.wizard-container .old-wizard-container__inner {
        min-width: 0
    }

@media screen and (max-width: 767px) {
    .wizard--responsive.wizard-container .old-wizard-container__inner {
        padding: 20px 0
    }
}

.wizard--responsive.wizard-container .OnboardingWizard {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1),0 0 0 rgba(0,0,0,0.08) inset;
    width: auto;
    max-width: none
}

    .wizard--responsive.wizard-container .OnboardingWizard > *:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .wizard--responsive.wizard-container .OnboardingWizard > *:last-child {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

@media screen and (max-width: 767px) {
    .wizard--responsive.wizard-container .OnboardingWizard {
        border: 0;
        border-radius: 0;
        box-shadow: none
    }
}

.wizard--responsive.wizard-container .OnboardingWizard-close-simple .OnboardingWizard-title {
    display: block
}

.wizard--responsive .widget-body {
    border-top: none;
    border-radius: 0;
    padding: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

@media screen and (max-width: 767px) {
    .wizard--responsive .widget-body {
        box-shadow: none
    }
}

.wizard--responsive .OnboardingWizard-container {
    padding: 16px;
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .wizard--responsive .OnboardingWizard-container {
        padding: 24px 32px 24px 32px
    }
}

@media screen and (min-width: 768px) {
    .wizard--responsive .OnboardingWizard-container {
        padding-top: 0;
        padding-bottom: 0
    }
}

.wizard--responsive .OnboardingWizard-action {
    width: 100%;
    max-width: none
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-action .ecwid-u-1-2 {
        width: 100%
    }

        .wizard--responsive .OnboardingWizard-action .ecwid-u-1-2:first-child {
            margin-bottom: 16px
        }
}

.wizard--responsive .OnboardingWizard-action.pull-bottom {
    left: 0
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-title {
        font-size: 16px;
        line-height: 24px;
        margin: 16px auto
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-desc {
        width: auto;
        max-width: 603px;
        font-size: 14px;
        text-align: left
    }

        .wizard--responsive .OnboardingWizard-desc p {
            font-size: 14px;
            text-align: left
        }
}

.wizard--responsive .OnboardingWizard-summary-step {
    padding: 16px 0
}

@media screen and (min-width: 768px) {
    .wizard--responsive .OnboardingWizard-summary-step {
        padding: 32px 0 24px
    }
}

.wizard--responsive .OnboardingWizard-summary-step .OnboardingWizard-title {
    width: 80%;
    max-width: 560px;
    margin: 0 auto 24px
}

@media screen and (min-width: 768px) {
    .wizard--responsive .OnboardingWizard-summary-step .OnboardingWizard-title {
        padding: 24px 0;
        margin: 0 auto 16px
    }
}

.wizard--responsive .OnboardingWizard-summary-step .OnboardingWizard-action {
    text-align: left;
    margin: 0
}

.wizard--responsive .onboarding-wizard__progress {
    position: absolute;
    width: 56px;
    height: 56px
}

@media screen and (max-width: 767px) {
    .wizard--responsive .onboarding-wizard__progress {
        position: relative;
        margin: 0 auto 8px
    }
}

@media screen and (min-width: 768px) {
    .wizard--responsive .onboarding-wizard__progress {
        right: 32px;
        top: 24px;
        width: 64px;
        height: 64px
    }
}

.wizard--responsive .onboarding-wizard__progress-value {
    font-size: 14px;
    font-weight: 600;
    color: #0cac42;
    position: absolute;
    width: 100%;
    top: 0;
    line-height: 56px
}

@media screen and (min-width: 768px) {
    .wizard--responsive .onboarding-wizard__progress-value {
        line-height: 64px;
        font-size: 16px
    }
}

.wizard--responsive .onboarding-wizard__progress-circle {
    width: 100%;
    height: 100%;
    position: relative
}

    .wizard--responsive .onboarding-wizard__progress-circle .svg-icon {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
    }

    .wizard--responsive .onboarding-wizard__progress-circle .svg-icon--circle svg {
        width: 100%;
        height: 100%;
        display: block;
        stroke: #bfc7ce;
        stroke-width: 1
    }

    .wizard--responsive .onboarding-wizard__progress-circle .svg-icon--progress svg {
        width: 100%;
        height: 100%;
        display: block;
        stroke: #0cac42;
        stroke-width: 2;
        stroke-dasharray: 75;
        stroke-linecap: round
    }

.wizard--responsive .onboarding-wizard__progress-circle--0-1 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-1 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-2 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-2 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--responsive .onboarding-wizard__progress-circle--2-2 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-3 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-3 .svg-icon--progress svg {
    stroke-dasharray: 25 50
}

.wizard--responsive .onboarding-wizard__progress-circle--2-3 .svg-icon--progress svg {
    stroke-dasharray: 50 25
}

.wizard--responsive .onboarding-wizard__progress-circle--3-3 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-4 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-4 .svg-icon--progress svg {
    stroke-dasharray: 18.75 56.25
}

.wizard--responsive .onboarding-wizard__progress-circle--2-4 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--responsive .onboarding-wizard__progress-circle--3-4 .svg-icon--progress svg {
    stroke-dasharray: 56.25 18.75
}

.wizard--responsive .onboarding-wizard__progress-circle--4-4 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-5 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-5 .svg-icon--progress svg {
    stroke-dasharray: 15 60
}

.wizard--responsive .onboarding-wizard__progress-circle--2-5 .svg-icon--progress svg {
    stroke-dasharray: 30 45
}

.wizard--responsive .onboarding-wizard__progress-circle--3-5 .svg-icon--progress svg {
    stroke-dasharray: 45 30
}

.wizard--responsive .onboarding-wizard__progress-circle--4-5 .svg-icon--progress svg {
    stroke-dasharray: 60 15
}

.wizard--responsive .onboarding-wizard__progress-circle--5-5 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-6 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-6 .svg-icon--progress svg {
    stroke-dasharray: 12.5 62.5
}

.wizard--responsive .onboarding-wizard__progress-circle--2-6 .svg-icon--progress svg {
    stroke-dasharray: 25 50
}

.wizard--responsive .onboarding-wizard__progress-circle--3-6 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--responsive .onboarding-wizard__progress-circle--4-6 .svg-icon--progress svg {
    stroke-dasharray: 50 25
}

.wizard--responsive .onboarding-wizard__progress-circle--5-6 .svg-icon--progress svg {
    stroke-dasharray: 62.5 12.5
}

.wizard--responsive .onboarding-wizard__progress-circle--6-6 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-7 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-7 .svg-icon--progress svg {
    stroke-dasharray: 10.7142857143 64.2857142857
}

.wizard--responsive .onboarding-wizard__progress-circle--2-7 .svg-icon--progress svg {
    stroke-dasharray: 21.4285714286 53.5714285714
}

.wizard--responsive .onboarding-wizard__progress-circle--3-7 .svg-icon--progress svg {
    stroke-dasharray: 32.1428571429 42.8571428571
}

.wizard--responsive .onboarding-wizard__progress-circle--4-7 .svg-icon--progress svg {
    stroke-dasharray: 42.8571428571 32.1428571429
}

.wizard--responsive .onboarding-wizard__progress-circle--5-7 .svg-icon--progress svg {
    stroke-dasharray: 53.5714285714 21.4285714286
}

.wizard--responsive .onboarding-wizard__progress-circle--6-7 .svg-icon--progress svg {
    stroke-dasharray: 64.2857142857 10.7142857143
}

.wizard--responsive .onboarding-wizard__progress-circle--7-7 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-8 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-8 .svg-icon--progress svg {
    stroke-dasharray: 9.375 65.625
}

.wizard--responsive .onboarding-wizard__progress-circle--2-8 .svg-icon--progress svg {
    stroke-dasharray: 18.75 56.25
}

.wizard--responsive .onboarding-wizard__progress-circle--3-8 .svg-icon--progress svg {
    stroke-dasharray: 28.125 46.875
}

.wizard--responsive .onboarding-wizard__progress-circle--4-8 .svg-icon--progress svg {
    stroke-dasharray: 37.5 37.5
}

.wizard--responsive .onboarding-wizard__progress-circle--5-8 .svg-icon--progress svg {
    stroke-dasharray: 46.875 28.125
}

.wizard--responsive .onboarding-wizard__progress-circle--6-8 .svg-icon--progress svg {
    stroke-dasharray: 56.25 18.75
}

.wizard--responsive .onboarding-wizard__progress-circle--7-8 .svg-icon--progress svg {
    stroke-dasharray: 65.625 9.375
}

.wizard--responsive .onboarding-wizard__progress-circle--8-8 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__progress-circle--0-9 .svg-icon--progress svg {
    stroke-dasharray: 0 75
}

.wizard--responsive .onboarding-wizard__progress-circle--1-9 .svg-icon--progress svg {
    stroke-dasharray: 8.3333333333 66.6666666667
}

.wizard--responsive .onboarding-wizard__progress-circle--2-9 .svg-icon--progress svg {
    stroke-dasharray: 16.6666666667 58.3333333333
}

.wizard--responsive .onboarding-wizard__progress-circle--3-9 .svg-icon--progress svg {
    stroke-dasharray: 25 50
}

.wizard--responsive .onboarding-wizard__progress-circle--4-9 .svg-icon--progress svg {
    stroke-dasharray: 33.3333333333 41.6666666667
}

.wizard--responsive .onboarding-wizard__progress-circle--5-9 .svg-icon--progress svg {
    stroke-dasharray: 41.6666666667 33.3333333333
}

.wizard--responsive .onboarding-wizard__progress-circle--6-9 .svg-icon--progress svg {
    stroke-dasharray: 50 25
}

.wizard--responsive .onboarding-wizard__progress-circle--7-9 .svg-icon--progress svg {
    stroke-dasharray: 58.3333333333 16.6666666667
}

.wizard--responsive .onboarding-wizard__progress-circle--8-9 .svg-icon--progress svg {
    stroke-dasharray: 66.6666666667 8.3333333333
}

.wizard--responsive .onboarding-wizard__progress-circle--9-9 .svg-icon--progress svg {
    stroke-dasharray: 75 0
}

.wizard--responsive .onboarding-wizard__steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: left;
    margin: -8px -4px 16px
}

@media screen and (min-width: 768px) {
    .wizard--responsive .onboarding-wizard__steps {
        margin-bottom: 40px
    }
}

.wizard--responsive .onboarding-wizard__step-container {
    width: 100%;
    padding: 4px;
    box-sizing: border-box
}

@media screen and (min-width: 568px) {
    .wizard--responsive .onboarding-wizard__step-container {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .wizard--responsive .onboarding-wizard__step-container {
        width: 33.33333%
    }
}

.wizard--responsive .onboarding-wizard__step-container .card {
    height: 100%;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .wizard--responsive .card.card-action .card__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.wizard--responsive .card.card-wizard-step .card__infographics {
    padding: 0;
    width: 44px;
    vertical-align: top;
    display: table-cell
}

@media screen and (min-width: 768px) {
    .wizard--responsive .card.card-wizard-step .card__infographics {
        width: 60px;
        padding-right: 8px
    }
}

.wizard--responsive .card.card-wizard-step .card__infographics .card__note {
    display: none;
    color: #9eb6f1
}

@media screen and (min-width: 768px) {
    .wizard--responsive .card.card-wizard-step .card__infographics .card__note {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .wizard--responsive .card.card-wizard-step .card__infographics .svg-icon {
        width: 44px;
        height: 48px
    }
}

.wizard--responsive .card.card-wizard-step .card__infographics .svg-icon svg {
    fill: #9eb6f1
}

.wizard--responsive .card.card-wizard-step .card__note-inner--done {
    display: none
}

.wizard--responsive .card.card-wizard-step .card__content .card__title {
    padding: 0
}

@media screen and (min-width: 768px) {
    .wizard--responsive .card.card-wizard-step .card__content .card__title {
        margin-top: 8px;
        margin-bottom: 4px;
        min-height: 52px
    }
}

.wizard--responsive .card.card-wizard-step--done .card__note {
    color: #0cac42
}

.wizard--responsive .card.card-wizard-step--done .card__note-inner {
    display: none
}

.wizard--responsive .card.card-wizard-step--done .card__note-inner--done {
    display: block
}

.wizard--responsive .card.card-wizard-step--done .card__infographics .svg-icon svg {
    fill: #92daaa
}

.wizard--responsive .card.card-wizard-step--done .card__infographics .card__note {
    color: #92daaa
}

.wizard--responsive .card__note {
    font-size: 12px;
    line-height: 18px;
    display: block
}

.wizard--responsive .onboardin-wizard__img {
    display: none
}

@media screen and (min-width: 568px) {
    .wizard--responsive .onboardin-wizard__img {
        display: block;
        position: absolute;
        bottom: 20px;
        height: 150px;
        right: 32px;
        width: 42%
    }

        .wizard--responsive .onboardin-wizard__img .svg-icon {
            display: inline-block;
            width: 100%;
            height: 100%
        }

            .wizard--responsive .onboardin-wizard__img .svg-icon svg {
                height: 100%;
                width: 100%;
                display: inline-block;
                vertical-align: bottom
            }
}

.wizard--responsive .onboarding-wizard__share {
    margin-bottom: 24px
}

@media screen and (min-width: 568px) {
    .wizard--responsive .onboarding-wizard__share {
        width: 65%
    }
}

.wizard--responsive .onboarding-wizard__share-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.wizard--responsive .onboarding-wizard__share-text {
    font-size: 14px;
    margin-bottom: 8px
}

.wizard--responsive .onboarding-wizard__share-link {
    padding-right: 4.3em
}

    .wizard--responsive .onboarding-wizard__share-link .svg-icon--facebook {
        right: 1.7em
    }

    .wizard--responsive .onboarding-wizard__share-link .svg-icon {
        width: 1.5em;
        height: 1.5em;
        top: -.3em
    }

.wizard--responsive a.onboarding-wizard__close-link {
    display: inline-block;
    color: #607385
}

.wizard--responsive .OnboardingWizard-back {
    top: 22px;
    left: 20px;
    width: auto;
    height: auto
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-back {
        position: relative;
        left: 0;
        top: 0;
        margin: 16px auto 0;
        text-align: center
    }
}

.wizard--responsive .OnboardingWizard-back--to-summary, .wizard--responsive .OnboardingWizard-back--conv-215 {
    display: block
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-back--to-summary, .wizard--responsive .OnboardingWizard-back--conv-215 {
        position: relative;
        left: 0;
        top: 0;
        margin: 16px auto 0
    }
}

.wizard--responsive .OnboardingWizard-back__text {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    line-height: 24px;
    margin-left: 4px
}

.wizard--responsive .OnboardingWizard-tagline {
    margin: 24px auto 0;
    width: 60%;
    font-size: 14px
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-tagline {
        margin: 16px auto 0;
        width: 100%;
        font-size: 14px;
        box-sizing: border-box
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-message {
        margin: 16px auto 0;
        width: 100%;
        font-size: 14px;
        box-sizing: border-box
    }
}

.wizard--responsive .new-wizard-nav .OnboardingWizard-ribbon-done {
    display: none
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-ribbon-done {
        right: 4px;
        width: 22px;
        height: 20px
    }

        .wizard--responsive .OnboardingWizard-ribbon-done::after {
            top: 20px;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-top-width: 10px
        }

        .wizard--responsive .OnboardingWizard-ribbon-done i {
            top: 6px;
            left: 6px;
            font-size: 12px
        }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-control {
        width: auto;
        padding: 0 16px;
        max-width: 550px;
        box-sizing: border-box
    }

        .wizard--responsive .OnboardingWizard-control .ecwid-u-1-2:first-child {
            text-align: left
        }

        .wizard--responsive .OnboardingWizard-control .ecwid-u-1-2:last-child {
            text-align: right
        }

        .wizard--responsive .OnboardingWizard-control .horizontal-icolink {
            padding-left: 30px
        }

            .wizard--responsive .OnboardingWizard-control .horizontal-icolink [class*="icon-"] {
                font-size: 10px;
                margin-top: -1px
            }
}

.wizard--responsive .OnboardingWizard-remove {
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard .select-wrap {
        width: 100%
    }
}

.wizard--responsive .OnboardingWizard-box {
    width: auto;
    max-width: 603px;
    margin: 0 auto;
    padding: 16px
}

.wizard--responsive .btn {
    white-space: normal;
    height: auto
}

@media screen and (max-width: 767px) {
    .wizard--responsive .pull-bottom {
        position: relative
    }
}

.wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-title {
    margin-top: 65px
}

.wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-off {
    display: none
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-title {
        margin-top: 16px;
        line-height: 26px
    }

    .wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-desc {
        font-size: 14px;
        text-align: center
    }

    .wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-store-coming, .wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-store-opened {
        max-width: 420px;
        width: auto;
        background-size: contain;
        background-position: center
    }

    .wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-action.btn-group .btn {
        min-width: 0;
        max-width: 32px;
        box-sizing: border-box;
        padding: 9px 32px;
        white-space: nowrap
    }

        .wizard--responsive .OnboardingWizard .OnboardingWizard-share .OnboardingWizard-action.btn-group .btn [class*="icon-"] {
            padding-right: 48px
        }
}

.wizard--responsive .OnboardingWizard-platforms {
    width: auto;
    max-width: 800px
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-platforms {
        width: auto
    }

        .wizard--responsive .OnboardingWizard-platforms li {
            width: 100%;
            padding: 0;
            float: none
        }

        .wizard--responsive .OnboardingWizard-platforms .icon-platform {
            display: none
        }

        .wizard--responsive .OnboardingWizard-platforms .btn {
            min-width: 200px
        }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard .rounded-list li:before {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        width: 24px;
        height: 24px;
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard .OnboardingWizard-set-wordpress, .wizard--responsive .OnboardingWizard .OnboardingWizard-set-joomla, .wizard--responsive .OnboardingWizard-fb-box {
        margin: 0 auto;
        padding: 0;
        width: auto;
        font-size: 14px
    }

        .wizard--responsive .OnboardingWizard .OnboardingWizard-set-wordpress::before, .wizard--responsive .OnboardingWizard .OnboardingWizard-set-joomla::before, .wizard--responsive .OnboardingWizard-fb-box::before {
            display: none
        }
}

.wizard--responsive .OnboardingWizard-fb-box:before {
    top: 20px;
    left: 50%;
    margin-left: -101px
}

.wizard--responsive .OnboardingWizard .OnboardingWizard-set-wordpress, .wizard--responsive .OnboardingWizard .OnboardingWizard-set-joomla {
    width: auto;
    max-width: 420px;
    margin: 0 auto
}

    .wizard--responsive .OnboardingWizard .OnboardingWizard-set-wordpress .no-bullet, .wizard--responsive .OnboardingWizard .OnboardingWizard-set-joomla .no-bullet {
        width: auto;
        max-width: 480px
    }

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-fb-inner {
        width: auto;
        padding: 0
    }

        .wizard--responsive .OnboardingWizard-fb-inner p {
            text-align: left
        }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-store-url .control-label, .wizard--responsive .OnboardingWizard-store-url .form-group, .wizard--responsive .OnboardingWizard-subdomain, .wizard--responsive .OnboardingWizard-desc-subdomain {
        width: auto;
        max-width: 603px
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-box-link {
        font-size: 14px;
        font-weight: 400
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-new-product {
        width: auto;
        max-width: 550px;
        box-sizing: border-box;
        padding: 0 16px
    }

        .wizard--responsive .OnboardingWizard-new-product .form-inline {
            padding-top: 32px
        }

            .wizard--responsive .OnboardingWizard-new-product .form-inline .form-group {
                margin-bottom: 16px
            }

        .wizard--responsive .OnboardingWizard-new-product .OnboardingWizard-product-image {
            margin: 0 0 8px 0
        }

            .wizard--responsive .OnboardingWizard-new-product .OnboardingWizard-product-image:not(.uploaded) {
                width: 100%;
                box-sizing: border-box;
                height: 40px
            }

                .wizard--responsive .OnboardingWizard-new-product .OnboardingWizard-product-image:not(.uploaded) div form table {
                    width: 200px !important;
                    margin: 0 auto
                }

                .wizard--responsive .OnboardingWizard-new-product .OnboardingWizard-product-image:not(.uploaded) .OnboardingWizard-product-image-button {
                    width: 100%;
                    height: 40px;
                    padding: 0;
                    position: relative
                }

                    .wizard--responsive .OnboardingWizard-new-product .OnboardingWizard-product-image:not(.uploaded) .OnboardingWizard-product-image-button::after {
                        left: 0;
                        top: 0;
                        margin: 0
                    }

        .wizard--responsive .OnboardingWizard-new-product .OnboardingWizard-product-name {
            width: 100%
        }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-already .OnboardingWizard-desc {
        font-size: 14px;
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-settings {
        width: auto;
        max-width: 550px;
        margin: 16px auto 0
    }

        .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-settings, .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-country, .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-currency, .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-weight {
            width: auto;
            float: none;
            margin: 0 0 16px 0
        }

            .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-settings .OnboardingWizard-field-preset, .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-country .OnboardingWizard-field-preset, .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-currency .OnboardingWizard-field-preset, .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-weight .OnboardingWizard-field-preset {
                display: block;
                width: auto;
                height: auto;
                font-size: 16px;
                line-height: 24px
            }

            .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-currency .selectpicker, .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-field-weight .form-control {
                width: 100%
            }

        .wizard--responsive .OnboardingWizard-settings label {
            position: relative;
            top: 0
        }

        .wizard--responsive .OnboardingWizard-settings .OnboardingWizard-display-value {
            font-size: 16px;
            line-height: 24px
        }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-company-info {
        width: auto;
        max-width: 550px;
        padding: 0 16px
    }

        .wizard--responsive .OnboardingWizard-company-info .form-group {
            width: 100%;
            margin: 0 0 8px 0
        }

        .wizard--responsive .OnboardingWizard-company-info .company-name, .wizard--responsive .OnboardingWizard-company-info .form-group-state .form-control {
            width: 100%
        }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-ship {
        width: auto;
        max-width: 550px;
        padding: 0 16px;
        margin: 0 auto
    }

        .wizard--responsive .OnboardingWizard-ship .ecwid-u-1-2 {
            width: 100%
        }

        .wizard--responsive .OnboardingWizard-ship p {
            font-size: 14px;
            margin-bottom: 8px
        }

        .wizard--responsive .OnboardingWizard-ship .OnboardingWizard-tangible, .wizard--responsive .OnboardingWizard-ship .OnboardingWizard-not-tangible {
            position: relative;
            padding-top: 48px;
            margin-bottom: 32px
        }

            .wizard--responsive .OnboardingWizard-ship .OnboardingWizard-tangible .icon, .wizard--responsive .OnboardingWizard-ship .OnboardingWizard-not-tangible .icon {
                position: absolute;
                left: 50%;
                top: 0;
                margin: 0 0 0 -20px
            }

                .wizard--responsive .OnboardingWizard-ship .OnboardingWizard-tangible .icon i, .wizard--responsive .OnboardingWizard-ship .OnboardingWizard-not-tangible .icon i {
                    font-size: 40px
                }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-shipping-rates li {
        width: 100%;
        padding: 0;
        margin-bottom: 32px
    }

    .wizard--responsive .OnboardingWizard-shipping-rates .OnboardingWizard-shipping-title:after {
        width: 64px;
        height: 64px;
        margin: 0 0 0 -32px;
        font-size: 42px;
        background-size: 48px auto
    }

    .wizard--responsive .OnboardingWizard-shipping-rates .OnboardingWizard-shipping-block {
        padding-bottom: 88px
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-flat-rate {
        width: auto;
        max-width: 550px;
        padding-top: 24px
    }

        .wizard--responsive .OnboardingWizard-flat-rate .form-inline .ecwid-u-1-2 {
            width: 100% !important
        }

        .wizard--responsive .OnboardingWizard-flat-rate .form-inline .OnboardingWizard-currency {
            display: block;
            float: left;
            margin-left: 0;
            font-size: 16px;
            line-height: 24px
        }

        .wizard--responsive .OnboardingWizard-flat-rate .form-inline .OnboardingWizard-currency-suffix {
            margin-left: 8px
        }

        .wizard--responsive .OnboardingWizard-flat-rate .form-inline .form-group {
            min-width: 200px;
            max-width: 90% !important
        }

        .wizard--responsive .OnboardingWizard-flat-rate .form-inline .form-control {
            width: 75%;
            float: left
        }

        .wizard--responsive .OnboardingWizard-flat-rate .select-wrap {
            margin-bottom: 8px
        }

            .wizard--responsive .OnboardingWizard-flat-rate .select-wrap .form-control {
                width: 100%
            }
}

.wizard--responsive .OnboardingWizard-payments-list {
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-payments-list .plate::after {
        width: 34px;
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        margin-left: -17px;
        font-size: 20px
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payment-top {
        width: auto;
        max-width: 603px;
        padding: 48px 0 0 0;
        margin: 0;
        background-size: auto 40px;
        background-position: left top
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-yandexkassa .OnboardingWizard-payment-top {
        background-size: auto;
        background-position: left -36px
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-advanced .OnboardingWizard-payment-top {
        padding-top: 0
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payment-title, .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payment-desc {
        padding: 0
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payment-desc {
        font-size: 12px
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payment-method-configured .payment-method::after, .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-square-configured .payment-method::after, .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-paypal-configured .payment-method::after {
        top: 11px;
        right: 0;
        font-size: 22px
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-stripe-configured.opened .OnboardingWizard-payment-top:after, .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-payumoney-configured.opened .OnboardingWizard-payment-top:after, .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-square-configured.opened .OnboardingWizard-payment-top:after, .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-pagseguro-configured.opened .OnboardingWizard-payment-top:after, .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-yandexkassa-configured.opened .OnboardingWizard-payment-top:after {
        top: 11px;
        right: 0;
        font-size: 22px
    }

    .wizard--responsive .OnboardingWizard-payments-list .OnboardingWizard-payments-ecwid-configured.opened .ecwid-payment::after {
        top: 11px;
        right: 0;
        font-size: 22px
    }

    .wizard--responsive .OnboardingWizard-payments-list .btn {
        min-width: 0
    }
}

@media screen and (max-width: 767px) {
    .wizard--responsive .OnboardingWizard-widgets-tabs .nav-tabs.nav-justified {
        display: block;
        width: 100%
    }

        .wizard--responsive .OnboardingWizard-widgets-tabs .nav-tabs.nav-justified > li {
            display: block;
            width: 100%;
            border: 1px solid #bfc7ce;
            background: #eceef0;
            box-sizing: border-box;
            border-radius: 0
        }

            .wizard--responsive .OnboardingWizard-widgets-tabs .nav-tabs.nav-justified > li.active::before {
                display: none
            }

    .wizard--responsive .OnboardingWizard-widgets-tabs .tab-content {
        overflow: hidden;
        margin: 0
    }

    .wizard--responsive .OnboardingWizard-widgets-tabs .container {
        width: auto;
        max-width: 800px;
        margin: 0
    }

    .wizard--responsive .OnboardingWizard-widgets-tabs .OnboardingWizard-embed-guide, .wizard--responsive .OnboardingWizard-widgets-tabs .OnboardingWizard-source-wrap {
        width: 100%;
        box-sizing: border-box;
        margin: 24px 0;
        padding: 0 16px
    }

    .wizard--responsive .OnboardingWizard-widgets-tabs .OnboardingWizard-source-wrap {
        text-align: center;
        margin-top: 0
    }

        .wizard--responsive .OnboardingWizard-widgets-tabs .OnboardingWizard-source-wrap .tab-pane.active {
            border: 0;
            text-align: center
        }
}

@media screen and (max-width: 1023px),screen and (min-width: 1280px) and (max-width: 1680px) {
    .wizard--responsive .OnboardingWizard-widgets-tabs .OnboardingWizard-widgets-map {
        position: relative;
        left: 50%;
        margin: 0 0 0 -83px;
        top: 16px
    }

    .wizard--responsive .OnboardingWizard-widgets-tabs .tab-pane {
        overflow-x: scroll;
        margin-top: -140px;
        padding-top: 140px;
        border-radius: 0;
        border: 1px solid #bfc7ce
    }
}

.gt-accordion__item {
    display: grid;
    grid-template: 1fr min-content min-content 1fr / 1fr 34px;
    grid-template-areas: "spacer-top arrow" "title arrow" "note arrow" "spacer-bottom arrow";
    padding: 20px 16px;
    transition: background-color .1s linear;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

    .gt-accordion__item:hover {
        background-color: #e7f0f8
    }

        .gt-accordion__item:hover .gt-accordion__arrow {
            color: #1b409d
        }

@media screen and (min-width: 768px) {
    .gt-accordion__item {
        padding: 20px 32px
    }
}

.gt-accordion__item--active {
    grid-template: auto / 1fr;
    grid-template-areas: "promo" "title" "description" "note" "button";
    transition: none;
    cursor: unset
}

@media screen and (min-width: 568px) {
    .gt-accordion__item--active {
        grid-template: repeat(4, min-content) 1fr / 1fr 24px 1fr;
        grid-template-areas: "title spacer promo" "description spacer promo" "note spacer promo" "button spacer promo" "spacer-bottom spacer promo"
    }
}

.gt-accordion__item--active:hover {
    background-color: transparent
}

.gt-accordion__item--active .gt-accordion__counter {
    border-color: transparent;
    background-color: #ffd845;
    color: #0a1c2e
}

    .gt-accordion__item--active .gt-accordion__counter::before {
        content: ""
    }

    .gt-accordion__item--active .gt-accordion__counter svg {
        display: block;
        width: 32px;
        height: 32px
    }

.gt-accordion__item--active .gt-accordion__item-title {
    margin-bottom: 8px
}

@media screen and (min-width: 568px) {
    .gt-accordion__item--active .gt-accordion__item-title {
        font-size: 20px;
        line-height: 28px;
        font-weight: var(--headers-font-weight, 700)
    }
}

.gt-accordion__item--active .gt-accordion__item-description, .gt-accordion__item--active .gt-accordion__item-button, .gt-accordion__item--active .gt-accordion__item-promo {
    display: block
}

.gt-accordion__item--active .gt-accordion__arrow {
    display: none
}

@media screen and (min-width: 568px) {
    .gt-accordion__item--active.gt-accordion__item--play {
        grid-template: auto / 1fr;
        grid-template-areas: "promo" "title" "description" "note" "button"
    }

        .gt-accordion__item--active.gt-accordion__item--play .gt-accordion__item-promo {
            margin: 0 0 16px
        }
}

.gt-accordion__item--active.gt-accordion__item--play .gt-accordion__item-video {
    display: block
}

.gt-accordion__item--active.gt-accordion__item--show > * {
    animation: showFromTop .2s ease 0s
}

.gt-accordion__item + .gt-accordion__item {
    border-top: 1px solid rgba(96,115,133,0.35)
}

.gt-accordion__counter {
    display: none
}

    .gt-accordion__counter::before {
        content: attr(data-index)
    }

    .gt-accordion__counter svg {
        display: none
    }

.gt-accordion__item-title {
    grid-area: title;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.gt-accordion__item-description {
    display: none;
    grid-area: description;
    font-size: 14px;
    line-height: 22px
}

.gt-accordion__item-note {
    grid-area: note;
    font-size: 12px;
    line-height: 18px
}

.gt-accordion__item-button {
    display: none;
    grid-area: button;
    margin-bottom: 20px
}

    .gt-accordion__item-button .btn {
        width: 100%
    }

@media screen and (min-width: 568px) {
    .gt-accordion__item-button .btn {
        max-width: 240px
    }
}

.gt-accordion__item-promo {
    display: none;
    position: relative;
    grid-area: promo;
    align-self: start;
    margin: 0 0 16px;
    text-align: center
}

@media screen and (min-width: 568px) {
    .gt-accordion__item-promo {
        margin: 0
    }
}

.gt-accordion__item-promo img {
    max-width: 100%;
    height: auto
}

.gt-accordion__item-promo p {
    display: none
}

.gt-accordion__item-play {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

    .gt-accordion__item-play:hover svg {
        transform: scale(1.05) translateZ(0)
    }

    .gt-accordion__item-play svg {
        display: block;
        width: 88px;
        height: 88px;
        transition: transform .3s ease 0s
    }

@media screen and (min-width: 568px) {
    .gt-accordion__item-play svg {
        width: 64px;
        height: 64px
    }
}

.gt-accordion__item-video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000
}

    .gt-accordion__item-video iframe {
        width: 100%;
        height: 100%
    }

.gt-accordion__arrow {
    display: flex;
    grid-area: arrow;
    align-items: center;
    justify-content: flex-end;
    color: #607385;
    transition: color .1s linear
}

    .gt-accordion__arrow svg {
        display: block;
        fill: currentColor;
        transition: fill .1s linear
    }

.gt-wizard {
    padding: 16px 0 0
}

@media screen and (min-width: 768px) {
    .gt-wizard {
        padding: 24px 0 0
    }
}

.gt-wizard .gt-wizard__title {
    padding: 0 16px;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 568px) {
    .gt-wizard .gt-wizard__title {
        font-size: 24px;
        line-height: 30px
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard .gt-wizard__title {
        margin-bottom: 8px;
        padding: 0 32px
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard--wide .gt-accordion__item {
        grid-template: 1fr min-content min-content 1fr / 76px 1fr 34px;
        grid-template-areas: "counter spacer-top arrow" "counter title arrow" "counter note arrow" "counter spacer-bottom arrow"
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard--wide .gt-accordion__item--active {
        grid-template: repeat(4, min-content) 1fr / 76px 1fr 24px 1fr;
        grid-template-areas: "counter title spacer promo" "counter description spacer promo" "counter note spacer promo" "counter button spacer promo" "counter spacer-bottom spacer promo"
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard--wide .gt-accordion__item--active.gt-accordion__item--play {
        grid-template: auto / 76px 1fr;
        grid-template-areas: "counter title" "counter promo" "counter description" "counter note" "counter button"
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard--wide .gt-accordion__item--active .gt-accordion__item-title {
        font-size: 24px;
        line-height: 30px
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard--wide .gt-accordion__counter {
        display: flex;
        grid-area: counter;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border: 1px solid rgba(96,115,133,0.35);
        border-radius: 50%;
        color: #607385;
        font-size: 20px;
        line-height: 28px;
        font-family: var(--headers-font-family)
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard--wide .gt-accordion__item-play svg {
        width: 88px;
        height: 88px
    }
}

@media screen and (min-width: 768px) {
    .gt-wizard--wide .gt-wizard__title {
        font-size: 32px;
        line-height: 38px
    }
}